/* ==========================================================================
   Agrimaster Romania — Mecomag Holding
   Stylesheet principal
   ========================================================================== */

:root{
  /* Identitatea Agrimaster: portocaliu + alb + antracit.
     Numele de variabile sunt istorice; valorile sunt cele de brand. */
  --verde:#ef7d00;          /* portocaliu principal */
  --verde-inchis:#c25f00;   /* portocaliu inchis, hover */
  --verde-adanc:#1e1e1e;    /* antracit, sectiuni intunecate */
  --lime:#ffa22e;           /* portocaliu deschis, accent */
  --negru:#141414;
  --gri-900:#1f1f1f;
  --gri-700:#4a4a4a;
  --gri-500:#7a7a7a;
  --gri-300:#cfcfcf;
  --gri-100:#f5f5f4;
  --alb:#ffffff;
  --portocaliu:#ef7d00;
  --portocaliu-inchis:#c25f00;
  --antracit:#1e1e1e;       /* aceeasi valoare cu --verde-adanc, nume mai clar */
  --radius:4px;
  --radius-lg:10px;
  --max:1240px;
  --shadow:0 4px 24px rgba(30,30,30,.10);
  --shadow-lg:0 18px 48px rgba(30,30,30,.20);
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-title:'Barlow Condensed','Inter',Impact,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --header-h:76px;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:var(--font);
  font-size:16px;
  line-height:1.65;
  color:var(--gri-900);
  background:var(--alb);
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;display:block}
a{color:var(--verde);text-decoration:none;transition:color .2s}
a:hover{color:var(--verde-inchis)}

h1,h2,h3,h4{
  font-family:var(--font-title);
  font-weight:700;
  line-height:1.06;
  letter-spacing:.01em;
  margin:0 0 .5em;
  text-transform:uppercase;
}
h1{font-size:clamp(2.4rem,6vw,4.6rem)}
h2{font-size:clamp(1.9rem,3.6vw,3rem)}
h3{font-size:clamp(1.25rem,2vw,1.6rem)}
h4{font-size:1.1rem}
p{margin:0 0 1.1em}

.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}
.section{padding:88px 0}
.section--tight{padding:56px 0}
.section--gri{background:var(--gri-100)}
.section--dark{background:var(--verde-adanc);color:var(--gri-100)}
.section--dark h2,.section--dark h3{color:var(--alb)}

.eyebrow{
  font-family:var(--font-title);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.82rem;
  font-weight:600;
  color:var(--lime);
  margin:0 0 12px;
}
.section--gri .eyebrow,.section:not(.section--dark) .eyebrow{color:var(--verde)}
.section--dark .eyebrow{color:var(--lime)}

.lead{font-size:1.15rem;color:var(--gri-700);max-width:62ch}
.section--dark .lead{color:var(--gri-300)}

/* ---------- Butoane ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--font-title);text-transform:uppercase;
  letter-spacing:.08em;font-weight:600;font-size:1.02rem;
  padding:14px 30px;border-radius:var(--radius);
  border:2px solid transparent;cursor:pointer;
  transition:all .22s ease;
}
.btn--primar{background:var(--verde);color:var(--alb);border-color:var(--verde)}
.btn--primar:hover{background:var(--verde-inchis);border-color:var(--verde-inchis);color:var(--alb)}
.btn--lime{background:var(--lime);color:var(--verde-adanc);border-color:var(--lime)}
.btn--lime:hover{background:var(--alb);border-color:var(--alb);color:var(--verde-adanc)}
.btn--ghost{background:transparent;color:var(--alb);border-color:rgba(255,255,255,.6)}
.btn--ghost:hover{background:var(--alb);color:var(--verde-adanc);border-color:var(--alb)}
.btn--outline{background:transparent;color:var(--verde);border-color:var(--verde)}

/* „Cere o demonstrație" — trebuie sa se vada si pe fond deschis, si pe fond inchis.
   Pe deschis e antracit plin; pe sectiunile inchise se intoarce, alb pe antracit. */
