/* ══════════════════════════════════════════════════════════════════════
   DulciSsima — Atelier de Dulciuri, Cluj-Napoca
   Direcția: vitrină de bijutier seara. Antracit, crem, un singur aur.
   Construit la 390 px; media query-urile merg în sus.
   ══════════════════════════════════════════════════════════════════════ */

/* ── fonturi locale, subsetate ─────────────────────────────────────── */
@font-face{
  font-family:'Bodoni Moda'; font-style:normal; font-weight:400 700;
  font-display:swap; src:url(fonturi/bodoni-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Bodoni Moda'; font-style:normal; font-weight:400 700;
  font-display:swap; src:url(fonturi/bodoni-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:'Manrope'; font-style:normal; font-weight:400 700;
  font-display:swap; src:url(fonturi/manrope-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Manrope'; font-style:normal; font-weight:400 700;
  font-display:swap; src:url(fonturi/manrope-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;
}

/* ── tokeni ────────────────────────────────────────────────────────── */
:root{
  --noapte:#171514;
  --carbune:#221F1D;
  --carbune-2:#2C2825;
  --crem:#F2EDE9;
  --crem-stins:#CFC7BF;
  --aur:#C9A15E;
  --aur-clar:#E3C68C;
  --blush:#E8B3B5;

  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem;
  --sp-6:1.5rem; --sp-8:2rem; --sp-12:3rem; --sp-16:4rem;
  --sectiune:clamp(3.5rem,2rem + 7vw,7rem);

  --radius:4px; --radius-lg:10px;
  --linie:1px solid color-mix(in srgb,var(--crem) 14%,transparent);
  --linie-aur:1px solid color-mix(in srgb,var(--aur) 40%,transparent);
  --umbra:0 18px 50px -22px #000;
  --lat:1180px;
  --tranzitie:180ms cubic-bezier(.2,.7,.3,1);

  --pas:clamp(1rem,.95rem + .25vw,1.0625rem);
  --mic:clamp(.8125rem,.78rem + .15vw,.875rem);
  --h3:clamp(1.25rem,1.1rem + .8vw,1.5rem);
  --h2:clamp(1.75rem,1.3rem + 2.2vw,2.6rem);
  --h1:clamp(2.3rem,1.6rem + 3.6vw,3.9rem);
}

/* ── temelie ───────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0; background:var(--noapte); color:var(--crem);
  font:450 var(--pas)/1.65 'Manrope',system-ui,-apple-system,sans-serif;
  overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
/* Bodoni e o didonă: la corpuri mari, browserul urcă singur axa optică și
   subțiază părul literei până dispare pe fundal închis. Fixăm axa jos și
   urcăm greutatea, ca literele să rămână pline la orice dimensiune. */
h1,h2,h3,.marca__nume,.panou__linkuri a{
  font-optical-sizing:none;
  font-variation-settings:'opsz' 11;
}
h1,h2,h3{
  font-family:'Bodoni Moda',Georgia,serif; font-weight:700;
  line-height:1.16; letter-spacing:0; margin:0;
}
h1{font-size:var(--h1)} h2{font-size:var(--h2)} h3{font-size:var(--h3)}
p{margin:0 0 var(--sp-4)}
:focus-visible{outline:2px solid var(--aur);outline-offset:3px;border-radius:2px}

.invizibil{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.sari-la{
  position:absolute;left:var(--sp-4);top:-100px;z-index:200;
  background:var(--aur);color:var(--noapte);padding:var(--sp-3) var(--sp-4);
  border-radius:var(--radius);font-weight:600;
}
.sari-la:focus{top:var(--sp-4)}

.invelis{width:100%;max-width:var(--lat);margin-inline:auto;padding-inline:var(--sp-5,1.25rem)}
.sectiune{padding-block:var(--sectiune)}
.text-mediu{max-width:62ch}

/* ── eticheta de secțiune ──────────────────────────────────────────── */
.eticheta{
  font-size:.6875rem; letter-spacing:.22em; text-transform:uppercase;
  color:var(--aur); font-weight:600; margin:0 0 var(--sp-3);
  display:flex; align-items:center; gap:var(--sp-3);
}
.eticheta::after{
  content:''; flex:1; height:1px; max-width:80px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--aur) 55%,transparent),transparent);
}
.eticheta--centru{justify-content:center}
.eticheta--centru::before{
  content:''; flex:1; height:1px; max-width:80px;
  background:linear-gradient(270deg,color-mix(in srgb,var(--aur) 55%,transparent),transparent);
}

/* ── butoane ───────────────────────────────────────────────────────── */
.buton{
  display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2);
  min-height:48px; padding:var(--sp-3) var(--sp-6);
  font:600 .9375rem/1 'Manrope',sans-serif; letter-spacing:.02em;
  border-radius:var(--radius); text-decoration:none; cursor:pointer;
  border:1px solid transparent; transition:background var(--tranzitie),
    color var(--tranzitie), border-color var(--tranzitie);
}
.buton--aur{background:var(--aur);color:#1b1610;border-color:var(--aur)}
.buton--aur:hover{background:var(--aur-clar);border-color:var(--aur-clar)}
.buton--contur{color:var(--crem);border-color:color-mix(in srgb,var(--crem) 35%,transparent)}
.buton--contur:hover{border-color:var(--aur);color:var(--aur)}
.buton--lat{width:100%}

/* ── antet ─────────────────────────────────────────────────────────── */
.antet{
  position:sticky; top:0; z-index:60; background:var(--noapte);
  border-bottom:var(--linie);
}
.antet__rand{
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--sp-4); min-height:60px;
}
.marca{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;padding-block:var(--sp-2)}
.marca__semn{flex:0 0 auto;width:44px;height:44px;object-fit:contain}
.marca__nume{
  font-family:'Bodoni Moda',Georgia,serif; font-weight:700; font-size:1.2rem;
  line-height:1; letter-spacing:.01em; white-space:nowrap;
}
.marca__sub{
  display:block; font-family:'Manrope',sans-serif; font-size:.5rem;
  letter-spacing:.22em; text-transform:uppercase; color:var(--aur);
  margin-top:4px; white-space:nowrap;
}
.antet__butoane{display:flex;align-items:center;gap:var(--sp-2)}
.antet__tel{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; min-height:44px; color:var(--aur); text-decoration:none;
  white-space:nowrap;
}
.antet__tel-text{display:none}
.meniu-buton{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; min-height:44px; background:none; border:0;
  color:var(--crem); cursor:pointer; padding:0;
}
.navigatie{display:none}

/* panoul mobil — fără backdrop-filter, fundal opac */
.panou{
  position:fixed; inset:0; z-index:80; background:var(--noapte);
  display:flex; flex-direction:column; padding:var(--sp-4);
  padding-bottom:max(var(--sp-8),env(safe-area-inset-bottom));
  overflow-y:auto;
}
.panou__sus{display:flex;justify-content:flex-end;min-height:60px;align-items:center}
.panou__linkuri{
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column;
  gap:var(--sp-2); margin-top:var(--sp-6);
}
.panou__linkuri a{
  display:block; padding:var(--sp-4) var(--sp-2);
  font-family:'Bodoni Moda',Georgia,serif; font-weight:700; font-size:1.75rem;
  text-decoration:none; border-bottom:var(--linie);
}
.panou__linkuri a[aria-current=page]{color:var(--aur)}
.panou__jos{margin-top:auto;padding-top:var(--sp-8);display:grid;gap:var(--sp-3)}
.panou__contact{font-size:var(--mic);color:var(--crem-stins);text-align:center}
.panou__contact a{color:var(--aur);text-decoration:none}

/* ── bara fixă de jos, doar pe telefon ─────────────────────────────── */
.bara-jos{
  position:fixed; left:0; right:0; bottom:0; z-index:70;
  display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2);
  padding:var(--sp-3) var(--sp-4);
  padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom));
  background:var(--carbune); border-top:var(--linie-aur);
}
.bara-jos .buton{min-height:46px;padding-inline:var(--sp-3);font-size:.875rem}
body{padding-bottom:84px}

