/* Tema „lag” (LaGalerie — tablouri canvas, icoane, candele), după modelul ales de proprietar (13.10.2026), în portocaliu + negru (gama
   de azi a magazinului: portocaliul siglei #F47A0A, negru #141414). Se încarcă DUPĂ /assets/app.css și îi suprascrie token-urile și
   componentele modulelor (.prod-grid, .pcard, .pdp-*, .btn, .crumbs, coșul, finalizarea, contul). Un singur font fără serife pentru text
   și titluri: Manrope (local, /assets/fonts, OFL; variabil 300–800, ș ț cu virgulă, cifre tabulare) — titlurile se deosebesc prin
   greutatea 800 și majuscule rărite. Fără cereri spre terți. Contrast: textul ≥ 4,5:1 (AA); --accent (#B84D00) = portocaliul pentru
   text pe alb (5,12:1); bara de sus și panoul portocaliu au text negru (6,7:1).
   17.10.2026 (cererea proprietarului, a doua verificare): TOATE butoanele, pastilele și insignele portocalii (butoanele categoriei și ale
   paginilor, pastila „−X%”, cercul numărului din coș, paginarea, fereastra coșului) sunt pe portocaliul ORIGINAL al butoanelor (--btn =
   #F47A0A, cel de dinaintea nuanței #C65200) cu text ALB îngroșat (800) — cerut explicit de proprietar, deși albul pe #F47A0A are
   2,75:1 (sub 4,5:1); „Adaugă în coș” de pe pagina produsului și din bara de jos rămâne VERDE (--buy #15803D, alb 5,02:1). Fundalul gri
   --page #F2F1EF (prima pagină, categoriile, pagina produsului cu blocurile albe — body.lag-pg-*): textul secundar și portocaliul pentru
   text rămân ≥ 4,5:1 și pe el.
   Pagina produsului și alte view-uri au <style> propriu încărcat DUPĂ acest fișier: regulile pentru ele încep cu „body.lag …”. */

@font-face{font-family:"Manrope";font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/manrope-v20-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/manrope-v20-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#FFFFFF; --ink:#141414; --text:#3D3D3D; --muted:#6B6560; --line:#ECE6DF;
  --accent:#B84D00; --accent-ink:#9A3412; --accent-deep:#141414; --gold:#C2410C; --gold-ink:#9A3412; --soft:#F7F3EE; --ok:#2F7D4F;
  --brand:#F47A0A; --brand-2:#F56418; --tint:#FFF3E8; --sale:#C2410C; --red:#C2410C; --card:#FFFFFF; --cream:#FFF3E8;
  --page:#F2F1EF; --btn:#F47A0A; --buy:#15803D; --buy-h:#0F6630;
  --display:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:14px;
}
body.lag{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;font-weight:400;line-height:1.6}
/* fundalul gri (17.10.2026, cererea proprietarului): prima pagină, categoriile și pagina produsului (clasa pusă de layout, lag_page_kind)
   — cardurile de produs și blocurile paginii produsului rămân albe și ies în evidență */
body.lag-pg-home,body.lag-pg-cat,body.lag-pg-pdp{background:var(--page)}
/* ancorele și derulările (recenziile, opțiunile, galeria) se opresc SUB antetul fix (117 px pe desktop, cu meniul pe al doilea rând;
   62 px sub 1180 px), nu dedesubtul lui */
html{scroll-padding-top:125px}
@media(max-width:1179px){html{scroll-padding-top:70px}}
.lag .wrap{max-width:1240px;padding-left:clamp(16px,3vw,24px);padding-right:clamp(16px,3vw,24px)}
.lag :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* pe fundalurile negre (subsolul, bara de cookie) conturul negru n-ar avea contrast (1:1) → portocaliul siglei (6,7:1 pe negru) */
.lag .lag-ftr :focus-visible,.lag .ckbar :focus-visible{outline-color:var(--brand)}
.lag a:hover{color:var(--accent)}
.lag-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lag-skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700}
.lag-skip:focus{top:12px;color:#fff}
.lag-i{display:block;width:24px;height:24px;flex:0 0 auto}

/* ---- bara de sus (portocaliul siglei, text negru) ---- */
.lag-top{background:var(--brand);color:var(--ink);font-size:13px;font-weight:600}
.lag-top-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:38px;padding-top:4px;padding-bottom:4px}
.lag-top-msgs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 26px;text-align:center}
.lag-top-msgs li{display:inline-flex;align-items:center;gap:7px}
.lag-top svg{width:16px;height:16px;flex:0 0 auto}
.lag-top a{color:var(--ink)}
.lag .lag-top a:hover{color:var(--ink);text-decoration:underline}
.lag-top-ph{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-weight:700;white-space:nowrap}
.lag-top-soc{list-style:none;margin:0;padding:0;display:flex;gap:2px;justify-self:end}
.lag-top-soc a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%}
.lag .lag-top-soc a:hover{background:rgba(20,20,20,.12);text-decoration:none}
.lag-top-soc .lag-i{width:17px;height:17px}

/* ---- antet: sigla stânga, meniul (pe același rând dacă e scurt, altfel dedesubt), dreapta căutare / cont / coș ---- */
.lag-hdr{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 0 var(--line),0 6px 18px rgba(20,20,20,.04)}
.lag-hdr-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:12px;padding-bottom:12px}
.lag-brand{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;text-decoration:none}
.lag-logo{display:block;height:44px;width:auto;max-width:min(220px,100%)}
.lag-act{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:auto}
.lag-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:0}
.lag-ic:hover,.lag .lag-ic:hover{background:var(--tint);color:var(--ink)}
.lag-ic svg{width:23px;height:23px}
/* burgerul (doar sub 1180 px): iconița cu 20% mai mare decât celelalte (cererea proprietarului, 17.10.2026 — 23 → 27,6 px; sub 380 px
   22 → 26,4 px); zona de atingere: 44 px la orice lățime (sub 380 px celelalte iconițe au 42 px, burgerul rămâne la 44 px — App 1.13.20,
   iPhone SE / mini la 375 px; marginea negativă a burgerului îl ține aliniat) */
.lag-ic.lag-burger svg{width:27.6px;height:27.6px}
.lag-ic[hidden]{display:none}
/* cercul numărului din coș / din favorite: portocaliul butoanelor cu cifra ALBĂ (cererea proprietarului, 17.10.2026) */
.lag .cart-badge,.lag-fav-n{position:absolute;top:2px;right:0;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--btn);color:#fff;font-size:12px;font-weight:800;line-height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.lag-burger,.lag-nav-hd,.lag-nav .lag-search,.lag-nav-acc{display:none}
.lag-nav{order:3;flex:1 1 100%;border-top:1px solid var(--line);margin:4px calc(-1 * clamp(16px,3vw,24px)) -12px}
.lag-nav-inline .lag-nav{order:0;flex:1 1 auto;border-top:0;margin:0}
.lag-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:0 2px}
.lag-mi{position:relative}
.lag-ml,.lag-mt{display:inline-flex;align-items:center;gap:5px;padding:13px 11px;border:0;background:none;color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;letter-spacing:.01em;cursor:pointer;text-decoration:none;box-shadow:inset 0 -2px 0 transparent;transition:box-shadow .15s,color .15s}
.lag .lag-ml:hover,.lag-mt:hover,.lag-mt[aria-expanded="true"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--brand)}
.lag-chev{width:14px;height:14px;transition:transform .15s}
.lag-mt[aria-expanded="true"] .lag-chev{transform:rotate(180deg)}
.lag-sub{list-style:none;margin:0;padding:8px;position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 36px rgba(20,20,20,.14);display:none;z-index:50}
.lag-mt[aria-expanded="true"] + .lag-sub{display:block}
.lag-sub a{display:block;padding:9px 12px;border-radius:8px;color:var(--ink);font-size:14.5px;font-weight:600}
.lag .lag-sub a:hover{background:var(--tint);color:var(--ink)}
.lag-sub-all{font-weight:800!important}
@media(min-width:1180px){.lag-mi.has-sub:hover > .lag-sub,.lag-mi.has-sub:focus-within > .lag-sub{display:block}}
/* 1180–1279 px: meniul de 8 categorii (≈ 1130 px) rămâne pe un rând, cu aer la margini */
@media(min-width:1180px) and (max-width:1279px){.lag-ml,.lag-mt{padding-left:9px;padding-right:9px}}
.lag-backdrop{position:fixed;inset:0;background:rgba(20,20,20,.55);z-index:1}
.lag-backdrop[hidden]{display:none}
body.lag-menu-open .lag-hdr{z-index:1000}