.btn--demo{
  background:var(--antracit);color:var(--alb);border-color:var(--antracit);
  display:inline-flex;align-items:center;gap:9px;
}
.btn--demo::before{
  content:"";width:9px;height:9px;border-radius:50%;background:var(--portocaliu);
  box-shadow:0 0 0 4px rgba(239,125,0,.28);flex:0 0 auto;
}
.btn--demo:hover{background:var(--portocaliu);border-color:var(--portocaliu);color:var(--alb)}
.btn--demo:hover::before{background:var(--alb);box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.section--dark .btn--demo,.banda-cta .btn--demo{
  background:var(--alb);color:var(--antracit);border-color:var(--alb);
}
.section--dark .btn--demo:hover,.banda-cta .btn--demo:hover{
  background:var(--portocaliu);border-color:var(--portocaliu);color:var(--alb);
}
.btn--outline:hover{background:var(--verde);color:var(--alb)}

/* ---------- Header ---------- */
.topbar{
  background:var(--verde-adanc);color:var(--gri-300);
  font-size:.85rem;
}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.topbar a{color:var(--gri-300)}
.topbar a:hover{color:var(--lime)}
.topbar__note{display:flex;align-items:center;gap:8px}
.topbar__note strong{color:var(--lime);font-weight:600}

.site-header{
  position:sticky;top:0;z-index:200;
  background:var(--alb);
  border-bottom:1px solid #e4e4e2;
}
.site-header .container{display:flex;align-items:center;gap:28px;min-height:var(--header-h)}

.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand__mark{
  width:44px;height:44px;border-radius:6px;flex-shrink:0;
  background:linear-gradient(140deg,var(--verde) 0%,var(--verde-inchis) 100%);
  display:grid;place-items:center;
  font-family:var(--font-title);color:var(--alb);
  font-size:1.5rem;font-weight:700;
}
.brand__txt{display:flex;flex-direction:column;line-height:1.05}
.brand__name{font-family:var(--font-title);font-size:1.5rem;font-weight:700;text-transform:uppercase;color:var(--negru);letter-spacing:.02em}
.brand__sub{font-size:.66rem;text-transform:uppercase;letter-spacing:.19em;color:var(--gri-500);font-weight:600}

.nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.nav a{
  font-family:var(--font-title);text-transform:uppercase;
  font-size:1.05rem;letter-spacing:.05em;font-weight:600;
  color:var(--gri-900);padding:10px 14px;border-radius:var(--radius);
}
.nav a:hover{color:var(--verde);background:var(--gri-100)}
.nav a.is-active{color:var(--verde);box-shadow:inset 0 -3px 0 var(--lime)}
.nav .btn{margin-left:10px;padding:11px 22px;font-size:.95rem}

.nav-toggle{
  display:none;margin-left:auto;background:none;border:0;cursor:pointer;
  padding:10px;
}
.nav-toggle span{display:block;width:26px;height:2px;background:var(--negru);margin:5px 0;transition:.25s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  min-height:min(84vh,720px);
  display:flex;align-items:center;
  background:
    linear-gradient(105deg,rgba(15,15,15,.93) 0%,rgba(15,15,15,.78) 42%,rgba(15,15,15,.42) 72%,rgba(15,15,15,.28) 100%),
    url("../img/hero.jpg"),
    linear-gradient(160deg,#3a3a38 0%,#232322 55%,#141414 100%);
  background-size:cover;background-position:center 62%;background-repeat:no-repeat;
  color:var(--alb);overflow:hidden;
}
/* pe ecrane mici, imaginea se vede mai putin — intunecam mai tare, ca textul sa ramana lizibil */
@media (max-width:760px){
  .hero{
    background:
      linear-gradient(180deg,rgba(15,15,15,.90) 0%,rgba(15,15,15,.72) 55%,rgba(15,15,15,.86) 100%),
      url("../img/hero.jpg"),
      linear-gradient(160deg,#3a3a38,#141414);
    background-size:cover;background-position:center 60%;
  }
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.055) 0 2px,transparent 2px 12px);
}
.hero .container{position:relative;z-index:2;padding-top:80px;padding-bottom:80px}
.hero h1{color:var(--alb);max-width:16ch;margin-bottom:.32em}
.hero h1 em{font-style:normal;color:var(--lime)}
.hero__sub{font-size:1.22rem;max-width:52ch;color:#e6e6e4;margin-bottom:2rem}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.hero--mic{
  min-height:auto;
  background:
    linear-gradient(105deg,rgba(20,20,20,.95) 0%,rgba(20,20,20,.80) 50%,rgba(20,20,20,.55) 100%),
    url("../img/hero.jpg"),
    linear-gradient(160deg,#3a3a38 0%,#232322 55%,#141414 100%);
  background-size:cover;background-position:center 62%;background-repeat:no-repeat;
}
.hero--mic .container{padding-top:72px;padding-bottom:72px}
.hero--mic h1{font-size:clamp(2.1rem,4.6vw,3.5rem)}

.breadcrumb{font-size:.85rem;color:#c4c4c1;margin-bottom:14px;letter-spacing:.04em}
.breadcrumb a{color:#c4c4c1}
.breadcrumb a:hover{color:var(--lime)}

/* ---------- Statistici ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e4e4e2;border:1px solid #e4e4e2}
.stat{background:var(--alb);padding:34px 24px;text-align:center}
.stat__nr{font-family:var(--font-title);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;color:var(--verde);line-height:1}
.stat__lbl{font-size:.86rem;color:var(--gri-500);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-top:8px}

/* ---------- Grid generic ---------- */
.grid{display:grid;gap:26px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}

/* ---------- Carduri ---------- */
.card{
  background:var(--alb);border:1px solid #e4e4e2;border-radius:var(--radius-lg);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--verde)}
.card__media{
  aspect-ratio:16/10;
  background:linear-gradient(150deg,#2b2b2a,#141414);
  position:relative;display:grid;place-items:center;
}
.card__media::after{
  content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(45deg,rgba(239,125,0,.16) 0 3px,transparent 3px 16px);
}
.card__media span{
  position:relative;z-index:2;font-family:var(--font-title);
  font-size:2.4rem;color:rgba(255,255,255,.9);letter-spacing:.08em;text-transform:uppercase;
}
.card__body{padding:24px;flex:1;display:flex;flex-direction:column}
.card__body h3{margin-bottom:.35em}
.card__body p{color:var(--gri-700);font-size:.96rem;flex:1}
.card__link{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;
  font-weight:600;font-size:.98rem;margin-top:12px;display:inline-flex;gap:.4em;align-items:center;
}
.card__link::after{content:"→";transition:transform .2s}
.card:hover .card__link::after{transform:translateX(4px)}

/* Card sector cu overlay */
.sector-card{
  position:relative;min-height:330px;border-radius:var(--radius-lg);overflow:hidden;
  display:flex;align-items:flex-end;color:var(--alb);
  /* poza terenului stă sub un degradeu; dacă lipsește fișierul, rămâne degradeul */
  background-color:#141414;
  background-image:linear-gradient(165deg,#3a3a38,#141414);
  background-size:cover;background-position:center;
  transition:transform .3s,background-size .5s;
}
.sector-card:hover{background-size:108%}

/* Pozele de teren, câte una pentru fiecare sector.
   Se pun în assets/img/ cu exact aceste nume. Fără ele, cardul arată tot bine. */
.sector-card--1{background-image:url("../img/sector-agricultura.jpg"),linear-gradient(165deg,#3a3a38,#141414)}
.sector-card--2{background-image:url("../img/sector-viticultura.jpg"),linear-gradient(165deg,#3a3a38,#141414)}
.sector-card--3{background-image:url("../img/sector-spatii-verzi.jpg"),linear-gradient(165deg,#3a3a38,#141414)}
.sector-card--4{background-image:url("../img/sector-drumuri.jpg"),linear-gradient(165deg,#3a3a38,#141414)}
.sector-card--5{background-image:url("../img/sector-forestier.jpg"),linear-gradient(165deg,#3a3a38,#141414)}
.sector-card--toate{background-image:linear-gradient(165deg,var(--portocaliu),#8a4400)}
.sector-card::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(15,15,15,.94) 0%,rgba(15,15,15,.55) 42%,rgba(15,15,15,.12) 78%);
}
.sector-card:hover{transform:translateY(-5px)}
.sector-card__in{position:relative;z-index:2;padding:28px}
.sector-card h3{color:var(--alb);margin-bottom:.3em}
.sector-card p{color:#dcdcda;font-size:.94rem;margin:0}

/* ---------- Produse ---------- */
.filtre{
  background:var(--gri-100);border:1px solid #e4e4e2;border-radius:var(--radius-lg);
  padding:24px;margin-bottom:34px;
  display:grid;grid-template-columns:repeat(3,1fr) auto;gap:18px;align-items:end;
}
.camp{display:flex;flex-direction:column;gap:7px}
.camp label{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.1em;
  font-size:.85rem;font-weight:600;color:var(--gri-700);
}
.camp select,.camp input,.camp textarea{
  font-family:var(--font);font-size:.98rem;padding:12px 14px;
  border:1px solid #d2d2cf;border-radius:var(--radius);background:var(--alb);color:var(--gri-900);
  width:100%;
}
.camp select:focus,.camp input:focus,.camp textarea:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:var(--verde)}

.rezultate{font-size:.95rem;color:var(--gri-500);margin-bottom:20px}
.rezultate strong{color:var(--verde);font-weight:700}

.produse{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.produs{
  border:1px solid #e4e4e2;border-radius:var(--radius-lg);background:var(--alb);
  overflow:hidden;display:flex;flex-direction:column;transition:.25s;
}
.produs:hover{border-color:var(--verde);box-shadow:var(--shadow);transform:translateY(-4px)}
.produs__top{
  height:120px;position:relative;display:grid;place-items:center;
  background:linear-gradient(140deg,#2b2b2a,#141414);
}
.produs__top::after{
  content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(45deg,rgba(239,125,0,.18) 0 3px,transparent 3px 14px);
}
.produs__cod{
  position:relative;z-index:2;font-family:var(--font-title);font-size:2.2rem;
  color:var(--alb);letter-spacing:.06em;
}
.produs__body{padding:18px;flex:1;display:flex;flex-direction:column;gap:10px}
.tag{
  display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:#8a4600;background:#ffeedb;
  padding:4px 9px;border-radius:99px;
}
.specs{list-style:none;margin:0;padding:0;font-size:.88rem;color:var(--gri-700);display:grid;gap:5px}
.specs li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed #e4e4e2;padding-bottom:4px}
.specs li span:first-child{color:var(--gri-500);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;font-weight:600}
.specs li span:last-child{font-weight:600;text-align:right}
.produs__cta{
  margin-top:auto;font-family:var(--font-title);text-transform:uppercase;
  letter-spacing:.08em;font-weight:600;font-size:.92rem;
}
.gol{
  grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--gri-500);
  border:2px dashed #dadad7;border-radius:var(--radius-lg);
}

/* ---------- Liste bifate ---------- */
.lista-bife{list-style:none;margin:0 0 1.4em;padding:0;display:grid;gap:11px}
.lista-bife li{position:relative;padding-left:32px;color:var(--gri-700)}
.section--dark .lista-bife li{color:var(--gri-300)}
.lista-bife li::before{
  content:"";position:absolute;left:0;top:.42em;
  width:16px;height:9px;border-left:3px solid var(--lime);border-bottom:3px solid var(--lime);
  transform:rotate(-45deg);
}

/* ---------- Pași / proces ---------- */
.pasi{counter-reset:pas;display:grid;gap:26px;grid-template-columns:repeat(4,1fr)}
.pas{position:relative;padding-top:56px}
.pas::before{
  counter-increment:pas;content:counter(pas,decimal-leading-zero);
  position:absolute;top:0;left:0;
  font-family:var(--font-title);font-size:2.6rem;font-weight:700;
  color:var(--lime);line-height:1;
}
.pas--simplu{padding-top:0}
.pas--simplu::before{content:none}       /* card simplu, nu pas numerotat */
.pas h4{margin-bottom:.4em;font-size:1.15rem}
.pas p{font-size:.94rem;color:var(--gri-700);margin:0}
.section--dark .pas p{color:var(--gri-300)}

/* ---------- CTA bandă ---------- */
.banda-cta{
  background:linear-gradient(100deg,#2b2b2a,#141414);
  color:var(--alb);border-radius:var(--radius-lg);padding:52px 48px;
  display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;
  position:relative;overflow:hidden;
}
.banda-cta::after{
  content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(239,125,0,.45),transparent 65%);
}
.banda-cta > *{position:relative;z-index:2}
.banda-cta h2{margin-bottom:.2em;color:var(--alb)}
.banda-cta p{margin:0;color:#dcdcda;max-width:52ch}

/* ---------- Formular ---------- */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.form-grid .camp--full{grid-column:1/-1}
.form-nota{font-size:.84rem;color:var(--gri-500)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--gri-700)}
.check input{width:auto;margin-top:4px}

/* ---------- Info contact ---------- */
.info-box{background:var(--gri-100);border-left:4px solid var(--lime);padding:26px 28px;border-radius:0 var(--radius-lg) var(--radius-lg) 0}
.info-box h3{margin-bottom:.5em}
.info-lista{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.info-lista li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.info-lista .ico{
  width:34px;height:34px;border-radius:50%;background:var(--verde);color:var(--alb);
  display:grid;place-items:center;font-size:.95rem;flex-shrink:0;
}
.info-lista strong{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gri-500)}

/* placeholder de completat */
.ph{background:#fff3d6;border-bottom:1px dashed #d9a520;padding:0 3px;font-weight:600;color:#8a6200}

/* ---------- Footer ---------- */
.site-footer{background:var(--negru);color:var(--gri-300);padding:70px 0 0;font-size:.94rem}
.site-footer h4{
  color:var(--alb);font-size:1.05rem;letter-spacing:.1em;margin-bottom:1em;
}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.site-footer a{color:var(--gri-300)}
.site-footer a:hover{color:var(--lime)}
.footer-brand .brand__name{color:var(--alb)}
.footer-brand p{color:var(--gri-500);max-width:38ch;font-size:.9rem;margin-top:16px}
.footer-bottom{
  border-top:1px solid #2e2e2e;margin-top:56px;padding:22px 0;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:.85rem;color:var(--gri-500);
}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .produse{grid-template-columns:repeat(3,1fr)}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .pasi{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .filtre{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .nav-toggle{display:block}
  .nav{
    position:absolute;top:100%;left:0;right:0;
    background:var(--alb);border-bottom:1px solid #e4e4e2;
    flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 20px;
    box-shadow:var(--shadow);display:none;
  }
  .nav.is-open{display:flex}
  .nav a{padding:13px 6px;border-bottom:1px solid #f0f0ee}
  .nav .btn{margin:12px 0 0;justify-content:center}
  .site-header .container{position:relative}
  .split{grid-template-columns:1fr;gap:36px}
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .section{padding:64px 0}
}
@media (max-width:640px){
  .produse,.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
  .filtre{grid-template-columns:1fr}
  .pasi{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .banda-cta{padding:36px 26px}
  .topbar .container{justify-content:center;text-align:center}
}

.produs__desc{font-size:.88rem;color:var(--gri-700);margin:0;line-height:1.55}

/* ---------- Card produs, versiunea cu fișă tehnică ---------- */
.produse{grid-template-columns:repeat(3,1fr)}
.produs__top{height:110px;display:flex;align-items:center;justify-content:center;gap:12px}
.produs__var{
  position:relative;z-index:2;font-family:var(--font-title);font-size:1.3rem;
  color:var(--verde-adanc);background:var(--lime);padding:2px 12px;border-radius:99px;letter-spacing:.04em;
}
.produs__titlu{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.produs__titlu h3{margin:0;font-size:1.45rem}
.vechi{
  font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;
  color:#8a6200;background:#fff3d6;border:1px solid #e8cf94;
  padding:3px 9px;border-radius:99px;white-space:nowrap;
}
.produs__nota{font-size:.82rem;color:var(--gri-500);font-style:italic;margin:0}
.dotare{border-top:1px solid #f0f0ee;padding-top:12px;margin-top:2px}
.dotare summary{
  cursor:pointer;font-family:var(--font-title);text-transform:uppercase;
  letter-spacing:.08em;font-size:.92rem;font-weight:600;color:var(--verde);list-style:none;
}
.dotare summary::-webkit-details-marker{display:none}
.dotare summary::before{content:"+ ";font-weight:700}
.dotare[open] summary::before{content:"− "}
.dotare ul{margin:12px 0 0;padding-left:18px;font-size:.86rem;color:var(--gri-700);display:grid;gap:5px}
.produs__actiuni{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.btn--mic{padding:10px 20px;font-size:.9rem}
.produs__pdf{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.07em;
  font-weight:600;font-size:.88rem;color:var(--gri-700);
}
.produs__pdf:hover{color:var(--verde)}
.gol .btn{margin-top:14px}

/* tabel echivalențe */
.tabel{width:100%;border-collapse:collapse;font-size:.95rem;margin-bottom:1.2em}
.tabel th,.tabel td{text-align:left;padding:12px 14px;border-bottom:1px solid #e4e4e2}
.tabel th{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.09em;
  font-size:.88rem;color:var(--gri-500);background:var(--gri-100);
}
.tabel td:first-child{font-weight:700}

@media (max-width:1080px){.produse{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.produse{grid-template-columns:1fr}}

/* ---------- Vizual produs: poză + fișă tehnică + video ---------- */
.produs__vizual{border-bottom:1px solid #e4e4e2}
.produs__top{position:relative;height:190px;overflow:hidden}
.produs__top img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  padding:14px;z-index:3;background:#fff;
}
.produs__cod{
  position:absolute;left:16px;bottom:12px;z-index:4;
  font-family:var(--font-title);font-size:1.9rem;color:var(--alb);
  letter-spacing:.06em;text-shadow:0 2px 10px rgba(0,0,0,.5);
}
.produs__var{
  position:absolute;right:16px;bottom:14px;z-index:4;
  font-family:var(--font-title);font-size:1.15rem;
  color:var(--alb);background:var(--portocaliu);
  padding:2px 12px;border-radius:99px;letter-spacing:.04em;
}
.produs__resurse{display:flex;border-top:1px solid #e4e4e2}
.res{
  flex:1;text-align:center;padding:11px 8px;
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.07em;
  font-weight:600;font-size:.86rem;color:var(--gri-700);
  border-right:1px solid #e4e4e2;transition:.2s;
}
.res:last-child{border-right:0}
.res--pdf::before{content:"⤓ "}
.res--video::before{content:"▶ "}
.res--pdf:hover,.res--video:hover{background:var(--portocaliu);color:var(--alb)}
.res--gol{color:var(--gri-500);font-style:italic;text-transform:none;letter-spacing:0}

/* ---------- Preț ---------- */
.pret{
  border-top:1px solid #f0f0ee;margin-top:4px;padding-top:14px;
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
}
.pret__eticheta{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.12em;
  font-size:.78rem;color:var(--gri-500);font-weight:600;
}
.pret__val{font-family:var(--font-title);font-size:1.7rem;color:var(--portocaliu);line-height:1}
.pret__val--cerere{font-size:1.25rem;color:var(--gri-700)}
.pret__nota{flex-basis:100%;font-size:.82rem;color:var(--gri-500);margin:0}

.hero__vechi{color:var(--lime);font-size:1rem;letter-spacing:.06em;margin:-8px 0 14px}
.hero__vechi strong{font-family:var(--font-title);font-size:1.3rem;letter-spacing:.08em}

/* ---------- Blocuri de configurație pe pagina de model ---------- */
.configuratii{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:26px}
.config{
  border:1px solid #e4e4e2;border-radius:var(--radius-lg);background:var(--alb);
  padding:24px;display:flex;flex-direction:column;gap:14px;transition:.25s;
}
.config:hover{border-color:var(--portocaliu);box-shadow:var(--shadow)}
.config__cap{display:flex;flex-direction:column;gap:8px}
.config__cap h3{margin:0;font-size:1.6rem}
.config .specs{flex:1}
.config .pret{margin-top:0;padding-top:12px}
.config .produs__resurse{border:1px solid #e4e4e2;border-radius:var(--radius);overflow:hidden}
.config .btn{justify-content:center}
@media (max-width:1080px){.configuratii{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.configuratii{grid-template-columns:1fr}}

/* ---------- Reper de an (pagina Despre) ---------- */
.reper{
  border:2px solid var(--portocaliu);border-radius:var(--radius-lg);
  padding:38px 34px;text-align:center;background:rgba(239,125,0,.08);
}
.reper__an{
  display:block;font-family:var(--font-title);font-size:5.5rem;font-weight:700;
  line-height:.9;color:var(--portocaliu);
}
.reper__luna{
  display:block;font-family:var(--font-title);text-transform:uppercase;
  letter-spacing:.28em;font-size:1rem;color:var(--alb);margin-top:6px;
}
.reper__txt{margin:20px 0 0;color:var(--gri-300);font-size:.98rem}

/* ---------- Carduri de marcă ---------- */
.marca .card__body{gap:6px}
.marca__loc{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.16em;
  font-size:.78rem;font-weight:600;color:var(--gri-500);
}
.marca--activa{border-color:var(--portocaliu);border-width:2px}
.marca--activa h3{color:var(--portocaliu)}

.coduri{
  font-size:.94rem;color:var(--gri-700);line-height:1.9;
  background:var(--gri-100);border-left:4px solid var(--portocaliu);
  padding:16px 20px;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:18px;
}
.coduri strong{color:var(--negru);font-weight:700}

/* ---------- Poza pe blocul de configurație (pagina de model) ---------- */
.config{padding:0;overflow:hidden}
.config__poza{
  background:var(--gri-100);border-bottom:1px solid #e4e4e2;
  aspect-ratio:400/260;display:grid;place-items:center;overflow:hidden;
}
.config__poza img{width:100%;height:100%;object-fit:cover}
.config > :not(.config__poza){margin-left:24px;margin-right:24px}
.config__cap{margin-top:22px}
.config > .btn{margin-bottom:24px}
.config .produs__resurse{margin-bottom:4px}

/* poza pe cardul din catalog */
.produs__top{background:var(--gri-100)}
.produs__top--gol{background:linear-gradient(140deg,#2b2b2a,#141414)}
.config__poza--goala{
  background:linear-gradient(140deg,#2b2b2a,#141414);
  position:relative;
}
.config__poza--goala::after{
  content:attr(data-cod);
  font-family:var(--font-title);font-size:3.4rem;letter-spacing:.08em;
  color:rgba(255,255,255,.22);
}
/* Poza sta INTREAGA in card, centrata, pe fundal alb — nu taiata. */
.produs__top img{object-fit:contain;padding:10px;background:#fff}
.produs__cod,.produs__var{text-shadow:0 2px 12px rgba(0,0,0,.55)}
.produs__cod{color:#fff}

/* butonul video care duce la canalul fabricii */
.res--canal{color:var(--gri-700)}
.res--canal:hover{background:#c4302b;color:#fff;border-color:#c4302b}
.res--video:hover{background:#c4302b;color:#fff}

/* ---------- Galerie foto pe pagina de model ---------- */
.galerie{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;
}
/* titlul de configuratie: fiecare latime isi are setul ei de poze */
.galerie__titlu{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;
  font-size:1.35rem;margin:44px 0 0;padding-bottom:10px;
  border-bottom:2px solid var(--portocaliu);display:inline-block;
}
.galerie__titlu:first-of-type{margin-top:34px}
.galerie__titlu + .galerie{margin-top:18px}
.galerie__item{
  margin:0;border:1px solid #e4e4e2;border-radius:var(--radius-lg);
  overflow:hidden;background:var(--alb);transition:.25s;
}
.galerie__item:hover{border-color:var(--portocaliu);box-shadow:var(--shadow)}
.galerie__item img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.galerie__item figcaption{
  padding:12px 16px;font-size:.86rem;color:var(--gri-700);line-height:1.45;
}
.galerie__item:nth-child(1){grid-column:span 2}
.galerie__item:nth-child(1) img{aspect-ratio:2/1}
@media (max-width:900px){
  .galerie{grid-template-columns:repeat(2,1fr)}
  .galerie__item:nth-child(1){grid-column:span 2}
}
@media (max-width:640px){
  .galerie{grid-template-columns:1fr}
  .galerie__item:nth-child(1){grid-column:span 1}
  .galerie__item:nth-child(1) img{aspect-ratio:3/2}
}

/* ---------- Slogan lângă logo ---------- */
.brand__slogan{
  font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;
  color:var(--portocaliu);font-weight:600;margin-top:2px;white-space:nowrap;
}
@media (max-width:1180px){.brand__slogan{display:none}}

/* ---------- Slogan în subsol, stânga jos ---------- */
.footer-slogan{
  font-family:var(--font-title);text-transform:uppercase;
  font-size:1.6rem;line-height:1.08;letter-spacing:.03em;
  color:var(--alb);margin:22px 0 0;
}
.footer-slogan em{font-style:normal;color:var(--portocaliu)}
.site-footer .footer-brand .brand__slogan{display:none}

/* ---------- Portret (istorie) ---------- */
.portret{
  margin:0;border:1px solid #e4e4e2;border-radius:var(--radius-lg);
  overflow:hidden;background:var(--alb);box-shadow:var(--shadow);
  max-width:440px;
}
.portret img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.portret figcaption{
  padding:16px 20px;font-size:.92rem;color:var(--gri-700);
  border-top:3px solid var(--portocaliu);
}
.portret figcaption strong{
  display:block;font-family:var(--font-title);text-transform:uppercase;
  font-size:1.25rem;letter-spacing:.04em;color:var(--negru);
}

/* ---------- Diptic: două portrete alăturate ---------- */
.diptic{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.diptic .portret{max-width:none}
.diptic .portret figcaption{padding:14px 16px;font-size:.86rem}
.diptic .portret figcaption strong{font-size:1.1rem}
@media (max-width:560px){.diptic{grid-template-columns:1fr}}

/* ---------- Bandă foto lată, cu legendă ---------- */
.banda-foto{
  margin:0;border-radius:var(--radius-lg);overflow:hidden;
  background:var(--alb);border:1px solid #e4e4e2;box-shadow:var(--shadow);
}
.banda-foto img{width:100%;aspect-ratio:2.1/1;object-fit:cover;display:block}
.banda-foto figcaption{
  padding:20px 26px;font-size:.98rem;color:var(--gri-700);
  border-top:3px solid var(--portocaliu);line-height:1.6;
}
.banda-foto figcaption strong{
  color:var(--negru);font-family:var(--font-title);
  text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem;
  display:block;margin-bottom:4px;
}
@media (max-width:640px){
  .banda-foto img{aspect-ratio:16/10}
  .banda-foto figcaption{padding:16px 18px;font-size:.92rem}
}

/* ---------- Blog ---------- */
.articol{max-width:74ch;margin:0 auto;font-size:1.06rem}
.articol h2{margin:1.9em 0 .55em;font-size:clamp(1.6rem,2.6vw,2.2rem)}
.articol h3{margin:1.5em 0 .5em}
.articol p{margin:0 0 1.25em}
.articol ul{margin:0 0 1.4em;padding-left:22px;display:grid;gap:9px}
.articol li{color:var(--gri-700)}
.articol .tabel{margin:1.6em 0}
.articol blockquote{
  margin:1.8em 0;padding:20px 26px;background:var(--gri-100);
  border-left:4px solid var(--portocaliu);border-radius:0 var(--radius) var(--radius) 0;
  font-size:1.1rem;color:var(--gri-900);
}
.articol__meta{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.14em;
  font-size:.82rem;font-weight:600;color:var(--gri-500);
}
.hero .articol__meta{color:var(--lime)}
.card .articol__meta{display:block;margin:10px 0 0}

/* ---------- Titlu pe un singur rând ---------- */
.h1--o-linie{
  max-width:none;
  white-space:nowrap;
  /* 41 de caractere in Barlow Condensed ~ 18.5em; marimea se calculeaza
     ca sa incapa mereu pe latimea containerului, fara sa treaca de 67px */
  font-size:min(67px, 5.2vw);
  letter-spacing:0;
}
/* pe telefon un singur rand ar face literele ilizibile — lasam sa se rupa */
@media (max-width:700px){
  .h1--o-linie{
    white-space:normal;
    font-size:clamp(2.1rem,8.6vw,3.2rem);
    max-width:14ch;
  }
}

/* ---------- Harta: inima care bate la Brașov ---------- */
.harta-wrap{margin:34px 0 26px}
.harta{width:100%;height:auto;display:block;max-height:64vh}

.harta .tara{
  fill:rgba(255,255,255,.05);
  stroke:rgba(255,255,255,.28);
  stroke-width:2.5;
  stroke-linejoin:round;
}

.harta .raza{
  stroke:var(--portocaliu);
  stroke-width:2;
  stroke-linecap:round;
  opacity:.85;
  animation:traseu 1.5s ease-out forwards;
}
@keyframes traseu{ to{ stroke-dashoffset:0; } }

.harta .oras{
  fill:var(--lime);
  opacity:0;
  animation:apare .5s ease-out forwards;
}
.harta .oras-nume{
  fill:#d8d8d5;
  font-family:'Barlow Condensed',Arial,sans-serif;
  font-size:19px;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:0;
  animation:apare .5s ease-out forwards;
}
@keyframes apare{ to{ opacity:1; } }

.harta .inima{
  fill:var(--portocaliu);
  stroke:var(--alb);stroke-width:1.6;
  /* punctul de scalare e chiar Brașovul, in coordonatele viewBox-ului */
  transform-box:view-box;
  transform-origin:555.2px 270.4px;
  animation:bataie 1.6s ease-in-out infinite;
}
@keyframes bataie{
  0%,100%{ transform:scale(1); }
  14%    { transform:scale(1.3); }
  28%    { transform:scale(1.04); }
  42%    { transform:scale(1.2); }
  60%    { transform:scale(1); }

}

.harta .unda{
  transform-box:fill-box;transform-origin:center;
  animation:unda 1.6s ease-out infinite;
}
.harta .unda--2{ animation-delay:.8s; }
@keyframes unda{
  0%  { transform:scale(.6); opacity:.9; }
  100%{ transform:scale(3.4); opacity:0; }
}

.harta .brasov{
  fill:var(--alb);
  font-family:'Barlow Condensed',Arial,sans-serif;
  font-size:26px;font-weight:700;letter-spacing:.16em;
}

/* cine a cerut mai puțină mișcare, primește harta statică */
@media (prefers-reduced-motion:reduce){
  .harta .raza{animation:none;stroke-dashoffset:0}
  .harta .oras,.harta .oras-nume{animation:none;opacity:1}
  .harta .inima,.harta .unda{animation:none}
  .harta .unda{opacity:.25}
}
@media (max-width:640px){
  .harta .oras-nume{font-size:26px}
  .harta .brasov{font-size:34px}
  .harta .raza{stroke-width:3}
}

/* ---------- Cele 3 pictograme de pe card ---------- */
.pictograme{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:#e4e4e2;
  border:1px solid #e4e4e2;border-radius:var(--radius);
  overflow:hidden;margin:4px 0 2px;
}
.picto{
  background:var(--alb);padding:12px 6px 10px;
  display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;
}
.picto__ico svg{
  width:26px;height:26px;display:block;
  fill:none;stroke:var(--portocaliu);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.picto__val{
  font-family:var(--font-title);font-size:1.05rem;font-weight:700;
  color:var(--negru);line-height:1.1;letter-spacing:.01em;
}
.picto__lbl{
  font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;
  color:var(--gri-500);font-weight:600;line-height:1.25;
}
.config .pictograme{margin-top:2px}
@media (max-width:400px){
  .picto__val{font-size:.95rem}
  .picto__lbl{font-size:.58rem}
}

/* eticheta cu denumirea veche — fără cuvântul „fost" */
.vechi{font-size:.78rem;padding:4px 11px}

/* ---------- Antet mai vizibil ---------- */
.brand__mark{width:54px;height:54px;font-size:1.85rem;border-radius:8px}
.brand__name{font-size:2rem;letter-spacing:.03em}
.brand__sub{font-size:.78rem;letter-spacing:.16em;color:var(--gri-700)}
.brand__slogan{font-size:.75rem;letter-spacing:.1em;margin-top:3px}
.site-header .container{min-height:92px}
:root{--header-h:92px}
.topbar{font-size:.95rem}
.topbar .container{min-height:44px}
.topbar__note strong{font-size:1rem}
@media (max-width:1240px){
  .brand__name{font-size:1.7rem}
  .nav a{font-size:1rem;padding:10px 11px}
}
@media (max-width:900px){
  .brand__mark{width:46px;height:46px;font-size:1.55rem}
  .brand__name{font-size:1.6rem}
  .site-header .container{min-height:78px}
}

/* harta: Bulgaria, etichete de țară, inel în jurul inimii */
.harta .tara--bg{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.22)}
.harta .eticheta-tara{
  fill:rgba(255,255,255,.28);
  font-family:'Barlow Condensed',Arial,sans-serif;
  font-size:30px;font-weight:700;letter-spacing:.3em;
  text-anchor:middle;pointer-events:none;
}

/* ---------- Selector de piese ---------- */
.selector{
  background:var(--gri-100);border:1px solid #e4e4e2;border-radius:var(--radius-lg);
  padding:24px;margin-bottom:28px;
  display:grid;grid-template-columns:1.6fr 1fr auto;gap:18px;align-items:end;
}
.selector optgroup{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.06em}

.ales{
  border:2px solid var(--portocaliu);border-radius:var(--radius-lg);
  background:#fff8f1;padding:22px 26px;margin-bottom:24px;
}
.ales__cap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ales__cap h3{margin:0;font-size:1.7rem}
.ales .specs{max-width:520px;margin-bottom:14px}
.ales .produs__pdf{color:var(--portocaliu)}

.grup-titlu{margin:38px 0 4px;font-size:clamp(1.5rem,2.4vw,2rem)}
.grup-sub{color:var(--gri-500);font-size:.95rem;margin-bottom:20px}

.piese-grila{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.piesa{
  border:1px solid #e4e4e2;border-radius:var(--radius-lg);background:var(--alb);
  padding:22px;display:flex;flex-direction:column;gap:10px;transition:.25s;
}
.piesa:hover{border-color:var(--portocaliu);box-shadow:var(--shadow)}
.piesa__cap{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.piesa__cap h3{margin:0;font-size:1.3rem}
.tag--piese{background:#eceae7;color:var(--gri-700)}
.piesa__desc{font-size:.92rem;color:var(--gri-700);margin:0;flex:1}
.piesa__detaliu{
  font-size:.9rem;margin:0;padding:11px 14px;
  background:#fff3e6;border-left:3px solid var(--portocaliu);
  border-radius:0 var(--radius) var(--radius) 0;color:var(--gri-900);
}
.piesa__nota{font-size:.84rem;color:var(--gri-500);font-style:italic;margin:0}
.piesa__compat{font-size:.84rem;color:var(--gri-500);margin:0}
.piesa__compat strong{color:var(--gri-700);font-weight:600}
.piesa__jos{
  margin-top:auto;padding-top:14px;border-top:1px solid #f0f0ee;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}

@media (max-width:1080px){
  .piese-grila{grid-template-columns:repeat(2,1fr)}
  .selector{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .piese-grila{grid-template-columns:1fr}
  .selector{grid-template-columns:1fr}
}

/* ---------- Banda mare de piese, pe pagina de Service ---------- */
.section--piese{
  background:linear-gradient(120deg,#fff4e8 0%,#ffe9d2 55%,#ffdfc0 100%);
  border-top:4px solid var(--portocaliu);
  border-bottom:1px solid #f0d9c0;
}
.piese-banner{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}
.piese-banner h2{margin-bottom:.35em}
.piese-banner .lead{color:var(--gri-700);max-width:56ch}
.piese-banner .hero__actions{margin-top:26px}
.btn--mare{padding:18px 38px;font-size:1.18rem}

.piese-banner__lista{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
}
.piese-banner__lista li{
  background:#fff;border:1px solid #f0d9c0;border-radius:var(--radius);
  padding:12px 14px;font-size:.94rem;font-weight:600;color:var(--gri-900);
  display:flex;align-items:center;gap:9px;
}
.piese-banner__lista li::before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:var(--portocaliu);flex-shrink:0;
}
@media (max-width:980px){
  .piese-banner{grid-template-columns:1fr;gap:34px}
  .piese-banner__lista{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .piese-banner__lista{grid-template-columns:repeat(2,1fr);gap:8px}
  .piese-banner__lista li{font-size:.86rem;padding:10px 12px}
  .btn--mare{padding:15px 26px;font-size:1.05rem}
}

/* ---------- Imaginea piesei ---------- */
.piesa{padding:0;overflow:hidden}
.piesa > :not(.piesa__poza){margin-left:22px;margin-right:22px}
.piesa__cap{margin-top:18px}
.piesa__jos{margin-bottom:20px}
.piesa__poza{
  aspect-ratio:4/3;background:#fff;
  border-bottom:1px solid #e4e4e2;
  display:grid;place-items:center;overflow:hidden;
}
.piesa__poza img{
  width:100%;height:100%;object-fit:contain;padding:14px;
  transition:transform .3s;
}
.piesa:hover .piesa__poza img{transform:scale(1.05)}
/* fără poză: casetă curată, cu numele piesei — nu desen */
.piesa__poza--goala{
  background:repeating-linear-gradient(135deg,#f7f7f6 0 12px,#f2f2f0 12px 24px);
  position:relative;
}
.piesa__poza--goala::after{
  content:attr(data-nume);
  font-family:var(--font-title);text-transform:uppercase;
  letter-spacing:.1em;font-size:1rem;color:#b9b9b5;
  text-align:center;padding:0 22px;line-height:1.3;
}

/* ---------- Ghid de alegere ---------- */
.ghid{
  max-width:900px;margin:0 auto;
  border:1px solid #e4e4e2;border-radius:var(--radius-lg);
  background:var(--alb);padding:38px 42px;box-shadow:var(--shadow);
}
.ghid__bara{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;margin-bottom:26px;flex-wrap:wrap;
}
.ghid__pas{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.14em;
  font-size:.82rem;font-weight:600;color:var(--gri-500);
}
.ghid__puncte{display:flex;gap:7px}
.punct{width:34px;height:5px;border-radius:99px;background:#e4e4e2;display:block}
.punct--gata{background:var(--portocaliu)}
.punct--acum{background:var(--lime)}
.ghid h2{margin-bottom:.25em}
.ghid__ajutor{color:var(--gri-500);font-size:.98rem;margin-bottom:26px}

.optiuni{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.optiune{
  text-align:left;background:var(--alb);cursor:pointer;
  border:2px solid #e4e4e2;border-radius:var(--radius-lg);
  padding:18px 20px;display:flex;flex-direction:column;gap:5px;
  font-family:var(--font);transition:.18s;
}
.optiune:hover{border-color:var(--portocaliu);background:#fff8f1;transform:translateY(-2px)}
.optiune.is-ales{border-color:var(--portocaliu);background:#fff3e6}
.optiune__t{
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.03em;
  font-size:1.22rem;font-weight:700;color:var(--negru);line-height:1.15;
}
.optiune__d{font-size:.88rem;color:var(--gri-700);line-height:1.45}
.ghid__jos{
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;margin-top:26px;flex-wrap:wrap;
}

.ghid--rezultat{max-width:1100px}
.recomandari{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.rec{
  border:1px solid #e4e4e2;border-radius:var(--radius-lg);
  padding:24px;display:flex;flex-direction:column;gap:11px;position:relative;
}
.rec--top{border:2px solid var(--portocaliu);background:#fff8f1}
.rec__badge{
  position:absolute;top:-12px;left:20px;
  background:var(--portocaliu);color:#fff;
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.1em;
  font-size:.74rem;font-weight:700;padding:5px 13px;border-radius:99px;
}
.rec h3{margin:0;font-size:1.5rem;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.de-ce{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.de-ce li{
  font-size:.88rem;color:var(--gri-700);padding-left:22px;position:relative;line-height:1.45;
}
.de-ce li::before{
  content:"";position:absolute;left:0;top:.4em;
  width:12px;height:7px;border-left:2.5px solid var(--portocaliu);
  border-bottom:2.5px solid var(--portocaliu);transform:rotate(-45deg);
}
.rec__jos{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* banda de pe pagina Produse */
.section--ghid{
  background:linear-gradient(120deg,#1e1e1e 0%,#2b2b2a 60%,#3a3a38 100%);
  color:var(--gri-100);
}
.section--ghid h2{color:var(--alb)}
.section--ghid .lead{color:var(--gri-300)}
.section--ghid .eyebrow{color:var(--lime)}
.section--ghid .form-nota{color:var(--gri-500)}
.ghid-banner{display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center}
.ghid-pasi{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:g}
.ghid-pasi li{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);padding:13px 16px;
  font-size:.98rem;color:var(--gri-100);
}
.ghid-pasi span{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  background:var(--portocaliu);color:#fff;display:grid;place-items:center;
  font-family:var(--font-title);font-weight:700;font-size:1.05rem;
}

@media (max-width:900px){
  .optiuni{grid-template-columns:1fr}
  .recomandari{grid-template-columns:1fr}
  .ghid-banner{grid-template-columns:1fr;gap:32px}
  .ghid{padding:28px 24px}
}

/* ---------- Comutator de limbă ---------- */
.topbar .container{gap:12px}
.topbar__limbi{display:flex;gap:2px;align-items:center;flex-shrink:0}
.limba{
  font-family:var(--font-title);font-size:.9rem;font-weight:700;
  letter-spacing:.09em;color:var(--gri-300);
  padding:5px 10px;border-radius:var(--radius);
  border:1px solid transparent;line-height:1;transition:.18s;
}
.limba:hover{color:var(--alb);background:rgba(255,255,255,.1)}
.limba.is-activa{
  color:var(--verde-adanc);background:var(--portocaliu);
  border-color:var(--portocaliu);
}
.limba.is-activa:hover{color:var(--verde-adanc);background:var(--lime)}
@media (max-width:640px){
  .limba{padding:4px 8px;font-size:.82rem}
}

/* ---------- Galerie foto si video ---------- */
.filtre-galerie{
  display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;
}
.filtru{
  border:1px solid #d9d9d7;background:var(--alb);color:var(--gri-700);
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.06em;
  font-size:.95rem;padding:9px 18px;border-radius:999px;cursor:pointer;transition:.2s;
}
.filtru:hover{border-color:var(--portocaliu);color:var(--antracit)}
.filtru.is-activ{background:var(--portocaliu);border-color:var(--portocaliu);color:#fff}
.galerie--mare{grid-template-columns:repeat(3,1fr)}
.galerie--mare .gal__item:nth-child(1){grid-column:auto}
.gal__item{
  margin:0;border:1px solid #e4e4e2;border-radius:var(--radius-lg);
  overflow:hidden;background:var(--alb);transition:.25s;
}
.gal__item[hidden]{display:none}
.gal__item:hover{border-color:var(--portocaliu);box-shadow:var(--shadow)}
.gal__item a{display:block;position:relative;line-height:0}
.gal__item img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.gal__item figcaption{
  padding:12px 16px;font-size:.86rem;color:var(--gri-700);line-height:1.45;
}
.gal__tag{
  position:absolute;left:12px;top:12px;background:rgba(30,30,30,.82);color:#fff;
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;
  font-size:.78rem;padding:5px 11px;border-radius:4px;line-height:1.2;
}
.gal__play{
  position:absolute;inset:0;display:grid;place-items:center;
}
.gal__play::before{
  content:"";width:62px;height:62px;border-radius:50%;
  background:rgba(239,125,0,.92);
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
  box-shadow:0 6px 20px rgba(0,0,0,.35);
}
.gal__play::after{
  content:"";position:absolute;
  border-left:20px solid #fff;border-top:13px solid transparent;
  border-bottom:13px solid transparent;margin-left:6px;
}
.gol--video{text-align:center;padding:48px 24px}
@media (max-width:900px){ .galerie--mare{grid-template-columns:repeat(2,1fr)} }
@media (max-width:600px){ .galerie--mare{grid-template-columns:1fr} }

.lista-bife--doua{columns:2;column-gap:36px}
@media (max-width:640px){ .lista-bife--doua{columns:1} }
/* cardul din catalog: poza si titlul duc la pagina utilajului */
.produs__vizual{display:block;color:inherit;text-decoration:none}
.produs__titlu h3 a{color:inherit;text-decoration:none}
.produs__titlu h3 a:hover{color:var(--portocaliu)}
.produs:hover .produs__top img{transform:scale(1.03)}
.produs__top img{transition:transform .35s}

/* butoanele de piese din bannerul de pe pagina de service */
.piese-banner__lista a{
  display:block;color:inherit;text-decoration:none;
  margin:-14px -18px;padding:14px 18px;border-radius:inherit;transition:.18s;
}
.piese-banner__lista li:hover{border-color:var(--portocaliu);box-shadow:var(--shadow)}
.piese-banner__lista li:has(a):hover{transform:translateY(-2px)}
.piese-banner__lista a:hover{color:var(--portocaliu)}
.piese-banner__lista a:focus-visible{outline:2px solid var(--portocaliu);outline-offset:2px}

/* ================= Antetul paginii de produs ================= */
.produs-hero{
  position:relative;overflow:hidden;padding:34px 0 4px;
  background:
    radial-gradient(1200px 500px at 78% 12%, rgba(239,125,0,.10), transparent 60%),
    linear-gradient(180deg,#f4f4f3 0%,#ececeb 100%);
  border-bottom:1px solid #e2e2e0;
}
.produs-hero .breadcrumb{margin-bottom:22px}
.produs-hero__grid{
  display:grid;grid-template-columns:minmax(300px,.86fr) 1.14fr;
  gap:48px;align-items:center;
}
.produs-hero__text h1{margin:0 0 10px;font-size:clamp(2.6rem,5vw,4rem);line-height:.98}
.produs-hero__text .lead{margin-bottom:26px;max-width:52ch}
.produs-hero__tel{margin:16px 0 0;font-size:.92rem;color:var(--gri-700)}
.produs-hero__tel a{font-weight:600}

/* litera seriei, mare, in spatele pozei */
.produs-hero__media{position:relative;min-height:320px}
.filigran{
  position:absolute;inset:auto 0 -4% 0;text-align:center;pointer-events:none;
  font-family:var(--font-title);font-weight:700;letter-spacing:.02em;
  font-size:clamp(9rem,22vw,17rem);line-height:.8;
  color:rgba(30,30,30,.07);user-select:none;
}

/* ---- caruselul ---- */
.carusel{position:relative;z-index:1}
.carusel__cadre{position:relative;aspect-ratio:3/2}
.carusel__cadru{
  margin:0;position:absolute;inset:0;opacity:0;transition:opacity .5s ease;
  display:flex;flex-direction:column;justify-content:center;
}
.carusel__cadru.is-activ{opacity:1}
.carusel__cadru img{
  width:100%;height:100%;object-fit:contain;display:block;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.22));
}
.carusel__cadru figcaption{
  position:absolute;left:0;right:0;bottom:-2px;
  font-size:.84rem;color:var(--gri-700);text-align:center;line-height:1.4;
  padding:0 10px;
}
.carusel__eticheta{
  display:inline-block;background:var(--antracit);color:#fff;
  font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;
  font-size:.76rem;padding:3px 9px;border-radius:4px;margin-right:6px;
}
.carusel__sageata{
  position:absolute;top:44%;transform:translateY(-50%);z-index:2;
  width:44px;height:44px;border-radius:50%;border:1px solid #dcdcda;
  background:rgba(255,255,255,.9);cursor:pointer;transition:.2s;
}
.carusel__sageata::before{
  content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;
  border-top:2px solid var(--antracit);border-right:2px solid var(--antracit);
}
.carusel__sageata--stanga{left:-4px}
.carusel__sageata--stanga::before{transform:translate(-30%,-50%) rotate(-135deg)}
.carusel__sageata--dreapta{right:-4px}
.carusel__sageata--dreapta::before{transform:translate(-70%,-50%) rotate(45deg)}
.carusel__sageata:hover{background:var(--portocaliu);border-color:var(--portocaliu)}
.carusel__sageata:hover::before{border-color:#fff}
.carusel__puncte{display:flex;gap:8px;justify-content:center;margin-top:34px}
.carusel__punct{
  width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:#c9c9c6;transition:.2s;
}
.carusel__punct.is-activ{background:var(--portocaliu);transform:scale(1.35)}
.carusel--gol{
  display:grid;place-items:center;aspect-ratio:3/2;border-radius:var(--radius-lg);
  background:linear-gradient(150deg,#2a2a2a,#1b1b1b);
}
.carusel__gol-cod{
  font-family:var(--font-title);font-size:clamp(3rem,8vw,5.5rem);
  color:rgba(255,255,255,.16);letter-spacing:.08em;
}

/* ---- banda cu cifrele seriei ---- */
.cifre{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  margin:40px 0 0;padding-bottom:34px;position:relative;z-index:2;
}
.cifra{
  display:flex;align-items:center;gap:14px;background:var(--alb);
  border:1px solid #e4e4e2;border-radius:var(--radius-lg);padding:18px 20px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
}
.cifra__ico{flex:0 0 auto;width:34px;height:34px;color:var(--portocaliu)}
.cifra__ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}
.cifra__txt{display:flex;flex-direction:column;min-width:0}
.cifra__lbl{
  font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gri-700);
}
.cifra__val{font-family:var(--font-title);font-size:1.35rem;color:var(--antracit);line-height:1.15}

/* ---- tabelul de fabrica ---- */
.tabel-scroll{overflow-x:auto;margin-top:30px;border:1px solid #e4e4e2;border-radius:var(--radius-lg)}
.tabel-tehnic{width:100%;border-collapse:collapse;min-width:560px;background:var(--alb)}
.tabel-tehnic th,.tabel-tehnic td{padding:13px 18px;text-align:left;border-bottom:1px solid #eeeeec}
.tabel-tehnic th{
  background:var(--antracit);color:#fff;font-family:var(--font-title);
  text-transform:uppercase;letter-spacing:.06em;font-size:.86rem;font-weight:600;
}
.tabel-tehnic tbody tr:hover{background:#faf7f4}
.tabel-tehnic td:first-child{font-family:var(--font-title);font-size:1.05rem}
.tabel-tehnic tr:last-child td{border-bottom:0}

/* ---- optionale ---- */
.info-box--optionale{background:#fff;border-left:4px solid var(--portocaliu)}
.lista-plus{list-style:none;padding:0;margin:0 0 18px}
.lista-plus li{position:relative;padding:9px 0 9px 30px;border-bottom:1px dashed #e6e6e4;line-height:1.5}
.lista-plus li:last-child{border-bottom:0}
.lista-plus li::before{
  content:"+";position:absolute;left:0;top:8px;width:20px;height:20px;
  display:grid;place-items:center;border-radius:50%;
  background:var(--portocaliu);color:#fff;font-weight:700;font-size:.9rem;line-height:1;
}

@media (max-width:980px){
  .produs-hero__grid{grid-template-columns:1fr;gap:26px}
  .cifre{grid-template-columns:repeat(2,1fr)}
  .carusel__sageata{top:40%}
}
@media (max-width:560px){
  .cifre{grid-template-columns:1fr}
  .filigran{font-size:7rem}
}

/* fisa tehnica a configuratiei: eticheta si valoare, pe verticala */
.fisa-tehnica{width:100%;border-collapse:collapse;margin-top:26px;
  background:var(--alb);border:1px solid #e4e4e2;border-radius:var(--radius-lg);overflow:hidden}
.fisa-tehnica th,.fisa-tehnica td{padding:13px 18px;border-bottom:1px solid #eeeeec;text-align:left}
.fisa-tehnica th{
  width:52%;font-weight:500;color:var(--gri-700);font-size:.94rem;background:#fafaf9;
}
.fisa-tehnica td{font-family:var(--font-title);font-size:1.08rem;color:var(--antracit)}
.fisa-tehnica tr:last-child th,.fisa-tehnica tr:last-child td{border-bottom:0}
.fisa-tehnica tr:hover th{background:#f6f1ec}

/* pretul din antetul paginii de configuratie */
.pret--hero{margin:22px 0 24px;border:0;padding:0;background:none}
.pret--hero .pret__val{font-size:1.9rem}

/* cardurile catre celelalte latimi */
.card--config .specs{margin:14px 0 16px}
.card--config h3{margin-bottom:4px}

/* pozele nu mai au subtitlu — cadrul se strange pe poza */
.carusel__cadru{justify-content:center}

/* set sau bucata, pe cardul de piesa */
.piesa__um{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 4px}
.um{
  border:1px solid #dcdcda;background:var(--alb);border-radius:var(--radius);
  padding:9px 12px;cursor:pointer;text-align:left;transition:.18s;
  display:flex;flex-direction:column;gap:2px;
}
.um:hover{border-color:var(--portocaliu)}
.um.is-ales{border-color:var(--portocaliu);background:#fff6ee;box-shadow:inset 0 0 0 1px var(--portocaliu)}
.um__t{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.06em;
  font-size:.86rem;color:var(--antracit)}
.um__d{font-size:.78rem;color:var(--gri-700);line-height:1.3}

.camp__optional{font-weight:400;color:var(--gri-700);font-size:.86em}

.banda-cta__actiuni{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media (max-width:640px){ .banda-cta__actiuni{width:100%} .banda-cta__actiuni .btn{flex:1 1 100%} }

/* ======================= Asistentul de pe site ======================= */
/* plasa de siguranta pentru culori: dacă o variabilă lipsește, textul rămâne lizibil */
.asistent,.asistent__fereastra,.as-bula--asistent{color:#1f1f1f}
.asistent__cap{background:#1e1e1e}
.asistent__cap,.asistent__cap strong{color:#fff}
.as-bula--om{background:#1e1e1e;color:#fff}
.asistent__jos input{color:#1f1f1f;background:#fff}

.asistent{position:fixed;right:20px;bottom:20px;z-index:60;font-family:var(--font-body)}
.asistent__buton{
  /* doar un cerculeț cu semn de întrebare — nimic altceva, ca să nu ocupe ecranul */
  display:grid;place-items:center;cursor:pointer;
  width:46px;height:46px;padding:0;line-height:1;
  background:var(--portocaliu);color:#fff;border:0;border-radius:50%;
  box-shadow:0 6px 18px rgba(0,0,0,.22);transition:transform .18s,background .18s;
  font-family:var(--font-title);font-size:1.5rem;font-weight:700;
}
.asistent__buton span{display:block;transform:translateY(-1px)}
.asistent__buton:hover{background:var(--antracit);transform:scale(1.08)}
/* Deschis: cercul 🎤 nu mai dispare — urcă deasupra barei și devine buton de închis.
   Doar când chatul e mare de tot (is-plin) se retrage, că are X-ul lui. */
.asistent.is-deschis .asistent__buton{
  opacity:1;pointer-events:auto;
  position:absolute;right:0;bottom:calc(100% + 12px);
}
.asistent.is-deschis.is-plin .asistent__buton{opacity:0;pointer-events:none}
/* restul coloanei urcă o treaptă cât e bara deschisă */
body.cu-asistent-deschis .wa-plutitor{bottom:150px}
body.cu-asistent-deschis .bg-plutitor{bottom:216px}
body.cu-asistent-deschis .hu-plutitor{bottom:282px}
@media (max-width:620px){
  body.cu-asistent-deschis .wa-plutitor{bottom:140px}
  body.cu-asistent-deschis .bg-plutitor{bottom:196px}
  body.cu-asistent-deschis .hu-plutitor{bottom:252px}
}

.asistent__fereastra{
  position:absolute;right:0;bottom:0;width:min(330px,calc(100vw - 28px));
  /* la deschidere: doar bara de scris. Înălțimea crește după prima întrebare. */
  height:auto;
  background:var(--alb);border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 26px 70px rgba(0,0,0,.32);display:flex;flex-direction:column;
  border:1px solid #e2e2e0;
}
.asistent__cap{
  background:var(--antracit);color:#fff;padding:11px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.asistent__cap strong{
  display:block;font-family:var(--font-title);font-size:.98rem;letter-spacing:.03em;
}
.asistent__cap span{display:block;font-size:.74rem;color:var(--gri-300);margin-top:1px}
.asistent__x{
  width:30px;height:30px;border:0;background:rgba(255,255,255,.12);border-radius:50%;
  cursor:pointer;position:relative;flex:0 0 auto;
}
.asistent__x::before,.asistent__x::after{
  content:"";position:absolute;left:8px;right:8px;top:14px;height:2px;background:#fff;
}
.asistent__x::before{transform:rotate(45deg)}
.asistent__x::after{transform:rotate(-45deg)}
.asistent__x:hover{background:var(--portocaliu)}

.asistent__fir{
  flex:1;overflow-y:auto;padding:13px;background:#fafafa;
  display:flex;flex-direction:column;gap:9px;
}
/* cât timp nu s-a scris nimic, se vede doar bara: fără antet, fără fir */
.asistent:not(.is-plin) .asistent__cap,
.asistent:not(.is-plin) .asistent__fir{display:none}
.asistent:not(.is-plin) .asistent__jos{border-top:0}
.asistent.is-plin .asistent__fereastra{height:min(460px,calc(100vh - 110px))}
.asistent.is-plin .asistent__x-bara{display:none}
/* x-ul mic din bară */
.asistent__x-bara{
  width:30px;height:30px;flex:0 0 auto;border:0;border-radius:50%;
  background:#f0efee;cursor:pointer;position:relative;align-self:center;
}
.asistent__x-bara::before,.asistent__x-bara::after{
  content:"";position:absolute;left:9px;right:9px;top:14px;height:2px;background:var(--gri-700);
}
.asistent__x-bara::before{transform:rotate(45deg)}
.asistent__x-bara::after{transform:rotate(-45deg)}
.asistent__x-bara:hover{background:var(--antracit)}
.asistent__x-bara:hover::before,.asistent__x-bara:hover::after{background:#fff}
.as-bula{
  max-width:90%;padding:10px 12px;border-radius:12px;font-size:.86rem;line-height:1.45;
}
.as-bula p{margin:0 0 7px}
.as-bula p:last-child{margin-bottom:0}
.as-bula--asistent{background:var(--alb);border:1px solid #e6e6e4;align-self:flex-start;
  border-bottom-left-radius:4px}
.as-bula--om{background:var(--antracit);color:#fff;align-self:flex-end;
  border-bottom-right-radius:4px}
.as-robot{
  font-size:.71rem;color:var(--gri-700);line-height:1.4;margin:0;
  border-left:2px solid var(--portocaliu);padding-left:9px;
}
.as-predare{margin-top:10px;padding-top:10px;border-top:1px dashed #e0e0de}

.as-carduri{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.as-card{
  display:block;text-decoration:none;color:inherit;border:1px solid #e6e6e4;
  border-radius:9px;padding:9px 11px;background:#fcfbfa;transition:.18s;
}
.as-card:hover{border-color:var(--portocaliu);background:#fff6ee}
.as-card strong{font-family:var(--font-title);font-size:.95rem;display:block}
.as-card__cat{font-size:.76rem;color:var(--gri-700);display:block;margin-bottom:7px}
.as-card ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.as-card li{font-size:.79rem;color:var(--gri-700)}
.as-card li span:last-child{color:var(--antracit);font-weight:600;margin-left:4px}
.as-card__de-ce{margin:7px 0 0;font-size:.78rem;color:var(--portocaliu)}

.as-actiuni{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.as-btn{
  display:inline-block;text-decoration:none;font-size:.78rem;
  padding:6px 11px;border-radius:999px;border:1px solid var(--antracit);
  color:var(--antracit);background:#fff;transition:.18s;
}
.as-btn:hover{background:var(--antracit);color:#fff}
.as-btn--wa{background:#25D366;border-color:#25D366;color:#fff;font-weight:600}
/* telefonul rămâne, dar discret — vrem întâi conversația pe WhatsApp */
.as-btn--tel{border-color:#dcdcda;color:var(--gri-700)}
.as-btn--tel:hover{background:var(--gri-700);border-color:var(--gri-700);color:#fff}
.as-btn--wa:hover{background:#1da851;border-color:#1da851;color:#fff}

.as-nota-wa{margin:8px 0 0;font-size:.74rem;color:var(--gri-700);line-height:1.4}
.as-sugestii{display:flex;flex-wrap:wrap;gap:7px;align-self:flex-start}
.as-sug{
  border:1px solid var(--portocaliu);color:var(--portocaliu);background:#fff;
  border-radius:999px;padding:5px 11px;font-size:.78rem;cursor:pointer;transition:.18s;
}
.as-sug:hover{background:var(--portocaliu);color:#fff}

.as-scrie{display:flex;gap:4px;padding:14px 16px}
.as-scrie span{
  width:7px;height:7px;border-radius:50%;background:#c9c9c6;
  animation:as-puls 1s infinite ease-in-out;
}
.as-scrie span:nth-child(2){animation-delay:.15s}
.as-scrie span:nth-child(3){animation-delay:.3s}
@keyframes as-puls{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

.asistent__jos{display:flex;gap:7px;padding:9px;border-top:1px solid #ececeb;background:var(--alb)}
.asistent__jos input{
  flex:1;min-width:0;border:1px solid #dcdcda;border-radius:999px;padding:9px 13px;
  font-family:inherit;font-size:.86rem;
  /* scrisul trebuie sa se vada: pagina are locuri unde inputurile mostenesc alb */
  color:var(--antracit);background:#fff;-webkit-text-fill-color:var(--antracit);
}
.asistent__jos input::placeholder{color:#9a9a97;-webkit-text-fill-color:#9a9a97}
.asistent__jos input:focus{outline:none;border-color:var(--portocaliu)}
.asistent__jos button{
  width:36px;height:36px;flex:0 0 auto;border:0;border-radius:50%;
  background:var(--portocaliu);cursor:pointer;position:relative;
}
.asistent__jos button::before{
  content:"";position:absolute;top:50%;left:50%;
  transform:translate(-60%,-50%) rotate(45deg);
  width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;
}
.asistent__jos button:hover{background:var(--antracit)}

@media (max-width:520px){
  .asistent{right:12px;bottom:12px}
  .asistent__buton{width:46px;height:46px}
  .asistent__fereastra{width:calc(100vw - 24px)}
  .asistent.is-plin .asistent__fereastra{height:min(70vh,440px)}
}
@media print{ .asistent{display:none} }

/* Ghid — ce nu se potrivește, scris pe față, nu ascuns */
.lipsuri{margin-top:12px;padding:11px 13px;border-radius:8px;
  background:rgba(194,95,0,.09);border-left:3px solid var(--portocaliu)}
.lipsuri__t{display:block;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--portocaliu);font-weight:700;margin-bottom:6px}
.lipsuri ul{margin:0;padding-left:17px;list-style:disc}
.lipsuri li{font-size:.9rem;line-height:1.5;margin:3px 0;opacity:.92}
.rec__badge--comanda{background:#4a4a48;color:#fff}
.lead--mic{font-size:.95rem;opacity:.88;margin-top:20px}

/* ---------- Siglele din cap de pagină ---------- */
/* Fișierele se pun în assets/img/. Dacă lipsesc, imaginea se șterge singură
   (onerror) și rămâne marca scrisă. Nu desenăm sigle: sunt mărci înregistrate. */
.brand__logo{
  height:46px;width:auto;max-width:250px;object-fit:contain;flex-shrink:0;display:block;
}
/* când sigla există, litera și numele scris nu mai au rost */
.brand:has(.brand__logo:not(.brand__logo--mec)) .brand__mark,
.brand:has(.brand__logo:not(.brand__logo--mec)) .brand__name{display:none}

.brand__logo--mec{
  height:54px;max-width:190px;margin-left:18px;padding-left:18px;
  border-left:1px solid rgba(0,0,0,.14);opacity:1;align-self:center;
}
.site-footer .brand__logo--mec{border-left-color:rgba(255,255,255,.22)}
/* subsolul foloseste fisierele -alb.png; daca lipsesc, ramane marca scrisa */
@media (max-width:900px){
  .brand__logo{height:38px;max-width:190px}
  .brand__logo--mec{height:42px;max-width:140px;margin-left:12px;padding-left:12px}
}
@media (max-width:620px){.brand__logo--mec{display:none}}

/* ---------- Subsol: marca trebuie citită, nu ghicită ---------- */
.site-footer .brand__sub{
  color:#dedcd7;font-size:.76rem;letter-spacing:.13em;font-weight:600;
}
/* sloganul e deja scris mare mai jos, în .footer-slogan — n-are rost de două ori */
.site-footer .brand__slogan{display:none}
.site-footer .brand__logo--mec{border-left-color:rgba(255,255,255,.26)}
/* pe telefon sigla Mecomag dispare doar din capul paginii, unde n-are loc */
@media (max-width:620px){.site-footer .brand__logo--mec{display:block}}

/* ---------- Piese: de la piesă la utilaje (căutare inversă) ---------- */
.intra-pe{margin:14px 0 4px;padding:12px 14px;border-radius:8px;
  background:rgba(194,95,0,.07);border-left:3px solid var(--portocaliu)}
.intra-pe__t{display:block;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--portocaliu);font-weight:700;margin-bottom:9px}
.intra-pe__n{display:inline-block;min-width:19px;padding:0 5px;margin-left:4px;
  border-radius:9px;background:var(--portocaliu);color:#fff;text-align:center;
  font-size:.72rem;letter-spacing:0}
.intra-pe__lista{display:flex;flex-wrap:wrap;gap:6px}
.chip-utilaj{display:inline-flex;align-items:center;gap:5px;
  padding:5px 11px;border-radius:999px;border:1px solid rgba(0,0,0,.12);
  background:#fff;font-size:.86rem;font-weight:600;color:var(--negru);
  text-decoration:none;line-height:1.3}
.chip-utilaj:hover{border-color:var(--portocaliu);color:var(--portocaliu)}
.chip-utilaj__vechi{font-size:.72rem;font-weight:600;color:var(--gri-500)}
.chip-utilaj:hover .chip-utilaj__vechi{color:var(--portocaliu-inchis)}
.piesa__alternativa{margin:10px 0 0;font-size:.9rem;line-height:1.5;
  padding:10px 12px;border-radius:8px;background:var(--gri-100)}
.selector__invers{margin:12px 0 0;font-size:.92rem;color:var(--gri-700);
  padding-left:14px;border-left:3px solid var(--portocaliu);line-height:1.5}

/* ---------- Asistent: mesaj vocal ---------- */
.asistent__mic{
  flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.14);
  background:#fff;color:var(--gri-700);display:grid;place-items:center;cursor:pointer;
  transition:color .15s,border-color .15s,background .15s;
}
.asistent__mic:hover{color:var(--portocaliu);border-color:var(--portocaliu)}
.asistent__mic--activ{
  background:var(--portocaliu);border-color:var(--portocaliu);color:#fff;
  animation:mic-puls 1.4s ease-out infinite;
}
@keyframes mic-puls{
  0%{box-shadow:0 0 0 0 rgba(239,125,0,.45)}
  100%{box-shadow:0 0 0 12px rgba(239,125,0,0)}
}
@media (prefers-reduced-motion:reduce){.asistent__mic--activ{animation:none}}

/* ---------- Transport + finanțare pe pagina de produs ---------- */
.produs-hero__nota{margin:10px 0 4px;font-size:.95rem;font-weight:600;color:var(--portocaliu-inchis)}
.finantare{display:flex;align-items:center;justify-content:space-between;gap:26px;
  margin:34px 0;padding:22px 26px;border-radius:var(--radius);
  background:rgba(239,125,0,.07);border:1px solid rgba(239,125,0,.25);flex-wrap:wrap}
.finantare h3{margin:0 0 6px;font-size:1.2rem}
.finantare p{margin:0 0 6px;font-size:.95rem;max-width:640px}
.piese-contact{margin:26px 0 0;font-size:1.02rem;font-weight:600;
  padding:14px 16px;border-radius:8px;background:rgba(239,125,0,.08);
  border-left:3px solid var(--portocaliu)}

/* ---------- WhatsApp plutitor + difuzorul asistentului ---------- */
.wa-plutitor{
  /* pe dreapta, deasupra butonului asistentului (care sta la right:20 / bottom:20) */
  position:fixed;right:16px;bottom:84px;z-index:59;
  width:54px;height:54px;border-radius:50%;
  background:#25d366;color:#fff;display:grid;place-items:center;
  box-shadow:0 4px 14px rgba(0,0,0,.28);transition:transform .15s;
}
.wa-plutitor:hover{transform:scale(1.08);color:#fff}
@media (max-width:620px){.wa-plutitor{width:48px;height:48px;right:12px;bottom:76px}}
.asistent__difuzor{
  width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;
  margin-right:8px;transition:background .15s;
}
.asistent__difuzor:hover{background:rgba(255,255,255,.3)}
.asistent__difuzor--pornit{background:#fff;color:var(--portocaliu)}

/* ---------- Butonul „БГ" de pe paginile românești ---------- */
.bg-plutitor{
  position:fixed;right:16px;bottom:216px;z-index:58;
  width:54px;height:54px;border-radius:50%;
  background:#fff;border:2px solid #2a9d4a;color:#1d7034;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.22);
  text-decoration:none;transition:transform .15s;
}
.bg-plutitor:hover{transform:scale(1.08);color:#1d7034}
.bg-plutitor__mare{font-weight:800;font-size:.9rem;letter-spacing:.03em}
.bg-plutitor__mic{
  font-size:.4rem;text-transform:uppercase;letter-spacing:0;margin-top:2px;
  max-width:46px;overflow:hidden;white-space:nowrap;
}
@media (max-width:620px){.bg-plutitor{width:48px;height:48px;right:12px;bottom:132px}}

/* butonul asistentului: microfon + punct verde „e viu" */
.asistent__buton{position:relative}
.asistent__buton-punct{
  position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;
  background:#25d366;border:2px solid #fff;
  animation:punct-viu 2s ease-in-out infinite;
}
@keyframes punct-viu{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@media (prefers-reduced-motion:reduce){.asistent__buton-punct{animation:none}}

/* ---------- Butonul „HU" de pe paginile românești ---------- */
.hu-plutitor{
  position:fixed;right:16px;bottom:282px;z-index:58;
  width:54px;height:54px;border-radius:50%;
  background:#fff;border:2px solid #c8102e;color:#8d0c20;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.22);
  text-decoration:none;transition:transform .15s;
}
.hu-plutitor:hover{transform:scale(1.08);color:#8d0c20}
@media (max-width:620px){.hu-plutitor{width:48px;height:48px;right:12px;bottom:188px}}

/* microfonul-emoticon si eticheta limbii pe butonul asistentului */
.asistent__buton{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:0}
.asistent__buton-mic{font-size:1.25rem;line-height:1}
.asistent__buton-limba{font-size:.5rem;font-weight:800;letter-spacing:.08em;line-height:1;margin-top:1px}

/* ---------- Butonul „RO" — asistentul vocal românesc, lângă БГ și HU ---------- */
.ro-plutitor{
  position:fixed;right:16px;bottom:150px;z-index:58;
  width:54px;height:54px;border-radius:50%;cursor:pointer;
  background:#fff;border:2px solid var(--portocaliu);color:var(--portocaliu-inchis);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.22);
  transition:transform .15s;padding:0;
}
.ro-plutitor:hover{transform:scale(1.08)}
.ro-plutitor .bg-plutitor__mare{font-size:.72rem}
@media (max-width:620px){.ro-plutitor{width:48px;height:48px;right:12px;bottom:132px}}
@media (max-width:620px){.bg-plutitor{bottom:188px}.hu-plutitor{bottom:244px}}
body.cu-asistent-deschis .ro-plutitor{bottom:216px}
body.cu-asistent-deschis .bg-plutitor{bottom:282px}
body.cu-asistent-deschis .hu-plutitor{bottom:348px}
@media (max-width:620px){
  body.cu-asistent-deschis .ro-plutitor{bottom:196px}
  body.cu-asistent-deschis .bg-plutitor{bottom:252px}
  body.cu-asistent-deschis .hu-plutitor{bottom:308px}
}

/* insigna Top vânzări pe cardul din catalog: stea galbenă, ca un abțibild lipit pe geam */
.produs__top-vanzari{
  position:absolute;top:4px;left:4px;z-index:5;
  width:100px;height:100px;display:grid;place-items:center;
  padding:22px;box-sizing:border-box;
  background:#ffd400;color:#1e1e1e;text-align:center;
  font-size:.62rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;
  line-height:1.15;
  clip-path:polygon(100% 50%,91% 59%,98% 68%,87% 73%,90% 84%,78% 84%,77% 95%,65% 91%,60% 100%,50% 93%,40% 100%,35% 91%,23% 95%,22% 84%,10% 84%,13% 73%,2% 68%,9% 59%,0% 50%,9% 41%,2% 32%,13% 27%,10% 16%,22% 16%,23% 5%,35% 9%,40% 0%,50% 7%,60% 0%,65% 9%,77% 5%,78% 16%,90% 16%,87% 27%,98% 32%,91% 41%);
  transform:rotate(-10deg);
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.3));
}
/* insigna Gama prestator: stea galbena in cinci colturi, ca la Hollywood */
.produs__premium{
  width:132px;height:132px;padding:52px 30px 40px;
  background:#ffd400;color:#1e1e1e;border:0;
  font-size:.5rem;letter-spacing:.02em;
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  transform:rotate(-6deg);
}
.motto{font-style:italic;color:var(--portocaliu-inchis);font-weight:600}

/* cardurile de categorie de pe prima pagină: cu utilajul la vedere */
.card__media--poza{position:relative;background:#fff;overflow:hidden}
.card__media--poza img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;padding:10px;
}
.card__media--poza span{
  position:absolute;left:10px;bottom:10px;z-index:2;
  background:rgba(20,20,20,.82);color:#fff;padding:4px 12px;border-radius:6px;
  font-size:1rem;letter-spacing:.06em;
}

/* butonul din coltul din dreapta-sus: mai mare, sa se vada */
.nav .btn--primar{font-size:1.12rem;padding:12px 22px;font-weight:700}
@media (max-width:1240px){.nav .btn--primar{font-size:1.02rem;padding:10px 16px}}

/* insigna Super Premium — gama pentru prestatori */
.tag--premium{background:#ffd400;color:#1e1e1e;border:1px solid #d4b000;
  font-weight:800;letter-spacing:.06em}
.tag--top{background:#ffd400;color:#1e1e1e;font-weight:800;letter-spacing:.06em}

/* bannerul cu serviciul de curatare pajisti: filmul in dreapta */
.video-wrap{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.18);background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}



/* pret promo: cel vechi taiat, cel nou in portocaliu */
.pret__vechi{text-decoration:line-through;color:#9a9a9a;font-weight:600;margin-right:6px}
.pret__val--promo{color:var(--portocaliu)}

/* nota de sub pret (ex. HET: fara prindere si valve) */
.pret__nota{display:block;font-size:.72rem;color:#8a8a8a;font-weight:500;margin-top:4px;max-width:340px}

/* simulatorul de rate din banda de finantare */
.simulator{flex-basis:100%;margin-top:18px;padding-top:18px;border-top:1px dashed rgba(0,0,0,.15)}
.simulator h4{margin:0 0 12px;font-size:1.05rem}
.simulator__campuri{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.simulator__campuri label{display:flex;flex-direction:column;gap:5px;font-size:.8rem;font-weight:600}
.simulator__campuri input,.simulator__campuri select{padding:9px 10px;border:1px solid #ccc;border-radius:8px;font:inherit}
.simulator__rezultat{margin:14px 0 6px;font-size:1.05rem}
.simulator__rezultat strong{color:var(--portocaliu);font-size:1.3rem}
.finantare{flex-wrap:wrap}

/* bannerul mare cu garantia de 3 ani, ca pe placuta din showroom */
.banner-garantie{background:#161613;padding:26px 0}
.banner-garantie__in{display:flex;align-items:center;justify-content:center;gap:38px;flex-wrap:wrap}
.banner-garantie__txt{font-family:var(--font-title);font-size:clamp(2rem,5vw,3.4rem);
  font-weight:700;letter-spacing:.14em;color:#fff}
.banner-garantie__cerc{width:96px;height:96px;border:3px solid var(--portocaliu);border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 0 0 5px #161613, 0 0 0 7px var(--portocaliu)}
.banner-garantie__cerc strong{font-family:var(--font-title);font-size:2.2rem;color:#fff;line-height:1}
.banner-garantie__cerc small{font-size:.66rem;letter-spacing:.22em;color:var(--portocaliu);font-weight:800}
.banner-garantie__sigla{height:52px;width:auto}

/* selectorul de limbi mutat din bara neagra in capul de pagina */
.site-header .topbar__limbi{display:flex;gap:6px;align-items:center;margin-left:auto;margin-right:14px}
.site-header .limba{color:#444;border:1px solid #d5d5d5;border-radius:6px;padding:3px 8px;
  font-size:.78rem;font-weight:700;text-decoration:none}
.site-header .limba:hover{border-color:var(--portocaliu);color:var(--portocaliu)}
.site-header .limba.is-activa{background:var(--portocaliu);border-color:var(--portocaliu);color:#fff}
@media (max-width:900px){.site-header .topbar__limbi{margin-right:8px}}



/* butonul Cere oferta din golul de sub pasii ghidului */
.ghid-banner .ghid-oferta{margin-top:22px;align-self:flex-start}

/* sigla Mecomag: element propriu, ultimul din bara — nu se poate suprapune cu meniul */
.sigla-colt{flex-shrink:0;margin-left:16px;display:flex;align-items:center}
.sigla-colt img{height:48px;width:auto;display:block;border-radius:6px}
@media (max-width:900px){.sigla-colt img{height:40px}}
@media (max-width:620px){.sigla-colt{display:none}}

/* butonul verde de WhatsApp din banda de service */
.btn--wa{background:#25d366;color:#fff;border:0}
.btn--wa:hover{background:#1eb958;color:#fff}

/* butoanele Finantare si Transport din meniu */
.nav .btn-nav{padding:6px 12px;font-size:.82rem;font-weight:700;margin-left:6px;
  border:1.5px solid var(--portocaliu);color:var(--portocaliu);border-radius:8px}
.nav .btn-nav:hover{background:var(--portocaliu);color:#fff}

/* tabelele cu partenerii de finantare si transport */
.tabel-parteneri{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;
  border-radius:10px;overflow:hidden;font-size:.92rem}
.tabel-parteneri th{background:var(--portocaliu);color:#fff;text-align:left;padding:10px 14px}
.tabel-parteneri td{padding:10px 14px;border-bottom:1px solid #eee;vertical-align:top}
.tabel-parteneri tr:last-child td{border-bottom:0}
.tabel-parteneri a{color:var(--portocaliu);font-weight:700}

/* toate butoanele principale la fel: portocaliu plin, text alb */
.btn--lime,.btn--primar{background:var(--portocaliu);color:#fff;border-color:var(--portocaliu)}
.btn--lime:hover,.btn--primar:hover{background:var(--portocaliu-inchis);border-color:var(--portocaliu-inchis);color:#fff}

/* mouse-ul devine ciocan deasupra butoanelor, iar butonul se clatina ca un clopot lovit */
.btn, button, .nav .btn-nav{
  cursor:url("../img/ciocan.png") 8 24, pointer;
}
@keyframes clopot-suna{
  0%{transform:rotate(0)}
  15%{transform:rotate(6deg)}
  35%{transform:rotate(-5deg)}
  55%{transform:rotate(3deg)}
  75%{transform:rotate(-2deg)}
  100%{transform:rotate(0)}
}
.clopot-suna{animation:clopot-suna .55s ease-out;transform-origin:top center}

/* TOATE butoanele identice, ca Finantare/Transport din meniu:
   fundal alb, chenar si text portocaliu; la trecerea mouse-ului se umplu */
.btn, .btn--lime, .btn--primar, .btn--outline, .btn--ghost, .btn--demo, .nav .btn-nav,
button[type="submit"], input[type="submit"], form button{
  background:#fff !important;
  color:var(--portocaliu) !important;
  border:2px solid var(--portocaliu) !important;
  border-radius:8px !important;
  font-weight:700 !important;
}
.btn:hover, .nav .btn-nav:hover, button[type="submit"]:hover, form button:hover{
  background:var(--portocaliu) !important;
  border-color:var(--portocaliu) !important;
  color:#fff !important;
}
/* exceptia ceruta anterior: WhatsApp ramane verde, sa fie recunoscut */
.btn--wa{background:#25d366 !important;border-color:#25d366 !important}
.btn--wa:hover{background:#1eb958 !important;border-color:#1eb958 !important}

/* motto-ul principal din capul primei pagini */
.hero__motto{margin:14px 0 6px;font-size:1.25rem;color:var(--portocaliu);font-weight:600;font-style:italic}

/* ================= TELEFON: fara miscare stanga-dreapta ================= */
html, body{max-width:100%;overflow-x:hidden}
img, iframe, video, svg{max-width:100%}
.container{min-width:0}

@media (max-width:760px){
  /* tabelele late devin derulabile in loc sa impinga pagina */
  .tabel-parteneri{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tabel-parteneri th,.tabel-parteneri td{white-space:normal;min-width:110px;font-size:.85rem;padding:8px 10px}

  /* bannerul de garantie pe verticala */
  .banner-garantie__in{flex-direction:column;gap:16px;text-align:center}
  .banner-garantie__txt{font-size:2rem}
  .banner-garantie__cerc{width:80px;height:80px}
  .banner-garantie__sigla{height:40px}

  /* simulatorul de rate: campurile pe doua coloane */
  .simulator__campuri{grid-template-columns:1fr 1fr}

  /* harta desenata a Romaniei se scaleaza */
  .harta-wrap svg{width:100%;height:auto}

  /* selectorul de limbi si sigla din bara, mai stranse */
  .site-header .topbar__limbi{margin-left:8px;margin-right:4px;gap:3px}
  .site-header .limba{padding:2px 5px;font-size:.7rem}
  .sigla-colt{display:flex;margin-left:6px}
  .sigla-colt img{height:30px}

  /* benzile cu buton mare: pe verticala */
  .banda-cta{flex-direction:column;align-items:flex-start;gap:16px}
  .finantare{flex-direction:column;align-items:flex-start;gap:14px}

  /* butoanele din meniu, latime plina in meniul desfasurat */
  .nav .btn-nav{margin:6px 0 0 0;text-align:center}
}

/* sigla Mecomag sa incapa mereu in ecran, pe orice latime */
.site-header .container{flex-wrap:wrap;row-gap:4px}
.sigla-colt{margin-left:auto}
@media (max-width:1100px){
  .sigla-colt img{height:40px}
}
@media (max-width:760px){
  /* pe telefon: textele lungi ale marcii dispar, raman siglele */
  .brand__sub,.brand__slogan{display:none}
  .brand__logo{height:30px;max-width:150px}
  .site-header .container{gap:8px;padding-top:6px;padding-bottom:6px}
  .sigla-colt{display:flex;margin-left:auto}
  .sigla-colt img{height:28px}
}

/* ============ TELEFON, runda 2: cat mai aproape de desktop ============ */
@media (max-width:760px){
  /* 1. schimbatorul de limbi ramane mereu vizibil, pe orice pagina/limba */
  .site-header .topbar__limbi{display:flex !important;order:2;margin-left:auto;margin-right:2px;gap:2px}
  .site-header .limba{padding:2px 4px;font-size:.66rem}
  .brand{order:1;min-width:0}
  .nav-toggle{order:3}
  .sigla-colt{order:4;margin-left:2px}
  .nav{order:5;flex-basis:100%}

  /* 2. sigla Mecomag: garantat in ecran */
  .sigla-colt img{height:24px;max-width:80px;object-fit:contain}
  .brand__logo{height:26px;max-width:120px}

  /* 3. bannerul cu garantia: pe orizontala, ca pe desktop, doar mai mic */
  .banner-garantie__in{flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:center;text-align:left}
  .banner-garantie__txt{font-size:1.35rem;letter-spacing:.08em}
  .banner-garantie__cerc{width:54px;height:54px;border-width:2px;box-shadow:0 0 0 3px #161613,0 0 0 4px var(--portocaliu)}
  .banner-garantie__cerc strong{font-size:1.2rem}
  .banner-garantie__cerc small{font-size:.5rem}
  .banner-garantie__sigla{height:28px}

  /* 4. benzile cu buton: raman pe orizontala cand incap */
  .banda-cta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}
  .finantare{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}
}

/* 5. produsele: doua pe rand pe telefon, ca pe desktop doar mai inguste */
@media (max-width:640px){
  .produse{grid-template-columns:repeat(2,1fr) !important;gap:10px}
  .produs__top{height:120px}
  .produs__titlu h3{font-size:1rem}
  .produs__body{padding:10px}
  .pret__val{font-size:.9rem}
  .grid--4,.grid--3{grid-template-columns:repeat(2,1fr) !important;gap:10px}
}

/* ============ TELEFON, runda 3: compact, putin scroll, aspect de desktop ============ */
@media (max-width:760px){
  /* sectiunile respira mai putin — pagina se scurteaza mult */
  .section{padding:26px 0}
  .section--tight{padding:12px 0}
  .container{padding-left:12px;padding-right:12px}

  /* capul paginii: mai scund */
  .hero{min-height:auto}
  .hero .container{padding-top:28px;padding-bottom:28px}
  .hero--mic .container{padding-top:22px;padding-bottom:22px}
  h1,.h1--o-linie{font-size:1.6rem;line-height:1.15}
  h2{font-size:1.3rem;line-height:1.2}
  .lead,.hero__sub{font-size:.92rem;line-height:1.45}
  .hero__motto{font-size:1rem;margin:8px 0 4px}
  .eyebrow{font-size:.66rem}
  .hero__actions{gap:8px}
  .btn{padding:8px 12px;font-size:.8rem}

  /* cifrele de sus: patru in rand, ca pe desktop */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
  .stat__nr{font-size:1.15rem}
  .stat__lbl{font-size:.56rem;line-height:1.2}

  /* pasii si cardurile de sectoare: doua pe rand */
  .pasi{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .pas{padding:12px}
  .pas h4{font-size:.85rem}
  .pas p{font-size:.75rem}
  .grid--3 .sector-card, .sector-card{min-height:auto}

  /* portretele si despartirile: mai putin aer */
  .split{gap:18px}
  .diptic{gap:8px}

  /* tabelele si simulatorul: scris mai mic, incap fara drama */
  .simulator__campuri label{font-size:.7rem}
  .video-wrap{border-radius:10px}

  /* subsolul: doua coloane in loc de una lunga */
  .footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  .site-footer{font-size:.8rem}
  .site-footer h4{font-size:.85rem}
}

/* ================================================================
   INCADRARE BARA DE SUS — regula finala, bate orice alta regula.
   Problema: blocul cu numele marcii nu se micsora (flex-shrink:0) si
   impingea limbile si sigla Mecomag in afara ecranului, si pe desktop,
   si pe telefon.
   ================================================================ */
.site-header .container{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
.site-header .brand{
  flex:0 1 auto !important;   /* are voie sa se micsoreze */
  min-width:0 !important;
  overflow:hidden !important;
}
.site-header .brand__txt{min-width:0 !important;overflow:hidden !important}
.site-header .brand__sub,
.site-header .brand__slogan{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.site-header .nav{min-width:0 !important}
.site-header .topbar__limbi{flex-shrink:0 !important;margin-left:auto !important}
.sigla-colt{flex-shrink:0 !important;margin-left:10px !important}
.sigla-colt img{height:46px !important;width:auto !important;max-width:none !important}

/* pe ecrane medii: textele de langa sigla Agrimaster dispar, sa incapa restul */
@media (max-width:1500px){
  .site-header .brand__sub,
  .site-header .brand__slogan{display:none !important}
}
@media (max-width:1150px){
  .site-header .nav a{font-size:.82rem}
  .site-header .container{gap:8px !important}
  .sigla-colt img{height:38px !important}
}
/* telefon: doar siglele, limbile si butonul de meniu — toate in ecran */
@media (max-width:760px){
  .site-header .container{gap:6px !important;padding-left:10px !important;padding-right:10px !important}
  .site-header .brand__logo{height:26px !important;max-width:130px !important}
  .site-header .topbar__limbi{gap:2px !important;margin-right:0 !important}
  .site-header .limba{padding:2px 4px !important;font-size:.64rem !important;border-radius:5px}
  .sigla-colt{margin-left:4px !important}
  .sigla-colt img{height:24px !important;max-width:78px !important;object-fit:contain}
  .nav-toggle{flex-shrink:0}
}

/* mesajul de stare al formularului de ofertă */
.form-mesaj{margin:10px 0 0;font-size:.9rem;font-weight:600;min-height:1.2em}
.form-mesaj.ok{color:#1a7f37}
.form-mesaj.eroare{color:#b42318}