/* ── hero ──────────────────────────────────────────────────────────── */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero__poza{
  position:absolute; inset:0; z-index:-2;
}
.hero__poza img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero__val{
  position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(180deg,
      rgba(23,21,20,.62) 0%,
      rgba(23,21,20,.28) 16%,
      rgba(23,21,20,.72) 38%,
      rgba(23,21,20,.90) 58%,
      rgba(23,21,20,.98) 80%,
      var(--noapte) 100%);
}
.hero__continut{
  padding-block:clamp(4rem,10vh,7rem) clamp(1.5rem,3vh,2.5rem);
  display:grid; gap:var(--sp-4); justify-items:start;
  min-height:min(72svh,600px); align-content:end;
}
.hero h1{max-width:14ch;text-wrap:balance}
.hero__sub{color:var(--crem-stins);max-width:44ch;margin:0}
.hero__actiuni{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}
.hero__semn{
  font-family:'Bodoni Moda',Georgia,serif; font-style:italic;
  color:var(--aur); font-size:1.05rem; margin:0;
}

/* ── carduri de sortiment ──────────────────────────────────────────── */
.sortimente{display:grid;gap:var(--sp-6);margin-top:var(--sp-8)}
.sortiment{
  background:var(--carbune); border:var(--linie); border-radius:var(--radius-lg);
  overflow:hidden; position:relative; min-width:0;
  display:flex; flex-direction:column;
}
.sortiment__poza{aspect-ratio:4/5;overflow:hidden;position:relative}
.sortiment__poza img{width:100%;height:100%;object-fit:cover}
.sortiment__text{padding:var(--sp-6);display:flex;flex-direction:column;flex:1}
.sortiment h3{margin-bottom:var(--sp-3)}
.sortiment p{color:var(--crem-stins);font-size:.9375rem;margin-bottom:var(--sp-4)}
.compozitie{
  list-style:none;margin:0 0 var(--sp-4);padding:0;display:grid;gap:var(--sp-2);
  font-size:.875rem;color:var(--crem-stins);
}
.compozitie li{display:flex;gap:var(--sp-3);align-items:baseline}
.compozitie li::before{
  content:''; flex:0 0 14px; height:1px; background:var(--aur);
  transform:translateY(-4px);
}
.sortiment__pret{
  margin-top:auto; padding-top:var(--sp-4); border-top:var(--linie);
  font-size:.9375rem; color:var(--aur); font-weight:600; letter-spacing:.01em;
}

