:root{
  --sf-bg:#06162d;
  --sf-bg-2:#071a3a;
  --sf-surface:rgba(255,255,255,0.06);
  --sf-surface-2:rgba(255,255,255,0.10);
  --sf-text:rgba(248,250,252,0.96);
  --sf-muted:rgba(226,232,240,0.78);
  --sf-border:rgba(255,255,255,0.12);
  --sf-blue:var(--color-primary, #1d4ed8);
  --sf-blue-2:var(--color-secondary, #1e40af);
  --sf-gold:var(--color-accent, #F5C518);
  --sf-gold-2:#D4A411;
  --sf-blue-rgb:29,78,216;
  --sf-gold-rgb:245,197,24;
  --sf-shadow:0 20px 60px rgba(0,0,0,0.35);
  --sf-radius:16px;
  --sf-danger:#ef4444;
  --sf-success:#28A745;
  --sf-warning:#FFC107;

  --bg:var(--sf-bg);
  --bg-2:var(--sf-bg-2);
  --card:var(--sf-surface);
  --ink:var(--sf-text);
  --muted:var(--sf-muted);
  --border:var(--sf-border);
  --primary:var(--sf-blue);
  --primary-dark:var(--sf-blue-2);
  --accent:var(--sf-gold);
  --accent-dark:var(--sf-gold-2);
  --primary-rgb:var(--sf-blue-rgb);
  --accent-rgb:var(--sf-gold-rgb);
  --radius:var(--sf-radius);
  --danger:var(--sf-danger);
  --success:var(--sf-success);
  --warning:var(--sf-warning);
}

*{box-sizing:border-box;}
html,body{height:100%;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{margin:0;background:transparent;color:var(--ink);overflow-x:hidden;}
img,svg,video{max-width:100%;height:auto;}
img[data-sf-img]{filter:none;}
body.sf-no-scroll{overflow:hidden;}

:root{
  --sf-safe-top: env(safe-area-inset-top, 0px);
  --sf-safe-right: env(safe-area-inset-right, 0px);
  --sf-safe-bottom: env(safe-area-inset-bottom, 0px);
  --sf-safe-left: env(safe-area-inset-left, 0px);
}

input,select,textarea,button{-webkit-tap-highlight-color:transparent;}
input,select,textarea{font-size:16px;}

table{max-width:100%;}
.table,.table-responsive{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

pre,code{max-width:100%;overflow:auto;}

.card,.container,.row{min-width:0;}

a,button,[role="button"],input,select,textarea{touch-action:manipulation;}

*{overflow-wrap:break-word;}
body.theme-dark{
  --bg: var(--sf-bg, var(--bg));
  --bg-2: var(--sf-bg-2, var(--bg-2));
  --card: color-mix(in srgb, var(--sf-surface, var(--card)) 82%, transparent);
  --ink: var(--sf-text, var(--ink));
  --muted: var(--sf-muted, var(--muted));
  --border: var(--sf-border, var(--border));
  --primary: var(--sf-blue, var(--primary));
  --primary-dark: var(--sf-blue-2, var(--primary-dark));
  --accent: var(--sf-gold, var(--accent));

  --glass-blur: 14px;
  --glass-bg: rgba(255,255,255,0.06);
  --glass-bg-strong: rgba(255,255,255,0.10);
  --glass-border: rgba(255,255,255,0.12);
  --glass-shadow: 0 18px 50px rgba(0,0,0,0.42);
  --glass-bg-solid: color-mix(in srgb, var(--bg) 82%, #000);
  --glass-bg-header: rgba(6,22,45,0.78);
  --glass-border-header: rgba(255,255,255,0.12);

  min-height:100vh;
  background:
    radial-gradient(1100px 600px at 18% 10%, rgba(var(--primary-rgb),0.35), transparent 60%),
    radial-gradient(900px 520px at 86% 26%, rgba(var(--accent-rgb),0.14), transparent 58%),
    linear-gradient(180deg,var(--bg) 0%, var(--bg-2) 100%);
}
body.theme-light{
  --bg: var(--sf-bg, #FFFFFF);
  --bg-2: var(--sf-surface, #F7F8FA);
  --card: var(--sf-surface-alt, #FFFFFF);
  --ink: var(--sf-text, rgba(15,23,42,0.96));
  --muted: var(--sf-muted, rgba(51,65,85,0.82));
  --border: var(--sf-border, rgba(var(--accent-rgb),0.28));
  --color-bg: var(--bg);
  --color-surface: var(--card);
  --color-text: var(--ink);
  --color-muted: var(--muted);
  --color-border: var(--border);
  --color-primary: var(--primary);
  --color-primary-hover: var(--primary-dark);
  --color-accent: var(--accent);
  --glass-blur: 14px;
  --glass-bg: var(--sf-glass, rgba(255,255,255,0.66));
  --glass-bg-strong: rgba(255,255,255,0.88);
  --glass-bg-strong: color-mix(in srgb, var(--glass-bg) 88%, #ffffff);
  --glass-border: rgba(15,23,42,0.10);
  --glass-shadow: 0 18px 45px rgba(2,6,23,0.10);
  --glass-bg-solid: #FFFFFF;
  --glass-bg-header: var(--glass-bg);
  --glass-border-header: var(--glass-border);
  --btn-gradient: var(--primary);
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  min-height:-webkit-fill-available;
  background:
    radial-gradient(1100px 600px at 18% 10%, rgba(var(--primary-rgb),0.10), transparent 62%),
    radial-gradient(980px 560px at 86% 26%, rgba(var(--primary-rgb),0.08), transparent 60%),
    radial-gradient(920px 560px at 75% 70%, rgba(var(--primary-rgb),0.06), transparent 62%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
  accent-color: var(--accent);
}

body.theme-light[data-sf-theme="jumia_dark_gold"]{
  --bg: #FAF8F2;
  --bg-2: #F3EEE2;
  --card: #FFFFFF;
  --ink: #111827;
  --muted: #4B5563;
  --border: #E5E7EB;
  --accent: #F5C518;
  --accent-dark: #D4A411;
  --accent-hover: #D4A411;
  --accent-hover: color-mix(in srgb, var(--accent) 55%, #000);
  --primary: var(--accent);
  --primary-dark: var(--accent-dark);
  --primary-rgb: 245,197,24;
  --accent-rgb: 245,197,24;
  --color-primary: var(--primary);
  --color-primary-hover: var(--primary-dark);
  --glass-bg: rgba(255,244,214,0.62);
  --glass-bg-strong: rgba(255,244,214,0.74);
  --glass-border: rgba(184,134,11,0.18);
  --glass-bg-header: linear-gradient(180deg, rgba(86,69,8,0.92) 0%, rgba(11,15,20,0.96) 100%);
  --glass-border-header: rgba(245,197,24,0.18);
  --btn-gradient: linear-gradient(135deg, #B88A12 0%, #8C5200 100%);
  --btn-gradient: linear-gradient(135deg, color-mix(in srgb, var(--accent) 52%, #000) 0%, color-mix(in srgb, var(--accent-dark) 38%, #000) 100%);
  background: linear-gradient(180deg, #FAF8F2 0%, #F3EEE2 100%);
}

body.theme-light[data-sf-theme="kakumatt_lux_gold"]{
  --bg: #F5F5F5;
  --bg-2: #FFFFFF;
  --card: #FFFFFF;
  --ink: #1E1E1E;
  --muted: #777777;
  --border: #E6E6E6;
  --accent: #D89A2B;
  --accent-dark: #8C5200;
  --primary: var(--accent);
  --primary-dark: var(--accent-dark);
  --primary-rgb: 216,154,43;
  --accent-rgb: 216,154,43;
  --color-primary: var(--primary);
  --color-primary-hover: var(--primary-dark);
  --glass-blur: 12px;
  --glass-bg: rgba(255,255,255,0.65);
  --glass-bg-strong: rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.30);
  --glass-shadow: 0 8px 25px rgba(0,0,0,0.08);
  --glass-bg-solid: #FFFFFF;
  --glass-bg-header: linear-gradient(180deg, rgba(255,251,242,0.86) 0%, rgba(255,255,255,0.74) 100%);
  --glass-border-header: rgba(216,154,43,0.24);
  --btn-gradient: linear-gradient(135deg, #D89A2B, #8C5200);
  background: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%);
}

body.theme-light[data-sf-theme="emerald_charcoal"]{
  --bg: #F3F4F6;
  --bg-2: #E5E7EB;
  --card: #FFFFFF;
  --ink: #111827;
  --muted: #4B5563;
  --border: rgba(17,24,39,0.10);
  --primary: #0F766E;
  --primary-dark: #064E3B;
  --accent: #14B8A6;
  --accent-dark: #0F766E;
  --primary-rgb: 15,118,110;
  --accent-rgb: 20,184,166;
  --glass-bg: rgba(236,253,245,0.72);
  --glass-bg-strong: rgba(209,250,229,0.84);
  --glass-border: rgba(15,118,110,0.16);
  --glass-shadow: 0 8px 25px rgba(0,0,0,0.08);
  --glass-bg-solid: #FFFFFF;
  --glass-bg-header: linear-gradient(180deg, rgba(17,24,39,0.84) 0%, rgba(6,78,59,0.78) 100%);
  --glass-border-header: rgba(20,184,166,0.24);
  --btn-gradient: linear-gradient(135deg, #0F766E, #064E3B);
  background: linear-gradient(180deg, #F3F4F6 0%, #E5E7EB 100%);
}

body.theme-light[data-sf-theme="purple_coral"]{
  --bg: #FAFAFA;
  --bg-2: #F1F5F9;
  --card: #FFFFFF;
  --ink: #0F172A;
  --muted: #475569;
  --border: rgba(15,23,42,0.10);
  --primary: #4C1D95;
  --primary-dark: #1E1B4B;
  --accent: #FF6B6B;
  --accent-dark: #E25555;
  --primary-rgb: 76,29,149;
  --accent-rgb: 255,107,107;
  --glass-bg: rgba(76,29,149,0.14);
  --glass-bg-strong: rgba(49,24,98,0.22);
  --glass-border: rgba(255,107,107,0.16);
  --glass-shadow: 0 8px 25px rgba(0,0,0,0.08);
  --glass-bg-solid: #FFFFFF;
  --glass-bg-header: linear-gradient(180deg, rgba(30,27,75,0.90) 0%, rgba(76,29,149,0.82) 100%);
  --glass-border-header: rgba(255,107,107,0.22);
  --btn-gradient: linear-gradient(135deg, #4C1D95, #FF6B6B);
  background: linear-gradient(180deg, #FAFAFA 0%, #F1F5F9 100%);
}

body.theme-dark[data-sf-theme="golden_jeh"]{
  --bg: #06162D;
  --bg-2: #0A1D3F;
  --card: rgba(255,255,255,0.08);
  --ink: rgba(248,250,252,0.96);
  --muted: rgba(226,232,240,0.78);
  --border: rgba(255,255,255,0.12);
  --primary: #1D4ED8;
  --primary-dark: #1E40AF;
  --accent: #F5B301;
  --accent-dark: #D89B00;
  --primary-rgb: 29,78,216;
  --accent-rgb: 245,179,1;
  --glass-bg: rgba(7,26,58,0.72);
  --glass-bg-strong: rgba(7,26,58,0.84);
  --glass-border: rgba(245,179,1,0.18);
  --glass-bg-header: linear-gradient(180deg, rgba(6,22,45,0.96) 0%, rgba(10,29,63,0.94) 100%);
  --glass-border-header: rgba(245,179,1,0.18);
  --btn-gradient: linear-gradient(135deg, #F5B301, #D89B00);
  background:
    radial-gradient(1100px 600px at 18% 10%, rgba(29,78,216,0.24), transparent 60%),
    radial-gradient(980px 560px at 86% 26%, rgba(245,179,1,0.15), transparent 58%),
    linear-gradient(180deg, #06162D 0%, #0A1D3F 100%);
}

body.theme-light[data-sf-theme="blue_gold"]{
  --bg: #F4F9FF;
  --bg-2: #EAF2FF;
  --card: #FFFFFF;
  --ink: #0F172A;
  --muted: #475569;
  --border: rgba(15,23,42,0.10);
  --primary: #2F6FED;
  --primary-dark: #1F4EC6;
  --accent: #F5B301;
  --accent-dark: #D89B00;
  --primary-rgb: 47,111,237;
  --accent-rgb: 245,179,1;
  --glass-bg: rgba(255,255,255,0.78);
  --glass-bg-strong: rgba(255,255,255,0.90);
  --glass-border: rgba(47,111,237,0.12);
  --glass-bg-header: linear-gradient(180deg, rgba(255,255,255,0.84) 0%, rgba(234,242,255,0.92) 100%);
  --glass-border-header: rgba(47,111,237,0.12);
  --btn-gradient: linear-gradient(135deg, #2F6FED, #F5B301);
  background:
    radial-gradient(1100px 600px at 18% 10%, rgba(47,111,237,0.10), transparent 62%),
    radial-gradient(920px 560px at 75% 70%, rgba(245,179,1,0.08), transparent 60%),
    linear-gradient(180deg, #F4F9FF 0%, #EAF2FF 100%);
}

body.theme-light[data-sf-theme="arctic_blue_pro"]{
  --bg: #FFFFFF;
  --bg-2: #EEF2F8;
  --card: #FFFFFF;
  --ink: #1A1A1A;
  --muted: #4B5B75;
  --border: #D6DEE9;
  --primary: #0058FF;
  --primary-dark: #003ECC;
  --accent: #009EFF;
  --accent-dark: #007DD9;
  --primary-rgb: 0,88,255;
  --accent-rgb: 0,158,255;
  --glass-bg: rgba(255,255,255,0.84);
  --glass-bg-strong: rgba(255,255,255,0.94);
  --glass-border: rgba(0,88,255,0.10);
  --glass-bg-header: linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(238,242,248,0.96) 100%);
  --glass-border-header: rgba(0,88,255,0.10);
  --btn-gradient: linear-gradient(90deg, #0058FF, #009EFF);
  background:
    radial-gradient(1100px 600px at 18% 10%, rgba(0,88,255,0.10), transparent 62%),
    radial-gradient(900px 520px at 84% 22%, rgba(0,158,255,0.09), transparent 58%),
    linear-gradient(180deg, #FFFFFF 0%, #EEF2F8 100%);
}

body.theme-dark[data-sf-theme="dark_tech_blue"]{
  --bg: #1E1E2A;
  --bg-2: #202738;
  --card: rgba(42,43,53,0.92);
  --ink: #F8F8FA;
  --muted: #8C8C94;
  --border: #3A3B45;
  --primary: #009EFF;
  --primary-dark: #0079E6;
  --accent: #1AFFA1;
  --accent-dark: #12D987;
  --primary-rgb: 0,158,255;
  --accent-rgb: 26,255,161;
  --glass-bg: rgba(32,33,43,0.74);
  --glass-bg-strong: rgba(32,33,43,0.88);
  --glass-border: rgba(0,158,255,0.16);
  --glass-bg-header: linear-gradient(180deg, rgba(30,30,42,0.96) 0%, rgba(32,39,56,0.94) 100%);
  --glass-border-header: rgba(0,158,255,0.16);
  --btn-gradient: linear-gradient(135deg, #009EFF, #0079E6);
  background:
    radial-gradient(1100px 600px at 18% 10%, rgba(0,158,255,0.24), transparent 60%),
    radial-gradient(900px 520px at 84% 22%, rgba(26,255,161,0.14), transparent 58%),
    linear-gradient(180deg, #1E1E2A 0%, #202738 100%);
}

body.theme-dark[data-sf-theme="golden_jeh"] .topbar,
body.theme-dark[data-sf-theme="golden_jeh"] .header,
body.theme-dark[data-sf-theme="dark_tech_blue"] .topbar,
body.theme-dark[data-sf-theme="dark_tech_blue"] .header,
body.theme-light[data-sf-theme="blue_gold"] .topbar,
body.theme-light[data-sf-theme="blue_gold"] .header,
body.theme-light[data-sf-theme="arctic_blue_pro"] .topbar,
body.theme-light[data-sf-theme="arctic_blue_pro"] .header,
body.theme-light[data-sf-theme="emerald_charcoal"] .topbar,
body.theme-light[data-sf-theme="emerald_charcoal"] .header,
body.theme-light[data-sf-theme="purple_coral"] .topbar,
body.theme-light[data-sf-theme="purple_coral"] .header{
  background: var(--glass-bg-header);
  border-bottom: 1px solid var(--glass-border-header);
}

body.theme-dark[data-sf-theme="golden_jeh"] .nav,
body.theme-dark[data-sf-theme="dark_tech_blue"] .nav,
body.theme-light[data-sf-theme="blue_gold"] .nav,
body.theme-light[data-sf-theme="arctic_blue_pro"] .nav,
body.theme-light[data-sf-theme="emerald_charcoal"] .nav,
body.theme-light[data-sf-theme="purple_coral"] .nav{
  background: color-mix(in srgb, var(--glass-bg-header) 88%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--primary) 14%, var(--border));
}

body.theme-dark[data-sf-theme="golden_jeh"] .topbar a,
body.theme-dark[data-sf-theme="golden_jeh"] .header a,
body.theme-dark[data-sf-theme="golden_jeh"] .nav a,
body.theme-dark[data-sf-theme="dark_tech_blue"] .topbar a,
body.theme-dark[data-sf-theme="dark_tech_blue"] .header a,
body.theme-dark[data-sf-theme="dark_tech_blue"] .nav a{
  color: rgba(248,250,252,0.96);
}

body.theme-dark[data-sf-theme="golden_jeh"] .topbar .muted,
body.theme-dark[data-sf-theme="golden_jeh"] .header .muted,
body.theme-dark[data-sf-theme="dark_tech_blue"] .topbar .muted,
body.theme-dark[data-sf-theme="dark_tech_blue"] .header .muted{
  color: rgba(226,232,240,0.78);
}

a{color:inherit;text-decoration:none;}

body.theme-light a{color:var(--primary);}
body.theme-light a:hover{text-decoration:underline;}

/* SPA (customer-facing) should inherit Golden Jeh tokens */
#spa-app{color:var(--ink);}
#spa-app .spa{padding:24px 16px 40px;}
#spa-app .spa-header{background:color-mix(in srgb, var(--bg) 72%, transparent);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);backdrop-filter:blur(10px);}
#spa-app .nav-link{color:color-mix(in srgb, var(--ink) 92%, transparent);}
#spa-app .nav-link:hover{border-color:rgba(var(--accent-rgb),0.55);}
#spa-app .card,
#spa-app .vendor-card,
#spa-app .admin-card,
#spa-app .side-card,
#spa-app .detail-card{background:var(--card) !important;border:1px solid var(--border) !important;box-shadow:var(--sf-shadow) !important;backdrop-filter:blur(10px);color:var(--ink);}
#spa-app input,
#spa-app select,
#spa-app textarea{background:color-mix(in srgb, var(--card) 90%, transparent) !important;border:1px solid color-mix(in srgb, var(--border) 85%, transparent) !important;color:var(--ink) !important;}
#spa-app .muted{color:var(--muted) !important;}

.container{max-width:1200px;margin:0 auto;padding:0 16px;}
@media (max-width:900px){.container{padding:0 12px;}}
@media (max-width:640px){.container{padding:0 6px;}}

.topbar{background:var(--glass-bg-header);color:var(--ink);font-size:12px;border-bottom:1px solid var(--glass-border-header);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}
.topbar .row{display:flex;justify-content:space-between;padding:8px 0;gap:12px;flex-wrap:wrap;}

body.theme-light .topbar{background:var(--glass-bg-header);color:var(--ink);border-bottom:1px solid var(--glass-border-header);}

body.theme-light[data-sf-theme="jumia_dark_gold"] .topbar{
  background: var(--glass-bg-header);
  color: rgba(255,255,255,0.96);
  border-bottom: 1px solid var(--glass-border-header);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.theme-light[data-sf-theme="ruby_red_glass"] .topbar{
  background: var(--glass-bg-header);
  color: rgba(255,255,255,0.96);
  border-bottom: 1px solid var(--glass-border-header);
}

.header{background:var(--glass-bg-header);border-bottom:1px solid var(--glass-border-header);position:sticky;top:0;z-index:50;box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}
.header .row{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:center;padding:12px 0;}
.logo{font-weight:900;letter-spacing:0.02em;}
.logo-img{height:32px;max-width:160px;object-fit:contain;display:block;}
.sf-header-left{display:flex;align-items:center;gap:10px;}
.sf-hamburger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb, var(--card) 90%, transparent);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);color:var(--ink);cursor:pointer;}
.sf-hamburger:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));}

body.theme-light .header{background:var(--glass-bg-header);border-bottom:1px solid var(--glass-border-header);box-shadow:var(--glass-shadow);}

body.theme-light[data-sf-theme="jumia_dark_gold"] .header{
  background: var(--glass-bg-header);
  color: rgba(255,255,255,0.96);
  border-bottom: 1px solid var(--glass-border-header);
  box-shadow: 0 12px 32px rgba(11,15,20,0.18);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.theme-light[data-sf-theme="ruby_red_glass"]{
  --bg: #FFF7F7;
  --bg-2: #FFECEC;
  --card: #FFFFFF;
  --ink: #111827;
  --muted: #4B5563;
  --border: #F1D5D5;
  --primary: #B91C1C;
  --primary-dark: #991B1B;
  --accent: #B91C1C;
  --primary-rgb: 185,28,28;
  --accent-rgb: 185,28,28;
  --color-primary: var(--primary);
  --color-primary-hover: var(--primary-dark);
  --glass-bg: rgba(255,235,235,0.62);
  --glass-bg-strong: rgba(255,235,235,0.74);
  --glass-border: rgba(185,28,28,0.16);
  --glass-bg-header: rgba(153,27,27,0.80);
  --glass-border-header: rgba(255,255,255,0.22);
  --danger: var(--sf-danger, #DC2626);
  --btn-gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  background: linear-gradient(180deg, #FFF7F7 0%, #FFECEC 100%);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .header{
  background: var(--glass-bg-header);
  color: rgba(255,255,255,0.96);
  border-bottom: 1px solid var(--glass-border-header);
  box-shadow: 0 10px 30px rgba(2,6,23,0.22);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .nav{
  background: rgba(127,29,29,0.78);
  border-bottom: 1px solid var(--glass-border-header);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .topbar a,
body.theme-light[data-sf-theme="ruby_red_glass"] .header a,
body.theme-light[data-sf-theme="ruby_red_glass"] .nav a{
  color: rgba(255,255,255,0.96);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .topbar .muted,
body.theme-light[data-sf-theme="ruby_red_glass"] .header .muted{
  color: rgba(255,255,255,0.80);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .store-switcher{
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.20);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .store-switcher .label,
body.theme-light[data-sf-theme="ruby_red_glass"] .store-switcher .muted{
  color: rgba(255,255,255,0.90);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .store-switcher a{
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .store-switcher a:hover{
  background: rgba(255,255,255,0.22);
  border-color: rgba(255,255,255,0.34);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .action,
body.theme-light[data-sf-theme="ruby_red_glass"] .sf-hamburger{
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .action:hover,
body.theme-light[data-sf-theme="ruby_red_glass"] .sf-hamburger:hover{
  border-color: rgba(255,255,255,0.34);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .search input{
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(255,255,255,0.30);
  color: rgba(17,24,39,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .search input::placeholder{
  color: rgba(51,65,85,0.62);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .search button{
  background: color-mix(in srgb, var(--primary) 62%, rgba(255,255,255,0.12));
  border: 1px solid rgba(255,255,255,0.26);
  color: rgba(255,255,255,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .search button:hover{
  background: color-mix(in srgb, var(--primary) 74%, rgba(255,255,255,0.16));
  border-color: rgba(255,255,255,0.34);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .menu-link{
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .menu-link:hover{
  border-color: rgba(255,255,255,0.34);
  background: rgba(255,255,255,0.18);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .cat-dd__panel,
body.theme-light[data-sf-theme="ruby_red_glass"] .dropdown{
  background: var(--glass-bg-strong);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
}

body.theme-light[data-sf-theme="ruby_red_glass"] .dropdown a{
  border: 1px solid color-mix(in srgb, var(--primary) 14%, var(--border));
  background: color-mix(in srgb, var(--card) 90%, transparent);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .dropdown a:hover{
  background: color-mix(in srgb, var(--primary) 8%, var(--bg));
  border-color: color-mix(in srgb, var(--primary) 26%, var(--border));
}

body.theme-light[data-sf-theme="ruby_red_glass"] .sf-filter-toolbar{
  background: var(--glass-bg-strong);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .sf-filter-toolbar::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:-1px;
  height:2px;
  background: color-mix(in srgb, var(--primary) 70%, transparent);
  border-radius: 999px;
}

body.theme-light[data-sf-theme="ruby_red_glass"] .card:hover{
  border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
  box-shadow: 0 12px 34px rgba(2,6,23,0.10), 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .btn{
  background: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 55%, var(--border));
  color: rgba(255,255,255,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .btn:hover{
  background: var(--primary-dark);
  box-shadow: 0 14px 28px color-mix(in srgb, var(--primary) 28%, transparent);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .btn.ghost{
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--border));
  color: var(--accent);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .btn.ghost:hover{
  background: color-mix(in srgb, var(--accent) 6%, var(--bg));
  border-color: color-mix(in srgb, var(--accent) 75%, var(--border));
}

body.theme-light[data-sf-theme="ruby_red_glass"] input:focus,
body.theme-light[data-sf-theme="ruby_red_glass"] select:focus,
body.theme-light[data-sf-theme="ruby_red_glass"] textarea:focus{
  outline: 2px solid color-mix(in srgb, var(--primary) 28%, transparent);
  outline-offset: 2px;
}

body.theme-light[data-sf-theme="ruby_red_glass"] .slider-arrow{
  border: 1px solid color-mix(in srgb, var(--primary) 45%, var(--border));
  background: rgba(255,255,255,0.72);
  color: var(--primary);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .slider-arrow:hover{
  background: var(--primary);
  color: rgba(255,255,255,0.96);
  border-color: color-mix(in srgb, var(--primary) 75%, var(--border));
}

body.theme-light[data-sf-theme="ruby_red_glass"] .sf-bottom-nav__item.is-active{
  border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
}

body.theme-light[data-sf-theme="ruby_red_glass"] .sf-bottom-nav__item.is-active i,
body.theme-light[data-sf-theme="ruby_red_glass"] .header-actions a[aria-label="Wishlist"] i{
  color: var(--primary);
}

body.theme-light[data-sf-theme="ruby_red_glass"] .site-footer{
  background: #7F1D1D;
  color: rgba(255,255,255,0.96);
  border-top: 1px solid rgba(0,0,0,0.26);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .site-footer a{
  color: rgba(255,255,255,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .site-footer a:hover{
  color: rgba(255,255,255,0.96);
  text-decoration: underline;
}
body.theme-light[data-sf-theme="ruby_red_glass"] .footer-text,
body.theme-light[data-sf-theme="ruby_red_glass"] .footer-list{
  color: rgba(255,255,255,0.86);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .footer-note{
  border-top: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.80);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .site-footer .footer-input input{
  border: 1px solid rgba(255,255,255,0.20);
  background: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .site-footer .footer-input input::placeholder{
  color: rgba(255,255,255,0.72);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .footer-social a{
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .footer-social a:hover{
  border-color: rgba(255,255,255,0.34);
  background: rgba(255,255,255,0.18);
}

.search{display:flex;gap:8px;}
.search input{width:100%;padding:10px 12px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);border-radius:12px;outline:none;background:color-mix(in srgb, var(--card) 88%, transparent);color:var(--ink);}
.search input::placeholder{color:rgba(248,250,252,0.55);}
.search button{padding:10px 14px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);border-radius:12px;background:color-mix(in srgb, var(--primary) 18%, var(--bg));color:var(--ink);font-weight:800;cursor:pointer;}
.search button:hover{border-color:rgba(var(--accent-rgb),0.55);}

body.theme-light .search input{border:1px solid var(--border);background:var(--card);color:var(--ink);}
body.theme-light .search input::placeholder{color:rgba(51,65,85,0.60);}
body.theme-light .search button{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 12%, var(--bg));color:var(--ink);}
body.theme-light .search button:hover{background:color-mix(in srgb, var(--primary) 16%, var(--bg));border-color:color-mix(in srgb, var(--primary) 30%, var(--border));}

.header-actions{display:flex;gap:10px;align-items:center;}
.action{background:color-mix(in srgb, var(--card) 92%, transparent);border:1px solid color-mix(in srgb, var(--border) 90%, transparent);padding:8px 10px;border-radius:12px;font-weight:800;}
.action:hover{border-color:rgba(var(--accent-rgb),0.55);}
.sf-action-icon{display:inline-flex;align-items:center;gap:8px;}
.sf-action-text{display:inline;}

.btn.secondary{background:transparent;border:1px solid color-mix(in srgb, var(--accent) 65%, var(--border));color:color-mix(in srgb, var(--accent) 92%, #000);box-shadow:none;}
.btn.secondary:hover{background:color-mix(in srgb, var(--accent) 10%, var(--glass-bg));border-color:color-mix(in srgb, var(--accent) 80%, var(--border));transform:translateY(-1px);}
.btn.secondary:focus-visible{outline:2px solid rgba(var(--accent-rgb),0.55);outline-offset:2px;}

.btn.ghost.is-active{background:rgba(var(--accent-rgb),0.16);border-color:rgba(var(--accent-rgb),0.45);color:color-mix(in srgb, var(--accent) 92%, var(--ink));}
body.theme-dark .btn.ghost.is-active{color:rgba(var(--accent-rgb),0.98);}

@media (max-width:900px){
  .header .row{grid-template-columns:1fr auto;grid-template-areas:"left actions" "search search";align-items:center;gap:10px;padding:10px 0;}
  .header .row > :nth-child(1){grid-area:left;}
  .header .row > :nth-child(2){grid-area:search;}
  .header .row > :nth-child(3){grid-area:actions;justify-self:end;}
  .search{width:100%;}
  .search button{display:none;}
  .header-actions{gap:8px;}
  .action.sf-action-desktop{display:none;}
  .sf-action-text{display:none;}
  .action.sf-action-icon{width:44px;height:44px;padding:0;justify-content:center;}
}

.store-switcher{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;background:color-mix(in srgb, var(--card) 86%, transparent);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);}
.store-switcher .label{font-size:12px;font-weight:900;color:var(--ink);}
.store-switcher .muted{color:var(--muted);}
.store-switcher a{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;background:color-mix(in srgb, var(--primary) 18%, var(--bg));border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));color:var(--ink);box-shadow:0 8px 20px rgba(2,6,23,0.08);}
.store-switcher a:hover{border-color:color-mix(in srgb, var(--primary) 38%, var(--border));background:color-mix(in srgb, var(--primary) 26%, var(--bg));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent);}

body.theme-light .action:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--glass-border));}
body.theme-light .store-switcher .label{color:var(--ink);}
body.theme-light .store-switcher .muted{color:var(--muted);}
body.theme-light .store-switcher a{background:color-mix(in srgb, var(--primary) 16%, var(--bg));border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));color:var(--ink);}

body.theme-light .action{background:var(--glass-bg);border:1px solid var(--glass-border);}
body.theme-light .store-switcher{background:var(--glass-bg);border:1px solid var(--glass-border);}

.nav{background:var(--glass-bg-header);border-bottom:1px solid var(--glass-border-header);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));position:relative;z-index:80;}
.nav .row{display:flex;gap:10px;padding:10px 0;overflow:visible;}

body.theme-light .nav{background:var(--glass-bg-header);border-bottom:1px solid var(--glass-border-header);}

body.theme-light[data-sf-theme="jumia_dark_gold"] .nav{
  background: var(--glass-bg-header);
  border-bottom: 1px solid var(--glass-border-header);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .topbar a,
body.theme-light[data-sf-theme="jumia_dark_gold"] .header a,
body.theme-light[data-sf-theme="jumia_dark_gold"] .nav a{
  color: rgba(248,250,252,0.96);
  text-decoration: none;
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .topbar .muted,
body.theme-light[data-sf-theme="jumia_dark_gold"] .header .muted{
  color: rgba(226,232,240,0.78);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .store-switcher{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(148,163,184,0.22);
}
body.theme-light[data-sf-theme="jumia_dark_gold"] .store-switcher .label,
body.theme-light[data-sf-theme="jumia_dark_gold"] .store-switcher .muted{
  color: rgba(248,250,252,0.92);
}
body.theme-light[data-sf-theme="jumia_dark_gold"] .store-switcher a{
  background: rgba(245,197,24,0.18);
  border: 1px solid rgba(245,197,24,0.35);
  color: rgba(248,250,252,0.96);
}
body.theme-light[data-sf-theme="jumia_dark_gold"] .store-switcher a:hover{
  border-color: rgba(245,197,24,0.55);
  box-shadow: 0 0 0 3px rgba(245,197,24,0.14);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .action,
body.theme-light[data-sf-theme="jumia_dark_gold"] .sf-hamburger{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(148,163,184,0.22);
  color: rgba(248,250,252,0.96);
}
body.theme-light[data-sf-theme="jumia_dark_gold"] .action:hover,
body.theme-light[data-sf-theme="jumia_dark_gold"] .sf-hamburger:hover{
  border-color: rgba(245,197,24,0.55);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .search input{
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(245,197,24,0.28);
  color: rgba(15,23,42,0.96);
}
body.theme-light[data-sf-theme="jumia_dark_gold"] .search input::placeholder{
  color: rgba(51,65,85,0.62);
}
body.theme-light[data-sf-theme="jumia_dark_gold"] .search button{
  background: var(--btn-gradient);
  border: 1px solid rgba(245,197,24,0.55);
  color: rgba(248,250,252,0.96);
}
body.theme-light[data-sf-theme="jumia_dark_gold"] .search button:hover{
  background: var(--accent-hover);
  border-color: rgba(245,197,24,0.65);
}

.cat-dd{position:relative;padding:10px 0;z-index:95;}
.cat-dd__btn{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,0.14);border-radius:999px;background:rgba(255,255,255,0.06);color:rgba(248,250,252,0.95);font-weight:900;font-size:13px;cursor:pointer;}
.cat-dd__btn:hover{border-color:rgba(var(--accent-rgb),0.55);background:rgba(255,255,255,0.10);}
.cat-dd__btn:focus{outline:2px solid rgba(var(--accent-rgb),0.55);outline-offset:2px;}

body.theme-light .cat-dd__btn{border:1px solid var(--glass-border);background:var(--glass-bg-strong);color:var(--ink);}
body.theme-light .cat-dd__btn:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--glass-border));background:var(--glass-bg-strong);}

body.theme-light[data-sf-theme="jumia_dark_gold"] .cat-dd__btn:hover{
  border-color: rgba(245,197,24,0.60);
  background: linear-gradient(135deg, rgba(245,197,24,0.04) 0%, rgba(0,0,0,0.88) 100%);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .nav .chip{
  border: 1px solid rgba(245,197,24,0.30);
  background: linear-gradient(135deg, rgba(245,197,24,0.08) 0%, rgba(0,0,0,0.24) 100%);
  color: rgba(248,250,252,0.96);
}
body.theme-light[data-sf-theme="jumia_dark_gold"] .nav .chip:hover{
  border-color: rgba(245,197,24,0.60);
  background: linear-gradient(135deg, rgba(245,197,24,0.12) 0%, rgba(0,0,0,0.30) 100%);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .cat-dd__btn{
  border: 1px solid rgba(245,197,24,0.30);
  background: linear-gradient(135deg, rgba(245,197,24,0.03) 0%, rgba(0,0,0,0.86) 100%);
  color: rgba(248,250,252,0.96);
  text-decoration: none;
}

body.theme-light[data-sf-theme="ruby_red_glass"] .cat-dd__btn{
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.96);
  text-decoration: none;
}
body.theme-light[data-sf-theme="ruby_red_glass"] .cat-dd__btn:hover{
  border-color: rgba(255,255,255,0.34);
  background: rgba(255,255,255,0.18);
}

.cat-dd__panel{display:none;position:absolute;top:calc(100% - 10px);left:0;width:min(720px, calc(100vw - 32px));max-height:min(70vh, 560px);overflow:auto;padding:10px;border-radius:16px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:120;}

body.theme-light[data-sf-theme="jumia_dark_gold"] .cat-dd__panel{
  background: linear-gradient(160deg, rgba(245,197,24,0.03) 0%, rgba(0,0,0,0.92) 56%, rgba(0,0,0,0.96) 100%);
  border: 1px solid rgba(245,197,24,0.28);
  box-shadow: 0 32px 86px rgba(0,0,0,0.48);
  color: rgba(248,250,252,0.96);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .cat-dd__item{
  border: 1px solid rgba(245,197,24,0.22);
  background: linear-gradient(135deg, rgba(245,197,24,0.02) 0%, rgba(0,0,0,0.78) 100%);
  color: rgba(248,250,252,0.92);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .cat-dd__parent{
  color: rgba(248,250,252,0.96);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .cat-dd__parent:hover{
  background: rgba(245,197,24,0.06);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .cat-dd__child{
  border: 1px solid rgba(245,197,24,0.28);
  background: linear-gradient(135deg, rgba(245,197,24,0.02) 0%, rgba(0,0,0,0.84) 100%);
  color: rgba(248,250,252,0.88);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .cat-dd__child:hover{
  border-color: rgba(245,197,24,0.55);
  background: rgba(245,197,24,0.08);
  color: rgba(248,250,252,0.94);
}
.cat-dd[data-open="true"] .cat-dd__panel{display:block;}

.cat-dd:focus-within .cat-dd__panel{display:block;}
@media (hover:hover) and (pointer:fine){
  .cat-dd:hover .cat-dd__panel,
  .cat-dd:focus-within .cat-dd__panel{display:block;}
}

.cat-dd__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.cat-dd__item{border:1px solid rgba(255,255,255,0.10);border-radius:14px;background:rgba(255,255,255,0.04);overflow:hidden;}
.cat-dd__parent{display:block;padding:10px 12px;font-weight:900;color:rgba(248,250,252,0.96);}
.cat-dd__parent:hover{background:rgba(var(--accent-rgb),0.08);}
.cat-dd__children{display:grid;gap:6px;padding:0 12px 12px;}
.cat-dd__child{display:block;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.03);font-weight:800;font-size:13px;color:rgba(248,250,252,0.90);}
.cat-dd__child:hover{border-color:rgba(var(--accent-rgb),0.35);background:rgba(var(--accent-rgb),0.08);}
@media (max-width:900px){.cat-dd__list{grid-template-columns:1fr;}}

body.theme-light .cat-dd__item{border:1px solid var(--glass-border);background:var(--glass-bg-strong);}
body.theme-light .cat-dd__parent{color:var(--ink);}
body.theme-light .cat-dd__parent:hover{background:color-mix(in srgb, var(--primary) 10%, var(--bg));}
body.theme-light .cat-dd__child{color:var(--ink);border:1px solid color-mix(in srgb, var(--primary) 12%, var(--glass-border));background:var(--glass-bg);}
body.theme-light .cat-dd__child:hover{background:color-mix(in srgb, var(--primary) 10%, var(--bg));border-color:color-mix(in srgb, var(--primary) 22%, var(--border));}

body.theme-light[data-sf-theme="ruby_red_glass"] .cat-dd__item{
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .cat-dd__parent{
  color: rgba(255,255,255,0.96);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .cat-dd__parent:hover{
  background: rgba(255,255,255,0.06);
}
body.theme-light[data-sf-theme="ruby_red_glass"] .cat-dd__child{
  color: rgba(255,255,255,0.92);
  border: 1px solid rgba(255,255,255,0.12);
  background: color-mix(in srgb, var(--primary) 20%, rgba(255,255,255,0.12));
}
body.theme-light[data-sf-theme="ruby_red_glass"] .cat-dd__child:hover{
  border-color: rgba(185,28,28,0.50);
  background: rgba(185,28,28,0.22);
}

.chip{padding:8px 10px;border:1px solid rgba(255,255,255,0.14);border-radius:999px;background:rgba(255,255,255,0.06);white-space:nowrap;font-size:13px;font-weight:800;}
.chip.active{border-color:rgba(var(--accent-rgb),0.85);background:rgba(var(--accent-rgb),0.14);}

.sf-cat-rail{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media (max-width:900px){.sf-cat-rail{grid-template-columns:1fr 1fr;}}

body[data-sf-scroll="1"] .sf-cat-rail{display:flex;gap:10px;overflow:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:6px;}
body[data-sf-scroll="1"] .sf-cat-rail .chip{flex:0 0 auto;scroll-snap-align:start;}

body.theme-light .chip.active{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--bg));}
body.theme-light .chip{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--ink);}

.menu-desktop{display:block;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;}
.menu-bar{display:flex;gap:10px;align-items:center;padding:10px 0;flex-wrap:nowrap;position:relative;z-index:90;min-width:max-content;}
.menu-item{position:relative;flex:0 0 auto;}
.menu-link{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);border-radius:999px;background:color-mix(in srgb, var(--glass-bg) 90%, transparent);white-space:nowrap;font-weight:900;font-size:13px;color:var(--ink);box-shadow:0 10px 24px rgba(2,6,23,0.06);}
.menu-link:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--glass-bg));}
.menu-link:focus{outline:2px solid rgba(var(--accent-rgb),0.55);outline-offset:2px;}

.dropdown{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:260px;max-width:min(420px, calc(100vw - 32px));padding:10px;border-radius:16px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:60;}
.dropdown-grid{display:grid;gap:8px;}
.dropdown a{padding:8px 10px;border-radius:12px;color:var(--ink);font-size:13px;font-weight:800;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--card) 90%, transparent);}
.dropdown a:hover{background:color-mix(in srgb, var(--accent) 10%, var(--bg));border-color:color-mix(in srgb, var(--accent) 24%, var(--border));}
.menu-item:hover .dropdown,.menu-item:focus-within .dropdown{display:block;}

body.theme-light .dropdown{background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:120;}
body.theme-light .dropdown a{color:var(--ink);border:1px solid color-mix(in srgb, var(--primary) 12%, var(--glass-border));background:var(--glass-bg);}
body.theme-light .dropdown a:hover{background:color-mix(in srgb, var(--primary) 10%, var(--bg));border-color:color-mix(in srgb, var(--primary) 22%, var(--border));}

body.theme-light[data-sf-theme="jumia_dark_gold"] .dropdown{
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(229,231,235,0.85);
  box-shadow: 0 24px 70px rgba(17,24,39,0.12);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .dropdown a{
  border: 1px solid rgba(229,231,235,0.95);
  background: rgba(255,255,255,0.80);
}

body.theme-light[data-sf-theme="jumia_dark_gold"] .dropdown a:hover{
  background: rgba(255,244,214,0.70);
  border-color: color-mix(in srgb, var(--accent) 55%, rgba(229,231,235,0.95));
}

.menu-mobile{display:none;padding:10px 0;}
.menu-acc{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);border-radius:14px;background:color-mix(in srgb, var(--card) 92%, transparent);overflow:hidden;}
.menu-acc+.menu-acc{margin-top:10px;}
.menu-acc summary{list-style:none;cursor:pointer;padding:12px 12px;font-weight:900;}
.menu-acc summary::-webkit-details-marker{display:none;}
.menu-acc-body{padding:0 12px 12px;display:grid;gap:10px;}
.menu-acc-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.menu-acc-links a{padding:8px 10px;border-radius:12px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--bg) 78%, transparent);font-weight:900;font-size:13px;color:var(--ink);}

.main{padding:18px 0 calc(32px + var(--sf-safe-bottom));}
.muted{color:var(--muted);}
.price{font-weight:1000;color:var(--ink);}
.kpi{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--bg));font-size:12px;font-weight:1000;color:color-mix(in srgb, var(--accent) 85%, var(--ink));}
.sf-row{display:flex;align-items:center;}
.sf-col{display:flex;flex-direction:column;}
.sf-between{justify-content:space-between;}
.sf-wrap{flex-wrap:wrap;}
.sf-items-center{align-items:center;}
.sf-justify-start-flex{justify-content:flex-start;}
.sf-inline{display:inline;}
.sf-hidden{display:none;}
.sf-text-12{font-size:12px;}
.sf-fw-800{font-weight:800;}
.sf-fw-900{font-weight:900;}
.sf-overflow-hidden{overflow:hidden;}
.sf-align-end{align-items:flex-end;}
.sf-align-start{align-items:flex-start;}
.sf-gap-8{gap:8px;}
.sf-gap-10{gap:10px;}
.sf-gap-12{gap:12px;}
.sf-gap-20{gap:20px;}
.sf-flex-1{flex:1;}
.sf-nowrap{white-space:nowrap;}
.sf-text-right{text-align:right;}
.sf-col-span-all{grid-column:1 / -1;}
.sf-maxw-120{max-width:120px;}
.sf-maxw-220{max-width:220px;}
.sf-justify-start{justify-self:start;}
.sf-underline{text-decoration:underline;}
.sf-line-through{text-decoration:line-through;}
.sf-stack-6{display:grid;gap:6px;}
.sf-bb{border-bottom:1px solid color-mix(in srgb, var(--border) 85%, transparent);}
.sf-pb-8{padding-bottom:8px;}
.sf-p-12{padding:12px;}
.sf-p-14{padding:14px;}
.sf-panel{background:color-mix(in srgb, var(--bg) 78%, transparent);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);border-radius:14px;padding:12px;}
.sf-panel--danger{background:rgba(185,28,28,0.14);border:1px solid rgba(185,28,28,0.35);}
.sf-panel--info{background:rgba(59,130,246,0.14);border:1px solid rgba(59,130,246,0.25);}
.sf-top-divider{margin-top:10px;padding-top:10px;border-top:1px solid color-mix(in srgb, var(--border) 85%, transparent);}
.sf-mb-10{margin-bottom:10px;}
.sf-mt-10{margin-top:10px;}
.sf-mb-12{margin-bottom:12px;}
.sf-mb-14{margin-bottom:14px;}
.sf-h-12{height:12px;}
.sf-progress-track{margin-top:10px;height:8px;border-radius:999px;background:color-mix(in srgb, var(--border) 78%, transparent);overflow:hidden;}
.sf-mt-16{margin-top:16px;}
.sf-w-100{width:100%;}
.sf-w-90{width:90px;}
.sf-w-min-120{width:min(120px, 100%);}
.sf-ink{color:var(--ink);}
.btn.sf-btn-sm{min-height:36px;padding:8px 10px;}
.btn.sf-justify-start-flex{justify-content:flex-start;}
.sf-btn-link{background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit;}
.order-status-pill--bad{background:color-mix(in srgb, var(--danger) 12%, var(--bg));border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));color:color-mix(in srgb, var(--danger) 88%, var(--ink))}
.order-status-pill--good{background:color-mix(in srgb, var(--success) 12%, var(--bg));border:1px solid color-mix(in srgb, var(--success) 35%, var(--border));color:color-mix(in srgb, var(--success) 88%, var(--ink))}
.order-step-dot{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900}
.order-step-dot--on{background:var(--primary);color:rgba(255,255,255,0.96)}
.order-step-dot--off{background:color-mix(in srgb, var(--card) 92%, transparent);color:var(--muted);border:1px solid color-mix(in srgb, var(--border) 85%, transparent)}
.order-step-line{height:4px;border-radius:999px;flex:1}
.order-step-line--on{background:var(--primary)}
.order-step-line--off{background:color-mix(in srgb, var(--border) 78%, transparent)}
.order-progress{height:100%;background:var(--primary)}
.order-progress--15{width:15%}
.order-progress--40{width:40%}
.order-progress--65{width:65%}
.order-progress--85{width:85%}
.order-progress--100{width:100%}
.error{padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--bg));color:color-mix(in srgb, var(--danger) 90%, var(--ink));font-weight:900;font-size:12px;}

.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--bg) 78%, transparent);font-size:12px;font-weight:1000;color:var(--ink);}
body.theme-light .pill{background:var(--bg);border:1px solid var(--border);}

.status{padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--card) 92%, transparent);box-shadow:0 18px 50px rgba(2,6,23,0.12);}
body.theme-light .status{background:var(--glass-bg-solid);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);}
.status ul{margin:0;padding-left:18px;}
.status li{margin:4px 0;}

.toast{position:fixed;left:12px;right:12px;bottom:92px;z-index:220;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--card) 92%, transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(2,6,23,0.22);font-weight:900;}
@media (min-width:900px){.toast{left:auto;right:18px;bottom:18px;max-width:420px;}}

form.inline{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;}

#auth-modal{position:fixed;inset:0;z-index:1000;padding:calc(12px + var(--sf-safe-top)) 12px calc(12px + var(--sf-safe-bottom));overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
#auth-modal [data-auth-overlay]{position:absolute;inset:0;background:rgba(2,6,23,0.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
#auth-modal .card{box-shadow:0 24px 80px rgba(2,6,23,0.38);}
.sf-auth-dialog{position:relative;width:min(480px, 100%);margin:0 auto;max-height:calc(var(--sf-viewport-height, 100vh) - 24px - var(--sf-safe-top) - var(--sf-safe-bottom));display:flex;}
.sf-auth-card{border-radius:16px;overflow:hidden;max-height:100%;display:flex;flex-direction:column;width:100%;}
.sf-auth-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);}

body.sf-auth-open .topbar,
body.sf-auth-open .header,
body.sf-auth-open .nav,
body.sf-auth-open .cat-dd,
body.sf-auth-open .cat-dd__panel,
body.sf-auth-open .sf-bottom-nav,
body.sf-auth-open .sf-float-cart{
  pointer-events:none;
}
.sf-auth-title{font-weight:900;}
.sf-auth-close{padding:8px 10px;}
.sf-auth-body{padding:14px;overflow:auto;-webkit-overflow-scrolling:touch;}
.sf-auth-tabs{display:flex;gap:10px;margin-bottom:14px;}
.sf-auth-tabs .btn{flex:1;}
.sf-auth-google{width:100%;border-radius:12px;font-weight:800;}
.sf-auth-or{display:flex;align-items:center;gap:12px;margin:14px 0;}
.sf-auth-or-line{height:1px;background:var(--border);flex:1;}
.sf-auth-or-text{font-size:12px;font-weight:800;}

.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--card) 92%, transparent);font-size:12px;font-weight:1000;color:var(--ink);}
.badge-success{border-color:color-mix(in srgb, var(--success) 35%, var(--border));background:color-mix(in srgb, var(--success) 12%, var(--bg));color:color-mix(in srgb, var(--success) 90%, var(--ink));}
.badge-oos{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:color-mix(in srgb, var(--danger) 12%, var(--bg));color:color-mix(in srgb, var(--danger) 90%, var(--ink));}
.badge-discount{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 18%, var(--bg));color:color-mix(in srgb, var(--accent) 92%, var(--ink));}

.card{border:1px solid var(--border);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:var(--card);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:16px;box-shadow:0 18px 50px rgba(2,6,23,0.14);}
body.theme-light .card{background:var(--glass-bg-solid);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);}
.card-body{padding:14px;}

.btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),0.28);border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:var(--primary);background:var(--btn-gradient, var(--primary));color:rgba(255,255,255,0.96);font-weight:1000;letter-spacing:0.2px;cursor:pointer;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;box-shadow:0 14px 28px rgba(2,6,23,0.12);touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.btn:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),0.65);box-shadow:0 18px 40px rgba(2,6,23,0.16);}
.btn:focus-visible{outline:2px solid rgba(var(--accent-rgb),0.70);outline-offset:2px;}
.btn:disabled,.btn[disabled]{opacity:0.60;cursor:not-allowed;transform:none;box-shadow:none;}

.btn.ghost{background:transparent;border:1px solid var(--border);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);color:var(--ink);box-shadow:none;}
.btn.ghost:hover{background:color-mix(in srgb, var(--accent) 10%, var(--bg));border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-1px);}

.sf-cms-hero{position:relative;overflow:hidden;}
.sf-cms-hero__body{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 360px);gap:14px;align-items:center;}
.sf-cms-hero--img-left .sf-cms-hero__body{grid-template-columns:minmax(0, 360px) minmax(0, 1fr);}
@media (max-width:900px){.sf-cms-hero__body{grid-template-columns:1fr;}}

.sf-cms-hero__copy{display:grid;gap:6px;min-width:0;}
.sf-cms-hero__title{line-height:1.12;}
.sf-cms-hero__desc{margin-top:2px;display:grid;gap:8px;color:currentColor;}
.sf-cms-hero__desc p{margin:0;opacity:0.92;}
.sf-cms-hero__desc a{color:color-mix(in srgb, var(--accent) 82%, currentColor);text-decoration:underline;text-underline-offset:2px;}

.sf-cms-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;}

.sf-cms-hero__art{width:100%;display:grid;place-items:center;}
.sf-cms-hero__art-link{display:block;}
.sf-cms-hero__art-img{width:100%;height:auto;max-height:320px;object-fit:contain;display:block;}

.sf-cms-hero--img-sm .sf-cms-hero__body{grid-template-columns:minmax(0, 1fr) minmax(0, 260px);}
.sf-cms-hero--img-sm.sf-cms-hero--img-left .sf-cms-hero__body{grid-template-columns:minmax(0, 260px) minmax(0, 1fr);}
.sf-cms-hero--img-md .sf-cms-hero__body{grid-template-columns:minmax(0, 1fr) minmax(0, 360px);}
.sf-cms-hero--img-md.sf-cms-hero--img-left .sf-cms-hero__body{grid-template-columns:minmax(0, 360px) minmax(0, 1fr);}
.sf-cms-hero--img-lg .sf-cms-hero__body{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);}
.sf-cms-hero--img-lg.sf-cms-hero--img-left .sf-cms-hero__body{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);}
.sf-cms-hero--img-lg .sf-cms-hero__body{align-items:stretch;}
.sf-cms-hero--img-lg .sf-cms-hero__art{height:100%;min-height:280px;place-items:stretch;}
.sf-cms-hero--img-lg .sf-cms-hero__art-link{width:100%;height:100%;display:block;}
.sf-cms-hero--img-lg .sf-cms-hero__art-img{height:100%;max-height:none;object-fit:cover;}
@media (max-width:900px){.sf-cms-hero--img-sm .sf-cms-hero__body,.sf-cms-hero--img-md .sf-cms-hero__body,.sf-cms-hero--img-lg .sf-cms-hero__body{grid-template-columns:1fr;}}

.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;}
.field.sf-field-row{flex-direction:row;align-items:center;gap:10px;}
.field.sf-m-0{margin:0;}
.field input,.field select,.field textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:var(--card);background:color-mix(in srgb, var(--card) 88%, transparent);color:var(--ink);outline:none;font-size:16px;line-height:1.25;-webkit-appearance:none;appearance:none;background-clip:padding-box;}
.field textarea{resize:vertical;}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(var(--accent-rgb),0.35);outline-offset:2px;}
body.theme-light .field input,body.theme-light .field select,body.theme-light .field textarea{background:var(--bg);border:1px solid var(--border);}

.field.sf-field-row input[type="checkbox"]{width:auto;min-height:auto;padding:0;border-radius:6px;flex:0 0 auto;}
.field.sf-field-row label{line-height:1.2;}

.sf-filter-sidebar form .field{margin-bottom:12px;}
.sf-filter-panel form .field{margin-bottom:12px;}
.sf-filter-sidebar form .field:last-child,.sf-filter-panel form .field:last-child{margin-bottom:0;}

@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){
  .topbar,
  .header,
  .nav,
  .card,
  .toast,
  .cat-dd__panel,
  #auth-modal [data-auth-overlay]{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  .topbar,
  .header,
  .nav,
  .card,
  .toast,
  .cat-dd__panel{
    background:var(--glass-bg-solid);
  }

  #auth-modal [data-auth-overlay]{
    background:rgba(2,6,23,0.82);
  }
}

