/* =========================================================
   CARIERA COBANI — Design System v2 — "Premium Industrial"
   Graphite, calcar, aur mineral. Tipografie editorială mare,
   spațiere generoasă, fără decor inutil.
   ========================================================= */

/* ---------- Fonturi auto-găzduite (Poppins) ---------- */
@font-face{ font-family:'Poppins'; src:url('../fonts/Poppins-Light.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap; }
@font-face{ font-family:'Poppins'; src:url('../fonts/Poppins-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'Poppins'; src:url('../fonts/Poppins-Medium.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap; }
@font-face{ font-family:'Poppins'; src:url('../fonts/Poppins-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }

:root{
  /* Culori de bază — graphite / calcar cald / aur mineral restrâns */
  --c-ink:        #13161A;
  --c-ink-soft:   #262B30;
  --c-slate:      #565D62;
  --c-slate-2:    #7C8388;
  --c-line:       #E3DED2;
  --c-line-soft:  #EEE9DC;
  --c-paper:      #F6F1E7;
  --c-paper-2:    #EFE8D9;
  --c-white:      #FFFFFF;

  --c-stone:      #B7ADA0;   /* accent neutru, culoarea calcarului */
  --c-amber:      #A9863F;   /* aur mineral, restrâns */
  --c-amber-dark: #7E6430;
  --c-amber-soft: #EDE3CC;

  --c-ok:         #2F7D5A;
  --c-ok-bg:      #E4F2EA;
  --c-warn:       #A9863F;
  --c-warn-bg:    #F6ECD9;
  --c-order:      #52606B;
  --c-order-bg:   #E9ECEE;
  --c-off:        #B23A34;
  --c-off-bg:     #F7E3E1;

  --radius: 3px;
  --radius-lg: 6px;
  --shadow-sm: 0 1px 2px rgba(19,22,26,.06);
  --shadow-md: 0 10px 32px rgba(19,22,26,.12);
  --shadow-lg: 0 20px 56px rgba(19,22,26,.18);

  --maxw: 1280px;
  --font-head: 'Poppins', system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ease: cubic-bezier(.16,.8,.28,1);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; font-size:112.5%; } /* ~18px bază — tipografie editorială, mai mare */
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--c-ink);
  background:var(--c-paper);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ font-family:var(--font-head); font-weight:600; line-height:1.14; margin:0 0 .45em; letter-spacing:-0.01em; }
h1{ font-size:clamp(2.05rem,3.6vw,3.05rem); }
h2{ font-size:clamp(1.62rem,2.6vw,2.15rem); }
h3{ font-size:clamp(1.2rem,1.5vw,1.4rem); }
p{ margin:0 0 1em; color:var(--c-ink-soft); }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; }

.container{ max-width:var(--maxw); margin:0 auto; padding:0 28px; }
.section{ padding:104px 0; }
.section--tight{ padding:60px 0; }
.section--dark{ background:var(--c-ink); color:var(--c-paper); }
.section--dark p{ color:#C4C7C9; }
.section--stone{ background:var(--c-paper-2); }

.eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:.82rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--c-amber-dark); margin-bottom:16px;
}
.eyebrow::before{ content:""; width:24px; height:2px; background:var(--c-amber); display:inline-block; }
.section--dark .eyebrow{ color:var(--c-amber); }

.lede{ font-size:clamp(1.08rem,1.4vw,1.28rem); color:var(--c-slate); max-width:60ch; line-height:1.55; }

/* ---------- Rând "e produsul potrivit pentru mine?" — pagini de produs ---------- */
.product-fit-line{ font-size:.98rem; color:var(--c-ink); background:#F6F1E4; border-left:3px solid var(--c-amber); padding:10px 14px; border-radius:6px; max-width:60ch; margin:0 0 18px; }
.product-fit-line strong{ color:var(--c-ink); }

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:15px 28px; border-radius:var(--radius); font-weight:600; font-size:1rem;
  border:1px solid transparent; cursor:pointer; transition:all .2s var(--ease); white-space:nowrap;
}
.btn-primary{ background:var(--c-amber); color:#fff; }
.btn-primary:hover{ background:var(--c-amber-dark); }
.btn-dark{ background:var(--c-ink); color:#fff; }
.btn-dark:hover{ background:var(--c-ink-soft); }
.btn-outline{ background:transparent; border-color:rgba(19,22,26,.32); color:var(--c-ink); }
.btn-outline:hover{ border-color:var(--c-ink); }
.section--dark .btn-outline{ border-color:#454B50; color:#fff; }
.section--dark .btn-outline:hover{ border-color:#fff; }
.btn-ghost{ background:transparent; color:var(--c-ink); padding:8px 4px; font-weight:600; }
.btn-block{ width:100%; white-space:normal; text-align:center; }
.btn-lg{ padding:18px 34px; font-size:1.05rem; }
.btn[disabled]{ opacity:.45; cursor:not-allowed; }

/* CTA de aur — folosit ca acțiune principală unică (nav, hero) */
.btn-gold{
  background:var(--c-amber); color:var(--c-ink); font-weight:700;
  text-transform:uppercase; letter-spacing:.06em; font-size:.82rem; padding:13px 22px;
}
.btn-gold:hover{ background:var(--c-ink); color:#fff; }
.section--dark .btn-gold:hover, .hero .btn-gold:hover{ background:#fff; color:var(--c-ink); }

/* ---------- Header / nav — simplificat: Produse · Disponibilitate · Despre · Contact + CTA ---------- */
.site-header{
  position:sticky; top:0; z-index:60; background:rgba(246,241,231,.9); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--c-line);
}
.site-header .container{ display:flex; align-items:center; justify-content:space-between; height:84px; gap:24px; }
.brand{ display:flex; align-items:center; gap:11px; font-family:var(--font-head); font-weight:700; font-size:1.2rem; color:var(--c-ink); letter-spacing:-.01em; }
.brand .mark{ width:32px; height:32px; }
.brand .mark-img{ height:38px; width:auto; display:block; }
.brand small{ display:block; font-family:var(--font-body); font-weight:500; font-size:.62rem; letter-spacing:.09em; text-transform:uppercase; color:var(--c-slate); }

.nav-desktop{ display:flex; align-items:center; gap:36px; flex-wrap:nowrap; }
.nav-desktop a{ font-size:.98rem; font-weight:500; color:var(--c-ink-soft); position:relative; padding:8px 0; white-space:nowrap; }
.nav-desktop a:hover, .nav-desktop a.active{ color:var(--c-ink); }
.nav-desktop a.active::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--c-amber); }
.nav-cta{ display:flex; align-items:center; gap:16px; flex-shrink:0; }
.tel-link{ display:flex; align-items:center; gap:6px; font-weight:600; font-size:.88rem; white-space:nowrap; }

.nav-toggle{ display:none; background:none; border:none; cursor:pointer; padding:6px; }
.nav-toggle span{ display:block; width:24px; height:2px; background:var(--c-ink); margin:5px 0; }
.mobile-nav{ display:none; position:fixed; inset:84px 0 0 0; background:var(--c-paper); z-index:59; padding:28px; overflow-y:auto; }
.mobile-nav.open{ display:block; }
.mobile-nav a{ display:block; padding:16px 0; font-size:1.35rem; font-weight:600; font-family:var(--font-head); border-bottom:1px solid var(--c-line); }
.mobile-nav .btn{ margin-top:24px; }
.mobile-nav-more{ margin-top:6px; }
.mobile-nav-more summary{ cursor:pointer; padding:16px 0; font-size:.9rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--c-slate); list-style:none; }
.mobile-nav-more summary::-webkit-details-marker{ display:none; }
.mobile-nav-more a{ font-size:1.05rem; font-weight:500; font-family:var(--font-body); padding:12px 0; }

/* păstrat pentru compatibilitate — nefolosit în header-ul simplificat curent */
.nav-dropdown{ position:relative; }
.nav-dropdown-trigger{ display:flex; align-items:center; gap:6px; background:none; border:none; cursor:pointer; font-size:.85rem; font-weight:500; color:var(--c-ink-soft); font-family:inherit; padding:6px 0; }
.nav-dropdown-trigger:hover, .nav-dropdown-trigger.active{ color:var(--c-ink); }
.nav-dropdown-trigger svg{ transition:transform .15s ease; }
.nav-dropdown-menu{
  display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%);
  background:#fff; border:1px solid var(--c-line); border-radius:var(--radius-lg); box-shadow:var(--shadow-md);
  padding:8px; margin-top:14px; min-width:210px; z-index:20;
}
.nav-dropdown-menu a{ display:block; padding:10px 12px; border-radius:var(--radius); font-size:.88rem; white-space:nowrap; }
.nav-dropdown-menu a:hover{ background:var(--c-paper-2); }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu, .nav-dropdown.open .nav-dropdown-menu{ display:block; }
.nav-dropdown:hover .nav-dropdown-trigger svg, .nav-dropdown.open .nav-dropdown-trigger svg{ transform:rotate(180deg); }

@media (max-width: 1240px){
  .tel-link{ display:none; }
}
@media (max-width: 1024px){
  .nav-desktop{ display:none; }
  .nav-toggle{ display:block; }
  .nav-cta{ gap:10px; }
}
@media (max-width: 940px){
  /* Butonul "Solicită ofertă" din header devine redundant sub acest prag — bara CTA
     fixă de jos (telefon / WhatsApp / ofertă) preia acest rol, iar spațiul rămâne
     pentru numele companiei, fără suprapunere pe ecrane înguste. */
  .nav-cta .btn-gold{ display:none; }
}

/* ---------- Hero — fotografie reală din cariera Cobani + utilitate digitală imediată ----------
   Tipografie medie, disciplinată (nu "giant type") — scara mărimilor de bază folosită
   pentru h1/h2 e suficientă; hero-ul NU își definește propriul scale uriaș. */
.hero{
  position:relative; color:#fff; overflow:hidden;
  padding:76px 0 48px;
  display:flex; align-items:flex-end;
  background-image:
    linear-gradient(180deg, rgba(10,12,14,.62) 0%, rgba(10,12,14,.42) 30%, rgba(10,12,14,.58) 62%, rgba(10,12,14,.92) 100%),
    url("../img/cariera/hero-aerial-wide.jpg");
  background-size:cover;
  background-position:center 62%;
  background-repeat:no-repeat;
  background-color:var(--c-ink);
}
.hero .container{ position:relative; width:100%; }
.hero-copy{ position:relative; max-width:640px; }
.hero-kicker{ color:var(--c-amber); text-shadow:0 1px 8px rgba(0,0,0,.4); }
.hero h1{ color:#fff; margin:0 0 .3em; text-shadow:0 2px 16px rgba(0,0,0,.4); }
.hero .lede{ color:#EAE7E0; margin-top:0; max-width:52ch; text-shadow:0 1px 10px rgba(0,0,0,.45); }
.hero-actions{ display:flex; gap:14px; margin-top:26px; flex-wrap:wrap; }
.hero .hero-actions .btn-outline{ border-color:rgba(255,255,255,.55); color:#fff; }
.hero .hero-actions .btn-outline:hover{ border-color:#fff; background:rgba(255,255,255,.08); }
.hero-photo-credit{ position:absolute; right:28px; top:28px; font-size:.7rem; letter-spacing:.03em; color:rgba(255,255,255,.75); background:rgba(19,22,26,.5); padding:6px 12px; border-radius:20px; backdrop-filter:blur(4px); z-index:2; }
@media (max-width:640px){ .hero-photo-credit{ display:none; } }
@media (max-width:480px){
  .hero-actions{ flex-direction:column; align-items:stretch; }
  .hero-actions .btn{ width:100%; white-space:normal; text-align:center; }
}

/* ---------- Selector funcțional "Ce construiești?" — integrat direct în hero ---------- */
.hero-picker{ margin-top:38px; }
.hero-picker-label{ font-size:.86rem; font-weight:600; color:#fff; margin-bottom:12px; display:block; }
.picker-row{ display:flex; flex-wrap:wrap; gap:10px; }
.picker-chip{
  display:inline-flex; align-items:center; gap:8px; padding:11px 18px;
  background:rgba(255,255,255,.94); color:var(--c-ink); border-radius:26px; font-weight:600; font-size:.9rem;
  border:1px solid rgba(255,255,255,.94); transition:transform .15s var(--ease), background .15s var(--ease);
}
.picker-chip:hover{ background:var(--c-amber); border-color:var(--c-amber); transform:translateY(-2px); }
.picker-chip svg{ width:17px; height:17px; }
@media (max-width:900px){ .hero{ padding:64px 0 40px; background-position:center 55%; } }
@media (max-width:560px){ .picker-row{ gap:8px; } .picker-chip{ padding:10px 14px; font-size:.86rem; } }

/* ---------- Bandă "cum funcționează" — parcurs, nu decor ---------- */
.journey-strip{ border-top:1px solid var(--c-line); border-bottom:1px solid var(--c-line); }
.journey-strip .container{ display:flex; gap:0; padding-left:0; padding-right:0; }
.journey-step{ flex:1; padding:22px 20px; display:flex; align-items:center; gap:14px; border-right:1px solid var(--c-line); }
.journey-step:last-child{ border-right:none; }
.journey-step b{ font-family:var(--font-head); font-size:1.1rem; color:var(--c-amber-dark); flex-shrink:0; }
.journey-step span{ font-size:.88rem; font-weight:600; color:var(--c-ink); }
@media (max-width:820px){
  .journey-strip .container{ flex-direction:column; }
  .journey-step{ border-right:none; border-bottom:1px solid var(--c-line); }
  .journey-step:last-child{ border-bottom:none; }
}

/* ---------- Photo gallery (Cariera & Operațiuni) ---------- */
.photo-gallery{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:56px; }
.photo-gallery figure{ position:relative; margin:0; border-radius:var(--radius-md); overflow:hidden; background:var(--c-paper-2); aspect-ratio:4/3; }
.photo-gallery figure.tall{ grid-row:span 2; aspect-ratio:2/3; }
.photo-gallery img{ width:100%; height:100%; object-fit:cover; display:block; }
.photo-gallery figcaption{ position:absolute; left:0; right:0; bottom:0; padding:16px 14px 10px; font-size:.78rem; color:#fff; background:linear-gradient(180deg, transparent, rgba(10,12,14,.82)); }
@media (max-width:820px){
  .photo-gallery{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .photo-gallery figure.tall{ grid-row:span 1; aspect-ratio:4/3; }
}
@media (max-width:520px){
  .photo-gallery{ grid-template-columns:1fr; }
}

/* ---------- Cards / grids ---------- */
.grid{ display:grid; gap:28px; }
.grid-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.grid-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:900px){ .grid-3, .grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .grid-2, .grid-3, .grid-4{ grid-template-columns:1fr; } }

/* Rândul final incomplet al unui grid pe 3 coloane (1 sau 2 carduri rămase):
   cardurile păstrează exact aceeași lățime/înălțime ca în grid, dar sunt
   centrate cu spațiu orizontal generos între ele — o decizie de design,
   nu un grid neterminat. */
.grid-3-row-partial{ display:flex; justify-content:center; gap:64px; margin-top:28px; flex-wrap:wrap; }
.grid-3-row-partial > *{ flex:0 1 calc((100% - 56px)/3); min-width:260px; }
@media (max-width:900px){ .grid-3-row-partial{ gap:28px; } .grid-3-row-partial > *{ flex-basis:calc((100% - 28px)/2); } }
@media (max-width:640px){ .grid-3-row-partial > *{ flex-basis:100%; } }

.card{
  background:#fff; border:1px solid var(--c-line); border-radius:var(--radius-lg);
  padding:26px; transition:box-shadow .15s ease, transform .15s ease;
}
.card-hover:hover{ box-shadow:var(--shadow-md); transform:translateY(-2px); }
.card-icon{ width:44px; height:44px; border-radius:var(--radius); background:var(--c-amber-soft); display:flex; align-items:center; justify-content:center; margin-bottom:16px; color:var(--c-amber-dark); font-family:var(--font-head); font-weight:700; }
.icon{ display:block; flex-shrink:0; }
.tel-link .icon, .btn .icon{ color:currentColor; }
.tel-link, .btn{ }
.tel-link .icon, .mobile-sticky-cta .icon, .btn-outline .icon{ position:relative; top:-1px; }

/* ---------- Badges de disponibilitate ---------- */
.badge{ display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; padding:5px 11px; border-radius:20px; letter-spacing:.01em; }
.badge::before{ content:""; width:7px; height:7px; border-radius:50%; }
.badge-ok{ background:var(--c-ok-bg); color:var(--c-ok); }
.badge-ok::before{ background:var(--c-ok); }
.badge-warn{ background:var(--c-warn-bg); color:var(--c-amber-dark); }
.badge-warn::before{ background:var(--c-amber); }
.badge-order{ background:var(--c-order-bg); color:var(--c-order); }
.badge-order::before{ background:var(--c-order); }
.badge-off{ background:var(--c-off-bg); color:var(--c-off); }
.badge-off::before{ background:var(--c-off); }

/* ---------- Product cards — premium, "fizice", nu carduri generice ---------- */
.product-card{
  background:transparent; border:none; border-radius:2px; overflow:hidden;
  display:flex; flex-direction:column; transition:transform .3s var(--ease);
}
.product-card:hover{ transform:translateY(-4px); }
.product-card:hover .product-visual{ box-shadow:var(--shadow-lg); }
.product-card:hover .product-link svg{ transform:translateX(4px); }
.product-visual{
  position:relative; aspect-ratio:5/4; display:flex; align-items:flex-end; justify-content:flex-start;
  border-radius:2px; overflow:hidden; box-shadow:var(--shadow-sm); transition:box-shadow .3s var(--ease);
}
.product-visual::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 38%, rgba(9,10,12,.72) 100%); z-index:1; }
.product-visual::after{
  content:""; position:absolute; inset:0; mix-blend-mode:overlay; opacity:.85; z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:260px 260px;
}
.product-visual span.fraction-tag{ position:relative; z-index:2; font-family:var(--font-head); font-weight:700; font-size:clamp(1.5rem,2.4vw,2.1rem); color:#fff; padding:20px 22px; letter-spacing:-.01em; }
.product-visual .badge{ position:absolute; top:16px; right:16px; z-index:2; background:rgba(19,22,26,.55); backdrop-filter:blur(4px); color:#fff; border:1px solid rgba(255,255,255,.22); }
.product-body{ padding:20px 2px 0; display:flex; flex-direction:column; gap:6px; flex:1; }
.product-body h3{ margin:0; font-size:1.18rem; }
.product-cat{ font-size:.74rem; text-transform:uppercase; letter-spacing:.1em; color:var(--c-amber-dark); font-weight:700; }
.product-apps{ font-size:.92rem; color:var(--c-slate); margin:2px 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product-link{ display:inline-flex; align-items:center; gap:7px; font-weight:600; font-size:.94rem; color:var(--c-ink); margin-top:auto; padding-top:2px; }
.product-link svg{ transition:transform .2s var(--ease); }
/* păstrat pentru compatibilitate cu markup mai vechi (finder.js) */
.product-cta{ margin-top:auto; display:flex; gap:10px; padding-top:6px; }
.product-cta .btn{ flex:1; padding:10px 14px; font-size:.86rem; }

/* stone-texture swatches per category — gradient + zgomot fin (nu fotografii false) */
.tex-fin{ background:linear-gradient(145deg,#D3C9B6,#AE9E82); }
.tex-amestec{ background:linear-gradient(145deg,#9BA3A6,#5F6669); }
.tex-grosier{ background:linear-gradient(145deg,#767D82,#383D41); }
.tex-bruta{ background:linear-gradient(145deg,#52585C,#1C1F22); }

/* Tile-uri familii de produse (Acasă) — aceeași identitate vizuală, mai simple (fără stoc) */
.family-tile{ position:relative; aspect-ratio:16/11; border-radius:2px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; padding:22px; box-shadow:var(--shadow-sm); transition:transform .3s var(--ease), box-shadow .3s var(--ease); }
.family-tile:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.family-tile::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 30%, rgba(9,10,12,.75) 100%); }
.family-tile::after{ content:""; position:absolute; inset:0; mix-blend-mode:overlay; opacity:.85;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:260px 260px; }
.family-tile-body{ position:relative; z-index:2; color:#fff; }
.family-tile-body .fraction-tag{ display:block; font-family:var(--font-head); font-weight:700; font-size:1.5rem; margin-bottom:4px; }
.family-tile-body span.note{ display:block; font-size:.86rem; color:#E3E0D8; }
.family-tile-body .product-link{ color:#fff; margin-top:12px; font-size:.88rem; }

/* ---------- Tables ---------- */
.table-wrap{ overflow-x:auto; border:1px solid var(--c-line); border-radius:var(--radius-lg); }
table{ width:100%; border-collapse:collapse; font-size:.92rem; background:#fff; }
th,td{ text-align:left; padding:12px 16px; border-bottom:1px solid var(--c-line-soft); white-space:nowrap; }
thead th{ background:var(--c-paper-2); font-size:.74rem; text-transform:uppercase; letter-spacing:.06em; color:var(--c-slate); font-weight:700; }
tbody tr:last-child td{ border-bottom:none; }

/* ---------- Forms ---------- */
/* Câmp capcană anti-spam (honeypot) — invizibil pentru vizitatori reali (poziționat
   în afara ecranului, nu display:none, ca roboții simpli să nu-l ignore), dar completat
   automat de majoritatea roboților de spam. Dacă vine completat, rfq.js respinge silențios
   trimiterea. Nu necesită niciun serviciu extern sau cost. */
.rfq-hp{ position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; }
.field{ margin-bottom:18px; }
.field label{ display:block; font-size:.84rem; font-weight:600; margin-bottom:6px; color:var(--c-ink-soft); }
.field .hint{ font-size:.78rem; color:var(--c-slate-2); margin-top:5px; }
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=date], select, textarea{
  width:100%; padding:12px 14px; border:1px solid var(--c-line); border-radius:var(--radius); background:#fff;
  font-size:.95rem; font-family:inherit; color:var(--c-ink);
}
input:focus, select:focus, textarea:focus{ outline:none; border-color:var(--c-amber); box-shadow:0 0 0 3px var(--c-amber-soft); }
textarea{ resize:vertical; min-height:96px; }
.radio-group{ display:flex; gap:10px; flex-wrap:wrap; }
.radio-chip{ border:1px solid var(--c-line); border-radius:20px; padding:9px 16px; font-size:.87rem; font-weight:600; cursor:pointer; background:#fff; }
.radio-chip input{ display:none; }
.radio-chip.active{ background:var(--c-ink); color:#fff; border-color:var(--c-ink); }
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
@media (max-width:640px){ .form-grid{ grid-template-columns:1fr; } }

/* ---------- Stepper (Găsește piatra potrivită) ---------- */
.stepper{ display:flex; gap:8px; margin-bottom:36px; flex-wrap:wrap; }
.step-dot{ display:flex; align-items:center; gap:8px; font-size:.82rem; font-weight:600; color:var(--c-slate-2); }
.step-dot b{ width:24px; height:24px; border-radius:50%; background:var(--c-line-soft); color:var(--c-slate); display:flex; align-items:center; justify-content:center; font-size:.78rem; }
.step-dot.active b{ background:var(--c-amber); color:#fff; }
.step-dot.done b{ background:var(--c-ok); color:#fff; }

.option-card{ border:1px solid var(--c-line); border-radius:var(--radius-lg); padding:22px; cursor:pointer; background:#fff; text-align:left; transition:.15s; }
.option-card:hover{ border-color:var(--c-amber); box-shadow:var(--shadow-sm); }
.option-card.selected{ border-color:var(--c-amber); background:var(--c-amber-soft); }
.option-card h4{ margin:0 0 6px; font-family:var(--font-head); }
.option-card p{ margin:0; font-size:.86rem; }

/* ---------- Footer ---------- */
.site-footer{ background:var(--c-ink); color:#C9CBCC; padding:64px 0 28px; }
.site-footer p{ color:#B7BABC; }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; }
.footer-grid h4{ color:#fff; font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:16px; font-family:var(--font-body); font-weight:700; }
.footer-grid a{ display:block; padding:6px 0; font-size:.9rem; color:#B7BABC; }
.footer-grid a:hover{ color:#fff; }
.footer-bottom{ border-top:1px solid #33383C; margin-top:48px; padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:.8rem; color:#8B8F92; }
@media (max-width:900px){ .footer-grid{ grid-template-columns:1fr 1fr; } }

/* ---------- Sticky mobile CTA ---------- */
.mobile-sticky-cta{ display:none; }
@media (max-width:940px){
  .mobile-sticky-cta{
    display:flex; align-items:center; position:fixed; bottom:0; left:0; right:0; z-index:70;
    background:#fff; border-top:1px solid var(--c-line); box-shadow:0 -4px 20px rgba(0,0,0,.08);
    padding:10px 14px calc(10px + env(safe-area-inset-bottom)); gap:10px;
  }
  .mobile-sticky-cta .btn{ flex:1; padding:13px; }
  body{ padding-bottom:64px; }
}

/* ---------- Butoane iconiță circulare (WhatsApp / Viber / Email / telefon) ---------- */
.icon-btn{
  display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
  width:42px; height:42px; border-radius:50%; border:1px solid var(--c-line); background:#fff;
  transition:border-color .15s ease, transform .15s ease;
}
.icon-btn:hover{ border-color:var(--c-slate-2); transform:translateY(-1px); }
.icon-btn svg{ display:block; }
.icon-btn-sm{ width:34px; height:34px; }
.header-icon-btn{ display:flex; }
@media (max-width:1080px){ .header-icon-btn{ display:none; } }

.contact-channels{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0 40px; }
.contact-channels-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.contact-channel-card{ background:#fff; border:1px solid var(--c-line); border-radius:var(--radius-lg); padding:22px; text-align:center; transition:box-shadow .15s ease, transform .15s ease; }
.contact-channel-card:hover{ box-shadow:var(--shadow-md); transform:translateY(-2px); }
.contact-channel-card .icon-btn{ width:52px; height:52px; margin:0 auto 14px; pointer-events:none; }
.contact-channel-card h4{ margin-bottom:4px; }
.contact-channel-card p{ font-size:.84rem; margin-bottom:14px; }
@media (max-width:820px){ .contact-channels-4{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px){ .contact-channels{ grid-template-columns:1fr; } .contact-channels-4{ grid-template-columns:1fr 1fr; } }
@media (max-width:460px){ .contact-channels-4{ grid-template-columns:1fr; } }

.footer-social-row{ display:flex; gap:10px; margin-top:14px; }
.footer-social-row .icon-btn{ background:rgba(255,255,255,.06); border-color:#3A3F43; }

/* ---------- Contact — doar iconițe simple, fără carduri/chenare mari ---------- */
.contact-channels-plain{ display:flex; align-items:center; gap:14px; }
.contact-channels-plain .icon-btn{ width:46px; height:46px; }
.footer-social-row .icon-btn:hover{ border-color:#5A6065; }

/* ---------- Misc ---------- */
.divider{ height:1px; background:var(--c-line); margin:56px 0; }
.kicker-line{ display:flex; align-items:center; gap:18px; margin-bottom:40px; }
.kicker-line h2{ margin:0; }
.pill{ display:inline-block; padding:4px 12px; border-radius:20px; background:var(--c-line-soft); font-size:.76rem; font-weight:600; color:var(--c-slate); }
.note-box{ background:var(--c-paper-2); border:1px solid var(--c-line); border-radius:var(--radius-lg); padding:18px 20px; font-size:.87rem; color:var(--c-slate); }
.note-box strong{ color:var(--c-ink); }
.placeholder-box{ background:repeating-linear-gradient(45deg,var(--c-paper-2) 0 10px,#EDEAE0 10px 20px); border:1px dashed var(--c-line); border-radius:var(--radius-lg); padding:22px; font-size:.82rem; color:var(--c-slate); text-align:center; }
.breadcrumbs{ font-size:.82rem; color:var(--c-slate-2); margin-bottom:20px; }
.breadcrumbs a:hover{ color:var(--c-ink); }
.two-col{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:start; }
@media (max-width:900px){ .two-col{ grid-template-columns:minmax(0,1fr); gap:32px; } }
.spec-list{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 24px; }
.spec-list div{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; padding:10px 0; border-bottom:1px solid var(--c-line-soft); font-size:.9rem; }
@media (max-width:560px){ .spec-list{ grid-template-columns:minmax(0,1fr); } }
.spec-list div b{ font-weight:600; }
.tag-list{ display:flex; flex-wrap:wrap; gap:8px; }
.tag{ font-size:.78rem; padding:6px 12px; background:var(--c-paper-2); border-radius:16px; color:var(--c-ink-soft); }

.doc-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; border:1px solid var(--c-line); border-radius:var(--radius-lg); background:#fff; margin-bottom:12px; flex-wrap:wrap; }
.doc-row .doc-meta b{ display:block; font-size:.95rem; }
.doc-row .doc-meta span{ font-size:.8rem; color:var(--c-slate-2); }

.timeline{ border-left:2px solid var(--c-line); padding-left:28px; display:grid; gap:34px; }
.timeline-item{ position:relative; }
.timeline-item::before{ content:""; position:absolute; left:-34px; top:4px; width:10px; height:10px; border-radius:50%; background:var(--c-amber); }

.skip-link{ position:absolute; left:-999px; top:0; background:#fff; padding:10px 16px; z-index:100; }
.skip-link:focus{ left:12px; top:12px; }

/* ---------- Asistent rapid (chat widget) ---------- */
.asst-launcher{
  position:fixed; right:20px; bottom:20px; z-index:90;
  width:56px; height:56px; border-radius:50%; border:none; cursor:pointer;
  background:var(--c-amber); color:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow:var(--shadow-lg); transition:transform .15s ease, background .15s ease;
}
.asst-launcher:hover{ transform:translateY(-2px); background:var(--c-amber-dark); }
.asst-launcher.open{ background:var(--c-ink); }
@media (max-width:940px){ .asst-launcher{ bottom:78px; right:16px; width:50px; height:50px; } }

.asst-panel{
  position:fixed; right:20px; bottom:88px; z-index:90;
  width:360px; max-width:calc(100vw - 32px); height:min(520px, calc(100vh - 140px));
  background:#fff; border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); border:1px solid var(--c-line);
  display:none; flex-direction:column; overflow:hidden;
}
.asst-panel.open{ display:flex; }
@media (max-width:940px){ .asst-panel{ bottom:136px; right:16px; } }

.asst-head{ background:var(--c-ink); color:#fff; padding:16px 18px; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.asst-head strong{ display:block; font-family:var(--font-head); font-size:.98rem; }
.asst-head span{ display:block; font-size:.72rem; color:#B9BEC1; margin-top:2px; }
.asst-close{ background:none; border:none; color:#fff; font-size:1.4rem; line-height:1; cursor:pointer; padding:0 2px; }

.asst-body{ flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:10px; background:var(--c-paper); }
.asst-msg{ max-width:88%; font-size:.86rem; line-height:1.5; padding:10px 13px; border-radius:12px; }
.asst-msg-bot{ background:#fff; border:1px solid var(--c-line); align-self:flex-start; border-bottom-left-radius:3px; }
.asst-msg-user{ background:var(--c-ink); color:#fff; align-self:flex-end; border-bottom-right-radius:3px; }

.asst-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.asst-chip{ font-size:.78rem; padding:7px 12px; border-radius:20px; border:1px solid var(--c-line); background:#fff; cursor:pointer; transition:border-color .15s ease, background .15s ease; }
.asst-chip:hover{ border-color:var(--c-amber); background:var(--c-amber-soft); }

.asst-escalate{ display:flex; flex-wrap:wrap; gap:8px; }
.btn-sm{ padding:8px 14px; font-size:.8rem; }

.asst-input-row{ display:flex; gap:8px; padding:12px; border-top:1px solid var(--c-line); background:#fff; }
.asst-input-row input{ flex:1; border:1px solid var(--c-line); border-radius:20px; padding:9px 14px; font-size:.85rem; font-family:inherit; }
.asst-input-row input:focus{ outline:2px solid var(--c-amber); outline-offset:1px; }
.asst-input-row button{ width:38px; height:38px; border-radius:50%; border:none; background:var(--c-ink); color:#fff; cursor:pointer; font-size:1rem; flex-shrink:0; }
.asst-input-row button:hover{ background:var(--c-amber); }

/* ---------- Page banner (fotografie + overlay, folosit pe paginile interioare) ---------- */
.page-banner{
  position:relative; color:#fff; overflow:hidden;
  padding:44px 0 40px; min-height:300px;
  display:flex; align-items:flex-end;
  background-size:cover; background-position:center 55%; background-repeat:no-repeat;
  background-color:var(--c-ink);
}
.page-banner .container{ position:relative; width:100%; }
.page-banner .breadcrumbs{ color:rgba(255,255,255,.7); }
.page-banner .breadcrumbs a:hover{ color:#fff; }
.page-banner .eyebrow{ color:var(--c-amber); }
.page-banner h1{ color:#fff; text-shadow:0 2px 16px rgba(0,0,0,.35); max-width:26ch; }
.page-banner .lede{ color:#EDEDED; text-shadow:0 1px 10px rgba(0,0,0,.4); margin-top:12px; }
@media (max-width:700px){ .page-banner{ min-height:260px; padding:36px 0 30px; } }

/* ---------- Selector de limbă (RO / EN) ---------- */
.lang-switch{ display:flex; align-items:center; gap:2px; border:1px solid var(--c-line); border-radius:20px; padding:3px; flex-shrink:0; }
.lang-switch a{ font-size:.74rem; font-weight:700; letter-spacing:.02em; padding:5px 10px; border-radius:16px; color:var(--c-slate-2); }
.lang-switch a.active{ background:var(--c-ink); color:#fff; }
.lang-switch a:hover:not(.active){ color:var(--c-ink); }
@media (max-width:1200px){ .lang-switch{ display:none; } }
.lang-switch-mobile{ display:flex !important; margin:18px 0; width:fit-content; }
.lang-switch-mobile a{ font-size:.85rem; padding:8px 14px; }

/* ---------- Grupuri de catalog (Produse), pe categorie ---------- */
.catalog-group{ margin-bottom:56px; }
.catalog-group-head{ display:flex; align-items:baseline; gap:16px; margin-bottom:26px; flex-wrap:wrap; }
.catalog-group-head h2{ margin:0; font-size:1.6rem; }
.catalog-group-head p{ margin:0; color:var(--c-slate); font-size:.94rem; }

/* ---------- Titlu mare de pagină (Produse etc.) — sistemul tipografic editorial ---------- */
.page-title-block{ padding:56px 0 40px; }
.page-title-block h1{ margin-bottom:.28em; }
.page-title-block .lede{ margin-bottom:0; }

/* ---------- Bandă de credibilitate compactă (Acasă) — fapte, nu paragrafe ---------- */
.proof-strip{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px; }
.proof-strip-item{ display:flex; flex-direction:column; gap:14px; }
.proof-strip-item .card-icon{ background:rgba(169,134,63,.14); color:var(--c-amber); }
.proof-strip-item h4{ margin:0; font-size:1.05rem; color:#fff; }
.proof-strip-item p{ margin:0; font-size:.88rem; color:#B9BCBE; line-height:1.5; }
@media (max-width:900px){ .proof-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; } }
@media (max-width:560px){ .proof-strip{ grid-template-columns:1fr; } }

/* ---------- "Ce construiești?" — selector rapid de proiect (Acasă) ---------- */
.usecase-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.usecase-tile{
  display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:24px 18px;
  border:1px solid var(--c-line); border-radius:2px; background:#fff; transition:border-color .2s var(--ease), transform .2s var(--ease);
}
.usecase-tile:hover{ border-color:var(--c-amber); transform:translateY(-3px); }
.usecase-tile .card-icon{ margin-bottom:0; }
.usecase-tile span{ font-weight:600; font-size:.94rem; }
@media (max-width:980px){ .usecase-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:560px){ .usecase-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ---------- Reveal-on-scroll (micro-interacțiune subtilă) ----------
   Implicit VIZIBIL (fallback sigur: fără JS, JS blocat/eșuat, crawlere
   care nu execută scripturi). Animația se activează DOAR când clasa
   "js" e prezentă pe <html> — vezi scriptul inline blocant din <head>
   în build.py, care rulează sincron înainte de randare. */
/* Animația fade-up la scroll a fost eliminată: pe ecrane înalte / la prima
   randare, secțiunile aflate sub prima "fereastră" rămâneau opacity:0 până
   la scroll, ceea ce arăta ca un spațiu gol mare între secțiuni. Conținutul
   e acum vizibil imediat, întotdeauna. */
.reveal{ opacity:1; transform:none; }

/* ---------- Animație de intrare pentru hero (o singură dată, la încărcare) ---------- */
@keyframes heroFadeUp{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:translateY(0); } }
.hero-copy{ animation:heroFadeUp .7s var(--ease) both; }
.hero-picker{ animation:heroFadeUp .7s var(--ease) .1s both; }
@media (prefers-reduced-motion: reduce){
  .hero-copy, .hero-picker{ animation:none; }
}

/* =========================================================
   PAȘAPORT DIGITAL DE PRODUS — prototip (o singură fracție)
   ========================================================= */
.passport-badge-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:16px 0 24px; }
.passport-tools{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; border:1px solid var(--c-line); border-radius:var(--radius-lg); overflow:hidden; margin:32px 0; background:#fff; }
.passport-tool{ padding:28px; }
.passport-tool + .passport-tool{ border-left:1px solid var(--c-line); }
.passport-tool h3{ margin-top:0; }
@media (max-width:820px){ .passport-tools{ grid-template-columns:1fr; } .passport-tool + .passport-tool{ border-left:none; border-top:1px solid var(--c-line); } }

.passport-docs{ display:flex; flex-direction:column; gap:10px; margin:16px 0 8px; }

/* ---------- Estimator de livrare: "Din Cobani până la proiectul tău" ---------- */
.contact-address-card{ border:1px solid var(--c-line); border-radius:10px; background:#fff; padding:24px 26px; margin-bottom:28px; }
.contact-address-card-head{ display:flex; gap:16px; align-items:flex-start; }
.contact-address-card-head .card-icon{ margin-bottom:0; flex-shrink:0; }
.contact-address-card-head h3{ margin:0 0 4px; font-size:1.02rem; letter-spacing:.02em; }
.contact-address-card-head p{ margin:0; color:var(--c-slate); font-size:.92rem; line-height:1.5; }
.contact-address-card-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; padding-top:18px; border-top:1px solid var(--c-line-soft); }
.contact-address-card-actions .btn{ gap:8px; }

.delivery-widget{ border:1px solid var(--c-line); border-radius:var(--radius-lg); background:#fff; padding:26px 28px; }
.delivery-row{ display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.delivery-row input[type=text]{ flex:1; min-width:220px; }
.delivery-result{ margin-top:16px; padding:14px 16px; border-radius:var(--radius); background:var(--c-paper-2); font-size:.9rem; display:none; }
.delivery-result.show{ display:block; }
.delivery-result b{ font-family:var(--font-head); font-size:1.15rem; }
.delivery-result .hint{ margin:6px 0 0; }

/* ---------- Calculator de necesar — 3 pași: produs → dimensiuni → rezultat ----------
   #calc-root e randat și de sine stătător (coloană largă) ȘI încorporat, mai îngust,
   în widget-ul de pe pagina de produs (Pașaport digital) — folosim container query,
   nu doar breakpoint de viewport, ca cele 2 coloane să nu se strângă/suprapună
   când containerul real e îngust chiar pe un viewport lat. */
.btn-disabled{ opacity:.45; pointer-events:none; }
#calc-root{ container-type:inline-size; }
.calc-two-col{ display:grid; grid-template-columns:1fr; gap:24px; }
@container (min-width:640px){
  .calc-two-col{ grid-template-columns:1.1fr .9fr; gap:32px; align-items:start; }
}

.calc-steps-track{ display:flex; align-items:center; gap:12px; margin-bottom:28px; flex-wrap:wrap; }
.calc-steps-track-item{ display:flex; align-items:center; gap:9px; font-size:.82rem; font-weight:700; letter-spacing:.02em; color:var(--c-ink); }
.calc-step-num{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:var(--c-amber-soft); color:var(--c-amber-dark); font-family:var(--font-head); font-size:.78rem; font-weight:700; flex-shrink:0; }
.calc-steps-track-sep{ width:28px; height:1px; background:var(--c-line); flex-shrink:0; }
@media (max-width:640px){
  .calc-steps-track{ gap:8px; }
  .calc-steps-track-item span:last-child{ display:none; }
  .calc-steps-track-sep{ width:14px; }
}

.calc-step-card{ border:1px solid var(--c-line); border-radius:10px; background:#fff; padding:24px 26px; margin-bottom:20px; }
.calc-step-card h3{ margin:2px 0 16px; font-size:1.05rem; }
.calc-step-tag{ display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--c-amber-dark); margin-bottom:6px; }

.select-premium{ font-size:1rem; padding:13px 16px; border-radius:8px; }

.calc-selected-note{ font-size:.86rem; font-weight:600; color:var(--c-ok); margin:2px 0 0; }
.calc-error{ font-size:.86rem; font-weight:600; color:var(--c-off); background:var(--c-off-bg); border-radius:var(--radius); padding:10px 12px; margin-bottom:14px; }

.calc-result-card{ border-radius:10px; }
@container (min-width:640px){ .calc-result-card{ position:sticky; top:96px; } }
.calc-result-figures{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:4px; }
.calc-result-figure{ padding:16px 14px; border-radius:8px; background:var(--c-paper-2); text-align:center; }
.calc-result-figure span{ display:block; font-size:.76rem; color:var(--c-slate); text-transform:uppercase; letter-spacing:.04em; margin-bottom:8px; }
.calc-result-figure b{ display:block; font-family:var(--font-head); font-size:clamp(1.3rem,2.2vw,1.6rem); color:var(--c-ink); line-height:1; }
@media (max-width:480px){ .calc-result-figures{ grid-template-columns:1fr; gap:10px; } }

/* =========================================================
   TEMA ÎNTUNECATĂ / AURIE — prototip, SCOPED la .theme-dark
   Aplicată DOAR pe body-ul paginilor Acasă și Produse (per
   cerința explicită: nu se propagă încă pe tot situl).
   Reproduce direcția din mockup-ul de referință aprobat:
   antracit aproape negru, calcar cald, accent auriu metalic.
   Restul site-ului (toate celelalte pagini) rămâne neschimbat —
   aceste reguli nu există în afara .theme-dark.
   ========================================================= */
:root{
  --dark-bg:      #0C0E10;
  --dark-bg-2:    #16191C;
  --dark-panel:   #1B1F23;
  --dark-line:    #2B3034;
  --dark-line-2:  #383E43;
  --dark-text:    #F3EFE4;      /* calcar cald, nu alb pur */
  --dark-text-soft:#B8BCBE;
  --dark-text-mute:#8A8F92;
  --dark-gold:    #D9AE55;      /* auriu metalic — mai deschis decât --c-amber, pentru contrast pe fundal întunecat */
  --dark-gold-2:  #C69A3F;
  --dark-gold-soft:rgba(217,174,85,.14);
}

body.theme-dark{ background:var(--dark-bg); color:var(--dark-text); }
body.theme-dark p{ color:var(--dark-text-soft); }
body.theme-dark h1, body.theme-dark h2, body.theme-dark h3{ color:var(--dark-text); }

/* Header — sticky, semi-transparent peste hero, devine solid la scroll */
body.theme-dark .site-header{
  background:rgba(12,14,16,.72); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.theme-dark .brand{ color:var(--dark-text); }
body.theme-dark .brand small{ color:var(--dark-text-mute); }
body.theme-dark .nav-desktop a{ color:var(--dark-text-soft); }
body.theme-dark .nav-desktop a:hover, body.theme-dark .nav-desktop a.active{ color:var(--dark-text); }
body.theme-dark .nav-desktop a.active::after{ background:var(--dark-gold); }
body.theme-dark .tel-link{ color:var(--dark-text); }
body.theme-dark .btn-gold{ background:var(--dark-gold); color:#181205; }
body.theme-dark .btn-gold:hover{ background:#fff; color:#181205; }
body.theme-dark .nav-toggle span{ background:var(--dark-text); }
body.theme-dark .icon-btn-sm{ filter:none; }

/* ---------- Hero întunecat, cinematic, fotografie reală pe fundal ---------- */
.dh-hero{ position:relative; min-height:min(78vh,660px); display:flex; align-items:flex-end; overflow:hidden; }
.dh-hero-photo{ position:absolute; inset:0; z-index:0; }
.dh-hero-photo img{ width:100%; height:100%; object-fit:cover; }
.dh-hero-photo::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(9,10,12,.35) 0%, rgba(9,10,12,.35) 45%, rgba(9,10,12,.92) 100%);
}
.dh-hero-inner{ position:relative; z-index:1; padding:88px 0 56px; width:100%; }
.dh-hero-inner h1{ color:#fff; font-size:clamp(2.2rem,4vw,3.4rem); line-height:1.14; max-width:28ch; margin-bottom:.4em; }
.dh-hero-inner .lede{ color:rgba(255,255,255,.82); max-width:52ch; }
.dh-hero-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.dh-hero-microcopy{ margin:18px 0 0; font-size:.84rem; letter-spacing:.02em; color:rgba(255,255,255,.75); text-shadow:0 1px 8px rgba(0,0,0,.4); }
.dh-hero-actions .btn-outline{ border-color:rgba(255,255,255,.4); color:#fff; }
.dh-hero-actions .btn-outline:hover{ border-color:#fff; }

/* ---------- Statistici — bandă subțire sub hero, semnale de încredere deja verificate ---------- */
.dh-stats-strip{ background:var(--c-paper); padding:40px 0 0; }

/* ---------- Produsele noastre — pe Acasă, aceleași carduri ca pe Produse ---------- */
.dh-home-products{ background:var(--c-paper); padding:44px 0 32px; }
.dh-home-products-head{ max-width:60ch; margin-bottom:32px; }
.dh-home-products-head .eyebrow{ color:var(--c-amber-dark); }
.dh-home-products-head .eyebrow::before{ background:var(--c-amber); }
.dh-home-products-head h2{ color:var(--c-ink); }
.dh-home-products-head .lede{ color:var(--c-slate); margin-bottom:0; }
.dh-home-products-cta{ margin-top:32px; }

/* ---------- Blocuri editoriale — fotografie + text alternat, fără carduri/iconițe ---------- */
.dh-editorial{ background:var(--c-paper); padding:56px 0; }
/* secțiunea editorială imediat după grila de produse — tranziție compactă, nu 100px+ de alb */
.dh-home-products + .dh-editorial{ padding-top:36px; }

/* mini-flow vizual 01→02→03, discret, în coloana de text a primului bloc editorial */
.dh-flow-mini{ display:flex; align-items:center; gap:10px; margin:2px 0 26px; flex-wrap:wrap; }
.dh-flow-step{ display:flex; align-items:center; gap:8px; font-size:.8rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--c-ink); }
.dh-flow-num{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:var(--c-amber-soft); color:var(--c-amber-dark); font-family:var(--font-head); font-size:.7rem; font-weight:700; flex-shrink:0; }
.dh-flow-arrow{ color:var(--c-stone); display:flex; }
.dh-flow-arrow .icon{ width:14px; height:14px; }
@media (max-width:480px){ .dh-flow-mini{ gap:8px 6px; } .dh-flow-step{ font-size:.72rem; } }
.dh-editorial--dark{ background:var(--dark-bg); }
.dh-editorial-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.dh-editorial-grid--rev{ grid-template-columns:.95fr 1.05fr; }
.dh-editorial-grid--rev .dh-editorial-photo{ order:2; }
.dh-editorial-photo{ border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/3.3; }
.dh-editorial-photo img{ width:100%; height:100%; object-fit:cover; }
.dh-editorial h2{ font-size:clamp(1.55rem,2.6vw,2.25rem); line-height:1.16; letter-spacing:-.01em; margin-bottom:14px; }
.dh-editorial .lede{ margin-bottom:22px; }
.dh-editorial--dark .eyebrow{ color:var(--dark-gold); }
.dh-editorial--dark .eyebrow::before{ background:var(--dark-gold); }
.dh-editorial--dark h2{ color:#fff; }
.dh-editorial--dark .lede{ color:var(--dark-text-soft); }
@media (max-width:900px){
  .dh-editorial{ padding:52px 0; }
  .dh-editorial-grid, .dh-editorial-grid--rev{ grid-template-columns:1fr; }
  .dh-editorial-grid--rev .dh-editorial-photo{ order:-1; }
  .dh-editorial-photo{ aspect-ratio:16/9; }
}

/* ---------- Break editorial — statement pe fotografie panoramică, fără carduri ---------- */
.dh-break{ position:relative; min-height:min(56vh,460px); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.dh-break-photo{ position:absolute; inset:0; z-index:0; }
.dh-break-photo img{ width:100%; height:100%; object-fit:cover; }
.dh-break-photo::after{ content:""; position:absolute; inset:0; background:rgba(7,8,9,.56); }
.dh-break-inner{ position:relative; z-index:1; text-align:center; padding:64px 0; }
.dh-break-inner h2{ color:#fff; font-size:clamp(1.7rem,3.4vw,2.8rem); line-height:1.18; letter-spacing:-.01em; margin-bottom:14px; }
.dh-break-lede{ color:rgba(255,255,255,.82); font-size:1.02rem; line-height:1.5; max-width:56ch; margin:0 auto 22px; }
.dh-break-tag{ display:inline-block; font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.7); }

/* ---------- "De ce Cariera Cobani" — editorial, deschis, cu fotografie asimetrică ---------- */
.dh-why{ background:var(--c-paper); padding:64px 0; }
.dh-why-top{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; margin-bottom:48px; }
body.theme-dark .dh-why-top h2{ color:var(--c-ink); }
body.theme-dark .dh-why-top .lede{ color:var(--c-slate); }
body.theme-dark .dh-why-top p{ color:var(--c-slate); }
.dh-why-top .lede{ margin-bottom:14px; }
.dh-why-top > div:first-child > p:not(.lede){ font-size:.95rem; margin-bottom:22px; max-width:48ch; }
.dh-why-photo{ border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/3.4; }
.dh-why-photo img{ width:100%; height:100%; object-fit:cover; }
@media (max-width:900px){
  .dh-why-top{ grid-template-columns:1fr; }
  .dh-why-photo{ order:-1; aspect-ratio:16/9; }
}

/* ---------- Statistici — 4 carduri egale, premium industrial (nu bandă de cifre goale) ---------- */
.dh-stats-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.dh-stat-card{
  background:var(--c-white); border:1px solid var(--c-line); border-radius:10px;
  padding:24px 22px; transition:border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);
}
.dh-stat-card:hover{ border-color:var(--c-amber); transform:translateY(-3px); box-shadow:var(--shadow-sm); }
.dh-stat-card .card-icon{ width:40px; height:40px; margin-bottom:16px; }
.dh-stat-card b{ display:block; font-family:var(--font-head); font-size:clamp(1.7rem,2.4vw,2.2rem); color:var(--c-ink); line-height:1; margin-bottom:6px; }
.dh-stat-card span{ font-size:.84rem; color:var(--c-slate); line-height:1.4; }
@media (max-width:640px){
  .dh-stats-grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .dh-stat-card{ padding:20px 16px; }
}

/* ---------- Calitate & Certificare — teaser scurt, fără listă de bife ---------- */
.dh-quality{ background:var(--dark-bg-2); padding:56px 0; border-top:1px solid var(--dark-line); border-bottom:1px solid var(--dark-line); }
.dh-quality .container{ max-width:64ch; }
.dh-quality .eyebrow{ color:var(--dark-gold); }
.dh-quality .eyebrow::before{ background:var(--dark-gold); }
.dh-quality h2{ color:#fff; }
.dh-quality .lede{ color:var(--dark-text-soft); }
.dh-quality .btn-outline{ border-color:rgba(255,255,255,.35); color:#fff; }
.dh-quality .btn-outline:hover{ border-color:var(--dark-gold); color:var(--dark-gold); }

/* ---------- Proces — linie editorială, fără carduri ---------- */
.dh-process{ background:var(--dark-bg); padding:56px 0; }
.dh-process-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:center; }
.dh-process-photo{ border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/3.6; }
.dh-process-photo img{ width:100%; height:100%; object-fit:cover; }
.dh-process .eyebrow{ color:var(--dark-gold); }
.dh-process .eyebrow::before{ background:var(--dark-gold); }
.dh-process h2{ color:#fff; margin-bottom:28px; }
.dh-process-steps{ list-style:none; margin:0; padding:0; }
.dh-process-steps li{ display:flex; gap:18px; padding:16px 0; border-top:1px solid var(--dark-line); }
.dh-process-steps li:last-child{ padding-bottom:0; }
.dh-process-steps b{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.82rem; color:var(--dark-gold); flex-shrink:0; padding-top:2px; }
.dh-process-steps h4{ color:#fff; font-size:1rem; margin:0 0 4px; }
.dh-process-steps p{ color:var(--dark-text-mute); font-size:.88rem; margin:0; line-height:1.5; }
@media (max-width:900px){ .dh-process-grid{ grid-template-columns:1fr; } .dh-process-photo{ aspect-ratio:16/9; } }

/* ---------- Disponibilitate / Comandă — secțiune comercială simplă ---------- */
.dh-order{ background:var(--dark-bg-2); padding:60px 0; text-align:center; border-top:1px solid var(--dark-line); }
.dh-order h2{ color:#fff; margin-bottom:10px; }
.dh-order .lede{ color:var(--dark-text-soft); max-width:52ch; margin-left:auto; margin-right:auto; }
.dh-order-actions{ display:flex; align-items:center; justify-content:center; gap:24px; flex-wrap:wrap; margin-top:26px; }
.dh-order-phone{ display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:700; font-size:1.15rem; font-family:var(--font-head); }
.dh-order-phone .icon{ color:var(--dark-gold); }
.dh-order-phone:hover{ color:var(--dark-gold); }

/* ---------- CTA final — fotografie full-bleed, mare, fără spațiu gol la capătul paginii ---------- */
.dh-close{ position:relative; min-height:min(52vh,440px); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.dh-close-photo{ position:absolute; inset:0; z-index:0; }
.dh-close-photo img{ width:100%; height:100%; object-fit:cover; }
.dh-close-photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,8,9,.5) 0%, rgba(7,8,9,.72) 100%); }
.dh-close-inner{ position:relative; z-index:1; text-align:center; padding:64px 0; }
.dh-close-inner h2{ color:#fff; font-size:clamp(1.8rem,3.6vw,3rem); line-height:1.16; letter-spacing:-.01em; margin-bottom:14px; }
.dh-close-lede{ color:rgba(255,255,255,.82); max-width:52ch; margin:0 auto 26px; }
.dh-close-actions{ display:flex; align-items:center; justify-content:center; gap:24px; flex-wrap:wrap; }
.dh-close-actions--contact{ margin-top:20px; }
.dh-close-phone{ display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:700; font-size:1rem; }
.dh-close-phone .icon{ color:var(--dark-gold); }
.dh-close-phone:hover{ color:var(--dark-gold); }

/* ---------- Produse — pagină luminoasă, grilă foto (carduri cu propriul overlay întunecat) ---------- */
.dh-products-head{ background:var(--c-paper); padding:44px 0 28px; border-bottom:1px solid var(--c-line); }
.dh-products-head .breadcrumbs{ color:var(--c-slate-2); margin-bottom:16px; }
.dh-products-head .breadcrumbs a{ color:var(--c-slate); }
.dh-products-head h1{ color:var(--c-ink); }
.dh-products-head .lede{ color:var(--c-slate); }
.dh-products-section{ background:var(--c-paper); padding:36px 0 56px; }

.dh-pcard{
  position:relative; display:block; border-radius:var(--radius-lg); overflow:hidden;
  aspect-ratio:4/3.1; border:1px solid var(--c-line); background:var(--dark-panel);
  box-shadow:0 1px 3px rgba(19,22,26,.08);
}
.dh-pcard img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease); }
.dh-pcard:hover img{ transform:scale(1.045); }
.dh-pcard-tex{ width:100%; height:100%; }
.dh-pcard-badge{ position:absolute; top:14px; right:14px; z-index:2; }
.dh-pcard-foot{
  position:absolute; left:0; right:0; bottom:0; z-index:1; padding:20px 20px 16px;
  /* gradient progresiv — luminos sus (fotografia rămâne naturală), suficient de închis
     pe toată zona textului (inclusiv eticheta de sus) pentru lizibilitate garantată și
     pe piatra foarte deschisă (ex. agregat fin 0-6mm) */
  background:linear-gradient(180deg, rgba(5,6,7,0) 0%, rgba(5,6,7,.22) 22%, rgba(5,6,7,.62) 58%, rgba(5,6,7,.92) 100%);
}
.dh-pcard-foot .cat{ display:block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--dark-gold); margin-bottom:5px; text-shadow:0 1px 5px rgba(0,0,0,.85); }
.dh-pcard-foot h3{ color:#fff; margin:0 0 3px; font-size:1.4rem; font-weight:700; text-shadow:0 2px 8px rgba(0,0,0,.85); }
.dh-pcard-foot .app{ color:#E7E4DC; font-size:.85rem; margin:0 0 8px; text-shadow:0 1px 5px rgba(0,0,0,.8); }
.dh-pcard-foot .go{
  display:inline-flex; align-items:center; gap:5px; font-size:.78rem; font-weight:700;
  color:var(--dark-gold); text-shadow:0 1px 4px rgba(0,0,0,.7);
}
.dh-pcard-foot .go .icon{ transition:transform .2s var(--ease); }
.dh-pcard:hover .dh-pcard-foot .go .icon{ transform:translateX(3px); }

.dh-pcard-overlay{
  position:absolute; inset:0; z-index:3; background:rgba(10,11,13,.94);
  padding:22px; display:flex; flex-direction:column; justify-content:center; gap:10px;
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .22s var(--ease), transform .22s var(--ease), visibility 0s linear .22s;
}
.dh-pcard:hover .dh-pcard-overlay, .dh-pcard:focus-within .dh-pcard-overlay, .dh-pcard.is-open .dh-pcard-overlay{
  opacity:1; visibility:visible; transform:translateY(0); transition:opacity .22s var(--ease), transform .22s var(--ease), visibility 0s;
}
.dh-pcard-overlay .frac{ font-family:var(--font-head); font-size:1.4rem; color:#fff; margin-bottom:2px; }
.dh-pcard-overlay .name{ font-size:.86rem; color:var(--dark-text-soft); margin-bottom:6px; }
.dh-pcard-overlay .apps{ display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 8px; }
.dh-pcard-overlay .apps span{ font-size:.72rem; padding:4px 9px; border:1px solid var(--dark-line-2); border-radius:20px; color:var(--dark-text-mute); }
.dh-pcard-overlay .std{ font-size:.74rem; color:var(--dark-text-mute); margin-bottom:10px; }
.dh-pcard-overlay .go{ display:inline-flex; align-items:center; gap:6px; font-size:.84rem; font-weight:700; color:var(--dark-gold); }
.dh-pcard-info-btn{
  position:absolute; bottom:14px; right:14px; z-index:2; width:34px; height:34px; border-radius:50%;
  background:rgba(12,14,16,.55); border:1px solid rgba(255,255,255,.25); color:#fff;
  display:none; align-items:center; justify-content:center; cursor:pointer;
}
@media (hover:none){ .dh-pcard-info-btn{ display:flex; } } /* touch: buton explicit, în plus față de hover */

.dh-badge{ display:inline-flex; align-items:center; gap:6px; font-size:.72rem; font-weight:700; padding:6px 11px; border-radius:20px; text-transform:uppercase; letter-spacing:.04em; backdrop-filter:blur(6px); }
.dh-badge::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.dh-badge.ok{ background:rgba(47,125,90,.22); color:#5FCE9B; }
.dh-badge.warn{ background:rgba(217,174,85,.22); color:var(--dark-gold); }
.dh-badge.order{ background:rgba(255,255,255,.12); color:#D7DADC; }
.dh-badge.off{ background:rgba(178,58,52,.22); color:#F0847D; }

.dh-filters{ display:flex; gap:10px; flex-wrap:wrap; margin:28px 0 8px; }
.dh-filter-chip{
  padding:10px 18px; border-radius:20px; border:1px solid var(--c-line); background:transparent;
  color:var(--c-slate); font-size:.86rem; font-weight:600; cursor:pointer; transition:all .2s var(--ease);
}
.dh-filter-chip:hover{ border-color:var(--c-amber); color:var(--c-ink); }
.dh-filter-chip.active{ background:var(--c-amber); border-color:var(--c-amber); color:var(--c-ink); }

/* ---------- CTA final de vânzare — sub grila de produse (temă întunecată) ---------- */
.dh-final-cta{
  background:var(--dark-bg-2); border-top:1px solid var(--dark-line);
  padding:52px 0; display:block;
}
.dh-final-cta .container{ display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }
.dh-final-cta h2{ color:#fff; margin-bottom:.3em; }
.dh-final-cta .lede{ color:var(--dark-text-soft); margin-bottom:0; max-width:52ch; }
.dh-final-cta-actions{ display:flex; gap:14px; flex-wrap:wrap; flex-shrink:0; }
.dh-final-cta-actions .btn-outline{ border-color:rgba(255,255,255,.35); color:#fff; }
.dh-final-cta-actions .btn-outline:hover{ border-color:var(--dark-gold); color:var(--dark-gold); }
@media (max-width:700px){
  .dh-final-cta-actions{ flex-shrink:1; width:100%; flex-direction:column; }
  .dh-final-cta-actions .btn{ width:100%; text-align:center; }
}

body.theme-dark .site-footer{ border-top:1px solid var(--dark-line); }
.delivery-status{ font-size:.86rem; color:var(--c-slate-2); margin-top:10px; min-height:1.2em; }

/* ---------- Listă editorială numerotată — Cariera & Operațiuni (fără pătrățele cu iconițe) ---------- */
.ops-steps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0 40px; }
.ops-steps li{ display:flex; gap:16px; padding:18px 0; border-top:1px solid var(--c-line); }
.ops-steps b{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.82rem; color:var(--c-amber-dark); flex-shrink:0; padding-top:2px; }
.ops-steps h4{ margin:0 0 4px; font-size:1rem; }
.ops-steps p{ margin:0; font-size:.9rem; color:var(--c-slate); line-height:1.5; }
@media (max-width:720px){ .ops-steps{ grid-template-columns:1fr; } }

/* ---------- Fapte editoriale — Companie (fără pătrățele cu iconițe) ---------- */
.ed-facts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid var(--c-line); padding-top:28px; }
.ed-fact{ padding:0 24px; border-left:1px solid var(--c-line); }
.ed-fact:first-child{ border-left:none; padding-left:0; }
.ed-fact b{ display:block; font-family:var(--font-head); font-size:1.05rem; color:var(--c-ink); margin-bottom:8px; }
.ed-fact p{ margin:0; font-size:.9rem; color:var(--c-slate); line-height:1.5; }
@media (max-width:720px){ .ed-facts{ grid-template-columns:1fr; gap:20px; } .ed-fact{ border-left:none; padding-left:0; } }