/* căutarea (sertarul de pe telefon, 404) */
.lag-search{display:flex;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 16px}
.lag-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:9px 0;outline:0}
.lag-search input::placeholder{color:#6B6560}
.lag-search button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--ink);color:#fff;cursor:pointer;flex:0 0 auto}
.lag-search button svg{width:18px;height:18px}
.lag-search:focus-within{border-color:var(--ink);background:#fff}

/* ---- conținut ---- */
.lag-main{padding:26px 0 8px}
.lag .page-title,.lag .sec-title,.lag .page-body h1,.lag .page-body h2{font-family:var(--display);color:var(--ink)}
body.lag .page-title,body.lag .page-body h1{font-size:32px;font-weight:800;line-height:1.15;letter-spacing:-.02em}
body.lag .page-body h2{font-weight:800;letter-spacing:-.01em}
.lag .sec-title{font-size:20px;font-weight:800;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;margin:44px 0 18px}
.lag .lead{color:var(--muted)}
.lag .crumbs{color:var(--muted);font-size:13px}
.lag .crumbs a:hover{color:var(--accent)}
.lag .crumbs b{color:var(--ink)}
.lag .empty{background:var(--soft);border-color:var(--line)}
.lag .btn{background:var(--btn);color:#fff;border-radius:10px;border:0;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;min-height:48px}
.lag .btn:hover{background:var(--ink);color:#fff;filter:none}
.lag .btn.sec{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.lag .btn.sec:hover{background:var(--soft);color:var(--ink)}
/* prețurile: cifre de aceeași lățime (Manrope tnum); prețul redus în portocaliul închis, cel vechi tăiat */
.lag .pcard-price,.lag .pdp-price,.lag .xs-price,.lag .sz-now,.lag .ol-now,.lag .cart-line,.lag .sum-row{font-variant-numeric:tabular-nums}
.lag .pcard-price .now,.lag .pdp-price .now{color:var(--ink)}
.lag .pcard-price .old ~ .now,.lag .pdp-price .old ~ .now{color:var(--sale)}

/* butoanele temei */
.lag-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border:0;border-radius:10px;background:var(--btn);color:#fff;font:inherit;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.lag .lag-btn:hover{background:var(--ink);color:#fff}
.lag-btn-dark{background:var(--ink);color:#fff}
.lag .lag-btn-dark:hover{background:#fff;color:var(--ink)}
.lag-btn-2{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.lag-arr{width:18px;height:18px;flex:0 0 auto}

/* ---- pagina „Garanție 100%” (themes/lag/_page_garantie.php, 17.10.2026): fundalul gri (lag-pg-gar), punctele în carduri albe cu
   iconița pe piersică — 3 pe rând pe desktop, 2 pe telefon, ultimul (comenzile în loturi mari) pe două coloane, ca rândurile să fie
   pline —, apoi cardurile rețelelor (Google, TikTok, Facebook, Instagram): sigla pe pătratul culorii rețelei, numărul mare, eticheta,
   butonul negru cu text alb (17:1); 4 pe rând pe desktop, 2 pe tabletă și telefon. Textele ≥ 4,5:1 pe alb și pe gri. ---- */
body.lag-pg-gar{background:var(--page)}
body.lag .page-body.lag-gar{max-width:1120px}
.lag-gar-hd{max-width:720px;margin:4px auto 30px;text-align:center}
.lag-gar-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:14px;border-radius:50%;background:#fff;color:var(--accent);box-shadow:0 0 0 1px var(--line),0 8px 22px rgba(20,20,20,.07)}
.lag-gar-badge .lag-i{width:34px;height:34px}
body.lag .lag-gar-hd h1{margin:0 0 10px}
.lag-gar-lead{margin:0;font-size:17px;font-weight:500;line-height:1.55;color:var(--text)}
.lag-gar-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lag-gar-c{display:flex;flex-direction:column;gap:16px;min-width:0;padding:26px 24px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 2px rgba(20,20,20,.04),0 10px 28px rgba(20,20,20,.06)}
.lag-gar-wide{grid-column:span 2;flex-direction:row;align-items:flex-start;gap:20px}
.lag-gar-ic{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 auto;border-radius:16px;background:var(--tint);color:var(--accent)}
.lag-gar-ic .lag-i{width:32px;height:32px}
.lag-gar-cb{min-width:0}
body.lag .lag-gar-c h2{margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.lag-gar-c p{margin:0;font-size:15px;line-height:1.6;color:var(--text)}
.lag a.lag-gar-mail{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:10px 16px;min-height:44px;border-radius:10px;background:var(--ink);color:#fff;font-weight:800;font-size:14.5px;text-decoration:none;overflow-wrap:anywhere}
.lag a.lag-gar-mail:hover{background:#3D3D3D;color:#fff}
.lag-gar-mail .lag-i{width:20px;height:20px}
.lag-gar-soc{margin-top:64px}
body.lag .lag-gar-soc .lag-h2{margin:0 0 30px;font-size:22px;letter-spacing:.08em}
.lag-gar-sgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lag-gar-s{display:flex;flex-direction:column;align-items:center;min-width:0;padding:28px 20px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 2px rgba(20,20,20,.04),0 10px 28px rgba(20,20,20,.06)}
.lag-gar-s-ic{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:16px;border-radius:18px;color:#fff}
.lag-gar-s-ic .lag-i{width:32px;height:32px}
.lag-gar-s-google .lag-gar-s-ic{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.lag-gar-s-tiktok .lag-gar-s-ic{background:#000}
.lag-gar-s-tiktok .lag-gar-s-ic .lag-i{filter:drop-shadow(-1.5px -1px 0 #25F4EE) drop-shadow(1.5px 1px 0 #FE2C55)}
.lag-gar-s-facebook .lag-gar-s-ic{background:#1877F2}
.lag-gar-s-instagram .lag-gar-s-ic{background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.lag-gar-s-t{margin:0 0 20px;display:flex;flex-direction:column;align-items:center;min-width:0}
.lag-gar-s-pre{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lag-gar-s-num{display:block;margin:2px 0 6px;font-family:var(--display);font-size:42px;font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums}
.lag-gar-s-instagram .lag-gar-s-num{font-size:24px;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere;max-width:100%}
.lag-gar-s-lbl{font-size:14.5px;font-weight:600;line-height:1.45;color:var(--text)}
.lag a.lag-gar-s-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:min(100%,164px);max-width:100%;padding:9px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:800;line-height:1.25;text-decoration:none}
.lag a.lag-gar-s-btn:hover{background:#3D3D3D;color:#fff}
@media(max-width:1023px){
  .lag-gar-sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .lag-gar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .lag-gar-hd{margin-bottom:22px}
  .lag-gar-badge{width:54px;height:54px;margin-bottom:10px}
  .lag-gar-badge .lag-i{width:28px;height:28px}
  .lag-gar-lead{font-size:15px}
  .lag-gar-grid,.lag-gar-sgrid{gap:12px}
  .lag-gar-c{gap:12px;padding:16px 14px}
  .lag-gar-ic{width:46px;height:46px;border-radius:13px}
  .lag-gar-ic .lag-i{width:26px;height:26px}
  body.lag .lag-gar-c h2{font-size:15px;margin-bottom:6px}
  .lag-gar-c p{font-size:13.5px;line-height:1.55}
  .lag a.lag-gar-mail{font-size:13.5px;padding:9px 12px}
  .lag-gar-wide{gap:12px}
  .lag-gar-soc{margin-top:44px}
  body.lag .lag-gar-soc .lag-h2{font-size:18px;margin-bottom:22px}
  .lag-gar-s{padding:20px 12px 16px}
  .lag-gar-s-ic{width:50px;height:50px;margin-bottom:12px;border-radius:15px}
  .lag-gar-s-ic .lag-i{width:27px;height:27px}
  .lag-gar-s-pre{font-size:11px;letter-spacing:.1em}
  .lag-gar-s-num{font-size:30px}
  .lag-gar-s-instagram .lag-gar-s-num{font-size:16px}
  .lag-gar-s-lbl{font-size:13px}
  .lag-gar-s-t{margin-bottom:14px}
  .lag a.lag-gar-s-btn{padding:8px 12px;font-size:13px}
}
/* pagina /contact (contact 1.4.0, datele firmei complete — implicit doar pe lag): titlurile „Date companie” / „Adresa” și numele firmei */
body.lag .ct-info .ct-h{margin:14px 0 6px;font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
body.lag .ct-info .ct-h:first-child{margin-top:2px}
body.lag .ct-info .ct-co{font-size:15px;color:var(--ink);opacity:1}

/* ---- cardul de produs (themes/lag/_pcard.php): inima, poza, numele, stelele, prețul, butonul ---- */
.lag .prod-grid{gap:20px}
.lag .pcard{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.lag .pcard:hover{transform:none;box-shadow:0 14px 32px rgba(20,20,20,.10);border-color:#E2D9CF}
.lag .pcard-img{background:var(--soft)}
.lag .pcard-img img{transition:transform .35s ease}
.lag .pcard:hover .pcard-img img{transform:scale(1.035)}
/* pastila „−X%”: portocaliul butoanelor cu text ALB îngroșat (cererea proprietarului, 17.10.2026) */
.lag .pcard-img .badge{top:10px;left:10px;background:var(--btn);color:#fff;font-size:12.5px;font-weight:800;padding:4px 9px;border-radius:6px;letter-spacing:.01em}
.lag .pcard-b{display:flex;flex-direction:column;flex:1 1 auto;padding:13px 14px 14px;text-align:center}
.lag .pcard-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;color:var(--ink);font-weight:700;font-size:14.5px;line-height:1.35}
.lag a.pcard-name:hover{color:var(--accent)}
.lag .pcard-rv{justify-content:center}
/* prețul și butonul ancorate jos (margin-top:auto pe preț): aliniate pe rând și între cardurile cu stele și cele fără */
.lag .pcard-price{margin:auto 0 12px;padding-top:8px;font-weight:800;font-size:17px;color:var(--ink)}
.lag .pcard-price .old{font-size:.82em}
/* zecimalele („,00 Lei”) și „de la” lizibile și pe telefon (app.css: .5em / .62em → ~8 px) */
.lag .pcard-price .now .p-sup{font-size:max(10px,.6em)}
.lag .pcard-price .from{font-size:max(11px,.7em)}
.lag-fav{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 2px 10px rgba(20,20,20,.12);cursor:pointer;padding:0;transition:color .15s,transform .15s}
.lag-fav .lag-i{width:21px;height:21px}
.lag-fav:hover{color:var(--accent);transform:scale(1.06)}
.lag-fav.on{color:var(--brand-2)}
.lag-fav.on path{fill:currentColor}
.lag-add{margin-top:0;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:var(--btn);color:#fff;font:inherit;font-size:13px;font-weight:800;letter-spacing:.05em;line-height:1.2;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.lag .lag-add:hover{background:var(--ink);color:#fff}
.lag-add.is-busy{opacity:.65;cursor:progress}
/* „Scade stocul” bifat și stoc 0: butonul dezactivat „Stoc epuizat” (ca pe pagina produsului), gri, fără hover */
.lag .lag-add.lag-soldout,.lag .lag-add.lag-soldout:hover{background:var(--soft);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:not-allowed}
/* refuzul stocului la „Adaugă în coș” din card (ex. tot stocul e deja în coș): mesajul sub buton, pus de _lag_runtime (role=status);
   gol = fără înălțime (zona rămâne în pagină, ca cititorul de ecran să anunțe textul care vine) — --red pe alb 5,2:1 */
.lag-add-msg{margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.35;color:var(--red);text-align:center}
.lag-add-msg:empty{margin:0}

/* ---- prima pagină ---- */
.lag-home{margin-top:-26px}
/* slider-ul pe toată lățimea (iese din .wrap): slide-urile suprapuse în aceeași celulă de grilă (înălțimea nu se schimbă la derulare) */
.lag-hero{position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--tint);overflow:hidden}
.lag-hero::before{content:"";position:absolute;left:-120px;top:-140px;width:420px;height:420px;border:56px solid rgba(244,122,10,.08);transform:rotate(-14deg);pointer-events:none}
.lag-slides{display:grid}
.lag-slide{grid-area:1/1;position:relative;display:flex;align-items:center;min-height:470px;visibility:hidden;opacity:0;transition:opacity .5s ease,visibility 0s linear .5s}
.lag-slide.on{visibility:visible;opacity:1;transition:opacity .5s ease}
.lag-slide picture{display:contents}
.lag-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* poza pe toată lățimea: strat deschis spre stânga (textul negru ≥ 4,5:1 indiferent de poză), ca în model */
.lag-slide.is-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,246,236,.96) 0%,rgba(255,246,236,.9) 38%,rgba(255,246,236,0) 66%)}
.lag-slide-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;width:100%;padding-top:52px;padding-bottom:96px}
.lag-slide.is-photo .lag-slide-in,.lag-slide.is-txt .lag-slide-in{grid-template-columns:minmax(0,1fr)}
.lag-slide-c{max-width:560px}
.lag-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.lag-kicker::before{content:"";width:22px;height:2px;background:var(--brand)}
.lag-slide-t{font-family:var(--display);font-size:clamp(34px,3.9vw,54px);font-weight:800;line-height:1.06;letter-spacing:-.03em;color:var(--ink);margin:0 0 16px;max-width:18ch;text-wrap:balance}
.lag-slide-x{font-size:17.5px;font-weight:500;line-height:1.55;color:var(--text);margin:0 0 28px;max-width:40ch}
/* poza produsului (fără poza din setare): în dreapta, pe pătratul portocaliu înclinat ca în siglă (−14°) */
.lag-slide-art{position:relative;justify-self:center;width:min(100%,410px);aspect-ratio:1/1}
.lag-slide-art::before{content:"";position:absolute;inset:7%;background:var(--brand);border-radius:8px;transform:rotate(-14deg)}
.lag-slide-art img{position:relative;display:block;width:84%;height:84%;margin:8%;object-fit:cover;border-radius:12px;background:#fff;box-shadow:0 26px 50px rgba(20,20,20,.22)}
.lag-harr{position:absolute;top:calc(50% - 22px);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 4px 16px rgba(20,20,20,.14);cursor:pointer;padding:0;transform:translateY(-50%)}
.lag-harr svg{width:22px;height:22px}
.lag-harr:hover{background:var(--ink);color:#fff}
.lag-harr-prev{left:max(12px,calc(50% - 680px))}
.lag-harr-next{right:max(12px,calc(50% - 680px))}
/* 681–1383 px: săgețile (la 10–60 px de margine) ar acoperi titlul → textul și poza slide-ului se retrag cât e nevoie (textul începe la
   ≥ 80 px de margine; peste 1383 px săgețile stau oricum în afara coloanei de 1240 px) */
@media(min-width:681px) and (max-width:1383px){.lag-hero .lag-slide-in{padding-left:clamp(24px,calc(700px - 50vw),80px);padding-right:clamp(24px,calc(700px - 50vw),80px)}}
.lag-hero-nav{position:absolute;left:0;right:0;bottom:56px;z-index:3;display:flex;align-items:center;justify-content:center;gap:4px}
.lag-hbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:rgba(20,20,20,.08);color:var(--ink);cursor:pointer;padding:0}
.lag-hbtn svg{width:14px;height:14px}
.lag-hbtn:hover{background:var(--ink);color:#fff}
.lag-play .lag-i-play,.lag-play.is-paused .lag-i-pause{display:none}
.lag-play.is-paused .lag-i-play{display:block}
.lag-dots{display:flex;gap:0}
/* punctele: zona de atingere 32 px (WCAG ≥ 24), cel activ se lungește — starea se vede și după formă */
.lag-dot{position:relative;width:32px;height:32px;border:0;background:transparent;cursor:pointer;padding:0}
.lag-dot::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:999px;background:rgba(20,20,20,.55);transition:width .2s,margin .2s}
.lag-dot.on::before{width:24px;margin-left:-12px;background:var(--ink)}
.lag-intro{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--tint);padding:64px 0 72px}
.lag-intro-t{font-family:var(--display);font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;max-width:18ch}
.lag-intro-x{font-size:17px;max-width:56ch;margin:0 0 24px}
.lag-intro-cta{display:flex;flex-wrap:wrap;gap:10px}

/* banda albă de sub slider, suprapusă pe marginea lui */
/* pe desktop toate elementele pe un rând, de lățimi egale (oricâte ar fi, ≤ 4); sub 1024 px pe două coloane (vezi mai jos) */
.lag-trust{position:relative;z-index:4;list-style:none;margin:-48px 0 0;padding:22px 24px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 44px rgba(20,20,20,.10)}
.lag-trust-flat{margin-top:-30px}
.lag-trust li,.lag-ben li{display:flex;align-items:center;gap:14px;min-width:0}
.lag-trust .lag-i,.lag-ben .lag-i{width:34px;height:34px;color:var(--accent)}
.lag-trust b,.lag-ben b{display:block;font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.3}
.lag-trust small,.lag-ben small{display:block;font-size:13px;font-weight:500;color:var(--muted);line-height:1.4}

/* titlurile secțiunilor: majuscule rărite, centrate, cu pătrățelul înclinat al siglei dedesubt */
.lag-sec{margin-top:68px}
.lag-h2{font-family:var(--display);font-size:22px;font-weight:800;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--ink);margin:0 0 30px}
.lag-h2::after{content:"";display:block;width:12px;height:12px;margin:12px auto 0;background:var(--brand);border-radius:2px;transform:rotate(-14deg)}
.lag-sec-hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;margin-bottom:30px}
.lag-sec-hd .lag-h2{grid-column:2;margin:0}
.lag-all{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lag-all .lag-arr{width:16px;height:16px}

/* „Cumpără pe categorii”: ovale cu poza, eticheta dedesubt */
.lag-cat-row{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:22px}
.lag-cat-row li{flex:0 1 calc((100% - 110px) / 6);min-width:0}
.lag-cat{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;color:var(--ink);text-decoration:none}
/* ovalul își păstrează forma și la pozele cu fundal alb: albul pozei se amestecă (multiply) cu piersica ovalului, plus un contur fin */
.lag-cat-img{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/5;border-radius:50%;overflow:hidden;background:var(--tint);color:var(--brand);isolation:isolate;outline:1px solid #F3DCC6;outline-offset:-1px;transition:transform .2s,box-shadow .2s}
.lag-cat-img img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply}
.lag-cat-img .lag-i{width:40%;height:40%}
.lag-cat:hover .lag-cat-img{transform:translateY(-4px);box-shadow:0 0 0 3px var(--brand)}
.lag-cat-n{font-size:13px;font-weight:800;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}
.lag .lag-cat:hover{color:var(--ink)}
.lag .lag-cat:hover .lag-cat-n{color:var(--accent)}

/* panoul portocaliu + poza mare */
.lag-promo{margin-top:68px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:20px;align-items:stretch}
.lag-promo-solo{grid-template-columns:minmax(0,1fr)}
.lag-promo-c{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:46px 42px;border-radius:var(--r);background:var(--brand);color:var(--ink)}
.lag-promo-c::after{content:"";position:absolute;right:-84px;bottom:-96px;width:200px;height:200px;border:22px solid rgba(20,20,20,.08);border-radius:8px;transform:rotate(-14deg);pointer-events:none}
.lag-promo .lag-kicker{color:var(--ink)}
.lag-promo .lag-kicker::before{background:var(--ink)}
.lag-promo-t{font-family:var(--display);font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--ink);margin:0 0 14px}
.lag-promo-x{font-size:16.5px;font-weight:500;line-height:1.55;margin:0 0 26px;max-width:36ch;color:var(--ink)}
/* poza nu dă înălțimea rândului (ar fi pătrată): o umple, decupată */
.lag-promo-img{position:relative;display:block;min-height:360px;border-radius:var(--r);overflow:hidden;background:var(--soft)}
.lag-promo-img img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .5s ease}
.lag-promo-img:hover img{transform:scale(1.03)}

/* banda de beneficii (deasupra subsolului, pe toate paginile) */
.lag-ben{margin-top:72px;background:var(--tint);border-top:1px solid #F6E2CE;border-bottom:1px solid #F6E2CE}
.lag-ben-in{list-style:none;margin:0 auto;padding-top:28px;padding-bottom:28px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:18px 24px}
.lag-ben li{justify-content:center}

/* ---- 404 ---- */
.lag-404{max-width:640px;margin:14px auto 0;text-align:center}
/* „404” negru (portocaliul siglei pe alb ar avea 2,75:1), cu pătrățelul înclinat al siglei dedesubt */
.lag-404-code{font-family:var(--display);font-size:84px;font-weight:800;line-height:1;letter-spacing:-.04em;margin:0 0 14px;color:var(--ink)}
.lag-404-code::after{content:"";display:block;width:16px;height:16px;margin:14px auto 0;background:var(--brand);border-radius:3px;transform:rotate(-14deg)}
.lag-search-404{margin:20px auto;max-width:480px;padding:4px}
.lag-search-404 .lag-btn{min-height:42px;padding:0 18px;border-radius:999px;width:auto}
.lag-404-cats{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lag-404-cats a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:14px}

/* ---- subsolul (negru) ---- */
.lag-ftr{background:var(--ink);color:#D9D4CE;font-size:14px}
.lag-ftr a{color:#D9D4CE}
.lag .lag-ftr a:hover{color:var(--brand)}
.lag-ftr-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.15fr;gap:32px;padding-top:56px;padding-bottom:40px}
.lag-brand-ftr .lag-logo{height:46px}
.lag-ftr-about{margin:16px 0 0;line-height:1.65;color:#C9C3BC;max-width:34ch}
.lag-ftr-h{font-family:var(--display);font-size:13.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:4px 0 16px}
.lag-ftr-links,.lag-ftr-co{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lag-soc{list-style:none;margin:20px 0 0;padding:0;display:flex;gap:10px}
.lag-soc a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);color:#fff}
/* iconițele rețelelor la hover: butoane portocalii, deci iconița ALBĂ (regula proprietarului „text alb pe orice buton / pastilă portocalie”, integrarea 17.10.2026) */
.lag .lag-soc a:hover{background:var(--btn);color:#fff;box-shadow:none}
.lag-soc .lag-i{width:19px;height:19px}
.lag-ck-set{background:none;border:0;padding:0;font:inherit;color:#D9D4CE;cursor:pointer;text-align:left}
.lag-ck-set:hover{color:var(--brand)}
.lag-ftr-nl{margin:18px 0 0;color:#C9C3BC;line-height:1.6;font-size:13.5px}
.lag .lag-ftr-nl a{color:#fff;text-decoration:underline}
.lag-ftr-bot{border-top:1px solid rgba(255,255,255,.12);color:#A8A29C;font-size:13px}
.lag-ftr-bot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:16px;padding-bottom:16px}
.lag-pay{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lag-pay li{padding:5px 11px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);color:#D9D4CE;font-size:12.5px;font-weight:700}
/* siglele plății cu cardul (lag_pay_logos, 17.10.2026 — în locul „Ramburs la curier”, doar cu Stripe activ): insigne albe pe negru */
.lag-pay-logos{gap:6px}
.lag-pay-logos li{padding:0;box-shadow:none;line-height:0}
.lag-pm{display:block;width:52px;height:34px;border-radius:5px}
.lag-anpc{display:inline-block;background:#fff;border-radius:8px;padding:5px 9px}
.lag-anpc img{display:block;height:50px;width:auto;max-width:100%}

/* ---- favoritele (panou lateral) ---- */
.lag-fav-n{top:3px;right:1px}
.lag-fav-panel{position:fixed;inset:0;z-index:130;background:rgba(20,20,20,.5);display:flex;justify-content:flex-end}
.lag-fav-panel[hidden]{display:none}
.lag-fav-box{width:min(92vw,400px);height:100%;overflow-y:auto;background:#fff;padding:16px 18px 24px;box-shadow:-10px 0 40px rgba(0,0,0,.2)}
.lag-fav-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lag-fav-hd h2{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:0}
.lag-fav-note{margin:2px 0 14px;font-size:13px;color:var(--muted)}
.lag-fav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lag-fav-list li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px}
.lag-fav-item{flex:1;min-width:0;display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:700;font-size:14px;line-height:1.35}
.lag-fav-item img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:var(--soft);flex:0 0 auto}
.lag-fav-rm{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.lag-fav-rm:hover{background:var(--tint);color:var(--ink)}
.lag-fav-empty{margin:8px 0 0;color:var(--muted);font-size:14px}
.lag-fav-empty[hidden]{display:none}

/* ---- paginile modulelor: categorie, produs, coș, finalizare, cont, căutare ---- */
body.lag .cat-flt a.on,body.lag .cat-flt .srt.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
body.lag .cat-flt a:hover{border-color:var(--ink)}
body.lag .subcat-chip:hover{border-color:var(--brand);background:var(--tint)}
body.lag .subcat-chip small{color:var(--accent)}
body.lag .pager a:hover{border-color:var(--ink);background:var(--soft)}
body.lag .pager .cur{background:var(--btn);border-color:var(--btn);color:#fff;font-weight:800}
body.lag nav.pager span[style*="--accent"]{background:var(--btn)!important;color:#fff!important;font-weight:800!important}
/* pastila aleasă a blogului (blog_list.php: --accent cu alb) — același portocaliu ca butoanele */
body.lag .bl-chip.on{background:var(--btn);border-color:var(--btn);color:#fff;font-weight:800}
/* textul categoriei sub produse (setarea catalog_desc_pos = below, catalog 1.18.0): titlurile negre, butonul „Citește mai mult” ca linkurile
   temei („Vezi mai multe”: portocaliul pentru text, majuscule rărite), focusul negru ca în restul temei */
body.lag .cat-about-txt{color:var(--text)}
body.lag .cat-about-txt h2,body.lag .cat-about-txt h3,body.lag .cat-about-txt h4{font-family:var(--display);font-weight:800;letter-spacing:-.01em}
body.lag .cat-about-txt a{color:var(--accent)}
body.lag .cat-about-more{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
body.lag .cat-about-more:hover{color:var(--ink)}
body.lag .cat-about-more:focus-visible{outline-color:var(--ink)}
/* pagina produsului */
.lag .pdp-main,.lag .pdp-gal{border-color:var(--line)}
body.lag .pdp-title{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
body.lag .pdp-price{font-size:28px;font-weight:800}
body.lag .pdp-trust{color:var(--ink)}
body.lag .pdp-trust .pdp-tick{color:var(--accent)}
body.lag .pdp-btns .btn{border-radius:10px;letter-spacing:.04em;text-transform:uppercase;font-size:15.5px}
/* „Adaugă în coș” (17.10.2026): VERDE, cu coșul SVG (shop_buy_controls, currentColor) și textul ALB — 5,02:1; hover mai închis (6,9:1) */
body.lag .pdp-btns .bn-cart{background:var(--buy);color:#fff}
body.lag .pdp-btns .bn-cart:hover{background:var(--buy-h);color:#fff}
body.lag .pdp-btns .bn-now{background:var(--ink);color:#fff}
body.lag .pdp-btns .bn-now:hover{background:#333;color:#fff}
body.lag .pdp-ret{display:block;text-align:center}
body.lag .pdp-ret svg{display:inline-block;vertical-align:-2px;margin-right:6px}
body.lag .pdp-upload{border-color:var(--brand);background:var(--tint)}
body.lag .pdp-upload.upl-simple{background:transparent}
body.lag .pdp-upload.upl-simple .upl-add{border-color:var(--brand);background:var(--tint);color:var(--ink)}
body.lag .opt-list .ol-row input{accent-color:var(--brand-2)}
body.lag .opt-list .ol-row.sel{background:var(--tint);box-shadow:inset 4px 0 0 var(--brand)}
body.lag .opt-group{background:#fff}
body.lag .opt-name{font-weight:800;color:var(--ink)}
body.lag .opt-name .req{color:var(--red)}
body.lag .opt-chosen{font-weight:600;color:var(--accent)}
body.lag .opt-chosen:empty{display:none}
body.lag .opt-tile{border-color:#76706A;border-radius:10px}
body.lag .opt-tile.sel{background:var(--ink);border-color:var(--ink)}
body.lag .opt-tile.sel .ot-name{color:#fff}
body.lag .opt-tile.sel .ot-delta{color:#E8E2DB}
body.lag .opt-group.err{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
body.lag .opt-err{display:flex;align-items:center;gap:6px;margin:-2px 0 10px;font-size:14px;font-weight:700;line-height:1.35;color:var(--red)}
body.lag .opt-err svg{width:18px;height:18px;flex:0 0 auto}
body.lag .sz-tab.on{background:var(--ink);color:#fff}
body.lag .sz-row.sel{background:var(--tint);box-shadow:inset 5px 0 0 var(--brand)}
body.lag .sz-row input{accent-color:var(--brand-2)}
body.lag .rv-first .ui-ic{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
/* galeria (17.10.2026): punctele PESTE poză, jos, centrate, pe o pastilă întunecată translucidă (vizibile pe orice poză), cel activ se
   lungește (starea se vede și după formă); poza nu se micșorează și nu se mută. A doua verificare a proprietarului (17.10.2026: „animația
   cu bullet-uri este uriașă, s-o micșorezi cu 50%”): totul la jumătate — punctul 4 px (activ 9 px), locul lui 11 px (activ 15 px),
   pastila (1 px / 3 px), distanța de la marginea pozei 6 px; zona de atingere crește doar pe verticală (::after, 23 px), fără să se vadă */
body.lag .pdp-dots{position:relative;z-index:3;width:max-content;max-width:calc(100% - 12px);flex-wrap:nowrap;justify-content:center;gap:0;margin:-19px auto 6px;padding:1px 3px;border-radius:999px;background:rgba(20,20,20,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
body.lag .pdp-dot,body.lag .pdp-dot.on{position:relative;width:11px;height:11px;border-radius:0;background:transparent}
body.lag .pdp-dot.on{width:15px}
/* multe poze (integrarea, 17.10.2026): punctele rămân pe un rând peste poză — se strâng până la 6 px, cel activ își păstrează lungimea */
body.lag .pdp-dot{flex:0 1 auto;min-width:6px}
body.lag .pdp-dot.on{flex-shrink:0}
body.lag .pdp-dot::before{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:999px;background:rgba(255,255,255,.62);transition:width .2s,margin .2s,background .2s}
body.lag .pdp-dot.on::before{width:9px;margin-left:-4.5px;background:#fff}
body.lag .pdp-dot::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}
body.lag .pdp-dot:focus-visible{outline-color:#fff;outline-offset:-1px}
/* pagina produsului pe fundalul gri: galeria + informațiile, descrierea și recenziile în blocuri albe (pozele și textele rămân aceleași) */
body.lag-pg-pdp .pdp,body.lag-pg-pdp .pdp-desc,body.lag-pg-pdp .rv-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
body.lag-pg-pdp .pdp-desc,body.lag-pg-pdp .rv-wrap{margin-top:20px}
body.lag-pg-pdp .pdp-desc>.sec-title,body.lag-pg-pdp .rv-wrap>.sec-title{margin-top:0}
/* descrierea pe toată lățimea cardului (proprietarul, 17.10.2026: rândurile se rupeau la ~3/4, cu un gol alb în dreapta) — app.css o ține la 820 px */
body.lag-pg-pdp .pdp-desc .rte{max-width:none}
/* cardurile de produs pe gri: conturul și umbra fină le despart de fundal */
body.lag-pg-home .pcard,body.lag-pg-cat .pcard,body.lag-pg-pdp .pcard{border-color:#E4DED7;box-shadow:0 1px 3px rgba(20,20,20,.06)}

/* bara fixă de jos a paginii produsului (themes/lag/_buybar.php, 17.10.2026 — modelul proprietarului): pe telefon ȘI pe desktop; stânga
   termenul real de livrare, dreapta cantitatea, prețul și „Adaugă în coș” verde. Sub bara de cookie (60) până la alegere, sub fereastra
   „Adăugat în coș” (120); ascunsă = în afara ecranului și invizibilă (nici focus, nici cititor de ecran) */
body.lag .lag-bb{display:block;position:fixed;left:0;right:0;bottom:0;z-index:58;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 22px rgba(20,20,20,.12);transform:translateY(110%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
body.lag .lag-bb.show{transform:none;visibility:visible;transition:transform .22s ease}
.lag-bb-in{display:flex;align-items:center;gap:12px 28px}
.lag-bb-eta{display:flex;align-items:center;gap:12px;min-width:0;color:var(--muted)}
.lag-bb-truck{width:30px;height:30px;flex:0 0 auto}
.lag-bb-et{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.lag-bb-et b{font-size:15px;font-weight:800;color:var(--ink)}
.lag-bb-et small{font-size:12.5px;font-weight:500;color:var(--muted)}
.lag-bb-buy{display:flex;align-items:center;gap:20px;margin-left:auto;min-width:0}
.lag-bb-row{display:flex;align-items:center;gap:20px}
.lag-bb-qty{position:relative;display:inline-flex;align-items:center;color:var(--ink)}
.lag-bb-qty select{-webkit-appearance:none;appearance:none;min-height:44px;margin:0;padding:0 30px 0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.lag-bb-qty select:hover{border-color:var(--ink)}
.lag-bb-qty svg{position:absolute;right:9px;width:16px;height:16px;pointer-events:none}
.lag-bb-price{display:inline-flex;align-items:flex-start;font-size:23px;font-weight:800;line-height:1;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.lag-bb-price .p-sup{font-size:max(11px,.55em)}
.lag-bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;min-width:250px;padding:0 24px;border:0;border-radius:10px;background:var(--buy);color:#fff;font:inherit;font-size:16px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:background .15s}
.lag .lag-bb-btn:hover{background:var(--buy-h);color:#fff}
.lag-bb-btn svg{width:22px;height:22px;flex:0 0 auto}
body.lag.has-buybar{padding-bottom:84px}
/* telefonul: ca în model — termenul în stânga (camionul sus, zilele, eticheta), după o linie verticală cantitatea și prețul pe un rând,
   butonul pe toată lățimea dedesubt */
@media(max-width:600px){
  body.lag .lag-bb{padding:8px 0 calc(8px + env(safe-area-inset-bottom))}
  .lag-bb-in{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:0;align-items:stretch}
  .lag-bb-noeta .lag-bb-in{grid-template-columns:minmax(0,1fr)}
  .lag-bb-eta{flex-direction:column;justify-content:center;gap:3px;padding-right:10px;border-right:1px solid var(--line);text-align:center}
  .lag-bb-truck{width:24px;height:24px}
  .lag-bb-et{align-items:center}
  .lag-bb-et b{font-size:13px}
  .lag-bb-et small{font-size:11.5px;line-height:1.3}
  .lag-bb-buy{flex-direction:column;align-items:stretch;gap:6px;margin-left:0;padding-left:10px}
  .lag-bb-noeta .lag-bb-buy{padding-left:0}
  .lag-bb-row{justify-content:space-between;gap:10px}
  .lag-bb-qty select{min-height:36px;padding:0 24px 0 6px;border-color:transparent}
  .lag-bb-qty svg{right:4px}
  .lag-bb-price{font-size:20px}
  .lag-bb-btn{width:100%;min-width:0;min-height:46px;padding:0 12px;font-size:15.5px}
  body.lag.has-buybar{padding-bottom:116px}
}
body.lag .pdp-rv a{color:var(--accent)}
@media(max-width:820px){
  /* poza nu mai intră sub antetul fix (product.php trăgea pagina cu −24 px în sus); pe gri, blocurile albe pe toată lățimea */
  body.lag .pdp{margin-top:0}
  body.lag-pg-pdp .lag-main{padding-top:0}
  body.lag-pg-pdp .pdp,body.lag-pg-pdp .pdp-desc,body.lag-pg-pdp .rv-wrap{margin-left:calc(-1 * clamp(16px,3vw,24px));margin-right:calc(-1 * clamp(16px,3vw,24px));border-width:0 0 1px;border-radius:0;padding:16px clamp(16px,3vw,24px)}
  body.lag-pg-pdp .pdp-desc,body.lag-pg-pdp .rv-wrap{margin-top:12px;border-top-width:1px}
  body.lag .pdp-info>.lead{display:none}
  body.lag .pdp-title{font-size:21px}
  body.lag .pdp-price{font-size:25px}
}
.lag .handmade{border-left-color:var(--brand);background:var(--tint)}
.lag .lag-note .handmade-av{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--accent);width:44px;height:44px}
/* coșul și finalizarea */
body.lag #cartCTA .btn-buy,.lag .btn-buy{background:var(--btn);color:#fff;border-radius:10px;font-weight:800;letter-spacing:.03em}
body.lag #cartCTA a.btn-buy:hover,.lag .btn-buy:hover{background:var(--ink);color:#fff;filter:none}
.lag .cart-sum,.lag .co-sum{background:var(--soft);border-color:var(--line)}
/* integrarea, 17.10.2026: „Plasează comanda” verde ca „Adaugă în coș” — verdele finalizării (#1f9d55) ar da doar 3,49:1 cu albul;
   --buy 5,02:1, hover 6,9:1 (textul rămâne alb) */
body.lag .co-sum .btn-buy{background:var(--buy);color:#fff}
body.lag .co-sum .btn-buy:hover{background:var(--buy-h);color:#fff}
/* sumarul coșului / al finalizării și coloana recenziilor rămân lipite SUB antetul fix (117 px pe desktop cu meniul pe al doilea rând,
   62 px sub 1180 px) — cu top:84px / 90px din modul, partea lor de sus intra sub antet */
@media(min-width:1180px){body.lag .cart-sum,body.lag .co-sum,body.lag .rv-side{top:133px}}
@media(min-width:821px) and (max-width:1179px){body.lag .cart-sum,body.lag .co-sum,body.lag .rv-side{top:78px}}
.lag .card-co{border-color:var(--line)}
.lag .card-co h3,.lag .cart-sum h3,.lag .co-sum h3{font-family:var(--display);font-weight:800;color:var(--ink)}
.lag .sum-row.total{color:var(--ink)}
.lag .cart-name{color:var(--ink);font-weight:700}
.lag .cart-del:hover{background:var(--tint);color:var(--red)}
.lag .cart-cont:hover{color:var(--accent)}
body.lag .pay-method:has(input:checked){border-color:var(--brand);background:var(--tint)}
body.lag .pay-method input:checked ~ .pm-dot{background:var(--brand);border-color:var(--brand)}
.lag .thanks-badge{background:var(--btn);color:#fff}
/* contul clientului */
.lag .acc-nav{background:var(--soft);border-color:var(--line)}
.lag .acc-nav nav a.on{color:var(--ink);box-shadow:inset 3px 0 0 var(--brand),inset 0 0 0 1px var(--line)}
.lag .acc-pts{background:var(--ink);color:#fff}
.lag .acc-tile-n{color:var(--ink)}
.lag .acc-alt a{color:var(--accent)}
/* căutarea modulului */
.lag .sug-p,.lag .sug-all{color:var(--accent)}

/* ---- bara de cookie și fereastra „Adăugat în coș” ---- */
.lag .ckbar{background:rgba(20,20,20,.97)}
/* bara ascunsă (alegerea făcută) nu mai rămâne randată sub ecran: app.css îi pune display:flex, care bate [hidden] */
.lag .ckbar[hidden]{display:none}
/* butonul WhatsApp (modulul whatsapp, z-index 900; pe LaGalerie oprit din 17.10.2026 — whatsapp_fab = 0) sub bara de cookie (60), căutare
   (70), favorite (130) și fereastra „Adăugat în coș” (120) */
.lag .wa-fab{z-index:55}
.lag .ckbar a{color:#FFB066}
.lag .ckbar .ck-yes{background:var(--btn);border-color:var(--btn);color:#fff;font-weight:800}
.atc-modal{position:fixed;inset:0;z-index:120;background:rgba(20,20,20,.55);display:none;align-items:center;justify-content:center;padding:16px}
.atc-modal.open{display:flex}
.atc-box{background:#fff;border-radius:16px;max-width:640px;width:100%;max-height:88vh;overflow:auto;padding:22px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.atc-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--ink);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.atc-close:hover{background:var(--accent)}
.atc-ok{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:2px 50px 14px 0}
.atc-check{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ok);color:#fff;flex:0 0 auto}
.atc-cross-h{font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin:6px 0 12px;color:var(--ink)}
.atc-cross[hidden],.atc-min[hidden]{display:none}
.xs-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.xs-card{flex:0 0 150px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px;display:flex;flex-direction:column}
.xs-img{display:block;aspect-ratio:1/1;border-radius:9px;overflow:hidden;background:var(--soft)}
.xs-img img{width:100%;height:100%;object-fit:cover}
.xs-name{font-size:12.5px;font-weight:700;color:var(--ink);margin:8px 0 3px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
.xs-price{font-weight:800;color:var(--ink);font-size:13.5px;margin-bottom:8px}
/* „+ Adaugă” (buton) și „Alege mărimea” (link spre pagina produsului) arată la fel: centrate, pe toată lățimea cardului */
.xs-add{margin-top:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;background:var(--btn);color:#fff;border:0;border-radius:8px;padding:8px;font-weight:800;font-size:13px;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;width:100%;font-family:inherit}
.lag a.xs-add,.lag a.xs-add:hover{color:#fff!important;text-decoration:none}
.xs-add:hover{background:var(--ink)}
.xs-add[disabled]{opacity:.7;cursor:default}
.atc-min{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:var(--tint);border:1px solid #F6D8BB;color:#5E3A12;font-size:14px;text-align:center}
.atc-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.atc-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-width:150px;white-space:nowrap}
.lag .atc-cart{background:var(--btn);color:#fff;font-weight:800}
.lag .atc-cont{background:var(--soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.lag .atc-cont:hover{background:var(--ink);color:#fff}

/* ---- fereastra „Adăugat în coș” în format PORTRET (17.10.2026, cererea proprietarului — organizarea ferestrei pepita.com, textele
   noastre; themes/lag/_lag_atc.php): un card îngust (420 px) centrat pe desktop, aproape tot ecranul pe telefon, derulabil, cu banda
   (bifa + mesajul + X) mereu sus; butonul mare portocaliu cu text ALB (--btn #F47A0A — portocaliul original, 17.10.2026). Regulile .atc-* de mai
   sus nu mai sunt folosite de tema lag (cardurile .xs-* da — HTML-ul coșului —, aici doar ce ține de carusel) ---- */
.lag-atc{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(20,20,20,.6)}
.lag-atc.open{display:flex}
.lag-atc [hidden]{display:none!important}
.lag-atc-box{position:relative;display:flex;flex-direction:column;width:100%;max-width:420px;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.32);animation:lagAtcIn .2s ease-out}
@keyframes lagAtcIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* banda de sus: gri închis (alb 11,6:1), mesajul centrat, X-ul în dreapta (44 px); lipicioasă — rămâne sus când fereastra se derulează */
.lag-atc-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;flex:0 0 auto;min-height:48px;padding:2px 2px 2px 46px;background:#3A3A3A;color:#fff}
.lag-atc-ok{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;margin:0;font-size:15px;font-weight:700;line-height:1.3;color:#fff;text-align:center}
.lag-atc-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#24A148;color:#fff}
.lag-atc-x{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer}
.lag-atc-x:hover{background:rgba(255,255,255,.14)}
.lag .lag-atc-bar :focus-visible{outline:2px solid #fff;outline-offset:-4px}
/* produsul: poza centrată, numele, numărul și valoarea coșului, „Continuă cumpărăturile”, butonul mare. Compact (cererea proprietarului
   după previzualizarea pe iPhone, 17.10.2026: „poza produsului puțin mai mică și textul de sub el mai compact, ca să se vadă și produsele
   din cross sell”): poza 220 → 170 px (27vh → 21vh), numele 15 px pe cel mult 2 rânduri, valoarea 21 px, spațiile verticale mai mici;
   pe telefon (mai jos) poza ≤ 150 px / 18vh și butonul de 50 px — pe 390 × 664 (Safari pe iPhone, cu barele) pozele și numele
   recomandărilor intră în ecran fără derulare, pe 390 × 844 cardurile întregi (calculul în 90_theme_lag_atc.php) */
.lag-atc-main{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;padding:16px 20px 18px;text-align:center}
.lag-atc-img{width:min(170px,50%,21vh);aspect-ratio:1/1;margin:0 0 10px;border-radius:10px;overflow:hidden;background:#fff}
.lag-atc-img img{display:block;width:100%;height:100%;object-fit:contain}
.lag-atc-name{margin:0 0 6px;max-width:100%;font-size:15px;font-weight:600;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lag-atc-sum{margin:0;font-size:14px;line-height:1.4;color:var(--text)}
.lag-atc-sum b{font-weight:800;color:var(--ink)}
.lag-atc-sum .lag-atc-val{display:block;margin-top:1px;font-size:21px;line-height:1.15;font-variant-numeric:tabular-nums}
.lag-atc-vs{font-size:12.5px;font-weight:700;vertical-align:top;line-height:1.5}
.lag-atc-min{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:var(--tint);border:1px solid #F6D8BB;color:#5E3A12;font-size:13.5px;line-height:1.4}
.lag-atc-cont{min-height:44px;margin:4px 0 2px;padding:6px 14px;border:0;border-radius:8px;background:none;color:var(--accent);font:inherit;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lag-atc-cont:hover{color:var(--ink)}
.lag-atc-go{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;min-height:54px;padding:8px 22px;border-radius:10px;background:var(--btn,#F47A0A);font-size:19px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;box-shadow:0 4px 14px rgba(244,122,10,.3);transition:background .15s}
.lag a.lag-atc-go,.lag a.lag-atc-go:hover{color:#fff;text-decoration:none}
.lag a.lag-atc-go:hover{background:var(--ink)}
/* „Îți mai recomandăm”: cardurile coșului într-un rând derulabil (glisare, scroll-snap), două carduri și începutul celui de-al treilea;
   săgețile doar când rândul are ce derula */
.lag-atc-cross{flex:0 0 auto;padding:12px 0 14px;background:var(--soft);border-top:1px solid var(--line)}
.lag-atc-cross-h{display:flex;align-items:center;gap:8px;margin:0 16px 10px;font-family:var(--display);font-size:15px;font-weight:800;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--ink)}
.lag-atc-cross-h svg{flex:0 0 auto}
.lag-atc-car{position:relative}
.lag-atc .lag-atc-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:2px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.lag-atc .lag-atc-row::-webkit-scrollbar{display:none}
.lag-atc .xs-card{flex:0 0 calc((100% - 10px) / 2.2);min-width:0;scroll-snap-align:start;border-color:#E4DED7}
.lag-atc-arr{position:absolute;top:34%;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:56px;margin-top:-28px;padding:0;border:0;background:rgba(20,20,20,.82);color:#fff;cursor:pointer}
.lag-atc-prev{left:0;border-radius:0 8px 8px 0}
.lag-atc-next{right:0;border-radius:8px 0 0 8px}
.lag-atc-arr:hover{background:var(--ink)}
/* săgețile stau lipite de marginile ferestrei (care taie ce iese din ea): conturul focusului e desenat înăuntru, alb pe săgeata închisă */
.lag .lag-atc-arr:focus-visible{outline:2px solid #fff;outline-offset:-5px}
/* telefonul: aproape tot ecranul (8 px de jur împrejur, plus zonele sigure), derulabil în interior */
@media(max-width:560px){
  .lag-atc{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}
  .lag-atc-box{max-width:none;border-radius:12px}
  .lag-atc-bar{min-height:44px}
  .lag-atc-main{padding:12px 16px 14px}
  .lag-atc-img{width:min(150px,42%,18vh);margin-bottom:8px}
  .lag-atc-sum .lag-atc-val{font-size:20px}
  .lag-atc-go{min-height:50px;font-size:18px}
  .lag-atc-arr{width:36px;height:52px;margin-top:-26px}
}
@media(prefers-reduced-motion:reduce){.lag-atc-box{animation:none}}

/* ---- ecrane înguste ---- */
@media(max-width:1100px){
  .lag-cat-row{gap:16px}
  .lag-cat-row li{flex-basis:calc((100% - 80px) / 6)}
  .lag-ftr-grid{grid-template-columns:1fr 1fr}
  .lag-slide-in{gap:24px}
}
/* sub 1180 px: meniul devine sertar (burger), sigla lângă burger, iconițele în dreapta — meniul LaGalerie (8 categorii, ≈ 1130 px) nu
   mai încape pe un rând, iar pe două rânduri antetul fix ar ocupa ~21% din ecranul unei tablete ținute orizontal */
@media(max-width:1179px){
  .lag-burger{display:inline-flex}
  .lag-hdr-in{flex-wrap:nowrap;gap:2px;min-height:62px;padding-top:6px;padding-bottom:6px}
  .lag-burger{margin-left:-8px}
  .lag-logo{height:36px}
  .lag-act{gap:0;margin-right:-8px}
  .lag-nav,.lag-nav-inline .lag-nav{position:fixed;top:0;left:0;bottom:0;width:min(88vw,360px);z-index:2;margin:0;border-top:0;background:#fff;overflow-y:auto;transform:translateX(-105%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;box-shadow:0 0 40px rgba(0,0,0,.25);padding-bottom:24px}
  .lag-nav.open{transform:none;visibility:visible;transition:transform .25s ease}
  .lag-nav-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 18px;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:800;font-size:17px;color:var(--ink)}
  .lag-nav .lag-search{display:flex;margin:14px 16px 6px}
  .lag-menu{flex-direction:column;flex-wrap:nowrap;gap:0;justify-content:flex-start}
  .lag-ml,.lag-mt{width:100%;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);font-size:15.5px;box-shadow:none}
  .lag .lag-ml:hover,.lag-mt:hover,.lag-mt[aria-expanded="true"]{box-shadow:inset 3px 0 0 var(--brand)}
  .lag-sub{position:static;min-width:0;border:0;border-radius:0;box-shadow:none;padding:4px 0 10px 14px;background:var(--soft)}
  /* linkurile doar de desktop (lag_menu_mob_hide: „Garanție 100%”, „Contact” — 17.10.2026) nu apar în sertar */
  .lag-mi-dsk{display:none}
  .lag-nav-acc{display:flex;flex-direction:column;list-style:none;margin:10px 0 0;padding:0 8px}
  .lag-nav-acc a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:10px;color:var(--ink);font-weight:700}
  .lag-nav-acc svg{width:22px;height:22px}
  .lag-hdr .acc-link{display:none}
}
/* sub 1024 px: bara de sus doar cu primul mesaj, slider-ul mai scund, categoriile pe 3 coloane, panoul sub poză; benzile pe 2 coloane
   (3 când sunt 3 elemente, pe tabletă) */
@media(max-width:1023px){
  .lag-top-in{grid-template-columns:minmax(0,1fr);min-height:34px}
  .lag-top-ph,.lag-top-soc,.lag-top-sp{display:none}
  .lag-top-nomsg{display:none}
  .lag-top-msgs{flex-wrap:nowrap;overflow:hidden}
  .lag-top-msgs li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .lag-top-msgs li+li{display:none}
  .lag-slide{min-height:420px}
  .lag-slide-t{font-size:clamp(30px,5vw,42px)}
  .lag-harr-prev{left:10px}.lag-harr-next{right:10px}
  .lag-cat-row{flex-wrap:wrap}
  .lag-cat-row li{flex-basis:calc((100% - 32px) / 3)}
  .lag-promo{grid-template-columns:minmax(0,1fr)}
  .lag-promo-img{min-height:0;aspect-ratio:16/9}
  .lag-trust,.lag-ben-in{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:681px) and (max-width:1023px){
  .lag-trust:has(> li:nth-child(3):last-child),.lag-ben-in:has(> li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .lag .prod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* 681–900 px: 3 coloane → „Cele mai vândute” (8) fără rândul incomplet de 2: primele 6 */
@media(min-width:681px) and (max-width:900px){
  .lag-grid > :nth-child(n+7){display:none}
}
/* telefonul (prioritar — traficul vine din Meta / TikTok): slider compact cu poza sus, banda 2 × 2, categoriile pe un rând derulabil */
@media(max-width:680px){
  .lag-main{padding-top:16px}
  .lag-home{margin-top:-16px}
  .lag-logo{height:32px}
  .lag-slide{min-height:0;align-items:stretch}
  .lag-slide-in{grid-template-columns:minmax(0,1fr);gap:4px;padding-top:18px;padding-bottom:76px}
  .lag-slide-art{order:-1;width:min(64vw,250px)}
  .lag-slide-c{max-width:none}
  .lag-kicker{font-size:11.5px;margin-bottom:8px;letter-spacing:.14em}
  .lag-slide-t{font-size:29px;line-height:1.08;margin-bottom:8px;max-width:none}
  .lag-slide-x{font-size:15px;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .lag-hero .lag-btn{display:flex;width:100%}
  /* poza pe toată lățimea: sus, 16:10 (sau pătrată din image_mobile), textul dedesubt pe fundalul deschis */
  .lag-slide.is-photo{flex-direction:column}
  .lag-slide.is-photo::after{content:none}
  .lag-slide.is-photo .lag-slide-bg{position:static;display:block;height:auto;aspect-ratio:16/10}
  .lag-slide.has-m .lag-slide-bg{aspect-ratio:1/1}
  .lag-slide.is-photo .lag-slide-in{padding-top:16px}
  .lag-harr{top:calc(18px + min(32vw,125px));width:40px;height:40px}
  .lag-hero:has(.lag-slide.on.is-photo) .lag-harr{top:31vw}
  .lag-harr svg{width:19px;height:19px}
  .lag-harr-prev{left:8px}.lag-harr-next{right:8px}
  .lag-hero-nav{bottom:38px}
  .lag-slides{touch-action:pan-y}
  .lag-trust{margin-top:-30px;padding:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;border-radius:12px}
  .lag-trust li{gap:9px;align-items:flex-start}
  .lag-trust .lag-i{width:26px;height:26px}
  .lag-trust b{font-size:13px}
  .lag-trust small{font-size:12px}
  .lag-sec{margin-top:48px}
  .lag-h2{font-size:18px;margin-bottom:22px}
  .lag-sec-hd{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px}
  .lag-all{margin:0}
  .lag-cat-row{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:12px;margin:0 -16px;padding:2px 16px 10px;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;overscroll-behavior-x:contain}
  .lag-cat-row::-webkit-scrollbar{display:none}
  .lag-cat-row li{flex:0 0 29%;scroll-snap-align:start}
  .lag-cat{gap:9px}
  .lag-cat-n{font-size:11.5px;letter-spacing:.05em}
  .lag-promo{margin-top:48px;gap:12px}
  .lag-promo-c{padding:28px 22px}
  .lag-promo-t{font-size:26px}
  .lag-promo-x{font-size:15px;margin-bottom:20px}
  .lag .prod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .lag .pcard-b{padding:10px 10px 11px}
  .lag .pcard-name{font-size:13.5px}
  .lag .pcard-price{font-size:15.5px;margin:auto 0 10px;padding-top:6px}
  .lag .pcard-img .badge{top:8px;left:8px;font-size:11.5px;padding:3px 7px}
  .lag-fav{top:6px;right:6px;width:38px;height:38px}
  .lag-add{min-height:42px;font-size:11.5px;letter-spacing:.03em;padding:6px 6px}
  .lag-ben{margin-top:56px}
  .lag-ben-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding-top:22px;padding-bottom:22px}
  .lag-ben li{justify-content:flex-start;align-items:flex-start;gap:9px}
  .lag-ben .lag-i{width:26px;height:26px}
  .lag-ben b{font-size:13px}
  .lag-ben small{font-size:12px}
  .lag-ftr-grid{grid-template-columns:1fr 1fr;gap:28px 18px;padding-top:40px;padding-bottom:28px}
  .lag-ftr-brand,.lag-ftr-col:last-child{grid-column:1/-1}
  .lag-ftr-links,.lag-ftr-co{gap:8px}
  .lag-ftr-h{font-size:12.5px;letter-spacing:.1em}
  .lag-ftr-bot-in{flex-direction:column;align-items:flex-start}
  body.lag .page-title,body.lag .page-body h1{font-size:25px}
  /* subcategoriile pe un singur rând derulabil (12 pastile pe 6 rânduri împingeau produsele sub ecran) */
  body.lag .subcats{flex-wrap:nowrap;overflow-x:auto;margin:4px -16px 16px;padding:2px 16px 6px;scrollbar-width:none;overscroll-behavior-x:contain}
  body.lag .subcats::-webkit-scrollbar{display:none}
  body.lag .subcat-chip{flex:0 0 auto;white-space:nowrap}
  /* paginarea pe un rând: „‹ Înapoi” / „Înainte ›” doar cu săgeata (textul rămâne numele accesibil), butoanele mai strânse */
  body.lag .pager{gap:5px}
  body.lag .pager a,body.lag .pager span{padding:9px 10px;min-width:36px}
  body.lag .pager > :first-child,body.lag .pager > :last-child{font-size:0;min-width:42px}
  body.lag .pager > :first-child::before{content:"‹";content:"‹" / "";font-size:18px;line-height:14px}
  body.lag .pager > :last-child::after{content:"›";content:"›" / "";font-size:18px;line-height:14px}
  .lag .sec-title{font-size:17px}
  .atc-ok{font-size:18px}
  .xs-add{min-height:44px;font-size:13.5px}
  .lag-404-code{font-size:64px}
}
@media(max-width:380px){
  .lag-ic{width:42px;height:42px}
  .lag-ic svg{width:22px;height:22px}
  .lag-ic.lag-burger svg{width:26.4px;height:26.4px}
  .lag-ic.lag-burger{width:44px;height:44px}
  .lag-logo{height:29px}
  .lag-slide-t{font-size:26px}
  .lag-cat-row li{flex-basis:31%}
}
@media(prefers-reduced-motion:reduce){
  .lag-nav,.lag-chev,.lag-slide,.lag-slide.on,.lag-dot::before,.lag-cat-img,.lag .pcard-img img,.lag-promo-img img,.lag-fav,body.lag .lag-bb,body.lag .lag-bb.show,body.lag .pdp-dot::before{transition:none}
  .lag-cat:hover .lag-cat-img,.lag .pcard:hover .pcard-img img,.lag-promo-img:hover img,.lag-fav:hover{transform:none}
}