/* StarterAkku visual-refresh trial.
   Revert this experiment by removing its single stylesheet link from index.html. */

:root:not([data-theme="dark"]){
  --bg:#f5f4ef;
  --bg2:#fffefa;
  --bg3:#edf0eb;
  --blue:#176b68;
  --blue2:#21817b;
  --accent:#bd7827;
  --accent2:#d79847;
  --text:#1d2928;
  --text2:#566461;
  --text3:#73807d;
  --border:rgba(29,58,54,.13);
  --nav-bg:#193536;
  --nav-bg2:#142c2d;
}

/* Glass navigation with reliable white-on-dark contrast over any page section. */
#navbar{
  --navbar-bg-start:22,48,47;
  --navbar-bg-end:14,32,31;
  --navbar-alpha-start:.94;
  --navbar-alpha-end:.86;
  border-bottom-color:rgba(206,229,219,.2);
  box-shadow:0 8px 24px rgba(6,17,16,.2),inset 0 -1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(16px) saturate(1.16);
  -webkit-backdrop-filter:blur(16px) saturate(1.16);
}
#nav-links>li>a,.nav-left>li>a,.nav-right>li>a{
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.92),0 0 8px rgba(0,0,0,.46);
  -webkit-text-stroke:.12px rgba(0,0,0,.3);
  background:rgba(4,16,15,.16);
  border:1px solid rgba(255,255,255,.055);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#nav-links>li>a:hover,#nav-links>li>a.active,