@supports not (color: color-mix(in srgb, black 50%, white)){
  .card{
    background:var(--card);
    border-color:var(--border);
  }

  .btn{
    background:var(--primary);
    border-color:rgba(var(--accent-rgb),0.28);
  }

  .btn.ghost{
    background:transparent;
    border-color:var(--border);
  }

  .search input,
  .field input,
  .field select,
  .field textarea{
    background:var(--card);
    border-color:var(--border);
  }
}

.table{width:100%;border-collapse:separate;border-spacing:0;}
.table th,.table td{padding:12px 12px;border-bottom:1px solid color-mix(in srgb, var(--border) 85%, transparent);text-align:left;vertical-align:top;}
.table thead th{font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);font-weight:1000;background:color-mix(in srgb, var(--bg) 80%, transparent);position:sticky;top:0;z-index:1;}
.table tbody tr:hover td{background:color-mix(in srgb, var(--accent) 6%, transparent);}

.sf-stars{display:inline-flex;gap:4px;align-items:center;}
.sf-star{font-size:12px;line-height:1;color:color-mix(in srgb, var(--muted) 70%, transparent);}
.sf-star[data-fill="full"],.sf-star[data-fill="half"]{color:rgba(var(--accent-rgb),0.98);}

.product-card{overflow:hidden;display:flex;flex-direction:column;min-height:100%;height:100%;border-radius:18px;contain:layout paint style;}
.product-card__media{position:relative;aspect-ratio:1 / 1;min-height:clamp(110px, 12vw, 146px);padding:10px;border-bottom:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 72%, transparent) 0%, color-mix(in srgb, var(--card) 92%, transparent) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;}
.product-card__media-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:inherit;min-width:0;}
.product-card__image{width:100%;height:100%;object-fit:contain;display:block;padding:8px;transition:transform .45s ease, filter .45s ease;transform:translateZ(0);}
.product-card:hover .product-card__image{transform:scale(1.03);filter:saturate(1.05);}
.product-card__badges{position:absolute;left:9px;top:9px;display:flex;flex-direction:column;gap:6px;z-index:2;}
.product-card__wish{position:absolute;right:10px;top:10px;width:40px;height:40px;border-radius:999px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--bg) 80%, transparent);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform .15s ease, border-color .15s ease, background-color .15s ease;}
.product-card__wish:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),0.55);}
.product-card__wish.is-active{border-color:rgba(var(--accent-rgb),0.60);background:rgba(var(--accent-rgb),0.14);}
.product-card__placeholder{width:100%;height:100%;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--bg)) 0%, color-mix(in srgb, var(--card) 92%, transparent) 100%);color:color-mix(in srgb, var(--muted) 82%, transparent);}
.product-card__placeholder i{font-size:clamp(30px, 3.2vw, 42px);}
.product-card__body{display:grid;grid-template-rows:minmax(calc(1.22em * 2), auto) auto auto auto auto;gap:2px;min-width:0;flex:1;align-content:start;}
.product-card__title{font-weight:1000;line-height:1.22;font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.22em * 2);}
.product-card__rating{display:flex;align-items:center;gap:4px;min-height:0;}
.product-card__rating:not(.product-card__rating--empty){min-height:14px;}
.product-card__rating--empty,.product-card__was--empty{display:none;}
.product-card__rating-count,.product-card__was{font-size:11.5px;}
.product-card__price-row{display:flex;align-items:baseline;justify-content:space-between;gap:2px;}
.product-card__price-row .price{font-size:clamp(14px, 1.25vw, 16px);line-height:1.08;color:color-mix(in srgb, var(--primary) 68%, var(--ink));}
.product-card__was{color:color-mix(in srgb, var(--muted) 92%, #64748b);line-height:1.15;}
.product-card__was-price{text-decoration:line-through;color:inherit;text-decoration-thickness:1px;text-decoration-color:currentColor;opacity:0.92;}
.product-card__actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:7px;align-items:stretch;margin-top:auto;}
.product-card__actions form,.product-card__form{margin:0;display:flex;}
.product-card__actions .btn,.product-card__form .btn{width:100%;min-height:28px;padding:6px 8px;font-size:10.5px;line-height:1.1;border-radius:8px;}
 
.sf-layout-2col{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 360px);gap:14px;align-items:start;}
@media (max-width:900px){.sf-layout-2col{grid-template-columns:1fr;}}

