/* ══════════════════════════════════════════════════════════════
   ELECTRO DOVIS — tema magazin.dovis.ro (stil TIM.pl, generată cu Kimi,
   adaptată de Kimi Code 13.10.2026). Fonturi self-hosted în ../fonts/
   (Barlow + IBM Plex Mono — fără dependență externă de Google Fonts).
   Paletă: bleumarin industrial + amber semnalizare + albastru CTA.
   ══════════════════════════════════════════════════════════════ */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/barlow-400-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}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/barlow-400-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:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/barlow-500-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}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/barlow-500-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:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/barlow-600-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}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/barlow-600-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:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-700-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}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-700-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:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibmplexmono-400-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}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibmplexmono-400-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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibmplexmono-500-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}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibmplexmono-500-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}

/* ══════════════════════════════════════════════════════════════
   ELECTRO DOVIS — template homepage (stil TIM.pl adaptat)
   Paletă: bleumarin industrial + amber semnalizare + albastru CTA
   ══════════════════════════════════════════════════════════════ */
:root{
  --navy:#0e2a47;
  --navy-2:#123a63;
  --navy-3:#0a1f36;
  --accent:#ffb800;
  --accent-2:#e6a400;
  --cta:#1668dc;
  --cta-2:#0f54b8;
  --bg:#eef1f5;
  --card:#ffffff;
  --text:#1c2530;
  --muted:#68768a;
  --border:#dde3ea;
  --success:#12805c;
  --warn:#b54708;
  --danger:#d92d20;
  --radius:10px;
  --shadow:0 10px 30px rgba(14,42,71,.14);
  --font:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1280px;
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  font-size:15px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
img,svg{display:block}
.ic{width:20px;height:20px;flex:none}
:focus-visible{outline:2px solid var(--cta);outline-offset:2px;border-radius:4px}

/* ── Bara superioară ─────────────────────────────────────────── */
.topbar{background:var(--navy-3);color:#c6d3e2;font-size:12.5px}
.topbar__in{display:flex;justify-content:space-between;align-items:center;height:34px}
.topbar__left,.topbar__right{display:flex;gap:22px;align-items:center}
.topbar__item{display:inline-flex;align-items:center;gap:7px;color:#c6d3e2}
.topbar__item .ic{width:13px;height:13px;fill:currentColor}
.topbar__accent{color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}
a.topbar__item:hover{color:#fff}

/* ── Header ──────────────────────────────────────────────────── */
.header{background:#fff;border-bottom:1px solid var(--border)}
.header__in{display:flex;align-items:center;gap:28px;height:84px}

.logo{display:inline-flex;align-items:center;gap:11px;flex:none}
.logo__mark{
  width:44px;height:44px;border-radius:9px;background:var(--navy);
  display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(255,184,0,.35);
}
.logo__mark svg{width:23px;height:23px;fill:var(--accent)}
.logo__text{font-size:20px;font-weight:600;letter-spacing:.01em;color:var(--navy);line-height:1.05;display:flex;flex-direction:column}
.logo__text strong{display:inline;font-weight:700}
.logo__text em{font-style:normal;font-size:10.5px;font-weight:500;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:3px}

.search{flex:1;display:flex;max-width:620px;margin:0 auto}
.search input{
  flex:1;height:46px;border:2px solid var(--navy);border-right:0;border-radius:8px 0 0 8px;
  padding:0 16px;font:inherit;font-size:14.5px;color:var(--text);background:#fff;min-width:0;
}
.search input::placeholder{color:#97a3b4}
.search input:focus{outline:none;border-color:var(--accent-2)}
.search button{
  width:56px;height:46px;border-radius:0 8px 8px 0;background:var(--navy);color:#fff;
  display:grid;place-items:center;transition:background .18s;
}
.search button:hover{background:var(--navy-2)}

.hactions{display:flex;gap:6px;flex:none}
.haction{
  display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:8px;
  font-size:12.5px;line-height:1.2;color:var(--navy);font-weight:600;position:relative;
  transition:background .15s;
}
.haction:hover{background:#f1f4f9}
.haction .ic{width:25px;height:25px;color:var(--navy)}
.haction--cart .cartsum{font-weight:700;color:var(--text)}
.cartbadge{
  position:absolute;top:2px;left:26px;min-width:18px;height:18px;padding:0 5px;
  background:var(--accent);color:var(--navy-3);border-radius:9px;font-style:normal;
  font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid #fff;
}
.burger{display:none;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px;padding:9px;border-radius:8px}
.burger span{display:block;height:2.4px;background:var(--navy);border-radius:2px}

/* ── Bara de navigație ───────────────────────────────────────── */
.mainnav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:60;transition:box-shadow .2s}
.mainnav.is-stuck{box-shadow:0 6px 20px rgba(14,42,71,.12)}
.mainnav__in{display:flex;align-items:center;gap:6px;height:52px}
.catbtn{
  display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px;margin-left:-20px;padding-left:20px;
  background:var(--navy);color:#fff;font-weight:700;letter-spacing:.06em;font-size:13px;
  align-self:stretch;transition:background .18s;
}
.catbtn:hover{background:var(--navy-2)}
.catbtn .ic{width:19px;height:19px}
.navlinks{display:flex;gap:2px;margin-left:8px}
.navlinks a{
  display:block;padding:8px 14px;border-radius:7px;font-weight:600;font-size:14px;color:var(--navy);
  transition:background .15s,color .15s;
}
.navlinks a:hover{background:#f1f4f9}
.navlinks a.is-hot{color:#c63702}
.mainnav__note{margin-left:auto;font-size:12.5px;color:var(--muted)}
.mainnav__note b{color:var(--navy)}

/* ── Zona erou ───────────────────────────────────────────────── */
.hero{position:relative;display:grid;grid-template-columns:264px 1fr;gap:18px;margin-top:18px}

/* Sidebar categorii */
.catside{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.catside__list{padding:6px 0}
.catitem{border-bottom:1px solid #eef1f5}
.catitem:last-child{border-bottom:0}
.catitem > a{
  display:flex;align-items:center;gap:11px;padding:0 14px;height:46px;
  font-weight:600;font-size:13.8px;color:var(--text);transition:background .12s,color .12s;
}
.catitem .ic{width:20px;height:20px;color:var(--muted);transition:color .12s}
.catitem .chev{margin-left:auto;width:15px;height:15px;color:#aab4c2;transition:transform .15s,color .12s}
.catitem:hover > a,.catitem.is-open > a{background:var(--navy);color:#fff}
.catitem:hover .ic,.catitem.is-open .ic{color:var(--accent)}
.catitem:hover .chev,.catitem.is-open .chev{color:var(--accent);transform:translateX(2px)}

/* rândul „Toate categoriile” din sidebar */
.catside__all-li{border-top:2px solid var(--navy)}
.catside__all{
  display:flex;align-items:center;gap:11px;width:100%;padding:0 14px;height:46px;
  font-weight:700;font-size:13.2px;color:var(--cta);letter-spacing:.02em;background:#f6f9fd;
  transition:background .12s,color .12s;text-align:left;
}
.catside__all .ic{width:19px;height:19px}
.catside__all .chev{margin-left:auto;width:15px;height:15px;transition:transform .15s}
.catside__all:hover{background:var(--cta);color:#fff}
.catside__all:hover .chev{transform:translateX(3px)}

/* ── Panou „Toate categoriile” ───────────────────────────────── */
.allcats{position:fixed;inset:0;z-index:100;display:none}
.allcats.is-open{display:block}
.allcats__backdrop{
  position:absolute;inset:0;background:rgba(10,20,34,.58);
  animation:fadeIn .2s ease both;
}
.allcats__panel{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(1080px,94vw);max-height:86vh;overflow-y:auto;
  background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:26px 30px 30px;
  animation:popIn .22s cubic-bezier(.34,1.4,.64,1) both;
}
@keyframes fadeIn{from{opacity:0}}
@keyframes popIn{from{opacity:0;transform:translate(-50%,-48%) scale(.97)}}
.allcats__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.allcats__head h2{font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.allcats__head h2 span{
  font-size:12px;font-weight:600;color:var(--muted);margin-left:10px;letter-spacing:.06em;text-transform:uppercase;
}
.allcats__close{
  width:40px;height:40px;border-radius:9px;display:grid;place-items:center;color:var(--navy);
  border:1px solid var(--border);transition:background .15s;
}
.allcats__close:hover{background:#f1f4f9}
.allcats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.allcats__card{
  border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;
  transition:box-shadow .16s,border-color .16s;
}
.allcats__card:hover{box-shadow:var(--shadow);border-color:#c9d3df}
.allcats__card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.allcats__card-head .ic{width:21px;height:21px;color:var(--navy)}
.allcats__card-head b{font-size:15px;color:var(--navy)}
.allcats__home{
  margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--accent-2);background:#fff4d6;padding:3px 7px;border-radius:4px;
}
.allcats__card ul li a{
  display:block;padding:4.5px 0;font-size:13.5px;color:#4a5768;transition:color .12s,padding-left .12s;
}
.allcats__card ul li a:hover{color:var(--cta);padding-left:5px}

/* Megamenu flotant */
.mega{
  position:absolute;left:282px;top:0;width:calc(100% - 282px);min-height:100%;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow);z-index:50;padding:26px 30px;
  display:none;opacity:0;transform:translateX(6px);
}
.mega.is-visible{display:block;opacity:1;transform:none;transition:opacity .16s ease,transform .16s ease}
.mega__grid{display:grid;grid-template-columns:repeat(3,1fr) 220px;gap:26px}
.mega__group h4{
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);
  padding-bottom:9px;margin-bottom:9px;border-bottom:2px solid var(--accent);font-weight:700;
}
.mega__group li a{
  display:block;padding:5.5px 0;font-size:13.8px;color:#4a5768;transition:color .12s,padding-left .12s;
}
.mega__group li a:hover{color:var(--cta);padding-left:5px}
.mega__promo{
  border-radius:var(--radius);padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;
  background:linear-gradient(160deg,var(--navy-2),var(--navy-3) 70%);position:relative;overflow:hidden;min-height:180px;
}
.mega__promo::before{
  content:"";position:absolute;right:-38px;top:-38px;width:130px;height:130px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,184,0,.5),transparent 65%);
}
.mega__promo small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}
.mega__promo b{font-size:17px;line-height:1.25}
.mega__promo span{font-size:12.5px;color:#bccadd}
.mega__all{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:var(--cta)}
.mega__all:hover{text-decoration:underline}

/* Carusel */
.carousel{
  position:relative;border-radius:var(--radius);overflow:hidden;background:var(--navy);
  min-height:438px;border:1px solid var(--border);
}
.carousel__track{display:flex;height:100%;transition:transform .55s cubic-bezier(.77,0,.18,1)}
.slide{
  flex:0 0 100%;display:flex;align-items:center;gap:20px;padding:44px 56px;color:#fff;
  position:relative;overflow:hidden;
}
.slide__txt{position:relative;z-index:2;max-width:56%}
.slide__tag{
  display:inline-block;background:var(--accent);color:var(--navy-3);font-weight:700;font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:5px;margin-bottom:16px;
}
.slide__txt h3{font-size:clamp(24px,2.6vw,36px);line-height:1.12;font-weight:700;letter-spacing:-.01em}
.slide__txt p{margin-top:12px;font-size:15px;color:#c6d3e2;max-width:44ch}
.slide__cta{
  display:inline-flex;align-items:center;gap:9px;margin-top:24px;background:var(--accent);color:var(--navy-3);
  font-weight:700;font-size:13.5px;letter-spacing:.05em;padding:13px 26px;border-radius:8px;
  transition:transform .15s,background .15s;
}
.slide__cta:hover{background:#ffc733;transform:translateY(-2px)}
.slide__cta .ic{width:16px;height:16px}
.slide__art{position:absolute;right:34px;top:50%;transform:translateY(-50%);z-index:1;opacity:.95}
.slide::after{ /* textură fină de grinzi/linii tehnice */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.028) 0 2px,transparent 2px 26px);
}
.slide--a{background:linear-gradient(120deg,#123a63 0%,#0a1f36 78%)}
.slide--b{background:linear-gradient(120deg,#0e2a47 0%,#134a3a 130%)}
.slide--c{background:linear-gradient(120deg,#25160a 0%,#0e2a47 90%)}

.carousel__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.12);backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center;
  opacity:0;transition:opacity .18s,background .18s;border:1px solid rgba(255,255,255,.25);
}
.carousel:hover .carousel__arrow{opacity:1}
.carousel__arrow:hover{background:rgba(255,255,255,.28)}
.carousel__arrow svg{width:20px;height:20px}
.carousel__arrow--prev{left:14px}
.carousel__arrow--next{right:14px}
.carousel__dots{position:absolute;left:56px;bottom:20px;display:flex;gap:8px;z-index:5}
.carousel__dots button{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .2s,transform .2s}
.carousel__dots button.is-active{background:var(--accent);transform:scale(1.25)}

/* ── Servicii ────────────────────────────────────────────────── */
.services{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;
}
.service{
  display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:16px 18px;transition:box-shadow .16s,transform .16s;
}
.service:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.service .ic{width:30px;height:30px;color:var(--navy)}
.service span{font-size:12.8px;color:var(--muted);line-height:1.3}
.service b{display:block;font-size:14.5px;color:var(--navy)}

/* ── Produse recomandate ─────────────────────────────────────── */
.reco{margin-top:26px}
.reco__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.reco__head h2{font-size:21px;font-weight:600;letter-spacing:-.01em}
.reco__head h2 b{font-weight:700;color:var(--navy)}
.reco__tools{display:flex;align-items:center;gap:8px}
.reco__all{
  display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--cta);
  margin-right:6px;
}
.reco__all:hover{text-decoration:underline}
.reco__all .ic{width:14px;height:14px}
.reco__arrow{
  width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;
  display:grid;place-items:center;color:var(--navy);transition:border-color .15s,background .15s;
}
.reco__arrow:hover{border-color:var(--navy);background:#f6f8fb}
.reco__arrow svg{width:17px;height:17px}

.reco__scroller{position:relative}
.reco__scroller::before,.reco__scroller::after{ /* estompare la margini */
  content:"";position:absolute;top:0;bottom:0;width:34px;z-index:3;pointer-events:none;opacity:0;transition:opacity .2s;
}
.reco__scroller::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.reco__scroller::after{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}
.reco__scroller.can-left::before,.reco__scroller.can-right::after{opacity:1}
.reco__row{
  display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;
  scrollbar-width:none;
}
.reco__row::-webkit-scrollbar{display:none}

.pcard{
  flex:0 0 calc((100% - 56px)/5);scroll-snap-align:start;min-width:0;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px;display:flex;flex-direction:column;position:relative;
  transition:box-shadow .18s,transform .18s,border-color .18s;
}
.pcard:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:#c9d3df}
.pcard__badge{
  position:absolute;top:12px;left:12px;z-index:2;font-size:10.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;padding:4px 9px;border-radius:5px;color:#fff;background:var(--cta);
}
.pcard__badge--sale{background:var(--danger)}
.pcard__badge--top{background:var(--navy)}
.pcard__img{
  aspect-ratio:1/1;border-radius:8px;background:#f6f8fb;display:grid;place-items:center;margin-bottom:12px;
}
.pcard__img svg{width:62%;height:62%}
.pcard__brand{font-size:10.8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.pcard__name{
  font-size:14px;font-weight:600;line-height:1.3;margin-top:3px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;
}
.pcard__sku{font-family:var(--mono);font-size:11px;color:#8a96a6;margin-top:5px}
.pcard__stock{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;margin-top:9px}
.pcard__stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.pcard__stock--in{color:var(--success)}
.pcard__stock--low{color:var(--warn)}
.pcard__price{margin-top:auto;padding-top:10px}
.pcard__old{font-size:12.5px;color:#98a3b2;text-decoration:line-through}
.pcard__now{font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.pcard__now small{font-size:12px;font-weight:600;color:var(--muted)}
.pcard__vat{font-size:10.8px;color:#98a3b2;margin-top:1px}
.pcard__btn{
  margin-top:12px;height:40px;border-radius:8px;background:var(--navy);color:#fff;font-weight:700;
  font-size:13px;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;gap:9px;
  transition:background .16s;
}
.pcard__btn .ic{width:16px;height:16px}
.pcard__btn:hover{background:var(--cta)}

/* ── Producători ─────────────────────────────────────────────── */
.brands{margin:28px 0 40px}
.brands__title{font-size:17px;font-weight:600;margin-bottom:12px}
.brands__title b{color:var(--navy)}
.brands__row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.brands__row li{
  background:#fff;border:1px solid var(--border);border-radius:8px;padding:15px 8px;text-align:center;
  font-weight:700;font-size:13px;color:#5b6678;letter-spacing:.02em;
  transition:border-color .15s,color .15s;
}
.brands__row li:hover{border-color:var(--navy);color:var(--navy)}

/* ── Footer ──────────────────────────────────────────────────── */
.footer{background:var(--navy-3);color:#aebdd0;margin-top:auto}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding:44px 20px 36px}
.logo--footer .logo__text{color:#fff;font-size:18px}
.footer__col p{font-size:13.5px;margin-top:14px;line-height:1.55}
.footer__contact{color:#8fa2b9}
.footer__col h3{
  color:#fff;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px;font-weight:700;
}
.footer__col a{display:block;padding:4.5px 0;font-size:13.8px;transition:color .14s}
.footer__col a:hover{color:var(--accent)}
.footer__bar{border-top:1px solid rgba(255,255,255,.09);font-size:12.5px}
.footer__bar-in{display:flex;justify-content:space-between;padding:15px 20px;color:#7e92aa}
.footer__pay{letter-spacing:.04em}

/* ── Sertar mobil + overlay ──────────────────────────────────── */
.overlay{
  position:fixed;inset:0;background:rgba(10,20,34,.55);z-index:80;opacity:0;transition:opacity .25s;
}
.overlay.is-on{opacity:1}
.drawer{
  position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);background:#fff;z-index:90;
  transform:translateX(-102%);transition:transform .3s cubic-bezier(.77,0,.18,1);
  display:flex;flex-direction:column;box-shadow:var(--shadow);
}
.drawer.is-open{transform:none}
.drawer__head{
  display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:58px;flex:none;
  background:var(--navy);color:#fff;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;
}
.drawer__head button{width:38px;height:38px;display:grid;place-items:center;border-radius:8px}
.drawer__head button:hover{background:rgba(255,255,255,.12)}
.drawer__list{overflow-y:auto;flex:1}
.drawer__list > li{border-bottom:1px solid #edf0f4}
.drawer__cat{
  display:flex;align-items:center;gap:12px;width:100%;padding:15px 18px;font-weight:600;font-size:14.5px;
  color:var(--text);text-align:left;
}
.drawer__cat .ic{width:20px;height:20px;color:var(--navy)}
.drawer__cat .chev{margin-left:auto;width:16px;height:16px;color:#9aa6b5;transition:transform .2s}
li.is-expanded .drawer__cat .chev{transform:rotate(90deg)}
.drawer__sub{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#f7f9fc}
.drawer__sub a{
  display:block;padding:10px 18px 10px 50px;font-size:13.8px;color:#4a5768;border-top:1px solid #eef1f5;
}
.drawer__sub a:hover{color:var(--cta)}

/* ── Toast ───────────────────────────────────────────────────── */
.toast{
  position:fixed;bottom:26px;left:50%;transform:translate(-50%,16px);z-index:120;
  background:var(--navy-3);color:#fff;font-size:13.5px;font-weight:500;padding:12px 22px;border-radius:9px;
  opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90vw;text-align:center;
  box-shadow:var(--shadow);
}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ══════════════ RESPONSIVE ══════════════ */
@media (max-width:1120px){
  .pcard{flex-basis:calc((100% - 42px)/4)}
  .mega__grid{grid-template-columns:repeat(3,1fr)}
  .mega__promo{display:none}
  .mainnav__note{display:none}
}
@media (max-width:960px){
  .hero{grid-template-columns:1fr}
  .catside,.mega{display:none !important}   /* pe mobil: categorii în sertar */
  .carousel{min-height:340px}
  .slide{padding:34px 30px}
  .slide__txt{max-width:70%}
  .slide__art{right:-30px;opacity:.4}
  .carousel__arrow{opacity:1}
  .services{grid-template-columns:repeat(2,1fr)}
  .burger{display:flex}
  .haction span{display:none}
  .haction{padding:8px}
  .haction .ic{width:24px;height:24px}
  .header__in{gap:14px;height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
  .search{order:3;flex-basis:100%;max-width:none}
  .logo__text em{display:none}
}
@media (max-width:760px){
  .allcats__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .topbar__hide-m{display:none}
  .allcats__panel{width:100vw;height:100dvh;max-height:none;border-radius:0;top:0;left:0;transform:none;padding:20px 16px 26px}
  @keyframes popIn{from{opacity:0;transform:translateY(14px)}}
  .allcats__head h2{font-size:17px}
  .topbar__left{display:none}            /* rămâne doar mesajul de livrare */
  .topbar__in{justify-content:center}
  .carousel__arrow{display:none}         /* pe telefon: swipe + buline */
  .navlinks{display:none}
  .catbtn{margin-left:0;padding:0 16px;font-size:12px}
  .mainnav__in{justify-content:flex-start}
  .pcard{flex-basis:calc((100% - 28px)/2.2)}
  .slide__txt{max-width:100%}
  .slide__art{display:none}
  .carousel{min-height:300px}
  .carousel__dots{left:30px;bottom:16px}
  .footer__grid{grid-template-columns:1fr 1fr;gap:26px}
  .footer__col--brand{grid-column:1/-1}
  .brands__row{grid-template-columns:repeat(4,1fr)}
  .reco__head h2{font-size:18px}
  .footer__bar-in{flex-direction:column;gap:6px}
}
@media (max-width:420px){
  .pcard{flex-basis:78%}
  .services{grid-template-columns:1fr}
  .allcats__grid{grid-template-columns:1fr}
}


/* ══════════════ PAGINA DE CATEGORIE ══════════════ */
.crumbs{
  display:flex;align-items:center;gap:8px;margin:20px 0 14px;font-size:13px;color:var(--muted);
}
.crumbs a{color:var(--cta);font-weight:600}
.crumbs a:hover{text-decoration:underline}
.crumbs .ic{width:13px;height:13px;color:#b3bdcb}
.crumbs span{color:var(--text);font-weight:600}

.cathead{
  display:flex;gap:18px;align-items:flex-start;background:var(--card);
  border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:18px;
}
.cathead__icon{
  width:58px;height:58px;flex:none;border-radius:12px;background:var(--navy);
  display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(255,184,0,.35);
}
.cathead__icon .ic{width:30px;height:30px;color:var(--accent)}
.cathead__txt h1{font-size:24px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.cathead__count{font-size:14px;font-weight:600;color:var(--muted);margin-left:6px}
.cathead__txt p{margin-top:6px;font-size:14px;color:#4a5768;max-width:90ch}

.catpage{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start;margin-bottom:40px}

/* ── coloana stânga ── */
.catpage__side{display:flex;flex-direction:column;gap:14px;min-width:0}
.sidebox{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.sidebox__title{
  font-size:15px;font-weight:700;color:var(--navy);margin-bottom:12px;
  display:flex;align-items:center;justify-content:space-between;
}

/* categorii aerisite, cu icoane — mai vizibile decât arborele dens TIM */
.sidecats > li{margin-bottom:4px}
.sidecat{
  display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:9px;
  transition:background .13s;
}
.sidecat__icon{
  width:38px;height:38px;flex:none;border-radius:9px;background:#eef2f8;
  display:grid;place-items:center;transition:background .13s;
}
.sidecat__icon .ic{width:21px;height:21px;color:var(--navy)}
.sidecat__name{font-size:14.5px;font-weight:600;color:var(--text);flex:1;line-height:1.25}
.sidecat .chev{width:15px;height:15px;color:#aab4c2;flex:none;transition:transform .15s,color .13s}
.sidecat:hover{background:#fff6dd}
.sidecat:hover .chev{color:var(--accent-2);transform:translateX(2px)}
.sidecat.is-active{background:var(--navy);border-radius:9px 9px 0 0}
.sidecat.is-active .sidecat__icon{background:rgba(255,184,0,.18)}
.sidecat.is-active .sidecat__icon .ic{color:var(--accent)}
.sidecat.is-active .sidecat__name{color:#fff}
.sidecats__sub{
  background:#f6f9fd;border-radius:0 0 9px 9px;padding:8px 10px 10px;margin:-2px 0 6px;
  border:1px solid #e3ebf6;border-top:0;
}
.sidecats__sub a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:7.5px 8px 7.5px 14px;font-size:13.8px;color:#3d4a5c;border-radius:7px;
  transition:background .12s,color .12s;position:relative;
}
.sidecats__sub a::before{
  content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);
  width:5px;height:5px;border-radius:50%;background:var(--accent);
}
.sidecats__sub a:hover{background:#fff;color:var(--cta)}
.sidecats__sub em{font-style:normal;font-size:11.5px;color:#98a3b2;font-family:var(--mono)}
.sidecats__all{
  display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:11px 12px;
  border:1px dashed #b9c6d6;border-radius:9px;color:var(--cta);font-weight:700;font-size:13.5px;
  transition:background .14s,border-color .14s;
}
.sidecats__all .ic{width:18px;height:18px}
.sidecats__all .chev{margin-left:auto;width:15px;height:15px}
.sidecats__all:hover{background:#eef4fd;border-color:var(--cta)}

/* filtre */
.filters__title{margin-bottom:4px}
.filters__clear{
  font-size:12px;font-weight:700;color:var(--cta);padding:4px 8px;border-radius:6px;
}
.filters__clear:hover{background:#eef4fd;text-decoration:underline}
.fgroup{border-top:1px solid #edf0f4;padding:4px 0}
.fgroup__head{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:11px 2px;font-size:13.8px;font-weight:700;color:var(--navy);text-align:left;
}
.fgroup__head .chev{width:16px;height:16px;color:#8a96a6;transition:transform .2s}
.fgroup.is-open .fgroup__head .chev{transform:rotate(180deg)}
.fgroup__body{display:none;padding:2px 2px 10px}
.fgroup.is-open .fgroup__body{display:block}
.fcheck{
  display:flex;align-items:center;gap:10px;padding:6px 2px;cursor:pointer;font-size:13.8px;
  color:#3d4a5c;border-radius:6px;
}
.fcheck:hover{color:var(--navy)}
.fcheck input{position:absolute;opacity:0;pointer-events:none}
.fcheck__box{
  width:18px;height:18px;flex:none;border:1.6px solid #b9c3d1;border-radius:5px;background:#fff;
  position:relative;transition:background .13s,border-color .13s;
}
.fcheck__box::after{
  content:"";position:absolute;left:4.6px;top:1.8px;width:5px;height:9px;
  border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(45deg);opacity:0;
}
.fcheck input:checked + .fcheck__box{background:var(--navy);border-color:var(--navy)}
.fcheck input:checked + .fcheck__box::after{opacity:1}
.fcheck input:focus-visible + .fcheck__box{outline:2px solid var(--cta);outline-offset:2px}
.fcheck__count{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:#98a3b2}
.frange{display:flex;align-items:center;gap:7px}
.frange input{
  width:0;flex:1;height:38px;border:1px solid var(--border);border-radius:8px;padding:0 10px;
  font:inherit;font-size:13.5px;
}
.frange input:focus{outline:none;border-color:var(--navy)}
.frange span{color:#98a3b2}
.frange button{
  height:38px;padding:0 16px;border-radius:8px;background:var(--navy);color:#fff;font-weight:700;
  font-size:13px;transition:background .15s;
}
.frange button:hover{background:var(--navy-2)}
.frange__hint{display:block;margin-top:8px;font-size:11.5px;color:#98a3b2}

/* ── toolbar ── */
.toolbar{
  display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:10px 16px;margin-bottom:12px;flex-wrap:wrap;
}
.toolbar__filters{
  display:none;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--border);
  border-radius:8px;font-weight:700;font-size:13px;color:var(--navy);
}
.toolbar__fcount{
  min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--accent);
  color:var(--navy-3);font-size:11.5px;display:grid;place-items:center;
}
.toolbar__fcount[hidden]{display:none}
.toolbar__count{font-size:13.5px;color:var(--muted);font-weight:600}
.toolbar__right{margin-left:auto;display:flex;align-items:center;gap:12px}
.toolbar__sort{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.toolbar__sort select{
  height:38px;border:1px solid var(--border);border-radius:8px;padding:0 10px;font:inherit;
  font-size:13.5px;font-weight:600;color:var(--text);background:#fff;cursor:pointer;
}
.viewtoggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.viewtoggle button{width:40px;height:38px;display:grid;place-items:center;color:#8a96a6;transition:background .13s,color .13s}
.viewtoggle button.is-active{background:var(--navy);color:#fff}
.viewtoggle .ic{width:18px;height:18px}

/* chips filtre active */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.chip{
  display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);
  border-radius:999px;padding:7px 13px;font-size:12.8px;font-weight:600;color:var(--navy);
  transition:border-color .14s,background .14s;
}
.chip:hover{border-color:var(--danger);color:var(--danger)}
.chip .ic{width:12px;height:12px}
.chip--clear{border:0;color:var(--cta);background:transparent}
.chip--clear:hover{text-decoration:underline;color:var(--cta)}

/* ── grila de produse ── */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pgrid .pcard{flex:none}   /* aici e element de grid, nu de flex-row ca pe homepage */
.pgrid__empty{
  grid-column:1/-1;text-align:center;padding:60px 20px;background:#fff;
  border:1px dashed #b9c6d6;border-radius:var(--radius);color:var(--muted);
  display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14.5px;
}
.filters__clear--big{
  border:1px solid var(--cta);padding:9px 18px;border-radius:8px;font-size:13px;
}
.filters__clear--big:hover{background:var(--cta);color:#fff;text-decoration:none}

/* ── mod LISTĂ ── */
.pgrid.is-list{grid-template-columns:1fr}
.pgrid.is-list .pcard{
  display:grid;grid-template-columns:120px minmax(0,1fr) 200px;column-gap:20px;
  align-items:center;padding:14px 18px;
}
.pgrid.is-list .pcard:hover{transform:none}
.pgrid.is-list .pcard__img{grid-row:1/6;width:120px;margin:0}
.pgrid.is-list .pcard__brand{grid-column:2}
.pgrid.is-list .pcard__name{grid-column:2;font-size:15.5px;-webkit-line-clamp:2}
.pgrid.is-list .pcard__sku{grid-column:2}
.pgrid.is-list .pcard__stock{grid-column:2}
.pgrid.is-list .pcard__price{
  grid-column:3;grid-row:1/4;text-align:right;border-left:1px solid #edf0f4;padding-left:18px;
  align-self:center;
}
.pgrid.is-list .pcard__btn{grid-column:3;grid-row:4/6;margin-top:8px}

/* ── paginare ── */
.pages{display:flex;justify-content:center;gap:8px;margin:22px 0 8px}
.pages__btn{
  min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:9px;
  background:#fff;font-weight:700;font-size:13.5px;color:var(--navy);transition:all .14s;
}
.pages__btn:hover{border-color:var(--navy)}
.pages__btn.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ── responsive pagina de categorie ── */
@media (max-width:1120px){
  .pgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:960px){
  .catpage{grid-template-columns:1fr}
  .catpage__side{
    position:fixed;top:0;left:0;bottom:0;width:min(360px,92vw);z-index:85;background:var(--bg);
    transform:translateX(-104%);transition:transform .3s cubic-bezier(.77,0,.18,1);
    overflow-y:auto;padding:14px;box-shadow:var(--shadow);
  }
  .catpage__side.is-open{transform:none}
  .toolbar__filters{display:inline-flex}
  .toolbar__count{margin-right:auto}
  .toolbar__right{margin-left:0}
  .pgrid.is-list .pcard{grid-template-columns:96px minmax(0,1fr);column-gap:14px}
  .pgrid.is-list .pcard__img{width:96px}
  .pgrid.is-list .pcard__price{grid-column:2;grid-row:auto;border-left:0;text-align:left;padding-left:0}
  .pgrid.is-list .pcard__btn{grid-column:2;grid-row:auto}
}
@media (max-width:640px){
  .cathead{flex-direction:column;gap:12px;padding:16px}
  .cathead__txt h1{font-size:20px}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:10px}
  .toolbar{gap:10px;padding:10px 12px}
  .toolbar__sort{width:100%}
  .toolbar__sort select{flex:1}
}

/* buton închidere panou lateral (doar mobil) */
.sidepanel__close{
  display:none;align-items:center;justify-content:space-between;width:100%;
  background:var(--navy);color:#fff;font-weight:700;font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;padding:16px;border-radius:var(--radius);margin-bottom:4px;
}
.sidepanel__close .ic{width:20px;height:20px}
@media (max-width:960px){
  .sidepanel__close{display:flex}
}


/* ══════════════ PAGINA DE PRODUS ══════════════ */
.prod{margin-bottom:8px}
.prod__title{
  font-size:22px;font-weight:700;color:var(--navy);letter-spacing:-.01em;margin-bottom:14px;
}
.prod__main{
  display:grid;grid-template-columns:400px minmax(0,1fr) 292px;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;
}

/* galerie */
.prod__gallery{padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.prod__stage{
  position:relative;background:#f6f8fb;border-radius:10px;aspect-ratio:1/1;
  display:grid;place-items:center;cursor:zoom-in;
}
.prod__stage .prod__art{width:70%;max-width:300px}
.prod__stage .prod__art svg{width:100%;height:auto}
.prod__badge{top:14px;left:14px}
.prod__zoomhint{
  position:absolute;bottom:12px;right:14px;display:inline-flex;align-items:center;gap:6px;
  font-size:11.5px;color:#8a96a6;font-weight:600;
}
.prod__zoomhint .ic{width:15px;height:15px}
.prod__thumbs{display:flex;gap:10px}
.prod__thumbs button{
  width:64px;height:64px;border:1px solid var(--border);border-radius:9px;background:#f6f8fb;
  padding:9px;transition:border-color .14s,box-shadow .14s;
}
.prod__thumbs button svg{width:100%;height:100%}
.prod__thumbs button.is-active{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}

/* detalii */
.prod__info{padding:22px 20px;min-width:0}
.pinfo div{
  display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed #edf0f4;font-size:14px;
  align-items:center;
}
.pinfo div:last-child{border-bottom:0}
.pinfo dt{width:150px;flex:none;color:var(--muted)}
.pinfo dd{font-weight:600;color:var(--text)}
.plink{color:var(--cta);font-weight:700}
.plink:hover{text-decoration:underline}
.pcode{font-family:var(--mono);font-size:13px;display:flex;align-items:center;gap:8px}
.pcopy{
  width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:#8a96a6;
  transition:background .13s,color .13s;
}
.pcopy:hover{background:#eef4fd;color:var(--cta)}
.pcopy .ic{width:15px;height:15px}
.prating{display:flex;align-items:center;gap:8px}
.prating a{color:var(--muted);font-weight:500;font-size:13px}
.prating a:hover{color:var(--cta)}
.stars{position:relative;display:inline-flex}
.stars__bg{display:inline-flex;gap:2px}
.stars__bg svg,.stars__fg svg{width:15px;height:15px}
.stars__bg svg{fill:#d8dee7}
.stars__fg{position:absolute;left:0;top:0;overflow:hidden;display:inline-flex;gap:2px;white-space:nowrap}
.stars__fg svg{fill:var(--accent);flex:none}

/* cutie de cumpărare */
.prod__buy{border-left:1px solid var(--border);background:#fbfcfe;padding:22px 20px;min-width:0}
.pbuy{display:flex;flex-direction:column;gap:14px;height:100%}
.pbuy__label{display:block;font-size:12.5px;color:var(--muted)}
.pbuy__old{font-size:13.5px;color:#98a3b2;text-decoration:line-through}
.pbuy__now{font-size:30px;font-weight:700;color:var(--navy);letter-spacing:-.01em;line-height:1.1}
.pbuy__now small{font-size:12px;font-weight:600;color:var(--muted)}
.pbuy__disc{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:var(--danger);background:#fdecea;padding:4px 9px;border-radius:6px}
.pbuy__b2b{
  display:block;margin-top:10px;font-size:12.3px;color:#4a5768;background:#eef4fd;
  border:1px solid #d5e3f7;padding:9px 11px;border-radius:8px;line-height:1.4;
}
.pbuy__b2b a{color:var(--cta);font-weight:700}
.pbuy__meta{display:flex;flex-direction:column;gap:8px;font-size:13px}
.pbuy__ship{display:flex;align-items:center;gap:8px;color:#4a5768;font-weight:600}
.pbuy__ship .ic{width:18px;height:18px;color:var(--success)}
.pbuy__row{display:flex;align-items:center;gap:10px}
.qty{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#fff}
.qty button{
  width:40px;height:44px;font-size:20px;font-weight:700;color:var(--navy);
  transition:background .13s;display:grid;place-items:center;
}
.qty button:hover{background:#f1f4f9}
.qty input{
  width:58px;height:44px;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);
  text-align:center;font:inherit;font-weight:700;font-size:15px;color:var(--text);
  -moz-appearance:textfield;appearance:textfield;
}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.qty input:focus{outline:none;background:#f6f9fd}
.pbuy__unit{color:var(--muted);font-size:13.5px}
.pbuy__total{font-size:14px;color:var(--muted)}
.pbuy__total b{color:var(--navy);font-size:17px}
.pbuy__btn{
  height:50px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;
  font-size:14.5px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;
  gap:10px;transition:background .16s,transform .12s;
}
.pbuy__btn:hover{background:var(--cta)}
.pbuy__btn:active{transform:scale(.985)}
.pbuy__btn .ic{width:19px;height:19px}
.pbuy__links{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border);padding-top:12px}
.pbuy__links a{
  display:flex;align-items:center;gap:9px;padding:7px 4px;font-size:13.3px;font-weight:600;
  color:#4a5768;border-radius:7px;transition:color .13s;
}
.pbuy__links a:hover{color:var(--cta)}
.pbuy__links .ic{width:17px;height:17px}

/* taburi */
.prod__tabs{
  background:var(--card);border:1px solid var(--border);border-top:0;
  border-radius:0 0 var(--radius) var(--radius);padding:0 20px 20px;
}
.ptabs{display:flex;gap:2px;border-bottom:2px solid #edf0f4;overflow-x:auto;scrollbar-width:none}
.ptabs::-webkit-scrollbar{display:none}
.ptabs__btn{
  padding:14px 20px;font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap;
  border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .14s,border-color .14s;
}
.ptabs__btn:hover{color:var(--navy)}
.ptabs__btn.is-active{color:var(--navy);border-bottom-color:var(--accent)}
.ptabs__panel{display:none;padding:20px 4px 4px}
.ptabs__panel.is-active{display:block}

/* tabel date tehnice */
.specs{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:10px;overflow:hidden;font-size:14px}
.specs th,.specs td{padding:10px 16px;text-align:left}
.specs th{width:42%;color:var(--muted);font-weight:600}
.specs td{font-weight:600;color:var(--text)}
.specs tr.is-alt{background:#f6f8fb}

/* descriere cu expander */
.prod__desc{max-height:92px;overflow:hidden;position:relative;font-size:14.3px;line-height:1.6;color:#3d4a5c}
.prod__desc p{margin-bottom:10px}
.prod__desc ul{padding-left:20px;list-style:disc}
.prod__desc li{margin:4px 0}
.prod__desc:not(.is-full)::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:46px;
  background:linear-gradient(transparent,#fff);
}
.prod__desc.is-full{max-height:none}
.prod__descmore{
  margin-top:10px;color:var(--cta);font-weight:700;font-size:13.5px;
}
.prod__descmore:hover{text-decoration:underline}

/* documente */
.docs li a{
  display:flex;align-items:center;gap:11px;padding:11px 6px;font-size:14px;font-weight:600;
  color:var(--navy);border-bottom:1px dashed #edf0f4;transition:color .13s;
}
.docs li a:hover{color:var(--cta)}
.docs .ic{width:19px;height:19px;color:var(--danger)}

/* produse complementare */
.comp{margin-top:26px}
.comp__note{font-size:12.5px;font-weight:500;color:var(--muted);margin-left:8px}
.pcard__badge--ok{background:var(--success)}

/* lightbox */
.lightbox{
  position:fixed;inset:0;z-index:120;background:rgba(10,20,34,.82);display:none;
  place-items:center;padding:30px;
}
.lightbox.is-open{display:grid}
.lightbox__art{width:min(560px,90vw);background:#f6f8fb;border-radius:16px;padding:40px}
.lightbox__art svg{width:100%;height:auto}
.lightbox__close{
  position:absolute;top:22px;right:22px;width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.3);transition:background .15s;
}
.lightbox__close:hover{background:rgba(255,255,255,.3)}

/* ── responsive pagina de produs ── */
@media (max-width:1120px){
  .prod__main{grid-template-columns:340px minmax(0,1fr)}
  .prod__buy{grid-column:1/-1;border-left:0;border-top:1px solid var(--border)}
  .pbuy{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:26px}
  .pbuy__btn{grid-column:1/-1}
  .pbuy__links{grid-column:1/-1;flex-direction:row;gap:18px}
}
@media (max-width:760px){
  .prod__main{grid-template-columns:1fr}
  .prod__gallery{padding:16px}
  .pinfo dt{width:120px}
  .pbuy{display:flex}
  .pbuy__links{flex-direction:column;gap:2px}
  .prod__title{font-size:19px}
  .specs th{width:auto;display:block;padding-bottom:2px}
  .specs td{display:block;padding-top:0}
  .specs th,.specs td{padding-left:14px;padding-right:14px}
  .specs tr{padding:8px 0;display:block}
  .ptabs__btn{padding:12px 14px;font-size:13px}
}


/* ══════════════ PAGINI NOII: coș, checkout, cont, etc. ══════════════ */
.pageh1{font-size:24px;font-weight:700;color:var(--navy);letter-spacing:-.01em;margin:6px 0 18px}
.searchhint{font-size:13px;color:var(--muted);margin:-8px 0 16px;max-width:75ch}
.free{color:var(--success)}

/* câmpuri de formular comune */
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field--full{grid-column:1/-1}
.field label{font-size:12.8px;font-weight:700;color:var(--navy)}
.field input,.field select,.field textarea{
  height:42px;border:1px solid var(--border);border-radius:8px;padding:0 12px;font:inherit;
  font-size:14px;background:#fff;width:100%;
}
.field textarea{height:auto;padding:10px 12px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(14,42,71,.08)}
.field input.is-bad{border-color:var(--danger);box-shadow:0 0 0 3px rgba(217,45,32,.1)}
.cardbox{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}
.cardbox__title{
  font-size:15.5px;font-weight:700;color:var(--navy);margin-bottom:16px;display:flex;align-items:center;gap:11px;
}
.cardbox__title span{
  width:26px;height:26px;border-radius:8px;background:var(--navy);color:var(--accent);
  display:grid;place-items:center;font-size:12.5px;font-weight:700;flex:none;
}

/* radio-uri */
.radios{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.radio{
  display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:9px;
  padding:12px 14px;cursor:pointer;transition:border-color .13s,background .13s;
}
.radio:hover{border-color:#b9c6d6}
.radio input{position:absolute;opacity:0}
.radio__dot{
  width:19px;height:19px;flex:none;border:2px solid #b9c3d1;border-radius:50%;position:relative;
  transition:border-color .13s;
}
.radio__dot::after{
  content:"";position:absolute;inset:3.5px;border-radius:50%;background:var(--navy);opacity:0;
}
.radio input:checked ~ .radio__dot{border-color:var(--navy)}
.radio input:checked ~ .radio__dot::after{opacity:1}
.radio:has(input:checked){border-color:var(--navy);background:#f6f9fd}
.radio__txt{font-size:13.8px;color:#3d4a5c}
.radio__txt b{display:block;color:var(--navy);font-size:14px}

/* ── COȘ ── */
.cart{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start;margin-bottom:40px}
.cart__list{display:flex;flex-direction:column;gap:12px}
.citem{
  display:grid;grid-template-columns:92px minmax(0,1fr) auto auto 40px;gap:16px;align-items:center;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;
}
.citem__img{width:92px;aspect-ratio:1/1;background:#f6f8fb;border-radius:9px;display:grid;place-items:center}
.citem__img svg{width:70%}
.citem__name{display:block;font-weight:600;font-size:14.5px;margin:2px 0 3px}
.citem__name:hover{color:var(--cta)}
.qty--sm button{width:32px;height:36px;font-size:16px}
.qty--sm input{width:48px;height:36px;font-size:13.5px}
.citem__price{text-align:right;min-width:96px}
.citem__price b{font-size:16.5px;color:var(--navy);display:block}
.citem__price small{color:var(--muted);font-size:11.8px}
.citem__del{
  width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#98a3b2;
  transition:background .13s,color .13s;justify-self:end;
}
.citem__del:hover{background:#fdecea;color:var(--danger)}
.cart__sum{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;
  position:sticky;top:70px;
}
.voucher{display:flex;gap:8px;margin-bottom:6px}
.voucher input{
  flex:1;height:40px;border:1px solid var(--border);border-radius:8px;padding:0 12px;font:inherit;font-size:13.5px;min-width:0;
}
.voucher button{
  height:40px;padding:0 16px;border-radius:8px;background:#eef2f8;color:var(--navy);font-weight:700;
  font-size:13px;transition:background .14s;
}
.voucher button:hover{background:#dfe7f2}
.voucher__msg{font-size:12.5px;margin-bottom:8px;font-weight:600}
.voucher__msg.is-ok{color:var(--success)}
.voucher__msg.is-err{color:var(--danger)}
.totals{margin:10px 0 14px}
.totals > div{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px dashed #edf0f4}
.totals dt{color:var(--muted)}
.totals dd{font-weight:600}
.totals__grand{border-bottom:0 !important;padding-top:12px !important}
.totals__grand dt{color:var(--text);font-weight:600}
.totals__grand small{color:var(--muted);font-weight:500}
.totals__grand dd{font-size:22px;font-weight:700;color:var(--navy)}
.cart__shipnote{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.cart__checkout{text-decoration:none;text-align:center}
.cart__continue{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--cta)}
.cart__continue:hover{text-decoration:underline}
.cart__empty{margin:30px 0 60px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.cart__empty b{font-size:18px;color:var(--navy)}
.cart__empty p{color:var(--muted)}

/* ── CHECKOUT ── */
.checkout{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start;margin-bottom:40px}
.checkout__form{display:flex;flex-direction:column;gap:14px}
.checkout__sum{top:70px}
.minsum{margin-bottom:8px}
.minsum li{
  display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:13.3px;
  border-bottom:1px dashed #edf0f4;color:#3d4a5c;
}
.minsum b{flex:none;color:var(--text)}
.checkout__terms{margin:12px 0}
.checkout__terms.is-bad .fcheck__label{color:var(--danger)}
.checkout__terms.is-bad .fcheck__box{border-color:var(--danger)}
.checkout__err{color:var(--danger);font-size:12.8px;font-weight:600;margin-top:10px}
.fcheck--big{padding:4px 0 10px}

/* ── CONFIRMARE / 404 ── */
.donepage{display:grid;place-items:center;padding:44px 0 60px}
.donecard{
  background:var(--card);border:1px solid var(--border);border-radius:14px;max-width:620px;
  padding:40px 40px 34px;text-align:center;box-shadow:var(--shadow);
}
.donecard__icon{
  width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:#e7f6ef;color:var(--success);
  display:grid;place-items:center;
}
.donecard__icon svg{width:36px;height:36px}
.donecard h1{font-size:24px;color:var(--navy);margin-bottom:8px}
.donecard p{color:#4a5768;font-size:14.5px;line-height:1.55}
.donecard__order{font-size:15px}
.donecard__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.donecard__steps div{
  background:#f6f8fb;border-radius:9px;padding:12px 10px;font-size:12px;color:var(--muted);line-height:1.35;
}
.donecard__steps b{display:block;color:var(--navy);font-size:13px;margin-bottom:3px}
.donecard__btns{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:8px;flex-wrap:wrap}
.donecard__btns .pbuy__btn{padding:0 26px;text-decoration:none}
.donecard__ghost{font-weight:700;font-size:13.5px;color:var(--cta)}
.donecard__ghost:hover{text-decoration:underline}
.p404{
  font-size:96px;font-weight:700;color:var(--navy);letter-spacing:-.04em;line-height:1;
  text-shadow:4px 4px 0 var(--accent);
}
.search--404{max-width:460px;margin:18px auto 6px;display:flex}

/* ── AUTENTIFICARE / CONT ── */
.authp{display:grid;place-items:center;padding:36px 0 60px}
.authcard{
  width:min(560px,100%);background:var(--card);border:1px solid var(--border);border-radius:14px;
  padding:0 26px 26px;box-shadow:var(--shadow);
}
.authcard__tabs{margin:0 -26px 20px;padding:0 10px}
.authview{display:none;flex-direction:column;gap:14px}
.authview.is-active{display:flex}
.authcard__hint{font-size:12.8px;color:var(--muted);line-height:1.5}

/* ── CONTUL MEU / dashboard ── */
.dash{display:grid;grid-template-columns:250px 1fr;gap:18px;align-items:start;margin-bottom:40px}
.dash__nav{display:flex;flex-direction:column;gap:6px;position:sticky;top:70px}
.dash__btn{
  display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;font-weight:600;
  font-size:14px;color:var(--text);text-align:left;transition:background .13s,color .13s;background:transparent;
}
.dash__btn .ic{width:20px;height:20px;color:var(--muted);transition:color .13s}
.dash__btn:hover{background:#fff}
.dash__btn.is-active{background:var(--navy);color:#fff}
.dash__btn.is-active .ic{color:var(--accent)}
.dash__btn--out{margin-top:14px;color:var(--danger)}
.dash__btn--out .ic{color:var(--danger)}
.dash__panel{display:none}
.dash__panel.is-active{display:block}

/* comenzi */
.orders{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.orders__head,.order__row{
  display:grid;grid-template-columns:150px 100px 90px 110px 110px 30px;gap:10px;align-items:center;
  padding:13px 18px;font-size:13.5px;
}
.orders__head{background:#f6f8fb;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}
.order{border-top:1px solid #edf0f4}
.order__row{width:100%;text-align:left;transition:background .12s}
.order__row:hover{background:#fbfcfe}
.order__row .chev{width:16px;height:16px;color:#8a96a6;transition:transform .2s}
.order.is-open .order__row .chev{transform:rotate(180deg)}
.statusdot{
  display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;
}
.statusdot.is-green{background:#e7f6ef;color:var(--success)}
.statusdot.is-amber{background:#fff4d6;color:var(--warn)}
.statusdot.is-gray{background:#eef1f5;color:var(--muted)}
.order__detail{display:none;border-top:1px dashed #edf0f4;padding:6px 18px 14px}
.order.is-open .order__detail{display:block}
.order__detail li{display:flex;justify-content:space-between;padding:6px 0;font-size:13.3px;color:#3d4a5c}
.order__actions{display:flex;gap:18px;margin-top:8px}
.order__actions a{font-size:13px;font-weight:700;color:var(--cta)}
.order__actions a:hover{text-decoration:underline}

/* adrese */
.addrgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.addrcard{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;
  font-size:13.5px;
}
.addrcard b{color:var(--navy);font-size:14.5px}
.addrcard p{color:#4a5768;margin:8px 0 12px;line-height:1.5}
.addrcard__tag{
  font-size:10px;background:#e7f6ef;color:var(--success);padding:3px 8px;border-radius:5px;
  text-transform:uppercase;letter-spacing:.06em;margin-left:6px;vertical-align:2px;
}
.addrcard div button{font-weight:700;font-size:12.8px;color:var(--cta);margin-right:14px}
.addrcard div button:hover{text-decoration:underline}
.addrcard--new{
  display:grid;place-items:center;border:1.6px dashed #b9c6d6;background:transparent;color:var(--cta);
  font-weight:700;font-size:14px;cursor:pointer;min-height:120px;transition:border-color .14s;
}
.addrcard--new:hover{border-color:var(--cta)}

/* ── PRODUCĂTORI ── */
.brandgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:44px}
.brandcard{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;
  display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
  transition:box-shadow .16s,transform .16s,border-color .16s;
}
.brandcard:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:#c9d3df}
.brandcard__mono{
  width:60px;height:60px;border-radius:14px;background:var(--navy);color:var(--accent);
  display:grid;place-items:center;font-size:21px;font-weight:700;margin-bottom:6px;
  box-shadow:inset 0 0 0 1.5px rgba(255,184,0,.35);
}
.brandcard b{font-size:15px;color:var(--navy)}
.brandcard em{font-style:normal;font-size:12px;color:var(--muted)}

/* ── CĂUTARE ── */
.searchgrid{grid-template-columns:repeat(4,1fr);margin-bottom:44px}

/* ── GHIDURI ── */
.guidegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px}
.guidecard{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
  transition:box-shadow .16s,transform .16s;display:flex;flex-direction:column;
}
.guidecard:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.guidecard__art{height:150px;display:grid;place-items:center;color:#fff}
.guidecard__art svg{width:56px;height:56px}
.guidecard__art--a{background:linear-gradient(135deg,#123a63,#0a1f36)}
.guidecard__art--b{background:linear-gradient(135deg,#7c5b00,#3a2c00)}
.guidecard__art--c{background:linear-gradient(135deg,#0d4a38,#082a20)}
.guidecard__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.guidecard__chip{
  align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--accent-2);background:#fff4d6;padding:4px 9px;border-radius:5px;
}
.guidecard__body b{font-size:15.5px;color:var(--navy);line-height:1.3}
.guidecard__body p{font-size:13.3px;color:#4a5768;line-height:1.5}
.guidecard__meta{font-size:11.8px;color:#98a3b2;font-family:var(--mono)}

/* ── PAGINĂ DE CONȚINUT ── */
.prose{max-width:820px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:30px 34px;margin-bottom:44px}
.prose__updated{font-size:12.5px;color:var(--muted);border-bottom:1px solid #edf0f4;padding-bottom:14px;margin-bottom:18px}
.prose h2{font-size:17px;color:var(--navy);margin:22px 0 8px}
.prose p{font-size:14.3px;line-height:1.65;color:#3d4a5c;margin-bottom:10px}
.prose ul{padding-left:20px;list-style:disc;color:#3d4a5c;font-size:14.3px;line-height:1.6}
.prose a{color:var(--cta);font-weight:600}

/* ── CONTACT ── */
.contact{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:start;margin-bottom:44px}
.contact__side{display:flex;flex-direction:column;gap:14px}
.contact__list li{
  display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed #edf0f4;
  font-size:13.8px;color:#3d4a5c;
}
.contact__list li:last-child{border-bottom:0}
.contact__list b{color:var(--navy)}
.contact__list a{color:var(--cta);font-weight:600}
.contact__list a:hover{text-decoration:underline}
.mapcard{
  height:230px;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;
  background:
    repeating-linear-gradient(0deg,rgba(14,42,71,.06) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(90deg,rgba(14,42,71,.06) 0 1px,transparent 1px 34px),
    #eef2f7;
  display:grid;place-items:center;position:relative;
}
.mapcard__pin{
  display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12.5px;font-weight:700;
  color:var(--navy);background:#fff;padding:10px 16px;border-radius:10px;box-shadow:var(--shadow);
}
.mapcard__pin svg{width:26px;height:26px}

/* ── BANNER COOKIES ── */
.cookies{
  position:fixed;left:0;right:0;bottom:0;z-index:110;background:var(--navy-3);color:#c6d3e2;
  border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -10px 30px rgba(0,0,0,.25);
  transform:translateY(102%);transition:transform .3s cubic-bezier(.77,0,.18,1);
}
.cookies.is-on{transform:none}
.cookies__in{
  max-width:var(--wrap);margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:22px;
}
.cookies p{font-size:13px;line-height:1.5;flex:1}
.cookies a{color:var(--accent);font-weight:600}
.cookies__btns{display:flex;gap:10px;flex:none}
.cookies__btn{
  height:40px;padding:0 20px;border-radius:8px;background:var(--accent);color:var(--navy-3);
  font-weight:700;font-size:13px;transition:background .15s;
}
.cookies__btn:hover{background:#ffc733}
.cookies__btn--ghost{background:transparent;color:#c6d3e2;border:1px solid rgba(255,255,255,.3)}
.cookies__btn--ghost:hover{background:rgba(255,255,255,.1)}

/* ── responsive pagini noi ── */
@media (max-width:1120px){
  .brandgrid{grid-template-columns:repeat(3,1fr)}
  .searchgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:960px){
  .cart,.checkout,.dash,.contact{grid-template-columns:1fr}
  .cart__sum{position:static}
  .dash__nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .dash__nav::-webkit-scrollbar{display:none}
  .dash__btn{white-space:nowrap}
  .dash__btn--out{margin-top:0}
  .citem{grid-template-columns:76px minmax(0,1fr) 40px;grid-template-rows:auto auto}
  .citem__img{width:76px}
  .citem__qty{grid-column:2}
  .citem__price{grid-column:2;text-align:left}
  .citem__del{grid-column:3;grid-row:1}
  .orders__head{display:none}
  .order__row{grid-template-columns:1fr auto;grid-template-rows:auto auto}
  .order__row .chev{grid-column:2;grid-row:1/3}
  .guidegrid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .fgrid{grid-template-columns:1fr}
  .brandgrid{grid-template-columns:repeat(2,1fr)}
  .searchgrid{grid-template-columns:repeat(2,1fr)}
  .guidegrid{grid-template-columns:1fr}
  .cookies__in{flex-direction:column;align-items:stretch;gap:12px}
  .cookies__btns{justify-content:stretch}
  .cookies__btn{flex:1}
  .donecard{padding:28px 20px}
  .donecard__steps{grid-template-columns:1fr}
  .prose{padding:20px}
  .p404{font-size:64px}
}


/* ══════════════ BLOG + ARTICOL ══════════════ */
.blogchips{margin-bottom:18px}
.chip.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* articolul recomandat (featured) */
.bloghero{
  display:grid;grid-template-columns:1.1fr 1.4fr;background:var(--card);
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:18px;
  transition:box-shadow .16s,transform .16s;
}
.bloghero:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.bloghero__art{
  background:linear-gradient(135deg,#123a63,#0a1f36);display:grid;place-items:center;
  color:#fff;min-height:230px;
}
.bloghero__art svg{width:72px;height:72px}
.bloghero__body{padding:26px 30px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.bloghero__body .guidecard__chip{align-self:flex-start}
.bloghero__body b{font-size:21px;color:var(--navy);line-height:1.25;letter-spacing:-.01em}
.bloghero__body p{font-size:14px;color:#4a5768;line-height:1.55}
.bloghero__cta{font-weight:700;font-size:13.5px;color:var(--cta);margin-top:auto}

/* pagina de articol */
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;margin-bottom:26px}
.art__side{display:flex;flex-direction:column;gap:14px;position:sticky;top:70px}
.artmeta{font-size:12.5px;color:var(--muted);border-bottom:1px solid #edf0f4;padding-bottom:14px;margin-bottom:18px}
.prose__hero{
  height:210px;border-radius:10px;display:grid;place-items:center;color:#fff;margin:6px 0 18px;
}
.prose__hero svg{width:64px;height:64px}
.toc a{
  display:block;padding:8px 10px;font-size:13.5px;font-weight:600;color:#4a5768;border-radius:7px;
  border-left:3px solid transparent;transition:color .13s,border-color .13s,background .13s;
}
.toc a:hover{color:var(--cta);background:#f6f9fd}
.toc a.is-active{color:var(--navy);border-left-color:var(--accent);background:#fffaf0}

/* mini-produse în lateralul articolului */
.miniprod{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px dashed #edf0f4}
.miniprod:last-of-type{border-bottom:0}
.miniprod__img{
  width:56px;height:56px;flex:none;background:#f6f8fb;border-radius:8px;display:grid;place-items:center;
}
.miniprod__img svg{width:70%}
.miniprod__name{display:block;font-size:13px;font-weight:600;line-height:1.3;color:var(--text)}
.miniprod__name:hover{color:var(--cta)}
.miniprod__price{font-size:14px;font-weight:700;color:var(--navy)}
.miniprod__cta{margin-top:14px;text-decoration:none;height:42px;font-size:12.5px}

/* CTA ofertă în articol */
.artcta{background:var(--navy);border-color:var(--navy)}
.artcta b{color:#fff;font-size:15px}
.artcta p{color:#aebdd0;font-size:13px;line-height:1.5;margin:8px 0 14px}
.artcta__btn{
  display:inline-block;background:var(--accent);color:var(--navy-3);font-weight:700;font-size:13px;
  padding:11px 20px;border-radius:8px;transition:background .15s;
}
.artcta__btn:hover{background:#ffc733}

/* note / callout-uri în text */
.callout{
  border-left:3px solid var(--accent);background:#fffaf0;border-radius:0 9px 9px 0;
  padding:13px 16px;margin:14px 0;font-size:13.8px;line-height:1.55;color:#3d4a5c;
}
.callout b{display:block;color:var(--navy);margin-bottom:3px;font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.callout--warn{border-left-color:var(--danger);background:#fdf3f1}
.callout--warn b{color:var(--danger)}

/* tabele în articole */
.prose table{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0 16px;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.prose th{background:#f6f8fb;color:var(--navy);text-align:left;padding:9px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.prose td{padding:9px 14px;border-top:1px solid #edf0f4;color:#3d4a5c}
.prose tbody tr:nth-child(even){background:#fbfcfe}

/* ghiduri pe pagina de produs */
.prodguides{margin-bottom:40px}
.prodguides .guidegrid{margin-bottom:0}

@media (max-width:960px){
  .art{grid-template-columns:1fr}
  .art__side{position:static;flex-direction:column}
  .bloghero{grid-template-columns:1fr}
  .bloghero__art{min-height:170px}
}

/* ══════════════ ADAPTĂRI DOVIS (peste tema statică) ══════════════
   Diferențele față de template-ul static: logo real (img, nu placeholder
   SVG), poze reale în carduri/bannere, megamenu randat server-side,
   formularul „Adaugă în coș” (POST clasic). */

/* footerul lipit de fundul paginii pe paginile scurte */
body{display:flex;flex-direction:column;min-height:100dvh}
main.wrap{flex:1;width:100%}

/* logo real */
.logo img{height:44px;width:auto}
@media (max-width:640px){.logo img{height:36px}}

/* poze reale în cardurile de produs (template-ul avea doar SVG art) */
.pcard__img img{width:100%;height:100%;object-fit:contain}

/* „Adaugă în coș” e form POST — butonul umple cardul */
.pcard__form{margin:0}
.pcard__btn{width:100%}

/* bannere reale în carusel (imagini uploadate din /admin) */
.slide__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide{padding:0}

/* megamenu randat server-side: sursele de conținut stau ascunse în pagină,
   app.js le copiază în panoul flotant la hover pe categoria din sidebar */
.mega__sursa{display:none}
/* la noi subcategoriile sunt o listă plată (nu grupuri tematice): un singur
   grup, pe 3 coloane */
.mega__grid--simplu{grid-template-columns:1fr}
.mega__group--coloane ul{columns:3}
@media (max-width:1120px){.mega__group--coloane ul{columns:2}}

/* linkurile din headerele cardurilor „Toate categoriile” */
.allcats__card-head b a{color:inherit}
.allcats__card-head b a:hover{color:var(--cta)}

/* — pagina de produs: poze reale în galerie/lightbox, form pbuy — */
.prod__stage .prod__art img{width:100%;height:auto;max-height:320px;object-fit:contain}
.prod__thumbs button img{width:100%;height:100%;object-fit:contain}
.lightbox__art img{width:100%;height:auto;max-height:80vh;object-fit:contain}
.pbuy__form{margin:0}
.pbuy__form .pbuy__btn{width:100%;margin-top:4px}
.pbuy__adaugat{font-size:13px;font-weight:600;color:var(--success);margin:0 0 10px}
.pbuy__adaugat--eroare{color:var(--danger)}

/* — coș + checkout: acțiuni formular, câmpuri condiționate, honeypot — */
.citem__img img{width:100%;height:100%;object-fit:contain}
.citem__info{min-width:0}
.citem__qty{display:flex;align-items:center;gap:10px;margin-top:10px}
.cart__actions{display:flex;gap:10px;margin-top:4px}
.checkout__nota{font-size:14px;margin:0 0 12px;color:var(--muted)}
/* câmpurile PJ / cele de creare cont apar doar la bifare — fără JS (:has) */
.campuri-pj,.campuri-cont{display:none;margin-top:14px}
.cardbox:has(#tip-pj:checked) .campuri-pj{display:grid}
.cardbox:has(#creeaza-cont:checked) .campuri-cont{display:grid}
/* mesaje de validare server-side */
.field .eroare-camp{color:var(--danger);font-size:12px;font-weight:600}
/* honeypot-ul anti-spam trebuie invizibil */
.camp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* — cont: dashboard, comenzi, auth — */
.dash__nota{font-size:13.5px;color:var(--muted);margin:0 0 14px}
.setari-ok{font-size:13.5px;font-weight:600;color:var(--success);margin:0 0 12px}
a.order__row{text-decoration:none;color:inherit;width:100%}
.order__total{margin:10px 0 0;font-size:14px}
.order__detail em{display:block;font-style:normal;font-size:11px;color:#8a96a6}
.comanda-adresa{font-size:14.5px;line-height:1.6;margin:0}

/* — filtrele categoriei, mutate deasupra produselor (importante la alegere) — */
.filtre-top{margin-bottom:14px;padding:14px 18px}
.filtre-top .sidebox__title{margin-bottom:8px}
.filtre-top__grid{display:grid;grid-template-columns:1fr;gap:0 22px}
.filtre-top .fgroup{border-top:0;border-bottom:1px solid #edf0f4;padding:2px 0}
.filtre-top .sidecats__all{margin-top:12px}
@media (min-width:700px){
  .filtre-top__grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:961px){
  .filtre-top__grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1120px){
  .filtre-top__grid{grid-template-columns:repeat(4,1fr)}
}

/* — checkboxul „Doar produse în stoc" din toolbar (nebifat = toate
     produsele; bifat = doar cele în stoc) — */
.btn-stoc{
  display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 14px;
  border:1px solid var(--border);border-radius:999px;background:#fff;
  color:var(--text);font-weight:600;font-size:13px;cursor:pointer;
  transition:border-color .15s,background .15s;
}
.btn-stoc:hover{border-color:var(--navy)}
.btn-stoc b{color:var(--muted);font-weight:700}
.btn-stoc input{width:17px;height:17px;accent-color:var(--navy);cursor:pointer;margin:0}
.btn-stoc:has(input:checked){border-color:var(--navy);background:#f6f9fd}
.btn-stoc:has(input:checked) b{color:var(--navy)}

/* — butonul WhatsApp de pe pagina de produs (sub „Adaugă în coș") — */
.btn-whatsapp{
  display:flex;align-items:center;justify-content:center;gap:9px;
  width:100%;height:46px;margin-top:10px;border-radius:999px;
  background:#25d366;color:#fff;font-weight:700;font-size:14px;
  letter-spacing:.02em;text-decoration:none;transition:background .15s,transform .15s;
}
.btn-whatsapp .ic{width:20px;height:20px}
.btn-whatsapp:hover{background:#1eb857;transform:translateY(-1px)}
.fcheck--zero{opacity:.55}
.fgroup__cnt{display:inline-block;min-width:18px;text-align:center;background:var(--cta);color:#fff;border-radius:9px;font-size:11px;font-weight:700;padding:1px 5px;margin-left:4px}
.fgroup__more{display:none;background:none;border:0;color:var(--cta);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:2px 2px 8px}
.fgroup.is-open .fgroup__more{display:inline-block}
.fgroup__more:hover{text-decoration:underline}
.fgroup__body.is-collapsed .fcheck:nth-of-type(n+5):not(:has(input:checked)){display:none}
.fgroup__body.is-expanded{max-height:220px;overflow-y:auto}