.gk98-ps {
	--gk98-ps-accent: #0b8f61;
	--gk98-ps-bg: #f0fbf6;
	--gk98-ps-text: #285746;
	--gk98-ps-border: #c8eadb;
	--gk98-ps-font-desktop: 12px;
	--gk98-ps-font-mobile: 11px;
	--gk98-ps-icon-desktop: 22px;
	--gk98-ps-icon-mobile: 20px;
	--gk98-ps-pad-x: 12px;
	--gk98-ps-pad-y: 9px;
	--gk98-ps-radius: 12px;
	--gk98-ps-border-width: 1px;
	--gk98-ps-shadow: .12;
	display: flex;
	width: fit-content;
	max-width: 100%;
	margin-block: 8px 12px;
	box-sizing: border-box;
	direction: rtl;
	font-family: inherit;
	font-size: var(--gk98-ps-font-desktop);
	line-height: 1.75;
	text-align: start;
}

.gk98-ps[hidden] { display: none !important; }
.gk98-ps *, .gk98-ps *::before, .gk98-ps *::after { box-sizing: border-box; }

.gk98-ps__surface {
	position: relative;
	display: flex;
	align-items: center;
	gap: 9px;
	width: 100%;
	max-width: 100%;
	padding: var(--gk98-ps-pad-y) var(--gk98-ps-pad-x);
	border: var(--gk98-ps-border-width) solid var(--gk98-ps-border);
	border-radius: var(--gk98-ps-radius);
	color: var(--gk98-ps-text);
	background: var(--gk98-ps-bg);
	box-shadow: 0 8px 24px rgba(19, 79, 56, var(--gk98-ps-shadow));
	overflow: hidden;
}

.gk98-ps__icon {
	position: relative;
	z-index: 1;
	display: inline-grid;
	flex: 0 0 var(--gk98-ps-icon-desktop);
	width: var(--gk98-ps-icon-desktop);
	height: var(--gk98-ps-icon-desktop);
	place-items: center;
	color: #fff;
}

.gk98-ps__icon svg { display: block; width: 60%; height: 60%; }
.gk98-ps__copy { position: relative; z-index: 1; min-width: 0; font-size: inherit; font-weight: 650; }
.gk98-ps__amount, .gk98-ps__percent { color: var(--gk98-ps-accent); font-weight: 900; white-space: nowrap; }
.gk98-ps__amount .amount, .gk98-ps__amount bdi { color: inherit; font-weight: inherit; }
.gk98-ps--align-start { margin-inline-start: 0; margin-inline-end: auto; }
.gk98-ps--align-center { margin-inline: auto; }
.gk98-ps--align-end { margin-inline-start: auto; margin-inline-end: 0; }
.gk98-ps--width-full { width: 100%; }