.sf-cart-rail{display:grid;gap:12px;padding:14px;}
.sf-cart-rail__item{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:16px;padding:12px;display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(220px, 0.9fr) auto;gap:14px;align-items:center;}
.sf-cart-rail__main{display:grid;grid-template-columns:84px minmax(0, 1fr);gap:12px;align-items:center;min-width:0;}
.sf-cart-rail__copy{display:grid;gap:4px;min-width:0;}
.sf-cart-rail__media{display:block;width:84px;height:84px;border-radius:14px;overflow:hidden;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--bg) 78%, transparent);flex:0 0 auto;}
.sf-cart-rail__media img{width:100%;height:100%;object-fit:cover;display:block;}
.sf-cart-rail__title{font-weight:1000;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px;}
.sf-cart-rail__title-link{color:var(--ink);text-decoration:none;}
.sf-cart-rail__title-link:hover{color:color-mix(in srgb, var(--accent) 70%, var(--ink));text-decoration:none;}
.sf-cart-rail__variant{font-size:12px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sf-cart-rail__meta{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;min-width:0;}
.sf-cart-rail__metric{display:grid;gap:6px;align-content:start;min-width:0;}
.sf-cart-rail__metric--price .price,.sf-cart-rail__metric--subtotal .price{font-size:14px;font-weight:1000;}
.sf-cart-rail__metric--subtotal{text-align:right;}
.sf-cart-rail__qty-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;}
.sf-cart-rail__qty-input{width:74px;min-height:36px;padding:6px 8px;border-radius:10px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--bg) 78%, transparent);color:var(--ink);}
.sf-cart-rail__actions{display:grid;gap:8px;align-content:center;min-width:110px;}
.sf-cart-rail__actions form{margin:0;display:flex;}
.sf-cart-rail__actions .btn{width:100%;}

