@font-face { font-family: 'Prata'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/prata-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Prata'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/prata-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Prata'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/prata-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/fonts/manrope-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/fonts/manrope-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/fonts/manrope-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/fonts/manrope-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@property --lx-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

html.lux {
  --font-s: 'Prata', 'Georgia', serif;
  --font-b: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --lx-ink: #24112E;
  --lx-ink2: #4B3654;
  --lx-mute: #7A6C80;
  --lx-page: #FBF6F8;
  --lx-page2: #F6ECF1;
  --lx-surface: #FFFFFF;
  --lx-blush: #F4E5EC;
  --lx-line: rgba(36, 17, 46, .10);
  --lx-line2: rgba(36, 17, 46, .18);
  --lx-gold: #B98A49;
  --lx-gold2: #E7C98F;
  --lx-gold-soft: rgba(201, 160, 99, .28);
  --lx-accent: #8E1F5A;
  --lx-accent2: #C0407F;
  --lx-on-accent: #FFF7FA;
  --lx-stage1: #24112E;
  --lx-stage2: #43174C;
  --lx-stage3: #6A2257;
  --lx-on-stage: #FFF5F8;
  --lx-on-stage2: rgba(255, 240, 246, .74);
  --lx-shadow: 0 22px 44px -24px rgba(36, 17, 46, .42);
  --lx-shadow2: 0 34px 64px -28px rgba(36, 17, 46, .55);
  --lx-r-card: 20px;
  --lx-r-ctl: 14px;
  --lx-ease: cubic-bezier(.2, .7, .2, 1);
  --nav-h: 64px;
  background: var(--lx-page);
}
html.lux.theme-new_year { --lx-stage1: #0A1733; --lx-stage2: #142C5C; --lx-stage3: #24477F; --lx-accent: #1E4F93; --lx-accent2: #3D7BC4; --lx-blush: #E6EEF8; --lx-page: #F6F9FD; --lx-page2: #EAF1FA; }
html.lux.theme-christmas { --lx-stage1: #0C2219; --lx-stage2: #143A2A; --lx-stage3: #1E5139; --lx-accent: #A3192E; --lx-accent2: #D0384F; --lx-blush: #F5E6E3; --lx-page: #FBF8F4; --lx-page2: #F3ECE3; }
html.lux.theme-tsagaan_sar { --lx-stage1: #0B2457; --lx-stage2: #173F8A; --lx-stage3: #2B5FB8; --lx-accent: #1B4D9E; --lx-accent2: #3E78D0; --lx-blush: #E8EFFA; --lx-page: #F7F9FD; --lx-page2: #EDF2FA; }
html.lux.theme-naadam { --lx-stage1: #0C3463; --lx-stage2: #165C8E; --lx-stage3: #2E7E58; --lx-accent: #B5122C; --lx-accent2: #E0473F; --lx-gold: #B8860B; --lx-gold2: #F2C230; --lx-blush: #F7E9E4; --lx-page: #FBF8F3; --lx-page2: #F2EEE4; }
html.lux.theme-mothers_day { --lx-stage1: #4A1733; --lx-stage2: #7A2E54; --lx-stage3: #A5486F; --lx-accent: #A8336A; --lx-accent2: #D1588F; --lx-blush: #FBE8EF; --lx-page: #FDF7F9; --lx-page2: #F8EAF0; }
html.lux.theme-womens_day { --lx-stage1: #3E0C2A; --lx-stage2: #6B1544; --lx-stage3: #9A1F57; --lx-accent: #B8174F; --lx-accent2: #E6406F; --lx-gold: #B8932A; --lx-gold2: #F0CF4A; --lx-blush: #FBE6EC; --lx-page: #FDF7F8; --lx-page2: #F9E9EE; }
html.lux.theme-soldiers_day { --lx-stage1: #0E1C30; --lx-stage2: #18304A; --lx-stage3: #24452F; --lx-accent: #2A4A6E; --lx-accent2: #3F6A96; --lx-gold: #A8862C; --lx-gold2: #E2C25B; --lx-blush: #E8EEF3; --lx-page: #F7F8F8; --lx-page2: #ECEFEE; }
html.lux.theme-valentine { --lx-stage1: #36081A; --lx-stage2: #5E0F2A; --lx-stage3: #8C1638; --lx-accent: #B8183F; --lx-accent2: #E8456A; --lx-blush: #FBE5EA; --lx-page: #FDF6F7; --lx-page2: #F9E8EC; }
html.lux.theme-june1 { --lx-stage1: #13427E; --lx-stage2: #1E6CB8; --lx-stage3: #3FA1E6; --lx-accent: #E2502E; --lx-accent2: #FF8A3D; --lx-gold: #C98F12; --lx-gold2: #FFC93C; --lx-blush: #E5F2FC; --lx-page: #F7FBFE; --lx-page2: #E9F4FC; }
html.lux.theme-sept1 { --lx-stage1: #2E1A0C; --lx-stage2: #5A3112; --lx-stage3: #8A4B18; --lx-accent: #A9471A; --lx-accent2: #D6702C; --lx-gold: #B5832B; --lx-gold2: #E8B651; --lx-blush: #F7EBDF; --lx-page: #FCF8F3; --lx-page2: #F4EBDF; }

html.lux { --lx-acc-rgb: 142, 31, 90; --lx-acc2-rgb: 192, 64, 127; --lx-acc-lt-rgb: 233, 165, 198; --lx-accent-lt: #E9A5C6; }
html.lux.theme-new_year { --lx-acc-rgb: 30, 79, 147; --lx-acc2-rgb: 61, 123, 196; --lx-acc-lt-rgb: 156, 194, 238; --lx-accent-lt: #9CC2EE; }
html.lux.theme-christmas { --lx-acc-rgb: 163, 25, 46; --lx-acc2-rgb: 208, 56, 79; --lx-acc-lt-rgb: 242, 163, 174; --lx-accent-lt: #F2A3AE; }
html.lux.theme-tsagaan_sar { --lx-acc-rgb: 27, 77, 158; --lx-acc2-rgb: 62, 120, 208; --lx-acc-lt-rgb: 165, 195, 240; --lx-accent-lt: #A5C3F0; }
html.lux.theme-naadam { --lx-acc-rgb: 181, 18, 44; --lx-acc2-rgb: 224, 71, 63; --lx-acc-lt-rgb: 244, 167, 161; --lx-accent-lt: #F4A7A1; }
html.lux.theme-mothers_day { --lx-acc-rgb: 168, 51, 106; --lx-acc2-rgb: 209, 88, 143; --lx-acc-lt-rgb: 242, 179, 207; --lx-accent-lt: #F2B3CF; }
html.lux.theme-womens_day { --lx-acc-rgb: 184, 23, 79; --lx-acc2-rgb: 230, 64, 111; --lx-acc-lt-rgb: 246, 169, 190; --lx-accent-lt: #F6A9BE; }
html.lux.theme-soldiers_day { --lx-acc-rgb: 42, 74, 110; --lx-acc2-rgb: 63, 106, 150; --lx-acc-lt-rgb: 169, 193, 218; --lx-accent-lt: #A9C1DA; }
html.lux.theme-valentine { --lx-acc-rgb: 184, 24, 63; --lx-acc2-rgb: 232, 69, 106; --lx-acc-lt-rgb: 246, 166, 184; --lx-accent-lt: #F6A6B8; }
html.lux.theme-june1 { --lx-acc-rgb: 226, 80, 46; --lx-acc2-rgb: 255, 138, 61; --lx-acc-lt-rgb: 255, 193, 166; --lx-accent-lt: #FFC1A6; }
html.lux.theme-sept1 { --lx-acc-rgb: 169, 71, 26; --lx-acc2-rgb: 214, 112, 44; --lx-acc-lt-rgb: 240, 190, 151; --lx-accent-lt: #F0BE97; }
html.lux, html.lux body {
  --k-7c3aed: var(--lx-accent); --k-6d28d9: color-mix(in srgb, var(--lx-accent) 82%, #000); --k-5b21b6: color-mix(in srgb, var(--lx-accent) 70%, #000); --k-4f46e5: var(--lx-accent);
  --k-8b5cf6: var(--lx-accent2); --k-a855f7: var(--lx-accent2); --k-9f67ff: var(--lx-accent2); --k-ec4899: var(--lx-accent2); --k-db2777: var(--lx-accent2); --k-f472b6: color-mix(in srgb, var(--lx-accent2) 75%, #fff); --k-be185d: var(--lx-accent); --k-9d174d: color-mix(in srgb, var(--lx-accent) 80%, #000);
  --k-a78bfa: var(--lx-accent-lt); --k-c4b5fd: var(--lx-accent-lt); --k-ddd6fe: color-mix(in srgb, var(--lx-accent-lt) 55%, #fff); --k-f9a8d4: var(--lx-accent-lt); --k-f0abfc: var(--lx-accent-lt); --k-e8a0b4: var(--lx-accent-lt);
  --k-f5f3ff: var(--lx-blush); --k-ede9fe: var(--lx-blush); --k-f3f0ff: var(--lx-blush); --k-fce7f3: var(--lx-blush); --k-f7f5ff: color-mix(in srgb, var(--lx-blush) 55%, #fff); --k-faf7ff: color-mix(in srgb, var(--lx-blush) 45%, #fff); --k-fdf2f8: color-mix(in srgb, var(--lx-blush) 60%, #fff); --k-f8f7fb: color-mix(in srgb, var(--lx-blush) 40%, #fff); --k-e9e3ff: var(--lx-blush); --k-e4d8fd: color-mix(in srgb, var(--lx-blush) 80%, var(--lx-accent-lt)); --k-fbcfe8: color-mix(in srgb, var(--lx-blush) 70%, var(--lx-accent-lt)); --k-f5d0fe: color-mix(in srgb, var(--lx-blush) 70%, var(--lx-accent-lt)); --k-fcfbff: color-mix(in srgb, var(--lx-blush) 25%, #fff); --k-f6f4ff: color-mix(in srgb, var(--lx-blush) 45%, #fff); --k-f7f3ff: color-mix(in srgb, var(--lx-blush) 50%, #fff); --k-fff7fb: color-mix(in srgb, var(--lx-blush) 35%, #fff); --k-fff5fa: color-mix(in srgb, var(--lx-blush) 40%, #fff); --k-fff1f7: color-mix(in srgb, var(--lx-blush) 55%, #fff); --k-fbfaff: color-mix(in srgb, var(--lx-blush) 20%, #fff); --k-f3eeff: var(--lx-blush); --k-ede7ff: var(--lx-blush); --k-f2eefa: color-mix(in srgb, var(--lx-blush) 70%, #fff); --k-f0ebfa: color-mix(in srgb, var(--lx-blush) 70%, #fff); --k-eee8f9: var(--lx-blush); --k-ece6f8: var(--lx-blush); --k-e9ddff: var(--lx-blush); --k-ddd3f5: color-mix(in srgb, var(--lx-blush) 70%, var(--lx-accent-lt));
  --k-1d1630: var(--lx-stage1); --k-1d1828: var(--lx-stage1); --k-221c33: var(--lx-stage2); --k-211b2d: var(--lx-stage1); --k-1b1726: var(--lx-stage1); --k-3b2a6b: var(--lx-stage2);
  --k-124-58-237: var(--lx-acc-rgb); --k-139-92-246: var(--lx-acc2-rgb); --k-236-72-153: var(--lx-acc2-rgb); --k-244-114-182: var(--lx-acc2-rgb); --k-167-139-250: var(--lx-acc-lt-rgb); --k-196-181-253: var(--lx-acc-lt-rgb); --k-249-168-212: var(--lx-acc-lt-rgb); --k-76-29-149: var(--lx-acc-rgb); --k-44-20-90: var(--lx-acc-rgb);
  --gold: var(--lx-accent); --gold2: var(--lx-accent2); --rose: var(--lx-accent2);
  --bt-grad: linear-gradient(135deg, var(--lx-accent2), var(--lx-accent)); --bt-soft: rgba(var(--lx-acc-rgb), .08);
  --ribbon-a: var(--lx-stage1); --ribbon-b: var(--lx-stage2);
}
html.lux body.dark-mode { --gold: var(--lx-accent-lt); --gold2: var(--lx-accent-lt); }
html.lux *, html.lux *::before, html.lux *::after { text-transform: none !important; letter-spacing: normal !important; }

html.lux body { background: var(--lx-page) !important; color: var(--lx-ink); font-weight: 400; letter-spacing: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html.lux body::before { content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(1200px 500px at 85% 115%, var(--lx-page2), transparent 70%), radial-gradient(900px 500px at -10% 40%, var(--lx-page2), transparent 70%); }
html.lux ::selection { background: var(--lx-gold2); color: var(--lx-ink); }
html.lux :focus-visible { outline: 2px solid var(--lx-gold); outline-offset: 2px; }
html.lux #scrollBg { display: none; }

#fxBg, #fxTop { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; }
#fxBg { z-index: 0; }
#fxTop { z-index: 460; }
#fxChars { position: fixed; inset: 0; z-index: 455; pointer-events: none; overflow: hidden; }
.fx-stage { position: absolute; inset: 0; z-index: 0; pointer-events: none; width: 100%; height: 100%; }
.fx-actor { position: absolute; left: 0; top: 0; will-change: transform; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .28)); }
.fx-actor svg { display: block; overflow: visible; }
.fx-actor.fx-flip svg { transform: scaleX(-1); }
.fx-actor .fxw { transform-box: fill-box; animation: fxFlap .34s ease-in-out infinite alternate; }
.fx-actor .fxw-l { transform-origin: 100% 50%; }
.fx-actor .fxw-r { transform-origin: 0% 50%; }
.fx-actor.fx-book .fxw { animation-duration: .5s; }
.fx-actor .fxw-up { transform-origin: 30% 95%; animation: fxWing .42s ease-in-out infinite alternate; }
.fx-actor .fxdeer { animation: fxGallop .5s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: 50% 50%; }
.fx-actor .fxdeer:nth-child(2) { animation-delay: -.16s; }
.fx-actor .fxdeer:nth-child(3) { animation-delay: -.32s; }
.fx-actor .fxhorse { animation: fxGallop .28s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: 50% 80%; }
.fx-actor .fxtail { animation: fxTail 1.2s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: 50% 0; }
@keyframes fxFlap { from { transform: scaleX(1); } to { transform: scaleX(.18); } }
@keyframes fxWing { from { transform: rotate(0); } to { transform: rotate(-38deg) scaleY(.7); } }
@keyframes fxGallop { from { transform: translateY(0) rotate(-2deg); } to { transform: translateY(-3px) rotate(3deg); } }
@keyframes fxTail { from { transform: rotate(-8deg); } to { transform: rotate(8deg); } }

html.lux nav#navbar { height: var(--nav-h); background: transparent !important; border-bottom: 1px solid transparent !important; box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none; transition: background .45s var(--lx-ease), border-color .45s, box-shadow .45s; }
html.lux nav#navbar.scrolled, html.lux.info-open nav#navbar, html.lux body.admin-mode nav#navbar { background: color-mix(in srgb, var(--lx-stage1) 86%, transparent) !important; border-bottom-color: rgba(255, 255, 255, .07) !important; box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .6) !important; backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); }
html.lux nav#navbar::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--lx-gold2), transparent); opacity: .0; transition: opacity .45s; pointer-events: none; }
html.lux nav#navbar.scrolled::after { opacity: .55; }
html.lux .nav-logo, html.lux .nav-logo .nav-word { color: var(--lx-on-stage) !important; font-family: var(--font-s) !important; font-size: 1.32rem; letter-spacing: .01em; }
html.lux .nav-logo .nav-mark { filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .25)); }
html.lux .nav-links a { color: var(--lx-on-stage2) !important; font-size: .86rem !important; letter-spacing: .01em !important; text-transform: none !important; font-weight: 600; padding: .4rem .1rem; }
html.lux .nav-links a::after { left: 50% !important; right: 50% !important; height: 1.5px !important; background: var(--lx-gold2) !important; transform: none !important; transition: left .35s var(--lx-ease), right .35s var(--lx-ease) !important; }
html.lux .nav-links a::before { content: ''; position: absolute; left: 50%; bottom: -8px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--lx-gold2); box-shadow: 0 0 8px var(--lx-gold2); opacity: 0; transform: scale(.2); transition: opacity .3s, transform .35s var(--lx-ease); }
html.lux .nav-links a:hover { color: #fff !important; }
html.lux .nav-links a:hover::after { left: 0 !important; right: 0 !important; }
html.lux .nav-links a:hover::before { opacity: 1; transform: scale(1); }
html.lux nav .nav-btn { font-family: var(--font-b) !important; text-transform: none !important; letter-spacing: .01em !important; font-size: .84rem !important; font-weight: 700 !important; border-radius: 999px !important; padding: .5rem 1.05rem !important; color: var(--lx-on-stage) !important; border: 1px solid rgba(255, 255, 255, .28) !important; background: rgba(255, 255, 255, .04) !important; position: relative; overflow: hidden; transition: background .3s, border-color .3s, transform .2s !important; }
html.lux nav .nav-btn:hover { border-color: var(--lx-gold2) !important; background: rgba(255, 255, 255, .1) !important; }
html.lux nav .nav-btn.primary { background: linear-gradient(135deg, #F6E3B4, var(--lx-gold2) 55%, #C99A55) !important; color: var(--lx-ink) !important; border-color: transparent !important; box-shadow: 0 8px 22px -10px rgba(233, 201, 143, .8); }
html.lux nav .nav-btn.primary::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .75) 48%, transparent 64%); transform: translateX(-130%); transition: transform .8s var(--lx-ease); }
html.lux nav .nav-btn.primary:hover::after { transform: translateX(130%); }
html.lux nav .nav-btn:active { transform: scale(.97); }
html.lux .theme-toggle { color: var(--lx-on-stage) !important; border: 1px solid rgba(255, 255, 255, .26) !important; border-radius: 50% !important; background: rgba(255, 255, 255, .04) !important; }
html.lux .theme-toggle svg { fill: currentColor; }
html.lux .theme-toggle:hover { border-color: var(--lx-gold2) !important; color: var(--lx-gold2) !important; }
html.lux .nav-bell { color: var(--lx-on-stage) !important; }
html.lux .user-avatar { box-shadow: 0 0 0 2px var(--lx-gold2), 0 6px 16px -6px rgba(0, 0, 0, .5); }
html.lux #themeRibbon { display: none !important; }
@media (max-width: 540px) {
  html.lux nav#navbar { padding: 0 .85rem !important; }
  html.lux .nav-logo { gap: .4rem !important; }
  html.lux .nav-logo .nav-mark { height: 30px !important; }
  html.lux .nav-logo .nav-word { font-size: 1.1rem !important; }
  html.lux .nav-right { gap: .38rem !important; }
  html.lux #navAuthBtns { gap: .35rem !important; }
  html.lux nav .nav-btn { padding: .46rem .78rem !important; font-size: .8rem !important; }
  html.lux .theme-toggle { width: 32px !important; height: 32px !important; }
}
@media (max-width: 374px) { html.lux .nav-logo .nav-word { display: none; } }
html.lux .search-section, html.lux .search-inner { background: transparent !important; box-shadow: none !important; border: 0 !important; }

html.lux .hero { position: relative; min-height: clamp(520px, 80svh, 860px) !important; padding: calc(var(--nav-h) + 3.2rem) 1.25rem 3.2rem !important; align-items: stretch !important; justify-content: flex-end !important; text-align: left !important; overflow: hidden; isolation: isolate; color: var(--lx-on-stage);
  background: radial-gradient(130% 80% at 85% 0%, var(--lx-stage3) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, var(--lx-stage2) 0%, transparent 60%), linear-gradient(170deg, var(--lx-stage1), var(--lx-stage2) 70%, var(--lx-stage1)) !important; border-radius: 0 0 28px 28px; }
html.lux .hero::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(60% 40% at 50% 120%, rgba(255, 255, 255, .10), transparent 70%), repeating-linear-gradient(115deg, rgba(255, 255, 255, .025) 0 2px, transparent 2px 9px); mix-blend-mode: screen; }
html.lux.fx-moon .hero::after { content: ''; position: absolute; z-index: 0; top: calc(var(--nav-h) + 1.2rem); right: 8%; width: clamp(64px, 14vw, 132px); aspect-ratio: 1; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 38% 36%, #FFFDF4 0 34%, #F4EBD2 58%, #E6D6AE 100%); box-shadow: 0 0 40px 10px rgba(255, 248, 225, .28), 0 0 120px 40px rgba(255, 248, 225, .12); opacity: .92; }
html.lux.fx-sun .hero::after { content: ''; position: absolute; z-index: 0; top: calc(var(--nav-h) - .6rem); right: 6%; width: clamp(90px, 18vw, 170px); aspect-ratio: 1; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, #FFF3C4 0 32%, rgba(255, 214, 102, .55) 50%, transparent 72%); }
html.lux .hero-content { position: relative; z-index: 2; max-width: 1180px !important; width: 100%; margin: 0 auto; }
html.lux .hero-greet { min-height: 1.4em; margin: 0 0 .9rem; font-size: .92rem; font-weight: 600; color: var(--lx-gold2); letter-spacing: .01em; opacity: 0; transform: translateY(6px); transition: opacity .8s, transform .8s var(--lx-ease); }
html.lux .hero-greet:not(:empty) { opacity: 1; transform: none; }
html.lux .hero-title { font-family: var(--font-s) !important; font-weight: 400 !important; font-size: clamp(2.55rem, 9.6vw, 5.4rem) !important; line-height: 1.04 !important; letter-spacing: -.012em !important; margin: 0 0 1.1rem !important; color: var(--lx-on-stage); max-width: 13ch; animation: none !important; }
html.lux .hero-title .ht-line { display: inline; font-family: var(--font-s) !important; }
html.lux .mobile-drawer { background: color-mix(in srgb, var(--lx-stage1) 94%, transparent) !important; border-bottom: 1px solid rgba(255, 255, 255, .08) !important; box-shadow: 0 30px 50px -30px rgba(0, 0, 0, .7) !important; backdrop-filter: blur(16px); transition: transform .4s var(--lx-ease), visibility 0s .4s !important; }
html.lux .mobile-drawer.open { visibility: visible; transition: transform .4s var(--lx-ease), visibility 0s 0s !important; }
html.lux .mobile-drawer:not(.open) { visibility: hidden; }
html.lux .mobile-drawer-inner a { color: var(--lx-on-stage) !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 600; font-size: 1rem !important; border-bottom-color: rgba(255, 255, 255, .08) !important; }
html.lux .mobile-drawer .md-setting { color: var(--lx-on-stage) !important; font-weight: 600; border-bottom-color: rgba(255, 255, 255, .08) !important; }
html.lux .mobile-drawer .md-head { border-bottom-color: rgba(255, 255, 255, .1) !important; }
html.lux .mobile-drawer .md-name { color: var(--lx-on-stage) !important; }
html.lux .mobile-drawer .md-mail, html.lux .mobile-drawer .md-lb small, html.lux .mobile-drawer .md-next-h { color: var(--lx-on-stage2) !important; }
html.lux .mobile-drawer .md-ic { background: rgba(255, 255, 255, .08) !important; color: var(--lx-gold2) !important; }
html.lux .mobile-drawer .md-more { color: var(--lx-gold2) !important; font-weight: 700; }
html.lux .mobile-drawer .md-switch { background: rgba(255, 255, 255, .18) !important; }
html.lux .mobile-drawer .md-switch.on { background: linear-gradient(135deg, var(--lx-gold2), var(--lx-gold)) !important; }
html.lux .nav-bell { background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .24) !important; backdrop-filter: blur(8px); }
html.lux .nav-bell:hover { background: rgba(255, 255, 255, .18) !important; }
html.lux .menu-tab { background: color-mix(in srgb, var(--lx-stage1) 92%, transparent) !important; border-color: rgba(255, 255, 255, .1) !important; color: var(--lx-gold2); box-shadow: 0 8px 16px -8px rgba(0, 0, 0, .6) !important; }
html.lux .hero-title .ht-line, html.lux .hero-title .ht-shine { background: linear-gradient(100deg, var(--lx-on-stage) 0%, var(--lx-on-stage) 40%, #FFE9BE 50%, var(--lx-on-stage) 60%, var(--lx-on-stage) 100%); background-size: 260% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: lxShine 2.6s .5s var(--lx-ease) 1 both; }
@keyframes lxShine { from { background-position: 100% 0; } to { background-position: 0% 0; } }
html.lux .hero-sub { font-size: 1.02rem !important; line-height: 1.6 !important; color: var(--lx-on-stage2) !important; max-width: 34rem !important; margin: 0 0 1.6rem !important; font-weight: 500 !important; animation: none !important; }
html.lux .hero-stats { display: none !important; }
html.lux .hero-btns { justify-content: flex-start !important; margin-top: 1.1rem; animation: none !important; }
html.lux .hero-owner { color: var(--lx-on-stage2); font-size: .9rem; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .28); padding-bottom: 2px; transition: color .3s, border-color .3s; }
html.lux .hero-owner:hover { color: var(--lx-gold2); border-color: var(--lx-gold2); }
@media (min-width: 900px) {
  html.lux .hero { padding: calc(var(--nav-h) + 5rem) 3rem 4.5rem !important; border-radius: 0 0 40px 40px; }
  html.lux .hero-sub { font-size: 1.12rem !important; }
}

html.lux .hero-search { max-width: 640px; position: relative; z-index: 3; }
html.lux .search-box { position: relative; }
html.lux .search-bar { position: relative; display: flex !important; align-items: center; gap: .2rem; padding: 6px !important; border-radius: 18px !important; border: 1px solid transparent !important; background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, conic-gradient(from var(--lx-a), rgba(255, 255, 255, .6), var(--lx-gold2), rgba(255, 255, 255, .6), var(--lx-accent2), rgba(255, 255, 255, .6)) border-box !important; box-shadow: 0 24px 50px -22px rgba(0, 0, 0, .65), 0 0 0 0 rgba(233, 201, 143, 0) !important; transition: box-shadow .4s, transform .3s var(--lx-ease) !important; backdrop-filter: none !important; }
html.lux .search-bar:hover { animation: lxSpin 2.4s linear infinite; box-shadow: 0 26px 56px -22px rgba(0, 0, 0, .7), 0 0 0 4px rgba(233, 201, 143, .22) !important; }
html.lux .search-bar:focus-within { animation: lxSpin 3.2s linear infinite; box-shadow: 0 26px 56px -22px rgba(0, 0, 0, .7), 0 0 0 5px rgba(233, 201, 143, .3) !important; transform: translateY(-1px); }
@keyframes lxSpin { to { --lx-a: 360deg; } }
html.lux .search-bar .s-icon { color: var(--lx-accent) !important; padding: 0 .25rem 0 .7rem !important; }
html.lux .search-bar input { color: var(--lx-ink) !important; font-size: 1rem !important; font-weight: 500 !important; padding: .78rem .5rem !important; }
html.lux .search-bar input::placeholder { color: #9A8BA0 !important; }
html.lux .search-bar button { position: relative; overflow: hidden; border-radius: 13px !important; padding: .82rem 1.25rem !important; font-size: .9rem !important; font-weight: 700 !important; letter-spacing: .01em !important; text-transform: none !important; color: var(--lx-on-accent) !important; background: linear-gradient(135deg, var(--lx-accent2), var(--lx-accent) 60%, color-mix(in srgb, var(--lx-accent) 70%, #000)) !important; box-shadow: 0 10px 22px -10px var(--lx-accent) !important; }
html.lux .search-bar button::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .5) 50%, transparent 65%); transform: translateX(-130%); transition: transform .7s var(--lx-ease); }
html.lux .search-bar button:hover::after { transform: translateX(130%); }
html.lux .search-history { border-radius: 16px !important; box-shadow: var(--lx-shadow2) !important; }
html.lux.theme-new_year .search-bar::before, html.lux.theme-christmas .search-bar::before { content: ''; position: absolute; left: 14px; top: -9px; width: 46%; height: 14px; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14C4 7 10 5 16 8c6-6 16-7 22-1 6-4 12-3 16 1 8-6 20-7 28 0 6-3 12-2 16 2 8-5 18-6 26 0 6-3 12-2 16 2 8-5 18-5 24 1 5-2 10-1 14 3H0z' fill='%23fff'/%3E%3C/svg%3E") center / 100% 100% no-repeat; filter: drop-shadow(0 2px 2px rgba(80, 120, 170, .35)); }

html.lux .search-section { padding: 2rem 1.25rem .4rem !important; max-width: 1240px !important; }
html.lux .filter-label { text-transform: none !important; letter-spacing: 0 !important; font-size: .95rem !important; font-weight: 700 !important; color: var(--lx-ink) !important; font-family: var(--font-b) !important; margin-left: 0 !important; }
html.lux .fl-dot { width: 6px !important; height: 6px !important; background: var(--lx-gold) !important; box-shadow: 0 0 0 4px var(--lx-gold-soft) !important; }
html.lux .tchip, html.lux .pill { background: var(--lx-surface) !important; color: var(--lx-ink2) !important; border: 1px solid var(--lx-line) !important; box-shadow: 0 6px 16px -12px rgba(36, 17, 46, .5) !important; font-weight: 600 !important; font-size: .88rem !important; padding: .58rem 1.05rem !important; transition: transform .25s var(--lx-ease), box-shadow .3s, border-color .3s, color .3s !important; }
html.lux .tchip:hover, html.lux .pill:hover { border-color: var(--lx-gold) !important; color: var(--lx-ink) !important; transform: translateY(-2px); box-shadow: 0 12px 22px -14px rgba(36, 17, 46, .55) !important; }
html.lux .tchip .pc, html.lux .pill .pc { background: var(--lx-blush) !important; color: var(--lx-accent) !important; font-weight: 700 !important; }
html.lux .tchip.active, html.lux .pill.active { background: linear-gradient(140deg, var(--lx-stage2), var(--lx-stage1)) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 12px 24px -12px color-mix(in srgb, var(--lx-stage1) 80%, transparent), inset 0 0 0 1px rgba(233, 201, 143, .35) !important; }
html.lux .tchip.active .pc, html.lux .pill.active .pc { background: rgba(233, 201, 143, .25) !important; color: var(--lx-gold2) !important; }
html.lux .price-filter { border-radius: 18px !important; border: 1px solid var(--lx-line) !important; background: var(--lx-surface) !important; box-shadow: 0 10px 26px -20px rgba(36, 17, 46, .45); }
html.lux .price-filter-label { text-transform: none !important; letter-spacing: 0 !important; font-size: .9rem !important; font-weight: 700; color: var(--lx-ink) !important; }
html.lux .price-filter-label span:last-child { color: var(--lx-accent) !important; }
html.lux .range-fill { background: linear-gradient(90deg, var(--lx-gold), var(--lx-accent)) !important; }
html.lux .range-wrap input[type=range]::-webkit-slider-thumb { background: var(--lx-accent) !important; box-shadow: 0 0 0 4px var(--lx-gold-soft) !important; }
html.lux .range-wrap input[type=range]::-moz-range-thumb { background: var(--lx-accent); border: 2px solid #fff; }

html.lux .row-section { padding: 1.8rem 1.25rem .4rem !important; max-width: 1240px !important; }
html.lux .row-head { align-items: center !important; margin-bottom: 1.1rem !important; gap: 1rem; }
html.lux .row-head h2, html.lux .section-head h2 { font-family: var(--font-s) !important; font-weight: 400 !important; font-size: clamp(1.5rem, 5.4vw, 2.3rem) !important; color: var(--lx-ink) !important; letter-spacing: -.01em !important; line-height: 1.15; }
html.lux .row-head h2 em, html.lux .section-head h2 em { font-style: normal !important; color: inherit !important; }
html.lux .view-all-btn { position: relative; text-transform: none !important; letter-spacing: 0 !important; font-size: .86rem !important; font-weight: 700 !important; color: var(--lx-accent) !important; border: 0 !important; background: none !important; padding: .35rem .1rem !important; border-radius: 0 !important; white-space: nowrap; }
html.lux .view-all-btn::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1.5px; background: currentColor; transform: scaleX(.35); transform-origin: left; transition: transform .35s var(--lx-ease); }
html.lux .view-all-btn:hover::after { transform: scaleX(1); }
html.lux .rarrow { border-radius: 50% !important; width: 40px !important; height: 40px !important; border: 1px solid var(--lx-line2) !important; background: var(--lx-surface) !important; color: var(--lx-ink) !important; }
html.lux .rarrow:hover { background: var(--lx-ink) !important; color: #fff !important; border-color: var(--lx-ink) !important; }
@media (max-width: 640px) { html.lux .rarrow { display: none !important; } }
html.lux .track-wrap { overflow: hidden !important; padding: 18px 8px 28px; margin: -18px -8px -28px; }
html.lux .track { padding: 2px; }
@media (max-width: 900px) {
  html.lux .track-wrap { margin: -18px -1.25rem -28px; padding: 18px 0 28px; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none; scroll-snap-type: x mandatory; }
  html.lux .track-wrap::-webkit-scrollbar { display: none; }
  html.lux .track { padding: 0 1.25rem; transform: none !important; gap: 14px !important; width: max-content; }
  html.lux .track > * { scroll-snap-align: start; scroll-margin-left: 1.25rem; }
}

html.lux .salon-card { position: relative; overflow: visible !important; background: var(--lx-surface) !important; border: 1px solid var(--lx-line) !important; border-radius: var(--lx-r-card) !important; box-shadow: 0 16px 32px -26px rgba(36, 17, 46, .5) !important; backdrop-filter: none !important; transition: transform .45s var(--lx-ease), box-shadow .45s var(--lx-ease), border-color .45s !important; }
html.lux .salon-card .card-img { height: 214px !important; border-radius: calc(var(--lx-r-card) - 1px) calc(var(--lx-r-card) - 1px) 0 0 !important; overflow: hidden !important; background: var(--lx-blush) !important; isolation: isolate; }
html.lux .salon-card .card-img img { transition: transform 1.1s var(--lx-ease); }
html.lux .salon-card .card-img::after { content: ''; position: absolute; inset: auto 0 0 0; height: 46%; z-index: 2; pointer-events: none; background: linear-gradient(to top, rgba(20, 8, 26, .38), transparent); }
html.lux .salon-card .fx-gloss { position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, .55) 47%, rgba(255, 255, 255, .1) 54%, transparent 64%); transform: translateX(-130%); }
html.lux .salon-card .card-body { padding: 1rem 1.1rem 1.1rem !important; }
html.lux .salon-card .card-district { order: 0; font-size: .8rem !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--lx-mute) !important; font-weight: 600; margin-bottom: .25rem !important; }
html.lux .salon-card h3 { font-family: var(--font-s) !important; font-size: 1.32rem !important; font-weight: 400 !important; color: var(--lx-ink) !important; line-height: 1.2 !important; margin-bottom: .35rem !important; }
html.lux .salon-card .card-rating .stars { color: var(--lx-gold) !important; letter-spacing: .05em; }
html.lux .salon-card .rnum { color: var(--lx-mute) !important; }
html.lux .salon-card .card-tags { display: none !important; }
html.lux .salon-card .card-meta { border-top: 1px solid var(--lx-line) !important; border-radius: 0 !important; padding-top: .8rem !important; margin-top: .5rem; }
html.lux .salon-card .card-rating.no-rating { display: none !important; }
html.lux .salon-card .card-price { font-family: var(--font-b) !important; font-weight: 700 !important; color: var(--lx-ink) !important; font-size: 1rem !important; }
html.lux .salon-card .cbook-btn { font-family: var(--font-b) !important; text-transform: none !important; letter-spacing: .01em !important; font-weight: 700 !important; font-size: .82rem !important; border-radius: 999px !important; border: 0 !important; padding: .55rem 1rem !important; color: var(--lx-on-accent) !important; background: linear-gradient(135deg, var(--lx-accent2), var(--lx-accent)) !important; box-shadow: 0 8px 18px -10px var(--lx-accent) !important; transition: transform .25s var(--lx-ease), box-shadow .25s !important; }
html.lux .salon-card .badge, html.lux .featured-badge { border-radius: 999px !important; text-transform: none !important; letter-spacing: .01em !important; font-weight: 700 !important; background: rgba(255, 255, 255, .92) !important; color: var(--lx-ink) !important; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .5); }
@media (hover: hover) {
  html.lux .salon-card:hover { transform: translateY(-8px); border-color: var(--lx-gold-soft) !important; box-shadow: var(--lx-shadow2), 0 0 0 1px var(--lx-gold-soft) !important; }
  html.lux .salon-card:hover .card-img img { transform: scale(1.06); }
  html.lux .salon-card:hover .fx-gloss { transform: translateX(130%); transition: transform 1s var(--lx-ease); }
  html.lux .salon-card:hover .cbook-btn { transform: translateY(-1px); box-shadow: 0 12px 24px -10px var(--lx-accent) !important; }
}
html.lux .salon-card:active { transform: scale(.985); }
@media (max-width: 640px) { html.lux .salon-card { flex: 0 0 78vw !important; min-width: 0 !important; } html.lux .salon-card .card-img { height: 196px !important; } }
html.lux .skel { border-radius: var(--lx-r-card) !important; border: 1px solid var(--lx-line) !important; background: var(--lx-surface) !important; overflow: hidden; }

html.lux .fx-deco { position: absolute; z-index: 6; pointer-events: none; display: block; }
html.lux[data-fx="default"] .salon-card .fx-deco, html.lux:not([data-fx]) .salon-card .fx-deco { inset: 10px; }
html.lux[data-fx="default"] .salon-card .fx-deco::before, html.lux[data-fx="default"] .salon-card .fx-deco::after { content: ''; position: absolute; width: 22px; height: 22px; opacity: .0; transition: opacity .5s, transform .5s var(--lx-ease); }
html.lux[data-fx="default"] .salon-card .fx-deco::before { left: 0; top: 0; border-left: 1.5px solid var(--lx-gold2); border-top: 1.5px solid var(--lx-gold2); transform: translate(6px, 6px); }
html.lux[data-fx="default"] .salon-card .fx-deco::after { right: 0; top: 182px; border-right: 1.5px solid var(--lx-gold2); border-bottom: 1.5px solid var(--lx-gold2); transform: translate(-6px, -6px); }
html.lux[data-fx="default"] .salon-card:hover .fx-deco::before, html.lux[data-fx="default"] .salon-card:hover .fx-deco::after { opacity: 1; transform: none; }
@media (max-width: 640px) { html.lux[data-fx="default"] .salon-card .fx-deco::after { top: 164px; } }

html.lux[data-fx="new_year"] .fx-deco, html.lux[data-fx="christmas"] .salon-card .fx-deco { left: -5px; right: -5px; top: -10px; height: 34px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.7' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23D8E6F5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 20C3 12 10 9 18 12c6-8 20-10 28-2 8-5 18-4 22 3 10-9 26-10 36-1 6-4 14-3 18 3 10-8 26-9 34 0 7-4 15-3 19 3 10-8 25-8 32 1 6-4 13-3 17 2 9-7 22-7 29 1 5-3 11-2 15 2 9-6 20-6 27 2 4-2 7-1 9 1V20z' fill='url(%23g)'/%3E%3C/svg%3E") top / 100% 20px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16'%3E%3Cg fill='%23E6F1FC' stroke='%23B9D2EC' stroke-width='.6'%3E%3Cpath d='M10 0h5l-2.5 12z'/%3E%3Cpath d='M38 0h6l-3 16z'/%3E%3Cpath d='M61 0h4l-2 8z'/%3E%3Cpath d='M86 0h6l-3 13z'/%3E%3Cpath d='M106 0h4l-2 9z'/%3E%3C/g%3E%3C/svg%3E") 0 17px / 120px 16px repeat-x; filter: drop-shadow(0 3px 3px rgba(60, 100, 150, .22)); }
html.lux[data-fx="christmas"] .coupon-type-card .fx-deco { left: 8px; top: -14px; width: 70px; height: 50px; background: var(--fx-holly) center / contain no-repeat; }
html.lux[data-fx="christmas"] .salon-card .fx-deco::after { content: ''; position: absolute; left: 4px; top: -6px; width: 64px; height: 46px; background: var(--fx-holly) center / contain no-repeat; }
html.lux { --fx-holly: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 46'%3E%3Cpath d='M30 26C22 18 10 20 4 12c6 1 9-3 14-1 1-4 6-5 9-2 2-3 7-3 8 1-3 3-1 9-5 16z' fill='%23236B3F'/%3E%3Cpath d='M32 26c6-9 18-10 23-19-5 2-9-1-13 1-2-4-7-4-9 0-3-2-7-1-7 3 3 2 3 8 6 15z' fill='%232E8A52'/%3E%3Cpath d='M30 26C22 18 10 20 4 12' stroke='%23164A2B' stroke-width='.8' fill='none'/%3E%3Ccircle cx='29' cy='30' r='5' fill='%23C8102E'/%3E%3Ccircle cx='37' cy='32' r='4.4' fill='%23E0233F'/%3E%3Ccircle cx='33' cy='38' r='4.6' fill='%23B10C25'/%3E%3Ccircle cx='27.5' cy='28.5' r='1.4' fill='%23fff' opacity='.6'/%3E%3C/svg%3E"); }

html.lux[data-fx="tsagaan_sar"] .fx-deco { inset: 0; overflow: hidden; border-radius: var(--lx-r-card); }
html.lux[data-fx="tsagaan_sar"] .fx-deco::before { content: ''; position: absolute; top: 18px; right: -40px; width: 150px; height: 24px; transform: rotate(40deg); background: linear-gradient(180deg, #8DB4F2, #3F72CF 45%, #2B5BB5 55%, #6C9BE6); box-shadow: 0 6px 14px -6px rgba(20, 50, 120, .6); }
html.lux[data-fx="tsagaan_sar"] .fx-deco::after { content: ''; position: absolute; top: 18px; right: -40px; width: 150px; height: 24px; transform: rotate(40deg); background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .0) 0 10px, rgba(255, 255, 255, .35) 10px 11px), radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .55) 0 3px, transparent 4px); background-size: auto, 24px 24px; }

html.lux[data-fx="naadam"] .fx-deco { right: 14px; top: -22px; width: 34px; height: 48px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 48'%3E%3Cpath d='M6 2v46' stroke='%237A5A2B' stroke-width='2'/%3E%3Cpath d='M7 3h22l-5 7 5 7H7z' fill='%23C8102E'/%3E%3Cpath d='M7 8h16' stroke='%230066B3' stroke-width='3'/%3E%3Ccircle cx='6' cy='2' r='2' fill='%23F2C230'/%3E%3C/svg%3E") center / contain no-repeat; transform-origin: 6px 46px; animation: fxSway 2.4s ease-in-out infinite alternate; }
html.lux[data-fx="mothers_day"] .fx-deco { right: -8px; top: -14px; width: 50px; height: 50px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M8 40c6-2 10-6 12-10' stroke='%235E8C4E' stroke-width='2' fill='none'/%3E%3Cpath d='M6 44c2-6 7-8 11-7-2 4-6 7-11 7z' fill='%236FA05C'/%3E%3Cg transform='translate(27 22)'%3E%3Ccircle r='15' fill='%23F28AA9'/%3E%3Cpath d='M-9-5c4-6 13-6 17 0-4-2-12-2-17 0zM-11 4c5 6 16 6 21 0-6 3-15 3-21 0z' fill='%23E86C93'/%3E%3Ccircle r='7' fill='%23F7B6C8'/%3E%3Cpath d='M-4-1c2-4 7-4 9 0-3-1-6-1-9 0z' fill='%23E86C93'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 4px 6px rgba(120, 30, 60, .25)); }
html.lux[data-fx="womens_day"] .fx-deco { left: -6px; top: -20px; width: 46px; height: 62px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 62'%3E%3Cpath d='M23 62V24' stroke='%234E8A3E' stroke-width='2.2'/%3E%3Cpath d='M23 50c-8-2-14-8-15-16 8 1 13 6 15 16zM23 44c7-3 12-9 12-17-7 2-11 8-12 17z' fill='%235FA34A'/%3E%3Cpath d='M10 10c0 13 6 18 13 18s13-5 13-18l-6 6-7-14-7 14z' fill='%23E8354F'/%3E%3Cpath d='M16 12c1 8 4 12 7 12' stroke='%23FF8BA0' stroke-width='2' fill='none'/%3E%3C/svg%3E") center / contain no-repeat; transform: rotate(-12deg); }
html.lux[data-fx="soldiers_day"] .fx-deco { right: 12px; top: -10px; width: 34px; height: 52px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 52'%3E%3Cpath d='M8 0h8l3 20H5zM18 0h8l3 20h-14z' fill='%232A4A6E'/%3E%3Cpath d='M12 0h3l2 20h-3zM22 0h3l2 20h-3z' fill='%23C8102E'/%3E%3Ccircle cx='17' cy='34' r='14' fill='%23E2C25B'/%3E%3Ccircle cx='17' cy='34' r='11' fill='%23C9A033'/%3E%3Cpath d='M17 25l2.6 5.6 6 .7-4.5 4.1 1.2 6-5.3-3-5.3 3 1.2-6-4.5-4.1 6-.7z' fill='%23FFF0B8'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .25)); }
html.lux[data-fx="valentine"] .fx-deco { left: 50%; top: -18px; width: 70px; height: 40px; margin-left: -35px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 40'%3E%3Cpath d='M35 18C24 4 6 2 6 14s16 12 29 6zM35 18c11-14 29-16 29-4s-16 12-29 6z' fill='%23D7193F'/%3E%3Cpath d='M33 20l-10 18 6-2 3 4 3-18zM37 20l10 18-6-2-3 4-3-18z' fill='%23B8133A'/%3E%3Ccircle cx='35' cy='18' r='5' fill='%23E8294F'/%3E%3Cpath d='M12 12c4-4 12-4 18 2' stroke='%23FF9AAE' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 4px 6px rgba(120, 10, 40, .3)); }
html.lux[data-fx="june1"] .fx-deco { right: 8px; top: -16px; width: 30px; height: 62px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 70'%3E%3Cpath d='M17 40c-3 8 4 14 0 22s2 8 0 8' stroke='%237A8A9A' stroke-width='1' fill='none'/%3E%3Cellipse cx='17' cy='20' rx='14' ry='18' fill='%23FF6B4A'/%3E%3Cpath d='M15 38h4l-2 3z' fill='%23E2502E'/%3E%3Cellipse cx='11' cy='13' rx='4' ry='6' fill='%23fff' opacity='.35' transform='rotate(-20 11 13)'/%3E%3C/svg%3E") center / contain no-repeat; animation: fxBob 3s ease-in-out infinite alternate; }
html.lux[data-fx="sept1"] .fx-deco { left: -8px; top: -14px; width: 44px; height: 44px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath d='M22 2l4 9 7-4-2 9 9 1-7 6 5 6-9-1-1 9-6-6-6 6-1-9-9 1 5-6-7-6 9-1-2-9 7 4z' fill='%23D4622A'/%3E%3Cpath d='M22 8v30M22 22l10-8M22 22l-10-8M22 28l9 2M22 28l-9 2' stroke='%238C3B14' stroke-width='1' fill='none'/%3E%3C/svg%3E") center / contain no-repeat; transform: rotate(-18deg); filter: drop-shadow(0 4px 5px rgba(100, 40, 10, .3)); }
@keyframes fxSway { from { transform: rotate(-6deg); } to { transform: rotate(6deg); } }
@keyframes fxBob { from { transform: translateY(0) rotate(-4deg); } to { transform: translateY(-6px) rotate(5deg); } }

html.lux #track-coupons .coupon-type-card, html.lux .coupon-type-card { position: relative; overflow: visible !important; text-align: left !important; border: 0 !important; border-radius: 16px !important; padding: 1.15rem 1.2rem 1.05rem 1.35rem !important; color: var(--lx-ink); min-height: 150px; display: flex; flex-direction: column; gap: .35rem;
  background: radial-gradient(circle at 0 50%, transparent 9px, var(--lx-surface) 9.5px) left / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 9px, var(--lx-surface) 9.5px) right / 51% 100% no-repeat !important;
  filter: drop-shadow(0 12px 18px rgba(36, 17, 46, .14)); box-shadow: none !important; transition: transform .45s var(--lx-ease), filter .45s !important; }
html.lux .coupon-type-card::before { content: ''; position: absolute; left: 12px; right: 12px; bottom: 42px; border-top: 1.5px dashed var(--lx-line2); transition: border-color .4s; }
html.lux .coupon-type-card .ct-type-name { font-family: var(--font-s) !important; font-size: 1.18rem !important; font-weight: 400 !important; color: var(--lx-ink) !important; line-height: 1.2; }
html.lux .coupon-type-card .ct-type-desc { font-size: .84rem !important; color: var(--lx-mute) !important; line-height: 1.45; flex: 1; }
html.lux .coupon-type-card .ct-count { align-self: flex-start; margin-top: .9rem !important; border-radius: 999px !important; padding: .28rem .75rem !important; background: var(--lx-blush) !important; color: var(--lx-accent) !important; font-weight: 700 !important; font-size: .78rem !important; transition: transform .35s var(--lx-ease), background .35s, color .35s; }
@media (hover: hover) {
  html.lux .coupon-type-card:hover { transform: translateY(-5px) rotate(-1.2deg) !important; filter: drop-shadow(0 20px 26px rgba(36, 17, 46, .22)); }
  html.lux .coupon-type-card:hover::before { border-color: var(--lx-gold); }
  html.lux .coupon-type-card:hover .ct-count { transform: scale(1.08); background: var(--lx-accent) !important; color: var(--lx-on-accent) !important; }
}
html.lux #track-coupons .coupon-type-card { flex: 0 0 210px !important; min-width: 210px !important; }
html.lux .promo-bg { background: transparent !important; padding-bottom: 2rem !important; }
html.lux .promo-bg .row-head h2 { color: var(--lx-ink) !important; }

html.lux .map-section { padding: 2.4rem 1.25rem 1.5rem !important; max-width: 1240px !important; }
html.lux .map-section .section-head { text-align: left !important; margin-bottom: 1.1rem !important; }
html.lux #gmap { border-radius: 24px !important; border: 1px solid var(--lx-line) !important; overflow: hidden; box-shadow: var(--lx-shadow); height: 420px !important; }
@media (max-width: 640px) { html.lux #gmap { height: 340px !important; border-radius: 20px !important; } }

html.lux footer { margin-top: 3rem; background: linear-gradient(170deg, var(--lx-stage1), var(--lx-stage2)) !important; color: var(--lx-on-stage2) !important; border: 0 !important; border-radius: 28px 28px 0 0; padding: 3rem 1.25rem 2.2rem !important; }
html.lux footer .footer-inner { max-width: 1180px; margin: 0 auto; text-align: left !important; }
html.lux footer .footer-logo.brand-full { background-image: url(/logo-full-dark.png) !important; margin: 0 0 1rem !important; width: 128px !important; }
html.lux footer .footer-tagline { font-family: var(--font-s) !important; font-size: 1.3rem !important; color: var(--lx-on-stage) !important; margin: 0 0 1.4rem !important; max-width: 22ch; line-height: 1.3; }
html.lux footer .footer-links { display: flex !important; flex-wrap: wrap; gap: .5rem 1.4rem !important; justify-content: flex-start !important; margin-bottom: 1.2rem; }
html.lux footer .footer-links a { color: var(--lx-on-stage) !important; text-decoration: none; font-weight: 600; font-size: .92rem; letter-spacing: 0 !important; text-transform: none !important; position: relative; }
html.lux footer .footer-links a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: -3px; height: 1px; background: var(--lx-gold2); transition: right .35s var(--lx-ease); }
html.lux footer .footer-links a:hover::after { right: 0; }
html.lux footer .footer-socials { display: flex !important; flex-wrap: wrap; gap: .5rem 1.2rem !important; justify-content: flex-start !important; margin-bottom: 1.4rem; }
html.lux footer .footer-socials a { color: var(--lx-gold2) !important; font-size: .9rem; font-weight: 600; text-decoration: none; }
html.lux footer .footer-copy { color: rgba(255, 240, 246, .5) !important; font-size: .82rem !important; letter-spacing: 0 !important; text-transform: none !important; border-top: 1px solid rgba(255, 255, 255, .08); padding-top: 1.2rem; }

html.lux .modal { border-radius: 26px !important; border: 0 !important; box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .6) !important; }
html.lux .modal-overlay { background: color-mix(in srgb, var(--lx-stage1) 72%, transparent) !important; backdrop-filter: blur(14px) saturate(130%) !important; }
html.lux .modal-share { position: absolute; z-index: 20; top: 14px; left: 14px; border: 0; border-radius: 999px; padding: .5rem .95rem; font: 700 .82rem var(--font-b); color: #24112E; background: rgba(255, 255, 255, .92); box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .55); cursor: pointer; transition: transform .25s var(--lx-ease), background .25s; }
html.lux .modal-share:hover { transform: translateY(-1px); background: #fff; }
html.lux .modal-name { font-family: var(--font-s) !important; font-weight: 400 !important; color: var(--lx-ink) !important; }
html.lux .modal-tab { text-transform: none !important; letter-spacing: 0 !important; font-weight: 700 !important; font-size: .88rem !important; }
html.lux .modal-tab.active { color: var(--lx-accent) !important; border-bottom-color: var(--lx-accent) !important; }
html.lux .modal-tab[onclick*="'booking'"].active { color: #fff !important; }
html.lux .modal-close { border-radius: 50% !important; width: 38px !important; height: 38px !important; border: 0 !important; background: rgba(255, 255, 255, .92) !important; color: #24112E !important; box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .55) !important; font-size: 1.2rem !important; }
html.lux .auth-box h2 em, html.lux .auth-box p em, html.lux .auth-box .auth-sub em, html.lux h2 em, html.lux h3 em { font-style: normal !important; color: inherit !important; -webkit-text-fill-color: currentColor !important; background: none !important; }
html.lux .auth-box input:not([type=checkbox]):not([type=radio]) { border-radius: 14px !important; }
html.lux .auth-close { border-radius: 50% !important; }
html.lux .auth-box { border-radius: 26px !important; border: 0 !important; }
html.lux .auth-box h2 { font-family: var(--font-s) !important; font-weight: 400 !important; }
html.lux .terms-note { font-size: .8rem; line-height: 1.5; color: var(--lx-mute); margin: .2rem 0 .8rem; }
html.lux .terms-note a { color: var(--lx-accent); font-weight: 700; text-decoration: none; }

.info-overlay { position: fixed; inset: 0; z-index: 720; display: flex; align-items: flex-end; justify-content: center; background: color-mix(in srgb, var(--lx-stage1, #24112E) 70%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; pointer-events: none; transition: opacity .35s var(--lx-ease, ease); }
.info-overlay.open { opacity: 1; pointer-events: auto; }
.info-sheet { width: 100%; max-width: 760px; max-height: 100%; height: 100%; overflow-y: auto; overscroll-behavior: contain; background: var(--lx-page, #FBF6F8); color: var(--lx-ink, #24112E); transform: translateY(24px); transition: transform .45s var(--lx-ease, ease); }
.info-overlay.open .info-sheet { transform: none; }
@media (min-width: 800px) { .info-overlay { align-items: center; padding: 2.5rem; } .info-sheet { height: auto; max-height: calc(100vh - 5rem); border-radius: 28px; box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .6); } }
.info-top { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.25rem; background: color-mix(in srgb, var(--lx-page, #FBF6F8) 88%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--lx-line, rgba(0,0,0,.08)); }
.info-back { border: 1px solid var(--lx-line2, rgba(0,0,0,.18)); background: var(--lx-surface, #fff); color: var(--lx-ink, #24112E); border-radius: 999px; padding: .45rem 1rem .45rem .8rem; font: 700 .86rem var(--font-b); cursor: pointer; display: inline-flex; align-items: center; gap: .35rem; }
.info-back::before { content: ''; width: 7px; height: 7px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-right: .1rem; }
.info-brand { font-family: var(--font-s) !important; font-size: 1.05rem; color: var(--lx-ink, #24112E); }
.info-body { padding: 1.6rem 1.25rem 3rem; }
@media (min-width: 800px) { .info-body { padding: 2.2rem 2.6rem 3rem; } }
.ip-head { margin-bottom: 1.6rem; }
.ip-title { font-family: var(--font-s) !important; font-weight: 400; font-size: clamp(1.9rem, 6.5vw, 2.6rem); line-height: 1.12; margin: 0 0 .6rem; color: var(--lx-ink, #24112E); }
.ip-lead { font-size: 1.02rem; line-height: 1.6; color: var(--lx-mute, #7A6C80); max-width: 36rem; }
.ip-muted { color: var(--lx-mute, #7A6C80); font-size: .92rem; line-height: 1.6; }
.ip-ok { padding: 1rem 1.2rem; border-radius: 16px; background: var(--lx-blush, #F4E5EC); font-weight: 700; }
.ip-faq { display: grid; gap: .6rem; }
.ip-q { border: 1px solid var(--lx-line, rgba(0,0,0,.08)); border-radius: 16px; background: var(--lx-surface, #fff); overflow: hidden; transition: box-shadow .3s; }
.ip-q[open] { box-shadow: 0 16px 30px -24px rgba(36, 17, 46, .5); }
.ip-q summary { list-style: none; cursor: pointer; padding: 1rem 2.6rem 1rem 1.1rem; font-weight: 700; font-size: .98rem; position: relative; }
.ip-q summary::-webkit-details-marker { display: none; }
.ip-q summary::after { content: ''; position: absolute; right: 1.1rem; top: 50%; width: 9px; height: 9px; margin-top: -7px; border-right: 2px solid var(--lx-accent, #8E1F5A); border-bottom: 2px solid var(--lx-accent, #8E1F5A); transform: rotate(45deg); transition: transform .3s; }
.ip-q[open] summary::after { transform: rotate(225deg); margin-top: -2px; }
.ip-q p { padding: 0 1.1rem 1.1rem; line-height: 1.65; color: var(--lx-ink2, #4B3654); font-size: .95rem; }
.ip-more { margin-top: 1.4rem; color: var(--lx-mute, #7A6C80); }
.ip-more a, .ip-legal a { color: var(--lx-accent, #8E1F5A); font-weight: 700; }
.ip-contacts { display: grid; gap: .7rem; }
.ip-contact { display: flex; align-items: center; gap: .9rem; padding: 1rem 1.1rem; border-radius: 18px; border: 1px solid var(--lx-line, rgba(0,0,0,.08)); background: var(--lx-surface, #fff); color: inherit; text-decoration: none; transition: transform .3s var(--lx-ease, ease), border-color .3s; }
a.ip-contact:hover { transform: translateY(-2px); border-color: var(--lx-gold, #B98A49); }
.ip-contact .ico, .ip-ic-txt { flex: none; width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: var(--lx-blush, #F4E5EC); color: var(--lx-accent, #8E1F5A); }
.ip-ic-txt { display: inline-flex; align-items: center; justify-content: center; padding: 0; font-weight: 800; }
.ip-contact span { display: flex; flex-direction: column; gap: .1rem; }
.ip-contact small { font-size: .78rem; color: var(--lx-mute, #7A6C80); font-weight: 600; }
.ip-contact b { font-size: 1rem; }
.ip-socials { display: flex; gap: .6rem; margin-top: 1rem; flex-wrap: wrap; }
.ip-social { border-radius: 999px; padding: .6rem 1.1rem; font-weight: 700; text-decoration: none; color: var(--lx-on-accent, #fff); background: linear-gradient(135deg, var(--lx-accent2, #C0407F), var(--lx-accent, #8E1F5A)); }
.ip-legal { line-height: 1.75; color: var(--lx-ink2, #4B3654); }
.ip-legal h2, .ip-legal h3 { font-family: var(--font-s) !important; font-weight: 400; color: var(--lx-ink, #24112E); margin: 1.4rem 0 .5rem; font-size: 1.3rem; }
.ip-legal p { margin: 0 0 .8rem; }
.ip-flow { list-style: none; counter-reset: s; display: grid; gap: .7rem; margin: 0 0 1.6rem; padding: 0; }
.ip-flow li { counter-increment: s; position: relative; padding: 1rem 1.1rem 1rem 3.6rem; border-radius: 18px; background: var(--lx-surface, #fff); border: 1px solid var(--lx-line, rgba(0,0,0,.08)); display: flex; flex-direction: column; gap: .2rem; }
.ip-flow li::before { content: counter(s); position: absolute; left: 1rem; top: 1rem; width: 1.9rem; height: 1.9rem; border-radius: 50%; display: grid; place-items: center; font-family: var(--font-s) !important; font-size: 1rem; color: var(--lx-gold2, #E7C98F); background: linear-gradient(140deg, var(--lx-stage2, #43174C), var(--lx-stage1, #24112E)); }
.ip-flow b { font-size: 1rem; }
.ip-flow span { color: var(--lx-mute, #7A6C80); font-size: .92rem; line-height: 1.5; }
.ip-benefits { display: grid; gap: .7rem; margin-bottom: 1.8rem; }
@media (min-width: 640px) { .ip-benefits { grid-template-columns: 1fr 1fr; } }
.ip-benefits div { padding: 1.1rem; border-radius: 18px; border: 1px solid var(--lx-line, rgba(0,0,0,.08)); background: linear-gradient(var(--lx-surface, #fff), var(--lx-surface, #fff)) padding-box, linear-gradient(var(--lx-a), transparent 40%, var(--lx-gold2, #E7C98F), transparent 60%) border-box; display: flex; flex-direction: column; gap: .3rem; transition: transform .35s var(--lx-ease, ease); }
.ip-benefits div:hover { transform: translateY(-3px); border-color: transparent; animation: lxSpin 2.2s linear infinite; }
.ip-benefits b { font-family: var(--font-s) !important; font-weight: 400; font-size: 1.12rem; }
.ip-benefits span { color: var(--lx-mute, #7A6C80); font-size: .92rem; line-height: 1.5; }
.ip-h2 { font-family: var(--font-s) !important; font-weight: 400; font-size: 1.6rem; margin: 0 0 .9rem; }
.ip-plans { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-bottom: .8rem; }
@media (min-width: 700px) { .ip-plans { grid-template-columns: repeat(4, 1fr); } }
.ip-plan { position: relative; padding: 1rem; border-radius: 18px; background: var(--lx-surface, #fff); border: 1px solid var(--lx-line, rgba(0,0,0,.08)); display: flex; flex-direction: column; gap: .2rem; }
.ip-plan.best { background: linear-gradient(150deg, var(--lx-stage2, #43174C), var(--lx-stage1, #24112E)); color: #fff; border-color: transparent; }
.ip-plan.best .ipp-l, .ip-plan.best small { color: var(--lx-gold2, #E7C98F); }
.ipp-l { font-size: .84rem; font-weight: 700; color: var(--lx-mute, #7A6C80); }
.ip-plan b { font-family: var(--font-b); font-size: 1.25rem; font-weight: 800; }
.ip-plan small { font-size: .78rem; color: var(--lx-mute, #7A6C80); }
.ip-cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.6rem; }
.ip-primary, .ip-install { border: 0; border-radius: 999px; padding: .85rem 1.4rem; font: 700 .95rem var(--font-b); color: var(--lx-on-accent, #fff); background: linear-gradient(135deg, var(--lx-accent2, #C0407F), var(--lx-accent, #8E1F5A)); box-shadow: 0 12px 26px -12px var(--lx-accent, #8E1F5A); cursor: pointer; }
.ip-secondary { border: 1px solid var(--lx-line2, rgba(0,0,0,.2)); border-radius: 999px; padding: .85rem 1.3rem; font: 700 .95rem var(--font-b); color: var(--lx-ink, #24112E); background: var(--lx-surface, #fff); cursor: pointer; }
.ip-steps { display: grid; gap: .8rem; }
@media (min-width: 640px) { .ip-steps { grid-template-columns: 1fr 1fr; } .ip-install { grid-column: 1 / -1; justify-self: start; } }
.ip-step { padding: 1.1rem 1.2rem; border-radius: 18px; background: var(--lx-surface, #fff); border: 1px solid var(--lx-line, rgba(0,0,0,.08)); opacity: .72; }
.ip-step.on { opacity: 1; border-color: var(--lx-gold, #B98A49); box-shadow: 0 16px 30px -24px rgba(36, 17, 46, .5); }
.ip-step h3 { font-family: var(--font-s) !important; font-weight: 400; font-size: 1.2rem; margin-bottom: .5rem; }
.ip-step ol { margin: 0; padding-left: 1.2rem; display: grid; gap: .35rem; line-height: 1.5; color: var(--lx-ink2, #4B3654); }
html.info-open, body.info-open { overflow: hidden; }

.host-gate { position: fixed; inset: 0; z-index: 800; display: grid; place-items: center; padding: 1.5rem; overflow: hidden; color: var(--lx-on-stage, #fff); background: radial-gradient(120% 80% at 80% 0%, var(--lx-stage3, #6A2257), transparent 55%), radial-gradient(90% 70% at 0% 100%, var(--lx-stage2, #43174C), transparent 60%), linear-gradient(170deg, var(--lx-stage1, #24112E), var(--lx-stage2, #43174C)); }
.host-gate[hidden] { display: none; }
.host-gate::before { content: ''; position: absolute; inset: -20%; background: radial-gradient(2px 2px at 20% 30%, rgba(255, 236, 190, .9), transparent 60%), radial-gradient(1.5px 1.5px at 70% 20%, rgba(255, 236, 190, .8), transparent 60%), radial-gradient(2px 2px at 40% 80%, rgba(255, 236, 190, .7), transparent 60%), radial-gradient(1.5px 1.5px at 85% 65%, rgba(255, 236, 190, .8), transparent 60%), radial-gradient(1.2px 1.2px at 10% 70%, rgba(255, 236, 190, .8), transparent 60%); animation: lxDrift 26s linear infinite; pointer-events: none; }
@keyframes lxDrift { to { transform: translateY(-8%); } }
.hg-card { position: relative; width: min(440px, 100%); text-align: center; padding: 2.4rem 1.6rem 1.8rem; border-radius: 28px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .8); backdrop-filter: blur(16px); }
.hg-mark { width: 64px; height: auto; margin: 0 auto 1rem; display: block; filter: drop-shadow(0 6px 16px rgba(0, 0, 0, .4)); }
.hg-title { font-family: var(--font-s) !important; font-weight: 400; font-size: 1.9rem; line-height: 1.15; margin-bottom: .7rem; }
.hg-sub { color: var(--lx-on-stage2, rgba(255,255,255,.75)); line-height: 1.6; margin-bottom: 1.4rem; }
.hg-btns { display: grid; gap: .6rem; }
.hg-primary { border: 0; border-radius: 999px; padding: .9rem 1.2rem; font: 800 1rem var(--font-b); color: #24112E; background: linear-gradient(135deg, #F6E3B4, #E7C98F 55%, #C99A55); cursor: pointer; }
.hg-secondary { border: 1px solid rgba(255, 255, 255, .3); border-radius: 999px; padding: .85rem 1.2rem; font: 700 .95rem var(--font-b); color: #fff; background: transparent; cursor: pointer; }
.hg-link { display: inline-block; margin-top: 1.2rem; color: var(--lx-gold2, #E7C98F); font-weight: 700; font-size: .9rem; text-decoration: none; }
html.gate-on body { overflow: hidden; }

.slk { display: flex; gap: 1rem; align-items: stretch; padding: 1.2rem; margin-bottom: 1.2rem; border-radius: 22px; color: #fff; background: radial-gradient(120% 120% at 100% 0%, #6A2257, transparent 60%), linear-gradient(150deg, #43174C, #24112E); box-shadow: 0 24px 40px -26px rgba(36, 17, 46, .8); }
.slk-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .45rem; }
.slk-title { font-family: var(--font-s) !important; font-size: 1.25rem; color: #FFF5F8; }
.slk-sub { font-size: .86rem; line-height: 1.5; color: rgba(255, 240, 246, .74); }
.slk-url { display: block; font-weight: 800; color: #E7C98F; text-decoration: none; word-break: break-all; font-size: .98rem; margin: .1rem 0 .2rem; }
.slk-btns { display: flex; flex-wrap: wrap; gap: .45rem; }
.slk-btn { border: 0; border-radius: 999px; padding: .55rem .95rem; font: 700 .84rem var(--font-b); color: #24112E; background: linear-gradient(135deg, #F6E3B4, #E7C98F 60%, #C99A55); cursor: pointer; }
.slk-btn.ghost { color: #FFF5F8; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .22); }
.slk-edit { display: none; margin-top: .5rem; }
.slk-edit.open { display: block; }
.slk-edit label { display: block; font-size: .8rem; color: rgba(255, 240, 246, .74); margin-bottom: .35rem; }
.slk-row { display: flex; gap: .45rem; }
.slk-row input { flex: 1; min-width: 0; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .95); color: #24112E; padding: .6rem .7rem; font: 600 .95rem var(--font-b); }
.slk-save { border: 0; border-radius: 12px; padding: .6rem .9rem; font: 800 .86rem var(--font-b); color: #24112E; background: #E7C98F; cursor: pointer; }
.slk-edit small { display: block; margin-top: .35rem; font-size: .76rem; color: rgba(255, 240, 246, .6); }
.slk-qr { flex: none; width: 112px; align-self: center; padding: 8px; border-radius: 16px; background: #fff; }
.slk-qr svg { display: block; width: 100%; height: auto; }
@media (max-width: 520px) { .slk { flex-direction: column; } .slk-qr { width: 140px; } }

.pf-delete { margin-top: 1.6rem; border-top: 1px solid rgba(36, 17, 46, .1); padding-top: 1rem; }
.pf-delete summary { cursor: pointer; color: #B42318; font-weight: 700; font-size: .9rem; }
.pf-delete p { font-size: .86rem; line-height: 1.55; color: #7A6C80; margin: .7rem 0; }
.pf-del-btn { margin-top: .6rem; border: 0; border-radius: 999px; padding: .7rem 1.1rem; font: 700 .88rem var(--font-b); color: #fff; background: #B42318; cursor: pointer; }
.pf-delete .pw-wrap input { width: 100%; height: 46px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(36, 17, 46, .16); background: #fff; color: #24112E; font: 500 16px var(--font-b); outline: none; transition: border-color .2s, box-shadow .2s; }
.pf-delete .pw-wrap input:focus { border-color: #B42318; box-shadow: 0 0 0 3px rgba(180, 35, 24, .14); }
body.dark-mode .pf-delete { border-top-color: rgba(255, 255, 255, .1); }
body.dark-mode .pf-delete .pw-wrap input { background: #21122A; color: #F6EAF1; border-color: rgba(255, 255, 255, .16); }

html.lux body.dark-mode { --lx-page: #150A19; --lx-page2: #1F0F25; --lx-surface: #21122A; --lx-blush: #2E1838; --lx-ink: #F6EAF1; --lx-ink2: #E2D2DD; --lx-mute: #B7A3BE; --lx-line: rgba(255, 255, 255, .08); --lx-line2: rgba(255, 255, 255, .16); background: var(--lx-page) !important; }
html.lux body.dark-mode .salon-card, html.lux body.dark-mode .tchip, html.lux body.dark-mode .pill, html.lux body.dark-mode .price-filter { background: var(--lx-surface) !important; }
html.lux body.dark-mode .salon-card h3, html.lux body.dark-mode .card-price, html.lux body.dark-mode .row-head h2, html.lux body.dark-mode .section-head h2, html.lux body.dark-mode .filter-label, html.lux body.dark-mode .price-filter-label { color: var(--lx-ink) !important; }
html.lux body.dark-mode .coupon-type-card { background: radial-gradient(circle at 0 50%, transparent 9px, var(--lx-surface) 9.5px) left / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 9px, var(--lx-surface) 9.5px) right / 51% 100% no-repeat !important; }
html.lux body.dark-mode .ct-type-name { color: var(--lx-ink) !important; }
html.lux body.dark-mode .forgot-sent, html.lux body.dark-mode .xp-season, html.lux body.dark-mode .legal-intro, html.lux body.dark-mode #tab-info .modal-name, html.lux body.dark-mode .modal-name, html.lux body.dark-mode .user-menu-name, html.lux body.dark-mode .user-menu a, html.lux body.dark-mode .user-menu button { color: var(--lx-ink) !important; }
html.lux body.dark-mode .user-menu a:hover, html.lux body.dark-mode .user-menu button:hover { color: var(--lx-accent-lt) !important; }

@media (prefers-reduced-motion: reduce) {
  html.lux .hero-title .ht-line, html.lux .hero-title .ht-shine { animation: none; -webkit-text-fill-color: currentColor; background: none; }
  html.lux .search-bar:hover, html.lux .search-bar:focus-within, .ip-benefits div:hover { animation: none; }
  html.lux .fx-deco { animation: none !important; }
  html.lux .salon-card, html.lux .coupon-type-card { transition: none !important; }
}

.dash { margin: 0 0 1.4rem; }
.dash-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: .9rem; }
.dash-hello { font-family: var(--font-s) !important; font-size: 1.6rem; line-height: 1.2; margin: 0; }
.dash-date { margin: 0; font-size: .88rem; font-weight: 600; opacity: .7; }
.dash-grid { display: grid; gap: .7rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 760px) { .dash-sa .dash-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dash-salon .dash-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dash-tile { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; gap: .2rem; text-align: left; padding: 1rem 1rem .95rem; border-radius: 20px; border: 1px solid transparent; font: inherit; color: inherit; cursor: default; isolation: isolate; transition: transform .35s var(--lx-ease, ease), box-shadow .35s; }
button.dash-tile { cursor: pointer; }
button.dash-tile:hover { transform: translateY(-3px); }
.dash-tile::after { content: ''; position: absolute; inset: auto -30% -60% auto; width: 140px; height: 140px; border-radius: 50%; z-index: -1; opacity: .5; filter: blur(8px); }
.dt-label { font-size: .8rem; font-weight: 700; opacity: .78; }
.dt-value { font-family: var(--font-s) !important; font-weight: 400; font-size: clamp(1.6rem, 6vw, 2.1rem); line-height: 1.05; letter-spacing: -.01em !important; }
.dt-value small { font-family: var(--font-b) !important; font-size: .95rem; opacity: .6; margin-left: .15rem; }
.dt-sub { font-size: .78rem; font-weight: 600; opacity: .7; }
.dash-spark { width: 100%; max-width: 160px; height: 30px; margin-top: .45rem; display: block; }
.dash-spark rect { fill: currentColor; opacity: .35; }
.dash-spark rect.on { opacity: 1; }
.dash-tile.hot .dt-value { animation: dashPulse 2.4s ease-in-out infinite; }
@keyframes dashPulse { 0%, 100% { transform: none; } 50% { transform: scale(1.06); } }

.dash-salon .dash-hello { color: var(--lx-ink, #24112E); }
.dash-salon .dash-tile { background: #fff; border-color: rgba(36, 17, 46, .08); box-shadow: 0 14px 30px -24px rgba(36, 17, 46, .55); color: var(--lx-ink, #24112E); }
.dash-salon .t-book { background: linear-gradient(150deg, var(--lx-stage2, #43174C), var(--lx-stage1, #24112E)); color: #FFF5F8; border-color: transparent; }
.dash-salon .t-book .dash-spark rect { fill: var(--lx-gold2, #E7C98F); }
.dash-salon .t-book::after { background: var(--lx-stage3, #6A2257); }
.dash-salon .t-pending.hot { background: linear-gradient(150deg, #FFF4E5, #FFE4C2); border-color: #F3C98B; }
.dash-salon .t-money .dt-value { font-size: clamp(1.3rem, 5vw, 1.7rem); }

.dash-sa .dash-hello { color: #FFF5F8; }
.dash-sa .dash-date { color: rgba(255, 240, 246, .7); }
.dash-sa .dash-tile { color: #FFF5F8; background: rgba(255, 255, 255, .055); border-color: rgba(255, 255, 255, .09); backdrop-filter: blur(8px); box-shadow: 0 20px 40px -30px rgba(0, 0, 0, .8); }
.dash-sa .t-book::after { background: #E7C98F; }
.dash-sa .t-money::after { background: #2EA36B; }
.dash-sa .t-users::after { background: #3E7BD6; }
.dash-sa .t-salons::after { background: #C0407F; }
.dash-sa .t-pending::after { background: #F2A33A; }
.dash-sa .t-reports::after { background: #E0473F; }
.dash-sa .t-book .dash-spark rect { fill: #E7C98F; }
.dash-sa .t-book { background: linear-gradient(150deg, rgba(231, 201, 143, .18), rgba(255, 255, 255, .04)); border-color: rgba(231, 201, 143, .3); }
.dash-sa .hot { border-color: rgba(242, 163, 58, .55); box-shadow: 0 0 0 1px rgba(242, 163, 58, .25), 0 20px 40px -30px rgba(0, 0, 0, .8); }
.dash-sa button.dash-tile:hover { box-shadow: 0 0 0 1px rgba(231, 201, 143, .35), 0 26px 46px -30px rgba(0, 0, 0, .9); }

html.lux .sa-overlay { background: rgba(10, 4, 14, .66) !important; backdrop-filter: blur(6px); }
html.lux .sa-panel { color: #F6EAF1 !important; background: radial-gradient(70% 45% at 100% 0%, rgba(192, 64, 127, .28), transparent 70%), radial-gradient(60% 40% at 0% 30%, rgba(62, 123, 214, .16), transparent 70%), radial-gradient(70% 50% at 50% 110%, rgba(231, 201, 143, .14), transparent 70%), linear-gradient(170deg, #1B0B22, #120716) !important; background-attachment: local !important; border-left: 1px solid rgba(255, 255, 255, .06); }
html.lux .sa-header { background: rgba(22, 9, 28, .72) !important; backdrop-filter: blur(16px) saturate(140%); border-bottom: 1px solid rgba(255, 255, 255, .07) !important; }
html.lux .sa-header h2 { font-family: var(--font-s) !important; font-weight: 400 !important; font-size: 1.55rem !important; background: linear-gradient(100deg, #FFF5F8, #F2D9A6 55%, #FFF5F8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; }
html.lux .sa-header button { border-radius: 999px !important; padding: .45rem .95rem !important; font: 700 .82rem var(--font-b) !important; color: #FFF5F8 !important; background: rgba(255, 255, 255, .06) !important; border: 1px solid rgba(255, 255, 255, .16) !important; }
html.lux .sa-header button:hover { border-color: #E7C98F !important; color: #E7C98F !important; }
html.lux .sa-body { padding: 1.4rem 1.4rem 3rem !important; }
@media (min-width: 900px) { html.lux .sa-body { padding: 1.8rem 2.2rem 3rem !important; } }
html.lux .sa-tabs { gap: .4rem !important; margin-bottom: 1.6rem !important; }
@media (max-width: 700px) { html.lux .sa-tabs { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; margin-left: -1.4rem; margin-right: -1.4rem; padding: 0 1.4rem 4px; } html.lux .sa-tabs::-webkit-scrollbar { display: none; } html.lux .sa-tab { flex: none; } }
html.lux .sa-tab { border-radius: 999px !important; padding: .5rem .95rem !important; font: 700 .82rem var(--font-b) !important; color: rgba(255, 240, 246, .78) !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid rgba(255, 255, 255, .12) !important; transition: background .25s, color .25s, border-color .25s, transform .2s !important; }
html.lux .sa-tab:hover { color: #fff !important; border-color: rgba(231, 201, 143, .5) !important; transform: translateY(-1px); }
html.lux .sa-tab.active { color: #24112E !important; background: linear-gradient(135deg, #F6E3B4, #E7C98F 55%, #C99A55) !important; border-color: transparent !important; box-shadow: 0 10px 24px -12px rgba(231, 201, 143, .8); }
html.lux .sa-card, html.lux .sa-item { background: rgba(255, 255, 255, .05) !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 16px !important; color: #F2E6EE !important; }
html.lux .sa-card { padding: 1rem 1.1rem !important; }
html.lux .sa-card h4 { color: #FFF5F8 !important; font-weight: 700; }
html.lux .sa-card p, html.lux .sa-panel [style*="#8a7a72"], html.lux .sa-panel [style*="#A08878"], html.lux .sa-panel [style*="#a08878"] { color: rgba(255, 240, 246, .62) !important; }
html.lux .sa-panel [style*="#E8DDD0"], html.lux .sa-panel [style*="#e8ddd0"] { color: #FFF5F8 !important; }
html.lux .sa-badge { background: rgba(231, 201, 143, .16) !important; color: #E7C98F !important; border-radius: 999px !important; }
html.lux .sa-add-btn, html.lux .sa-panel .sa-save, html.lux .sa-panel button.sa-primary { background: linear-gradient(135deg, #F6E3B4, #E7C98F 55%, #C99A55) !important; color: #24112E !important; border-radius: 999px !important; font-weight: 800 !important; border: 0 !important; }
html.lux .sa-approve-btn { border-radius: 999px !important; background: rgba(46, 163, 107, .16) !important; color: #7FE0AE !important; border-color: rgba(46, 163, 107, .4) !important; }
html.lux .sa-reject-btn { border-radius: 999px !important; background: rgba(224, 71, 63, .14) !important; color: #FF9A92 !important; border-color: rgba(224, 71, 63, .35) !important; }
html.lux .sa-field input, html.lux .sa-field select, html.lux .sa-field textarea, html.lux .sa-panel input[type=text], html.lux .sa-panel input[type=number], html.lux .sa-panel input[type=email], html.lux .sa-panel textarea, html.lux .sa-panel select { background: rgba(255, 255, 255, .06) !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 12px !important; color: #FFF5F8 !important; }
html.lux .sa-panel input:focus, html.lux .sa-panel textarea:focus, html.lux .sa-panel select:focus { border-color: #E7C98F !important; outline: none; box-shadow: 0 0 0 3px rgba(231, 201, 143, .18) !important; }
html.lux .sa-panel h3, html.lux .sa-panel .th-title { font-family: var(--font-s) !important; font-weight: 400 !important; color: #FFF5F8 !important; font-size: 1.3rem !important; }

.theme-grid2 { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important; gap: .8rem !important; }
.tc2 { position: relative; display: flex; flex-direction: column; border-radius: 20px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .09); overflow: hidden; transition: transform .35s var(--lx-ease, ease), box-shadow .35s, border-color .35s; }
.tc2:hover { transform: translateY(-4px); border-color: rgba(231, 201, 143, .45); box-shadow: 0 26px 40px -30px rgba(0, 0, 0, .9); }
.tc2.active { border-color: #E7C98F; box-shadow: 0 0 0 2px rgba(231, 201, 143, .35), 0 26px 40px -30px rgba(0, 0, 0, .9); }
.tc2-main { display: flex; flex-direction: column; align-items: flex-start; gap: .25rem; padding: 0 0 .8rem; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; width: 100%; }
.tc2-stage { position: relative; display: grid; place-items: center; width: 100%; height: 108px; margin-bottom: .6rem; overflow: hidden; background: radial-gradient(120% 90% at 85% 0%, var(--s3), transparent 60%), linear-gradient(170deg, var(--s1), var(--s2)); }
.tc2-stage::before { content: ''; position: absolute; inset: 0; background: radial-gradient(1.4px 1.4px at 20% 30%, rgba(255, 255, 255, .9), transparent 60%), radial-gradient(1.2px 1.2px at 70% 60%, rgba(255, 255, 255, .8), transparent 60%), radial-gradient(1.6px 1.6px at 40% 80%, rgba(255, 255, 255, .7), transparent 60%), radial-gradient(1.2px 1.2px at 85% 25%, rgba(255, 255, 255, .8), transparent 60%); }
.tc2-art { position: relative; transform: scale(.78); filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .35)); transition: transform .5s var(--lx-ease, ease); }
.tc2-art svg { display: block; max-width: 170px; height: auto; }
.tc2:hover .tc2-art { transform: scale(.86) translateX(6px) rotate(-3deg); }
.tc2-moon { position: absolute; top: 10px; right: 12px; width: 26px; height: 26px; border-radius: 50%; background: radial-gradient(circle at 38% 36%, #FFFDF4 0 34%, #F4EBD2 58%, #E6D6AE 100%); box-shadow: 0 0 16px 4px rgba(255, 248, 225, .3); }
.tc2-sun { position: absolute; top: 6px; right: 8px; width: 34px; height: 34px; border-radius: 50%; background: radial-gradient(circle, #FFF3C4 0 32%, rgba(255, 214, 102, .55) 50%, transparent 72%); }
.tc2-name { padding: 0 .9rem; font-weight: 800; font-size: .95rem; color: #FFF5F8; }
.tc2-hello { padding: 0 .9rem; font-size: .76rem; color: rgba(255, 240, 246, .6); line-height: 1.4; min-height: 2.1em; }
.tc2-on, .tc2-use { margin: .35rem .9rem 0; font-size: .74rem; font-weight: 800; border-radius: 999px; padding: .22rem .65rem; }
.tc2-on { color: #24112E; background: linear-gradient(135deg, #F6E3B4, #E7C98F); }
.tc2-use { color: rgba(255, 240, 246, .8); border: 1px solid rgba(255, 255, 255, .18); }
.tc2-prev { display: block; text-align: center; padding: .6rem; font-size: .8rem; font-weight: 700; color: #E7C98F; text-decoration: none; border-top: 1px solid rgba(255, 255, 255, .08); }
.tc2-prev:hover { background: rgba(231, 201, 143, .08); }

html.lux .admin-panel { background: var(--lx-page) !important; }
html.lux .admin-topbar { background: radial-gradient(120% 140% at 100% 0%, var(--lx-stage3), transparent 60%), linear-gradient(160deg, var(--lx-stage2), var(--lx-stage1)) !important; color: #FFF5F8 !important; border-bottom: 0 !important; border-radius: 0 0 24px 24px; box-shadow: 0 18px 40px -28px rgba(36, 17, 46, .8); }
html.lux .admin-salon-logo { font-family: var(--font-s) !important; font-weight: 400 !important; color: #FFF5F8 !important; -webkit-text-fill-color: #FFF5F8 !important; background: none !important; }
html.lux .admin-topbar button, html.lux .admin-topbar .add-salon-btn, html.lux .admin-topbar .exit-btn { border-radius: 999px !important; color: #FFF5F8 !important; background: rgba(255, 255, 255, .07) !important; border: 1px solid rgba(255, 255, 255, .2) !important; font-weight: 700 !important; }
html.lux .admin-topbar button:hover { border-color: var(--lx-gold2) !important; color: var(--lx-gold2) !important; }
html.lux .admin-topbar .nav-bell svg { color: #FFF5F8; }
html.lux .admin-salon-tabs button, html.lux .admin-salon-tabs .salon-tab { color: rgba(255, 240, 246, .8) !important; }
html.lux .admin-tabs-row { background: transparent !important; border-bottom: 0 !important; padding-top: 1rem !important; }
html.lux .admin-tab { border-radius: 999px !important; font-weight: 700 !important; color: var(--lx-ink2) !important; background: var(--lx-surface) !important; border: 1px solid var(--lx-line) !important; box-shadow: 0 6px 14px -12px rgba(36, 17, 46, .5); transition: transform .2s, border-color .25s, color .25s !important; }
html.lux .admin-tab:hover { border-color: var(--lx-gold) !important; color: var(--lx-ink) !important; transform: translateY(-1px); }
html.lux .admin-tab.active { background: linear-gradient(140deg, var(--lx-stage2), var(--lx-stage1)) !important; color: var(--lx-gold2) !important; border-color: transparent !important; box-shadow: 0 12px 24px -14px var(--lx-stage1) !important; }
html.lux .admin-tab .tab-badge { background: var(--lx-accent2) !important; color: #fff !important; }
html.lux .admin-section .sp-title, html.lux .admin-section h3, html.lux .admin-section .bill-section-title { font-family: var(--font-s) !important; font-weight: 400 !important; color: var(--lx-ink) !important; }
html.lux .admin-panel-body { background: transparent !important; }
html.lux .gate-card, html.lux #artistGateOverlay .gate-box { border-radius: 28px !important; }

.sas-grid { display: grid; gap: .9rem; }
@media (min-width: 900px) { .sas-grid { grid-template-columns: 1fr 1fr; } .sas-grid .sas-card:first-child { grid-row: span 2; } }
.sas-card { display: flex; flex-direction: column; gap: .7rem; }
.sas-card h3 { margin: 0; }
.sas-muted { margin: 0; font-size: .84rem; line-height: 1.55; color: rgba(255, 240, 246, .62); }
.sas-muted b { color: #E7C98F; }
.sas-fields { display: grid; gap: .6rem; }
.sas-f { display: flex; flex-direction: column; gap: .3rem; font-size: .78rem; font-weight: 700; color: rgba(255, 240, 246, .75); }
.sas-f input { padding: .65rem .8rem; font: 600 .92rem var(--font-b); }
.sas-card textarea { width: 100%; min-height: 140px; padding: .7rem .8rem; font: 500 .8rem/1.5 ui-monospace, Menlo, Consolas, monospace; resize: vertical; }
.sas-state { margin: 0; font-size: .82rem; font-weight: 700; color: rgba(255, 240, 246, .55); }
.sas-state.on { color: #7FE0AE; }
.sas-row { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
.sas-link { color: #E7C98F; font-weight: 700; font-size: .86rem; text-decoration: none; }
.sas-link.big { font-size: 1rem; word-break: break-all; }
.sas-card .sa-add-btn { align-self: flex-start; padding: .65rem 1.2rem !important; }