/* Market Arogant — stiluri preluate identic din prototipul aprobat */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@400;500;600&display=swap');

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; width: 100%; -webkit-text-size-adjust: 100%; }
body, h1, h2, h3, h4, p, figure, blockquote, ul, ol, table, form { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img, svg, iframe { display: block; max-width: 100%; }
img { height: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }

:root{
  --ink:#11100F;
  --ink-2:#1B1917;
  --slate:#8A857C;
  --slate-l:#D8C6A4;
  --text:#4A4741;
  --muted:#8A857C;
  --bg:#F7F7F6;
  --surface:#FFFFFF;
  --tint:#F0EFEC;
  --line:#E6E4DF;
  --brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='300'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.008 0.16' numOctaves='2' seed='11'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='26'/%3E%3C/filter%3E%3Cg filter='url(%23b)' fill='%23ffffff' opacity='0.08'%3E%3Crect x='30' y='-30' width='95' height='360' transform='rotate(6 78 150)'/%3E%3Crect x='215' y='-30' width='58' height='360' transform='rotate(-5 244 150)'/%3E%3Crect x='400' y='-30' width='115' height='360' transform='rotate(4 458 150)'/%3E%3C/g%3E%3C/svg%3E");

  --gold:#B49669;
  --gold-ink:#8E7040;
  --gold-soft:#F1EEE8;
  --sale:#B3261E;
  --c:var(--ink);

  --f:'Manrope', -apple-system, 'Segoe UI', Arial, sans-serif;
  --fd:'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
  --r-s:12px; --r:18px; --r-l:26px; --pill:999px;
  --sh:0 1px 2px rgba(42,33,24,.05), 0 10px 28px rgba(42,33,24,.07);
  --sh-h:0 4px 10px rgba(42,33,24,.07), 0 24px 50px rgba(42,33,24,.13);
  --head:150px; --head-min:74px;
  --gut:clamp(20px,5vw,48px);
  --maxw:1280px;
  --ease:cubic-bezier(.22,1,.36,1);
}

body{
  font-family:var(--f); font-size:17px; line-height:1.62; color:var(--text);
  background:var(--bg); overflow-x:hidden; width:100%; -webkit-font-smoothing:antialiased;
}
h1,h2{ font-family:var(--fd); font-weight:500; letter-spacing:-.005em; line-height:1.12; color:var(--ink); text-wrap:balance; }
h3,h4{ color:var(--ink); font-weight:700; letter-spacing:-.02em; line-height:1.24; text-wrap:balance; }
h1{ font-size:clamp(2.4rem,4.8vw,3.9rem); }
h2{ font-size:clamp(1.9rem,3.4vw,2.9rem); }
h3{ font-size:1.18rem; font-weight:700; letter-spacing:-.025em; line-height:1.26; }
h4{ font-size:1.02rem; font-weight:700; letter-spacing:-.02em; }
p{ text-wrap:pretty; }
.lead{ font-size:1.1rem; color:var(--muted); max-width:56ch; }
.muted{ color:var(--muted); }
.long{ max-width:64ch; }

.wrap{ max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gut); }
.sec{ padding-block:clamp(50px,7vw,94px); }
.sec--tight{ padding-block:clamp(32px,4.2vw,54px); }
.sec--grey{ background:var(--surface); }
main{ padding-top:var(--head); }


.hd{ margin-bottom:clamp(26px,3.4vw,42px); display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.hd p{ color:var(--muted); max-width:46ch; }
.eyebrow{ display:inline-flex; align-items:center; gap:12px; font-size:.76rem; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--gold-ink); margin-bottom:14px; }
.eyebrow::before{ content:''; width:28px; height:1px; background:currentColor; }
.center{ text-align:center; }
.center .eyebrow::after{ content:''; width:28px; height:1px; background:currentColor; }
.center .hd{ flex-direction:column; align-items:center; }
.center .hd p{ text-align:center; }

/* butoane */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:50px; padding:13px 26px; border:1px solid transparent; border-radius:var(--pill);
  background:var(--ink); color:#fff; font-weight:700; font-size:.97rem; letter-spacing:-.01em; cursor:pointer;
  transition:filter .2s, transform .2s var(--ease), box-shadow .2s, background .2s, color .2s;
}
.btn:hover{ filter:brightness(1.12); transform:translateY(-2px); box-shadow:0 10px 22px rgba(42,33,24,.22); }
.btn--gold{ background:var(--gold); color:var(--ink); border-color:var(--gold); }
.btn--gold:hover{ filter:brightness(1.06); box-shadow:0 10px 22px rgba(180,150,105,.4); }

.btn--dark{ background:var(--ink); }
.btn--line{ background:transparent; color:var(--ink); border-color:var(--line); }
.btn--line:hover{ background:var(--ink); color:#fff; border-color:var(--ink); box-shadow:none; }
.btn--sm{ min-height:42px; padding:9px 18px; font-size:.9rem; }
.btn--block{ width:100%; }
.btn:disabled,.btn.off{ opacity:.35; pointer-events:none; }
.link{ text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1.5px; text-decoration-color:rgba(42,33,24,.25); }
.link:hover{ text-decoration-color:currentColor; }
:where(a,button,input,select,textarea):focus-visible{ outline:2px solid var(--gold); outline-offset:3px; }

/* header */
.head{
  position:fixed; inset-block-start:0; inset-inline:0; z-index:900;
  background:rgba(255,255,255,.94); backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px); box-shadow:0 1px 0 var(--line);
}
.head .wrap{ display:flex; align-items:center; gap:clamp(10px,1.8vw,28px); width:100%; }