.sf-hero-aside-banner__link{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden;}
.sf-hero-aside-banner__link{display:block;}
.sf-hero-aside-banner__img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;background:transparent;filter:none;}
.sf-market-hero__aside .card.sf-card-shell{overflow:hidden;}
.sf-cart-img{width:64px;height:64px;object-fit:cover;display:block;border-radius:14px;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--bg) 78%, transparent);}
@media (max-width:900px){.sf-cart-rail__item{grid-template-columns:1fr;align-items:start;}.sf-cart-rail__main{grid-template-columns:72px minmax(0, 1fr);}.sf-cart-rail__media{width:72px;height:72px;}.sf-cart-rail__meta{grid-template-columns:repeat(2, minmax(0, 1fr));}.sf-cart-rail__metric--subtotal{text-align:left;}.sf-cart-rail__actions{grid-template-columns:1fr;min-width:0;}.sf-layout-2col table.table{display:none;}}
@media (max-width:640px){.sf-cart-rail{gap:10px;padding:12px;}.sf-cart-rail__item{padding:10px;gap:10px;}.sf-cart-rail__meta{grid-template-columns:1fr;gap:8px;}.sf-cart-rail__metric--subtotal{text-align:left;}.sf-cart-rail__qty-form{gap:6px;}.sf-cart-rail__qty-input{width:68px;min-height:34px;}.sf-cart-rail__actions{gap:6px;}}

