/* ===== Paperaf extra: mega-meniu, sertare, carusel, pagină produs, dark mode ===== */
:root{--price:var(--brand);--inbg:#fff}
:root[data-theme=dark]{--ink:#e9ecf3;--mut:#9aa3b5;--line:#2a3140;--bg:#0f1319;--card:#171c25;--soft:#1e2531;--brand:#3d5fa8;--brand2:#7aa0ea;--acc:#f2b705;--price:#a9c2f5;--inbg:#10151d;--sh:0 1px 2px #0006,0 10px 28px -12px #000a;color-scheme:dark}
:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--inbg)}
:root[data-theme=dark] .head{box-shadow:0 1px 0 var(--line)}
:root[data-theme=dark] .logo img{background:#fff;border-radius:10px;padding:2px}
:root[data-theme=dark] .search input{background:var(--inbg)}
:root[data-theme=dark] .search input:focus{background:var(--inbg)}
:root[data-theme=dark] .card .img,:root[data-theme=dark] .gal,:root[data-theme=dark] .thumbs img{background:#fff}
:root[data-theme=dark] .flash{background:#12301f;color:#a6e3bf;border-color:#1d5a37}
:root[data-theme=dark] .flash.err{background:#3a1613;color:#f6b8b2;border-color:#6b2a24}
:root[data-theme=dark] .badge.low{background:#3a2e0b;color:#f6cf6a}
:root[data-theme=dark] .badge.no{background:#3a1613;color:#f6b8b2}
:root[data-theme=dark] .tbl th{background:var(--soft)}
:root[data-theme=dark] .btn.ghost{color:var(--ink)}
.price,.pprice,.card .price{color:var(--price)}
:root[data-theme=dark] .cat:hover>a{color:var(--brand2)}
body{transition:background .2s,color .2s}

/* ---- antet ---- */
.acts{align-items:center}
.iconbtn{border:0;background:none;color:var(--ink);padding:8px 10px;border-radius:99px;cursor:pointer;display:flex}
.iconbtn:hover{background:var(--soft)}
.iconbtn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.favlink{position:relative}
.favlink b,.cartlink b{background:var(--acc);color:#111;border-radius:99px;font-size:12px;min-width:20px;height:20px;line-height:20px;text-align:center;padding:0 6px}
.favlink b{position:absolute;top:0;right:0;transform:translate(25%,-10%)}
.favlink b[hidden],.cartlink b[hidden]{display:none}
.burger{display:none;border:0;background:none;padding:6px;color:var(--ink);cursor:pointer}
.burger svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}

/* ---- mega-meniu ---- */
.cats .wrap{position:relative}
.cat{position:static}
.mega{display:none;position:absolute;left:20px;right:20px;top:100%;z-index:40;padding-top:0}
.mega-in{background:var(--card);border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);box-shadow:var(--sh);padding:20px 26px 24px}
.cat:hover .mega,.cat:focus-within .mega{display:block}
.drop{display:none!important}
.mega-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}
.mega-h a{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--ink)}.mega-h span{color:var(--mut);font-size:13px}
.mega-cols{columns:4 220px;column-gap:28px}
.mega-cols a{display:flex;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px;color:var(--ink);font-size:14px;break-inside:avoid}
.mega-cols a:hover{background:var(--soft);color:var(--brand2);text-decoration:none}.mega-cols small{color:var(--mut)}

/* ---- sertare ---- */
.backdrop{position:fixed;inset:0;background:#0009;opacity:0;pointer-events:none;transition:.25s;z-index:60}
.backdrop.show{opacity:1;pointer-events:auto}
.noscroll{overflow:hidden}
.drawer{position:fixed;top:0;bottom:0;width:min(420px,92vw);background:var(--card);z-index:70;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 40px #0005}
.drawer.right{right:0;transform:translateX(105%)}.drawer.left{left:0;transform:translateX(-105%)}
.drawer.open{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.dh b{font-family:var(--serif);font-size:20px}
.dh .x,.drawer .x{border:0;background:none;color:var(--mut);font-size:18px;cursor:pointer;padding:6px 10px;border-radius:8px}.drawer .x:hover{background:var(--soft);color:var(--no)}
.db{overflow:auto;flex:1;padding:6px 0}
.drawer.left details{margin:0;border-bottom:1px solid var(--line)}
.drawer.left summary{padding:14px 20px;font-weight:600}
.drawer.left details a{display:block;padding:9px 20px 9px 34px;color:var(--ink);font-size:14.5px}
.dlinks{padding:14px 0}.dlinks a{display:block;padding:10px 20px;color:var(--ink);font-weight:600}
.mini-empty{text-align:center;padding:50px 20px}
.ship{padding:14px 20px;background:var(--soft);font-size:14px}.bar{height:7px;background:var(--line);border-radius:9px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--acc);border-radius:9px;transition:width .4s}
.mini-list{list-style:none;margin:0;padding:0}
.mini-list li{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);align-items:start}
.mini-list .mi img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid var(--line)}
.mt a{color:var(--ink);font-size:14.5px;line-height:1.3;display:block}.mt small{color:var(--mut)}
.mrow{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.mq{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:99px;margin:0}
.mq button{border:0;background:none;color:var(--ink);width:30px;height:30px;font-size:17px;cursor:pointer;border-radius:50%}.mq button:hover{background:var(--soft)}
.mq span{min-width:22px;text-align:center;font-weight:600;font-size:14px}
.mini-foot{padding:16px 20px;border-top:1px solid var(--line);display:grid;gap:8px;background:var(--card);position:sticky;bottom:0}
.mini-foot .btn{text-align:center}
.sl{display:flex;justify-content:space-between;gap:12px}.grand{font-size:20px;font-weight:800}

/* ---- carusel ---- */
.carousel{position:relative;border-radius:22px;overflow:hidden;margin-bottom:18px;min-height:340px;background:var(--brand)}
.slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:48px 64px;color:#fff;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#ffffff10 31px 32px)}
.slide.on{opacity:1;visibility:visible;position:relative;min-height:340px}
.slide.s1{background-color:#1c2b4a;background-image:radial-gradient(circle at 85% 30%,#2c4373 0,transparent 55%),repeating-linear-gradient(0deg,transparent 0 31px,#ffffff10 31px 32px)}
.slide.s2{background-color:#7a2e1d;background-image:radial-gradient(circle at 85% 30%,#b8502f 0,transparent 55%),repeating-linear-gradient(0deg,transparent 0 31px,#ffffff12 31px 32px)}
.slide.s3{background-color:#2d4d3a;background-image:radial-gradient(circle at 85% 30%,#4f8a66 0,transparent 55%),repeating-linear-gradient(0deg,transparent 0 31px,#ffffff12 31px 32px)}
.slide .sc{max-width:560px;position:relative;z-index:1}
.slide h1{color:#fff;font-size:42px;margin:0 0 12px}.slide p{color:#e3e8f3;font-size:18px;margin:0 0 26px}
.slide .btn{background:var(--acc);color:#111}.slide .btn:hover{background:#ffc82e}
.slide .se{font-size:170px;line-height:1;opacity:.9;transform:rotate(-8deg);filter:drop-shadow(0 12px 18px #0005);padding-right:40px}
.cprev,.cnext{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:26px;cursor:pointer;z-index:2;backdrop-filter:blur(4px)}
.cprev{left:14px}.cnext{right:14px}.cprev:hover,.cnext:hover{background:#ffffff44}
.dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:2}
.dots button{width:10px;height:10px;border-radius:99px;border:0;background:#ffffff66;cursor:pointer;padding:0;transition:.2s}.dots button.on{background:var(--acc);width:28px}
.hero{display:none}

/* ---- home extra ---- */
.brandstrip{display:flex;flex-wrap:wrap;gap:10px}
.brandstrip a{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:10px 22px;color:var(--ink);font-family:var(--serif);font-weight:700;font-size:16px;letter-spacing:.01em;transition:.15s}
.brandstrip a:hover{border-color:var(--brand2);color:var(--brand2);text-decoration:none;transform:translateY(-2px)}
h2 .more{margin-left:auto;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;order:3;white-space:nowrap}
h2:has(.more)::after{order:2}
.hrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,230px);gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 18px;scrollbar-width:thin}
.hrow .card{scroll-snap-align:start}

/* ---- pagina categorie ---- */
.blurb{color:var(--mut);margin:-8px 0 20px;max-width:640px}
.subtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:26px}
.subtiles a{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;color:var(--ink);text-align:center;display:flex;flex-direction:column;gap:2px;transition:.18s}
.subtiles a:hover{border-color:var(--brand2);transform:translateY(-3px);box-shadow:var(--sh);text-decoration:none}
.subtiles .st{aspect-ratio:1;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}
.subtiles .st img{width:88%;height:88%;object-fit:contain}
.subtiles b{font-size:14px;line-height:1.25}.subtiles small{color:var(--mut)}
.chips a.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.empty{text-align:center;padding:50px 20px;background:var(--card);border:1px dashed var(--line);border-radius:var(--r)}
.reset{display:inline-block;margin:12px 0 0}

/* ---- carduri: skeleton, fade, favorite ---- */
.js .card .img img:not(.ld):not(.i2){opacity:0}
.js .card .img{background:linear-gradient(100deg,#efeade 30%,#faf8f2 50%,#efeade 70%) 0 0/200% 100%;animation:shimmer 1.3s linear infinite}
.js .card .img:has(img.ld){animation:none;background:#fff}
@keyframes shimmer{to{background-position:-200% 0}}
.js .card{animation:rise .45s both}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.grid .card:nth-child(2){animation-delay:.04s}.grid .card:nth-child(3){animation-delay:.08s}.grid .card:nth-child(4){animation-delay:.12s}.grid .card:nth-child(5){animation-delay:.16s}.grid .card:nth-child(6){animation-delay:.2s}
.fav{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:#fffffff0;box-shadow:0 2px 8px #0002;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;color:#555}
.fav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linejoin:round}
.fav:hover{transform:scale(1.1);color:#d6336c}.fav.on{color:#d6336c}.fav.on svg{fill:#d6336c}
.fav.inline{position:static;width:auto;height:auto;border-radius:99px;padding:6px 14px;gap:6px;font:inherit;font-size:14px;background:var(--card);border:1px solid var(--line);box-shadow:none;color:var(--ink)}
.fav.inline svg{width:17px;height:17px}.fav.inline.on{color:#d6336c;border-color:#d6336c}
.card .badge{left:10px;top:10px;z-index:2}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .card .img img:not(.ld):not(.i2){opacity:1}}

/* ---- pagina produs ---- */
.pdp{align-items:start}
.zoom{overflow:hidden;border-radius:12px;cursor:zoom-in}
.zoom img{transition:transform .25s ease-out;max-height:520px}
@media(hover:hover){.zoom:hover img{transform:scale(2)}}
.thumbs{margin-top:16px}.thumbs img.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.topline{display:flex;justify-content:space-between;align-items:center;gap:10px}
.topline .brand{color:var(--mut)}
.info h1{margin:8px 0 6px}
.vname{font-weight:400;color:var(--mut)}
.pbox{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:18px;padding:16px 18px;background:var(--soft);border-radius:var(--r)}
.pbox .pprice{margin:0;line-height:1.1}.pbox .stock{margin:0}
.buy{display:flex;gap:12px;margin:16px 0 6px;align-items:stretch}.buy .btn{flex:1}
.qty{display:inline-flex;border:1.5px solid var(--line);border-radius:99px;background:var(--card);align-items:center}
.qty button{border:0;background:none;color:var(--ink);width:42px;font-size:20px;cursor:pointer;height:100%;border-radius:99px}.qty button:hover{background:var(--soft)}
.qty input{width:52px;border:0;text-align:center;padding:10px 0;background:transparent;font-weight:700;-moz-appearance:textfield;box-shadow:none}
.qty input::-webkit-inner-spin-button{display:none}
.trust{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.trust li{display:flex;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.trust i{font-style:normal;font-size:24px}.trust b{display:block;font-size:14.5px}.trust span{font-size:13px;color:var(--mut)}
.pdesc{display:grid;grid-template-columns:3fr 2fr;gap:40px;margin-top:10px}
.pdesc h2{margin-top:36px}
.bul{padding:0;list-style:none;margin:0}.bul li{position:relative;padding:8px 0 8px 28px;border-bottom:1px dashed var(--line)}
.bul li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.specs{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:14.5px}
.specs th,.specs td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.specs th{width:42%;color:var(--mut);font-weight:600;background:var(--soft)}
.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}
.stickybuy{display:none}

/* ---- pași comandă ---- */
.steps{list-style:none;display:flex;justify-content:center;gap:0;margin:4px auto 26px;padding:0;max-width:560px}
.steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font-size:13.5px;color:var(--mut);font-weight:600}
.steps li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}
.steps li:first-child::before{display:none}
.steps i{font-style:normal;width:32px;height:32px;border-radius:50%;background:var(--card);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;z-index:1;font-weight:700}
.steps li.on{color:var(--ink)}.steps li.on i{border-color:var(--brand);background:var(--brand);color:#fff}
.steps li.done{color:var(--ink)}.steps li.done i{border-color:var(--ok);background:var(--ok);color:#fff}.steps li.done::before,.steps li.on::before{background:var(--ok)}
input:user-invalid,select:user-invalid{border-color:var(--no);box-shadow:0 0 0 3px #b4231622}

/* ---- 404 ---- */
.nf{text-align:center;max-width:620px;margin:20px auto 0}
.nf-big{font-family:var(--serif);font-size:110px;font-weight:700;line-height:1;color:var(--brand2);opacity:.25}
.nf .search{margin:18px auto;max-width:480px}.center-chips{justify-content:center}

/* ---- înapoi sus / toast ---- */
.totop{position:fixed;right:18px;bottom:20px;width:46px;height:46px;border-radius:50%;border:0;background:var(--brand);color:#fff;font-size:22px;cursor:pointer;box-shadow:var(--sh);opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s;z-index:50}
.totop.show{opacity:1;transform:none;pointer-events:auto}.totop:hover{background:var(--brand2)}

/* ---- responsive ---- */
@media(max-width:860px){
  .burger{display:block;order:0}
  .head-in{gap:6px 6px}.logo{margin-right:auto}
  .cats{display:none}
  .acts{gap:0}.acts .t{display:none}
  .slide{padding:30px 22px;min-height:300px}.slide.on{min-height:300px}.slide h1{font-size:27px}.slide p{font-size:15.5px}
  .slide .se{position:absolute;right:-6px;bottom:-4px;font-size:96px;opacity:.28;padding:0}
  .cprev,.cnext{display:none}
  .pdesc{grid-template-columns:1fr;gap:0}
  .pbox{flex-direction:column;align-items:flex-start;gap:8px}
  .hrow{grid-auto-columns:minmax(165px,180px)}
  .subtiles{grid-template-columns:repeat(3,1fr);gap:10px}.subtiles a{padding:8px}.subtiles b{font-size:12.5px}
  .stickybuy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--card);border-top:1px solid var(--line);padding:10px 14px;gap:14px;align-items:center;justify-content:space-between;transform:translateY(110%);transition:transform .25s;box-shadow:0 -6px 20px #0002}
  .stickybuy.show{transform:none}.stickybuy b{display:block;font-size:19px;color:var(--price)}.stickybuy small{color:var(--mut)}
  .stickybuy .btn{flex:1;max-width:240px}
  .totop{bottom:76px}
  .steps li{font-size:12px}
}
.assort{margin:16px 0 0;padding:14px 16px;background:#fff8e1;border:1px solid #f0dfa5;border-radius:var(--r);font-size:14px;color:#5b4a0a}
.assort input{margin-top:10px;background:#fff;color:#111}
:root[data-theme=dark] .assort{background:#2e2711;border-color:#5c4d1a;color:#f0dfa5}
.thumbnote{font-size:12.5px;color:var(--mut);margin-top:8px}
.mt small{display:block}