/* ── bandă orizontală de poze ──────────────────────────────────────── */
.banda{
  display:flex; gap:var(--sp-4); overflow-x:auto; margin-top:var(--sp-8);
  padding-bottom:var(--sp-4); scroll-snap-type:x mandatory;
  scrollbar-width:thin; scrollbar-color:var(--carbune-2) transparent;
  margin-inline:calc(var(--sp-5,1.25rem) * -1);
  padding-inline:var(--sp-5,1.25rem);
}
.banda__el{flex:0 0 72%;max-width:320px;scroll-snap-align:start}
.banda__el figure{margin:0}
.banda__el img{
  width:100%; aspect-ratio:4/5; object-fit:cover;
  border-radius:var(--radius-lg);
}
.banda__el figcaption{
  margin-top:var(--sp-3); font-size:var(--mic); color:var(--crem-stins);
}

/* ── galerie ───────────────────────────────────────────────────────── */
.galerie{display:grid;gap:var(--sp-3);margin-top:var(--sp-8)}
.galerie figure{margin:0;position:relative}
.galerie img{
  width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--radius-lg);
}
.galerie figcaption{margin-top:var(--sp-2);font-size:var(--mic);color:var(--crem-stins)}

/* ── filtre ────────────────────────────────────────────────────────── */
.filtre{
  display:flex; gap:var(--sp-2); flex-wrap:wrap; margin-top:var(--sp-6);
}
.filtru{
  min-height:40px; padding:var(--sp-2) var(--sp-4);
  background:none; border:1px solid color-mix(in srgb,var(--crem) 20%,transparent);
  color:var(--crem-stins); border-radius:999px; cursor:pointer;
  font:600 .8125rem/1 'Manrope',sans-serif; letter-spacing:.04em;
  transition:color var(--tranzitie),border-color var(--tranzitie),background var(--tranzitie);
}
.filtru:hover{border-color:var(--aur);color:var(--aur)}
.filtru[aria-pressed=true]{background:var(--aur);border-color:var(--aur);color:#1b1610}

/* ── secțiune pe fundal de card ────────────────────────────────────── */
.fundal-card{background:var(--carbune)}

/* ── două coloane (despre) ─────────────────────────────────────────── */
.duo{display:grid;gap:var(--sp-8)}
.duo img{border-radius:var(--radius-lg)}

/* ── recenzii ──────────────────────────────────────────────────────── */
.recenzii{display:grid;gap:var(--sp-4);margin-top:var(--sp-8)}
.recenzie{
  background:var(--carbune); border:var(--linie); border-radius:var(--radius-lg);
  padding:var(--sp-6); min-width:0;
}
.recenzie blockquote{margin:0 0 var(--sp-4);font-size:1rem;color:var(--crem)}
.recenzie blockquote::before{
  content:'„'; font-family:'Bodoni Moda',Georgia,serif; font-size:2.5rem;
  color:var(--aur); line-height:0; vertical-align:-.35em; margin-right:.1em;
}
.recenzie cite{
  font-style:normal; font-size:var(--mic); color:var(--aur);
  letter-spacing:.08em; text-transform:uppercase; font-weight:600;
}

/* ── bandă de chemare ──────────────────────────────────────────────── */
.chemare{
  background:var(--carbune); border-block:var(--linie-aur);
  text-align:center;
}
.chemare .invelis{display:grid;gap:var(--sp-5,1.25rem);justify-items:center}
.chemare p{color:var(--crem-stins);max-width:48ch;margin:0}
.chemare__actiuni{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}

/* ── pași ──────────────────────────────────────────────────────────── */
.pasi{
  list-style:none; margin:var(--sp-8) 0 0; padding:0;
  display:grid; gap:var(--sp-6); counter-reset:pas;
}
.pas{display:grid;gap:var(--sp-2);counter-increment:pas;min-width:0}
.pas::before{
  content:counter(pas,decimal-leading-zero);
  font-family:'Bodoni Moda',Georgia,serif; font-size:1.5rem; color:var(--aur);
  line-height:1;
}
.pas h3{font-size:1.125rem}
.pas p{color:var(--crem-stins);font-size:.9375rem;margin:0}

/* ── formular ──────────────────────────────────────────────────────── */
.formular{display:grid;gap:var(--sp-5,1.25rem);margin-top:var(--sp-8)}
.camp{display:grid;gap:var(--sp-2);min-width:0}
.camp > label{font-size:var(--mic);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--crem-stins)}
.camp input,.camp select,.camp textarea{
  width:100%; min-height:48px; padding:var(--sp-3) var(--sp-4);
  background:var(--carbune); color:var(--crem);
  border:1px solid color-mix(in srgb,var(--crem) 18%,transparent);
  border-radius:var(--radius); font:400 1rem/1.4 'Manrope',sans-serif;
  transition:border-color var(--tranzitie);
}
.camp textarea{min-height:120px;resize:vertical;padding-top:var(--sp-3)}
.camp select{
  appearance:none; cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--aur) 50%),
                   linear-gradient(135deg,var(--aur) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;
  background-size:6px 6px,6px 6px; background-repeat:no-repeat;
  padding-right:var(--sp-12);
}
.camp input:focus,.camp select:focus,.camp textarea:focus{border-color:var(--aur)}
.camp__ajutor{font-size:var(--mic);color:var(--crem-stins);margin:0}
.camp__eroare{font-size:var(--mic);color:var(--blush);margin:0;font-weight:600}
.camp--rand{display:grid;gap:var(--sp-5,1.25rem)}
.bifa{display:flex;gap:var(--sp-3);align-items:flex-start}
.bifa input{
  width:22px;height:22px;min-height:22px;flex:0 0 22px;margin-top:2px;
  accent-color:var(--aur);cursor:pointer;padding:0;
}
.bifa label{font-size:.875rem;color:var(--crem-stins);cursor:pointer}
.camp input[aria-invalid=true],.camp select[aria-invalid=true],
.camp textarea[aria-invalid=true]{border-color:var(--blush)}