/* Design 1: familiar green saving card. */
.gk98-ps--emerald { --gk98-ps-accent: #08734e; --gk98-ps-bg: #f0fbf6; --gk98-ps-text: #285746; --gk98-ps-border: #c8eadb; }
.gk98-ps--emerald .gk98-ps__surface { background: linear-gradient(135deg, var(--gk98-ps-bg), #fff 88%); }
.gk98-ps--emerald .gk98-ps__icon { border-radius: 50%; background: var(--gk98-ps-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--gk98-ps-accent) 10%, transparent); }

/* Design 2: perforated coupon/ticket. */
.gk98-ps--ticket { --gk98-ps-accent: #c64f24; --gk98-ps-bg: #fff7ed; --gk98-ps-text: #713b25; --gk98-ps-border: #f1c59f; }
.gk98-ps--ticket .gk98-ps__surface { padding-inline-end: calc(var(--gk98-ps-pad-x) + 8px); border-style: dashed; background: linear-gradient(90deg, color-mix(in srgb, var(--gk98-ps-accent) 8%, var(--gk98-ps-bg)), var(--gk98-ps-bg)); }
.gk98-ps--ticket .gk98-ps__surface::before, .gk98-ps--ticket .gk98-ps__surface::after { content: ''; position: absolute; inset-inline-end: -7px; width: 13px; height: 13px; border: var(--gk98-ps-border-width) solid var(--gk98-ps-border); border-radius: 50%; background: #fff; }
.gk98-ps--ticket .gk98-ps__surface::before { top: -7px; }
.gk98-ps--ticket .gk98-ps__surface::after { bottom: -7px; }
.gk98-ps--ticket .gk98-ps__icon { border-radius: 5px; color: var(--gk98-ps-accent); background: color-mix(in srgb, var(--gk98-ps-accent) 12%, #fff); transform: rotate(-5deg); }

/* Design 3: lightweight editorial rule. */
.gk98-ps--minimal { --gk98-ps-accent: #146c73; --gk98-ps-bg: transparent; --gk98-ps-text: #43595b; --gk98-ps-border: #b8dadd; }
.gk98-ps--minimal .gk98-ps__surface { padding-block: max(4px, calc(var(--gk98-ps-pad-y) - 2px)); padding-inline: var(--gk98-ps-pad-x) 2px; border-width: 0 0 1px; border-radius: 0; background: transparent; box-shadow: none; }
.gk98-ps--minimal .gk98-ps__surface::after { content: ''; position: absolute; inset-inline-start: 0; bottom: -1px; width: 34%; height: 2px; background: var(--gk98-ps-accent); }
.gk98-ps--minimal .gk98-ps__icon { flex-basis: calc(var(--gk98-ps-icon-desktop) - 2px); width: calc(var(--gk98-ps-icon-desktop) - 2px); height: calc(var(--gk98-ps-icon-desktop) - 2px); border-radius: 5px; color: var(--gk98-ps-accent); background: color-mix(in srgb, var(--gk98-ps-accent) 9%, transparent); }
.gk98-ps--minimal .gk98-ps__copy { font-weight: 570; }

/* Design 4: dark gaming neon. */
.gk98-ps--neon { --gk98-ps-accent: #74f6c8; --gk98-ps-bg: #101729; --gk98-ps-text: #e5fff6; --gk98-ps-border: #277e6c; }
.gk98-ps--neon .gk98-ps__surface { border-radius: min(var(--gk98-ps-radius), 11px); background: linear-gradient(135deg, color-mix(in srgb, var(--gk98-ps-accent) 9%, transparent), transparent 48%), var(--gk98-ps-bg); box-shadow: 0 10px 30px rgba(0,0,0,calc(var(--gk98-ps-shadow) + .08)), inset 0 0 18px color-mix(in srgb, var(--gk98-ps-accent) 5%, transparent); }
.gk98-ps--neon .gk98-ps__surface::after { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 27px, rgba(255,255,255,.025) 28px); pointer-events: none; }
.gk98-ps--neon .gk98-ps__icon { border: 1px solid var(--gk98-ps-accent); border-radius: 6px; color: #0b1815; background: var(--gk98-ps-accent); box-shadow: 0 0 14px color-mix(in srgb, var(--gk98-ps-accent) 52%, transparent); }
.gk98-ps--neon .gk98-ps__amount, .gk98-ps--neon .gk98-ps__percent { text-shadow: 0 0 10px color-mix(in srgb, var(--gk98-ps-accent) 60%, transparent); }

/* Design 5: restrained premium gold. */
.gk98-ps--luxury { --gk98-ps-accent: #a77519; --gk98-ps-bg: #171713; --gk98-ps-text: #f4ecd9; --gk98-ps-border: #7d622e; }
.gk98-ps--luxury .gk98-ps__surface { padding-inline-start: calc(var(--gk98-ps-pad-x) + 4px); background: linear-gradient(120deg, #171713, color-mix(in srgb, var(--gk98-ps-accent) 13%, #171713)); box-shadow: 0 12px 30px rgba(45,35,12,calc(var(--gk98-ps-shadow) + .06)); }
.gk98-ps--luxury .gk98-ps__surface::before { content: ''; position: absolute; inset-block: 7px; inset-inline-start: 0; width: 3px; border-radius: 3px; background: linear-gradient(#f1d78f, var(--gk98-ps-accent)); }
.gk98-ps--luxury .gk98-ps__icon { border: 1px solid color-mix(in srgb, var(--gk98-ps-accent) 70%, #fff); border-radius: 50%; color: #211a0b; background: linear-gradient(145deg, #efd88d, var(--gk98-ps-accent)); }

@keyframes gk98-ps-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes gk98-ps-slide { from { opacity: 0; transform: translate3d(12px,0,0); } to { opacity: 1; transform: none; } }
@keyframes gk98-ps-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.018); } }
.gk98-ps--animation-fade:not([hidden]) { animation: gk98-ps-fade .4s ease both; }
.gk98-ps--animation-slide:not([hidden]) { animation: gk98-ps-slide .45s cubic-bezier(.2,.7,.25,1) both; }
.gk98-ps--animation-pulse:not([hidden]) { animation: gk98-ps-pulse 1.8s ease-in-out 1 both; }

@media (min-width: 681px) { .gk98-ps--hide-desktop { display: none !important; } }
@media (max-width: 680px) {
	.gk98-ps { font-size: var(--gk98-ps-font-mobile); margin-block: 7px 10px; }
	.gk98-ps__surface { gap: 7px; }
	.gk98-ps__icon { flex-basis: var(--gk98-ps-icon-mobile); width: var(--gk98-ps-icon-mobile); height: var(--gk98-ps-icon-mobile); }
	.gk98-ps--mobile-full { width: 100%; }
	.gk98-ps--hide-mobile { display: none !important; }
}
@media (prefers-reduced-motion: reduce) { .gk98-ps { animation: none !important; } }