.nav-left>li>a:hover,.nav-left>li>a.active,
.nav-right>li>a:hover,.nav-right>li>a.active{
  color:#fff;
  background:rgba(4,16,15,.34);
  border-color:rgba(220,239,231,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#navbar :is(.drop-arrow,svg){filter:drop-shadow(0 1px 2px rgba(0,0,0,.72))}
html[data-theme="dark"] #navbar{
  --navbar-bg-start:14,31,30;
  --navbar-bg-end:8,20,19;
  --navbar-alpha-start:.92;
  --navbar-alpha-end:.86;
  border-bottom-color:rgba(206,229,219,.18);
}
/* A sötét fejléc menüpontjai kapjanak világosabb, kissé szélesebb hover-kiemelést.
   A külső halo vizuálisan szélesít, de nem mozgatja el a navigáció elemeit. */
html[data-theme="dark"] #nav-links>li>a:hover,
html[data-theme="dark"] #nav-links>li>a.active,
html[data-theme="dark"] #nav-links>li>a:focus-visible,
html[data-theme="dark"] .nav-left>li>a:hover,
html[data-theme="dark"] .nav-left>li>a.active,
html[data-theme="dark"] .nav-left>li>a:focus-visible,
html[data-theme="dark"] .nav-right>li>a:hover,
html[data-theme="dark"] .nav-right>li>a.active,
html[data-theme="dark"] .nav-right>li>a:focus-visible{
  color:#fff;
  background:rgba(145,190,178,.24);
  border-color:rgba(210,238,227,.42);
  box-shadow:0 0 0 3px rgba(145,190,178,.10),inset 0 1px 0 rgba(255,255,255,.16);
}

/* Clear, warm canvas and a single strong entry point. */
html:not([data-theme="dark"]) #hero{background:#f5f4ef}
html:not([data-theme="dark"]) #hero .hero-bg{
  background:
    radial-gradient(ellipse 72% 44% at 82% 45%,rgba(35,112,103,.075),transparent 72%),
    radial-gradient(ellipse 52% 40% at 15% 88%,rgba(207,150,76,.08),transparent 70%),
    linear-gradient(180deg,#faf9f5 0%,#f3f3ed 100%);
}
html:not([data-theme="dark"]) #hero .hero-grid{opacity:.16;--hero-line:rgba(32,75,69,.13)}
html:not([data-theme="dark"]) #hero .hero-left{
  max-width:790px;
  padding:clamp(22px,3vw,38px);
  border:1px solid rgba(36,85,77,.16);
  border-left:4px solid #21817b;
  border-radius:22px;
  background:#fffefa;
  box-shadow:0 18px 48px rgba(29,56,51,.09);
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
html:not([data-theme="dark"]) #hero .hero-badge{
  margin-bottom:18px;
  color:#72501f;
  background:#f7f0e4;
  border-color:#ead9ba;
  letter-spacing:.045em;
}
html:not([data-theme="dark"]) #hero .hero-badge::before{animation:none;background:#bd7827}
html:not([data-theme="dark"]) #hero .hero-title{
  display:block;
  width:auto;
  margin-bottom:16px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#1d2928;
  font-size:clamp(34px,4.2vw,54px);
  line-height:1.06;
  letter-spacing:-.045em;
}
html:not([data-theme="dark"]) #hero .hero-title .hl{
  background:none;
  color:#176b68;
  -webkit-text-fill-color:currentColor;
}
html:not([data-theme="dark"]) #hero .hero-left > .hero-sub{
  max-width:58ch;
  color:#52615e;
  font-size:16px;
  line-height:1.75;
  margin-bottom:18px;
}
.hero-proof-details{max-width:650px;margin:0 0 22px;border-top:1px solid rgba(29,58,54,.12);border-bottom:1px solid rgba(29,58,54,.12)}
.hero-proof-details summary{position:relative;list-style:none;padding:12px 32px 12px 0;color:#176b68;font-size:13px;font-weight:750;cursor:pointer}
.hero-proof-details summary::-webkit-details-marker{display:none}
.hero-proof-details summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:500;color:#bd7827}
.hero-proof-details[open] summary::after{content:"−"}
.hero-proof-details summary:focus-visible{outline:2px solid #21817b;outline-offset:3px;border-radius:4px}
.hero-visual .battery-model-fallback{cursor:pointer}
.hero-proof-copy{padding:0 0 7px}
html:not([data-theme="dark"]) #hero .hero-proof-copy .hero-sub-proof{max-width:66ch;margin:0 0 10px;color:#5f6b68;font-size:13px;line-height:1.7}
html[data-theme="dark"] .hero-proof-details{border-color:rgba(176,208,198,.17)}
html[data-theme="dark"] .hero-proof-details summary{color:#9ed5c9}
html[data-theme="dark"] .hero-proof-details summary:focus-visible{outline-color:#9ed5c9}
html:not([data-theme="dark"]) #hero .hero-cta{gap:10px}
html:not([data-theme="dark"]) #hero .btn-primary{
  min-height:48px;padding:13px 22px;border-radius:12px;
  background:#176b68;box-shadow:0 7px 18px rgba(23,107,104,.2);
}
html:not([data-theme="dark"]) #hero .btn-primary:hover{background:#125b58;box-shadow:0 10px 22px rgba(23,107,104,.25);transform:translateY(-1px)}
html:not([data-theme="dark"]) #hero .btn-secondary{
  min-height:48px;padding:12px 18px;border-radius:12px;
  color:#344542;border-color:rgba(29,58,54,.18);background:#fffefa;
}
html:not([data-theme="dark"]) #hero .btn-secondary:hover{border-color:#8db8ae;background:#f1f7f4;color:#174f4b}
html:not([data-theme="dark"]) #hero .hero-stats{gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(29,58,54,.12)}
html:not([data-theme="dark"]) #hero .hero-stats > div{min-width:105px;padding:10px 13px;border:1px solid rgba(29,58,54,.09);border-radius:12px;background:#f7f7f2}
html:not([data-theme="dark"]) #hero .hero-left .stat-num{color:#1c3936;font-size:23px}
html:not([data-theme="dark"]) #hero .hero-left .stat-num em{color:#bd7827}
html:not([data-theme="dark"]) #hero .hero-left .stat-lbl{color:#687572;font-size:10px;letter-spacing:.06em}
body.partner-mode #hero .hero-proof-details{display:none}

/* Quiet, distinctive catalog: product facts lead; supporting specs stay legible. */
#products .prod-grid{gap:20px}
#products .prod-card{border-radius:18px;box-shadow:0 4px 16px rgba(25,48,44,.055)}
#products .prod-img{height:136px}
#products .prod-body{gap:10px;padding:17px}
#products .prod-brand{font-size:10px;letter-spacing:.09em}
#products .prod-name{font-size:14px;line-height:1.5;min-height:2.8em}
#products .prod-spec-row{gap:7px}
#products .prod-spec-row .ps-chip{padding:4px 9px;border-radius:7px;font-size:11px}
#products .prod-spec-row .ps-v,#products .prod-spec-row .ps-ah{font-weight:800}
#products .prod-spec-row .ps-en{font-weight:800}
#products .prod-price{font-size:20px}
#products .prod-price-row{gap:9px;align-items:center;flex-wrap:wrap}
#products .prod-footer{padding:11px 17px}

html:not([data-theme="dark"]) #products{background:linear-gradient(180deg,#f5f4ef,#eef1ec)}
html:not([data-theme="dark"]) #products::before,html:not([data-theme="dark"]) #products::after{display:none}
html:not([data-theme="dark"]) #products .prod-card{background:#fffefa;border-color:rgba(31,66,63,.13)}
html:not([data-theme="dark"]) #products .prod-card:hover{border-color:rgba(33,129,123,.42);box-shadow:0 12px 28px rgba(28,70,65,.12)}
html:not([data-theme="dark"]) #products .prod-img{border-bottom-color:rgba(31,66,63,.08);background:linear-gradient(145deg,#fbfaf6,#f0f3ee)}
html:not([data-theme="dark"]) #products .prod-brand,html:not([data-theme="dark"]) #products .prod-cta{color:#176b68}
html:not([data-theme="dark"]) #products .prod-spec-row .ps-v,html:not([data-theme="dark"]) #products .prod-spec-row .ps-ah{background:#e8f2ef;border-color:#cfe1dc;color:#1b5f5a}
html:not([data-theme="dark"]) #products .prod-spec-row .ps-en{background:#fff5e9;border-color:#f0ddc2;color:#82521f}
html:not([data-theme="dark"]) #products .stock-ok{background:#e8f5ed;color:#237044}
html:not([data-theme="dark"]) #products .stock-low{background:#fff3e7;color:#95510f}
html:not([data-theme="dark"]) #products .prod-footer{border-top-color:rgba(31,66,63,.09)}
html[data-theme="dark"] #products .prod-card{border-radius:18px}
html[data-theme="dark"] #products .prod-img{height:136px}
html[data-theme="dark"] #products .prod-spec-row .ps-v,html[data-theme="dark"] #products .prod-spec-row .ps-ah{background:rgba(102,184,173,.12);border-color:rgba(102,184,173,.25);color:#a7d8cd}

/* Matching night palette: deep graphite, readable ivory and muted warm accents. */
html[data-theme="dark"] #hero{background:#151d1c}
html[data-theme="dark"] #hero .hero-bg{
  background:
    radial-gradient(ellipse 72% 46% at 82% 45%,rgba(79,151,139,.11),transparent 72%),
    radial-gradient(ellipse 52% 40% at 15% 88%,rgba(190,126,49,.075),transparent 70%),
    linear-gradient(180deg,#192321 0%,#151d1c 100%);
}
html[data-theme="dark"] #hero .hero-grid{opacity:.12;--hero-line:rgba(176,208,198,.16)}
html[data-theme="dark"] #hero .hero-left{
  border:1px solid rgba(151,190,179,.17);
  border-left:4px solid #5fa99c;
  background:#202a28;
  box-shadow:0 18px 46px rgba(0,0,0,.22);
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
html[data-theme="dark"] #hero .hero-badge{color:#e1bd88;background:rgba(190,126,49,.11);border-color:rgba(211,164,99,.24)}
html[data-theme="dark"] #hero .hero-badge::before{animation:none;background:#d49a4d}
html[data-theme="dark"] #hero .hero-title{color:#f0f3ed}
html[data-theme="dark"] #hero .hero-title .hl{background:none;color:#91cfc2;-webkit-text-fill-color:currentColor}
html[data-theme="dark"] #hero .hero-left > .hero-sub{color:#c0cbc6}
html[data-theme="dark"] .hero-proof-details{border-color:rgba(176,208,198,.16)}
html[data-theme="dark"] #hero .hero-proof-details summary{color:#91cfc2}
html[data-theme="dark"] .hero-proof-details summary::after{color:#d49a4d}
html[data-theme="dark"] #hero .hero-proof-copy .hero-sub-proof{color:#aebbb6}
html[data-theme="dark"] #hero .hero-stats{border-top-color:rgba(176,208,198,.14)}
html[data-theme="dark"] #hero .hero-stats > div{background:#1a2422;border-color:rgba(176,208,198,.13)}
html[data-theme="dark"] #hero .hero-left .stat-num{color:#edf2ed}
html[data-theme="dark"] #hero .hero-left .stat-num em{color:#d49a4d}
html[data-theme="dark"] #hero .hero-left .stat-lbl{color:#aebbb6}
html[data-theme="dark"] #hero .btn-primary{background:#287f76;box-shadow:0 7px 18px rgba(26,113,103,.24)}
html[data-theme="dark"] #hero .btn-primary:hover{background:#339388;box-shadow:0 10px 22px rgba(26,113,103,.28)}
html[data-theme="dark"] #hero .btn-secondary{color:#dbe5df;border-color:rgba(176,208,198,.2);background:#26312f}
html[data-theme="dark"] #hero .btn-secondary:hover{color:#f3f7f3;border-color:rgba(119,190,174,.46);background:#2b3a37}
html[data-theme="dark"] #products{background:linear-gradient(180deg,#151d1c,#182220)}
html[data-theme="dark"] #products::before,html[data-theme="dark"] #products::after{display:none}
html[data-theme="dark"] #products .prod-card{background:#202a28;border-color:rgba(156,194,184,.16);box-shadow:0 5px 18px rgba(0,0,0,.16)}
html[data-theme="dark"] #products .prod-card:hover{border-color:rgba(111,190,174,.42);box-shadow:0 12px 28px rgba(0,0,0,.24)}
html[data-theme="dark"] #products .prod-img{background:linear-gradient(145deg,#293431,#202a28);border-bottom-color:rgba(156,194,184,.12)}
html[data-theme="dark"] #products .prod-brand,html[data-theme="dark"] #products .prod-cta{color:#8bcfc0}
html[data-theme="dark"] #products .prod-spec-row .ps-en{background:rgba(226,163,78,.1);border-color:rgba(226,163,78,.24);color:#f0c58c}
html[data-theme="dark"] #products .prod-footer{border-top-color:rgba(156,194,184,.12)}
html[data-theme="dark"] #products .stock-ok{background:rgba(66,155,103,.18);color:#9bd5ae}
html[data-theme="dark"] #products .stock-low{background:rgba(190,126,49,.18);color:#edc28b}

/* Calm down the old waving hand and hover lift without removing useful feedback. */
.hero-zine-hand{animation:none}
@media(max-width:760px){
  html:not([data-theme="dark"]) #hero .hero-content,
  html[data-theme="dark"] #hero .hero-content{padding-top:calc(var(--nav-h,68px) + 54px)}
  html:not([data-theme="dark"]) #hero .hero-left{padding:22px 18px}
  html:not([data-theme="dark"]) #hero .hero-title{font-size:clamp(32px,9vw,44px)}
  html:not([data-theme="dark"]) #hero .hero-cta{display:grid;grid-template-columns:1fr}
  html:not([data-theme="dark"]) #hero .hero-cta button{width:100%;justify-content:center}
  html:not([data-theme="dark"]) #hero .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  html:not([data-theme="dark"]) #hero .hero-stats > div{min-width:0;padding:9px 7px}
  html:not([data-theme="dark"]) #hero .hero-left .stat-num{font-size:20px}
  #products .prod-grid{gap:14px}
  #products .prod-body{padding:14px}
  #products .prod-img{height:118px}
}
@media(prefers-reduced-motion:reduce){.hero-zine-hand{animation:none!important}}

/* Retain the old low-end safety behavior without loading the retired glass layer. */
html.perf-lite *,html.perf-lite *::before,html.perf-lite *::after{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.perf-lite #bg-blobs{display:none!important}
html.perf-lite body::before,html.perf-lite body::after{animation:none!important}
html.perf-lite #navbar{
  background:linear-gradient(180deg,rgba(22,48,47,.99),rgba(14,32,31,.98))!important;
}
html.perf-lite:not([data-theme="dark"]) #products,
html.perf-lite:not([data-theme="dark"]) #recently-viewed,
html.perf-lite:not([data-theme="dark"]) #ordered-again{background:#f3f3ed!important}
html.perf-lite[data-theme="dark"] #products,
html.perf-lite[data-theme="dark"] #recently-viewed,
html.perf-lite[data-theme="dark"] #ordered-again{background:#151d1c!important}
html.perf-lite .co-card,html.perf-lite .partner-hub-card,
html.perf-lite #sa-chat-panel,html.perf-lite .login-drop,
html.perf-lite .auth-modal,html.perf-lite .mob-login-card,
html.perf-lite .bg-head{background:var(--bg2)!important}
html.perf-lite .sa-chat-messages{background:var(--bg2)!important}