/* ── informații / date de contact ──────────────────────────────────── */
.date{display:grid;gap:var(--sp-6);margin-top:var(--sp-8);list-style:none;padding:0}
.date dt,.date__titlu{
  font-size:var(--mic); letter-spacing:.16em; text-transform:uppercase;
  color:var(--aur); font-weight:600; margin-bottom:var(--sp-2);
}
.date dd{margin:0;color:var(--crem)}
.date a{color:var(--crem);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--aur) 50%,transparent);padding-bottom:1px}
.date a:hover{color:var(--aur)}
.program{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2);font-size:.9375rem}
.program li{display:flex;justify-content:space-between;gap:var(--sp-4);border-bottom:var(--linie);padding-bottom:var(--sp-2)}
.program span:last-child{color:var(--crem-stins);white-space:nowrap}

/* ── nota de demo ──────────────────────────────────────────────────── */
.nota{
  border:var(--linie-aur); border-radius:var(--radius-lg);
  padding:var(--sp-4) var(--sp-5,1.25rem); font-size:var(--mic);
  color:var(--crem-stins); background:color-mix(in srgb,var(--aur) 6%,transparent);
}
.nota strong{color:var(--crem);font-weight:600}

/* ── subsol ────────────────────────────────────────────────────────── */
.subsol{background:var(--carbune);border-top:var(--linie);padding-block:var(--sectiune) var(--sp-8)}
.subsol__grila{display:grid;gap:var(--sp-8)}
.subsol h2{font-size:1.35rem;margin-bottom:var(--sp-4)}
.subsol a{color:var(--crem-stins);text-decoration:none}
.subsol a:hover{color:var(--aur)}
.subsol__linkuri{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}
.subsol__jos{
  margin-top:var(--sp-12); padding-top:var(--sp-6); border-top:var(--linie);
  font-size:var(--mic); color:var(--crem-stins);
  display:grid; gap:var(--sp-2);
}
/* harta: rețeta obișnuită de „hartă întunecată" — inversare plus rotire de
   nuanță, ca apele să rămână albastre și verdele să nu devină roz */
