/* Témák (skinek). Generált alap: a színek változókként vannak megadva, ezért minden téma világos és sötét módban is működik.
   Egy témát a <html data-skin="azonosító"> kapcsol be (assets/skins.js, data/skin.js). Az admin Téma fülének kártyái is ugyanezt a data-skin attribútumot használják az előnézethez. */
:root{--ring:#1D6FE8}
:root[data-theme="dark"]{--ring:#7DB2FF}

[data-skin="alap"]{--red:#D6001C;--red-deep:#9E0014;--bg:#FFFFFF;--fg:#140C0E;--surface:#F3EFEE;--card:#FFFFFF;--line:#E4DEDD;--grey:#6A6063;--accent:#D6001C;--tile:#140C0E;--mark:#FFE680;--dark:#140C0E;--dark-2:#2A1E21;--mute:#BFB3B5}
:root[data-theme="dark"][data-skin="alap"],:root[data-theme="dark"] [data-skin="alap"]{--red:#D6001C;--red-deep:#9E0014;--bg:#0E0809;--fg:#F5F1F0;--surface:#1C1315;--card:#150E10;--line:#33272A;--grey:#A89CA0;--accent:#FF4A5C;--tile:#241A1D;--mark:#FFE680;--dark:#070405;--dark-2:#241A1D;--mute:#BFB3B5}
[data-skin="tel"]{--red:#1D5FA8;--red-deep:#12437A;--bg:#F3F8FD;--fg:#0E2238;--surface:#E4EEF8;--card:#FFFFFF;--line:#D2E0EE;--grey:#51657A;--accent:#1D5FA8;--tile:#0F2A47;--mark:#FFE680;--dark:#0B1F36;--dark-2:#17304E;--mute:#AFC2D6;--snow:#FFFFFF}
:root[data-theme="dark"][data-skin="tel"],:root[data-theme="dark"] [data-skin="tel"]{--red:#2A6FC0;--red-deep:#1A4F93;--bg:#08131F;--fg:#EAF3FF;--surface:#0F2033;--card:#0B1928;--line:#1F364F;--grey:#93A9C0;--accent:#6FB1FF;--tile:#12263B;--mark:#FFE680;--dark:#050D17;--dark-2:#0F2033;--mute:#93A9C0;--snow:#DCEBFF}
[data-skin="osz"]{--red:#B23E0B;--red-deep:#7C2A08;--bg:#FCF7EF;--fg:#2B170A;--surface:#F3E9D9;--card:#FFFCF6;--line:#E7D8C0;--grey:#7A6350;--accent:#B23E0B;--tile:#3A2312;--mark:#FFE680;--dark:#2B170A;--dark-2:#45291A;--mute:#CDB9A5}
:root[data-theme="dark"][data-skin="osz"],:root[data-theme="dark"] [data-skin="osz"]{--red:#C2480F;--red-deep:#8A3109;--bg:#140C07;--fg:#FBEFE0;--surface:#211409;--card:#1A100A;--line:#3A2616;--grey:#B79F88;--accent:#F59A4B;--tile:#2A1A0E;--mark:#FFE680;--dark:#0C0704;--dark-2:#2A1A0E;--mute:#B79F88}
[data-skin="doktor"]{--red:#0B3AA8;--red-deep:#082A7C;--bg:#F6F7FB;--fg:#0A0F1E;--surface:#E8EBF4;--card:#FFFFFF;--line:#D5DAE8;--grey:#5B6377;--accent:#0B3AA8;--tile:#0A0F1E;--mark:#FFE600;--dark:#080C18;--dark-2:#161C30;--mute:#AEB6CC;--radius:6px}
:root[data-theme="dark"][data-skin="doktor"],:root[data-theme="dark"] [data-skin="doktor"]{--red:#1747C9;--red-deep:#0F3399;--bg:#070A14;--fg:#F4F6FF;--surface:#0F1424;--card:#0B101D;--line:#222A44;--grey:#98A2BD;--accent:#FFE600;--tile:#121A33;--mark:#FFE600;--dark:#04060D;--dark-2:#121A33;--mute:#98A2BD;--radius:6px}
[data-skin="retro"]{--red:#B0431A;--red-deep:#84300F;--bg:#F5ECDA;--fg:#2A1A10;--surface:#EBDFC6;--card:#FBF5E8;--line:#D9C9A8;--grey:#7A6650;--accent:#A63A12;--tile:#2A1A10;--mark:#F0C24B;--dark:#2A1A10;--dark-2:#43291A;--mute:#CDB99B;--radius:4px}
:root[data-theme="dark"][data-skin="retro"],:root[data-theme="dark"] [data-skin="retro"]{--red:#B8481C;--red-deep:#8A3410;--bg:#19110B;--fg:#F3E8D2;--surface:#261A10;--card:#20150D;--line:#3F2C1B;--grey:#B5A084;--accent:#F0A04B;--tile:#2B1D12;--mark:#F0C24B;--dark:#0F0905;--dark-2:#2B1D12;--mute:#B5A084;--radius:4px}
[data-skin="neon"]{--red:#C8137F;--red-deep:#8F0C5C;--bg:#F4F1FF;--fg:#1A1030;--surface:#E8E2FB;--card:#FFFFFF;--line:#D6CCF5;--grey:#6A5E8A;--accent:#C0127A;--tile:#1A1030;--mark:#FFE680;--dark:#120B26;--dark-2:#241946;--mute:#B9AEDB;--radius:14px}
:root[data-theme="dark"][data-skin="neon"],:root[data-theme="dark"] [data-skin="neon"]{--red:#D4167E;--red-deep:#9A0F5B;--bg:#0A0818;--fg:#F1EEFF;--surface:#140F2B;--card:#0F0B22;--line:#2D2358;--grey:#A79ED0;--accent:#3DF5FF;--tile:#1A1338;--mark:#FFE680;--dark:#05030F;--dark-2:#1A1338;--mute:#A79ED0;--radius:14px}
[data-skin="nyar"]{--red:#CF3A0B;--red-deep:#9E2A06;--bg:#FFFBF1;--fg:#2B1A0A;--surface:#FFF1D2;--card:#FFFFFF;--line:#F0DFB8;--grey:#7C6A4C;--accent:#C2410C;--tile:#2B1A0A;--mark:#FFE680;--dark:#2B1A0A;--dark-2:#45290F;--mute:#D3BE98}
:root[data-theme="dark"][data-skin="nyar"],:root[data-theme="dark"] [data-skin="nyar"]{--red:#D2400C;--red-deep:#962C05;--bg:#17100A;--fg:#FFF3DD;--surface:#241709;--card:#1D130A;--line:#402B14;--grey:#BDA582;--accent:#FFB02E;--tile:#2D1C0B;--mark:#FFE680;--dark:#0E0904;--dark-2:#2D1C0B;--mute:#BDA582}
[data-skin="karbon"]{--red:#D10500;--red-deep:#9C0400;--bg:#ECEEF1;--fg:#101215;--surface:#DDE0E5;--card:#FFFFFF;--line:#CBD0D8;--grey:#5A616C;--accent:#D10500;--tile:#15171B;--mark:#FFE680;--dark:#101215;--dark-2:#20242A;--mute:#A9B0BB}
:root[data-theme="dark"][data-skin="karbon"],:root[data-theme="dark"] [data-skin="karbon"]{--red:#D90700;--red-deep:#A00500;--bg:#0B0C0E;--fg:#F2F3F5;--surface:#15171B;--card:#101215;--line:#2A2E35;--grey:#99A1AD;--accent:#FF3B30;--tile:#1A1D22;--mark:#FFE680;--dark:#050607;--dark-2:#1A1D22;--mute:#99A1AD}

/* ---------- Közös: a fejléc alatti dekoráció helye, nyitóoldali rétegek ---------- */
:root[data-skin] .hero .wrap{z-index:1}

/* ---------- Téli hóesés: jeges kék, hósapka a fejlécen ---------- */
:root[data-skin="tel"] .hero,:root[data-skin="tel"] .page-band{background:linear-gradient(160deg,#0F3A6B 0%,var(--red) 55%,#5B9BE0 120%)}
:root[data-skin="tel"] .hero .stripe{background:rgba(255,255,255,.14)}
:root[data-skin="tel"] .site-header::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;pointer-events:none;background:radial-gradient(circle at 50% 0,var(--snow) 0 10px,transparent 10.5px) 0 0/24px 12px repeat-x;filter:drop-shadow(0 1px 1px rgba(40,70,110,.28))}

/* ---------- Őszi falevelek ---------- */
:root[data-skin="osz"] .hero,:root[data-skin="osz"] .page-band{background:linear-gradient(150deg,var(--red-deep),var(--red) 55%,#D98A1B 130%)}
:root[data-skin="osz"] .hero .stripe{background:rgba(255,214,150,.17)}
:root[data-skin="osz"] .site-header{border-top-color:#D98A1B}

/* ---------- Doktor: kék-sárga-fekete, kockás csík, nagy rajtszám ---------- */
:root[data-skin="doktor"] .site-header{border-top:6px solid #FFE600}
:root[data-skin="doktor"] .site-header::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;pointer-events:none;background:repeating-conic-gradient(#0A0F1E 0 25%,#fff 0 50%) 0 0/12px 12px;opacity:.95}
:root[data-skin="doktor"] .hero .stripe{opacity:1}
:root[data-skin="doktor"] .hero .s1{background:#FFE600}
:root[data-skin="doktor"] .hero .s2{background:#FFFFFF}
:root[data-skin="doktor"] .hero::after{content:"46";position:absolute;right:2%;bottom:10%;font:900 clamp(140px,28vw,420px)/.8 "Archivo",sans-serif;font-stretch:125%;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:clamp(2px,.35vw,5px) rgba(255,230,0,.5);pointer-events:none}
:root[data-skin="doktor"] .btn-white{color:var(--red)}
:root[data-skin="doktor"] .btn-red,:root[data-skin="doktor"] .chip[aria-pressed="true"]{background:var(--red)}
:root[data-skin="doktor"] .ph-mark{background:#FFE600}

/* ---------- Retro café racer: krém, rozsdás narancs, serif címek ---------- */
:root[data-skin="retro"] :where(h1,h2,h3,.name,.menu-toggle li a){font-family:"DM Serif Display",Georgia,"Times New Roman",serif;font-stretch:100%;font-weight:400;letter-spacing:0}
:root[data-skin="retro"] .name b{font-weight:400}
:root[data-skin="retro"] .mark{letter-spacing:-.01em}
:root[data-skin="retro"] body{background-image:radial-gradient(rgba(70,40,10,.06) 1px,transparent 1.2px);background-size:7px 7px}
:root[data-skin="retro"][data-theme="dark"] body{background-image:radial-gradient(rgba(255,220,160,.05) 1px,transparent 1.2px)}
:root[data-skin="retro"] .btn{text-transform:uppercase;letter-spacing:.07em;font-size:14px}
:root[data-skin="retro"] .hero .s1{width:2.2vw;background:#E0A526;opacity:1;box-shadow:3.6vw 0 0 #F5ECDA,7.2vw 0 0 #84300F}
:root[data-skin="retro"] .hero .s2{display:none}
:root[data-skin="retro"] .site-header{border-top-color:#E0A526;border-top-width:6px}

/* ---------- Éjszakai neon ---------- */
:root[data-skin="neon"] :where(h1,h2,h3,.name,.menu-toggle li a){font-family:"Rajdhani","Archivo",sans-serif;font-stretch:100%;font-weight:700;letter-spacing:.01em}
:root[data-skin="neon"] .hero,:root[data-skin="neon"] .page-band{background:linear-gradient(135deg,var(--red) 0%,#7B2FF7 72%,#2B1FA8 125%)}
:root[data-skin="neon"] .hero .stripe{background:rgba(61,245,255,.2)}
:root[data-skin="neon"][data-theme="dark"] body{background-image:radial-gradient(1100px 560px at 85% -8%,rgba(255,46,147,.17),transparent 60%),radial-gradient(900px 520px at -10% 35%,rgba(61,245,255,.1),transparent 60%);background-attachment:fixed}
:root[data-skin="neon"][data-theme="dark"] .name b{text-shadow:0 0 14px currentColor}
:root[data-skin="neon"][data-theme="dark"] .btn-red,:root[data-skin="neon"][data-theme="dark"] .tile-red{box-shadow:0 0 22px rgba(255,46,147,.45)}
:root[data-skin="neon"][data-theme="dark"] .pcard:hover,:root[data-skin="neon"][data-theme="dark"] .item:hover{border-color:#3DF5FF;box-shadow:0 0 26px rgba(61,245,255,.32)}
:root[data-skin="neon"] .site-header{border-top-color:#3DF5FF}
:root[data-skin="neon"][data-theme="dark"] .site-header{box-shadow:0 1px 18px rgba(61,245,255,.18)}

/* ---------- Nyári napsütés ---------- */
:root[data-skin="nyar"] .hero,:root[data-skin="nyar"] .page-band{background:linear-gradient(135deg,#C93509 0%,#E8581A 62%,#F08A1D 120%)}
:root[data-skin="nyar"] .hero::before{content:"";position:absolute;right:-8%;top:-34%;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(255,238,160,.85),rgba(255,214,90,0) 66%);pointer-events:none}
:root[data-skin="nyar"] .hero .stripe{background:rgba(255,240,190,.16)}
:root[data-skin="nyar"] .site-header{border-top-color:#F5B21F}

/* ---------- Karbon sport: szénszál-mintás sötét felületek, jelzőpiros ---------- */
:root[data-skin="karbon"] .hero,:root[data-skin="karbon"] .page-band,:root[data-skin="karbon"] .brands,:root[data-skin="karbon"] footer,:root[data-skin="karbon"] .filter{
  background-color:#14161A;
  background-image:linear-gradient(27deg,#0a0b0d 5px,transparent 5px) 0 5px,linear-gradient(207deg,#0a0b0d 5px,transparent 5px) 10px 0,linear-gradient(27deg,#1f2227 5px,transparent 5px) 0 10px,linear-gradient(207deg,#1f2227 5px,transparent 5px) 10px 5px,linear-gradient(90deg,#15171b 10px,transparent 10px),linear-gradient(#191c20 25%,#15171b 25%,#15171b 50%,transparent 50%,transparent 75%,#21252a 75%,#21252a);
  background-size:20px 20px}
:root[data-skin="karbon"] .hero .stripe{background:var(--red);opacity:.92}
:root[data-skin="karbon"] .hero .s2{background:#fff;opacity:.9}
:root[data-skin="karbon"] .site-header{border-top-color:var(--red)}

/* ---------- Effekt-kapcsoló (látogatóknak) és effekt-vászon ---------- */
.fx-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:25}
.fx-toggle{position:fixed;left:12px;bottom:12px;z-index:26;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 10px;border-radius:999px;border:2px solid var(--line);background:var(--card);color:var(--fg);font:600 13px/1 "Hanken Grotesk",sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.14);opacity:.88;transition:opacity .15s,border-color .15s}
.fx-toggle:hover,.fx-toggle:focus-visible{opacity:1;border-color:var(--fg)}
.fx-toggle svg{width:16px;height:16px}
.fx-toggle[aria-pressed="false"]{opacity:.7}
@media (max-width:700px){.fx-toggle{height:34px;font-size:12px;bottom:10px;left:10px}.fx-toggle .t{display:none}.fx-toggle{padding:0 10px}}
body.shop-lock .fx-toggle,.gmodal ~ .fx-toggle{display:none}

/* ---------- Admin, Téma fül ---------- */
.skin-opts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:4px 0 18px;padding:14px 16px;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.skin-opts label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.skin-opts input[type=checkbox]{width:18px;height:18px;accent-color:var(--red)}
.skin-opts select{font:inherit;font-size:15px;padding:6px 10px;border:2px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg)}
.skin-opts .hint{flex-basis:100%;font-size:13px;color:var(--grey);margin:0}
.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.skin-card{display:flex;flex-direction:column;gap:10px;text-align:left;font:inherit;padding:12px;border:2px solid var(--line);border-radius:calc(var(--radius) + 2px);background:var(--bg);color:var(--fg);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.skin-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.skin-card[aria-pressed="true"]{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}
.skin-card:focus-visible{outline:3px solid var(--ring);outline-offset:3px}
.sp{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg);pointer-events:none}
.sp-bar{display:flex;justify-content:space-between;align-items:center;height:22px;padding:0 8px;border-top:3px solid var(--red);font:800 10px/1 "Archivo",sans-serif;background:var(--bg)}
.sp-bar b{color:var(--accent)}
.sp-bar i{width:34px;height:5px;border-radius:3px;background:var(--line)}
.sp-hero{background:var(--red);color:#fff;padding:12px 10px 16px;font:900 22px/.9 "Archivo",sans-serif;letter-spacing:-.03em;clip-path:polygon(0 0,100% 0,100% 100%,0 82%)}
.sp-hero span{display:block}
.sp-hero .o{color:transparent;-webkit-text-stroke:1px #fff}
.sp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px 8px 8px;margin-top:-6px}
.sp-tiles i{height:26px;border-radius:5px;background:var(--surface)}
.sp-tiles i:nth-child(1){background:var(--red)}
.sp-tiles i:nth-child(2){background:var(--tile)}
.sc-text strong{display:block;font-size:16px;line-height:1.2}
.sc-text span{display:block;font-size:13.5px;line-height:1.4;color:var(--grey);margin-top:3px}
.sc-text em{display:inline-block;margin-top:6px;font-style:normal;font-weight:700;font-size:12px;padding:3px 8px;border-radius:999px;background:var(--surface);color:var(--fg);border:1px solid var(--line)}
.sc-now{font-weight:800;font-size:12px;color:var(--ring)}
@media (prefers-reduced-motion:reduce){.skin-card{transition:none}.skin-card:hover{transform:none}}


/* ---------- Admin fejléc: külön menüpontok ---------- */
.admin-nav{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap}
.admin-nav .link[aria-current="page"]{border-bottom:3px solid var(--red);padding-bottom:2px}
@media (max-width:700px){.admin-top .bar{height:auto;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.admin-nav{gap:4px 14px;font-size:15px}}

/* admin: jelölőnégyzetes mező */
.sgrid label.check{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sgrid label.check input{width:20px;height:20px;accent-color:var(--red)}

/* admin: műveletek (ellenőrzés, előzmények, kiadás) */
.ops-sec{margin:28px 0}.ops-sec h2{font-size:20px;margin:0 0 10px}
.ops-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.ops-list li{padding:10px 12px;border:1px solid var(--line);border-left:4px solid #d9a400;border-radius:8px}
.ops-list li.lvl-hiba{border-left-color:var(--red)}
.ops-tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--line);font-size:12px}
.ops-entry{padding:10px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.ops-entry .hint{flex-basis:100%;margin:0}.ops-note{margin-left:10px;font-size:14px}
details.adv>summary{cursor:pointer;font-weight:700;padding:10px 0}
details.adv:not([open])>*:not(summary){display:none}
details.adv[open]>summary{margin-bottom:8px}