.sf-atc__price{display:flex;align-items:baseline;gap:10px;min-width:0;}
.sf-atc__form{margin:0;}
.sf-atc__form .btn{min-height:44px;padding:10px 14px;border-radius:14px;}
@media (max-width:900px){.sf-atc{display:block;bottom:calc(12px + 72px + env(safe-area-inset-bottom));}}

.grid{display:grid;grid-template-columns:repeat(var(--sf-grid-cols, var(--sf-category-cols-desktop, 4)),minmax(0,1fr));gap:12px;}
.grid.grid-home{grid-template-columns:repeat(var(--sf-grid-cols-home, var(--sf-grid-cols, 5)),minmax(0,1fr));}
.grid,.sf-product-grid{align-items:stretch;}
.grid > *,.sf-product-grid > *,.sf-sec__item{min-width:0;}
.grid > .product-card,.sf-product-grid > .product-card,.sf-sec__item > .product-card{width:100%;height:100%;}
.grid.sf-product-grid--browse,.sf-product-grid--browse{grid-auto-flow:row;grid-auto-rows:1fr;align-items:stretch;align-content:start;overflow-x:clip;}
.grid.sf-product-grid--browse > .sf-col-span-all,.sf-product-grid--browse > .sf-col-span-all{grid-column:1 / -1;}
 