.util{ background:var(--ink-2); color:rgba(255,255,255,.62); font-size:.84rem; height:38px; }
.util .wrap{ height:38px; justify-content:space-between; }
.util nav{ display:flex; gap:clamp(12px,1.5vw,24px); }
.util a{ color:rgba(255,255,255,.8); }
.util a:hover{ color:#fff; }
.util b{ color:#fff; font-weight:700; }
body.shrunk .util{ display:none; }

.mainbar{ position:relative; }
.mainbar .wrap{ height:74px; flex-wrap:wrap; }
.logo{ display:flex; align-items:center; gap:12px; white-space:nowrap; }
.logo img{ width:44px; height:44px; flex:none; mix-blend-mode:multiply; }
.logo__t{ display:flex; flex-direction:column; line-height:1; font-family:var(--fd); }
.logo__t b{ font-size:1.05rem; font-weight:600; letter-spacing:.24em; color:var(--ink); }
.logo__t em{ font-style:normal; font-size:.7rem; font-weight:500; letter-spacing:.32em; color:var(--gold-ink); margin-top:5px; }
.logo em{ font-style:normal; color:var(--slate-l); }
.hsearch{
  flex:1 1 260px; max-width:540px; display:flex; align-items:stretch;
  background:var(--tint); border:1px solid transparent; border-radius:var(--pill); overflow:hidden;
  transition:border-color .2s, background .2s;
}
.hsearch:focus-within{ background:#fff; border-color:var(--gold); }
.hsearch select{ border:0; box-shadow:none; border-radius:0; min-height:0; height:46px; width:auto; flex:none;
  padding:0 30px 0 18px; font-size:.9rem; font-weight:600; color:var(--muted); background:transparent; }
.hsearch .sel::after{ right:13px; width:6px; height:6px; border-width:0 1.5px 1.5px 0; }
.hsearch input[type=search]{ flex:1; border:0; border-radius:0; min-height:0; height:46px; padding:0 6px; font-size:.95rem; background:transparent; color:var(--ink); box-shadow:none; }
.hsearch input[type=search]::placeholder{ color:#A9A49B; }
.hsearch input[type=search]:focus{ border:0; box-shadow:none; }
.hsearch button{ width:48px; border:0; background:none; color:var(--ink); cursor:pointer; display:grid; place-items:center; }
.hsearch button:hover{ color:var(--gold-ink); }
.hsearch svg{ width:19px; height:19px; }
.tools{ display:flex; align-items:center; gap:4px; margin-inline-start:auto; }
.ico{ width:44px; height:44px; display:grid; place-items:center; position:relative;
  background:none; border:0; border-radius:var(--pill); color:var(--ink); cursor:pointer; transition:background .18s; }
.ico:hover{ background:var(--tint); }
.ico svg{ width:20px; height:20px; }
.bag{ position:absolute; top:2px; right:1px; min-width:18px; height:18px; padding-inline:5px;
  background:var(--sale); color:#fff; border-radius:var(--pill); font-size:.66rem; font-weight:800;
  display:grid; place-items:center; line-height:1; border:2px solid #fff; }
.cartval{ font-size:.92rem; font-weight:800; color:var(--ink); white-space:nowrap; margin-inline-start:6px; letter-spacing:-.02em; }
.burger{ display:none; }

.catnav{ height:52px; border-top:1px solid var(--line); }
.catnav .wrap{ height:52px; justify-content:space-between; }
.catnav > .wrap > ul{ display:flex; align-items:center; height:52px; gap:6px; margin-inline-start:-14px; }
.catnav > .wrap > ul > li{ position:relative; display:flex; align-items:center; }
.catnav > .wrap > ul > li > a{
  display:flex; align-items:center; gap:8px; padding:9px 14px; border-radius:var(--pill);
  font-size:.95rem; font-weight:600; letter-spacing:-.01em; color:var(--text); transition:background .18s, color .18s;
}
.catnav > .wrap > ul > li > a::after{
  content:''; width:6px; height:6px; margin-top:-3px; border-right:1.8px solid currentColor;
  border-bottom:1.8px solid currentColor; transform:rotate(45deg); opacity:.6;
}
.catnav > .wrap > ul > li:hover > a{ background:var(--tint); color:var(--ink); }
.catnav > .wrap > ul > li > a.on{ background:var(--ink); color:#fff; }

.catnav__r{ display:flex; align-items:center; gap:clamp(10px,1.4vw,20px); font-size:.94rem; font-weight:600; }
.catnav__r a{ color:var(--muted); }
.catnav__r a:hover, .catnav__r a.on{ color:var(--ink); }
body.shrunk .catnav{ display:none; }

.drop{
  position:absolute; top:48px; left:0; z-index:20; display:none; min-width:264px;
  background:var(--surface); border-radius:var(--r); padding:14px 10px 10px; box-shadow:var(--sh-h);
  border-top:3px solid var(--ink);
}
.catnav > .wrap > ul > li:where(:hover,:focus-within) .drop{ display:block; }
.drop a{ display:block; padding:9px 14px; border-radius:var(--r-s); font-size:.95rem; font-weight:600; color:var(--text); }
.drop a:hover{ background:var(--tint); color:var(--ink); }
.drop__all{ margin-top:8px; border-top:1px solid var(--line); border-radius:0 !important; padding-top:14px !important;
  font-weight:800; color:var(--ink) !important; }
.drop__all:hover{ background:transparent !important; text-decoration:underline; text-underline-offset:4px; }

.find{ position:absolute; top:100%; inset-inline:0; background:var(--surface);
  border-radius:0 0 var(--r) var(--r); box-shadow:var(--sh-h); display:none; z-index:30; }
.find.open{ display:block; }
.fres{ padding-block:14px 18px; display:grid; gap:2px; max-height:60vh; overflow-y:auto; }
.fres a{ display:grid; grid-template-columns:54px 1fr auto; gap:16px; align-items:center; padding:9px 10px; border-radius:var(--r-s); }
.fres a:hover{ background:var(--tint); }
.fres img{ width:54px; height:54px; object-fit:contain; background:var(--tint); border-radius:var(--r-s); padding:4px; }
.fres b{ font-weight:700; font-size:.95rem; color:var(--ink); letter-spacing:-.02em; }
.fres span{ color:var(--muted); font-size:.87rem; }

/* meniu mobil */
.mob{ position:fixed; inset:0; z-index:950; background:var(--bg); padding:calc(var(--head) + 14px) var(--gut) 40px;
  opacity:0; pointer-events:none; transition:opacity .22s ease; overflow-y:auto; }
.mob.open{ opacity:1; pointer-events:auto; }
.mob > a{ display:block; font-size:1.3rem; font-weight:800; letter-spacing:-.03em; color:var(--ink);
  padding-block:14px; border-bottom:1px solid var(--line); }
.mob details{ border-bottom:1px solid var(--line); }
.mob summary{ list-style:none; cursor:pointer; font-size:1.3rem; font-weight:800; letter-spacing:-.03em;
  color:var(--ink); padding-block:14px; display:flex; align-items:center; justify-content:space-between; }
.mob summary::-webkit-details-marker{ display:none; }
.mob summary::after{ content:''; width:8px; height:8px; border-right:2px solid var(--muted);
  border-bottom:2px solid var(--muted); transform:rotate(45deg); margin-right:4px; }
.mob details[open] summary::after{ transform:rotate(-135deg); }
.mob details a{ display:block; padding:9px 0 9px 14px; font-size:1rem; color:var(--text); }
.mob details > div{ padding-bottom:12px; }
.mob p{ margin-top:24px; color:var(--muted); font-size:.95rem; }
.mclose{ position:fixed; top:16px; right:var(--gut); width:44px; height:44px; border:0; border-radius:var(--pill);
  background:var(--tint); color:var(--ink); font-size:1.1rem; cursor:pointer; z-index:951; display:grid; place-items:center; }

/* hero */
.hero{ position:relative; background:var(--ink); color:rgba(255,255,255,.72); overflow:hidden; }
.hero::after{ content:''; position:absolute; inset:0; background-image:var(--brush); background-size:cover;
  background-position:center; opacity:.22; pointer-events:none; }
.hero__ph{ position:absolute; inset-block:0; inset-inline-end:0; width:52%; }
.hero__ph img{ width:100%; height:100%; object-fit:cover;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 26%, #000 60%);
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 26%, #000 60%); }
.hero__ph::after{ content:''; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(21,23,26,.55) 0%, rgba(21,23,26,.3) 55%, rgba(21,23,26,.05) 100%); }
.hero .wrap{ position:relative; z-index:2; padding-block:clamp(52px,7.5vw,104px); }
.hero__in{ max-width:min(56%,620px); }
.hero .eyebrow{ color:var(--slate-l); }
.offer .eyebrow{ color:var(--slate-l); }
.hero h1{ color:#fff; }
.hero p{ margin-top:18px; font-size:1.04rem; max-width:46ch; }
.hero__btn{ margin-top:30px; display:flex; gap:12px; flex-wrap:wrap; }
.btn--ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.45); }
.btn--ghost:hover{ background:#fff; color:var(--ink); border-color:#fff; }

/* banda cu cuvinte-cheie */
.mq{ background:var(--ink-2); overflow:hidden; }
.mq__t{ display:flex; width:max-content; animation:mqs 42s linear infinite; }
.mq__t span{ display:flex; align-items:center; gap:26px; padding:13px 0; font-size:.78rem; letter-spacing:.2em;
  text-transform:uppercase; color:rgba(255,255,255,.68); white-space:nowrap; }
.mq__t span::after{ content:'✦'; color:var(--slate-l); letter-spacing:0; margin-inline:26px; }
@keyframes mqs{ to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .mq__t{ animation:none; } }

/* oferta cu numaratoare */
.offer{ position:relative; background:var(--ink); color:rgba(255,255,255,.72); overflow:hidden; }
.offer::after{ content:''; position:absolute; inset:0; background-image:var(--brush); background-size:cover; opacity:.25; pointer-events:none; }
.offer .wrap{ position:relative; z-index:2; padding-block:clamp(44px,6vw,80px); display:grid;
  grid-template-columns:1.1fr .9fr; gap:clamp(24px,4vw,56px); align-items:center; }
.offer h2{ color:#fff; max-width:16ch; }
.offer p{ margin-top:14px; max-width:44ch; }
.code{ display:inline-flex; align-items:center; gap:12px; margin-top:22px; padding:11px 18px;
  border:1px dashed rgba(255,255,255,.4); border-radius:var(--r-s); font-size:.88rem; }
.code b{ font-family:var(--fd); font-size:1.15rem; letter-spacing:.1em; color:#fff; }
.cd{ display:flex; gap:12px; }
.cd div{ flex:1; text-align:center; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-s); padding:16px 6px; }
.cd b{ display:block; font-family:var(--fd); font-size:clamp(1.5rem,2.6vw,2rem); color:#fff; line-height:1; }
.cd span{ font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.5); }

/* de ce noi */
.why{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(20px,3vw,44px); }
.why div{ border-top:1px solid var(--line); padding-top:22px; }
.why svg{ width:24px; height:24px; color:var(--gold-ink); margin-bottom:14px; }
.why h4{ margin-bottom:8px; }
.why p{ font-size:.93rem; color:var(--muted); }

/* titlu + categorii */
.h1s{ font-size:clamp(1.7rem,3.2vw,2.6rem); max-width:20ch; }
.h1s em{ font-style:normal; color:var(--gold); }
.cats{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.2vw,28px); }
.cat{ display:block; }
.cat__ph{ position:relative; overflow:hidden; border-radius:140px 140px var(--r) var(--r);
  background:var(--tint); aspect-ratio:3/3.5; box-shadow:var(--sh); }
.cat__ph img{ width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.cat:hover .cat__ph img{ transform:scale(1.05); }
.cat__ph::after{ content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(42,33,24,.6) 0%, rgba(42,33,24,0) 45%); }
.cat__lb{ position:absolute; left:20px; right:20px; bottom:20px; z-index:2; color:#fff; }
.cat__lb b{ display:block; font-size:1.24rem; font-weight:800; letter-spacing:-.03em; }
.cat__lb span{ display:inline-flex; align-items:center; gap:7px; margin-top:6px; font-size:.92rem; font-weight:700; }
.cat__lb span::after{ content:''; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(-45deg); transition:transform .2s var(--ease); }
.cat:hover .cat__lb span::after{ transform:rotate(-45deg) translate(3px,3px); }
.cat p{ margin-top:14px; color:var(--muted); font-size:.96rem; }



/* banda de garantii */
.trust{ background:var(--surface); }
.trust ul{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px 30px; padding-block:26px; }
.trust li{ font-size:.93rem; color:var(--muted); padding-left:34px; position:relative; }
.trust li::before{ content:''; position:absolute; left:0; top:2px; width:24px; height:24px; border-radius:var(--pill);
  background:var(--tint) no-repeat center; }
.trust li::before{ background-color:var(--gold-soft); }
.trust b{ display:block; color:var(--ink); font-weight:800; font-size:.98rem; letter-spacing:-.02em; margin-bottom:1px; }

/* produse */
.grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2vw,26px); }
.grid--3{ grid-template-columns:repeat(3,1fr); }
.prod{
  display:flex; flex-direction:column; background:var(--surface); border-radius:var(--r);
  overflow:hidden; box-shadow:var(--sh); transition:transform .25s var(--ease), box-shadow .25s;
}

.prod:hover{ transform:translateY(-4px); box-shadow:var(--sh-h); }
.prod__img{ position:relative; aspect-ratio:1; background:var(--surface); padding:14px 14px 26px; }
.prod__img::before{ content:''; position:absolute; left:50%; top:8%; width:78%; aspect-ratio:1;
  transform:translateX(-50%); border-radius:var(--pill); background:var(--tint); }
.prod__img a{ position:relative; display:block; width:100%; height:100%; }
.prod__img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; transition:opacity .35s var(--ease), transform .6s var(--ease); }
.prod:hover .prod__img img{ transform:scale(1.04); }
.prod__img img + img{ opacity:0; }
.prod:hover .prod__img img + img{ opacity:1; }
.tag{ position:absolute; top:12px; left:12px; z-index:3; padding:5px 11px; border-radius:var(--pill);
  background:var(--sale); color:#fff; font-size:.78rem; font-weight:800; }
.tag--new{ background:var(--ink); }
.tag--out{ background:var(--tint); color:var(--muted); }
.fav{ position:absolute; top:10px; right:10px; z-index:3; width:36px; height:36px; border:0; border-radius:var(--pill);
  background:var(--tint); color:var(--ink); cursor:pointer; display:grid; place-items:center; transition:background .18s, color .18s, transform .18s var(--ease); }
.fav:hover{ background:var(--ink); color:#fff; transform:scale(1.06); }
.fav svg{ width:16px; height:16px; }
.fav.on{ background:var(--sale); color:#fff; }
.fav.on svg{ fill:currentColor; }
.pill{ position:absolute; left:50%; bottom:6px; z-index:3; transform:translateX(-50%); white-space:nowrap;
  padding:5px 14px; border-radius:var(--pill); background:var(--surface); border:1px solid var(--line);
  font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.prod__b{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:3px; flex:1; }
.brand{ font-size:.74rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-ink); }
.prod__n{ font-weight:700; font-size:.99rem; line-height:1.32; letter-spacing:-.025em; color:var(--ink); }
.prod:hover .prod__n{ text-decoration:underline; text-underline-offset:3px; }
.prod__m{ color:var(--muted); font-size:.85rem; }
.prod__p{ margin-top:auto; padding-top:12px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.prod__p s{ color:var(--muted); font-size:.85rem; margin-right:6px; }
.prod__p b{ font-weight:800; font-size:1.12rem; color:var(--sale); letter-spacing:-.03em; }
.prod__p b.plain{ color:var(--ink); }

.add{ width:42px; height:42px; flex:none; border:1px solid var(--line); border-radius:var(--pill); background:var(--surface); color:var(--ink);
  font-size:1.3rem; font-weight:700; cursor:pointer; display:grid; place-items:center; line-height:1;
  transition:transform .18s var(--ease), filter .18s; }
.add:hover{ transform:scale(1.08); background:var(--ink); color:#fff; border-color:var(--ink); }
.add:disabled{ background:var(--tint); color:var(--muted); }

/* carusel */
.carou{ position:relative; }
.carou__t{ display:flex; gap:clamp(16px,2vw,26px); overflow-x:auto; scrollbar-width:none;
  scroll-behavior:smooth; overscroll-behavior-x:contain; padding:6px 4px 10px; }
.carou__t::-webkit-scrollbar{ display:none; }
.carou__t .prod{ flex:0 0 calc((100% - 3*clamp(16px,2vw,26px))/4); }
.carou__b{ position:absolute; top:calc(50% - 40px); width:46px; height:46px; border:0; border-radius:var(--pill);
  background:var(--surface); color:var(--ink); cursor:pointer; display:grid; place-items:center;
  box-shadow:var(--sh-h); z-index:4; transition:transform .2s var(--ease), background .2s, color .2s; }
.carou__b:hover{ background:var(--ink); color:#fff; transform:scale(1.08); }
.carou__b svg{ width:19px; height:19px; }
.carou__b--p{ left:-22px; }
.carou__b--n{ right:-22px; }
@media (max-width:1380px){ .carou__b--p{ left:2px; } .carou__b--n{ right:2px; } }
@media (max-width:1000px){ .carou__t .prod{ flex-basis:calc((100% - 2*20px)/3); } }
@media (max-width:860px){ .carou__t .prod{ flex-basis:calc((100% - 18px)/2); } }
@media (max-width:520px){ .carou__t .prod{ flex-basis:80%; } }

/* galerie necropata */
.mason{ columns:4; column-gap:clamp(12px,1.6vw,20px); }
.mason img{ width:100%; margin-bottom:clamp(12px,1.6vw,20px); border-radius:var(--r); break-inside:avoid; box-shadow:var(--sh); }
@media (max-width:900px){ .mason{ columns:2; } }
@media (max-width:520px){ .mason{ columns:1; } }

/* blocuri editoriale */
.split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4.5vw,68px); align-items:center; }
.split img{ width:100%; height:auto; border-radius:var(--r-l); box-shadow:var(--sh); }
.split--rev img{ order:2; }
.split ul{ margin-top:22px; display:grid; gap:11px; }
.split li{ padding-left:28px; position:relative; font-size:.98rem; }
.split li::before{ content:''; position:absolute; left:0; top:.36em; width:18px; height:18px; border-radius:50%; background:var(--tint); }
.split li::after{ content:'✦'; position:absolute; left:2px; top:.02em; font-size:.7rem; color:var(--gold); }
.split li::before{ display:none; }
.split .btn{ margin-top:28px; }

/* pasi */
.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2.2vw,26px); }
.step{ background:var(--surface); border-radius:var(--r); padding:26px; box-shadow:var(--sh); }
.step b{ display:block; color:var(--gold-ink); font-size:.78rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin-bottom:10px; }
.step h4{ margin-bottom:7px; }
.step p{ font-size:.94rem; color:var(--muted); }

/* recenzii */
.revs{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.4vw,28px); }
.rev{ background:var(--surface); border-radius:var(--r); padding:26px; box-shadow:var(--sh); }
.rev::before{ content:'\201C'; display:block; font-family:var(--fd); font-size:3.4rem; line-height:.6; color:var(--slate);
  opacity:.35; margin-bottom:14px; }
.rev .stars{ color:var(--ink); font-size:.9rem; letter-spacing:.14em; margin-bottom:10px; }
.rev__who{ display:flex; align-items:center; gap:12px; margin-top:16px; }
.rev__who b{ display:block; }
.rev__who i{ width:38px; height:38px; border-radius:var(--pill); background:var(--tint); color:var(--ink);
  display:grid; place-items:center; font-style:normal; font-weight:800; font-size:.82rem; flex:none; }
.rev p{ font-size:1.02rem; color:var(--ink); letter-spacing:-.015em; }
.rev footer{ margin-top:14px; font-size:.9rem; color:var(--muted); }
.rev footer b{ display:block; color:var(--ink); font-weight:800; }

/* newsletter */
.news{ display:grid; grid-template-columns:1fr minmax(0,44ch); gap:clamp(20px,3vw,52px); align-items:center;
  background:var(--surface); border-radius:var(--r-l); padding:clamp(26px,4vw,48px); box-shadow:var(--sh); }
.news form{ display:flex; gap:9px; flex-wrap:wrap; }
.news input{ flex:1 1 210px; }
.news small{ display:block; margin-top:12px; color:var(--muted); font-size:.87rem; }

/* numaratoare oferta */
(function(){
  const end = Date.now() + (2*24*3600 + 7*3600 + 41*60 + 12) * 1000;
  const p = n => String(n).padStart(2,'0');
  function tick(){
    let d = Math.max(0, end - Date.now());
    const dd = Math.floor(d/86400000); d -= dd*86400000;
    const hh = Math.floor(d/3600000); d -= hh*3600000;
    const mm = Math.floor(d/60000); d -= mm*60000;
    if($('#cdD')){ $('#cdD').textContent = p(dd); $('#cdH').textContent = p(hh);
      $('#cdM').textContent = p(mm); $('#cdS').textContent = p(Math.floor(d/1000)); }
  }
  tick(); setInterval(tick, 1000);
})();

/* formulare */
.f{ margin-bottom:18px; }
.f label{ display:block; font-size:.9rem; font-weight:700; color:var(--ink); margin-bottom:7px; }
input[type=text],input[type=email],input[type=tel],input[type=search],textarea,select{
  width:100%; min-height:50px; padding:13px 16px; background:var(--surface); color:var(--text);
  border:1px solid var(--line); border-radius:var(--r-s); transition:border-color .18s, box-shadow .18s;
}
textarea{ min-height:130px; resize:vertical; line-height:1.6; }
input:focus,textarea:focus,select:focus{ border-color:var(--ink); outline:0; box-shadow:0 0 0 3px rgba(42,33,24,.07); }
::placeholder{ color:#B0A79A; }
.sel{ position:relative; }
.sel select{ appearance:none; padding-inline-end:40px; cursor:pointer; }
.sel::after{ content:''; position:absolute; right:16px; top:50%; width:8px; height:8px;
  border-right:1.8px solid var(--text); border-bottom:1.8px solid var(--text);
  transform:translateY(-70%) rotate(45deg); pointer-events:none; }
.f2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.err{ display:none; color:var(--sale); font-size:.84rem; margin-top:5px; }
.f.bad input,.f.bad textarea,.f.bad select{ border-color:var(--sale); }
.f.bad .err{ display:block; }
.chk{ display:flex; gap:11px; align-items:flex-start; font-size:.92rem; color:var(--muted); }
.chk input{ width:19px; height:19px; min-height:0; margin-top:3px; accent-color:var(--ink); flex:none; }
.note{ display:none; margin-top:14px; padding:14px 16px; background:var(--gold-soft); color:#7A5A22;
  border-radius:var(--r-s); font-size:.93rem; font-weight:600; }
.note.show{ display:block; }

/* titlu de pagina */
.ptitle{ background:var(--surface); padding-block:clamp(32px,4.4vw,56px); border-bottom:1px solid var(--line); }

.crumb{ font-size:.88rem; color:var(--muted); margin-bottom:14px; }
.crumb a:hover{ color:var(--ink); }
.ptitle h1{ color:var(--ink); }
.ptitle p{ margin-top:14px; color:var(--muted); max-width:60ch; }

/* magazin */
.shop{ display:grid; grid-template-columns:238px 1fr; gap:clamp(22px,3vw,50px); align-items:start; }
.filters{ position:sticky; top:calc(var(--head-min) + 18px); background:var(--surface); border-radius:var(--r); padding:22px; box-shadow:var(--sh); }
.fg{ padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--line); }
.fg:last-child{ border:0; margin:0; padding:0; }
.fg h4{ margin-bottom:10px; }
.fopt{ display:flex; align-items:center; gap:10px; padding-block:5px; font-size:.94rem; cursor:pointer; }
.fopt input{ width:17px; height:17px; min-height:0; accent-color:var(--ink); cursor:pointer; }
.fopt em{ margin-left:auto; font-style:normal; color:var(--muted); font-size:.83rem; }
input[type=range]{ width:100%; min-height:0; padding:0; border:0; accent-color:var(--ink); height:26px; background:none; }
.rout{ display:flex; justify-content:space-between; font-size:.86rem; color:var(--muted); }
.sbar{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:20px; }
.sbar .sel select{ min-width:200px; min-height:44px; border-radius:var(--pill); background:var(--surface); }
.tags{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.tags button{ border:0; background:var(--surface); border-radius:var(--pill); padding:7px 14px; font-size:.86rem;
  font-weight:700; cursor:pointer; box-shadow:var(--sh); color:var(--ink); }
.tags button:hover{ background:var(--ink); color:#fff; }
.fbtn{ display:none; }
.void{ grid-column:1/-1; padding-block:60px; text-align:center; color:var(--muted); }

/* pagina de produs */
.pdp{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,60px); align-items:start; }
.gal{ position:sticky; top:calc(var(--head-min) + 18px); }
.gal__m{ aspect-ratio:1; border-radius:var(--r-l); overflow:hidden; background:var(--surface); box-shadow:var(--sh); padding:26px; }
.gal__m img{ width:100%; height:100%; object-fit:contain; }
.gal__t{ display:flex; gap:10px; margin-top:12px; }
.gal__t button{ width:82px; aspect-ratio:1; padding:6px; border:2px solid transparent; border-radius:var(--r-s);
  overflow:hidden; background:var(--surface); cursor:pointer; transition:border-color .18s; box-shadow:var(--sh); }
.gal__t button.on{ border-color:var(--ink); }
.gal__t img{ width:100%; height:100%; object-fit:contain; }
.pdp h1{ font-size:clamp(1.6rem,2.8vw,2.3rem); margin-block:8px 12px; }
.price{ display:flex; align-items:baseline; gap:12px; margin:20px 0; flex-wrap:wrap; }
.price b{ font-size:2rem; font-weight:800; color:var(--ink); letter-spacing:-.04em; }
.price b.sale{ color:var(--sale); }
.price s{ color:var(--muted); }
.price em{ font-style:normal; color:#fff; background:var(--sale); font-weight:800; font-size:.86rem;
  padding:5px 12px; border-radius:var(--pill); }
.buy{ display:flex; gap:10px; margin:22px 0; flex-wrap:wrap; }
.qty{ display:flex; align-items:center; border:1px solid var(--line); border-radius:var(--pill); background:var(--surface); }
.qty button{ width:44px; min-height:48px; border:0; background:none; font-size:1.15rem; cursor:pointer; border-radius:var(--pill); }
.qty button:hover{ background:var(--tint); }
.qty input{ width:40px; min-height:0; text-align:center; border:0; padding:0; font-weight:800; background:none; }
.qty input:focus{ box-shadow:none; }
.facts{ display:grid; gap:9px; padding:20px; background:var(--surface); border-radius:var(--r); font-size:.94rem; box-shadow:var(--sh); }
.facts b{ color:var(--ink); font-weight:800; }
.tabs{ display:flex; gap:8px; margin:clamp(36px,5vw,64px) 0 26px; overflow-x:auto; scrollbar-width:none; }
.tabs::-webkit-scrollbar{ display:none; }
.tabs button{ background:var(--surface); border:0; padding:11px 20px; border-radius:var(--pill); font-weight:700;
  font-size:.94rem; color:var(--muted); cursor:pointer; white-space:nowrap; box-shadow:var(--sh); transition:background .18s, color .18s; }
.tabs button:hover{ color:var(--ink); }
.tabs button.on{ background:var(--ink); color:#fff; }
.pane{ display:none; }
.pane.on{ display:block; }
.spec{ width:100%; border-collapse:collapse; max-width:680px; }
.spec td{ padding:13px 0; border-bottom:1px solid var(--line); font-size:.95rem; }
.spec td:first-child{ color:var(--muted); width:44%; }
.spec td:last-child{ color:var(--ink); font-weight:700; }

/* cos si checkout */
.cart{ display:grid; grid-template-columns:1.6fr .9fr; gap:clamp(22px,3vw,46px); align-items:start; }
.line{ display:grid; grid-template-columns:92px 1fr auto; gap:18px; padding-block:18px; border-bottom:1px solid var(--line); align-items:center; }
.line img{ width:92px; height:92px; object-fit:contain; border-radius:var(--r-s); background:var(--surface); padding:6px; }
.line b{ display:block; font-weight:700; color:var(--ink); letter-spacing:-.02em; }
.line small{ color:var(--muted); }
.line__r{ display:flex; flex-direction:column; align-items:flex-end; gap:9px; }
.line__r .qty{ transform:scale(.92); transform-origin:right; }
.rm{ border:0; background:none; color:var(--muted); font-size:.86rem; text-decoration:underline; cursor:pointer; padding:0; }
.rm:hover{ color:var(--sale); }
.sum{ background:var(--surface); border-radius:var(--r); padding:26px; position:sticky; top:calc(var(--head-min) + 18px); box-shadow:var(--sh); }
.sum h3{ margin-bottom:14px; }
.srow{ display:flex; justify-content:space-between; gap:12px; padding-block:7px; font-size:.95rem; }
.srow--t{ border-top:1px solid var(--line); margin-top:10px; padding-top:14px; }
.srow--t b{ font-size:1.4rem; font-weight:800; color:var(--ink); letter-spacing:-.03em; }
.cop{ display:flex; gap:8px; margin:14px 0; }
.cop input{ min-height:44px; border-radius:var(--pill); }
.opt{ display:flex; gap:12px; align-items:flex-start; padding:16px; border:1px solid var(--line);
  border-radius:var(--r); margin-bottom:10px; cursor:pointer; background:var(--surface); transition:border-color .18s, box-shadow .18s; }
.opt.on{ border-color:var(--ink); box-shadow:0 0 0 3px rgba(42,33,24,.08); }
.opt input{ accent-color:var(--ink); width:18px; height:18px; min-height:0; margin-top:2px; }
.opt b{ display:block; color:var(--ink); font-weight:800; letter-spacing:-.02em; }
.opt small{ color:var(--muted); }
.steps-b{ display:flex; gap:8px; font-size:.9rem; color:var(--muted); margin-bottom:24px; flex-wrap:wrap; }
.steps-b b{ color:var(--ink); font-weight:800; }
.done{ display:none; max-width:58ch; }
.done.show{ display:block; }
.warn{ padding:13px 15px; background:#FBECEA; color:#9C2A18; border-radius:var(--r-s); font-size:.92rem; }
.warn b{ font-weight:800; }

/* cos lateral */
.scrim{ position:fixed; inset:0; z-index:980; background:rgba(42,33,24,.42); backdrop-filter:blur(2px);
  opacity:0; pointer-events:none; transition:opacity .28s; }
.scrim.on{ opacity:1; pointer-events:auto; }
.drawer{ position:fixed; inset-block:0; inset-inline-end:0; z-index:990; width:min(420px,94vw);
  background:var(--bg); display:flex; flex-direction:column; transform:translateX(101%);
  transition:transform .38s var(--ease); box-shadow:-10px 0 40px rgba(42,33,24,.2); }
.drawer.open{ transform:none; }
.drawer__h{ display:flex; align-items:center; justify-content:space-between; padding:20px 22px;
  border-bottom:1px solid var(--line); flex:none; background:var(--surface); }
.drawer__h h3{ font-size:1.1rem; }
.drawer__h span{ color:var(--muted); font-weight:600; }
.dx{ width:40px; height:40px; border:0; border-radius:var(--pill); background:var(--tint); cursor:pointer; display:grid; place-items:center; }
.dx:hover{ background:var(--ink); color:#fff; }
.drawer__b{ flex:1; overflow-y:auto; padding:6px 22px 16px; }
.drawer__f{ flex:none; border-top:1px solid var(--line); padding:18px 22px 22px; background:var(--surface); }
.dline{ display:grid; grid-template-columns:68px 1fr; gap:14px; padding-block:16px; border-bottom:1px solid var(--line); }
.dline img{ width:68px; height:68px; object-fit:contain; border-radius:var(--r-s); background:var(--surface); padding:5px; }
.dline b{ display:block; font-weight:700; font-size:.94rem; line-height:1.3; color:var(--ink); letter-spacing:-.02em; }
.dline small{ color:var(--muted); font-size:.85rem; }
.dline__r{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; }
.dline .qty button{ width:34px; min-height:34px; font-size:1rem; }
.dline .qty input{ width:30px; }
.prog{ height:6px; background:var(--tint); border-radius:var(--pill); margin:10px 0 16px; overflow:hidden; }
.prog i{ display:block; height:100%; background:var(--gold); border-radius:var(--pill); transition:width .4s var(--ease); }
.dnote{ font-size:.9rem; color:var(--muted); }
.dnote b{ color:var(--ink); font-weight:800; }
.dsum{ display:flex; justify-content:space-between; align-items:baseline; margin:14px 0 12px; }
.dsum b{ font-size:1.3rem; font-weight:800; color:var(--ink); letter-spacing:-.03em; }
.dlink{ display:block; text-align:center; margin-top:10px; font-size:.9rem; color:var(--muted);
  text-decoration:underline; text-underline-offset:3px; }

/* contact si despre */
.two{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(26px,4vw,60px); align-items:start; }
.two img{ height:auto; }
.cinfo{ display:grid; gap:20px; }
.cinfo b{ display:block; font-size:.87rem; color:var(--muted); font-weight:700; margin-bottom:3px; }
.cinfo span,.cinfo a{ font-size:1.06rem; font-weight:800; color:var(--ink); letter-spacing:-.02em; }
.cinfo a:hover{ color:var(--ink); }
.social{ display:flex; gap:9px; }
.social a{ width:46px; height:46px; background:var(--surface); border-radius:var(--pill); display:grid; place-items:center;
  box-shadow:var(--sh); transition:background .18s, color .18s, transform .18s var(--ease); }
.social a:hover{ background:var(--ink); color:#fff; transform:translateY(-2px); }
.social svg{ width:19px; height:19px; }
.map{ margin-top:clamp(26px,3.4vw,46px); height:400px; border-radius:var(--r-l); overflow:hidden; box-shadow:var(--sh); }
.map iframe{ width:100%; height:100%; border:0; }
.nums{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.nums div{ background:var(--surface); border-radius:var(--r); padding:26px 24px; box-shadow:var(--sh); }
.nums b{ display:block; font-family:var(--fd); font-size:clamp(2rem,3.6vw,2.7rem); font-weight:400; color:var(--ink); letter-spacing:-.045em; line-height:1.05; }
.nums span{ font-size:.92rem; color:var(--muted); }
.trio{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,2vw,24px); }
.trio img{ width:100%; height:auto; border-radius:var(--r-l); box-shadow:var(--sh); }
.trio figcaption{ margin-top:12px; font-size:.9rem; color:var(--muted); }

/* legal */
.legal{ max-width:72ch; }
.legal h2{ font-size:1.3rem; margin:32px 0 12px; }
.legal p,.legal li{ font-size:1rem; }
.legal ul{ list-style:disc; padding-left:22px; margin:12px 0; }
.legal li{ margin-bottom:6px; }
.legal a{ text-decoration:underline; color:var(--ink); }

/* footer */
.foot{ background:var(--ink); color:rgba(255,255,255,.62); border-radius:var(--r-l) var(--r-l) 0 0;
  margin-top:clamp(40px,6vw,76px); padding-top:clamp(44px,5.5vw,70px);
  background-image:var(--brush); background-size:100% 340px; background-repeat:no-repeat; background-position:top center; }
.foot .logo{ color:#fff; }
.foot .logo img{ display:none; }
.foot .logo__t b{ color:#fff; }
.foot .logo__t em{ color:var(--gold); }
.foot h4{ color:#fff; margin-bottom:16px; }
.foot__g{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:clamp(24px,3vw,50px); padding-bottom:40px; }
.foot li{ margin-bottom:10px; font-size:.95rem; }
.foot a:hover{ color:#fff; }
.foot .logo{ display:block; margin-bottom:14px; color:#fff; }
.foot .logo em{ color:var(--slate-l); }
.foot p{ font-size:.95rem; max-width:38ch; }
.foot .co{ margin-top:16px; font-size:.88rem; line-height:1.75; color:rgba(255,255,255,.45); }
.anpc{ display:flex; gap:9px; margin-top:18px; flex-wrap:wrap; }
.anpc img{ height:38px; width:auto; border-radius:var(--r-s); }
.pay{ display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; font-size:.8rem; color:rgba(255,255,255,.45); }
.foot__b{ border-top:1px solid rgba(255,255,255,.12); padding-block:20px 26px; display:flex; justify-content:space-between;
  gap:14px; flex-wrap:wrap; font-size:.88rem; color:rgba(255,255,255,.5); }
.foot__b nav{ display:flex; gap:18px; flex-wrap:wrap; }

/* plutitoare */
.top{ position:fixed; right:20px; bottom:20px; z-index:800; width:48px; height:48px; background:var(--ink);
  color:#fff; border:0; border-radius:var(--pill); cursor:pointer; display:grid; place-items:center;
  opacity:0; pointer-events:none; transition:opacity .22s, transform .2s var(--ease); box-shadow:var(--sh-h); }
.top.show{ opacity:1; pointer-events:auto; }
.top:hover{ transform:translateY(-2px); }
.cookie{ position:fixed; left:20px; right:20px; bottom:20px; z-index:960; max-width:560px; margin-inline:auto;
  background:var(--ink); color:rgba(255,255,255,.78); border-radius:var(--r); box-shadow:var(--sh-h);
  transform:translateY(140%); transition:transform .45s var(--ease); }
.cookie.on{ transform:none; }
.cookie__in{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding:18px 22px; }
.cookie p{ flex:1 1 260px; font-size:.92rem; }
.cookie a{ text-decoration:underline; font-size:.88rem; }
.toast{ position:fixed; top:calc(var(--head-min) + 14px); right:18px; z-index:995; background:var(--ink); color:#fff;
  padding:14px 18px; border-radius:var(--r-s); font-size:.92rem; max-width:min(90vw,330px); box-shadow:var(--sh-h);
  opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .25s, transform .25s var(--ease), visibility .25s; }
.toast.show{ opacity:1; visibility:visible; transform:none; }

/* preloader */
.pre{ position:fixed; inset:0; z-index:2000; background:var(--surface); display:grid; place-items:center;
  transition:opacity .5s ease, visibility .5s; }
.pre img{ width:min(280px,64vw); opacity:0; animation:pin .6s ease .1s forwards; }

@keyframes pin{ to{ opacity:1 } }
body.ready .pre{ opacity:0; visibility:hidden; }
body.fast .pre{ transition-duration:.2s; }
body.fast .pre img{ animation:none; opacity:1; }

/* responsive */
@media (max-width:1120px){ .cartval{ display:none; } }
@media (max-width:1000px){
  .grid{ grid-template-columns:repeat(3,1fr); }
  .shop{ grid-template-columns:1fr; }
  .filters{ position:static; display:none; }
  .filters.open{ display:block; }
  .fbtn{ display:inline-flex; }
  .pdp{ grid-template-columns:1fr; }
  .gal{ position:static; }
  .cart{ grid-template-columns:1fr; }
  .sum{ position:static; }
  .foot__g{ grid-template-columns:1fr 1fr; }
  .nums{ grid-template-columns:repeat(2,1fr); }
  .steps{ grid-template-columns:repeat(2,1fr); }
  .mason{ columns:3; }
}
@media (max-width:900px){
  :root{ --head:124px; --head-min:124px; }
  .util,.catnav{ display:none; }
  .burger{ display:grid; }
  .mainbar .wrap{ height:auto; padding-block:12px; row-gap:10px; }
  .logo{ order:1; margin-inline-end:auto; }
  .tools{ order:2; margin-inline-start:0; }
  .burger{ order:3; margin-inline-end:-10px; }
  .hsearch{ order:4; flex-basis:100%; max-width:none; }
}
@media (max-width:1000px){ .why{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:860px){
  .hero__ph{ position:static; width:100%; height:230px; }
  .hero__ph::after{ background:linear-gradient(180deg, rgba(21,23,26,.2) 0%, var(--ink) 100%); }
  .hero__in{ max-width:none; }
  .hero .wrap{ padding-block:clamp(34px,6vw,56px); }
  .offer .wrap{ grid-template-columns:1fr; }
  .cats{ grid-template-columns:1fr; }
  .cat{ display:grid; grid-template-columns:150px 1fr; gap:18px; align-items:center; }
  .cat__ph{ aspect-ratio:1; border-radius:80px 80px var(--r) var(--r); }
  .cat p{ margin-top:0; }
  .split{ grid-template-columns:1fr; }
  .split--rev img{ order:0; }
  .revs{ grid-template-columns:1fr; }
  .two{ grid-template-columns:1fr; }
  .trust ul{ grid-template-columns:1fr 1fr; }
  .news{ grid-template-columns:1fr; }
  .trio{ grid-template-columns:1fr; }
}
@media (max-width:600px){
  :root{ --head:118px; --head-min:118px; --r-l:20px; }
  body{ font-size:16.5px; }
  .grid,.grid--3{ grid-template-columns:repeat(2,1fr); }
  .f2{ grid-template-columns:1fr; }
  .foot__g{ grid-template-columns:1fr; }
  .steps{ grid-template-columns:1fr; }
  .nums{ grid-template-columns:1fr 1fr; }
  .line{ grid-template-columns:76px 1fr; }
  .line img{ width:76px; height:76px; }
  .line__r{ grid-column:1/-1; flex-direction:row; align-items:center; justify-content:space-between; }
  .line__r .qty{ transform:none; }
  .cookie{ left:12px; right:12px; bottom:12px; }
  .prod__b{ padding:13px 12px 15px; }
}
@media (max-width:380px){
  .grid,.grid--3{ grid-template-columns:1fr; }
  .cat{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* --- integrare WordPress --- */
body.admin-bar .head{ top:32px; }
body.admin-bar .mob{ top:32px; }
@media screen and (max-width:782px){
	body.admin-bar .head{ top:46px; }
	body.admin-bar .mob{ top:46px; }
}
.elementor-editor-active .pre{ display:none; }
.elementor-widget-container > section:first-child,
.elementor-widget-container > div:first-child{ margin:0; }

/* --- Elementor aplica img{height:auto}; reafirmam dimensiunile din prototip --- */
body .hero__ph img{ width:100%; height:100%; object-fit:cover; }
body .cat__ph img{ width:100%; height:100%; object-fit:cover; }
body .prod__img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
body .gal__m img{ width:100%; height:100%; object-fit:contain; }
body .gal__t img{ width:100%; height:100%; object-fit:contain; }
body .line img{ width:92px; height:112px; object-fit:contain; }
body .dline img{ width:68px; height:68px; object-fit:contain; }
body .fres img{ width:54px; height:54px; object-fit:contain; }
body .logo img{ width:44px; height:44px; }
body .anpc img{ height:38px; width:auto; }
body .trio img,
body .split img,
body .two img{ width:100%; height:auto; }
@media (max-width:600px){
	body .line img{ width:76px; height:76px; }
}

/* ====================== WooCommerce ====================== */
.woocommerce-notices-wrapper:empty{ display:none; }
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{
	background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--gold);
	border-radius:var(--r-s); padding:14px 18px; margin-bottom:18px; list-style:none; font-size:.95rem; }
.woocommerce-error{ border-left-color:var(--sale); }
.woocommerce-message .button,.woocommerce-info .button{ float:right; }

/* buton „+" din card, ca link WooCommerce */
a.add{ text-decoration:none; line-height:1; }
a.add.loading{ opacity:.55; pointer-events:none; }
a.add.added{ background:var(--ink); color:#fff; }
.prod .added_to_cart{ display:none; }

/* formularul de pe pagina de produs */
.buy form.cart{ display:flex; gap:10px; flex-wrap:wrap; align-items:stretch; margin:0; flex:1; }
.buy .quantity{ display:flex; align-items:center; border:1px solid var(--line); border-radius:var(--pill); background:var(--surface); padding-inline:6px; }
.buy .quantity input.qty{ width:64px; min-height:48px; text-align:center; border:0; background:none; font-weight:800; box-shadow:none; padding:0; }
.buy .single_add_to_cart_button{
	flex:1; min-width:190px; display:inline-flex; align-items:center; justify-content:center;
	min-height:50px; padding:13px 26px; border:1px solid var(--ink); border-radius:var(--pill);
	background:var(--ink); color:#fff; font-weight:700; font-size:.97rem; cursor:pointer; }
.buy .single_add_to_cart_button:hover{ filter:brightness(1.12); transform:translateY(-2px); }
.stock.out-of-stock{ color:var(--sale); font-weight:700; }

/* coș, checkout, cont */
.woocommerce table.shop_table{ width:100%; border-collapse:collapse; background:var(--surface);
	border:1px solid var(--line); border-radius:var(--r); overflow:hidden; margin-bottom:24px; }
.woocommerce table.shop_table th,.woocommerce table.shop_table td{ padding:14px 16px; border-bottom:1px solid var(--line); font-size:.95rem; text-align:left; }
.woocommerce table.shop_table th{ font-weight:700; color:var(--ink); }
.woocommerce table.cart img{ width:72px; height:72px; object-fit:contain; background:var(--tint); border-radius:var(--r-s); }
.woocommerce .cart-collaterals,.woocommerce-cart .cart-collaterals .cart_totals{ width:100%; }
.woocommerce .cart_totals h2,.woocommerce-checkout h3,.woocommerce-account h2{ font-family:var(--fd); font-weight:500; font-size:1.5rem; margin-bottom:14px; }
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
	background:var(--ink); color:#fff; border-radius:var(--pill); padding:13px 26px; font-weight:700;
	font-size:.95rem; border:1px solid var(--ink); }
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{ background:#000; color:#fff; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ display:block; text-align:center; background:var(--gold); color:var(--ink); border-color:var(--gold); }
.woocommerce form .form-row{ margin-bottom:16px; }
.woocommerce form .form-row label{ display:block; font-size:.9rem; font-weight:700; color:var(--ink); margin-bottom:7px; }
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .select2-container--default .select2-selection--single{
	width:100%; min-height:50px; padding:13px 16px; background:var(--surface); color:var(--text);
	border:1px solid var(--line); border-radius:var(--r-s); }
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:24px; padding:0; }
.woocommerce-checkout #payment{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:20px; }
.woocommerce-checkout #payment ul.payment_methods{ border:0; padding:0; }
.woocommerce-checkout #payment div.form-row{ padding:16px 0 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
.woocommerce-account .woocommerce-MyAccount-navigation li a{ display:inline-block; padding:9px 16px; border-radius:var(--pill);
	background:var(--surface); border:1px solid var(--line); font-weight:600; font-size:.92rem; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ background:var(--ink); color:#fff; border-color:var(--ink); }
.woocommerce-account .woocommerce-MyAccount-content{ background:var(--surface); border-radius:var(--r); padding:24px; }
.woocommerce .quantity input[type=number]{ -moz-appearance:textfield; }
.woocommerce ul.products{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,26px); list-style:none; margin:0; padding:0; }
.woocommerce nav.woocommerce-pagination ul{ border:0; display:flex; gap:8px; justify-content:center; margin-top:30px; }
.woocommerce nav.woocommerce-pagination ul li{ border:0; }
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
	border-radius:var(--pill); padding:9px 15px; background:var(--surface); border:1px solid var(--line); }
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--ink); color:#fff; }
.woocommerce-breadcrumb{ display:none; }
@media (max-width:860px){ .woocommerce ul.products{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .woocommerce ul.products{ grid-template-columns:1fr; } }

/* blocurile WooCommerce (coș + finalizare) în lățimea paginii */
.woocommerce-page-content{ max-width:none; }
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{ max-width:none; }
.wc-block-components-sidebar-layout{ display:grid; grid-template-columns:1.5fr .9fr; gap:clamp(22px,3vw,48px); align-items:start; }
.wc-block-components-main{ min-width:0; }
.wc-block-components-sidebar{ min-width:0; background:var(--surface); border-radius:var(--r); padding:22px; box-shadow:var(--sh); }
.wc-block-components-order-summary-item__description,
.wc-block-components-product-name{ min-width:0; word-break:normal; overflow-wrap:anywhere; }
.wc-block-components-order-summary-item{ display:grid; grid-template-columns:64px 1fr auto; gap:14px; align-items:start; }
.wc-block-components-order-summary-item__image img{ width:64px; height:64px; object-fit:contain; background:var(--tint); border-radius:var(--r-s); }
.wc-block-components-title,.wc-block-components-checkout-step__title{ font-family:var(--fd); font-weight:500; letter-spacing:-.01em; }
.wc-block-components-text-input input,.wc-block-components-select select,.wc-block-components-textarea{
	border-radius:var(--r-s) !important; border-color:var(--line) !important; }
.wc-block-components-button,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
	background:var(--ink) !important; color:#fff !important; border-radius:var(--pill) !important; font-weight:700 !important; }
.wc-block-components-button:hover{ filter:brightness(1.15); }
@media (max-width:900px){ .wc-block-components-sidebar-layout{ grid-template-columns:1fr; } }