.harta{
  width:100%; aspect-ratio:16/10; border:0; border-radius:var(--radius-lg);
  filter:grayscale(.75) invert(.9) hue-rotate(180deg) brightness(.95) contrast(.9);
}

/* ── 404 ───────────────────────────────────────────────────────────── */
.eroare{min-height:60svh;display:grid;align-content:center;gap:var(--sp-5,1.25rem);justify-items:start}

/* ══ gestul unic: vitrina care se aprinde ══════════════════════════ */
html.js .aprinde{
  opacity:0; transform:translateY(14px) scale(1.035);
  filter:brightness(.45) saturate(.7);
  transition:opacity 700ms cubic-bezier(.2,.7,.3,1),
             transform 700ms cubic-bezier(.2,.7,.3,1),
             filter 700ms cubic-bezier(.2,.7,.3,1);
  transition-delay:var(--intarziere,0ms);
}
html.js .aprinde.aprins{
  opacity:1; transform:none; filter:none;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  html.js .aprinde{opacity:1;transform:none;filter:none}
}

/* ══ 600 px ═══════════════════════════════════════════════════════ */
@media (min-width:600px){
  :root{--sp-5:1.5rem}
  .sortimente{grid-template-columns:repeat(2,minmax(0,1fr))}
  .galerie{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
  .recenzii{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pasi{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8)}
  .camp--rand{grid-template-columns:repeat(2,minmax(0,1fr))}
  .banda__el{flex:0 0 42%}
  .subsol__grila{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ══ 900 px — de aici dispare bara de jos și apare navigația ══════ */
@media (min-width:900px){
  body{padding-bottom:0}
  .bara-jos{display:none}
  .meniu-buton{display:none}
  .antet__rand{min-height:74px}
  .marca__nume{font-size:1.4rem}
  .marca__sub{font-size:.5625rem}
  .antet__tel-text{display:inline}
  .navigatie{display:block}
  .navigatie ul{
    list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--sp-6);
  }
  .navigatie a{
    text-decoration:none; font-size:.875rem; letter-spacing:.06em;
    color:var(--crem-stins); padding-block:var(--sp-2);
    border-bottom:1px solid transparent; transition:color var(--tranzitie),border-color var(--tranzitie);
  }
  .navigatie a:hover{color:var(--crem)}
  .navigatie a[aria-current=page]{color:var(--aur);border-bottom-color:var(--aur)}
  .antet__tel{
    width:auto;padding-inline:var(--sp-4);gap:var(--sp-2);font-weight:600;
    font-size:.9375rem;border:var(--linie-aur);border-radius:var(--radius);
  }

  .sortimente{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}
  .galerie{grid-template-columns:repeat(3,minmax(0,1fr))}
  .recenzii{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pasi{grid-template-columns:repeat(4,minmax(0,1fr))}
  .banda__el{flex:0 0 300px}
  .duo{grid-template-columns:1fr 1fr;align-items:center;gap:var(--sp-16)}
  .duo--inversat > :first-child{order:2}
  .subsol__grila{grid-template-columns:1.2fr 1fr 1.3fr;gap:var(--sp-12)}
  .subsol__jos{grid-template-columns:1fr auto;align-items:center}
  .date{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8)}
  .hero__continut{min-height:min(82svh,760px)}
}

@media (min-width:1100px){
  .galerie--patru{grid-template-columns:repeat(4,minmax(0,1fr))}
}