@media (max-width:1024px){
  .grid{grid-template-columns:repeat(var(--sf-grid-cols-tablet, var(--sf-category-cols-tablet, 3)),minmax(0,1fr));}
  .grid.grid-home{grid-template-columns:repeat(var(--sf-grid-cols-tablet, var(--sf-category-cols-tablet, 3)),minmax(0,1fr));}
}

@media (max-width:1024px){
  .grid.sf-product-grid,
  .sf-product-grid{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - (10px * 4)) / 4.5);
    grid-auto-rows:1fr;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 2px 6px;
    align-items:stretch;
    align-content:stretch;
  }

  .grid.sf-product-grid > *,
  .sf-product-grid > *{
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }

  .grid.sf-product-grid > .sf-col-span-all,
  .sf-product-grid > .sf-col-span-all{
    min-width:100%;
  }

  .grid.sf-product-grid--browse,
  .sf-product-grid--browse{
    grid-template-columns:repeat(var(--sf-grid-cols-tablet, var(--sf-category-cols-tablet, 3)),minmax(0,1fr));
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:10px;
    overflow:visible;
    overscroll-behavior:auto;
    scroll-snap-type:none;
    padding:0;
  }

  .grid.sf-product-grid--browse > *,
  .sf-product-grid--browse > *{
    scroll-snap-align:none;
    scroll-snap-stop:normal;
  }
}

@media (max-width:640px){
  .grid{grid-template-columns:repeat(var(--sf-grid-cols-mobile, var(--sf-category-cols-mobile, 2)),minmax(0,1fr));gap:6px;}
  .grid.grid-home{grid-template-columns:repeat(var(--sf-grid-cols-mobile, var(--sf-category-cols-mobile, 2)),minmax(0,1fr));gap:6px;}
  .grid.sf-product-grid,
  .sf-product-grid,
  .grid.sf-product-grid--browse,
  .sf-product-grid--browse{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (8px * 2)) / 2.5);grid-auto-rows:1fr;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 2px 6px;align-items:stretch;align-content:stretch;}
  .grid.sf-product-grid > *,
  .sf-product-grid > *,
  .grid.sf-product-grid--browse > *,
  .sf-product-grid--browse > *{scroll-snap-align:start;scroll-snap-stop:always;}
  .grid.sf-product-grid > .sf-col-span-all,
  .sf-product-grid > .sf-col-span-all,
  .grid.sf-product-grid--browse > .sf-col-span-all,
  .sf-product-grid--browse > .sf-col-span-all{grid-column:auto;min-width:100%;}

  .grid.sf-product-grid--browse,
  .sf-product-grid--browse{
    grid-template-columns:repeat(var(--sf-grid-cols-mobile, var(--sf-category-cols-mobile, 2)),minmax(0,1fr));
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:8px;
    overflow:visible;
    overscroll-behavior:auto;
    scroll-snap-type:none;
    padding:0;
  }

  .grid.sf-product-grid--browse > *,
  .sf-product-grid--browse > *{
    scroll-snap-align:none;
    scroll-snap-stop:normal;
  }

  .product-card{border-radius:16px;min-width:0;}
  .product-card__media{min-height:0;padding:2px;aspect-ratio:1 / 1;min-height:132px;}
  .product-card__media-link{min-height:100%;}
  .product-card__image{padding:0;}
  .product-card__badges{left:7px;top:7px;gap:5px;}
  .product-card__wish{right:8px;top:8px;width:34px;height:34px;}
  .product-card__body{padding:6px 6px 7px;grid-template-rows:minmax(calc(1.16em * 2), auto) auto auto auto auto;gap:1px;}
  .product-card__title{font-size:11.5px;line-height:1.16;min-height:0;overflow:visible;display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;}
  .product-card__rating{gap:2px;min-height:0;}
  .product-card__rating:not(.product-card__rating--empty){min-height:12px;}
  .product-card__rating-count,.product-card__was{font-size:10px;}
  .product-card__price-row{gap:1px;}
  .product-card__price-row .price{font-size:12.5px;}
  .product-card__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;}
  .product-card__actions .btn,.product-card__form .btn{min-height:28px;padding:5px 6px;font-size:9.5px;border-radius:8px;}
  .kpi{padding:5px 8px;font-size:11px;gap:6px;}
  .badge{padding:4px 8px;font-size:11px;}
}

@media (max-width:420px){
  .sf-form-2col{grid-template-columns:minmax(0, 1fr) !important;}
}

@media (max-width:420px){
  .container{padding:0 5px;}

  .product-card__media{padding:2px;min-height:124px;}
  .product-card__image{padding:0;}
  .product-card__badges{left:6px;top:6px;gap:4px;}
  .product-card__wish{right:7px;top:7px;width:30px;height:30px;}

  .product-card__body{padding:6px 6px 7px;gap:1px;}
  .product-card__title{font-size:10.8px;line-height:1.14;min-height:0;overflow:visible;display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;}
  .product-card__rating-count,.product-card__was{font-size:10px;}
  .product-card__price-row .price{font-size:11.8px;}

  .product-card__actions{grid-template-columns:1fr;gap:5px;}
  .product-card__actions .btn,.product-card__form .btn{min-height:30px;padding:6px 7px;font-size:10px;border-radius:9px;}

  .badge{padding:3px 7px;font-size:10px;}
  .sf-star{font-size:11px;}
}

.topbar,.header,.nav{background:var(--shell-header-bg);color:var(--shell-header-text);border-bottom:1px solid var(--shell-header-border);box-shadow:var(--shell-header-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}
.topbar a,.header a,.nav a{color:var(--shell-header-text);text-decoration:none;}
.topbar .muted,.header .muted,.nav .muted{color:var(--shell-header-muted);}
.action,.sf-hamburger,.store-switcher,.menu-link,.cat-dd__btn{background:var(--shell-header-surface);border-color:color-mix(in srgb, var(--shell-header-border) 88%, transparent);color:var(--shell-header-text);}
.action:hover,.sf-hamburger:hover,.menu-link:hover,.cat-dd__btn:hover{background:var(--shell-header-surface-hover);border-color:color-mix(in srgb, var(--accent) 40%, var(--shell-header-border));}
.store-switcher .label,.store-switcher .muted,.menu-link,.cat-dd__btn,.sf-hamburger{color:var(--shell-header-text);}
.store-switcher a{background:color-mix(in srgb, var(--accent) 14%, var(--shell-header-surface));border-color:color-mix(in srgb, var(--accent) 26%, var(--shell-header-border));color:var(--shell-header-text);}
.search input{background:var(--shell-header-input-bg);border-color:var(--shell-header-input-border);color:var(--shell-header-text);}
.search input::placeholder{color:color-mix(in srgb, var(--shell-header-muted) 88%, transparent);}
.search button{background:var(--btn-gradient);border-color:color-mix(in srgb, var(--accent) 32%, var(--shell-header-input-border));color:rgba(255,255,255,0.96);}

.site-footer{position:relative;overflow:hidden;margin-top:30px;background:var(--shell-footer-bg);color:var(--shell-footer-text);border-top:1px solid var(--shell-footer-border);box-shadow:var(--shell-footer-shadow);backdrop-filter:blur(calc(var(--glass-blur) + 2px));-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 2px));}
.site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 280px at 12% 0%, rgba(var(--primary-rgb),0.14), transparent 62%),radial-gradient(900px 280px at 88% 0%, rgba(var(--accent-rgb),0.16), transparent 62%);pointer-events:none;opacity:0.92;}
.site-footer .container{position:relative;z-index:1;padding-top:30px;padding-bottom:22px;}
.site-footer a{color:var(--shell-footer-text);}
.site-footer a:hover{color:color-mix(in srgb, var(--accent) 82%, var(--shell-footer-text));text-decoration:none;}
.footer-grid{display:grid;grid-template-columns:minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));gap:18px;align-items:start;}
.footer-title{font-weight:1000;margin:0 0 10px;color:var(--shell-footer-text);}
.footer-text,.footer-list,.footer-note{color:var(--shell-footer-muted);}
.footer-news,.footer-input{display:flex;gap:8px;margin-top:12px;align-items:center;}
.site-footer .footer-news input,.site-footer .footer-input input{flex:1;min-width:0;padding:11px 12px;border-radius:14px;border:1px solid var(--shell-footer-input-border);background:var(--shell-footer-input-bg);color:var(--shell-footer-text);outline:none;}
.site-footer .footer-news input::placeholder,.site-footer .footer-input input::placeholder{color:color-mix(in srgb, var(--shell-footer-muted) 88%, transparent);}
.footer-social{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;}
.footer-social a{padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb, var(--shell-footer-border) 92%, transparent);background:var(--shell-footer-surface);color:var(--shell-footer-text);}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;line-height:1.15;}
.footer-social a:hover{background:var(--shell-footer-surface-hover);border-color:color-mix(in srgb, var(--accent) 42%, var(--shell-footer-border));}
.footer-note{margin-top:20px;padding-top:16px;border-top:1px solid color-mix(in srgb, var(--shell-footer-border) 88%, transparent);}
@media (max-width:900px){.footer-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.footer-news,.footer-input{flex-wrap:wrap;}.site-footer .footer-news .btn,.site-footer .footer-input .btn{width:100%;}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr;}}

.store-select-page{margin:0;min-height:100vh;color:rgba(248,250,252,0.96);}
.store-select-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;}
.store-select-card{width:min(980px,100%);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);border-radius:18px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,0.35);backdrop-filter:blur(10px);}
.store-select-header h1{margin:0 0 8px 0;font-size:28px;letter-spacing:0.2px;}
.store-select-header p{margin:0 0 18px 0;opacity:0.9;line-height:1.4;}
.store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px;}
.store-card-button{display:block;text-decoration:none;color:inherit;background:rgba(255,255,255,0.10);border:2px solid rgba(var(--accent-rgb),0.35);border-radius:16px;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease,background 160ms ease;overflow:hidden;}
.store-card-inner{display:flex;align-items:center;gap:16px;padding:18px 18px;}
.store-card-logo img{width:72px;height:72px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,0.12);padding:10px;}
.store-logo-fallback{width:72px;height:72px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:22px;background:rgba(var(--accent-rgb),0.14);border:1px solid rgba(var(--accent-rgb),0.35);}
.store-card-title{font-size:20px;font-weight:900;letter-spacing:0.2px;}
.store-card-subtitle{margin-top:4px;font-size:13px;opacity:0.88;}
.store-card-arrow{margin-left:auto;font-size:22px;font-weight:900;color:var(--accent);opacity:0.9;transition:transform 160ms ease,opacity 160ms ease;}
.store-card-button:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(var(--accent-rgb),0.95);background:rgba(255,255,255,0.14);box-shadow:0 18px 45px rgba(0,0,0,0.38),0 0 0 4px rgba(var(--accent-rgb),0.14);}
.store-card-button:hover .store-card-arrow{transform:translateX(6px);opacity:1;}
.store-select-footer{margin-top:18px;opacity:0.75;}
@media (max-width:840px){.store-buttons{grid-template-columns:1fr;}.store-card-inner{padding:16px;}}

@supports (-webkit-touch-callout: none){
  .store-select-page{
    background:#0b1220;
    color:rgba(248,250,252,0.96);
  }

  .store-select-card{
    background:rgba(15,23,42,0.94);
    border:1px solid rgba(255,255,255,0.14);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  .store-card-button{
    background:rgba(255,255,255,0.14);
    border-color:rgba(var(--accent-rgb),0.55);
    color:rgba(248,250,252,0.96);
    -webkit-text-fill-color:currentColor;
  }

  .store-card-title,
  .store-card-subtitle{
    opacity:1;
    -webkit-text-fill-color:currentColor;
  }

  .store-card-logo img{
    background:rgba(255,255,255,0.16);
  }
}

:focus-visible{outline:2px solid rgba(var(--accent-rgb),0.85);outline-offset:2px;}