:root{ --navH:82px;
           --kv-accent: #f59e0b;            
           --kv-accent-ink: #111827; 
           --tstX-bg:#ffffff;
           --tst-radius: 16px;
           --tst-ink: #0f172a;
           --tst-sub: #6b7280;
           --tst-star: #f59e0b;
           --tst-rail: #f59e0b;

  /* card/base colors */
           --tst-card-bg: #ffffff;
           --tst-card-grad-1: #ffffff;
           --tst-card-grad-2: #fbfbfd;

  /* borders & shadows */
           --tst-border: rgba(15,23,42,.08);
           --tst-border-2: rgba(255,255,255,.6);
           --tst-shadow: 0 12px 30px rgba(2,6,23,.08), 0 40px 80px rgba(2,6,23,.06);
           --tst-shadow-hover: 0 16px 36px rgba(2,6,23,.12), 0 80px 160px rgba(2,6,23,.10); 
           --faq-bg: #fff7f0;          
           --faq-ink: #0f172a;         
           --faq-sub: #667085;         
           --faq-card: #ffffff;
           --faq-border: #e5e7eb;
           --faq-ring: #f5ab2a;        
           --faq-shadow: 0 10px 30px rgba(2,6,23,.08), 0 60px 120px rgba(2,6,23,.05);
  
    body{  background:#f8fafc; }

   /* ===================== HERO + CAROUSEL (fix) ===================== */
.hero{
  position: relative;
  isolation: isolate;              /* creează un stacking context sigur */
  padding: 7.5rem 0;
  min-height: 72vh;
  display: grid; place-items: center;
  color: #fff;
  padding-top: var(--navH);
  text-align: left;
  overflow: hidden;
  background: #0b1220;             /* fallback dacă pozele nu se încarcă */
}

/* gradient top peste imagini, sub conținut */
.hero::before{
  content:"";
  position:absolute; inset:0 0 auto 0; height:160px;
  background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,0));
  pointer-events:none; 
  z-index: 1;                       /* sub conținut, peste imagini */
}

/* ===== Fundal: carusel cross-fade ===== */
.hero-bg{
  position:absolute; inset:0; 
  z-index: 0;                       /* în spate */
  filter: none;
  pointer-events: none;             /* nu “captează” click-uri */
}
.hero-bg img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  opacity:0; 
  transition: opacity .8s ease;
  animation: heroFade 18s infinite;
  filter: brightness(.82) saturate(106%); /* text mai lizibil */
}
/* asigură că prima poză e vizibilă imediat */
.hero-bg img:first-child{ opacity:1; }
.hero-bg img.active{ opacity:1; animation: none; }

/* 3 imagini, 3 faze */
.hero-bg img:nth-child(1){ animation-delay: 0s; }
.hero-bg img:nth-child(2){ animation-delay: 6s; }
.hero-bg img:nth-child(3){ animation-delay: 12s; }

@keyframes heroFade{
  0%   { opacity:0; }
  4%   { opacity:1; }
  30%  { opacity:1; }
  34%  { opacity:0; }
  100% { opacity:0; }
}

/* strat soft de glow (opțional) */
.hero::after{
  content:""; position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(1000px 420px at 50% 0, rgba(0,0,0,.20), transparent 55%),
    radial-gradient(800px 320px at 50% 100%, rgba(0,0,0,.14), transparent 60%);
  pointer-events:none;
}

/* ===== Conținutul rămâne deasupra tuturor ===== */
.hero .container{ 
  position: relative; 
  z-index: 3;                       /* peste ::before și imagini */
}

/* ===== Eyebrow / Title / Sub — neschimbate ===== */
.eyebrow{
  display:inline-flex; align-items:center;
  padding:.35rem .6rem; border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.25);
  font-weight:600; font-size:.9rem;
}
.hero-title{
  font-weight:800; letter-spacing:.2px; line-height:1.04;
  font-size:clamp(1.9rem, 1.2rem + 2.4vw, 3.6rem);
  text-shadow:0 2px 16px rgba(0,0,0,.25);
  margin-bottom:.25rem;
}
.hero-sub{
  font-size:clamp(1rem, .6vw + .85rem, 1.15rem);
  color:#e2e8f0; max-width:52ch;
}
.chip{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.42rem .7rem; border-radius:999px; font-weight:600;
  background:rgba(15,23,42,.45);
  border:1px solid rgba(255,255,255,.2);
  color:#f8fafc;
}

/* ================== SEARCH (slim, round, premium) ================== */
.hero .glass-search{
  --bg: rgba(255,255,255,.14);
  --border: rgba(255,255,255,.40);
  --shadow: rgba(2,6,23,.26);
  --ring: rgba(245,171,42,.65);
  --sep: rgba(255,255,255,.24);
  display:grid; grid-template-columns: 1fr auto; gap:8px; align-items:center;
  padding:6px; border-radius:28px;
  background:var(--bg);
  border:1px solid var(--border);
  box-shadow: 0 18px 38px -12px var(--shadow), inset 0 1px 0 rgba(255,255,255,.45);
  backdrop-filter: blur(12px) saturate(140%); 
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
.hero .glass-search:hover{
  border-color: rgba(255,255,255,.55);
  box-shadow: 0 22px 48px -12px rgba(2,6,23,.32), inset 0 1px 0 rgba(255,255,255,.55);
}
.hero .glass-search:focus-within{
  box-shadow:
    0 24px 52px -12px rgba(2,6,23,.36),
    0 0 0 3px color-mix(in oklab, var(--ring) 55%, transparent) inset,
    inset 0 1px 0 rgba(255,255,255,.6);
}
.hero .gs-field{
  display:flex; align-items:center; gap:.55rem;
  height:46px; padding:0 14px; border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.28);
  position:relative;
}
.hero .gs-field::after{
  content:""; position:absolute; right:-5px; top:8px; bottom:8px; width:1px;
  background:var(--sep); border-radius:1px;
}
.hero .gs-field i{
  width:26px; height:26px; display:grid; place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28);
  font-size:.95rem; color:#fff;
}
.hero .gs-input{
  width:100%; background:transparent; border:0; outline:0; color:#fff;
  font-size:1rem; font-weight:600; letter-spacing:.02em;
}
.hero .gs-input::placeholder{ color:rgba(255,255,255,.92); font-weight:600; }
.hero .btn-cta{
  position:relative; isolation:isolate;
  height:46px; padding:0 22px; border-radius:26px;
  border:1px solid rgba(255,255,255,.5);
  color:#111827; font-weight:900; letter-spacing:.2px;
  background:
    radial-gradient(80% 140% at 50% -60%, rgba(255,255,255,.45), transparent 60%),
    linear-gradient(180deg, #f7bc3e, #e49f16 60%, #d68b0c);
  box-shadow:0 12px 22px rgba(226,159,18,.28), 0 2px 0 rgba(255,255,255,.35) inset;
  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
}
.hero .btn-cta::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.35) 45%, transparent 60%);
  transform: translateX(-120%); transition: transform .6s ease;
  mix-blend-mode: screen; opacity:.7;
}
.hero .btn-cta:hover{ transform:translateY(-1px); filter:brightness(1.03);
  box-shadow:0 16px 30px rgba(226,159,18,.36), 0 2px 0 rgba(255,255,255,.45) inset; }
.hero .btn-cta:hover::after{ transform: translateX(0); }
.hero .btn-cta:active{ transform: translateY(0); }
.hero .btn-cta:focus-visible{ outline:3px solid rgba(245,171,42,.55); outline-offset:2px; }

@media (max-width: 991.98px){
  .hero .glass-search{ grid-template-columns:1fr; gap:6px; padding:6px; border-radius:24px; }
  .hero .gs-field{ height:44px; }
  .hero .btn-cta{ height:44px; width:100%; }
  .hero .gs-field::after{ display:none; }
}

/* ===== Benefits (delicate) ===== */
.benefits{
  margin-top:16px;
  display:flex; justify-content:center; gap:28px;
  width:100%; max-width:640px;
  margin-left:auto; margin-right:auto;
}
.benefit{
  display:inline-flex; align-items:center; gap:.4rem;
  font-size:.95rem; font-weight:500; color:#f8fafc; letter-spacing:.2px;
  transition: color .2s ease, transform .2s ease;
}
.benefit .ico{
  width:22px; height:22px; border-radius:50%;
  display:grid; place-items:center; font-size:.8rem; color:#f8fafc;
  border:1.5px solid rgba(255,255,255,.5); background:transparent;
  transition:all .2s ease;
}
.benefit:hover{ color:#f5ab2a; transform:translateY(-1px); }
.benefit:hover .ico{ border-color:#f5ab2a; color:#f5ab2a; }

/* pe nav solid (scroll) */
#topNav.navbar-solid ~ section.hero .benefit{ color:#1f2937; }
#topNav.navbar-solid ~ section.hero .benefit .ico{ border-color:rgba(31,41,55,.5); color:#1f2937; }
#topNav.navbar-solid ~ section.hero .benefit:hover{ color:#d97706; }
#topNav.navbar-solid ~ section.hero .benefit:hover .ico{ border-color:#d97706; color:#d97706; }

/* ===== REVEAL (smooth) ===== */
.reveal{ 
  opacity:0; transform:translateY(12px) scale(.98);
  animation: heroIn .7s cubic-bezier(.2,.7,.2,1) forwards;
}
.reveal.d1{ animation-delay:.06s; }
.reveal.d2{ animation-delay:.16s; }
.reveal.d3{ animation-delay:.26s; }
.reveal.d4{ animation-delay:.36s; }
@keyframes heroIn{ to{ opacity:1; transform:translateY(0) scale(1); } }

/* Respectă preferința utilizatorilor */
@media (prefers-reduced-motion: reduce){
  .hero-bg img{ animation:none !important; transition:none !important; }
  .reveal{ opacity:1 !important; transform:none !important; animation:none !important; }
}
/* ===== FIX vizibilitate HERO (paste la finalul CSS) ===== */

/* 1) Stivuire clară: fundalul sub tot, conținutul deasupra */
.hero { position: relative; }
.hero .container { position: relative; z-index: 10; }   /* conținutul */
.hero-bg { position:absolute; inset:0; z-index:-2; }    /* imagini fundal sub tot */
.hero::before,
.hero::after { z-index:-1; }                            /* gradient & glow sub conținut */

/* 2) Fallback anti-"reveal blocat": arată conținutul chiar dacă animația nu rulează */
.hero .reveal { opacity: 1 !important; transform: none !important; animation: none !important; }

/* 3) Asigură contrastul textului (în caz de alte override-uri) */
.hero, .hero .hero-title, .hero .hero-sub, .hero .chip, .hero .eyebrow { color:#fff !important; }
.hero .gs-input::placeholder { color: rgba(255,255,255,.92) !important; }



    /* -------------------- NAVBAR -------------------- */
    #topNav{
      position:fixed; top:0; left:0; right:0; height:var(--navH);
      background:transparent; box-shadow:none; z-index:1030;
      transition:background .25s ease, box-shadow .25s ease, color .25s ease;
      backdrop-filter:none;
    }
    .nav-grid.container{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; height:100%; }
    .nav-center{ justify-self:center; }
    .nav-right{ justify-self:end; }

    #topNav.navbar-transparent .navbar-brand,
    #topNav.navbar-transparent .nav-link,
    #topNav.navbar-transparent .btn-link{ color:#fff !important; opacity:.96; }
    #topNav.navbar-transparent .navbar-toggler{ filter:invert(1); }

    #topNav.navbar-solid{
      background:#fff !important; box-shadow:0 10px 30px rgba(16,24,40,.08);
    }
    #topNav.navbar-solid .navbar-brand,
    #topNav.navbar-solid .nav-link,
    #topNav.navbar-solid .btn-link{ color:#0f172a !important; opacity:.9; }

    #topNav:hover{ background:#fff; box-shadow:0 10px 30px rgba(16,24,40,.08); }
    #topNav:hover .navbar-brand, #topNav:hover .nav-link, #topNav:hover .btn-link{ color:#0f172a !important; }

    .navbar-brand{ font-weight:800; letter-spacing:.2px; font-size:1.45rem; }
    .nav-link{ font-weight:700;font-size:1.05rem; }
    .nav-item .dropdown-toggle::after{ display:none }
    /* ===== NAVBAR LOGO ===== */
.nav-logo {
  height: 34px;
  width: auto;
  transition: opacity 0.3s ease, filter 0.3s ease;
}

/* Logo alb (pe fundal transparent) */
#topNav.navbar-transparent .nav-logo {
  content: url("../img/vp_logo_light.png");
  filter: brightness(1);
}

/* Logo negru (după scroll sau hover) */
#topNav.navbar-solid .nav-logo,
#topNav:hover .nav-logo {
  content: url("../img/vp_logo_dark.png");
  filter: brightness(0.95);
}
/* ===== NAVBAR LOGO DIMENSIONS ===== */
.nav-logo {
  height: 50px;         /* mic și echilibrat — poți ajusta între 36–48px */
  width: auto;
  max-height: 52px;     /* previne să se extindă prea mult */
  object-fit: contain;
  transition: all 0.3s ease;
}

    

    /* ===== MEGA MENU bandă crem, full-width, colțuri jos ===== */
.dropdown-mega{ position:static; }
.dropdown-menu.mega{
  width:100% !important;
  left:0 !important; right:0 !important; top:100% !important;
  margin-top:0 !important; padding:24px 0 !important;
  background:#DEE3E3 !important;
  border:0 !important; 
  box-shadow:none !important;
  opacity:0;  transform:none;
  transition:opacity .18s ease, visibility .18s ease;
}
/* anulează transformările Popper */
.dropdown-menu.mega[data-bs-popper]{
  left:0 !important; right:0 !important; top:100% !important; transform:none !important;
}

/* arată mega-ul la hover pe desktop */
@media (min-width: 992px){
  .dropdown-hover:hover > .dropdown-menu.mega{ opacity:1; visibility:visible; }
  .dropdown-menu.mega .col-lg-8 .col-md-4{ padding-inline:18px; }
  .dropdown-menu.mega .col-lg-7{ padding-right:18px; }
  .dropdown-menu.mega .col-lg-5{ padding-left:18px; }
}

    .mega-title{ font-size:1.05rem; color:#0f172a; font-weight:800; margin-bottom:.75rem; }
    .mega-note{ color:#6b7280; }
    .mega-link{ display:flex; align-items:center; gap:.6rem; padding:.45rem 0; color:#0f172a; text-decoration:none; font-weight:700; }
    .mega-link i{ font-size:1.1rem; color:#64748b; }
    .mega-link .sub{ font-weight:600; color:#64748b; margin-left:.25rem; }
    .promo{ display:flex; gap:1rem; align-items:center; background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:1rem; height:100%; }
    .promo img{ width:120px; height:90px; object-fit:cover; border-radius:10px; }
    .promo h6{ margin:0 0 .25rem; font-weight:800; }
    .promo p{ margin:0; color:#6b7280; }
    
    
/* ====== Card mare din stânga ====== */
/* Opportunities */
.opp-left-card{
  display:flex; align-items:center; gap:24px;
  background:transparent; border:1px solid transparent;
  padding:24px 28px;          /* padding fix (același și pe hover) */
  
  box-shadow:none;
  transition:transform .25s, box-shadow .25s, background .25s, border-color .25s;
}
.opp-left-card .opp-img{
  flex:0 0 auto;
  width:220px; aspect-ratio: 4 / 3;  /* stabil, în loc de height fix */
  
  object-fit:cover;
  transition:transform .25s;
}
.opp-left-card h5{
  margin:0 0 .4rem; font-weight:800; color:#0f172a; font-size:1.35rem;
}
.opp-left-card p{
  margin:0; color:#6b7280; font-size:1rem; line-height:1.55;
}
.opp-left-card:hover{
  background:#fff;
  border-color:#e5e7eb;
  box-shadow:0 12px 20px rgba(2,6,23,.08), 0 34px 80px rgba(2,6,23,.16);
  transform:translateY(-4px);
}
.opp-left-card:hover .opp-img{ transform:scale(1.04); }

/* ====== Carduri mici ====== */
.opp-mini-card{
  display:flex; align-items:center; gap:14px;
  background:transparent; border:1px solid transparent;
  padding:16px 18px;        /* padding fix */
  
  transition:transform .25s, box-shadow .25s, background .25s, border-color .25s;
}
.opp-mini-card img{
  flex:0 0 auto;
  width:88px; aspect-ratio: 4 / 3;   /* stabil */
  
  object-fit:cover;
  transition:transform .25s;
}
.opp-mini-card h6{
  margin:0 0 .2rem; font-weight:700; font-size:1.05rem; color:#0f172a;
}
.opp-mini-card p{
  margin:0; color:#6b7280; font-size:.95rem; line-height:1.45;
}
.opp-mini-card:hover{
  background:#fff;
  border-color:#e5e7eb;
  box-shadow:0 10px 18px rgba(2,6,23,.08), 0 28px 70px rgba(2,6,23,.14);
  transform:translateY(-3px);
}
.opp-mini-card:hover img{ transform:scale(1.04); }

/* ====== Titlu secțiune ====== */
.mega-section-title{
  font-size:.85rem; font-weight:700; color:#94a3b8;
  text-transform:uppercase; letter-spacing:.05em;
  margin-bottom:1rem;
}

/* ===== Buy mega: 3 columns look, icons & spacing ===== */
/* ===== Coloane din stânga (tipografie + icon chips) ===== */
.mega-heading{
  font-size:1.15rem; font-weight:800; color:#0f172a; margin-bottom:1rem;font-family: var(--font-sans);
}
.mega-item{
  display:flex; align-items:center; gap:.7rem;
  padding:.35rem .45rem;
  color:#0f172a; text-decoration:none; font-weight:600;   /* titlul mai greu */
  border-radius:12px;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
  font-family: var(--font-sans);
}
.mega-item i{
  width:36px; height:36px; display:inline-grid; place-items:center;
  border-radius:10px; background:#e9eef5; color:#2f3a4a; font-size:1.1rem;
}
.mega-item .sub{ margin-left:.3rem; font-weight:600; color:#8a97ad; } /* "en venta" / "for sale" */
.mega-item:hover{
  background:#fff; transform:translateX(2px);
  box-shadow:0 10px 22px rgba(2,6,23,.05);
}
/* spațiere egală între cele 3 coloane pe desktop */
@media (min-width: 992px){
  .dropdown-menu.mega .col-lg-8 .col-md-4{ padding-inline:18px; }
}

/* ===== Buy mega: big promo cards on the right ===== */
/* Buy */
.mega-heading{ font-size:1.15rem; font-weight:800; color:#0f172a; margin-bottom:1rem; }
.mega-item{ display:flex; align-items:center; gap:.7rem; padding:.35rem .45rem; color:#0f172a; text-decoration:none; font-weight:800; border-radius:0px; transition:background .18s, transform .18s, box-shadow .18s; }
.mega-item i{ width:36px; height:36px; display:inline-grid; place-items:center; border-radius:10px; background:#eef2f6; color:#334155; font-size:1.1rem; }
.mega-item .sub{ margin-left:.3rem; font-weight:600; color:#8a97ad; }
.mega-item:hover{ background:#fff; transform:translateX(2px); box-shadow:0 10px 22px rgba(2,6,23,.05); }

/* Buy – promo cards */
.promo-card-lg{ display:flex; align-items:center; gap:20px; background:transparent; border:0; box-shadow:none; padding:0;  transition:all .25s; }
.pc-img-wrap{ flex:0 0 auto; width:100px; height:80px; border-radius:10px; overflow:hidden; }
.promo-card-lg img{ width:100%; height:100%; object-fit:cover; transition:transform .22s; }
.pc-title{ margin:0 0 .25rem; font-weight:800; color:#0f172a; font-size:1.25rem; }
.pc-text{ margin:0; color:#6b7280; line-height:1.55; font-size:1rem; }
.promo-card-lg:hover{ background:#fff; padding:20px 24px; border:1px solid #e5e7eb; box-shadow:0 10px 20px rgba(2,6,23,.08),0 30px 80px rgba(2,6,23,.16); transform:translateY(-4px); }
.promo-card-lg:hover img{ transform:scale(1.04); }

/* ușor mai compact pe desktop mare */
@media (min-width: 992px){
  .dropdown-menu.mega .col-lg-7{ padding-right:18px; }
  .dropdown-menu.mega .col-lg-5{ padding-left:18px; }
}



/* ===== Services: HERO card ===== */
/* ==== Glass card variant (left) ==== */
/* ===== Services – Premium left card ===== */
/* ===== Services: HERO card ===== */
/* ==== Glass card variant (left) ==== */
/* ===== Services: HERO card — Premium Glass (LEFT) ===== */

/* CARD */
.svc-card{
  position:relative; isolation:isolate;
  padding:22px 24px 20px;
  border-radius:18px;
  border:1px solid rgba(225,232,245,.9);
  background:
    radial-gradient(1400px 600px at -10% -40%, rgba(255,255,255,.85), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.66)),
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(15,23,42,.03) 18px 19px);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow:
    0 12px 20px rgba(2,6,23,.06),
    0 44px 120px rgba(2,6,23,.18);
  overflow:hidden;
  will-change: transform, box-shadow;
}

/* scoatem linia portocalie de sus */
.svc-card::after{ content:none; }

/* highlight premium sus (gloss discret) */
.svc-card::before{
  content:"";
  position:absolute; left:18px; right:18px; top:8px; height:42px;
  border-radius:999px;
  background: radial-gradient(120% 100% at 50% 0%,
              rgba(255,255,255,.55) 0%,
              rgba(255,255,255,0) 70%);
  pointer-events:none;
}

/* HEAD */
.svc-card-head{ display:flex; align-items:center; gap:12px; margin-bottom:.35rem; }

.svc-badge{
  width:54px; height:54px; border-radius:16px; display:grid; place-items:center;
  background:linear-gradient(180deg,#eef3f8,#e7edf6);
  color:#334155; font-size:1.25rem;
  box-shadow:inset 0 1px 0 #fff, 0 2px 6px rgba(2,6,23,.08);
}

.svc-eyebrow{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.28rem .6rem; border-radius:999px;
  background:#f5f7fb; border:1px solid #e6ebf2;
  color:#0f172a; font-weight:800; font-size:.86rem;
}

/* TYPO */
.svc-title{
  margin:.25rem 0 .2rem; font-weight:900;
  font-size:1.75rem; letter-spacing:.1px; color:#0f172a;
}
.svc-sub{ margin:0 0 .9rem; color:#7b8aa6; font-size:1.02rem; line-height:1.6; }

/* INPUT + CTA ancorat (fără salt pe hover) */
.svc-input-row{
  display:flex; align-items:center; gap:.6rem;
  background:#fff;
  border:1px solid #e6ebf2;
  border-radius:999px;
  padding:.6rem .7rem;
  box-shadow:0 8px 22px rgba(2,6,23,.06);
}
.svc-input-row i{ color:#64748b; font-size:1rem; }
.svc-input-row input{
  flex:1; border:0; outline:0; background:transparent;
  font-size:1rem; color:#0f172a; min-width:0;
}

/* CTA negru — glass premium */
.svc-cta{
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:.66rem 1.05rem;
  white-space:nowrap;
  font-weight:900;
  color:#fff;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  box-shadow:
    0 12px 24px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.38);
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.svc-cta:hover{
  transform:translateY(-1px);
  background: rgba(0,0,0,.7);
  box-shadow: 0 18px 36px rgba(0,0,0,.35),
              inset 0 1px 0 rgba(255,255,255,.22);
}
.svc-cta:active{ transform:translateY(0); }

/* FOOT */
.svc-foot{ display:flex; align-items:center; gap:.6rem; margin-top:.7rem; }
.svc-hint{ color:#0f172a; font-weight:700; opacity:.85; }
.svc-dot{ width:4px; height:4px; border-radius:999px; background:#cbd5e1; display:inline-block; }

/* ===== Tiles din dreapta — păstrăm efectul premium coerent ===== */
.svc-tile{
  display:flex; gap:14px; align-items:flex-start;
  box-sizing:border-box;
  padding:14px 16px;
  border:1px solid transparent;
  background:transparent;
  box-shadow:none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
  will-change: transform, box-shadow;
}
.svc-tile-icon{
  flex:0 0 auto; width:46px; height:46px; border-radius:12px;
  display:grid; place-items:center;
  background:linear-gradient(180deg,#eef2f6,#e8edf5);
  color:#334155; font-size:1.2rem; box-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(2,6,23,.06);
}
.svc-tile-title{ margin:0 0 .15rem; font-weight:800; color:#0f172a; font-size:1.05rem; }
.svc-tile-text{ margin:0; color:#6b7280; line-height:1.5; font-size:.97rem; }
.svc-tile .chip{
  display:inline-flex; align-items:center; padding:.28rem .5rem;
  background:#fff; border:1px solid #e5e7eb; border-radius:999px; font-weight:700; font-size:.82rem; color:#0f172a;
}
.svc-tile:hover{
  background:#fff;
  border-color:#e5e7eb;
  box-shadow:0 12px 20px rgba(2,6,23,.08), 0 34px 80px rgba(2,6,23,.14);
  transform:translateY(-3px);
}

/* QUICK LINKS */
.svc-quick{ display:flex; gap:.6rem; flex-wrap:wrap; }
.svc-quick-link{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.46rem .68rem; border-radius:999px;
  background:#fff; border:1px solid #e5e7eb; color:#0f172a; text-decoration:none; font-weight:700; font-size:.9rem;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  will-change: transform, box-shadow;
}
.svc-quick-link:hover{
  transform:translateY(-2px);
  border-color:#e2e8f0;
  box-shadow:0 8px 16px rgba(2,6,23,.08);
}

/* spacing în mega */
@media (min-width:992px){
  .dropdown-menu.mega .col-lg-7{ padding-right:18px; }
  .dropdown-menu.mega .col-lg-5{ padding-left:18px; }
}

/* ============ SERVICES (mega menu) – CLEAN ============ */

/* ===== Left promo card (re-use opp-left-card) ===== */
.opp-left-card--svc{
  padding:22px 24px;
  border-radius:0;                 /* colțuri drepte */
  border:1px solid transparent;    /* pt. hover subtle */
  background:transparent;
  transition:transform .22s, box-shadow .22s, border-color .22s, background .22s;
}
.opp-left-card--svc .opp-img{
  width:200px;
  aspect-ratio:4/3;
  border-radius:12px;
}
.opp-left-card--svc:hover{
  background:linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.96));
  border-color:#e6ebf2;
  box-shadow:0 14px 24px rgba(2,6,23,.08), 0 60px 140px rgba(2,6,23,.18);
}

/* Stack left spacing */
.svc-left{ display:flex; flex-direction:column; }
.svc-left .opp-left-card--svc{ margin-bottom:.6rem; }

/* ===== Quick pills (sub cardul din stânga) – MARI + CONTUR NEGRU ===== */
.svc-quick--under{
  display:flex; gap:.8rem; flex-wrap:wrap;
}
.svc-quick-link{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.66rem 1.05rem;                 /* mai mare */
  border-radius:999px;
  font-weight:900; font-size:1rem;
  line-height:1;
  text-decoration:none;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
}
.svc-quick-link--outline-black{
  color:#0b1220;
  background:rgba(255,255,255,.92);
  border:1.6px solid rgba(0,0,0,.85);     /* contur negru elegant */
  box-shadow:
    0 6px 14px rgba(0,0,0,.08),
    inset 0 0 0 .6px rgba(255,255,255,.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.svc-quick-link--outline-black:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,1);
  border-color:#000;
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}

/* ===== RIGHT SERVICE CARDS (tile-urile din dreapta) ===== */
.svc-tile{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:14px 20px;
  border:1.5px solid rgba(0,0,0,.85);     /* contur negru rafinat */
  border-radius:10px;
  /* „alb” mai transparent (glass) */
  background:
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(245,245,245,.72));
  box-shadow:
    0 8px 18px rgba(0,0,0,.08),
    inset 0 0 0 .8px rgba(255,255,255,.4);
  backdrop-filter: blur(10px) saturate(130%);
  -webkit-backdrop-filter: blur(10px) saturate(130%);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.svc-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 28px rgba(0,0,0,.15), 0 60px 120px rgba(0,0,0,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,245,245,.84));
}

/* Icon container – relief discret */
.svc-tile-icon{
  width:48px; height:48px;
  display:grid; place-items:center;
  border:1.4px solid rgba(0,0,0,.85);
  border-radius:12px;
  background:linear-gradient(145deg, #ffffff, #e6e9ef);
  color:#111;
  font-size:1.15rem;
  box-shadow:
    0 2px 5px rgba(0,0,0,.12),
    inset 0 0 0 .6px rgba(255,255,255,.5);
  transition:transform .25s ease;
}
.svc-tile:hover .svc-tile-icon{ transform:scale(1.07) rotate(-2deg); }

/* Tipografie în carduri */
.svc-tile-title{
  font-weight:900;
  font-size:1.06rem;
  color:#0f172a;
  letter-spacing:.2px;
  margin-bottom:.25rem;
}
.svc-tile-text{
  color:#444;
  font-size:.95rem;
  line-height:1.5;
  font-weight:500;
}

/* Chips / tag-uri din carduri */
.svc-tile .chip{
  background:rgba(255,255,255,.96);
  border:1.3px solid rgba(0,0,0,.78);
  border-radius:999px;
  font-weight:800;
  font-size:.82rem;
  text-transform:uppercase;
  padding:.24rem .55rem;
  box-shadow:
    0 2px 5px rgba(0,0,0,.1),
    inset 0 0 0 .6px rgba(255,255,255,.45);
  transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s;
}
.svc-tile .chip:hover{
  background:#0f172a;
  color:#fff;
  border-color:#0f172a;
  transform:translateY(-2px);
}

/* ===== “Popular tools” – heading ===== */
.svc-section-label{
  font-family:var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial);
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0f172a;
  opacity:.9;
  display:flex; align-items:center; gap:.65rem;
  margin:2px 0 12px;
  transition:opacity .25s ease, letter-spacing .25s ease;
}
.svc-section-label::after{
  content:"";
  flex:1; height:1px; background:#0f172a; opacity:.15;
}
.svc-section-label:hover{ opacity:1; letter-spacing:.18em; }

/* ===== Accessibility: reduce motion ===== */
@media (prefers-reduced-motion: reduce){
  .svc-section-label,
  .svc-quick-link,
  .svc-tile,
  .svc-tile-icon{ transition:none !important; }
}

/* ===== Responsive ===== */
@media (max-width: 991.98px){
  .opp-left-card--svc .opp-img{ width:150px; }
  .svc-quick--under{ gap:.7rem; }
  .svc-quick-link{ padding:.62rem .95rem; font-size:.98rem; }

  .svc-tile{
    padding:12px 16px;
    border-radius:16px;
    background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(245,245,245,.78));
    backdrop-filter: blur(8px);
  }
  .svc-tile-icon{ width:44px; height:44px; font-size:1.05rem; }
}
/* ===== Quick pills – Premium black outline version ===== */
.svc-quick--under {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.svc-quick-link {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.75rem 1.3rem;              /* mai mare, premium feel */
  border-radius: 999px;                 /* complet rotund */
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1;
  text-decoration: none;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.92);
  border: 1.8px solid #000;             /* contur negru clar */
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.08),
    inset 0 0 0 0.6px rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.svc-quick-link:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 1);
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.12),
    0 0 0 1px #000;
}

.svc-quick-link i {
  font-size: 1.1rem;
  line-height: 1;
  color: #0f172a;
}

/* Responsive pills */
@media (max-width: 991.98px) {
  .svc-quick-link {
    padding: 0.65rem 1.1rem;
    font-size: 1rem;
  }
}

/* ===== Quick pills (sub cardul din stânga) – Black Outline Premium ===== */
.svc-quick--under {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.svc-quick-link {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.75rem 1.3rem;             /* proporții mai mari, look premium */
  border-radius: 999px;
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1;
  text-decoration: none;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.9);
  border: 1.8px solid #000;            /* contur negru clar */
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.08),
    inset 0 0 0 0.6px rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease;
}

/* === Hover – se inversează, la fel ca Enterprise === */
.svc-quick-link:hover {
  transform: translateY(-2px);
  background: #0f172a;                 /* negru elegant */
  color: #fff;                         /* text alb la hover */
  border-color: #0f172a;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.svc-quick-link i {
  font-size: 1.1rem;
  line-height: 1;
  color: inherit;                      /* urmează culoarea textului */
  transition: color 0.22s ease;
}

/* ===== Responsive ===== */
@media (max-width: 991.98px) {
  .svc-quick-link {
    padding: 0.65rem 1.1rem;
    font-size: 1rem;
  }
}




/* ===== Enterprise – feature cards ===== */
.ent-feature{
  position:relative;
  display:flex; 
  gap:18px; 
  align-items:center;
  padding:18px;
  background:transparent;
  border:1px solid transparent;
  transition:all .25s ease;
}

.ent-media{
  flex:0 0 210px; 
  height:150px;
  border-radius:10px;
  overflow:hidden;
  border:2px solid rgba(0,0,0,.9);         /* contur negru tip “ramă” */
  background:#fff;
  box-shadow:
    0 2px 4px rgba(0,0,0,.08),
    inset 0 0 0 1px rgba(255,255,255,.6);  /* efect de profunzime subtil */
  transition:transform .25s ease, box-shadow .25s ease;
}

.ent-media img{
  width:100%; height:100%; object-fit:cover;
  transform:scale(1.0);
  transition:transform .25s ease, filter .25s ease;
  border-radius:10px;                      /* ușor rotunjit în interiorul ramei */
}

.ent-body{ min-width:0; }

.ent-title{
  position:relative;
  margin:2px 0 10px;
  font-weight:900;
  font-size:1.45rem;
  color:#0f172a;
  display:inline-block;
}

/* Linie subțire neagră elegantă sub titlu */
.ent-title::after{
  content:"";
  display:block;
  width:100%;
  height:1.5px;
  background:#000;
  opacity:0.7;
  margin-top:6px;
  border-radius:2px;
}

.ent-text{
  margin:0;
  color:#7b8aa6;
  line-height:1.6;
  font-size:.98rem;
}

.ent-meta{ 
  display:flex; 
  gap:.5rem; 
  flex-wrap:wrap; 
  margin-top:.65rem; 
}

.ent-chip{
  display:inline-flex; 
  align-items:center; 
  gap:.35rem;
  padding:.34rem .6rem; 
  border-radius:999px;
  background:#f7f9fc; 
  border:1px solid #e5e7eb; 
  color:#0f172a;
  font-weight:700; 
  font-size:.9rem;
}

/* === Hover state === */
.ent-feature:hover{
  background:#fff;
  border-color:#e5e7eb;
  box-shadow:
    0 12px 22px rgba(2,6,23,.08),
    0 42px 110px rgba(2,6,23,.16);
  transform:translateY(-3px);
}

.ent-feature:hover .ent-media{
  box-shadow:
    0 4px 8px rgba(0,0,0,.15),
    inset 0 0 0 1px rgba(255,255,255,.5);
  transform:scale(1.02);
}

.ent-feature:hover .ent-media img{
  transform:scale(1.04);
  filter:brightness(1.03);
}

/* Varianta revers (imagine în dreapta) */
.ent-feature--reverse{ 
  flex-direction:row-reverse; 
}

/* Responsive */
@media (max-width: 991.98px){
  .ent-feature{ 
    flex-direction:column; 
    align-items:flex-start; 
  }
  .ent-media{ 
    width:100%; 
    height:180px;
  }
}
/* ===== Elegant black-outline pills (meta chips) ===== */
.ent-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.42rem 0.85rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);       /* alb ușor transparent */
  border: 1.6px solid rgba(0, 0, 0, 0.9);     /* contur negru clar */
  color: #0f172a;
  font-weight: 800;
  font-size: 0.93rem;
  text-decoration: none;
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.06),
    inset 0 0 0 0.6px rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ent-chip:hover {
  transform: translateY(-2px);
  background: #0f172a;
  color: #fff;
  box-shadow:
    0 6px 12px rgba(0, 0, 0, 0.12);
}

.ent-chip i {
  font-size: 1rem;
  line-height: 1;
}


/* ===== layout / spacing ===== */

.kv-section {
  background:#fff;
  
}

@media (min-width:992px){
  .py-lg-6{ padding-top:4.5rem!important; padding-bottom:4.5rem!important; }
}

.kv-head{ margin-bottom:.85rem; position:relative;}

.kv-ornament{
  --line: rgba(17, 24, 39, .18);      /* culoarea liniei (gri discret) */
  --ring: rgba(17, 24, 39, .24);      /* culoare inel */
  --fill: #111827;                    /* umplerea punctului */
  display:flex; align-items:center; justify-content:center;
  gap: 14px;
  margin: 10px 0 6px;                 /* spațiere față de titlu/subtitlu */
}

/* liniile din stânga/dreapta */
.kv-ornament::before,
.kv-ornament::after{
  content:"";
  height:2px;
  flex:1;
  max-width:520px;                    /* opțional: limitează lungimea pe desktop */
  background: linear-gradient(to right, transparent 0, var(--line) 28%, var(--line) 72%, transparent 100%);
}
.kv-ornament::after{
  background: linear-gradient(to left, transparent 0, var(--line) 28%, var(--line) 72%, transparent 100%);
}

/* punctul (inel + miez) */
.kv-ornament__dot{
  position: relative;
  width: 28px; height: 28px;
  border-radius: 999px;
  background:#fff;                    /* se “vede” ca un gol pe fundal deschis */
  box-shadow: 0 0 0 2px var(--ring);  /* inelul exterior */
}
.kv-ornament__dot::after{
  content:"";
  position:absolute; inset:7px;       /* mărimea “miezului” */
  border-radius: 999px;
  background: var(--fill);
}

/* mică ajustare pe ecrane înguste */
@media (max-width: 575.98px){
  .kv-ornament{ gap:12px; }
  .kv-ornament__dot{ width:24px; height:24px; }
  .kv-ornament__dot::after{ inset:6px; }
}

/* Title & subtitle */
.kv-title{
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.08;
  font-size:clamp(1.5rem, 1rem + 2.1vw, 2.2rem);
  color:#111827; /* dark neutral */
  margin:0 0 .35rem;
}
.kv-sub{
  color:#6b7280;
  margin:0;
  font-size:.96rem;
  line-height:1.55;
}

/* ===== Bullet list ===== */
.kv-list{
  display:flex; flex-direction:column;
  gap:1rem;
  margin-top:.6rem;
}
.kv-item{ display:flex; gap:.9rem; align-items:flex-start; }
.kv-item h5{
  margin:0 0 .25rem;
  font-weight:700;
  color:#1f2937; /* neutral dark */
  font-size:1.25rem;
}
.kv-item p{
  margin:0;
  color:#4b5563; /* softer gray */
  line-height:1.55;
  font-size:1rem;
}

/* icons */
.kv-icon{
  width:38px; height:38px;
  border-radius:10px;
  display:grid; place-items:center;
  background:#f3f4f6;
  color:#374151;
  border:1px solid #e5e7eb;
  font-size:18px;
}

/* badges (subtle) */
.kv-badge{
  display:inline-block;
  font-size:.72rem;
  font-weight:600;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:2px 6px;
  margin-left:.4rem;
  color:#374151; /* neutral */
}

/* ===== CTA row ===== */
.kv-cta-row{ display:flex; gap:.9rem; align-items:center; flex-wrap:wrap; margin-top:1.2rem; }
.kv-cta{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.65rem 1rem;
  border-radius:999px; text-decoration:none;
  font-weight:700; font-size:.95rem;
  color:#111827; border:0;
  background:linear-gradient(180deg,#f5ab2a,#d88a0a);
  box-shadow:0 12px 24px rgba(216,138,10,.25), inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .15s ease, filter .15s ease;
}
.kv-cta:hover{ transform:translateY(-1px); filter:brightness(1.03); }
.kv-link{
  display:inline-flex; align-items:center; gap:.25rem;
  font-weight:600; font-size:.95rem;
  color:#374151; text-decoration:none; opacity:.9;
}
.kv-link:hover{ opacity:1; }


/* ===== editorial mosaic ===== */
.kv-mosaic{
  display:grid;
  grid-template-areas:
    "a b"
    "c b"
    "c d";
  grid-template-columns:1.05fr .85fr;
  grid-auto-rows:170px;
  gap:16px;
}
.kv-card{
  position:relative; overflow:hidden; border-radius:18px;
  background:#f3f4f6; border:1px solid #e5e7eb;
  box-shadow:0 10px 22px rgba(2,6,23,.06);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.kv-card img{ width:100%; height:100%; object-fit:cover; transition:transform .28s ease, filter .28s ease; }
.kv-card:hover{ transform:translateY(-3px); box-shadow:0 16px 32px rgba(2,6,23,.08), 0 54px 120px rgba(2,6,23,.14); }
.kv-card:hover img{ transform:scale(1.04); filter:brightness(1.02); }
.kv-a{ grid-area:a; }
.kv-b{ grid-area:b; }
.kv-c{ grid-area:c; min-height:320px; }
.kv-d{ grid-area:d; }

@media (max-width:991.98px){
  .kv-mosaic{
    grid-template-areas:"a" "b" "c" "d";
    grid-template-columns:1fr; grid-auto-rows:200px;
  }
  .kv-c{ min-height:240px; }
}

/* ===== How section: clean 3-card layout ===== */
/* ===== How section – premium & smooth ===== */
.how-clean{
  --ink:#0f172a; --muted:#667085; --line:rgba(15,23,42,.10);
  --soft:#fbfcfe; --accent:#f5ab2a; --amber1:#f5ab2a; --amber2:#d88a0a;
  --shadow-sm: 0 6px 16px rgba(2,6,23,.06);
  --shadow-md: 0 18px 40px rgba(2,6,23,.12), 0 80px 160px rgba(2,6,23,.06);
  --glow: 0 12px 36px rgba(245,171,42,.22);
  background:#fff;
}

/* ---------- Header ---------- */
.how-head{ text-align:center; }

.how-head .how-title{
  margin:0 0 .55rem;
  font-weight:900; letter-spacing:-.012em; line-height:1.06;
  font-size:clamp(1.8rem,1.05rem + 2.6vw,2.7rem);
  /* fallback vizibil + gradient dacă e suportat */
  color:#0f172a;
  background:linear-gradient(180deg,#0f172a 0%, #172136 65%, #0f172a 100%);
  -webkit-background-clip:text; background-clip:text;
}
.how-head .how-title::after{
  content:""; display:block; width:200px; height:4px; border-radius:999px;
  margin:.7rem auto 0;
  background:linear-gradient(90deg, rgba(15,23,42,.18), rgba(15,23,42,.38));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  transform:scaleX(0); transform-origin:center;
  transition:transform .8s cubic-bezier(.2,.7,.2,1) .1s;
}

.how-head .how-sub{
  margin:0; color:var(--muted);
  font-size:clamp(1rem,.92rem + .25vw,1.12rem); opacity:.95;
}

/* split pe cuvinte – spațiile se păstrează */
.how-head .split-words span{
  display:inline-block; white-space:pre;
  /* implicit VIZIBIL ca fallback */
  opacity:1; transform:none;
}
.how-head.is-prep .split-words span{
  opacity:0; transform:translateY(14px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),
             transform .7s cubic-bezier(.2,.7,.2,1);
  transition-delay: calc(var(--i,0) * 46ms);
}
.how-head.is-in .split-words span{ opacity:1; transform:translateY(0); }
.how-head.is-in .how-title::after{ transform:scaleX(1); }

/* ---------- Cards ---------- */
.how-card{
  position:relative; display:flex; flex-direction:column; gap:.6rem;
  padding:22px 18px 24px; border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  transform:translateY(0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--sc,1));
  transition:
    transform .35s cubic-bezier(.2,.7,.2,1),
    box-shadow .35s cubic-bezier(.2,.7,.2,1),
    border-color .22s ease, background .22s ease;
  will-change:transform, box-shadow;
  overflow:hidden;
}

/* glow subtil pe margini */
.how-card::before{
  content:""; position:absolute; inset:0; border-radius:20px; pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.06);
}

/* shine sweep */
.how-card::after{
  content:""; position:absolute; inset:-40% -55% auto -55%; height:60%;
  transform: rotate(18deg) translateX(0);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  opacity:0; pointer-events:none;
  transition:opacity .32s ease, transform .32s ease;
}

.how-card:hover{
  --sc:1.02;
  box-shadow:var(--shadow-md), var(--glow);
  border-color:rgba(245,171,42,.35);
}
.how-card:hover::after{ opacity:.7; transform: rotate(18deg) translateX(18px); }

/* icon */
.how-icon{
  --size:48px; width:var(--size); height:var(--size); border-radius:14px;
  display:grid; place-items:center;
  background:linear-gradient(180deg,#fff7e6,#fff1cf);
  color:#9a5b00; border:1px solid #f2d19a;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.85), 0 6px 18px rgba(245,171,42,.18);
  font-size:22px; transition: transform .25s ease;
}
.how-card:hover .how-icon{ transform: translateY(-2px) scale(1.03); }

/* step chip */
.how-step{
  position:absolute; top:14px; right:14px;
  min-width:34px; height:28px; padding:0 .55rem; display:inline-grid; place-items:center;
  border-radius:999px; background:#f4f7fb; color:#475569; font-weight:800; font-size:1rem;
  border:1px solid #e6edf6; transition: transform .22s ease, box-shadow .22s ease;
}
.how-card:hover .how-step{ transform: translateY(-1px); box-shadow:0 6px 16px rgba(2,6,23,.08); }

/* headings + copy */
.how-h{ margin:6px 0 2px; font-weight:800; color:var(--ink); font-size:1.16rem; line-height:1.25; letter-spacing:-.01em; }
.how-p{ margin:0; color:var(--muted); line-height:1.55; font-size:.98rem; }

/* ---------- CTA premium ---------- */
.how-clean .how-cta{
  display:inline-flex; align-items:center; gap:.45rem; margin-top:16px;
  padding:.95rem 1.35rem; border-radius:999px; text-decoration:none;
  font-weight:900; font-size:1rem; color:#111827; border:0;
  background:linear-gradient(180deg,var(--amber1),var(--amber2));
  box-shadow:0 14px 26px rgba(216,138,10,.26), inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.how-clean .how-cta:hover{
  transform:translateY(-2px); filter:brightness(1.05);
  box-shadow:0 18px 36px rgba(216,138,10,.34), inset 0 1px 0 rgba(255,255,255,.7);
}
.how-clean .how-cta:focus-visible{ outline:3px solid rgba(245,171,42,.55); outline-offset:3px; }

/* ---------- Scroll-in reveal (stagger) ---------- */
.how-clean .how-head,
.how-clean .how-card{
  opacity:1; transform:translateY(0); /* fallback vizibil */
}
.how-clean.is-prep .how-head,
.how-clean.is-prep .how-card{
  opacity:0; transform:translateY(16px);
  transition:opacity .75s cubic-bezier(.2,.7,.2,1),
             transform .75s cubic-bezier(.2,.7,.2,1);
}
.how-clean.is-in .how-head{ opacity:1; transform:translateY(0); }
.how-clean .how-card.is-in{
  opacity:1; transform:translateY(0) scale(1);
  transition-delay: var(--d,0ms);
}

@media (prefers-reduced-motion: reduce){
  .how-head .split-words span,
  .how-clean .how-head,
  .how-clean .how-card{ transition:none !important; transform:none !important; opacity:1 !important; }
}


/* ---------- CTA premium de jos ---------- */
.how-clean .how-cta{
  display:inline-flex; align-items:center; gap:.45rem;
  margin-top:16px;
  padding:.9rem 1.3rem;
  border-radius:999px; text-decoration:none;
  font-weight:900; font-size:1rem;
  color:#111827; border:0;
  background:linear-gradient(180deg,var(--amber1),var(--amber2));
  box-shadow:0 14px 26px rgba(216,138,10,.26), inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.how-clean .how-cta:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 18px 36px rgba(216,138,10,.34), inset 0 1px 0 rgba(255,255,255,.7);
}
.how-clean .how-cta:focus-visible{
  outline:3px solid rgba(245,171,42,.55);
  outline-offset:3px;
}

/* ---------- Scroll-in reveal (header + cards) ---------- */
.how-clean .how-head,
.how-clean .how-card{
  opacity:0; transform:translateY(16px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),
             transform .7s cubic-bezier(.2,.7,.2,1);
}
.how-clean .how-head.is-in,
.how-clean .how-card.is-in{
  opacity:1; transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .how-head .split-words span,
  .how-clean .how-head,
  .how-clean .how-card{ transition:none !important; transform:none !important; }
}



/* Dark band */
.band-cta{
  background:#05344F;              /* aproape negru, ca în screenshot */
  color:#fff;
  padding:72px 16px;
}
@media (min-width: 768px){
  .band-cta{ padding:96px 16px; }
}

.band-cta__inner{
  max-width: 1100px;
  margin: 0 auto;
  text-align:center;
}

.band-cta h2{
  margin:0 0 .5rem;
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.15;
  font-size:clamp(1.4rem, 1rem + 2.6vw, 2.3rem);
  color:#ffffff;
}

.band-cta p{
  margin:0 0 24px;
  font-size:clamp(1rem, .8rem + .4vw, 1.115rem);
  line-height:1.6;
  color:#e5e7eb;
  opacity:.95;
}



/* ===== Glass Transparent Pill Button ===== */
.band-cta__btn{
  position: relative; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;

  padding: 0.95rem 1.6rem;
  border-radius: 999px;
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing:.2px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0,0,0,.35);

  /* fundal transparent cu blur */
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,.25);

  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);

  box-shadow: 0 6px 18px rgba(0,0,0,.25) inset, 0 8px 18px rgba(0,0,0,.25);

  transition:
    transform .18s cubic-bezier(.2,.8,.2,1),
    background .18s cubic-bezier(.2,.8,.2,1),
    border-color .18s,
    box-shadow .18s;
}

/* efect glossy subtil */
.band-cta__btn::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  background: radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.25) 0%, transparent 60%);
  pointer-events:none;
}

/* Hover: mai puternic, dar tot transparent */
.band-cta__btn:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}

/* Active: revine jos */
.band-cta__btn:active{
  transform: translateY(0);
  background: rgba(255,255,255,0.12);
}

/* Focus accesibil */
.band-cta__btn:focus-visible{
  outline:none;
  box-shadow: 0 0 0 3px rgba(255,255,255,.45), 0 8px 22px rgba(0,0,0,.3);
}

/* Animatii CTA (fade-up) */
.band-cta {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s ease, transform 0.9s cubic-bezier(.2,.7,.2,1);
  will-change: opacity, transform;
}

.band-cta.inview {
  opacity: 1;
  transform: none;
}



/* ========== TESTIMONIALS — PREMIUM STEEL GLASS (no-rail, square) ========== */
:root{
  --tst-ink:#0e1520;
  --tst-sub:#5b6a82;
  --tst-star:#e6b450;           /* poți schimba sau elimina stelele */
  --tst-radius:0;               /* colțuri complet drepte */

  /* Card glass neutru (fără galben) */
  --tst-card-grad-1: rgba(255,255,255,.75);
  --tst-card-grad-2: rgba(245,247,250,.55);
  --tst-border: rgba(15,23,42,.08);

  --tst-shadow:
    0 10px 26px rgba(15,23,42,.08),
    0 2px 8px rgba(15,23,42,.05);
  --tst-shadow-hover:
    0 18px 48px rgba(15,23,42,.12),
    0 8px 18px rgba(15,23,42,.08);
}

/* Wrap — rămâne luminat, fără ton cald */
.tstX-wrap{
  position:relative;
  background:
    radial-gradient(900px 280px at 50% 0, rgba(255,255,255,.35), transparent 55%),
    linear-gradient(180deg,#ffffff 0%, #f6f8fb 40%, #eef2f7 100%);
  color:var(--tst-ink);
  padding:clamp(56px,6vw,96px) 16px;
  isolation:isolate;
}

/* Heading */
.tstX-head{ position:relative; z-index:1; text-align:center; max-width:980px; margin:0 auto 24px; }
.tstX-head .tstX-kicker{
  display:inline-block; font-weight:800; letter-spacing:.06em;
  font-size:.78rem; color:#334155; text-transform:uppercase;
  background:linear-gradient(180deg,#ffffff, #f3f7fb);
  border:1px solid #e7ecf4; border-radius:999px;
  padding:6px 12px; margin-bottom:12px;
  box-shadow: inset 0 1px 0 #fff;
}
.tstX-head h2{
  margin:.25rem 0 .4rem; font-weight:900; letter-spacing:-.01em;
  font-size:clamp(1.9rem,1.2rem + 2.6vw,2.6rem);
  text-shadow: 0 1px 0 #fff;
}
.tstX-head p{ margin:0; color:var(--tst-sub); font-size:clamp(1rem,.95rem + .25vw,1.125rem); opacity:.95; }

/* Grid — mai compact */
.tstX-grid{
  position:relative; z-index:1;
  max-width:1280px; margin:24px auto 0;
  display:grid; gap:20px; grid-template-columns:1fr;
}
@media (min-width:900px){ .tstX-grid{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:640px) and (max-width:899px){ .tstX-grid{ grid-template-columns:repeat(2,1fr); } }

/* ===== CARD — square, micșorat, fără rail ===== */
.tstX-card{
  position:relative; isolation:isolate; overflow:hidden;
   /* 0 */
  background:
    linear-gradient(135deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 45%, rgba(255,255,255,.24) 52%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg,var(--tst-card-grad-1),var(--tst-card-grad-2));
  border:1px solid var(--tst-border);
  box-shadow: var(--tst-shadow);
  padding:16px 18px;            /* mai mic */
  backdrop-filter: blur(7px) saturate(120%);
  -webkit-backdrop-filter: blur(7px) saturate(120%);
  transition:
    transform .26s cubic-bezier(.2,.7,.2,1),
    box-shadow .26s cubic-bezier(.2,.7,.2,1),
    border-color .26s ease,
    filter .26s ease,
    background .26s ease;
}

/* hairlines premium sus/jos (emboss subtil) */
.tstX-card::before,
.tstX-card::after{
  content:""; position:absolute; left:0; right:0; height:1px; pointer-events:none;
}
.tstX-card::before{ top:0; background:linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent); }
.tstX-card::after { bottom:0; background:linear-gradient(90deg, transparent, rgba(15,23,42,.08), transparent); }

/* NO RAIL, NO YELLOW */
.tstX-rail{ display:none !important; }

/* Ghilimele — mai discrete */
.tstX-quote{
  position:absolute; left:18px; top:-12px; line-height:0;
  font-size:108px; font-weight:900;
  color:rgba(15,23,42,.05); pointer-events:none;
  transition: transform .26s ease, opacity .26s ease;
  opacity:.7;
}

/* Lift premium la hover, fără outline vizibil */
.tstX-card:hover{
  transform:translateY(-6px);
  box-shadow: var(--tst-shadow-hover);
  border-color:rgba(15,23,42,.1);
  filter:saturate(102%);
}

/* ===== Conținut card */
.tstX-user{ display:flex; align-items:center; gap:12px; margin-bottom:.65rem; }
.tstX-avatar{
  width:48px; height:48px; border-radius:50%; object-fit:cover;
  border:2px solid rgba(255,255,255,.9);
  box-shadow:0 2px 10px rgba(2,6,23,.12);
}
.tstX-name{ font-weight:900; color:#0f172a; line-height:1.15; }
.tstX-city{ display:block; color:#8a94a6; font-weight:700; font-size:.9rem; margin-top:2px; }

.tstX-badge{
  margin-left:.5rem; font-size:.7rem; font-weight:800; letter-spacing:.04em;
  color:#334155; background:linear-gradient(180deg,#ffffff,#f3f7fb);
  border:1px solid #e7ecf4; border-radius:6px; padding:2px 7px;
  box-shadow: inset 0 1px 0 #fff;
}

/* Stars — neutre; dacă nu vrei culoare, setează #c9d3e3 */
.tstX-stars{ display:flex; gap:2px; margin:-2px 0 .4rem; }
.tstX-stars i{ color:var(--tst-star); font-style:normal; font-size:1.05rem; text-shadow:0 1px 0 rgba(255,255,255,.45); }

/* Text */
.tstX-text{ margin:0; color:#465468; line-height:1.68; font-size:.98rem; }

/* Mobil */
@media (max-width:479px){
  .tstX-card{ padding:14px 14px 16px; }
  .tstX-quote{ font-size:92px; left:12px; }
}

/* ===== Reveal on scroll (păstrat, reglaj pentru noul stil) ===== */
.tstX-wrap .tstX-head,
.tstX-wrap .tstX-card{
  opacity:0;
  transform: translateY(22px) scale(.985);
  transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
  will-change: opacity, transform;
}
.tstX-wrap.inview .tstX-head{ opacity:1; transform:none; }
.tstX-wrap.inview .tstX-card{ opacity:1; transform:none; }
.tstX-wrap.inview .tstX-card:nth-child(1){ transition-delay:.06s; }
.tstX-wrap.inview .tstX-card:nth-child(2){ transition-delay:.12s; }
.tstX-wrap.inview .tstX-card:nth-child(3){ transition-delay:.18s; }

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .tstX-wrap .tstX-head,
  .tstX-wrap .tstX-card{ opacity:1 !important; transform:none !important; transition:none !important; }
}




/* ====== FAQ — Premium Glass v2 ====== */
:root{
  /* culori control */
  --faq-ink: #0f172a;
  --faq-sub: #475569;
  --faq-accent: #f5ab2a;           /* „oro cald” */
  --faq-border: rgba(255,255,255,.35);
  --faq-card: rgba(255,255,255,.10);/* transparent */
  --faq-shadow:
    0 12px 40px rgba(15,23,42,.10),
    0 2px 10px rgba(15,23,42,.06);
}

/* Wrap cu gradient alb → gri → gri închis + glow discret sus */
.faq-wrap{
  --g1:#ffffff;
  --g2:#f3f5f8;
  --g3:#e8ebf1;
  --g4:#dfe4ec;
  --g5:#1e2630; /* gri închis, elegant */
  background:
    radial-gradient(900px 280px at 50% 0, rgba(245,171,42,.14), transparent 55%),
    linear-gradient(180deg, var(--g1) 0%, var(--g2) 20%, var(--g3) 40%, var(--g4) 65%, var(--g5) 100%);
  padding: clamp(56px, 6vw, 96px) 16px;
  color: var(--faq-ink);
  position: relative; isolation:isolate;
}

/* ușor noise pentru profunzime (opțional) */
.faq-wrap::after{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='0.05' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch' /%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  border-radius: 0;
  z-index:0;
}

/* Heading */
.faq-head{
  text-align:center;
  max-width: 980px;
  margin: 0 auto 28px;
  position: relative; z-index:1;
}
.faq-head h2{
  margin: 0 0 .4rem;
  font-weight: 900;
  letter-spacing: -.01em;
  font-size: clamp(1.9rem, 1.1rem + 2.6vw, 2.6rem);
  text-shadow: 0 1px 0 rgba(255,255,255,.6);
}
.faq-head p{
  margin:0;
  color: var(--faq-sub);
  font-size: clamp(1rem,.95rem + .25vw,1.125rem);
  opacity:.9;
}

/* Lista grid */
.faq-list{
  max-width: 1200px;
  margin: 22px auto 0;
  display: grid;
  gap: 16px;
  position: relative; z-index:1;
}

/* Card — glass */
.faq-item{
  background: var(--faq-card);
  border: 1px solid var(--faq-border);
  border-radius: 18px;
  box-shadow: var(--faq-shadow);
  overflow: hidden;
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease, background .25s ease;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%); /* Safari */
}

/* ring + lift la hover */
.faq-item:hover{
  transform: translateY(-2px);
  box-shadow:
    0 16px 46px rgba(15,23,42,.14),
    0 80px 160px rgba(15,23,42,.08);
  border-color: rgba(245,171,42,.45);
  background: rgba(255,255,255,.14);
}

/* Buton întrebare */
.faq-q{
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.06));
  border:0;
  width:100%;
  padding: 22px 22px;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
  font-weight: 850;
  letter-spacing:.005em;
  color: var(--faq-ink);
  cursor:pointer;
}

/* titlul întrebării pe 2 linii max, fără rupere urâtă */
.faq-q span{
  display:block;
  overflow:hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

/* icon săgeată (chevron) */
.faq-q .chev{
  flex: 0 0 auto;
  width: 22px; height: 22px;
  opacity:.7;
  transition: transform .28s ease, opacity .2s ease, filter .2s ease;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.4));
}
.faq-q:hover .chev{ opacity:1; }

/* Conținut răspuns cu animație height */
.faq-a{
  height: 0;
  overflow: hidden;
  transition: height .32s ease;
  border-top: 1px solid var(--faq-border);
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
}
.faq-a__inner{
  padding: 16px 22px 20px;
  color: var(--faq-sub);
  line-height: 1.68;
  font-size: 1.03rem;
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}

/* Stare deschisă (setată din JS doar vizual) */
.faq-item.open .faq-q .chev{ transform: rotate(180deg); }

/* Focus vizibil pentru accesibilitate */
.faq-q:focus-visible{
  outline: 3px solid color-mix(in hsl, var(--faq-accent) 55%, transparent);
  outline-offset: 3px;
  border-radius: 14px;
}

/* Variante compacte pe ecrane mici */
@media (max-width: 640px){
  .faq-q{ padding: 18px 18px; }
  .faq-a__inner{ padding: 14px 18px 18px; }
}

/* Bloc extra (load more) */
.extra-block{ 
  display: none;
  max-width: 1200px;
  margin: 14px auto 0;
  position: relative; z-index:1;
}
.extra-block.show{ 
  display: grid; 
  gap: 16px;
  animation: fadeSlide .28s ease;
}

/* animație fină când apar cardurile */
@keyframes fadeSlide{
  from { opacity:0; transform: translateY(6px); }
  to   { opacity:1; transform: translateY(0); }
}

/* Buton „Ver más” / „Vezi mai mult” */
.faq-more{
  text-align:center;
  margin-top: 20px;
  position: relative; z-index:1;
}
.btn-more{
  appearance:none; border:0; color:#0b1220;
  background: linear-gradient(180deg, #ffd899, #f5ab2a);
  padding: .9rem 1.5rem;
  border-radius: 999px;
  font-weight: 900; letter-spacing:.01em;
  box-shadow: 0 10px 26px rgba(245,171,42,.35), 0 2px 8px rgba(2,6,23,.10);
  cursor:pointer;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.btn-more:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 14px 32px rgba(245,171,42,.45), 0 3px 10px rgba(2,6,23,.14);
}
.btn-more:active{ transform: translateY(0); }
.btn-more:focus-visible{
  outline: 3px solid color-mix(in hsl, var(--faq-accent) 70%, transparent);
  outline-offset: 3px;
}

/* fallback când backdrop-filter nu e suportat:
   mărim opacitatea ca să păstrăm contrastul */
@supports not ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){
  .faq-item{
    background: rgba(255,255,255,.8);
  }
  .faq-a{ background: rgba(255,255,255,.9); }
}

/* preferințe de accesibilitate pentru mișcare redusă */
@media (prefers-reduced-motion: reduce){
  .faq-item,
  .faq-q .chev,
  .faq-a{ transition: none !important; }
  .extra-block.show{ animation: none !important; }
}







/* ======= XFAQ — Premium Steel Glass (prefix xfaq-) ======= */
:root{
  --xfaq-ink:#f3f6fb;           /* text pe fond închis */
  --xfaq-sub:#d7dfeb;
  --xfaq-card-ink:#ffffff;      /* text pe card */
  --xfaq-accent:#d1d8e6;        /* nuanță rece pt inele */
  --xfaq-ring:#a7b4c6;
}

/* Fundal oțel-albăstrui cu highlight diagonal (ca în poză) */
.xfaq-wrap{
  position:relative; isolation:isolate;
  padding: clamp(56px,6vw,96px) 16px;
  color: var(--xfaq-ink);
  background:
    radial-gradient(1200px 400px at 50% -10%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 45%, rgba(255,255,255,.12) 52%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #0e1620 0%, #1c2a38 35%, #2a3b4f 60%, #101722 100%);
}

/* Head */
.xfaq-head{
  text-align:center; max-width:980px; margin:0 auto 28px;
}
.xfaq-head h2{
  margin:0 0 .4rem; font-weight:900; letter-spacing:-.01em;
  font-size: clamp(1.9rem, 1.1rem + 2.6vw, 2.6rem);
  text-shadow: 0 2px 22px rgba(0,0,0,.55);
}
.xfaq-head .xfaq-sub{
  margin:0; color: var(--xfaq-sub);
  font-size: clamp(1rem,.95rem + .25vw,1.125rem);
  opacity:.9;
}

/* Listă */
.xfaq-list{
  max-width: 1200px; margin:22px auto 0;
  display:grid; gap:18px;
}

/* Card — culoare + blur ca în captură */
.xfaq-item{
  background:
    linear-gradient(180deg, rgba(37,50,66,.75), rgba(37,50,66,.65)),
    linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 45%, rgba(255,255,255,.12) 52%, rgba(255,255,255,0) 60%);
  color: var(--xfaq-card-ink);
  border: 1px solid rgba(200,210,225,.25);
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 20px 40px rgba(3,10,20,.35),
    inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.xfaq-item:hover{
  transform: translateY(-2px);
  border-color: rgba(200,210,225,.45);
  box-shadow:
    0 28px 70px rgba(3,10,20,.45),
    inset 0 1px 0 rgba(255,255,255,.08);
}

/* Întrebare (buton) */
.xfaq-q{
  -webkit-tap-highlight-color:transparent;
  appearance:none; border:0; width:100%;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  color: var(--xfaq-card-ink);
  padding: 22px 22px;
  text-align:left;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  font-weight:850; letter-spacing:.01em; cursor:pointer;
}
.xfaq-qtext{
  display:block; overflow:hidden; text-overflow:ellipsis;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.xfaq-chev{
  flex:0 0 auto; opacity:.8; transition: transform .28s ease, opacity .2s ease;
}
.xfaq-q:hover .xfaq-chev{ opacity:1; }

/* Răspuns – animație height */
.xfaq-a{
  height:0; overflow:hidden; transition: height .33s ease;
  border-top:1px solid rgba(200,210,225,.20);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.xfaq-a__inner{
  padding:16px 22px 22px;
  color:#e6edf7; line-height:1.7; font-size:1.03rem;
}

/* Stare deschisă (vizual) */
.xfaq-item.open .xfaq-chev{ transform: rotate(180deg); }

/* Focus accesibil */
.xfaq-q:focus-visible{
  outline: 3px solid rgba(167,180,198,.6);
  outline-offset: 3px; border-radius: 10px;
}

/* Mobile compact */
@media (max-width:640px){
  .xfaq-q{ padding:18px; }
  .xfaq-a__inner{ padding:14px 18px 18px; }
}

/* Fallback fără backdrop-filter */
@supports not ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){
  .xfaq-item{ background: rgba(37,50,66,.92); }
  .xfaq-a{ background: rgba(37,50,66,.85); }
}

























.footer {
  background: #1a1d23; /* culoarea închisă ca în poză */
  color: #e2e8f0;
  padding: 60px 20px 30px;
}
.footer-container {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 40px;
}
.footer-logo {
  font-size: 1.8rem;
  font-weight: 900;
  color: #fff;
}
.footer-logo span {
  color: #e0a94f; /* accent auriu */
}
.footer-desc {
  font-size: 0.95rem;
  margin: 16px 0 20px;
  color: #cbd5e1;
  line-height: 1.6;
}
.footer-col h4 {
  font-weight: 700;
  margin-bottom: 14px;
  color: #cbd5e1;
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-col ul li {
  margin-bottom: 8px;
}
.footer-col ul li a {
  color: #e2e8f0;
  text-decoration: none;
  font-size: 0.92rem;
  transition: color .2s;
}
.footer-col ul li a:hover {
  color: #e0a94f;
}

.footer-social {
  display: none;
  gap: 14px;
  font-size: 1.4rem;
}
.footer-social a {
    color: #cfd6e0;
  font-size: 1.6rem;
  transition: all 0.3s ease;
}
.footer-social a:hover {
  color: white; /* galbenul tău */
  transform: scale(1.25); /* mărește iconul */
  text-shadow: 0 0 8px rgba(224,169,79,0.7), 
               0 0 15px rgba(224,169,79,0.6);
}

.footer-lang {
  margin-top: 18px;
  font-size: 0.9rem;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.footer-lang span {
  font-size: 0.75rem;
}

.footer-bottom {
  text-align: center;
  margin-top: 40px;
  font-size: 0.85rem;
  color: #94a3b8;
  border-top: 1px solid rgba(255,255,255,.1);
  padding-top: 20px;
}

/* Desktop: popover în dreapta */
@media (min-width: 992px){
  .footer-lang .lang-list {
    bottom: auto;                               /* anulăm deschiderea în sus */
    top: 50%;                                   /* aliniere pe verticală */
    right: auto;
    left: calc(100% + 10px);                    /* la dreapta butonului */
    transform: translateY(-50%);                /* centrare pe buton */
    max-height: 240px;                          /* sigur încape, fără scroll pagină */
    overflow: auto;
    overscroll-behavior: contain;
  }
}


/* ===== FOOTER LOGO POSITION & SIZE ===== */
.footer-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;  /* logo la stânga */
  margin-bottom: 1.2rem;
  margin-left: 0;               /* aliniat perfect cu textul din stânga */
}

/* imaginea logo */
.footer-logo-img {
  height: 58px;                 /* mai mare (ajustabil între 54–64px) */
  width: auto;
  object-fit: contain;
  filter: brightness(1.2);      /* mai clar pe fundalul închis */
  opacity: 0.95;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* mic efect premium la hover */
.footer-logo-img:hover {
  transform: scale(1.05);
  opacity: 1;
}


/* Starea inițială pentru tot ce are data-vx-reveal */
[data-vx-reveal]{
  opacity:0;
  transform: translateY(14px);
  transition:
    opacity .6s cubic-bezier(.2,.7,.2,1),
    transform .6s cubic-bezier(.2,.7,.2,1);
  will-change: opacity, transform;
}

/* Când intră în viewport */
[data-vx-reveal].is-in{
  opacity:1;
  transform: translateY(0);
}

/* Stagger ușor pe liste și tabele */
.vx-list > li[data-vx-reveal] { transition-delay: .04s; }
.vx-list > li[data-vx-reveal]:nth-child(2){ transition-delay:.08s; }
.vx-list > li[data-vx-reveal]:nth-child(3){ transition-delay:.12s; }
.vx-table tbody tr[data-vx-reveal]{ transition-delay:.04s; }
.vx-table tbody tr[data-vx-reveal]:nth-child(2){ transition-delay:.08s; }
.vx-table tbody tr[data-vx-reveal]:nth-child(3){ transition-delay:.12s; }
/* ajustează după câte elemente ai */




/* ===== Typography override: elegant sans (NOT Inter) ===== */
:root{
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Setează fontul pe tot site-ul (texte + UI) */
html, body,
button, input, select, textarea,
.hero, .how-clean, .kv-section, .faq-wrap, .tstX-wrap, .footer,
.navbar, .dropdown-menu {
  font-family: var(--font-sans) !important;
}

/* ——— Headline style (H1/H2 mari) ——— */
/* Titlul de sus + titlul de jos identice */
.how-head .how-title,
.kv-section .kv-head .kv-title{
  font-family: var(--font-sans) !important;
  font-weight: 800 !important;          /* 900 dacă îl vrei și mai masiv */
  letter-spacing: -0.015em !important;  /* ușor compact, look modern */
  line-height: 1.06 !important;
  font-size: clamp(1.5rem, 1.05rem + 2.1vw, 2.1rem) !important; /* exact ca „How does…” */
  margin: 0 0 .35rem !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Subtitluri subțiri/fluide (păstrează aspectul elegant) */
.how-head .how-sub,
.kv-section .kv-sub,
.faq-head p,
.tstX-head p{
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

/* Micro headere din carduri / liste (consistente) */
.how-h,
.kv-item h5,
.promo h6,
.pc-title,
.inv-mini-title,
.svc-title,
.ent-title,
.faq-q{
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* Butoane/CTA (shape rămâne, doar tipografia) */
.how-cta,
.kv-cta,
.btn, .svc-cta, .svc-quick-link{
  font-family: var(--font-sans) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

/* Brand + iteme din nav să nu rămână pe vechiul font */
.navbar-brand,
.nav-link,
.mega-heading,
.mega-item{
  font-family: var(--font-sans) !important;
}




/* ====== GLOBAL TYPO OVERRIDE (PLUS JAKARTA SANS) ====== */
:root{
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Tot site-ul, inclusiv UI elements */
html, body,
button, input, select, textarea {
  font-family: var(--font-sans) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Navi + dropdown + butoane + chips etc. */
.navbar, .dropdown-menu, .nav-link, .navbar-brand,
.btn, .chip, .svc-cta, .kv-cta, .how-cta, .svc-quick-link,
.mega-item, .mega-heading, .faq-q, .tstX-name, .footer {
  font-family: var(--font-sans) !important;
}

/* Ierarhie titluri */
h1, h2, h3, h4,
.display-1, .display-2, .display-3 {
  font-family: var(--font-sans) !important;
  font-weight: 800 !important;   /* 800 default pentru titluri */
  letter-spacing: -0.015em !important;
  line-height: 1.06 !important;
}

/* HERO title exact ca în poză (și mai „greu”) */
.hero .hero-title{
  font-family: var(--font-sans) !important;
  font-weight: 900 !important;      /* foarte bold */
  letter-spacing: -0.02em !important;
}

/* Subtitluri / copy */
.hero .hero-sub,
.kv-sub, .how-sub, .ent-text, .svc-sub, .faq-head p {
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
}

/* Linkuri din meniu + CTA-uri – look consistent */
.nav-link, .btn, .kv-link {
  font-weight: 700 !important;
}





/* =============== FINAL TYPO OVERRIDES =============== */
:root{ --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }

html, body, button, input, select, textarea{
  font-family: var(--font-sans) !important;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/* NAV + MEGA */
.navbar, .navbar .nav-link, .navbar-brand,
.dropdown-menu, .dropdown-menu .mega-heading, .dropdown-menu .mega-item, .dropdown-menu .mega-item .sub{
  font-family: var(--font-sans) !important;
  letter-spacing: 0 !important;
}
.navbar .nav-link, .mega-item{ font-weight: 700 !important; }
.mega-heading{ font-weight: 800 !important; }

/* HERO */
section.hero h1.hero-title, .hero .hero-title{
  font-family: var(--font-sans) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}
.hero .hero-sub{ font-family: var(--font-sans) !important; font-weight: 500 !important; }

/* „Categorías” (stânga din mega) – exact ca în poză */
.mega-item{ font-weight: 800 !important; }
.mega-item .sub{ font-weight: 600 !important; opacity:.85; }

/* Titluri globale */
h1, h2, h3, .display-1, .display-2{ 
  font-family: var(--font-sans) !important; 
  font-weight: 800 !important; 
  letter-spacing: -0.015em !important; 
  line-height: 1.06 !important;
}

/* CTA, chips, butoane */
.btn, .chip, .kv-cta, .how-cta, .svc-cta, .svc-quick-link{
  font-family: var(--font-sans) !important; font-weight: 800 !important;
}

/* Footer + restul */
.footer, .faq-q, .tstX-name{ font-family: var(--font-sans) !important; }
























/* ===== CTA to form (cream band, gradient) ===== */
:root{
  --cream: #fEBFCFC;           /* crem-ul din meniu */
  --ink:   #0f172a;
  --muted: #475569;
  --amber1:#f5ab2a;
  --amber2:#d88a0a;
}

.cta-form{
  position:relative;
  background: linear-gradient(
    180deg,
    #F5F7F7 0%,
    #DFE4E6 50%,
    #BDC2C9 100%
  );
  padding:clamp(60px,8vw,110px) 16px;
  overflow:hidden;
  isolation:isolate;
}

.cta-form__inner{ max-width:1100px; margin:0 auto; text-align:center; }

.cta-form__title{
  margin:0 0 .35rem;
  font-weight:900;
  letter-spacing:-.01em;
  line-height:1.12;
  font-size:clamp(1.6rem,1rem + 2.6vw,2.6rem);
  color:var(--ink);
}

/* accent underline – 3 segmente + sclipire animată */
.cta-underline{
  display:inline-flex; align-items:center; gap:8px;
  margin:.35rem 0 .75rem;
  position:relative;
}
.cta-underline .seg{
  display:block; width:64px; height:4px; border-radius:999px;
  background:linear-gradient(90deg, rgba(15,23,42,.15), rgba(15,23,42,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
.cta-underline .seg:nth-child(2){ width:46px; opacity:.9; }
.cta-underline .seg:nth-child(3){ width:34px; opacity:.75; }

.cta-underline .glint{
  position:absolute; left:-80px; top:-6px; width:66px; height:16px;
  transform:skewX(-20deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.8), transparent);
  filter: blur(3px); opacity:.0;
  animation: glint 2.4s ease-in-out 1.2s infinite;
}
@keyframes glint{
  0%{ transform:translateX(0) skewX(-20deg); opacity:.0; }
  12%{ opacity:.55; }
  28%{ transform:translateX(210px) skewX(-20deg); opacity:.0; }
  100%{ opacity:.0; }
}

.cta-form__sub{
  margin:0 0 26px;
  font-size:clamp(1rem, .9rem + .35vw, 1.1rem);
  line-height:1.6;
  color:var(--muted);
  opacity:.98;
}

/* buton premium */
.cta-form__btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:1rem 1.5rem;
  border-radius:999px;
  font-weight:800; font-size:1rem;
  color:#111827; text-decoration:none;
  background:linear-gradient(180deg, var(--amber1), var(--amber2));
  box-shadow:0 14px 28px rgba(216,138,10,.26), inset 0 1px 0 rgba(255,255,255,.65);
  transform:translateZ(0);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.cta-form__btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 18px 36px rgba(216,138,10,.34), inset 0 1px 0 rgba(255,255,255,.7);
}
.cta-form__btn:active{ transform:translateY(0); }
.cta-form__btn:focus-visible{
  outline:3px solid rgba(245,171,42,.55);
  outline-offset:3px;
}
.cta-arrow{ transition: transform .18s ease; }
.cta-form__btn:hover .cta-arrow{ transform: translateX(4px); }

/* ===== Scroll-in animations (folosește data-animate="reveal") ===== */
[data-animate="reveal"]{
  opacity:0; transform: translateY(18px) scale(.98);
  transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1);
  will-change: transform, opacity;
}
[data-animate="reveal"].is-in{
  opacity:1; transform: translateY(0) scale(1);
}












/* ====== PREMIUM SECTION – refresh elegant ====== */
.kv-premium{
  --ink:#0f172a;            /* text principal */
  --muted:#667085;          /* text secundar */
  --line:#e6eaf2;           /* borduri subtile */
  --surface:#ffffff;        /* card bg */
  --amber:#f5ab2a;          /* accent cald */
  --amber-deep:#d88a0a;     /* accent cald (dark) */
  background:#fff;
  padding:clamp(44px,5vw,80px) 0;
  color:var(--ink);
}

/* ---------- HEADER: linie premium sub titlu ---------- */
.kvp-head{ text-align:left; margin-bottom:14px; }
.kvp-head h2{
  margin:0 0 10px;
  font-weight:900;
  letter-spacing:-.012em;
  font-size:clamp(1.45rem, .9rem + 1.7vw, 2.1rem);
}
.kvp-head p{ margin:0; color:var(--muted); font-size:.98rem; }

/* hairline cu gradient + “spark” */
.kvp-head::after{
  content:"";
  display:block;
  height:1px;
  margin:14px 0 0;
  background:
    linear-gradient(90deg, transparent 0%,
      rgba(15,23,42,.35) 18%,
      rgba(245,171,42,.55) 50%,
      rgba(15,23,42,.35) 82%,
      transparent 100%);
  border-radius:2px;
  filter: saturate(105%);
}
.kvp-head::before{
  content:"";
  position:absolute;
  width:8px; height:8px;
  margin-top:14px;
  left:calc(50% - 4px);
  transform:translateY(-4px) rotate(45deg);
  background: radial-gradient(circle at 60% 40%, #fff 0 40%, var(--amber) 41% 100%);
  box-shadow:
    0 0 0 2px rgba(245,171,42,.18),
    0 2px 8px rgba(245,171,42,.35);
  border-radius:2px;
}

/* ---------- GRID CARDURI ---------- */
.kvp-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:10px;
}
@media (min-width:992px){
  .kvp-grid{ grid-template-columns:1fr 1fr; }
}

/* ---------- CARD: suprafață curată, fără bară verticală ---------- */
.kvp-item{
  position:relative;
  display:flex; gap:14px; align-items:flex-start;
  padding:16px 18px;
  
  background:
    linear-gradient(180deg,#fff,#fbfdff) padding-box;
  border:1px solid var(--line);
  box-shadow:
    0 6px 14px rgba(2,6,23,.05),
    inset 0 1px 0 rgba(255,255,255,.8);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    filter .22s ease;
  will-change: transform, box-shadow;
}

/* luciu subtil deasupra (foarte fin) */
.kvp-item::after{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(110% 50% at 50% 0, rgba(255,255,255,.55), transparent 60%);
  opacity:.45;
}

/* ---------- HOVER: lift + glow cald doar la hover ---------- */
.kvp-item:hover{
  transform:translateY(-6px);
  border-color: color-mix(in oklab, var(--amber) 45%, var(--line));
  box-shadow:
    0 22px 60px rgba(2,6,23,.12),
    0 0 0 6px rgba(245,171,42,.10),
    inset 0 1px 0 rgba(255,255,255,.9);
  filter: saturate(102%);
}

/* focus accesibil */
.kvp-item:focus-within{
  outline: none;
  box-shadow:
    0 22px 60px rgba(2,6,23,.12),
    0 0 0 6px rgba(245,171,42,.16),
    inset 0 1px 0 rgba(255,255,255,.9);
}

/* icon pastilă (relief ușor) */
.kvp-pin{
  flex:0 0 auto;
  width:34px; height:34px; border-radius:12px;
  display:grid; place-items:center;
  font-size:1.05rem; color:#334155;
  background:linear-gradient(180deg,#fff,#f6f9ff);
  border:1px solid #e8eef6;
  box-shadow:inset 0 1px 0 #fff, 0 2px 10px rgba(2,6,23,.06);
  transition:box-shadow .22s ease, border-color .22s ease;
}
.kvp-item:hover .kvp-pin{
  border-color:#f3d9a1;
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 14px rgba(245,171,42,.35),
    0 0 0 3px rgba(245,171,42,.18);
}

/* titlu + text în card */
.kvp-body h6{
  margin:2px 0 4px;
  font-weight:800; letter-spacing:-.01em; font-size:1rem;
  color:var(--ink);
}
.kvp-body p{
  margin:0;
  color:#475569;
  font-size:.94rem; line-height:1.5;
}

/* tag mic */
.kvp-body .tag{
  display:inline-block; margin-left:.45rem;
  padding:2px 6px; border-radius:8px; font-style:normal;
  font-size:.68rem; font-weight:700; color:#374151;
  background:#f9fafb; border:1px solid #e6eaf2;
}

/* ---------- CTA row ---------- */
.kvp-actions{ display:flex; gap:.9rem; align-items:center; flex-wrap:wrap; margin-top:25px; }

/* buton primar: neutru în repaus, glow cald doar la hover */
.kvp-cta{
  --a1:#f6c14b; --a2:#de9714;
  position:relative; isolation:isolate;
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.68rem 1.15rem;
  border-radius:999px;
  border:1px solid #eceff4;
  color:#111827; font-weight:900; letter-spacing:.15px; text-decoration:none;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease;
}
.kvp-cta:hover{
  transform:translateY(-2px);
  border-color: color-mix(in oklab, var(--amber) 40%, #eceff4);
  box-shadow:
    0 16px 36px rgba(222,151,20,.22),
    0 0 0 6px rgba(245,171,42,.10),
    inset 0 1px 0 rgba(255,255,255,.95);
  background:
    linear-gradient(180deg, var(--a1), var(--a2));
  filter: brightness(1.02);
}
.kvp-cta:focus-visible{ outline:3px solid rgba(245,171,42,.45); outline-offset:2px; }
.kvp-cta:active{ transform:translateY(0); }

/* buton secundar (ghost premium) */
.kvp-link{
  display:inline-flex; align-items:center; gap:.25rem;
  padding:.55rem .85rem; border-radius:999px;
  color:#0f172a; text-decoration:none; font-weight:800;
  border:1px solid #e6eaf2;
  background:linear-gradient(180deg,#fff,#f7f9ff);
  box-shadow:inset 0 1px 0 #fff, 0 8px 16px rgba(2,6,23,.06);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.kvp-link:hover{
  transform:translateY(-2px);
  border-color: color-mix(in oklab, var(--amber) 28%, #e6eaf2);
  box-shadow: 0 12px 24px rgba(2,6,23,.10), inset 0 1px 0 #fff;
}

/* ---------- MOSAIC (nemodificat comportamental) ---------- */
.kvp-mosaic{
  --r:18px;
  display:grid;
  grid-template-areas:"a b" "a c" "d c";
  grid-template-columns:1.05fr .95fr;
  grid-auto-rows:150px; gap:14px; perspective:1000px;
  margin-left: clamp(16px, 3vw, 48px);
}
.kvp-mosaic .cell{
  position:relative; overflow:hidden; border-radius:var(--r);
  background:#f3f4f6; border:1px solid #e9edf5;
  box-shadow:0 10px 22px rgba(2,6,23,.06);
  transform:translateZ(0);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, filter .28s ease;
  isolation:isolate;
}
.kvp-mosaic .cell img{
  width:100%; height:100%; object-fit:cover;
  transform:scale(1.02);
  transition:transform .32s ease, filter .32s ease;
  filter:saturate(105%) contrast(102%);
}
.kvp-mosaic .cell::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,0) 30%) padding-box,
    linear-gradient(180deg, #ffffff, #eef2f6) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box;
  -webkit-mask-composite:xor; mask-composite:exclude;
  border:1px solid transparent; opacity:.9;
}
.kvp-mosaic .cell::after{
  content:""; position:absolute; inset:-30% -40% auto -40%; height:60%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  opacity:0; pointer-events:none; transition:opacity .25s ease, transform .25s ease;
}
.kvp-mosaic figcaption{ position:absolute; left:10px; bottom:10px; z-index:2; }
.kvp-mosaic .chip{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.32rem .55rem; border-radius:999px; font-weight:800; font-size:.8rem;
  color:#0f172a; background:rgba(255,255,255,.85); border:1px solid rgba(255,255,255,.8);
  box-shadow:0 8px 18px rgba(2,6,23,.12);
}
.kvp-mosaic .cell:hover{
  transform:translateY(-4px) rotateX(.8deg) rotateY(.8deg);
  box-shadow:0 18px 36px rgba(2,6,23,.10), 0 80px 160px rgba(2,6,23,.06);
  border-color:color-mix(in oklab, var(--amber) 26%, #e9edf5);
}
.kvp-mosaic .cell:hover img{ transform:scale(1.06); filter:saturate(108%) contrast(104%); }
.kvp-mosaic .cell:hover::after{ opacity:.7; transform:rotate(18deg) translateX(16px); }
.kvp-mosaic .a{ grid-area:a; min-height:320px; }
.kvp-mosaic .b{ grid-area:b; }
.kvp-mosaic .c{ grid-area:c; min-height:320px; }
.kvp-mosaic .d{ grid-area:d; }
@media (max-width:991.98px){
  .kvp-mosaic{ grid-template-areas:"a" "b" "c" "d"; grid-template-columns:1fr; grid-auto-rows:180px; }
  .kvp-mosaic .a, .kvp-mosaic .c{ min-height:220px; }
}

/* ---------- REVEAL ON SCROLL (dacă le folosești) ---------- */
.reveal-up,.reveal-fade,.reveal-zoom{ opacity:0; will-change:transform,opacity; }
.reveal-up{ transform:translateY(16px); }
.reveal-fade{ transform:none; }
.reveal-zoom{ transform:scale(.98); }
.reveal-up.inview{ animation:upIn .7s cubic-bezier(.2,.7,.2,1) forwards; }
.reveal-fade.inview{ animation:fadeIn .6s ease-out forwards; }
.reveal-zoom.inview{ animation:zoomIn .7s cubic-bezier(.2,.7,.2,1) forwards; }
@supports (animation-timeline: view()){
  .reveal-up,.reveal-fade,.reveal-zoom{
    opacity:1; transform:none; animation-timeline:view(block);
    animation-range: entry 0% cover 35%; animation-fill-mode:both;
  }
  .reveal-up{ animation-name: upIn; } .reveal-fade{ animation-name: fadeIn; } .reveal-zoom{ animation-name: zoomIn; }
}
@keyframes upIn{ from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:none} }
@keyframes fadeIn{ from{opacity:0} to{opacity:1} }
@keyframes zoomIn{ from{opacity:0; transform:scale(.98)} to{opacity:1; transform:scale(1)} }
@media (prefers-reduced-motion: reduce){
  .reveal-up,.reveal-fade,.reveal-zoom{ opacity:1 !important; transform:none !important; animation:none !important; }
  .kvp-item,.kvp-mosaic .cell{ transition:none !important; }
}


/* ====== OVERRIDE: linie decorativă premium sub titlu ====== */
.kvp-head{
  position: relative;
  padding-bottom: 28px;   /* spațiu pentru decorațiune */
  margin-bottom: 24px;
  text-align: center;     /* titlul și linia centrate */
}

.kvp-head::after{
  content:"";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(245,171,42,.9) 25%,
    rgba(216,138,10,.95) 75%,
    transparent 100%);
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(245,171,42,.25);
}

.kvp-head::before{
  content:"";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, #fff 25%, #f5ab2a 85%);
  box-shadow:
    0 0 0 3px rgba(245,171,42,.25),
    0 0 12px rgba(245,171,42,.55);
}



/* ===== BUTON CTA PREMIUM AURIU ===== */
.kvp-cta{
  --a1:#f6c14b; --a2:#de9714;
  position:relative; isolation:isolate;
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.75rem 1.3rem;
  border-radius:999px;
  font-weight:900; font-size:.95rem; letter-spacing:.15px;
  color:#111827; text-decoration:none;
  border:0;

  background:linear-gradient(180deg,var(--a1),var(--a2));
  box-shadow:
    0 12px 28px rgba(216,138,10,.28),
    inset 0 1px 0 rgba(255,255,255,.7);

  /* puls permanent */
  animation:pulseGlow 3s ease-in-out infinite;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.kvp-cta::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.38) 52%,transparent 64%);
  transform:translateX(-120%); transition:transform .6s ease; mix-blend-mode:screen;
}

.kvp-cta:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:
    0 18px 38px rgba(216,138,10,.35),
    inset 0 1px 0 rgba(255,255,255,.8);
}
.kvp-cta:hover::after{ transform:translateX(0); }

.kvp-cta:active{ transform:translateY(0); }

/* ===== Puls Glow ===== */
@keyframes pulseGlow {
  0%,100% {
    box-shadow:
      0 12px 28px rgba(216,138,10,.28),
      0 0 0 0 rgba(245,171,42,.35),
      inset 0 1px 0 rgba(255,255,255,.7);
  }
  50% {
    box-shadow:
      0 14px 34px rgba(216,138,10,.36),
      0 0 0 10px rgba(245,171,42,.0),
      inset 0 1px 0 rgba(255,255,255,.8);
  }
}












/* ===== NAVBAR — MOBILE PREMIUM v3 (fix: show mega items) ===== */
@media (max-width: 991.98px){
  #topNav.navbar{
    --nav-h: 60px;
    --panel-w: min(86vw, 420px);
    --bg: #fbfbfd;
    --card: #ffffff;
    --ink: #1f2937;
    --muted: #64748b;
    --divider: #e9edf3;
    --shadow: 0 12px 30px rgba(15,23,42,.10);
    --radius: 16px;
  }

  /* Header row */
  #topNav .nav-grid.container{
    display:flex; align-items:center; justify-content:space-between;
    min-height: var(--nav-h);
  }

  /* Burger */
  #topNav .navbar-toggler{
    position:absolute; right:12px; top:50%; transform:translateY(-50%);
    border:0 !important; box-shadow:none !important; z-index:1031;
  }
  #topNav .navbar-toggler-icon{
    background-image:none; width:28px; height:22px; position:relative;
  }
  #topNav .navbar-toggler-icon::before{
    content:""; position:absolute; inset:0;
    background:
      linear-gradient(#111,#111) left 0 top 2px/100% 2px no-repeat,
      linear-gradient(#111,#111) left 0 center/70% 2px no-repeat,
      linear-gradient(#111,#111) left 0 bottom 2px/100% 2px no-repeat;
  }

  /* Slide-in panel */
  #topNav .navbar-collapse{
    position:fixed; top:8px; right:-100%;
    width: var(--panel-w); height: calc(100vh - 16px);
    background: var(--bg);
    border-radius: var(--radius) 0 0 var(--radius);
    box-shadow: var(--shadow);
    transition: right .35s ease;
    padding: calc(var(--nav-h) - 6px) 14px 16px;
    overflow-y:auto; z-index:1030;
    border:1px solid #eef2f7;
  }
  #topNav .navbar-collapse.show{ right:8px; }

  /* Optional backdrop (dacă adaugi `body.nav-open` în JS) */
  body.nav-open::before{
    content:""; position:fixed; inset:0;
    background: rgba(2,6,23,.28);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index:1029;
  }

  /* Main list */
  #topNav .navbar-nav{ width:100%; gap:0; }
  #topNav .nav-item{ margin: 2px 0; }
  #topNav .nav-link{
    display:flex; align-items:center; justify-content:space-between;
    gap:.75rem;
    padding:.9rem .25rem;
    font-weight:700;
    color: var(--ink) !important;
    border-bottom:1px solid var(--divider);
  }
  #topNav .nav-item:last-child .nav-link{ border-bottom:0; }

  /* Chevron */
  #topNav .nav-link .bi-chevron-down{
    font-size:.95rem; color: var(--muted);
    transition: transform .22s ease, color .2s ease;
  }
  #topNav .dropdown.show > .nav-link .bi-chevron-down{
    transform: rotate(180deg); color: var(--ink);
  }

  /* ============ ACCORDION CONTENT (VISIBLE) ============ */
  /* Dropdown container devine acordion cu animație */
  #topNav .dropdown-menu{
    position: static !important;
    float:none; margin:0;
    border:0; box-shadow:none;
    background: var(--bg);
    padding: 0;                   /* padding gestionat mai jos */
    max-height: 0;                /* ascuns implicit */
    overflow: hidden;
    opacity: 0;
    transition: max-height .3s ease, opacity .2s ease;
  }
  #topNav .dropdown.show > .dropdown-menu{
    max-height: 2000px;           /* suficient pentru conținutul tău */
    opacity: 1;
  }

  /* Container intern */
  #topNav .dropdown-menu > .container{ padding: 12px 12px 10px; }

  /* Titlul de secțiune pentru mobil (d-lg-none din HTML) */
  #topNav .dropdown-menu .border-bottom.bg-body-tertiary{
    background: transparent !important;
    border-color: var(--divider) !important;
  }
  #topNav .dropdown-menu h4{ font-size:1.25rem; color:var(--ink); }

  /* ===== Carduri compacte cu thumbnail ===== */
  #topNav .dropdown-menu img{
    width:72px; height:72px; object-fit:cover; border-radius:12px;
    flex-shrink:0;
  }
  /* Generic card look pentru itemii principali (opp/promo/ent/etc.) */
  #topNav .dropdown-menu .opp-left-card,
  #topNav .dropdown-menu .opp-mini-card,
  #topNav .dropdown-menu .promo-card-lg,
  #topNav .dropdown-menu .ent-feature{
    display:flex; align-items:center; gap:12px;
    background: var(--card);
    border:1px solid var(--divider);
    
    padding:12px;
    text-decoration:none;
    color: var(--ink);
    margin-bottom:12px;
  }
  #topNav .dropdown-menu .opp-left-card h5,
  #topNav .dropdown-menu .promo-card-lg .pc-title,
  #topNav .dropdown-menu .ent-feature .ent-title{
    margin:0 0 4px; font-size:1rem; line-height:1.2;
  }
  #topNav .dropdown-menu p,
  #topNav .dropdown-menu .pc-text,
  #topNav .dropdown-menu .ent-text{
    margin:0; font-size:.9rem; color:var(--muted);
  }
  /* Elimină layout-uri complexe pe mobil (row/grid) → stack */
  #topNav .dropdown-menu .row{ --bs-gutter-x: .75rem; }

  /* ===== Lista de categorii (“Buy”) ===== */
  #topNav .dropdown-menu .mega-heading{ 
    font-weight:800; color:var(--muted); margin:.25rem 0 .35rem;
  }
  #topNav .dropdown-menu .mega-item{
    display:flex; align-items:center;
    gap:.5rem;
    padding:.6rem .25rem;
    font-weight:600; color: var(--ink) !important; text-decoration:none;
    border-bottom:1px dashed var(--divider);
  }
  #topNav .dropdown-menu .mega-item:last-child{ border-bottom:0; }
  #topNav .dropdown-menu .mega-item i{ opacity:.7; }

  /* Right actions în panou */
  #topNav .nav-right{ display:none !important; }
  #topNav .navbar-collapse .nav-right-clone{
    margin-top:.75rem; padding-top:.75rem; border-top:1px solid var(--divider);
  }
  #topNav .navbar-collapse .nav-right-clone .btn{
    width:100%; padding:.9rem 1rem; font-weight:800; border-radius:14px;
    background:#111; color:#fff;
  }

  /* Hover-uri discrete */
  #topNav .nav-link:hover{ background: linear-gradient(0deg, rgba(2,6,23,.03), rgba(2,6,23,.03)); border-radius:10px; }
  #topNav .dropdown-menu .opp-left-card:hover,
  #topNav .dropdown-menu .opp-mini-card:hover,
  #topNav .dropdown-menu .promo-card-lg:hover,
  #topNav .dropdown-menu .ent-feature:hover,
  #topNav .dropdown-menu .mega-item:hover{ background:#fff; border-radius:8px; }
}

/* Desktop: păstrează mega-menu la hover */
@media (min-width: 992px){
  #topNav .dropdown-hover:hover > .dropdown-menu{ display:block; }
}



/* ===== Enterprise (în mega-menu pe mobil) – compact, curat ===== */
@media (max-width: 991.98px){
  /* cardul din mega-menu */
  #topNav .dropdown-menu .ent-feature{
    display:flex;
    flex-direction: row !important;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    margin-bottom: 12px;
    background:#fff;
    border:1px solid var(--divider);
    border-radius: 14px;
    box-shadow: none;
    transform: none !important;
  }

  /* imagine mică, pătrată */
  #topNav .dropdown-menu .ent-media{
    flex: 0 0 68px !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 12px !important;
    overflow: hidden;
  }
  #topNav .dropdown-menu .ent-media img{
    width:100%; height:100%; object-fit:cover;
    transform:none !important; /* anulează zoom-ul de hover */
  }

  /* textul din dreapta */
  #topNav .dropdown-menu .ent-body{ min-width:0; }
  #topNav .dropdown-menu .ent-title{
    margin: 0 0 4px;
    font-size: 1rem;
    line-height: 1.2;
    color: var(--ink);
  }
  #topNav .dropdown-menu .ent-text{
    margin: 0;
    font-size: .92rem;
    line-height: 1.45;
    color: var(--muted);
  }

  /* chip-urile (meta) – mai mici și pe un singur rând */
  #topNav .dropdown-menu .ent-meta{
    margin-top: 8px;
    gap: 6px;
    flex-wrap: wrap;
  }
  #topNav .dropdown-menu .ent-chip{
    padding: .3rem .55rem;
    font-size: .78rem;
    border-radius: 10px;
    background:#f8fafc;
    border:1px solid #e6edf6;
  }

  /* headerul secțiunii din mega-menu */
  #topNav .dropdown-menu .mega-section-title,
  #topNav .dropdown-menu .border-bottom.bg-body-tertiary h4{
    font-size: 1.05rem;
    margin: 2px 0 8px;
  }
}

/* ===== Services card (mega-menu mobile) — compact & stacked ===== */
@media (max-width: 991.98px){
  /* Card container */
  #topNav .dropdown-menu .svc-card{
    padding: 14px 14px 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e9edf3;
    box-shadow: 0 6px 18px rgba(2,6,23,.06);
  }
  #topNav .dropdown-menu .svc-card::after{
    left: 12px; right: 12px; top: 8px; height: 3px;
    opacity: .85;
  }

  /* Header (icon + badge) */
  #topNav .dropdown-menu .svc-card-head{ gap: 10px; margin-bottom: .2rem; }
  #topNav .dropdown-menu .svc-badge{
    width: 44px; height: 44px; border-radius: 12px; font-size: 1.05rem;
  }
  #topNav .dropdown-menu .svc-eyebrow{
    padding: .22rem .55rem; font-size: .8rem; border-radius: 999px;
  }

  /* Title & sub */
  #topNav .dropdown-menu .svc-title{
    margin: .35rem 0 .2rem;
    font-size: 1.25rem; line-height: 1.2; letter-spacing: .1px;
  }
  #topNav .dropdown-menu .svc-sub{
    font-size: .95rem; line-height: 1.5; margin: 0 0 .7rem; color: #667085;
  }

  /* Input + CTA → stacked */
  #topNav .dropdown-menu .svc-input-row{
    position: relative;
    display: flex; flex-direction: column; gap: 8px;
    padding: 0; background: transparent; border: 0; box-shadow: none;
  }
  /* Icon over the input */
  #topNav .dropdown-menu .svc-input-row i{
    position: absolute; left: 12px; top: 14px;
    font-size: 1rem; color: #94a3b8;
    background: transparent; border: 0;
  }
  /* Make the input standalone and full width */
  #topNav .dropdown-menu .svc-input-row input{
    width: 100%;
    padding: .7rem .9rem .7rem 2.2rem;  /* room for the icon */
    border: 1px solid #e5e7eb; border-radius: 12px;
    background: #fff; box-shadow: 0 2px 8px rgba(2,6,23,.04) inset;
    font-size: .98rem; color: #0f172a;
  }
  /* CTA → full width button */
  #topNav .dropdown-menu .svc-cta{
    width: 100%;
    padding: .8rem 1rem;
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(216,138,10,.22), inset 0 1px 0 rgba(255,255,255,.6);
    font-size: 1rem;
  }

  /* Footer hints (chips) */
  #topNav .dropdown-menu .svc-foot{ gap: .5rem; margin-top: .6rem; }
  #topNav .dropdown-menu .svc-hint{
    font-size: .9rem; opacity: .9;
  }

  /* Popular tools (tiles) under the card — smaller */
  #topNav .dropdown-menu .svc-section-label{ margin-top: 12px; font-size: .82rem; }
  #topNav .dropdown-menu .svc-tile{
    padding: 12px; border-radius: 12px; gap: 12px;
  }
  #topNav .dropdown-menu .svc-tile-icon{ width: 42px; height: 42px; border-radius: 10px; }
  #topNav .dropdown-menu .svc-tile-title{ font-size: 1rem; }
  #topNav .dropdown-menu .svc-tile-text{ font-size: .92rem; line-height: 1.45; }
  #topNav .dropdown-menu .svc-tile .chip{
    font-size: .78rem; padding: .26rem .48rem; border-radius: 999px;
  }
}
/* Hover lift & shadow pentru cardurile din mega-menú – doar pe pointer fin */
@media (hover:hover) and (pointer:fine){
  #topNav .dropdown-menu .opp-left-card:hover,
  #topNav .dropdown-menu .opp-mini-card:hover,
  #topNav .dropdown-menu .promo-card-lg:hover,
  #topNav .dropdown-menu .ent-feature:hover,
  #topNav .dropdown-menu .svc-tile:hover,
  #topNav .dropdown-menu .mega-item:hover{
    background:#fff;
    transform:translateY(-4px);
    border-color:#e5e7eb;
    box-shadow:0 12px 24px rgba(2,6,23,.10), 0 36px 80px rgba(2,6,23,.16);
  }
}

/* ===== MOBILE FULLSCREEN OFFCANVAS — fără JS ===== */
@media (max-width: 991.98px){
  /* 1) Panoul devine full-screen */
  #topNav.navbar{
    --nav-h: 60px;
    --panel-w: 100vw;
    --bg: #fbfbfd;
    --card: #ffffff;
    --ink: #1f2937;
    --muted: #64748b;
    --divider: #e9edf3;
  }

  #topNav .navbar-collapse{
    position: fixed;
    inset: 0;                 /* ocupă tot ecranul */
    right: -100%;
    left: auto;
    width: var(--panel-w);
    height: 100dvh;           /* sigur pe iOS/Android */
    background: var(--bg);
    border-radius: 0;
    box-shadow: none;
    transition: right .35s ease;
    padding: var(--nav-h) 16px 16px;
    overflow-y: auto;         /* derulare DOAR în panou */
    z-index: 1040;
    border: 0;
  }
  #topNav .navbar-collapse.show{ right: 0; }

  /* 2) Blochează scrollul paginii când panoul e deschis (browsere moderne) */
  body:has(#topNav .navbar-collapse.show){ overflow: hidden; }

  /* 3) Mega-menourile pe mobil: fără limite de înălțime, fără fade/transform */
  #topNav .dropdown-menu{
    position: static !important;
    float: none;
    margin: 0;
    border: 0;
    box-shadow: none;
    background: var(--bg);
    padding: 0;
    max-height: none;         /* IMPORTANT: nu mai tăiem conținutul */
    opacity: 1;
    transform: none !important;
    overflow: visible;
  }

  /* 4) Varianta mega: ocupă toată lățimea panoului și spațiere corectă */
  #topNav .dropdown-menu.mega{
    width: 100% !important;
    left: 0 !important; right: 0 !important; top: auto !important;
    padding: 12px 0 !important;
    background: #f6f8fb !important; /* sau #fff dacă preferi */
  }

  /* 5) Carduri/elemente interne — compacte, dar complete vizibile */
  #topNav .dropdown-menu .opp-left-card,
  #topNav .dropdown-menu .opp-mini-card,
  #topNav .dropdown-menu .promo-card-lg,
  #topNav .dropdown-menu .ent-feature,
  #topNav .dropdown-menu .svc-card,
  #topNav .dropdown-menu .svc-tile{
    background: var(--card);
    border: 1px solid var(--divider);
    border-radius: 14px;
    margin-bottom: 12px;
  }

  /* 6) Listă principală: linkuri ca „rânduri” și iconițe aliniate */
  #topNav .nav-link{
    display:flex; align-items:center; justify-content:space-between;
    gap:.75rem; padding:.9rem .25rem;
    font-weight:700; color:var(--ink) !important;
    border-bottom:1px solid var(--divider);
  }
  #topNav .nav-item:last-child .nav-link{ border-bottom:0; }

  /* 7) Butoanele din dreapta — full width în panou */
  #topNav .navbar-collapse .nav-right-clone .btn{
    width: 100%;
    padding: .9rem 1rem;
    font-weight: 800;
    border-radius: 14px;
  }

  /* 8) Mini-thumbs & text în mega — fără tăiere */
  #topNav .dropdown-menu img{
    width:72px; height:72px; object-fit:cover; border-radius:12px; flex-shrink:0;
  }
  #topNav .dropdown-menu .row{ --bs-gutter-x: .75rem; }
}

/* ===== DESKTOP: păstrează comportamentul tău la hover ===== */
@media (min-width: 992px){
  #topNav .dropdown-hover:hover > .dropdown-menu{ display:block; }
}

/* ===== Fix: toggler corect poziționat și funcțional, doar din CSS ===== */
@media (max-width: 991.98px){
  /* (A) Comportament implicit (MENIU ÎNCHIS):
     păstrăm poziția ta inițială în header */
  #topNav .navbar-toggler{
    position: absolute;
    right: 12px;
    top: 50%;
    
    transform: translateY(-50%);
    border: 0 !important;
    box-shadow: none !important;
    z-index: 1031; /* deasupra headerului, dar sub panou când se deschide */
    padding: 8px;  /* hit area mai mare */
  }

  /* (B) Când MENIUL E DESCHIS:
     toggler devine FIX în colțul de sus, deasupra panoului (clickabil) */
  #topNav:has(.navbar-collapse.show) .navbar-toggler{
    position: fixed;
    right: calc(12px + env(safe-area-inset-right));
    top: calc(12px + env(safe-area-inset-top));
    transform: none;
    z-index: 1055; /* > 1040 cât are panoul */
  }

  /* Spațiu extra sus în panou ca să nu stea sub toggler */
  #topNav .navbar-collapse.show{
    padding-top: max(72px, calc(56px + env(safe-area-inset-top)));
  }

  /* Burger → “X” când meniul e deschis (fără JS) */
  #topNav .navbar-toggler .navbar-toggler-icon{
    width: 28px; height: 22px; position: relative;
    background-image: none;
  }
  #topNav .navbar-toggler .navbar-toggler-icon::before,
  #topNav .navbar-toggler .navbar-toggler-icon::after{
    content:""; position:absolute; left:0; right:0; height:2px; top:50%;
    background: black; transform-origin:center; transition:transform .2s ease, opacity .2s ease;
  }
  /* linii inițiale (burger) */
  #topNav .navbar-toggler .navbar-toggler-icon::before{
    transform: translateY(-7px) rotate(0deg);  /* linia de sus */
  }
  #topNav .navbar-toggler .navbar-toggler-icon::after{
    transform: translateY(5px) rotate(0deg);   /* linia de jos */
  }
  /* în stare DESCHIS → X */
  #topNav:has(.navbar-collapse.show) .navbar-toggler .navbar-toggler-icon::before{
    transform: translateY(-50%) rotate(45deg);
  }
  #topNav:has(.navbar-collapse.show) .navbar-toggler .navbar-toggler-icon::after{
    transform: translateY(-50%) rotate(-45deg);
  }

  /* Dacă panoul are backdrop cu ::before, nu bloca togglerul */
  #topNav .navbar-collapse.show::before{ z-index: -1; }
}

/* Opțional: dacă headerul e transparent și vrei ca liniile burgerului să fie închise la culoare
   și în starea transparentă, păstrează regula ta existentă: 
   #topNav.navbar-transparent .navbar-toggler{ filter:invert(1); }
*/


@media (max-width: 991.98px){
  #topNav .navbar-toggler .navbar-toggler-icon::before,
  #topNav .navbar-toggler .navbar-toggler-icon::after{
    background: black !important; /* negru intens */
  }
}


/* ===== Bottom actions în panoul mobil (fără JS) ===== */
@media (max-width: 991.98px){
  /* containerul de butoane din panou */
  #topNav .navbar-collapse .nav-right-clone{
    position: sticky;           /* rămâne lipit jos cât derulezi panoul */
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px;
    margin-top: 12px;

    /* fundal separat + „elevare” */
    background:
      linear-gradient(to top, rgba(251,251,253,1), rgba(251,251,253,.96) 48%, rgba(251,251,253,.85) 80%, rgba(251,251,253,0));
    border-top: 1px solid var(--divider);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 1;                 /* peste conținutul panoului */
  }

  /* butoanele */
  #topNav .navbar-collapse .nav-right-clone .btn{
    width: 100%;
    padding: .9rem 1rem;
    font-weight: 800;
    border-radius: 14px;
  }

  /* spațiu safe-area pe iOS */
  #topNav .navbar-collapse .nav-right-clone{
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }

  /* ascunde acțiunile din dreapta pe mobil (rămân pe desktop) */
  #topNav .nav-right{ display: none !important; }
}

/* Desktop: ascunde varianta „clone” */
@media (min-width: 992px){
  #topNav .navbar-collapse .nav-right-clone{ display: none !important; }
}
/* === Premium pill-style buttons în panoul mobil === */
@media (max-width: 991.98px){
  #topNav .navbar-collapse .nav-right-clone .btn{
    border-radius: 999px !important;
    padding: .9rem 1.4rem !important;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 800;
    font-size: .95rem;
    line-height: 1;
    transition: transform .15s ease, box-shadow .2s ease, background-color .25s ease, color .25s ease;
  }

  /* === LOGIN (alb, contur negru) === */
  #topNav .navbar-collapse .nav-right-clone .btn.btn-dark{
    background: #fff !important;
    color: #0f172a !important;
    border: 2px solid #0f172a !important;
    box-shadow: none !important;
  }
  #topNav .navbar-collapse .nav-right-clone .btn.btn-dark:hover{
    background: #f8fafc !important;
    transform: translateY(-1px);
  }

  /* === REGISTER (negru, text alb) === */
  #topNav .navbar-collapse .nav-right-clone .btn.btn-outline-dark{
    background: #0f172a !important;
    color: #fff !important;
    border: 2px solid #0f172a !important;
    box-shadow: 0 12px 24px rgba(15,23,42,.25);
  }
  #topNav .navbar-collapse .nav-right-clone .btn.btn-outline-dark:hover{
    filter: brightness(1.1);
    transform: translateY(-1px);
  }

  /* Shadow mic la hover */
  #topNav .navbar-collapse .nav-right-clone .btn:active{
    transform: translateY(1px);
    box-shadow: 0 6px 12px rgba(15,23,42,.15);
  }
}




/* ===== HERO — polish mobil ===== */
@media (max-width: 767.98px){

  /* 1) overlay mai întunecat peste imagine (dacă ai un overlay existent, crește opacitatea) */
  .hero::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background: linear-gradient(180deg, rgba(10,14,22,.45), rgba(10,14,22,.25) 40%, rgba(10,14,22,.15) 100%);
    z-index: 0;
  }
  .hero > .container{ position: relative; z-index: 1; }

  /* 2) titlu + spacing */
  .hero .hero-title{
    font-size: 1.9rem !important;      /* ușor mai mic pe mobil */
    line-height: 1.25;
    margin: .25rem 0 .75rem;
    letter-spacing: .2px;
  }
  .hero .eyebrow{ margin-bottom: .5rem !important; }
  .hero .hero-sub{ display:none !important; } /* rămâne ascuns */

  /* 3) chip-uri: 2 pe rând, icon mic rotund */
  .hero .d-flex.flex-wrap.gap-2{
    gap:.5rem !important;
  }
  .hero .chip{
    padding:.42rem .72rem;
    font-size:.88rem;
    border-radius:999px;
    background: linear-gradient(180deg, rgba(17,23,39,.32), rgba(17,23,39,.18));
    border:1px solid rgba(255,255,255,.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .hero .chip i{
    width:20px; height:20px; font-size:.85rem;
    display:inline-grid; place-items:center; border-radius:999px;
    background: rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.32);
  }

  /* 4) bara de search: păstrează look desktop, dar mai mică și centrată */
  #hero-search{ display:flex; flex-direction:column; align-items:center; }
  .hero .glass-search{
    width:92%;
    max-width: 560px;
    margin-inline:auto;
    padding: 6px;
    border-radius: 16px;
    font-size:.95rem;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
  }
  .hero .gs-field{ padding:.5rem .65rem; border-radius:12px; }
  .hero .gs-input{ font-size:.92rem; }
  .hero .btn-cta{
    padding:.55rem 1rem; font-size:.92rem; border-radius:12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 6px 16px rgba(0,0,0,.18);
  }

  /* 5) benefits sub bară – mai discrete și apropiate */
  .hero .benefits{
    margin-top:.65rem;
    gap:.75rem; opacity:.95;
  }
  .hero .benefit{ font-size:.82rem; }
  .hero .benefit .ico{
    width:20px; height:20px; border-radius:999px;
    display:inline-grid; place-items:center;
    background: rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.3);
  }

  /* 6) margini sigure (notch) */
  .hero{ padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
}


/* ================= NOVA KEYS (prefix nx-) – compact & premium ================= */
:root{
  --nx-ink:#121826;
  --nx-muted:#5b6472;
  --nx-line:#e8edf4;
  --nx-surface:#fff;
  --nx-cream:#fffaf4;
  --nx-gold:#d4af37;
  --nx-gold-2:#f6c85b;
  --nx-shadow:0 18px 50px rgba(15,23,42,.08);
}

#nx-keys.nx-wrap{
  background:var(--nx-cream);
  padding:clamp(56px,6vw,96px) 0;
  color:var(--nx-ink);
}

.nx-container{ width:min(1180px,94vw); margin-inline:auto; }

/* ===== Layout ===== */
.nx-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr; /* cards / mosaic */
  gap:clamp(28px,4vw,60px);
  align-items:start;
}
@media (min-width:992px){
  /* ușor mai mult spațiu pentru carduri -> par mai “lungi” */
  .nx-grid{ grid-template-columns:1.25fr .95fr; }
}

/* ===== Head + decorațiune ===== */
.nx-head{ text-align:center; margin-bottom:28px; position:relative; }
.nx-head h2{
  margin:0 0 8px;
  font-family:"Playfair Display", ui-serif, Georgia, serif;
  font-weight:900;
  font-size:clamp(28px,3.9vw,43px); /* mai mic */
  letter-spacing:-.015em;
}
.nx-head p{ margin:0; color:var(--nx-muted); font-size:clamp(15px,1.25vw,18px); }
.nx-head::after{
  content:""; display:block; width:220px; height:2px; margin:18px auto 0; border-radius:2px;
  background:linear-gradient(90deg,transparent, rgba(212,175,55,.9) 25%, rgba(246,200,91,.95) 75%, transparent);
  box-shadow:0 1px 6px rgba(212,175,55,.35);
}
.nx-head::before{
  content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-7px;
  width:12px; height:12px; border-radius:50%;
  background:radial-gradient(circle at 40% 40%, #fff 25%, var(--nx-gold-2) 80%);
  box-shadow:0 0 0 4px rgba(246,200,91,.22), 0 0 14px rgba(212,175,55,.55);
}

/* ===== Cards – compacte, pătrate, premium ===== */
.nx-cards{ display:grid; gap:20px; margin-top:14px; grid-template-columns:1fr; }
@media (min-width:992px){ .nx-cards{ grid-template-columns:1fr 1fr; } }

.nx-card{
  position:relative; display:flex; gap:16px; align-items:flex-start;
  padding:14px 22px 14px 26px;         /* mai puțin pe verticală */
  min-height:96px;                     /* mai scund */
  background:linear-gradient(180deg,#fff,#fafcff);
  border:1px solid var(--nx-line);
  border-radius:0;                     /* pătrat */
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 26px rgba(2,6,23,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
  overflow:hidden;
}
/* accent lateral auriu + sheen */
.nx-card::before{
  content:""; position:absolute; inset:0 auto 0 0; width:4px;
  background:linear-gradient(180deg,var(--nx-gold-2),var(--nx-gold));
  opacity:.95;
}
.nx-card::after{
  content:""; position:absolute; inset:-40% -60% auto -60%; height:60%;
  transform:rotate(16deg) translateX(-14px);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  opacity:0; pointer-events:none; transition:opacity .25s ease, transform .25s ease;
}
.nx-card:hover{
  transform:translateY(-8px) scale(1.01);
  border-color:#f1e3b0;
  box-shadow:0 22px 54px rgba(2,6,23,.14), 0 0 0 8px rgba(246,200,91,.08), inset 0 1px 0 #fff;
  filter:saturate(104%);
}
.nx-card:hover::after{ opacity:.95; transform:rotate(16deg) translateX(22px); }

/* icon monocrom (sau ascunde complet cu display:none) */
.nx-ico{
  flex:0 0 auto; width:38px; height:38px; border-radius:8px;
  display:grid; place-items:center; font-size:1.05rem; color:#1c2430;
  background:linear-gradient(180deg,#fafbfc,#f4f7fb); border:1px solid #e8ecf3;
  filter:grayscale(1) contrast(1.05) brightness(.98);
}
.nx-body h6{ margin:0 0 4px; font-weight:800; letter-spacing:-.01em; font-size:1rem; color:#121826; }
.nx-body p { margin:0; color:#4f5d6a; font-size:.94rem; line-height:1.5; }
.nx-tag{
  margin-left:.45rem; font-style:normal; font-weight:700; font-size:.7rem;
  padding:2px 6px; border-radius:8px; color:#2e3441; background:#f7f9fc; border:1px solid var(--nx-line);
}

/* ===== CTA-uri Glass Premium ===== */
.nx-actions{
  display:flex; gap:1rem; flex-wrap:wrap;
  margin-top:29px; justify-content:center; padding-right:30px;
}

/* === Buton principal: Negru, text alb === */
.nx-cta{
  position: relative; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center;
  
  padding: 1.4rem 2.1rem;   /* mai înalt cu ~25% */


  border-radius: 999px;
  margin-top:6px;
  font-weight: 900;
  font-size: 1.05rem;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0,0,0,.6);

  background: black; /* negru transparent */
  border: 1px solid rgba(255,255,255,.18);

  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);

  box-shadow:
    0 10px 22px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(0,0,0,.45);

  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

/* efect glossy sus */
.nx-cta::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background: radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.18) 0%, transparent 60%);
}

.nx-cta:hover{
  transform: translateY(-2px);
  background: rgba(0,0,0,.7);
  box-shadow: 0 14px 32px rgba(0,0,0,.45);
}
.nx-cta:active{ transform:translateY(0); background: rgba(0,0,0,.65); }

/* === Buton secundar: Transparent albicios, text negru === */
.nx-ghost{
  position: relative; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center;
  padding: 0.95rem 1.8rem;
  border-radius: 999px;

  font-weight: 900;
  font-size: 1.05rem;
  color:#111;   /* text negru */
  text-decoration:none;

  background: transparent; /* transparent albicios */
  border: 1px solid rgba(255,255,255,.35);

  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);

  box-shadow:
    0 10px 22px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.25);

  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.nx-ghost::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background: radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.28) 0%, transparent 60%);
}

.nx-ghost:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.28);
  box-shadow: 0 14px 32px rgba(0,0,0,.25);
}
.nx-ghost:active{ transform:translateY(0); background: rgba(255,255,255,.22); }


/* ===== Mosaic – mutat mai la dreapta + mai jos ===== */
.nx-mosaic{
  display:grid; gap:16px;
  grid-template-areas:"a b" "a c" "d c";
  grid-template-columns:1.05fr .95fr;
  grid-auto-rows:160px;
}
@media (min-width:1100px){
  .nx-right{ justify-self:end; }        /* aliniază spre dreapta coloana mozaicului */
  .nx-mosaic{ margin-top:40px; transform:translateX(18%); }
}
@media (min-width:1400px){
  .nx-mosaic{ transform:translateX(20%); }  /* puțin mai mult pe ecrane mari */
}

.nx-cell{
  position:relative; overflow:hidden; border-radius:15px;         /* pătrat */
  background:#f0f3f8; border:1px solid #e8edf4;
  box-shadow:0 10px 24px rgba(2,6,23,.08);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, filter .28s ease;
  isolation:isolate;
}
.nx-cell img{
  width:100%; height:100%; object-fit:cover; transform:scale(1.03);
  transition:transform .32s ease, filter .32s ease; filter:saturate(106%) contrast(102%);
}
/* contur aurit subtil + sheen */
.nx-cell::before{
  content:""; position:absolute; inset:-1px; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,0) 34%) padding-box,
    linear-gradient(120deg, #ffffff, #f3e7bf, #ffffff) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box;
  -webkit-mask-composite:xor; mask-composite:exclude;
  border:1px solid transparent; opacity:.9;
}
.nx-cell::after{
  content:""; position:absolute; inset:-30% -40% auto -40%; height:60%;
  transform:rotate(16deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  opacity:0; transition:opacity .25s ease, transform .25s ease; pointer-events:none;
}
.nx-chip{
  position:absolute; left:12px; bottom:12px;
  display:inline-flex; align-items:center; gap:.35rem; padding:.34rem .6rem;
  border-radius:999px; font-weight:800; font-size:.8rem;
  color:#0f172a; background:rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.85);
  box-shadow:0 8px 18px rgba(2,6,23,.12);
}
.nx-cell:hover{
  transform:translateY(-6px) scale(1.02) rotateX(.6deg) rotateY(.6deg);
  border-color:#f1e3b0; box-shadow:0 22px 50px rgba(2,6,23,.16), 0 90px 160px rgba(2,6,23,.08);
}
.nx-cell:hover img{ transform:scale(1.08); filter:saturate(110%) contrast(104%); }
.nx-cell:hover::after{ opacity:.85; transform:rotate(16deg) translateX(18px); }

/* zone mozaic */
.nx-a{ grid-area:a; min-height:330px; }
.nx-b{ grid-area:b; }
.nx-c{ grid-area:c; min-height:340px; }
.nx-d{ grid-area:d; }

/* ===== Responsive ===== */
@media (max-width:991px){
  .nx-grid{ grid-template-columns:1fr; gap:22px; }
  .nx-right, .nx-mosaic{ display:none !important; } /* ascunde mozaicul pe mobil */
  .nx-head{ text-align:center; }
  .nx-cards{ grid-template-columns:1fr; }
  .nx-actions{ justify-content:center; }
}

/* ===== Animations (păstrate) ===== */
.nx-reveal-up, .nx-reveal-zoom{ opacity:0; will-change:transform,opacity; }
.nx-reveal-up  { transform:translateY(18px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.nx-reveal-zoom{ transform:scale(.98);    transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
#nx-keys.inview .nx-reveal-up,
#nx-keys.inview .nx-reveal-zoom,
#nx-keys .nx-reveal-up.inview,
#nx-keys .nx-reveal-zoom.inview{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .nx-reveal-up, .nx-reveal-zoom{ opacity:1 !important; transform:none !important; transition:none !important; }
}








/* ============ REAL ESTATE NEWS — Premium v2 (rn-*) ============ */
#rn-news.rn-wrap{
  --ink:#0e1726;
  --muted:#6b7380;
  --surface:#ffffff;
  --line:#e9edf3;
  --blue:#1f6feb; --green:#16a34a; --red:#e11d48;

  background:
    radial-gradient(1400px 600px at 10% -10%, #f7f9fc 0%, transparent 60%),
    radial-gradient(900px 500px at 90% 110%, #f5f7fa 0%, transparent 60%),
    #ffffff;
  color: var(--ink);
  padding: clamp(48px, 6vw, 84px) 0;
}
#rn-news .rn-container{ width:min(1180px,94vw); margin-inline:auto; }

/* Head */
#rn-news .rn-head{ display:grid; grid-template-columns:1fr auto; align-items:end; gap:12px; }
#rn-news .rn-title{
  margin:0;
  font-family:"Playfair Display", ui-serif, Georgia, serif;
  font-weight:900; letter-spacing:-.015em;
  font-size: clamp(26px, 4vw, 44px);
}
#rn-news .rn-sub{
  grid-column:1/-1;
  margin: 6px 0 8px;
  color:#5a6675;
  font-size: clamp(15px, 1.25vw, 18px);
}

/* Arrows */
#rn-news .rn-arrows{ display:flex; gap:10px; align-items:center; }
#rn-news .rn-arrow{
  width:40px; height:40px; border-radius:50%;
  display:grid; place-items:center; color:#1e293b; background:#fff;
  box-shadow: 0 4px 14px rgba(2,6,23,.10);
  border:1px solid #eef2f7; cursor:pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
#rn-news .rn-arrow:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(2,6,23,.16); background:#f8fafc; }

/* Viewport + track */
#rn-news .rn-viewport{ margin-top: clamp(12px, 2vw, 18px); overflow:hidden; }
#rn-news .rn-track{
  display:grid; grid-auto-flow:column; grid-auto-columns: minmax(260px, 1fr);
  gap: clamp(14px, 1.8vw, 22px);
  /* smooth desktop; pe mobil folosim scroll-snap în MQ */
  scroll-behavior:smooth; overscroll-behavior-x:contain; scrollbar-width:none;
}
#rn-news .rn-track::-webkit-scrollbar{ display:none; }

/* Card */
#rn-news .rn-card{ list-style:none; }
#rn-news .rn-article{
  background: var(--surface);
  border-radius: 0;
  border: 1px solid var(--line);
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
  overflow: hidden;
  display: grid;
  grid-template-rows: 180px auto;
  min-height: 360px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
  position: relative;
  transform: translateZ(0); will-change: transform;
}
@media (min-width:1024px){
  #rn-news .rn-article{ grid-template-rows: 220px auto; min-height: 400px; }
}
#rn-news .rn-article:hover{
  transform: translateY(-6px);
  border-color:#e5eaf2;
  box-shadow: 0 20px 50px rgba(2,6,23,.12), 0 0 0 8px rgba(31,111,235,.03);
  filter:saturate(103%);
}

/* Media */
#rn-news .rn-media{ position:relative; display:block; height:100%; }
#rn-news .rn-media img{ width:100%; height:100%; object-fit:cover; display:block; }
#rn-news .rn-overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.02) 30%, rgba(0,0,0,.35) 90%);
}
/* chip */
#rn-news .rn-chip{
  position:absolute; left:12px; top:12px;
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.38rem .56rem; border-radius:999px;
  backdrop-filter: blur(6px) saturate(120%);
  -webkit-backdrop-filter: blur(6px) saturate(120%);
  border:1px solid rgba(255,255,255,.75);
  background: rgba(255,255,255,.92);
  font-weight:800; font-size:.76rem; color:#0f172a;
}
#rn-news .rn-chip--blue  { box-shadow:0 6px 16px rgba(31,111,235,.16); }
#rn-news .rn-chip--green { box-shadow:0 6px 16px rgba(22,163,74,.16); }
#rn-news .rn-chip--red   { box-shadow:0 6px 16px rgba(225,29,72,.16); }

/* Meta */
#rn-news .rn-meta{ padding: 14px 14px 12px; display:grid; align-content:start; gap:8px; }
#rn-news .rn-h{ margin:0; font-weight:900; letter-spacing:-.01em; font-size: clamp(17px, 1.4vw, 20px); }
#rn-news .rn-excerpt{
  margin:0; color:var(--muted); line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#rn-news .rn-foot{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px; }
#rn-news .rn-time{ color:#6b7280; font-weight:700; font-size:.82rem; }
#rn-news .rn-read{
  font-weight:900; font-size:.86rem; color:#111; text-decoration:none;
  background:#f3f6fb; border:1px solid #e8edf5; padding:.48rem .82rem; border-radius:999px;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
#rn-news .rn-read:hover{ transform: translateY(-1px); background:#eef3fb; box-shadow:0 8px 18px rgba(2,6,23,.12); }

/* CTA */
#rn-news .rn-cta-wrap{ display:flex; justify-content:center; margin-top: clamp(20px, 3.6vw, 30px); }
#rn-news .rn-cta{
  display:inline-flex; align-items:center; gap:.55rem;
  padding: .9rem 1.5rem; border-radius:999px; font-weight:900; text-decoration:none;
  color:#111; background:#fff; border:1px solid #e8eef5;
  box-shadow: 0 12px 26px rgba(2,6,23,.10), inset 0 1px 0 #fff;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
#rn-news .rn-cta::after{ content:"↗"; opacity:.7; }
#rn-news .rn-cta:hover{ transform:translateY(-2px); background:#f9fbff; box-shadow:0 18px 38px rgba(2,6,23,.16); }

/* Animations */
#rn-news [data-anim]{ opacity:0; transform:translateY(18px); will-change:transform,opacity; }
#rn-news.inview [data-anim="rise"]{ opacity:1; transform:none; transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
#rn-news.inview [data-anim="fade"]{ opacity:1; transform:none; transition:opacity .8s ease .08s, transform .8s ease .08s; }

/* ===== Responsive sizing ===== */
@media (max-width: 1023px){
  #rn-news .rn-track{ grid-auto-columns: minmax(68%, 1fr); }
}
@media (max-width: 639px){
  #rn-news .rn-track{ grid-auto-columns: 86%; }
  #rn-news .rn-article{ grid-template-rows: 180px auto; min-height: 360px; }
}

/* ===== MOBILE ENHANCEMENTS ===== */
/* scroll-snap, swipe smooth + fade margins + ascunde săgețile, arată buline */
@media (max-width: 767.98px){
  #rn-news .rn-viewport{
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 2px 10px;
    
  }
  #rn-news .rn-track{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 86%;
    gap: 16px;
    padding-right: 10px;
  }
  #rn-news .rn-card{ scroll-snap-align: start; }
  #rn-news .rn-arrows{ display:none; }
  #rn-news .rn-dots{ display:flex; }
}
/* pe dispozitive mari: ascundem bulinele */
@media (min-width: 768px){
  #rn-news .rn-dots{ display:none !important; }
}

/* Dots (apărute doar pe mobil prin MQ-ul de mai sus) */
#rn-news .rn-dots{
  display:flex; justify-content:center; align-items:center; gap:10px;
  margin-top: 14px;
}
#rn-news .rn-dot{
  width:8px; height:8px; border-radius:999px;
  background:#cbd5e1; border:1px solid #e5eaf2;
  transition: transform .18s ease, background .18s ease, opacity .18s ease, width .18s ease;
  opacity:.8;
}
#rn-news .rn-dot[aria-selected="true"]{
  width:22px; height:8px; border-radius:999px;
  background:#111; border-color:#111; opacity:1; transform: translateY(-1px);
}

/* Hide scrollbars complet, dar păstrăm swipe */
#rn-news .rn-viewport{ scrollbar-width: none; }
#rn-news .rn-viewport::-webkit-scrollbar{ width:0; height:0; display:none; }
#rn-news .rn-track{ scrollbar-width: none; }
#rn-news .rn-track::-webkit-scrollbar{ width:0; height:0; display:none; }
















/* ===== Selector limba ===== */

.footer-lang{ position:relative; display:inline-block; }
.lang-btn{
  display:inline-flex; align-items:center; gap:.5rem;
  background:#1f2937; color:#e5e7eb; border:1px solid #374151;
  padding:.5rem .75rem; border-radius:999px; cursor:pointer;
}
.lang-btn .caret{ opacity:.8; font-size:.8rem; }
.lang-list{
  position:absolute; inset:auto 0 auto 0; min-width:180px; margin-top:.5rem;
  background:#111827; color:#e5e7eb; border:1px solid #374151; border-radius:.75rem;
  padding:.25rem; list-style:none; display:none; z-index:50;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.lang-list.show{ display:block; }
.lang-list li{
  padding:.55rem .75rem; border-radius:.5rem; cursor:pointer;
}
.lang-list li[aria-selected="true"]{ background:#1f2937; }
.lang-list li:hover{ background:#374151; }



/* =========================
   OFFCANVAS SEARCH — PREMIUM
   (scoped pe .oc-search)
   ========================= */

/* =========================================================
   OFFCANVAS SEARCH — FULL-WIDTH, NO RADIUS, PREMIUM THEME
   Scope: ONLY .oc-search (nu atinge alte componente)
   Lipeste peste CSS-ul tau existent pentru aceasta sectiune.
   ========================================================= */

/* Panoul offcanvas: full-bleed, fara colturi rotunde */
.oc-search.offcanvas.offcanvas-top{
  position: fixed;
  inset: 0 auto auto 0;
  width: 100vw;
  max-width: 100%;
  height: auto;
  max-height: 100dvh;
  margin: 0;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(1200px 420px at 50% 0, rgba(245,171,42,.18), transparent 55%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 38%, #0f172a 100%); /* dark premium + accent amber glow */
  color: #e5e7eb;
  box-shadow: 0 10px 40px rgba(0,0,0,.35);
  transform: translateY(-100%); /* starea ascunsa (handled de Bootstrap) */
}

/* Nu folosim containerul BS intern */
.oc-search .offcanvas-body{ display:none; }

/* Containerul tau: full-width band, bezels subtile, fara radius */
.oc-container{
  width: min(1280px, 96vw);
  margin: 16px auto;
  padding: clamp(16px,2vw,24px);
  border-radius: 0;                 /* fara colturi */
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  backdrop-filter: saturate(140%) blur(8px);
  -webkit-backdrop-filter: saturate(140%) blur(8px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 48px rgba(0,0,0,.28);
}

/* ===== Header ===== */
.oc-head{
  display:flex; align-items:center; justify-content:space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.oc-title{ display:flex; align-items:center; gap:14px; }
.oc-title i{
  width:48px; height:48px; display:grid; place-items:center;
  border-radius:10px;
  background:linear-gradient(180deg,#ffe39a,#e9b93f);
  color:#111827; font-size:1.15rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 6px 16px rgba(245,171,42,.28);
}
.oc-title h5{
  margin:0; font-weight:900; letter-spacing:-.01em; color:#fff;
  font-size: clamp(1.1rem, .85rem + .9vw, 1.6rem);
}
.oc-sub{ margin:0; color:#cbd5e1; opacity:.92; font-weight:600; }

.oc-close{
  filter: invert(1) contrast(1.1);
  opacity:.85;
}
.oc-close:hover{ opacity:1; }

/* ===== Formular (bara de cautare) ===== */
.oc-form{ padding-top: 14px; }
.oc-input{
  position:relative;
  display:grid; grid-template-columns: 1fr auto; gap:12px; align-items:center;
  padding:10px; border-radius:12px;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.16);
  box-shadow: 0 14px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.25);
}
.oc-input > i{
  position:absolute; left:18px; top:50%; transform:translateY(-50%);
  color:#cfd8e3; font-size:1.05rem; pointer-events:none;
}
.oc-input input{
  width:100%; height:56px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  padding:0 16px 0 46px;
  color:#f8fafc; font-weight:800; letter-spacing:.02em;
  outline:0;
}
.oc-input input::placeholder{ color:#e5edf6; opacity:.95; }

.oc-input .btn-amber{
  display:inline-flex; align-items:center; gap:.4rem;
  height:56px; padding:0 20px;
  border:0; border-radius:10px; color:#111827; font-weight:900;
  background:linear-gradient(180deg,#f5ab2a,#d88a0a);
  box-shadow:0 16px 30px rgba(216,138,10,.30), inset 0 1px 0 rgba(255,255,255,.75);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.oc-input .btn-amber:hover{ transform:translateY(-1px); filter:brightness(1.06); }

/* ===== Quick filters (chips) ===== */
.oc-quick{
  display:flex; align-items:center; flex-wrap:wrap; gap:.55rem 10px;
  padding: 12px 2px 4px;
}
.oc-quick .oc-label{
  color:#a5b4fc; letter-spacing:.08em; text-transform:uppercase;
  font-weight:800; font-size:.78rem; margin-right:4px;
}
.oc-quick .chip{
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  color:#e5e7eb; font-weight:800; font-size:.92rem;
  border-radius:999px; padding:.46rem .8rem;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.oc-quick .chip:hover{
  transform: translateY(-1px);
  border-color: rgba(245,171,42,.45);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}

/* ===== Sugestii ===== */
.oc-suggestions{
  display:grid; gap:12px; grid-template-columns:1fr; padding-top:8px;
}
@media (min-width: 900px){
  .oc-suggestions{ grid-template-columns:1fr 1fr; gap:16px; }
}
.oc-sec{
  color:#cbd5e1; opacity:.92; font-weight:800; font-size:1rem; margin-bottom:4px;
}
.sug{
  display:flex; align-items:center; gap:10px;
  padding:14px 14px; border-radius:10px; text-decoration:none;
  border:1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  color:#e5e7eb; font-weight:700;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sug i{ opacity:.9; }
.sug:hover{
  transform: translateY(-1px);
  border-color: rgba(245,171,42,.5);
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}

/* ===== Footer hints ===== */
.oc-foot{
  display:flex; align-items:center; gap:.7rem .9rem; flex-wrap:wrap;
  color:#cbd5e1; opacity:.95; font-weight:700;
  padding: 12px 0 2px; border-top:1px solid rgba(255,255,255,.08);
  margin-top:12px;
}
.oc-foot .dot{
  width:4px; height:4px; border-radius:999px; background:#9aa4b2; display:inline-block;
}
.oc-search kbd{
  background:#111827; color:#fff; border:1px solid rgba(255,255,255,.2);
  border-radius:6px; padding:.02rem .4rem; font-weight:800;
}

/* ===== Mobile tweaks ===== */
@media (max-width: 575.98px){
  .oc-container{ width: 96vw; margin: 12px auto; padding: 14px; }
  .oc-input{ padding:8px; }
  .oc-input input, .oc-input .btn-amber{ height:52px; }
}

/* ===== Backdrop consistent cu tema ===== */
.offcanvas-backdrop{ background: rgba(2,6,23,.52); }
.offcanvas-backdrop.show{ opacity:1; }

/* Reduce motion respect */
@media (prefers-reduced-motion: reduce){
  .oc-input .btn-amber, .oc-quick .chip, .sug{ transition:none !important; }
}





/* ===== ESTHER – Browse Properties (estbr-*) — CLEAN FINAL ===== */

/* Hero */
#estbr-hero.estbr{
  --br-bg:none; /* seteaz-o inline pe <section> */
  --br-overlay: linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.45) 70%, rgba(0,0,0,.65) 100%);
  --br-wrap: min(1240px, 94vw);
  --br-y: 0px;
  color:#fff; position:relative; isolation:isolate;
  min-height: clamp(78vh, 88vh, 98vh);
  display:grid; place-items:end center; overflow:hidden;
  background: var(--br-overlay), var(--br-bg) center / cover no-repeat;
  background-position: center calc(50% + var(--br-y));
}
.estbr::before{
  content:""; position:absolute; inset:0; z-index:0;
  background: radial-gradient(120% 80% at 50% -10%, rgba(0,0,0,.22) 0%, transparent 50%);
}
.estbr .estbr-inner{
  width:var(--br-wrap);
  max-width:1440px;                     /* mai lat -> încap pe un rând */
  margin-inline:auto;
  padding: clamp(40px,6vw,72px) 0;
  position:relative; z-index:1; display:grid; gap:20px;
}

/* Heading (mai mic, elegant) */
.estbr .estbr-head{ max-width:900px; }
.estbr .estbr-title{
  font-family:"DM Serif Display", Georgia, "Times New Roman", serif;
  font-weight:400;
  font-size: clamp(21px, 3.4vw, 41px); /* mai mic & sharp */
  line-height:1.08;
  letter-spacing:.01em;
  margin:0 0 8px;
  text-wrap:balance;
}
.estbr .estbr-sub{
  max-width:720px; margin:0;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height:1.7;
  color: rgba(255,255,255,.9);
}

/* ===== Search pill (glass) — 1 rând ===== */
.estbr .estbr-search{
  display:flex; align-items:center; flex-wrap:nowrap; justify-content:center;
  width:100%; max-width:1400px; margin-inline:auto;

  gap:16px; padding:16px 28px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.42);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  color:#fff; border-radius:999px;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
  overflow-x:auto; /* în caz de viewport îngust */
}

/* Câmpuri */
.estbr .estbr-field{
  display:flex; flex-direction:column; gap:10px;
  min-width:150px; flex:1 1 160px;
}
.estbr .estbr-field:first-child{ flex: 2.5 1 360px; } /* Location mai lat */

.estbr .estbr-label{
  font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color: rgba(255,255,255,.85);
}

.estbr .estbr-field input,
.estbr .estbr-field select{
  height:48px; border-radius:999px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.35);
  color:#fff; padding:0 20px; outline:none;
  font-size:15px; line-height:1;
}
.estbr .estbr-field input::placeholder{ color: rgba(255,255,255,.82); }

/* Select: săgeată albă + dropdown dark nativ */
.estbr .estbr-field select{
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M5.5 7.5l4.5 5 4.5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; background-size:16px 16px;
  padding-right:36px;
  color-scheme: dark; /* Chrome/Edge dropdown dark */
}
.estbr .estbr-field select option{
  background-color: rgba(22,22,28,.95);
  color:#fff; padding:8px 12px; font-size:15px;
}
.estbr .estbr-field select option:hover,
.estbr .estbr-field select option:checked{
  background-color: rgba(255,255,255,.12); color:#fff;
}

/* Focus premium */
.estbr .estbr-field input:focus,
.estbr .estbr-field select:focus{
  border-color: rgba(255,255,255,.8);
  box-shadow: 0 0 0 3px rgba(255,255,255,.18);
}

/* Buton (pill) */
.estbr .estbr-btn{
  flex:0 0 auto; height:48px; padding:0 34px; white-space:nowrap; border-radius:999px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
  color:#fff; border:1px solid rgba(255,255,255,.55);
  box-shadow:0 12px 32px rgba(0,0,0,.28);
  font-weight:700; letter-spacing:.01em;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.estbr .estbr-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.75);
  background: linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.12));
}

/* Scroll hint (opțional) */
.estbr .estbr-scrollhint{ height:42px; display:flex; align-items:flex-end; justify-content:center; }
.estbr .estbr-scrollhint span{
  width:22px; height:34px; border:1px solid rgba(255,255,255,.6); border-radius:14px; position:relative; opacity:.85;
}
.estbr .estbr-scrollhint span::after{
  content:""; position:absolute; left:50%; top:7px; width:4px; height:8px; border-radius:4px;
  background:#fff; transform:translateX(-50%); animation: estbrDot 1.6s ease-in-out infinite;
}
@keyframes estbrDot{ 0%{transform:translate(-50%,0);opacity:.95;} 100%{transform:translate(-50%,10px);opacity:0;} }

/* Reveal */
.estbr [data-br-reveal]{ opacity:0; transform: translateY(18px); }
.estbr .br-in{ opacity:1; transform: translateY(0);
  transition: transform .6s cubic-bezier(.2,.7,.2,1), opacity .6s ease-out; }

/* Responsive fallback */
@media (max-width: 800px){
  .estbr .estbr-search{ flex-wrap: wrap; border-radius:20px; padding:14px; gap:12px; }
  .estbr .estbr-field{ flex:1 1 100%; min-width:100%; }
  .estbr .estbr-btn{ width:100%; }
}


/* ===== FIX: elimină săgeata nativă, păstrează doar icoana noastră ===== */
.estbr .estbr-field select{
  /* ascunde indicatorul nativ în toate motoarele */
  -webkit-appearance: none; /* Safari/Chrome */
  -moz-appearance: none;    /* Firefox */
  appearance: none;         /* standard */

  /* păstrăm icoana noastră */
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M5.5 7.5l4.5 5 4.5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;

  /* spațiu pentru icoană */
  padding-right: 36px;
}

/* Edge/IE (legacy) – ascunde butonul nativ */
.estbr .estbr-field select::-ms-expand{
  display: none;
}
/* ===== estbr – polish pack (only CSS) ===== */

/* 1) Pill bar – mai mult depth + highlight de margine */
.estbr .estbr-search{
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  /* highlight foarte subtil pe muchia superioară */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 18px 40px rgba(0,0,0,.28);
}

/* 2) Separatoare soft între câmpuri (doar pe ecrane late) */
@media (min-width: 901px){
  .estbr .estbr-field + .estbr-field{
    position: relative;
  }
  .estbr .estbr-field + .estbr-field::before{
    content:"";
    position:absolute;
    left:-8px; top: 10px; bottom:10px; width:1px;
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
    pointer-events:none;
  }
}

/* 3) Label-uri mai “fine” (tracking redus, antialias) */
.estbr .estbr-label{
  letter-spacing: .12em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* 4) Câmpuri – hover/focus premium, placeholder mai lizibil */
.estbr .estbr-field input,
.estbr .estbr-field select{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.34);
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.estbr .estbr-field input:hover,
.estbr .estbr-field select:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.44);
}
.estbr .estbr-field input:focus,
.estbr .estbr-field select:focus{
  border-color: rgba(255,255,255,.85);
  box-shadow: 0 0 0 3px rgba(255,255,255,.18), 0 8px 24px rgba(0,0,0,.18);
}
.estbr .estbr-field input::placeholder{
  color: rgba(255,255,255,.90);
  opacity: 1; /* iOS */
}

/* 5) Iconițe discrete doar din CSS (fără HTML nou) */
.estbr .estbr-field:first-child{ position: relative; }                      /* Location */
.estbr .estbr-field:nth-child(2){ position: relative; }                     /* Min price */
.estbr .estbr-field:nth-child(3){ position: relative; }                     /* Max price */
.estbr .estbr-field:nth-child(4){ position: relative; }                     /* Beds */
.estbr .estbr-field:nth-child(5){ position: relative; }                     /* Type */

.estbr .estbr-field:first-child::after{
  content:""; position:absolute; left:14px; bottom:12px; width:18px; height:18px; opacity:.9;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23fff' fill='none' stroke-width='1.6'%3E%3Cpath d='M20 10.5c0 5.25-8 11-8 11s-8-5.75-8-11a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10.5' r='3'/%3E%3C/svg%3E");
}
.estbr .estbr-field:nth-child(2)::after,
.estbr .estbr-field:nth-child(3)::after{
  content:""; position:absolute; left:14px; bottom:12px; width:18px; height:18px; opacity:.9;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23fff' fill='none' stroke-width='1.6'%3E%3Cpath d='M12 3v18M6 8.5C6 6.6 7.6 5 9.5 5H15a4 4 0 0 1 0 8H9a4 4 0 0 0 0 8h6.5'/%3E%3C/svg%3E");
}
.estbr .estbr-field:nth-child(4)::after{
  content:""; position:absolute; left:14px; bottom:12px; width:18px; height:18px; opacity:.9;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23fff' fill='none' stroke-width='1.6'%3E%3Cpath d='M3 12h18M4 18h16M5 9h6a3 3 0 0 1 3 3v6H5z'/%3E%3C/svg%3E");
}
.estbr .estbr-field:nth-child(5)::after{
  content:""; position:absolute; left:14px; bottom:12px; width:18px; height:18px; opacity:.9;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23fff' fill='none' stroke-width='1.6'%3E%3Cpath d='M3 10.5 12 4l9 6.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}
/* deplasează textul ca să nu calce iconița */
.estbr .estbr-field:first-child input,
.estbr .estbr-field:nth-child(2) select,
.estbr .estbr-field:nth-child(3) select,
.estbr .estbr-field:nth-child(4) select,
.estbr .estbr-field:nth-child(5) select{
  padding-left: 42px;
}

/* 6) Dropdown list mai „plutitor” (unde e aplicat de browser) */
.estbr .estbr-field select{
  color-scheme: dark;
  /* spațiu pentru săgeată – deja setat în codul tău */
}
.estbr .estbr-field select option{
  background-color: rgba(18,18,24,.96);
  color:#fff;
}
@supports (backdrop-filter: blur(4px)){
  .estbr .estbr-field select option{
    backdrop-filter: blur(2px);
  }
}

/* 7) Autofill (Chrome/Safari) să nu îngălbenească */
.estbr .estbr-field input:-webkit-autofill{
  -webkit-text-fill-color: #fff;
  box-shadow: 0 0 0 1000px rgba(255,255,255,.10) inset;
  transition: background-color 5000s ease-in-out 0s;
  border: 1px solid rgba(255,255,255,.45);
}

/* 8) Titlu – și mai „sharp” pe ecrane mari */
@media (min-width: 1280px){
  .estbr .estbr-title{ letter-spacing: .005em; }
}

/* 9) Preferințe sistem – respectă reduce motion */
@media (prefers-reduced-motion: reduce){
  .estbr .estbr-search, .estbr .estbr-field input, .estbr .estbr-field select, .estbr .estbr-btn{ transition:none !important; }
}
/* ===== Centrare titlu + subtitlu deasupra barei ===== */
.estbr .estbr-inner{
  display: flex;
  flex-direction: column;
  align-items: center;       /* centrează orizontal tot conținutul */
  justify-content: flex-end; /* bara rămâne jos */
  text-align: center;        /* aliniere text */
  gap: 24px;                 /* spațiu între titlu/subtitlu și bară */
}

.estbr .estbr-head{
  text-align: center;
  margin: 0 auto 8px;
}

.estbr .estbr-title{
  text-align: center;
  margin-bottom: 8px;
}

.estbr .estbr-sub{
  text-align: center;
  margin: 0 auto;
  color: rgba(255,255,255,.88);
  max-width: 720px;
}


/* ===== Mută tot conținutul mai jos în interiorul hero-ului ===== */
.estbr .estbr-inner {
  /* mai jos decât înainte, dar proporțional */
  padding-top: clamp(180px, 26vh, 320px);
  padding-bottom: clamp(60px, 10vh, 120px); /* ca să respire și jos */
}

/* ===== Mobile layout – bara + buton jos în hero ===== */
@media (max-width: 640px){

  /* ascunde titlul și subtitlul */
  .estbr .estbr-head{ display: none; }

  /* poziționează bara jos în hero */
  .estbr .estbr-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    height: 100%;
    padding: 0 16px clamp(38px, 10vh, 60px); /* mai jos în secțiune */
  }

  /* bara compactă */
  .estbr .estbr-search{
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: min(440px, 92vw);
    margin-inline: auto;
    background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 22px;
    padding: 10px 14px;
    box-shadow: 0 10px 28px rgba(0,0,0,.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    overflow: hidden;
  }

  /* doar câmpul location + buton */
  .estbr .estbr-field:nth-child(2),
  .estbr .estbr-field:nth-child(3),
  .estbr .estbr-field:nth-child(4),
  .estbr .estbr-field:nth-child(5){
    display: none !important;
  }

  /* location field */
  .estbr .estbr-field:first-child{
    width: 100%;
    flex: 1 1 100%;
  }

  .estbr .estbr-label{ display: none; }

  .estbr .estbr-field input{
    width: 100%;
    height: 48px;
    font-size: 16px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.35);
    background: rgba(255,255,255,.08);
    color: #fff;
    padding: 0 18px;
  }

  .estbr .estbr-field input::placeholder{
    color: rgba(255,255,255,.85);
  }

  /* butonul sub bară — mai scurt și centrat */
  .estbr .estbr-btn{
    height: 46px;
    padding: 0 26px;
    border-radius: 999px;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,.55);
    background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.08));
    color: #fff;
    box-shadow: 0 8px 22px rgba(0,0,0,.25);
    transition: transform .2s ease, box-shadow .2s ease;
    margin-top: 10px;
  }

  .estbr .estbr-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.75);
  }

  /* eliminăm scrollbar orizontal */
  .estbr .estbr-search::-webkit-scrollbar{ display:none; }
  .estbr .estbr-search{ scrollbar-width:none; }

  /* bara + buton mai aproape de partea de jos a imaginii */
  #estbr-hero.estbr{
    display: flex;
    align-items: flex-end;   /* coboară conținutul jos */
    justify-content: center;
  }
}



/* ===== Mobile: buton mai îngust și centrat sub bară ===== */
@media (max-width: 640px){

  /* păstrăm restul layoutului, dar ajustăm doar butonul */
  .estbr .estbr-btn{
    height: 46px;
    padding: 0 28px;
    border-radius: 999px;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,.55);
    background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.08));
    color: #fff;
    box-shadow: 0 8px 22px rgba(0,0,0,.25);
    transition: transform .2s ease, box-shadow .2s ease;
    
    /* 💡 nou: mai îngust și centrat */
    width: auto;                /* nu mai e 100% */
    min-width: 160px;           /* dimensiune minimă confortabilă */
    max-width: 60%;             /* raport plăcut față de bara de search */
    margin: 10px auto 0;        /* centrat */
    display: block;
    text-align: center;
  }

  .estbr .estbr-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.75);
  }
}












/* ===== ESTHER – Curated Collections (estcc-*) — PREMIUM LIGHT (CLEAN) ===== */

/* Base palette & layout */
.estcc{
  --cc-wrap: min(1240px, 94vw);
  --cc-ink: #181a1d;
  --cc-muted: #515862;
  --cc-bg: #f7f6f4;
  --cc-card: #ffffff;
  --cc-border: rgba(0,0,0,.10);
  --cc-ease: cubic-bezier(.2,.7,.2,1);

  background: var(--cc-bg);
  color: var(--cc-ink);
  padding: clamp(64px, 8vw, 112px) 0;
  position: relative;
  isolation: isolate;
}
/* fără haze global */
.estcc::before{ content:""; position:absolute; inset:0; background:none; pointer-events:none; }

.estcc .estcc-wrap{
  width: var(--cc-wrap);
  margin-inline: auto;
  display: grid;
  gap: clamp(28px, 3.2vw, 40px);
}

/* Head */
.estcc .estcc-head{ max-width: 920px; }
.estcc .estcc-title{
  font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(24px, 3.4vw, 46px);
  line-height: 1.15;
  letter-spacing: .01em;
  margin: 0 0 8px;
  color: var(--cc-ink);
}
.estcc .estcc-sub{
  margin: 0;
  color: var(--cc-muted);
  font-size: clamp(14px, 1.3vw, 17px);
  line-height: 1.6;
}

/* Quick filter pills (no blur) */
.estcc .estcc-pills{ display:flex; flex-wrap:wrap; gap:12px; }
.estcc .estcc-pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 16px; border-radius:999px; text-decoration:none;
  color:var(--cc-ink); background:#fff; border:1px solid var(--cc-border);
  box-shadow:0 2px 12px rgba(0,0,0,.06);
  transition: transform .25s var(--cc-ease), box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.estcc .estcc-pill:hover{
  transform: translateY(-2px);
  background:#fafafa;
  border-color: rgba(0,0,0,.14);
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}

/* Grid */
.estcc .estcc-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 1.6vw, 22px);
}
@media (max-width: 980px){ .estcc .estcc-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px){ .estcc .estcc-grid{ grid-template-columns: 1fr; } }

/* Card */
.estcc .estcc-card{
  position:relative; overflow:hidden; border-radius:24px; min-height:260px;
  background:var(--cc-card); box-shadow:0 12px 36px rgba(0,0,0,.10);
  transform: translateZ(0);
  transition: transform .6s var(--cc-ease), box-shadow .6s ease;
}
.estcc .estcc-card:hover{ transform: translateY(-6px); box-shadow:0 18px 44px rgba(0,0,0,.12); }

/* background image via ::before (setezi din JS cu data-bg) */
.estcc .estcc-card::before{
  content:""; position:absolute; inset:0; z-index:0;
  background-size:cover; background-position:center;
  transition: transform .6s var(--cc-ease), filter .6s ease, opacity .6s ease;
  transform: scale(1.02); opacity:1; filter:none;
}
.estcc .estcc-card:hover::before{ transform: scale(1.06); }

/* bandă blurată DOAR jos (sub text) */
.estcc .estcc-card::after{
  content:""; position:absolute; left:0; right:0; bottom:0; top:auto;
  height:35%; z-index:1; pointer-events:none;
  background: linear-gradient(to top, rgba(255,255,255,0.80) 0%, rgba(255,255,255,0.55) 40%, rgba(255,255,255,0.10) 100%);
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  border-top:1px solid rgba(0,0,0,.08);
}
@supports not (backdrop-filter: blur(2px)){
  .estcc .estcc-card::after{
    background: linear-gradient(to top, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.45) 40%, rgba(255,255,255,0.10) 100%);
  }
}

/* Content over band */
.estcc .estcc-link{
  position:absolute; inset:0; z-index:2;
  display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start;
  padding: 22px 22px 28px; text-decoration:none; color:#1a1a1a;
}
.estcc .estcc-card-title{
  font-family:"DM Serif Display", Georgia, "Times New Roman", serif;
  font-weight:400; font-size:clamp(18px,1.8vw,24px); line-height:1.25;
  margin:0 0 4px; color:#111;
}
.estcc .estcc-card-sub{ margin:0; font-size:14px; color:#444; }

/* Badge (no blur) */
.estcc .estcc-badge{
  position:absolute; top:14px; left:14px; z-index:3;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  padding:6px 10px; border-radius:999px;
  background:#fff; color:#1a1a1a; border:1px solid var(--cc-border);
  box-shadow:0 6px 14px rgba(0,0,0,.06);
}

/* KPI strip – one row, responsive */
.estcc .estcc-kpis{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap;
  gap: clamp(8px, 4vw, 28px);
  padding: clamp(12px, 3vw, 22px) clamp(14px, 4vw, 32px);
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.8));
  border:1px solid rgba(0,0,0,.08); border-radius:18px;
  box-shadow:0 8px 26px rgba(0,0,0,.08);
  overflow-x:auto; scrollbar-width:none;
}
.estcc .estcc-kpis::-webkit-scrollbar{ display:none; }
.estcc .estcc-kpi{ flex:1 1 auto; text-align:center; min-width:100px; }
.estcc .estcc-kpi-n{
  display:block; font-size:clamp(18px, 5vw, 28px); font-weight:700;
  color:#1a1a1a; line-height:1.2; margin-bottom:4px;
}
.estcc .estcc-kpi-l{ display:block; font-size:clamp(12px, 3.3vw, 14px); color:#6b6f75; font-weight:400; }
.estcc .estcc-kpi:hover .estcc-kpi-n{ color:#111; transform:translateY(-1px); transition: color .3s ease, transform .3s ease; }

/* Reveal */
.estcc [data-cc-reveal]{ opacity:0; transform: translateY(22px) scale(.985); }
.estcc .cc-in{ opacity:1; transform:none; transition: opacity .75s ease, transform .75s var(--cc-ease); }

/* Accessibility */
.estcc .estcc-card:focus-visible{ outline:2px solid rgba(0,0,0,.35); outline-offset:3px; border-radius:24px; }
.estcc .estcc-pill:focus-visible{ outline:2px solid rgba(0,0,0,.35); outline-offset:2px; }

/* Motion safety */
@media (prefers-reduced-motion: reduce){
  .estcc *{ transition:none !important; animation:none !important; }
}




/* ====== ESTHER BLOG — LAYOUT FIX (v2) ====== */

/* container lat, centrat, cu margini sigure */
.esther-blog{ --wrapW: min(1240px, 94vw); }
.esther-blog .eb-container{
  width:var(--wrapW);
  margin-inline:auto;
  padding-inline:12px;
}

/* ===== HERO ===== */
.esther-blog .eb-hero{
  position:relative; isolation:isolate;
  background:
    radial-gradient(140% 120% at 70% -10%, rgba(255,255,255,.06), rgba(255,255,255,0) 55%),
    radial-gradient(120% 80%  at 0%   0%,   rgba(255,255,255,.05), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #0f141a 0%, #0d1117 55%, #0b0f14 100%);
  color:#e8eef5;
  padding-top:56px;
  padding-bottom:112px;
  overflow:hidden;
}
.esther-blog .eb-hero::before{
  content:""; position:absolute; inset:-20% -10% 30% -10%;
  background:linear-gradient(115deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.08) 18%,
      rgba(255,255,255,.12) 28%,
      rgba(255,255,255,.06) 36%,
      rgba(255,255,255,0) 48%);
  transform:skewY(-6deg);
  filter:blur(18px);
  mix-blend-mode:screen;
  pointer-events:none;
}
.esther-blog .eb-hero::after{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(100% 140% at 50% 10%, rgba(0,0,0,0) 40%, rgba(0,0,0,.35) 100%),
    radial-gradient(60% 100% at 50% 120%, rgba(0,0,0,.35), rgba(0,0,0,0) 60%);
  pointer-events:none;
}

/* breadcrumb + headline */
.eb-breadcrumb{
  display:flex; gap:12px; align-items:center;
  font-size:14px; color:#a7b4c2; margin-bottom:22px;
}
.eb-breadcrumb ol{ margin:0; padding:0; list-style:none; display:flex; gap:10px; align-items:center; }
.eb-breadcrumb li+li::before{ content:"/"; opacity:.6; margin:0 6px; }
.eb-breadcrumb a{ color:#c9d6e3; text-decoration:none }
.eb-breadcrumb a:hover{ text-decoration:underline }
.eb-bc-count{ font-size:12px; color:#c9d6e3; opacity:.7; border:1px solid rgba(255,255,255,.15); padding:.2rem .45rem; border-radius:999px; }

.eb-head h1{
  margin:0 0 .6rem;
  font-weight:800; line-height:1.15; letter-spacing:.2px;
  font-size:clamp(28px, 5vw, 44px);
  color:#f2f5f8; text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.eb-head .accent{ color:#f2a33a; }
.eb-head h1 span:last-child{
  background:linear-gradient(90deg,#f7d08a,#f2a33a 55%,#ffe2b5);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.eb-sub{
  margin:0; color:#cdd6df; font-size:clamp(15px, 2.2vw, 20px);
  max-width:48ch; opacity:.95;
}

/* “arc” lucios sub titlu */
.eb-bg{
  position:absolute; inset:auto 0 -60px 0; height:240px;
  background:
    radial-gradient(140% 120% at 50% 0%, rgba(255,255,255,.08), rgba(255,255,255,0) 60%),
    radial-gradient(140% 120% at 50% 0%, rgba(0,0,0,.35), rgba(0,0,0,0) 62%);
  filter:blur(14px); opacity:.7; pointer-events:none;
}

/* ===== CARD STRIP — centrat frumos ===== */
.eb-cards-wrap{
  position:relative;
  margin-top:-70px;
  padding-bottom:64px;
}
.eb-floor-shadow{
  position:absolute; left:50%; transform:translateX(-50%);
  width:min(1300px,94vw); height:84px; bottom:-36px; z-index:0;
  background:radial-gradient(55% 70% at 50% 40%, rgba(0,0,0,.35), transparent 65%);
  filter:blur(22px); pointer-events:none;
}

/* ===== GRID: perfect aliniat pe rânduri ===== */
.eb-cards{
  position:relative; z-index:1;
  display:grid; gap:30px;                 /* puțin mai compact */
  grid-template-columns:repeat(2, 1fr);
  
  perspective: 1200px;                    /* pentru 3D lift */
}
@media (min-width:768px){  .eb-cards{ grid-template-columns:repeat(3, 1fr); } }
@media (min-width:992px){  .eb-cards{ grid-template-columns:repeat(4, 1fr); } }
@media (min-width:1200px){ .eb-cards{ grid-template-columns:repeat(5, 1fr); } }

/* ===== CARD — pătrat, mai jos, efecte premium ===== */
.eb-card{
  --cardPadX:20px; --cardPadY:18px;

  background:
    radial-gradient(120% 180% at 0% 0%, rgba(255,255,255,.86), rgba(255,255,255,.96) 60%),
    linear-gradient(to bottom, rgba(255,255,255,.06), rgba(255,255,255,0));
  border-radius:15px;                         /* PĂTRAT */
  border:1px solid rgba(15,23,42,.08);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  overflow:hidden;
  transform-style: preserve-3d;

  display:flex; flex-direction:column;
  min-height:220px;                        /* MAI JOASE */
  padding:var(--cardPadY) var(--cardPadX) calc(var(--cardPadY) + 44px);

  box-shadow:0 14px 22px rgba(13,20,28,.06), 0 2px 6px rgba(13,20,28,.04);
  transition:
    transform .5s cubic-bezier(.2,.8,.2,1),
    box-shadow .45s ease,
    border-color .35s ease, background .35s ease;
}

/* border gradient fin (shine) */
.eb-card::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit; padding:1px;
  background:linear-gradient(135deg,#f2a33a,#ffd89c 45%,rgba(242,163,58,.25) 65%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:.35; pointer-events:none;
  transition:opacity .35s ease;
}

/* shimmer diagonal */
.eb-card::after{
  content:""; position:absolute; inset:-2px; border-radius:inherit; pointer-events:none;
  background:linear-gradient(120deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 65%);
  transform:translateX(-18%) skewX(-8deg);
  opacity:0; transition:opacity .35s ease, transform .45s ease;
}

/* hover: lift + glow */
.eb-card:hover{
  transform: translateY(-10px) rotateX(1.1deg) rotateY(-1.2deg);
  box-shadow:0 32px 60px rgba(13,20,28,.14), 0 8px 16px rgba(13,20,28,.08);
  border-color:rgba(15,23,42,.14);
}
.eb-card:hover::before{ opacity:.6; }
.eb-card:hover::after{ opacity:.9; transform:translateX(6%) skewX(-8deg); }

.eb-card:focus-visible{
  box-shadow:0 0 0 3px rgba(242,163,58,.35), 0 18px 30px rgba(13,20,28,.1);
  outline:none;
}

/* conținut card */
.eb-icon{
  width:56px; height:56px; border-radius:14px;
  background:radial-gradient(120% 120% at 30% 20%, #f6f8fb, #eef2f7);
  display:grid; place-items:center;
  margin-bottom:12px; font-size:26px; color:#8a8f96; flex:0 0 auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .4s cubic-bezier(.2,.8,.2,1), filter .35s ease;
}
.eb-card:hover .eb-icon{
  transform: translateZ(24px) scale(1.03);
  filter: drop-shadow(0 6px 16px rgba(242,163,58,.32));
}

.eb-title{
  margin:0 0 6px; color:#0f172a;
  font-size:18px; line-height:1.2; font-weight:800; letter-spacing:.2px;
}
.eb-text{
  margin:0; color:#556273; font-size:15px; line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  flex:1 1 auto;
}
.eb-meta{ margin:.25rem 0 0; color:#7a8896; font-size:13.5px; }

/* buton jos, mic */
.eb-btn{
  position:absolute; left:var(--cardPadX); bottom:12px;
  display:inline-flex; align-items:center; gap:10px;
  padding:8px 14px; border-radius:999px;
  background:#111316; color:#fff; text-decoration:none;
  font-weight:800; font-size:13px;
  box-shadow:0 8px 18px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.06);
  transition:opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
}
@media (hover:hover){
  .eb-card .eb-btn{ opacity:0; visibility:hidden; transform:translateY(6px); }
  .eb-card:hover .eb-btn{ opacity:1; visibility:visible; transform:translateY(0); }
}

/* ===== Mobile niceties ===== */
@media (max-width:720px){
  .eb-cards{ gap:16px; }
  .eb-card{
    min-height:200px;
    padding:16px 14px 16px;
    transform:none !important;
  }
  .eb-card .eb-btn{ display:none !important; }
}

/* ===== Reveal on scroll (optional) ===== */
@media (prefers-reduced-motion:no-preference){
  .eb-head, .eb-card{ opacity:0; transform:translateY(14px); }
  .eb-head.inview{ opacity:1; transform:none; transition:opacity .6s ease, transform .6s ease; }
  .eb-card.inview{ opacity:1; transform:none; transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
}






/* ========== BLOG HERO (bhx-*) ========== */
:root{
  --bhx-accent:#cfe6ff;         /* icy blue premium */
  --bhx-ink:#eaf2ff;
  --bhx-glass:rgba(255,255,255,.08);
  --bhx-radius:22px;
  --bhx-shadow:0 18px 50px rgba(0,0,0,.28);
}

.bhx-hero{ position:relative; isolation:isolate; min-height: clamp(560px, 80vh, 880px); overflow:hidden; color:#fff; }
.bhx-bg{ position:absolute; inset:0; z-index:-2; }
.bhx-bg img{
  position:absolute; inset:-6%; width:112%; height:112%; object-fit:cover;
  opacity:0; transform: scale(1.12);
  transition: opacity 1.2s ease-in-out, transform 8s ease-in-out;
}
.bhx-bg img.is-show{ opacity:1; transform: scale(1.06); }

/* blur fin + scrim pentru contrast */
.bhx-bg::after{ content:""; position:absolute; inset:0; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index:-1; }
.bhx-scrim{ position:absolute; inset:0; background: linear-gradient(to right, rgba(5,10,18,.60), rgba(5,10,18,.18) 55%, transparent); }
.bhx-gradient{ position:absolute; inset:0; background: radial-gradient(50% 60% at 12% 30%, rgba(207,230,255,.28), transparent 60%); mix-blend-mode: screen; pointer-events:none; }

.bhx-wrap{
  width:min(1240px,94vw); margin-inline:auto; padding: clamp(56px, 7vw, 110px) 16px;
  display:grid; grid-template-columns: 1.2fr .8fr; gap: clamp(20px,4vw,56px);
}
@media (max-width: 992px){ .bhx-wrap{ grid-template-columns:1fr; } }

.bhx-eyebrow{
  display:inline-flex; align-items:center; gap:.6rem; font-size:.85rem; letter-spacing:.14em; text-transform:uppercase;
  color:#e9edf5; opacity:.95;
}
.bhx-dot{ width:.55rem; height:.55rem; border-radius:999px; background:var(--bhx-accent); box-shadow:0 0 0 6px rgba(207,230,255,.16); display:inline-block; }

.bhx-title{
  font-family: ui-serif, 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-weight:700; line-height:1.06;
  font-size: clamp(36px, 5vw, 68px);
  margin:.35em 0 .25em;
  background: linear-gradient(92deg, #ffffff 0%, #eff4fa 40%, #ffffff 70%);
  -webkit-background-clip:text; -webkit-text-fill-color: transparent;
  text-shadow: 0 2px 10px rgba(0,0,0,.38);
}
.bhx-accent{
  background: linear-gradient(90deg, #e9f3ff 0%, #cfe6ff 60%, #ffffff 100%);
  -webkit-background-clip:text; -webkit-text-fill-color: transparent;
  position: relative;
}
.bhx-accent::after{
  content:""; position:absolute; left:0; bottom:-8px; height:2px; width:100%;
  background: linear-gradient(90deg, var(--bhx-accent), transparent);
  border-radius:2px; opacity:.85;
}

.bhx-sub{
  max-width: 62ch; font-size: clamp(16px, 1.2vw, 19px); color:#eef3f9; opacity:.94;
  text-shadow:0 1px 4px rgba(0,0,0,.35);
}

.bhx-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.bhx-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  padding:14px 20px; border-radius:999px; border:1px solid rgba(255,255,255,.28);
  text-decoration:none; font-weight:600; color:#fff; transition: transform .25s ease, background .25s ease, border .25s ease;
}
.bhx-btn-primary{
  background: linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.08));
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--bhx-shadow);
}
.bhx-btn-primary:hover{ transform:translateY(-2px); background: linear-gradient(90deg, rgba(255,255,255,.26), rgba(255,255,255,.08)); }
.bhx-btn-ghost{ background: transparent; }
.bhx-btn-ghost:hover{ background: rgba(207,230,255,.12); border-color: rgba(207,230,255,.65); }

/* meta chips */
.bhx-meta{ display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:16px; padding:0; list-style:none; color:#eaf0f8; }
.bhx-meta li{ display:flex; align-items:center; gap:8px; opacity:.95; }
.bhx-meta i{ color:var(--bhx-accent); }

/* side tags */
.bhx-side{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; margin-top: clamp(8px, 6vh, 80px); }
.bhx-tag{
  display:inline-flex; align-items:center; gap:.5rem; padding:10px 14px; border-radius:12px;
  background: var(--bhx-glass); border:1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  color:#fff; text-decoration:none; box-shadow: 0 10px 30px rgba(0,0,0,.18);
}
.bhx-tag:hover{ transform: translateY(-2px); }

/* reveal */
.bhx-reveal{ opacity:0; transform: translateY(18px) scale(.98); }
.bhx-reveal.bhx-show{ opacity:1; transform: translateY(0) scale(1); transition: .9s cubic-bezier(.2,.8,.2,1); }

/* scroll hint */
.bhx-scrollhint{
  position:absolute; left:50%; bottom:22px; transform:translateX(-50%);
  width:34px; height:54px; border-radius:22px; border:1.6px solid rgba(255,255,255,.55);
  background:transparent; display:grid; place-items:center; opacity:.9;
}
.bhx-scroll-dot{ width:6px; height:10px; border-radius:999px; background:#fff; animation: bhx-scroll 1.8s ease-in-out infinite; }
@keyframes bhx-scroll{
  0%{ transform: translateY(-8px); opacity:1; }
  70%{ transform: translateY(8px); opacity:.2; }
  100%{ transform: translateY(-8px); opacity:1; }
}

/* mobile focus */
@media (max-width:640px){
  #bhx-blog-hero .bhx-wrap{ padding-bottom: 88px; }
  #bhx-blog-hero .bhx-side, #bhx-blog-hero .bhx-meta{ display:none; }
  #bhx-blog-hero .bhx-title{ font-size: clamp(28px, 8vw, 40px); }
  #bhx-blog-hero .bhx-actions{ flex-direction: column; align-items:center; }
  #bhx-blog-hero .bhx-btn{ width:80%; max-width:280px; }
}

/* ===== BLOG HERO – RECT STACK PREMIUM ===== */
@media (min-width: 992px){

  #bhx-blog-hero .bhx-side{
    position: absolute;
    top: 12%;       /* mai sus */
    right: 10%;      /* mai spre stânga decât marginea extremă */
    display: block;
    width: 380px;   /* mai lungi */
    height: 410px;  /* înălțime totală pt stack */
  }

  #bhx-blog-hero .bhx-side .bhx-tag{
    position: absolute;
    left: 0;
    width: 100%;
    height: 110px;       /* mai plat și elegant */
    border-radius: 0;    /* fără colțuri rotunjite */
    display:flex; align-items:center; justify-content:center;
    font-size: clamp(15px, 1vw, 17px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    color:#fff;
    text-shadow: 0 1px 4px rgba(0,0,0,.35);

    background:
      linear-gradient(180deg, rgba(15,20,28,.65), rgba(15,20,28,.28)) padding-box,
      conic-gradient(from 210deg at 50% 50%,
                     rgba(223,234,248,.95),
                     rgba(223,234,248,.25) 28%,
                     rgba(143,184,255,.55) 58%,
                     rgba(223,234,248,.95) 100%) border-box;
    border: 1px solid transparent;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow: 0 18px 40px rgba(0,0,0,.28);
    overflow:hidden; isolation:isolate;
    transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;
    will-change: transform;
  }

  /* glint subtil */
  #bhx-blog-hero .bhx-side .bhx-tag::after{
    content:""; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
    transform: skewX(-20deg);
    opacity:0;
  }

  /* suprapunere elegantă */
  #bhx-blog-hero .bhx-side .bhx-tag:nth-child(1){ top: 0;    z-index:3; transform: translateX(-16px); }
  #bhx-blog-hero .bhx-side .bhx-tag:nth-child(2){ top: 140px; z-index:2; transform: translateX(-8px); }
  #bhx-blog-hero .bhx-side .bhx-tag:nth-child(3){ top: 280px; z-index:1; transform: translateX(0); }

  /* hover */
  #bhx-blog-hero .bhx-side .bhx-tag:hover{
    transform: translateX(-8px) translateY(-6px) scale(1.02);
    box-shadow: 0 22px 54px rgba(0,0,0,.35);
  }
  #bhx-blog-hero .bhx-side .bhx-tag:hover::after{
    opacity:1; animation: bhx-sweep 1s ease forwards;
  }

  @keyframes bhx-sweep{
    0%{ left:-60%; opacity:0; }
    40%{ opacity:1; }
    100%{ left:120%; opacity:0; }
  }
}
/* ===== BLOG HERO — MOBILE: content jos ===== */
@media (max-width: 640px){

  /* Înălțime fixată, fundal complet vizibil */
  #bhx-blog-hero.bhx-hero{
    display: flex;
    align-items: flex-end;      /* conținutul jos */
    justify-content: center;
    min-height: 90vh;
    padding: 0;
    text-align: center;
    position: relative;
  }

  /* Containerul de text — fix jos */
  #bhx-blog-hero .bhx-wrap{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: clamp(40px, 8vw, 72px) 16px 80px;
    background: linear-gradient(
      to top,
      rgba(5,10,18,.65) 0%,
      rgba(5,10,18,.45) 35%,
      rgba(5,10,18,0) 100%
    );
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  /* Eyebrow */
  #bhx-blog-hero .bhx-eyebrow{
    justify-content: center;
    color: #e5ebf6;
    font-size: .85rem;
    opacity: .95;
  }

  /* Titlul mare */
  #bhx-blog-hero .bhx-title{
    font-size: clamp(30px, 8vw, 42px);
    line-height: 1.08;
    margin: 0.4em 0;
    max-width: 20ch;
    background: linear-gradient(92deg, #ffffff 0%, #e8eef9 50%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 8px rgba(0,0,0,.35);
  }

  /* Ascundem restul elementelor */
  #bhx-blog-hero .bhx-sub,
  #bhx-blog-hero .bhx-meta,
  #bhx-blog-hero .bhx-side,
  #bhx-blog-hero .bhx-scrollhint{
    display: none !important;
  }

  /* Butoanele — unul sub altul */
  #bhx-blog-hero .bhx-actions{
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-top: 8px;
  }
  #bhx-blog-hero .bhx-btn{
    width: 88%;
    max-width: 320px;
    padding: 12px 18px;
    font-size: .95rem;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
  }

  /* Fundalul — imagine completă, fără decupare */
  #bhx-blog-hero .bhx-bg img{
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: opacity .9s ease-in-out, transform 6s ease-in-out;
  }

  /* Scrim ușor pentru contrast */
  #bhx-blog-hero .bhx-scrim{
    background: linear-gradient(to top, rgba(5,10,18,.6) 0%, rgba(5,10,18,.15) 70%, transparent 100%);
  }

  #bhx-blog-hero .bhx-gradient{
    opacity: .75;
  }
}

/* ===== Extra mic (≤ 380px) ===== */
@media (max-width: 380px){
  #bhx-blog-hero .bhx-btn{ width: 90%; max-width: 280px; }
  #bhx-blog-hero .bhx-title{ font-size: clamp(26px, 9vw, 36px); }
}





/* =========================================================
   WHY INVEST — ESTHER (scoped .ewi-*) — v2: square glass cards
   ========================================================= */
.ewi-why{
  --wrapW: min(1200px, 94vw);
  --ink:#0f172a;                 /* text principal */
  --muted:#5e6673;               /* intro + descrieri */
  --accent:#c9a57f;              /* auriu linie decorativă */
  --glass: rgba(255,255,255,.68);/* fundal sticlă la hover */
  --glass-border: rgba(201,165,127,.28);
  --shadow: 0 16px 36px rgba(15,23,42,.12), 0 4px 10px rgba(15,23,42,.06);

  color:var(--ink);
  background:#fff;
  padding: clamp(48px, 7vw, 96px) 0;
}
.ewi-why .ewi-wrap{
  width:var(--wrapW);
  margin-inline:auto;
  padding-inline: clamp(12px, 3vw, 20px);
}

/* -------- Titlu + Intro -------- */
.ewi-why .ewi-title{
  text-align:center;
  font-family:"Georgia","Times New Roman",ui-serif,serif;
  font-size: clamp(26px, 6vw, 44px); /* puțin mai mic */
  font-weight:700; line-height:1.15; letter-spacing:.02em;
  margin:0 0 14px; color:#111827;
}
.ewi-why .ewi-title .ewi-lead{ display:block; }
.ewi-why .ewi-title .ewi-brand{ color:var(--accent); margin:0 .25em; }

.ewi-why .ewi-intro{
  max-width:940px;
  margin:0 auto clamp(36px, 5vw, 64px);
  text-align:center;
  color:var(--muted);
  font:400 clamp(14px, 3.6vw, 16px)/1.75 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* -------- GRID -------- */
.ewi-why .ewi-grid{
  display:grid;
  grid-template-columns:1fr;
  gap: clamp(22px, 4vw, 36px) clamp(18px, 4vw, 32px); /* spațiu între carduri */
  align-items:start;
}
@media (min-width:640px){
  .ewi-why .ewi-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (min-width:992px){
  .ewi-why .ewi-grid{ grid-template-columns:repeat(3,1fr); }
}

/* =========================================================
   CARD MINIMAL (fără iconuri) — pătrat + spațiu interior generos
   ========================================================= */
.ewi-why.ewi-min .ewi-item{
  display:grid; grid-template-columns:1fr;
  row-gap:0;
  padding: clamp(16px, 2.4vw, 22px);  /* spațiu interior ca să nu stea lângă margini */
  background:transparent;
  border: 1px solid transparent;      /* contur apare la hover */
  border-radius: 0;                    /* pătrat */
  transition: transform .35s cubic-bezier(.2,.7,.2,1),
              box-shadow .35s, background .35s, border-color .35s;
  /* spațiu față de conținutul din jurul grilei */
  outline: 0;                          /* curat: fără outline implicit */
}

/* Titlu card — uppercase, fără margini, linie decorativă dedesubt */
.ewi-why.ewi-min .ewi-kicker{
  display:block;
  margin:0;
  font:800 clamp(12.5px, 3.5vw, 14px)/1.15 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:#1f2937;
  position:relative;
}
.ewi-why.ewi-min .ewi-kicker::after{
  content:""; display:block;
  width: clamp(48px, 18vw, 66px);
  height: 2px;
  background:var(--accent);
  border-radius:0;
  margin-top: 10px;                   /* puțin spațiu sub titlu */
  box-shadow: 0 0 0 rgba(201,165,127,0);
  transition: box-shadow .35s;
}

/* Text card — spațiu mic față de linie, lățime plăcută */
.ewi-why .ewi-desc{
  margin: 8px 0 0;                   /* 8px sub linie */
  color:#6b7380;
  font:400 clamp(14px, 3.6vw, 15px)/1.7 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  max-width: 52ch;                   /* nu se întinde prea lat */
}

/* -------- Hover: efect GLASS premium pe desktop -------- */
@media (hover:hover){
  .ewi-why.ewi-min .ewi-item:hover{
    background: var(--glass);
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    border-color: var(--glass-border);
    box-shadow: var(--shadow);
    transform: translateY(-6px);
  }
  .ewi-why.ewi-min .ewi-item:hover .ewi-kicker::after{
    box-shadow: 0 0 24px rgba(201,165,127,.45);
  }
}

/* -------- Animații pe întreaga secțiune -------- */
.ewi-why [data-anim]{ opacity:0; transform: translateY(14px); will-change:transform,opacity; }
.ewi-why.ewi-in [data-anim]{ opacity:1; transform:none; }
.ewi-why.ewi-in [data-anim="rise"]{
  transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
  transform: translateY(-4px);
}
.ewi-why.ewi-in [data-anim="fade"]{
  transition: opacity .7s ease .08s, transform .7s ease .08s;
}
.ewi-why.ewi-in [data-anim="grid-in"]{
  transition: opacity .8s ease .12s, transform .8s ease .12s;
}
.ewi-why.ewi-in [data-anim="card"]{
  transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1);
  transition-delay: calc(.06s * var(--stagger,0) + .16s);
}

/* -------- Mobile polish -------- */
@media (max-width:639.98px){
  .ewi-why{ padding: 44px 0 56px; }
  .ewi-why .ewi-title{ font-size: clamp(24px, 6vw, 32px); }
  .ewi-why .ewi-intro{ margin-bottom: 32px; padding-inline: 6px; }
  .ewi-why .ewi-grid{ gap: 22px 18px; }
  .ewi-why.ewi-min .ewi-item{ padding: 14px 12px; }
  .ewi-why.ewi-min .ewi-kicker{ font-size: clamp(12px, 3.4vw, 13px); }
  .ewi-why.ewi-min .ewi-kicker::after{ width: clamp(44px, 20vw, 56px); margin-top:8px; }
  .ewi-why .ewi-desc{ font-size: 14.5px; line-height: 1.65; max-width: none; }
}

/* Safety: anulează marginile implicite în secțiune */
.ewi-why h1, .ewi-why h2, .ewi-why h3, .ewi-why p { margin-block-start:0; }













/* ===== MOST READ — EXACT CA ÎN POZA 2 (CONFLICT-PROOF) ===== */

/* fundal: alb -> crem */
.read-articles{
  --ra-cream:#FAFAFA;
  --wrapW:min(1240px,94vw);
  --ink:#0f172a; --sub:#5f6b7a;
  --ra-radius:18px;
  background:linear-gradient(180deg,#fff 0%, var(--ra-cream) 100%) !important;
  padding:64px 0 88px !important;
  position:relative; overflow:hidden;
}
.read-articles .ra-container{
  width:var(--wrapW) !important;
  margin-inline:auto !important;
  padding-inline:12px !important;
}

/* HEAD (titlul puțin mai mic) */
.read-articles .ra-head{ margin-bottom:22px !important; }
.read-articles .ra-head h2{
  margin:0 0 .35rem !important;
  font-weight:900 !important;
  font-size:clamp(30px,4vw,46px) !important;   /* ↓ a fost 34→52 */
  line-height:1.12 !important;
  letter-spacing:.2px !important;
  color:var(--ink) !important;
}
.read-articles .ra-sub{
  margin:0 !important; color:var(--sub) !important;
  font-size:clamp(16px,2.2vw,22px) !important;
  max-width:70ch !important;
}

/* GRID: 1 mare + 3 jos */
.read-articles .ra-grid{
  display:grid !important; gap:22px !important;
  grid-template-columns:1fr !important;
}
@media (min-width:992px){
  .read-articles .ra-grid{ grid-template-columns:1fr 1fr 1fr !important; }
  .read-articles .ra-featured{ grid-column:1 / -1 !important; }
}

/* CARD BASE */
.read-articles .ra-card{
  position:relative !important;
  
  background:#fff !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 18px 36px rgba(15,23,42,.10), 0 2px 6px rgba(15,23,42,.05) !important;
  overflow:hidden !important;
  display:grid !important; grid-template-rows:auto 1fr !important;
  isolation:isolate !important;
  transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease !important;
}
.read-articles .ra-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 24px 48px rgba(15,23,42,.14), 0 6px 12px rgba(15,23,42,.08) !important;
}

/* MEDIA — polishing imagine + efect fin la hover */
.read-articles .ra-media{
  position:relative !important; display:block !important; overflow:hidden !important;
  background:#f2f4f7 !important; /* placeholder plăcut când imaginea încarcă */
  border-radius:inherit !important;
}
.read-articles .ra-media img{
  display:block !important; width:100% !important; height:100% !important;
  max-width:none !important; object-fit:cover !important; object-position:center !important;
  transform:scale(1) translateZ(0) !important;
  filter:saturate(1.06) contrast(1.03) brightness(1.02) !important;
  transition:transform .6s cubic-bezier(.2,.8,.2,1), filter .35s ease !important;
  will-change:transform, filter !important;
}
/* contur interior + vignetă foarte discretă pe margini */
.read-articles .ra-media::after{
  content:"" !important; position:absolute !important; inset:0 !important; pointer-events:none !important;
  box-shadow:
    inset 0 0 0 1px rgba(15,23,42,.08),
    inset 0 0 48px rgba(0,0,0,.06) !important;
  border-radius:inherit !important;
}
.read-articles .ra-card:hover .ra-media img{
  transform:scale(1.04) !important;
  filter:saturate(1.12) contrast(1.06) brightness(1.02) !important;
}

/* FEATURED (sus) – rămâne mai scundă, cu overlay */
.read-articles .ra-featured .ra-media{
  height:300px !important;             /* desktop */
  border-radius:var(--ra-radius) !important;
}
@media (max-width:1200px){
  .read-articles .ra-featured .ra-media{ height:260px !important; }
}
@media (max-width:768px){
  .read-articles .ra-featured .ra-media{ height:220px !important; }
}

/* CARDURILE DE JOS (3 coloane) — imagini scurte, carduri compacte */
.read-articles .ra-card:not(.ra-featured) .ra-media{
  height:180px !important;             /* fix, nu mai cresc */
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
}
@media (max-width:1200px){
  .read-articles .ra-card:not(.ra-featured) .ra-media{ height:170px !important; }
}
@media (max-width:768px){
  .read-articles .ra-card:not(.ra-featured) .ra-media{ height:160px !important; }
}

/* BODY + TEXT (titlul cardului puțin mai mic) */
.read-articles .ra-body{
  padding:16px 18px 18px !important;
  display:flex !important; flex-direction:column !important; gap:8px !important;
}
.read-articles .ra-title{
  margin:0 !important; color:var(--ink) !important;
  font-weight:900 !important; line-height:1.22 !important;
  font-size:clamp(17px,2vw,24px) !important;   /* ↓ a fost 18→26 */
  display:-webkit-box !important; -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important; overflow:hidden !important;
}
.read-articles .ra-excerpt{
  margin:0 !important; color:#556273 !important; font-size:15.5px !important; line-height:1.55 !important;
  display:-webkit-box !important; -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important; overflow:hidden !important;
}

/* META + BADGE */
.read-articles .ra-meta{ font-size:13.5px !important; color:#7a8896 !important; display:flex !important; gap:10px !important; }
.read-articles .ra-dot{ opacity:.5 !important; }
.read-articles .ra-badge{
  align-self:flex-start !important; font-size:13px !important; font-weight:700 !important;
  color:#8b3d00 !important; padding:6px 10px !important; border-radius:999px !important;
  background:linear-gradient(180deg,#ffe6ce,#ffd8b1) !important; border:1px solid rgba(242,163,58,.45) !important;
  box-shadow:0 2px 0 rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.6) !important;
}

/* CTA mic și discret */
.read-articles .ra-cta{
  margin-top:auto !important; align-self:flex-start !important;
  display:inline-flex !important; gap:8px !important; align-items:center !important;
  padding:8px 12px !important; border-radius:999px !important;
  background:#111316 !important; color:#fff !important; text-decoration:none !important;
  font-weight:800 !important; font-size:13px !important;
  box-shadow:0 8px 16px rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,255,255,.08) !important;
  transition:transform .2s ease, box-shadow .3s ease !important;
}
.read-articles .ra-cta:hover{ transform:translateY(-1px) !important; }

/* OVERLAY doar pe featured (text peste imagine) */
.read-articles .ra-media-overlay{
  position:absolute !important; inset:0 !important;
  background:linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.45) 100%) !important;
  opacity:.35 !important; pointer-events:none !important;
}
.read-articles .ra-featured .ra-body{
  position:absolute !important; inset:auto 20px 20px 20px !important; max-width:56ch !important;
  color:#eaf0f6 !important;
}
.read-articles .ra-featured .ra-title{ color:#fff !important; text-shadow:0 2px 10px rgba(0,0,0,.35) !important; }
.read-articles .ra-featured .ra-excerpt{ color:#e3ebf4 !important; }
.read-articles .ra-featured .ra-meta{ color:#d6e0ea !important; }

/* Majesty Drop (cap first-letter) */
.read-articles .ra-head h2::first-letter{
  font-size:1.12em;                 /* ușor redus ca să fie coerent cu noul size */
  letter-spacing:0;
  margin-right:.02em;
  color:#0b1322;
  text-shadow:0 2px 10px rgba(15,23,42,.12);
}
/* CTA – implicit ascuns */
.read-articles .ra-cta{
  opacity:0 !important;
  transform:translateY(6px) !important;
  pointer-events:none !important;
  transition:opacity .35s ease, transform .35s ease !important;
}

/* La hover pe card devine vizibil */
.read-articles .ra-card:hover .ra-cta{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}
/* === Headline section styling === */
.read-articles .ra-head{
  text-align:center;
  margin-bottom:32px !important;
}

.read-articles .ra-head h2{
  margin:0 0 12px !important;
  font-weight:800 !important;
  font-size:clamp(32px,4.2vw,48px) !important;
  line-height:1.15 !important;
  color:#0f172a !important;
  position:relative;
  display:inline-block;
}

/* Accent sub titlu – o mică linie elegantă */
.read-articles .ra-head h2::after{
  content:"";
  display:block;
  margin:10px auto 0;
  width:64px;
  height:3px;
  border-radius:2px;
  background:linear-gradient(90deg,#f2a33a,#ff7e5f);
  opacity:.85;
}

/* Subtitlu */
.read-articles .ra-sub{
  margin:0 auto !important;
  color:#5f6b7a !important;
  font-size:clamp(16px,2vw,20px) !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  letter-spacing:.2px;
  max-width:70ch !important;
  opacity:.95;
}


/* ===== FEATURED CARD (split) — flat edges, smaller type, exact like screenshot ===== */
section.read-articles[data-read-articles] .ra-featured{
  position:relative !important;
  display:grid !important;
  grid-template-columns: 1.05fr 1fr !important;   /* text | image */
  align-items:stretch !important;

  background:#fff !important;
  border:none !important;
  border-radius:0 !important;                     /* << fără colțuri rotunjite */
  overflow:hidden !important;

  /* umbră mare, difuză */
  box-shadow: 0 42px 100px rgba(2,6,23,.10), 0 10px 24px rgba(2,6,23,.07) !important;
  padding:0 !important;
}

/* păstrăm “toggle”-ul rotund din colț (dacă nu-l vrei, comentează blocul de mai jos) */
section.read-articles[data-read-articles] .ra-featured::before{
  content:"" !important;
  position:absolute !important;
  top:22px !important; left:26px !important;
  width:44px !important; height:22px !important;
  border-radius:999px !important;
  background:#eef2f6 !important;
  border:1px solid #e5e7eb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 3px 10px rgba(2,6,23,.06) !important;
  z-index:2 !important;
}

/* imaginea în dreapta, fără rotunjiri, pe toată înălțimea */
section.read-articles[data-read-articles] .ra-featured .ra-media{
  order:2 !important;
  position:relative !important;
  border-radius:0 !important;
  overflow:hidden !important;
  aspect-ratio:auto !important;
}
section.read-articles[data-read-articles] .ra-featured .ra-media::after{ content:none !important; }
section.read-articles[data-read-articles] .ra-featured .ra-media img{
  width:100% !important; height:100% !important; object-fit:cover !important;
  transform:none !important;
  transition: transform .55s ease, filter .35s ease !important;
}
section.read-articles[data-read-articles] .ra-featured:hover .ra-media img{
  transform: scale(1.025) !important;
  filter: brightness(1.05) contrast(1.04) !important;
}

/* stânga: text – tipografie mai mică, ca în screenshot */
section.read-articles[data-read-articles] .ra-featured .ra-body{
  order:1 !important;
  position:static !important; inset:auto !important; max-width:none !important;
  color:#0f172a !important; text-shadow:none !important;

  padding: clamp(22px, 3.1vw, 40px) clamp(20px, 3vw, 46px) !important;
  display:grid !important;
  grid-template-rows:auto auto 1fr auto !important;   /* meta, title, excerpt, cta */
  row-gap: clamp(6px, .9vw, 12px) !important;
}

/* ascundem badge-ul pe featured */
section.read-articles[data-read-articles] .ra-featured .ra-badge{ display:none !important; }

/* meta/date mică, uppercase, gri */
section.read-articles[data-read-articles] .ra-featured .ra-meta{
  order:1 !important; margin:0 0 2px !important;
  color:#94a3b8 !important; font-weight:800 !important;
  text-transform:uppercase !important; letter-spacing:.18em !important;
  font-size: clamp(11px, .85vw, 13px) !important;
}
section.read-articles[data-read-articles] .ra-featured .ra-meta .ra-dot,
section.read-articles[data-read-articles] .ra-featured .ra-meta span{ display:none !important; } /* lăsăm doar <time> */

/* titlu serif mai mic/dens */
section.read-articles[data-read-articles] .ra-featured .ra-title{
  order:2 !important; margin:0 0 4px !important;
  font-family:"Playfair Display", ui-serif, Georgia, serif !important;
  font-weight:900 !important; color:#0f172a !important;
  line-height:1.12 !important;
  font-size: clamp(22px, 2.6vw, 36px) !important;   /* ↓ mai mic ca înainte */
}

/* descriere mai mică și aerisită */
section.read-articles[data-read-articles] .ra-featured .ra-excerpt{
  order:3 !important; margin:0 !important;
  color:#374151 !important; opacity:.95 !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height:1.7 !important;
}

/* buton outline ca în mock (negru, caps, rotund) */
section.read-articles[data-read-articles] .ra-featured .ra-cta{
  order:4 !important; align-self:flex-start !important;
  margin-top: clamp(12px, 1.2vw, 16px) !important;
  background:#fff !important; color:#0f172a !important;
  border:2px solid #0f172a !important;
  border-radius: 999px !important;
  padding: .85rem 1.7rem !important;
  text-transform:uppercase !important; letter-spacing:.12em !important;
  font-weight:800 !important; font-size:.95rem !important;
  box-shadow:none !important;
  transition: transform .15s ease, background .15s ease !important;
}
section.read-articles[data-read-articles] .ra-featured .ra-cta:hover{
  transform: translateY(-1px) !important;
  background:#f8fafc !important;
}

/* responsive: pe mobil se stivuiește img sus, text jos */
@media (max-width: 960px){
  section.read-articles[data-read-articles] .ra-featured{
    grid-template-columns:1fr !important;
  }
  section.read-articles[data-read-articles] .ra-featured .ra-media{ order:1 !important; height:220px !important; }
  section.read-articles[data-read-articles] .ra-featured .ra-body{ order:2 !important; padding:18px 16px 22px !important; }
  section.read-articles[data-read-articles] .ra-featured .ra-title{ font-size: clamp(20px, 6vw, 28px) !important; }
  section.read-articles[data-read-articles] .ra-featured .ra-excerpt{ font-size: 14.5px !important; }
}
/* titlu serif – mai mic și mai subțire */
section.read-articles[data-read-articles] .ra-featured .ra-title{
  order:2 !important;
  margin:0 0 4px !important;
  font-family:"Playfair Display", ui-serif, Georgia, serif !important;
  font-weight:600 !important;            /* ↓ mai subțire decât 900 */
  color:#0f172a !important;
  line-height:1.1 !important;
  font-size:clamp(22px, 2vw, 32px) !important;  /* ↓ mai mic decât 36px */
  letter-spacing:-0.01em !important;     /* ușor mai compact */
}


/* ===========================
   Newsletter v2 – premium, minimalist
   =========================== */

/* ===========================
   Newsletter – dark premium
   =========================== */

.nl2-newsletter{
  /* fundal general al secțiunii (ușor deschis, pt contrast cu cardul întunecat) */
  --nl2-card-start:#2b3139;
  --nl2-card-end:#171b20;
  --nl2-ink:#f8fafc;
  --nl2-muted:#c3c9d4;
  --nl2-border-soft:rgba(148,163,184,.35);
  --nl2-border-strong:rgba(0,0,0,.75);
  --nl2-accent:#ffffff;

  padding:70px 0;
  background: radial-gradient(circle at top left, #e5e7eb 0, #f5f7fa 35%, #e2e8f0 100%);
}

.nl2-newsletter .nl2-wrap{
  width:min(1180px, 94vw);
  margin-inline:auto;
  padding-inline:12px;
}

/* ===== Card principal ===== */
.nl2-newsletter .nl2-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr); /* text | imagine */
  gap:40px;
  padding:30px 34px;
  border-radius:22px;

  background:linear-gradient(130deg,var(--nl2-card-start),var(--nl2-card-end));
  color:var(--nl2-ink);

  /* ramă neagră elegantă + umbră */
  border:1px solid var(--nl2-border-strong);
  box-shadow:0 26px 60px rgba(0,0,0,.45);
  overflow:hidden;
}

/* anim pt data-animate="fadeup" – dacă folosești JS-ul */
.nl2-newsletter [data-animate="fadeup"]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease, transform .55s cubic-bezier(.2,.8,.2,1);
}
.nl2-newsletter [data-animate="fadeup"].is-in{
  opacity:1;
  transform:translateY(0);
}

/* ===== Coloană text & formular ===== */
.nl2-newsletter .nl2-copy{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.nl2-newsletter h2{
  margin:0;
  font-weight:800;
  font-size:clamp(24px,3vw,32px);
  line-height:1.15;
  letter-spacing:-0.03em;
  color:#f9fafb;
}

.nl2-newsletter .nl2-sub{
  margin:2px 0 0;
  font-size:15.5px;
  color:var(--nl2-muted);
}

/* ===== Formular ===== */
.nl2-newsletter .nl2-form{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

.nl2-newsletter .nl2-form input{
  flex:1;
  height:46px;
  border-radius:999px;
  border:1px solid var(--nl2-border-soft);
  background:rgba(15,23,42,.06);
  padding:0 16px;
  font-size:14.5px;
  color:#e5e7eb;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.nl2-newsletter .nl2-form input::placeholder{
  color:#9ca3af;
}

.nl2-newsletter .nl2-form input:focus{
  border-color:rgba(248,250,252,.85);
  background:rgba(15,23,42,.16);
  box-shadow:0 0 0 1px rgba(15,23,42,.4);
}

/* Buton stil “outline” premium pe fond închis */
.nl2-newsletter .nl2-btn{
  height:46px;
  padding:0 24px;
  border-radius:999px;
  border:1px solid var(--nl2-accent);
  background:transparent;
  color:var(--nl2-accent);
  font-weight:700;
  font-size:14px;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  transition:background-color .18s ease, color .18s ease, transform .16s ease, box-shadow .16s ease;
}

.nl2-newsletter .nl2-btn:hover{
  background:var(--nl2-accent);
  color:#020617;
  transform:translateY(-1px);
  box-shadow:0 22px 55px rgba(0,0,0,.5);
}

.nl2-newsletter .nl2-btn:active{
  transform:translateY(0);
  box-shadow:0 14px 30px rgba(0,0,0,.35);
}

/* ===== Text legal – ca înainte, full text, fără scroll ===== */
.nl2-newsletter .nl2-legal{
  margin-top:18px;
  padding-top:14px;
  font-size:13px;
  line-height:1.6;
  color:var(--nl2-muted);
  background:transparent;

  /* linie subțire neagră de separare */
  border-top:1px solid rgba(0,0,0,.7);
}

/* subliniez titlul cu o mică linie de accent jos */
.nl2-newsletter .nl2-legal > strong{
  display:inline-block;
  margin-bottom:6px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(0,0,0,.7);
  color:#f9fafb;
}

.nl2-newsletter .nl2-legal a{
  color:#e5e7eb;
  text-decoration:underline;
}

.nl2-newsletter .nl2-legal strong{
  color:#f9fafb;
}

/* checkbox + text aliniate frumos */
.nl2-newsletter .legal-accept{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:10px;
}

.nl2-newsletter .legal-accept input[type="checkbox"]{
  margin-top:3px;
  accent-color:#000; /* bifa neagră */
}

.nl2-newsletter .legal-accept span{
  display:inline-block;
}

/* ===== Coloană imagine ===== */
.nl2-newsletter .nl2-visual{
  display:flex;
  align-items:center;
  justify-content:center;
}

.nl2-newsletter .nl2-photo{
  width:100%;
  max-width:440px;
  aspect-ratio:4 / 3.1;
  border-radius:22px;
  overflow:hidden;
  background:#020617;
  box-shadow:0 24px 60px rgba(0,0,0,.72);
  border:1px solid rgba(0,0,0,.85); /* ramă neagră elegantă și pe imagine */
}

.nl2-newsletter .nl2-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transform:scale(1.02);
  filter:saturate(1.04) contrast(1.05) brightness(1.02);
  transition:transform .4s ease, filter .4s ease;
}

.nl2-newsletter .nl2-photo:hover img{
  transform:scale(1.05);
  filter:saturate(1.08) contrast(1.07) brightness(1.03);
}

/* ===========================
   Responsive
   =========================== */

@media (max-width:1024px){
  .nl2-newsletter .nl2-card{
    grid-template-columns:1.1fr .9fr;
    padding:26px 22px;
    gap:28px;
  }
}

@media (max-width:880px){
  .nl2-newsletter .nl2-card{
    grid-template-columns:1fr;
    padding:24px 20px;
    gap:22px;
  }

  .nl2-newsletter .nl2-copy{
    order:1;
  }
  .nl2-newsletter .nl2-visual{
    order:2;
    justify-content:center;
  }

  .nl2-newsletter .nl2-photo{
    max-width:420px;
  }
}

@media (max-width:640px){
  .nl2-newsletter{
    padding:54px 0;
  }

  .nl2-newsletter .nl2-card{
    padding:20px 16px;
    border-radius:22px;
    box-shadow:0 20px 46px rgba(0,0,0,.55);
  }

  .nl2-newsletter h2{
    text-align:center;
    font-size:22px;
  }

  .nl2-newsletter .nl2-sub{
    text-align:center;
    font-size:14.5px;
  }

  .nl2-newsletter .nl2-form{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }

  .nl2-newsletter .nl2-form input,
  .nl2-newsletter .nl2-btn{
    width:100%;
    height:48px;
    font-size:15px;
  }

  .nl2-newsletter .nl2-photo{
    max-width:100%;
    border-radius:18px;
  }
}

@media (max-width:480px){
  .nl2-newsletter .nl2-card{
    padding:18px 14px;
    border-radius:18px;
  }
  .nl2-newsletter h2{
    font-size:21px;
  }
}
/* ====== Reduce înălțimea generală ====== */
.nl2-newsletter .nl2-card{
  padding: 24px 32px;      /* mai puțin padding vertical */
  grid-template-columns: 1fr 360px; /* card mai lung pe orizontală, imagine mai îngustă */
  gap: 32px;               /* puțin mai mic */
  min-height: auto;        /* elimină orice constrângere invizibilă */
}

/* ====== Imagine mai “wide” și mai puțin înaltă ====== */
.nl2-newsletter .nl2-photo{
  max-width: 360px;        /* mai îngustă → cardul devine mai lung */
  aspect-ratio: 16 / 11;   /* în loc de 4/3 → imagine mai puțin înaltă */
  border-radius: 20px;
}

/* Imaginea în sine */
.nl2-newsletter .nl2-photo img{
  object-fit: cover;
  object-position: center;
  height: 100%;
}

/* ====== Ajustări pentru ca textul să nu împingă cardul în jos ====== */
.nl2-newsletter .nl2-copy{
  gap: 10px;
}

.nl2-newsletter .nl2-sub{
  margin-bottom: 4px;
}

.nl2-newsletter .nl2-legal{
  margin-top: 12px;
  padding-top: 12px;
  font-size: 13px;
  line-height: 1.45; /* mai compact */
}

/* checkbox spacing */
.nl2-newsletter .legal-accept{
  margin-top: 6px;
}

/* ====== Buton + input mai compacte ====== */
.nl2-newsletter .nl2-form input,
.nl2-newsletter .nl2-btn{
  height: 42px;
}



/* container pentru colaj */
.nl2-newsletter .nl2-photo-grid{
  position: relative;
  width: 100%;
  max-width: 420px;
  aspect-ratio: 4 / 3;
}

/* card foto de bază */
.nl2-newsletter .nl2-photo{
  position: absolute;
  overflow: hidden;
  border-radius: 20px;
  background:#020617;
  border:1px solid rgba(0,0,0,.85);
  box-shadow:0 22px 55px rgba(0,0,0,.8);
}

.nl2-newsletter .nl2-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.04);
  filter:saturate(1.05) contrast(1.05) brightness(1.02);
  transition:transform .4s ease, filter .4s ease;
}

/* poza mare – ușor centrală */
.nl2-newsletter .nl2-photo--main{
  inset: 16% 12% 10% 6%;   /* top right bottom left */
  z-index: 2;
}

/* card mic sus dreapta */
.nl2-newsletter .nl2-photo--top{
  width: 42%;
  aspect-ratio: 3 / 5;
  top: 2%;
  right: 0;
  z-index: 1;
}

/* card mic jos stânga */
.nl2-newsletter .nl2-photo--bottom{
  width: 48%;
  aspect-ratio: 4 / 5;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* mic hover “luxury” pe colaj */
.nl2-newsletter .nl2-photo-grid:hover .nl2-photo--main img{
  transform:scale(1.07);
  filter:saturate(1.1) contrast(1.08) brightness(1.03);
}
.nl2-newsletter .nl2-photo-grid:hover .nl2-photo--top img,
.nl2-newsletter .nl2-photo-grid:hover .nl2-photo--bottom img{
  transform:scale(1.06);
}

/* Zona vizuală din card */
.nl2-newsletter .nl2-visual{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Containerul colajului */
.nl2-newsletter .nl2-collage{
  position: relative;
  width: 340px;
  height: 360px;        /* FIX → nu mai explodează cardul */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Card foto generic */
.nl2-newsletter .collage-item{
  position: absolute;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.75);
  box-shadow: 0 18px 40px rgba(0,0,0,.55);
  background: #020617;
}

.nl2-newsletter .collage-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.03);
  transition: .35s ease;
}

/* Imagine principală */
.nl2-newsletter .collage-item.main{
  width: 72%;
  height: 72%;
  z-index: 3;
}

/* Sus dreapta – poză mică */
.nl2-newsletter .collage-item.small.top{
  width: 46%;
  height: 46%;
  right: -6%;
  top: -4%;
  z-index: 2;
}

/* Jos stânga – poză mică */
.nl2-newsletter .collage-item.small.bottom{
  width: 48%;
  height: 48%;
  left: -6%;
  bottom: -6%;
  z-index: 1;
}

/* Hover lux */
.nl2-newsletter .collage-item:hover img{
  transform: scale(1.07);
  filter: saturate(1.08) contrast(1.08);
}
@media (max-width:640px){
  /* cardul e deja pe 1 coloană la tine – doar ne asigurăm că poza e sub text */
  .nl2-newsletter .nl2-card{
    grid-template-columns: 1fr;
  }

  .nl2-newsletter .nl2-copy{
    order: 1;
  }

  .nl2-newsletter .nl2-visual{
    order: 2;
    justify-content: center;
    margin-top: 14px;
  }

  /* containerul colaj devine un singur card wide */
  .nl2-newsletter .nl2-collage{
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  /* poza principală – singura vizibilă pe mobil */
  .nl2-newsletter .collage-item.main{
    position: relative;
    width: 100%;
    height: 210px;    /* poți crește/scădea după gust */
    border-radius: 18px;
  }

  /* ascundem pozele mici pe mobil */
  .nl2-newsletter .collage-item.small{
    display: none;
  }
}
.nl2-collage{
  filter: drop-shadow(0 25px 70px rgba(0,0,0,.55));
}

.nl2-newsletter .nl2-legal{
  border-top:none !important;
}
/* V2 – backplate semi-transparent în spatele titlului */
.nl2-newsletter #nl2-title{
  padding:10px 20px;
  border-radius:999px;
  background:radial-gradient(circle at top left,
              rgba(148,163,184,.36) 0,
              rgba(15,23,42,.0) 60%);
  box-shadow:0 18px 40px rgba(0,0,0,.6);
  border:1px solid rgba(148,163,184,.55);
}


.nl2-newsletter #nl2-title{
  position: relative;
  padding-left: 26px;
  display: inline-block;
}

.nl2-newsletter #nl2-title::before{
  content:"";
  position:absolute;
  left:0px;
  top:6px;
  bottom:6px;
  width:11px;
  border-radius:20px;
  background:linear-gradient(180deg,
      #d8dbe2 0%,
      #f5f7fa 30%,
      #c6cbd3 100%);
  box-shadow:
    0 0 10px rgba(255,255,255,0.32),
    inset 0 0 8px rgba(255,255,255,0.22);
}
.nl2-newsletter #nl2-title::before{
  top:-4px;
  bottom:-4px;
}

.nl2-btn.is-disabled,
.nl2-btn[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
  transform: none !important;
}







#about-services{
  --ink:#121826;              /* titlu & h3 */
  --muted:#6b7a8a;            /* paragrafe */
  --card:#ffffff;
  --bg-cream:#fff2e2;         /* crem cald spre baza */
  --radius:14px;
  --shadow-sm:0 12px 28px rgba(15,23,42,.12);
  --shadow-lg:0 26px 60px rgba(15,23,42,.18);
}
/* ===== Section ===== */
#about-services{
  position:relative;
  padding: clamp(54px,8vw,120px) 0 clamp(70px,10vw,140px);
  background:
    linear-gradient(180deg,#ffffff 0%, #ffffff 30%, var(--bg-cream) 100%);
  overflow:clip;
}
/* Halo difuz la bază */
#about-services::after{
  content:"";
  position:absolute; inset:auto 0 -12%;
  height:48%;
  background:radial-gradient(60% 80% at 50% 0%,
              rgba(15,23,42,.18), rgba(15,23,42,0) 65%);
  filter:blur(22px); opacity:.25; pointer-events:none;
}
#about-services .as-container{ width:min(1200px,92vw); margin-inline:auto; }
/* ===== Title ===== */
#about-services .as-title{
  margin:0 0 clamp(28px,5vw,44px);
  text-align:center;
  color:var(--ink);
  font:800 clamp(20px,4.4vw,42px)/1.06 Playfair Display, Georgia, serif;
  letter-spacing:.2px;
}
/* ===== Grid ===== */
#about-services .as-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap: clamp(18px,2.6vw,24px);
}
@media (max-width:1024px){
  #about-services .as-grid{ grid-template-columns:1fr; }
}
/* ===== Cards (dimensiune & stil ca în poză) ===== */
#about-services .as-card{
  background:#fff;
  border-radius:0px;
  border:1px solid rgba(18,24,38,.06);
  padding:24px;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
  transition:transform .22s ease, box-shadow .28s ease;
  /* am șters min-height */
}
/* Umbra “ambient” sub card, ca în screenshot */
#about-services .as-card::after{
  content:"";
  position:absolute; left:6%; right:6%; bottom:-18px; height:26px;
  border-radius:999px;
  background:radial-gradient(60% 100% at 50% 0%,
              rgba(15,23,42,.18), rgba(15,23,42,0) 70%);
  filter:blur(10px); opacity:.4; z-index:-1;
}
#about-services .as-card:hover{
  transform:translateY(-3px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(18,24,38,.10);
}
/* Tipografie card */
#about-services .as-h3{
  margin:0 0 10px;
  color:var(--ink);
  font:800 clamp(16px,2.1vw,20px)/1.24 Playfair Display, Georgia, serif;
}
#about-services .as-p{
  margin:0;
  color:var(--muted);
  font:400 clamp(14px,1.55vw,16px)/1.7 Playfair Display, Georgia, serif;
}
/* ===== Smooth reveal ===== */
.as-reveal{ opacity:0; transform: translateY(16px); }
.as-reveal.is-in{ opacity:1; transform:none; transition:.8s cubic-bezier(.22,.8,.25,1); }
@media (prefers-reduced-motion:reduce){
  .as-reveal,.as-reveal.is-in{ opacity:1 !important; transform:none !important; transition:none !important; }
}
.about-caption {
  display: none;
}











@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;700;800;900&family=Playfair+Display:wght@400;500&display=swap');

:root{
  --estbf-ink:#121416;
  --estbf-muted:#6b7280;
  --estbf-bg:#f8fafc;
  --estbf-card:#ffffff;
  --estbf-band:#c9a98a;
  --estbf-frame:#e5e7eb;
  --estbf-radius:18px;
  --estbf-shadow:0 8px 28px rgba(16,24,40,.06), 0 20px 60px rgba(16,24,40,.08);
}

/* ===== SECTIUNE ===== */
.estbf{
  background: linear-gradient(180deg, #fcfdfd 0%, var(--estbf-bg) 100%);
  padding: clamp(50px, 7vw, 90px) 0;
}
.estbf-inner{ width:min(1200px, 92vw); margin:0 auto; }

/* ===== TITLU PAGINĂ ===== */
.estbf-header{ margin-bottom: clamp(24px, 4vw, 44px); text-align:center; }
.estbf-page-title{
  font-family:"Playfair Display", serif;
  font-weight:500;
  font-size: clamp(30px, 4vw, 54px);
  line-height:1.1;
  color:#1b1b1b;
}

/* ===== CARD ===== */
.estbf-card{
  position:relative;
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  background:var(--estbf-card);
  border:1px solid var(--estbf-frame);
  border-radius:var(--estbf-radius);
  box-shadow:var(--estbf-shadow);
  overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.estbf-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(16,24,40,.1);
}

/* ===== FEATURED BADGE ===== */
.estbf-badge{
  position:absolute;
  left:30px; top:22px;
  background:var(--estbf-band);
  color:#fff;
  font:800 .85rem/1 Inter, system-ui, sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.45rem 1rem;
  border-radius:8px;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  z-index:3;
}

/* ===== COLUMNA STÂNGA ===== */
.estbf-left{
  padding: clamp(36px, 4vw, 44px);
  display:flex; flex-direction:column;
  justify-content:center;
}
.estbf-date{
  color:#8a92a1;
  text-transform:uppercase;
  font:700 .88rem/1 Inter, sans-serif;
  letter-spacing:.08em;
  margin:0 0 10px;
}
.estbf-title{
  font-family:"Playfair Display", serif;
  font-weight:400;
  font-size: clamp(20px, 2.8vw, 32px); /* puțin mai mic */
  color:var(--estbf-ink);
  line-height:1.2;
  margin:.4rem 0 1.2rem;
}
.estbf-excerpt{
  color:var(--estbf-muted);
  font:500 .96rem/1.7 Inter, system-ui, sans-serif;
  margin:0 0 2rem;
}
.estbf-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:fit-content;
  padding:.9rem 1.7rem;
  border-radius:999px;
  background:#fff;
  color:#111827;
  border:1.6px solid #111827;
  font:800 .9rem/1 Inter, sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition: all .2s ease;
}
.estbf-btn:hover{
  background:#f9fafb;
  transform:translateY(-1px);
}

/* ===== IMAGINE ===== */
.estbf-right{
  margin:0;
  border-radius:0 var(--estbf-radius) var(--estbf-radius) 0;
  overflow:hidden;
}
.estbf-right img{
  width:100%; height:100%;
  object-fit:cover; aspect-ratio:16/9;
  transition: transform .4s ease, filter .4s ease;
}
.estbf-card:hover .estbf-right img{
  transform:scale(1.04);
  filter:brightness(1.03);
}

/* ===== ANIMAȚIE REVEAL ===== */
[data-reveal]{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
[data-reveal].is-in{ opacity:1; transform:none; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px){
  .estbf-card{ grid-template-columns:1fr; }
  .estbf-right{ order:-1; border-radius:var(--estbf-radius) var(--estbf-radius) 0 0; }
  .estbf-badge{ top:20px; left:24px; }
}
@media (max-width:640px){
  .estbf-title{ font-size:clamp(20px, 6.2vw, 26px); }
  .estbf-btn{ font-size:.82rem; padding:.85rem 1.5rem; }
}


/* ============ ESTBL — VARIANTA CU IMAGINEA PE STÂNGA (no-conflict) ============ */
.estbl{
  --estbl-ink:#121416;
  --estbl-muted:#6b7280;
  --estbl-bg:#f8fafc;
  --estbl-card:#ffffff;
  --estbl-band:#c9a98a;
  --estbl-frame:#e5e7eb;
  --estbl-radius:18px;
  --estbl-shadow:0 8px 28px rgba(16,24,40,.06), 0 20px 60px rgba(16,24,40,.08);

  background: linear-gradient(180deg, #fcfdfd 0%, var(--estbl-bg) 100%);
  padding: clamp(50px, 7vw, 90px) 0;
}
.estbl-inner{ width:min(1340px, 92vw); margin:0 auto; }

/* ===== TITLU PAGINĂ ===== */
.estbl-header{ margin-bottom: clamp(24px, 4vw, 44px); text-align:center; }
.estbl-page-title{
  font-family:"Playfair Display", serif;
  font-weight:500;
  font-size: clamp(30px, 4vw, 54px);
  line-height:1.1;
  color:#1b1b1b;
}

/* ===== CARD ===== */
.estbl-card{
  position:relative;
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  background:var(--estbf-card);
  border:1px solid var(--estbf-frame);
  border-radius:var(--estbf-radius);
  box-shadow:0 14px 32px rgba(16,24,40,.1);
  overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.estbl-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(16,24,40,.1);
}

/* ===== FEATURED BADGE ===== */
.estbl-badge{
  position:absolute;
  left:30px; top:22px;
  background:var(--estbl-band);
  color:#fff;
  font:800 .85rem/1 Inter, system-ui, sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.45rem 1rem;
  border-radius:8px;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  z-index:3;
}

/* ===== IMAGINE STÂNGA ===== */
.estbl-left{
  margin:0;
  border-radius:0px;
  overflow:hidden;
}
.estbl-left img{
  width:100%; height:100%;
  object-fit:cover; aspect-ratio:16/9;
  transform: scale(1.02);
  transition: transform .4s ease, filter .4s ease;
}
.estbl-card:hover .estbl-left img{
  transform:scale(1.04);
  filter:brightness(1.03);
}

/* ===== COLUMNA DREAPTA (TEXT) ===== */
.estbl-right{
  padding: clamp(36px, 4vw, 44px);
  display:flex; flex-direction:column;
  justify-content:center;
}
.estbl-date{
  color:#8a92a1;
  text-transform:uppercase;
  font:700 .88rem/1 Inter, sans-serif;
  letter-spacing:.08em;
  margin:0 0 10px;
}
.estbl-title{
  font-family:"Playfair Display", serif;
  font-weight:400;
  font-size: clamp(20px, 2.8vw, 32px);
  color:var(--estbl-ink);
  line-height:1.2;
  margin:.4rem 0 1.2rem;
}
.estbl-excerpt{
  color:var(--estbl-muted);
  font:500 .96rem/1.7 Inter, system-ui, sans-serif;
  margin:0 0 2rem;
}
.estbl-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:fit-content;
  padding:.9rem 1.7rem;
  border-radius:999px;
  background:#fff;
  color:#111827;
  border:1.6px solid #111827;
  font:800 .9rem/1 Inter, sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition: all .2s ease;
  text-decoration:none;
}
.estbl-btn:hover{
  background:#f9fafb;
  transform:translateY(-1px);
}

/* ===== ANIMAȚIE REVEAL — SCOPED ===== */
.estbl [data-reveal-l]{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.estbl [data-reveal-l].is-in{ opacity:1; transform:none; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px){
  .estbl-card{ grid-template-columns:1fr; }
  .estbl-left{ order:-1; border-radius:var(--estbl-radius) var(--estbl-radius) 0 0; }
  .estbl-badge{ top:20px; left:24px; }
}
@media (max-width:640px){
  .estbl-title{ font-size:clamp(18px, 6.2vw, 24px); }
  .estbl-excerpt{font-size:clamp(5.5px, 5.9vw, 13.5px);}
  .estbl-btn{ font-size:.72rem;  padding:.85rem 1.5rem; }
}

/* ===== Parallax hover subtil (doar pe pointere cu hover) ===== */
@media (hover:hover){
  .estbl-card:hover .estbl-left img{ transform:scale(1.06); }
}

/* ===== Reduce Motion ===== */
@media (prefers-reduced-motion: reduce){
  .estbl [data-reveal-l]{ transition:none !important; }
  .estbl-left img{ transition:none !important; transform:none !important; }
}


/* Imagine mai îngustă în card (desktop) */
@media (min-width: 1025px){
  #estbl-section .estbl-card{
    /* IMG stânga (0.78fr) / TEXT dreapta (1.22fr) */
    grid-template-columns: 0.81fr 1.22fr;
  }
}

/* ===== SECȚIUNEA SOBRE VALOR PROPI — spațiu zero între paragrafe ===== */
#estbl-section .estbl-excerpt {
  margin: 4px;              /* elimină complet spațiul între paragrafe */
  padding: 0;             /* asigură aliniere curată */
  line-height: 1.55;      /* rămâne lizibil, dar compact */
}

/* opțional: spațiu mic doar între paragrafe și buton */
#estbl-section .estbl-excerpt:last-of-type {
  margin-bottom: 0.8rem;  /* doar înainte de buton */
}



/* ===== Theme / layout ===== */
.stack-showcase{
  --wrapW: min(1180px, 94vw);
  --radius: 24px;
  --shadow: 0 35px 80px rgba(13,25,45,.25), 0 8px 20px rgba(13,25,45,.18);
  --shadow-soft: 0 25px 70px rgba(13,25,45,.18), 0 6px 16px rgba(13,25,45,.12);
  --bg: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
  background: var(--bg);
  padding: clamp(24px, 6vw, 80px) 0;
}
.stack-showcase .ss-wrap{
  width: var(--wrapW);
  margin-inline: auto;
  padding-inline: 12px;
  position: relative;
}

/* ===== Head text ===== */
.ss-head{
  max-width: min(900px, 92vw);
  margin: 0 auto clamp(18px, 3.6vw, 28px);
  text-align: center;
}
.ss-kicker{
  display:inline-block;
  font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:#475569; font-size:.78rem;
  background:#f8fafc; border:1px solid #e7ecf4; border-radius:999px;
  padding:6px 10px; margin-bottom:10px;
}
.ss-title{
  margin:.1rem 0 .35rem;
  font-weight:900; letter-spacing:-.01em;
  font-size: clamp(1.6rem, 1.1rem + 2.2vw, 2.3rem);
  color:#0f172a;
}
.ss-desc{
  margin: 0 auto;              /* centrează blocul */
  color:#5b6a82;
  font-size: clamp(1rem, .96rem + .25vw, 1.1rem);
  line-height: 1.7;
  max-width: 760px;            /* lățime controlată */
  text-align: center;          /* text centrat */
}

.ss-actions{
  margin-top: 16px;
  display:flex; justify-content:center;
  position: relative; z-index: 5; /* peste umbrele galeriei */
}

/* CTA – dark glass (aproape negru) */
.ss-cta{
  display:inline-block; text-decoration:none;
  font-weight:800; letter-spacing:.01em;
  color:#fff;
  background: rgba(11,15,20,.88);              /* mai închis */
  border: 1px solid rgba(255,255,255,.38);
  padding:.72rem 1.15rem;
  border-radius: 999px;
  box-shadow: 0 14px 28px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter: blur(6px) saturate(140%);
  -webkit-backdrop-filter: blur(6px) saturate(140%);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.ss-cta:hover{
  transform: translateY(-1px);
  background: rgba(7,10,14,.94);
  border-color: rgba(255,255,255,.58);
  box-shadow: 0 18px 36px rgba(2,6,23,.30);
}

/* ===== Stack ===== */
.ss-stack{
  position: relative;
  width: min(980px, 100%);
  margin: 0 auto;
  aspect-ratio: 5 / 3;
  perspective: 1600px;
  transform-style: preserve-3d;
}
/* versiune mai compactă */
.ss-stack.is-compact{
  width: min(860px, 100%);
  aspect-ratio: 16 / 9;
  margin-top: 8px;
}


/* ===== Mobile-friendly gallery (≤ 768px) ===== */
@media (max-width: 768px){

  /* nu lăsăm umbre/transformări să iasă din secțiune */
  .stack-showcase{ overflow: hidden; padding: clamp(16px, 6vw, 28px) 0; }
  .stack-showcase .ss-wrap{ padding-inline: 12px; }

  /* capul de text un pic mai compact */
  .ss-head{ margin-bottom: 14px; }
  .ss-title{ font-size: clamp(1.3rem, 1rem + 2vw, 1.6rem); }
  .ss-desc{ font-size: .98rem; line-height: 1.6; padding-inline: 4px; }

  /* transformăm “stack”-ul în carusel cu scroll-snap */
  .ss-stack{
    display: flex;
    gap: 12px;
    width: 100%;
    max-width: 520px;        /* îl ținem mic și elegant */
    margin-inline: auto;
    aspect-ratio: auto;      /* renunțăm la proporția fixă */
    perspective: none;       /* scoatem perspectiva/3D */
    transform-style: flat;
    overflow-x: auto;        /* scroll orizontal */
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;     /* spațiu anti “clip” */
  }

  /* varianta compactă primește aceleași reguli */
  .ss-stack.is-compact{
    max-width: 520px;
  }

  /* fiecare card devine un “slide” */
  .ss-card{
    position: relative !important;
    transform: none !important;
    box-shadow: var(--shadow-soft);
    border-radius: 16px;
    overflow: hidden;
    flex: 0 0 82%;           /* vizibile ~0.8 din lățime */
    max-width: 82%;
    scroll-snap-align: center;
  }

  /* imaginile se încadrează perfect în card */
  .ss-card img{
    display: block;
    width: 100%;
    height: clamp(200px, 44vw, 300px); /* mai mici pe mobil */
    object-fit: cover;
  }

  /* caption discret, legat de card */
  .ss-cap{
    position: absolute;
    left: 10px; bottom: 10px;
    background: rgba(15,23,42,.72);
    color: #fff;
    font-size: .82rem;
    padding: 6px 10px;
    border-radius: 999px;
    backdrop-filter: blur(4px);
  }

  /* butoanele next/prev nu mai sunt necesare pe mobil */
  .ss-controls{ display: none; }

  /* CTA mai mic și mai aproape de galerie */
  .ss-actions{ margin-top: 10px; }
  .ss-cta{ padding: .6rem 1rem; font-size: .95rem; }
}

/* ===== Extra mic (≤ 400px) — cardurile un pic mai înguste ===== */
@media (max-width: 400px){
  .ss-card{ flex-basis: 88%; max-width: 88%; border-radius: 14px; }
  .ss-card img{ height: clamp(180px, 50vw, 240px); }
}



/* Card generic */
.ss-card{
  position:absolute; inset:0;
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: var(--shadow-soft);
  background:#e9eef5;
  will-change: transform, opacity, filter;
  transition: transform 900ms cubic-bezier(.2,.7,.2,1),
             opacity 900ms cubic-bezier(.2,.7,.2,1),
             filter 900ms cubic-bezier(.2,.7,.2,1);
  opacity:0; transform: translateZ(-200px) scale(.92);
}
.ss-card img{ width:100%; height:100%; object-fit: cover; display:block; }

/* Poziții în evantai (3 vizibile) */
.ss-card.is-front{
  z-index: 3; opacity:1;
  box-shadow: var(--shadow);
  transform: translateZ(0) rotate(0deg) scale(1);
  filter: none;
}
.ss-card.is-left{
  z-index: 2; opacity:.98;
  transform: translate3d(-10%, 0, -120px) rotate(-8deg) scale(.96);
  filter: saturate(.95) brightness(.98);
}
.ss-card.is-right{
  z-index: 2; opacity:.98;
  transform: translate3d(10%, 0, -120px) rotate(8deg) scale(.96);
  filter: saturate(.95) brightness(.98);
}
.ss-card.is-back{
  z-index: 1; opacity:.55;
  transform: translate3d(0, 4%, -240px) rotate(0deg) scale(.92);
  filter: saturate(.9) brightness(.96) blur(.1px);
}

/* reflex pe cardul din față */
.ss-card.is-front::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,.10), transparent 45%, transparent 55%, rgba(0,0,0,.06));
}

/* Caption pe card (opțional) */
.ss-cap{
  position:absolute; left:14px; bottom:12px;
  background: rgba(15,23,42,.62);
  color:#fff; font-weight:700; font-size:.86rem;
  padding:.35rem .6rem; border-radius:10px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow: 0 8px 18px rgba(2,6,23,.18);
}

/* ===== Controls ===== */
.ss-controls{ position:absolute; inset:0; pointer-events:none; }
.ss-btn{
  position:absolute; top:50%; translate:0 -50%;
  pointer-events:auto;
  border:0; border-radius:999px;
  width:40px; height:40px; font-size:22px; line-height:1;
  display:grid; place-items:center; cursor:pointer;
  background:#0f172a; color:#fff;
  box-shadow: 0 12px 20px rgba(0,0,0,.22);
  transition: transform .2s ease, opacity .2s ease;
  opacity:.9;
}
.ss-btn:hover{ transform: scale(1.05); }
.ss-btn.prev{ left:-10px; }
.ss-btn.next{ right:-10px; }

/* Hover pause cue */
.ss-stack:hover .ss-card.is-front{ filter: saturate(1.05) contrast(1.02); }

/* ===== Media ===== */
@media (max-width: 640px){
  .ss-btn{ width:36px; height:36px; font-size:20px; }
  .ss-head{ margin-bottom: 16px; }
  .ss-desc{ max-width: 90vw; font-size:.98rem; }
  .ss-stack.is-compact{ width: min(96vw, 720px); aspect-ratio: 16/10; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .ss-card{ transition: none; }
}




/* CTA – mereu negru solid */
.ss-cta{
  display:inline-block;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.01em;
  color:#000;                       /* text alb */
  background:#000;                   /* fundal negru mereu */
  border: 1px solid #000;            /* contur negru */
  padding:.72rem 1.15rem;
  border-radius:999px;               /* formă "pills" rotundă */
  box-shadow: 0 16px 36px rgba(0,0,0,.45);
  transition: transform .18s ease, box-shadow .18s ease;
}

.ss-cta:hover{
  transform: translateY(-1px);       /* doar lift la hover */
  box-shadow: 0 16px 36px rgba(0,0,0,.45);
}

/* ===== Legal info (sub form) ===== */
.zx-legal{
  margin-top: 32px;             /* spațiu față de buton */
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--muted);
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  
  padding: 18px 22px;
}
.zx-legal strong{
  display:block;
  color:var(--ink);
  font-weight:800;
  font-size:1rem;
  margin-bottom:8px;
}
.zx-legal ul{
  list-style:disc;
  margin:8px 0 0 20px;
  padding:0;
}
.zx-legal li{
  margin-bottom:6px;
}
.zx-legal b{
  color:var(--ink);
  font-weight:800;
}
.zx-legal a{
  color:#0f172a;
  text-decoration:underline;
  text-underline-offset:3px;
  font-weight:700;
  transition:color .2s ease;
}
.zx-legal a:hover{
  color:#334155;
}


/* ============ ZX CONTACT — FLAT PREMIUM ============ */
#zx-contact.zx-wrap{
  --ink:#0f172a;
  --muted:#475569;
  --line:#1e2630;
  --focus:#334155;
  color:var(--ink);
  background:#fff;
  padding:clamp(48px,6vw,96px) 0;
}
#zx-contact .zx-container{
  width:min(1240px,94vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr .9fr;
  gap:clamp(28px,4vw,60px);
  align-items:start;
}

/* Head */
.zx-head{margin-bottom:12px}
.zx-title{font-weight:900; font-size:clamp(26px,3vw,34px); margin:0}
.zx-sub{color:var(--muted); margin:.4rem 0 0}

/* Grid */
.zx-form{max-width:760px; width:100%}
.zx-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:12px 0}
@media (max-width: 900px){ .zx-grid{ grid-template-columns:1fr; } }

/* Fields */
.zx-field{position:relative}
.zx-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.zx-field input,
.zx-field textarea{
  box-sizing:border-box; display:block; width:100%;
  border:2px solid var(--line); border-radius:0; background:#fff; color:var(--ink);
  font-weight:700; letter-spacing:.02em; outline:none;
  height:64px; padding:18px 20px; font-size:18px;
  transition:border-color .2s ease, background .2s ease;
}
.zx-field textarea{min-height:140px; height:auto; resize:vertical; line-height:1.4}
.zx-field input::placeholder,
.zx-field textarea::placeholder{color:#0f172a;font-weight:800;text-transform:uppercase;opacity:.95;letter-spacing:.04em}
.zx-field input:focus,
.zx-field textarea:focus{border-color:var(--focus); background:#f8fafc}

/* Tel group */
.zx-telbox{display:flex; gap:10px; align-items:center}
.zx-dial{
  flex:0 0 auto; display:flex; align-items:center; gap:8px;
  height:64px; padding:0 14px; border:2px solid var(--line); background:#fff; border-radius:8px; font-weight:800;
}

/* Consent */
.zx-consent{display:flex; gap:10px; align-items:flex-start; margin:8px 0 16px; color:#334155}
.zx-consent input{margin-top:6px}

/* Actions + Button (pastilă ca la login) */
.zx-actions{display:flex; align-items:center; gap:16px; margin-top:6px}
.zx-btn{appearance:none; cursor:pointer; font-weight:800; padding:16px 46px; border-radius:999px; letter-spacing:.04em; transition:all .25s ease}
.zx-btn--primary{background:#fff; color:#0f172a; border:2px solid var(--line)}
.zx-btn--primary:hover{background:#0f172a; color:#fff; border-color:#0f172a; box-shadow:0 6px 16px rgba(15,23,42,.25); transform:translateY(-1px)}
.zx-btn--primary:active{transform:translateY(0); box-shadow:0 3px 10px rgba(15,23,42,.20)}
.zx-btn--primary:disabled{opacity:.6; cursor:not-allowed}
.zx-required{color:#64748b; font-size:.95rem}

/* Right column cards */
.zx-card{background:#fff}
.zx-info{border:1px solid #cfd5df; padding:16px; }
.zx-info + .zx-info{margin-top:16px}
.zx-info-head{display:flex; align-items:center; gap:10px; margin-bottom:10px}
.zx-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#0f172a}
.zx-call-btn,.zx-map-cta{
  display:inline-block; margin-top:8px; font-weight:800; text-decoration:underline; text-underline-offset:3px; color:#0f172a;
}

/* Map block */
.zx-map{margin-top:10px; position:relative}
.zx-map img{width:100%; height:auto; display:block; border-radius:10px; border:1px solid #e5e7eb}
.zx-map-cta{position:absolute; right:10px; bottom:10px; background:#fff; padding:8px 12px; border-radius:999px; border:1px solid #e5e7eb}

/* Reveal animation */
[data-zx-reveal]{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease}
[data-zx-reveal].is-in{opacity:1; transform:none}

/* Responsive layout */
@media (max-width: 960px){
  #zx-contact .zx-container{grid-template-columns:1fr; gap:32px}
}






















/* ===== VWP Base ===== */
.vwp-wrap{
  --ink:#0f172a; --muted:#5b6a82;
  --line:#d7dde4; --line-strong:#b8c0cc;
  --accent:#0f172a;
  --bg: linear-gradient(180deg,#f4f5f7 0%, #f7f8fa 30%, #fafbfc 65%, #fff 100%);
  background: var(--bg); color:var(--ink);
  padding: clamp(48px,6vw,84px) 0;
}
.vwp-container{ width:min(1080px,94vw); margin:0 auto; }

/* Head */
.vwp-head{ text-align:center; margin-bottom: clamp(20px,4vw,28px); }
.vwp-title{ margin:0 0 6px; font-weight:900; letter-spacing:-.01em; font-size: clamp(1.8rem,1.2rem + 2vw,2.4rem); }
.vwp-sub{ margin:0; color:var(--muted); }

/* Progress pills */
.vwp-progress{ display:flex; align-items:center; justify-content:center; gap:12px; margin:16px 0 6px; }
.vwp-pill{
  appearance:none; border:1px solid var(--line-strong); background:#fff;
  padding:.5rem .9rem; border-radius:999px; font-weight:800; color:#0f172a; display:flex; gap:.45rem; align-items:center; cursor:pointer;
}
.vwp-pill span{ width:24px; height:24px; display:grid; place-items:center; border-radius:999px; border:1px solid var(--line-strong); font-size:.9rem; }
.vwp-pill small{ font-size:.8rem; letter-spacing:.02em; }
.vwp-pill.is-active{ border-color:#0f172a; }
.vwp-line{ width:42px; height:2px; background:var(--line); }

/* Panes */
.vwp-pane{ display:none; }
.vwp-pane.is-current{ display:block; animation: vwpFade .45s ease; }
@keyframes vwpFade{ from{ opacity:0; transform:translateY(6px);} to{ opacity:1; transform:none;} }
.vwp-legend{ position:absolute; left:-9999px; }

/* Grid */
.vwp-grid{ display:grid; gap:18px; grid-template-columns:1fr 1fr; }
.vwp-grid--sm{ grid-template-columns: repeat(5, 1fr); gap:12px; }
@media (max-width:900px){ .vwp-grid, .vwp-grid--sm{ grid-template-columns:1fr; } }

/* Field */
.vwp-field{ display:flex; flex-direction:column; }
.vwp-label{ font-weight:800; margin:0 0 .4rem; }
.vwp-help{ color:#7a8798; font-size:.86rem; margin-top:.25rem; }

/* Inputs */
.vwp-field input,
.vwp-field select,
.vwp-field textarea{
  appearance:none; width:100%;
  border:1px solid var(--line-strong); background:#fff;
  padding:1.25rem 1rem; border-radius:6px;
  font-size:1rem; line-height:1.2; color:#0b1220;
  transition: border-color .2s ease, box-shadow .2s ease;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);
}
.vwp-field input::placeholder,
.vwp-field textarea::placeholder{ text-transform:uppercase; letter-spacing:.03em; color:#9aa5b3; }
.vwp-field select{
  background-image: linear-gradient(45deg, transparent 48%, #0f172a 50%), linear-gradient(135deg, #0f172a 50%, transparent 52%);
  background-position: calc(100% - 18px) 55%, calc(100% - 13px) 55%;
  background-size:6px 6px, 6px 6px; background-repeat:no-repeat; padding-right:42px;
}
.vwp-field input:focus, .vwp-field select:focus, .vwp-field textarea:focus{
  outline:none; border-color:#0f172a; box-shadow:0 0 0 3px rgba(15,23,42,.12);
}

/* ===== Radios – varianta simplă, stabilă (folosește nativul) ===== */
.vwp-radios{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
}

/* NU ascundem inputul! Îl facem vizibil și mare */
.vwp-radios input[type="radio"]{
  width:20px; height:20px; margin:0;
  accent-color: #0f172a;            /* culoarea bifei */
  cursor:pointer;
}

.vwp-radios label{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:800; cursor:pointer; user-select:none;
  padding:.35rem .55rem; border:1px solid var(--line-strong); border-radius:10px; background:#fff;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.vwp-radios label:hover{ box-shadow:0 6px 16px rgba(2,6,23,.06); }
.vwp-radios input[type="radio"]:focus-visible + span{
  outline: 2px solid rgba(15,23,42,.25); outline-offset: 2px; border-radius:6px;
}

/* când e selectat, doar bordura chip-ului devine accent (inputul rămâne bifa nativă) */
.vwp-radios input[type="radio"]:checked ~ span,
.vwp-radios input[type="radio"]:checked + span{
  /* optional: text accentuat; dacă nu vrei, comentează linia de mai jos */
  color:#0f172a;
}
.vwp-radios input[type="radio"]:checked::after{ /* some browsers ignore, but fine */ }

/* CTA buttons */
.vwp-cta{ margin-top: 18px; display:flex; gap:10px; }
.vwp-btn{
  appearance:none; border:1px solid #0b0f14; background:#000; color:#fff;
  padding:.85rem 1.4rem; border-radius:999px; font-weight:800; letter-spacing:.01em;
  box-shadow:0 12px 28px rgba(0,0,0,.3); cursor:pointer; transition:transform .15s ease, box-shadow .15s ease;
}
.vwp-btn:hover{ transform:translateY(-1px); box-shadow:0 16px 36px rgba(0,0,0,.4); }
.vwp-btn--soft{ background:#fff; color:#0f172a; border-color:var(--line-strong); }
.vwp-btn--soft:hover{ box-shadow: 0 8px 20px rgba(2,6,23,.08); transform: translateY(-1px); }

/* Validity */
.vwp-field .invalid{ border-color:#b3261e !important; box-shadow:0 0 0 3px rgba(179,38,30,.12) !important; }

/* Small polish */
.vwp-head + .vwp-pane{ margin-top:10px; }


/* ===== Animations ===== */
@media (prefers-reduced-motion: no-preference){
  .contactx [data-animate="fadeup"]{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1); }
  .contactx [data-animate="fadeup"].is-in{ opacity:1; transform:translateY(0); }
  .contactx [data-reveal]{ opacity:0; transform: translateY(12px); transition: opacity .55s ease, transform .55s cubic-bezier(.2,.8,.2,1); transition-delay: var(--reveal-delay, 0ms); }
  .contactx [data-reveal].is-in{ opacity:1; transform:none; }
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .contactx .cx-grid{ grid-template-columns:1fr; }
  .contactx .cx-form{ margin-left:0; }
  .contactx .cx-side{ grid-template-rows:auto auto; }
}
@media (max-width: 640px){
  .contactx{ padding:76px 0 72px; }
  .contactx .cx-row{ grid-template-columns:1fr; }
  .contactx .cx-form{ padding:22px 16px; }
  .contactx input, .contactx textarea, .contactx .cx-dial{ height:48px; }
  .contactx .cx-submit{ width:100%; }
  .contactx .cx-required{ display:none; }
  .contactx .cx-map img, .contactx .cx-map iframe{ height:200px; }
}


/* ===== ADJUSTED FIELD SIZE + TRANSLATABLE PLACEHOLDERS ===== */
.vx-field input[type="text"],
.vx-field input[type="number"],
.vx-field input[type="email"],
.vx-field input[type="tel"],
.vx-field textarea,
.vx-select select{
  width:100%;
  background:#fff;
  border:1px solid #11182755;
  border-radius:0;
  padding:22px 18px;
  height:72px;              /* redus de la 96px */
  font-size:17px;           /* mai mic, echilibrat */
  line-height:1;
  color:#0f172a;
  letter-spacing:.01em;
  outline:none;
  transition:border .15s, box-shadow .15s, background .15s;
}
.vx-field textarea{
  height:auto;
  min-height:110px;
  padding:16px 18px;
}

/* Placeholder uppercase bold */
.vx-field ::placeholder{
  color:#475569;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.03em;
}

/* Mic ajustare pentru grilă */
.vx-grid{ gap:22px; margin:0 0 22px; }




/* ===== CONTACT HERO v2 — core ===== */
.hx-hero{
  --hx-minH: min(92vh, 920px);
  --hx-pad: clamp(20px,4vw,40px);
  --hx-title: clamp(32px,6vw,64px);
  --hx-lead: clamp(14px,2.4vw,18px);
  --hx-sub: clamp(14px,2.2vw,18px);
  --hx-ink: #ffffff;
  --hx-ink-muted: rgba(255,255,255,.82);
  --hx-glass: rgba(255,255,255,.08);
  --hx-blur: 8px;
  --hx-radius: 22px;
  --hx-ease: cubic-bezier(.2,.7,.2,1);
  position: relative;
  isolation: isolate;
  min-height: var(--hx-minH);
  display: grid;
  place-items: center;
  color: var(--hx-ink);
  overflow: clip;
}

.hx-hero__bg{
  position:absolute; inset:0;
  z-index:-2; overflow:hidden;
}
.hx-hero__img{
  width:100%; height:100%; object-fit:cover;
  transform: scale(1.06); /* un pic de zoom pt parallax */
  will-change: transform;
  transition: transform .6s var(--hx-ease);
}


.hx-hero__wrap{
  width:min(1200px, 92vw);
  margin-inline:auto;
  padding: var(--hx-pad);
  display:grid;
  place-items:center;
  text-align:center;
}

.hx-hero__copy{
  max-width: 820px;
  opacity:0; transform: translateY(16px) scale(.98);
  filter: blur(6px);
  transition: opacity .8s var(--hx-ease), transform .8s var(--hx-ease), filter .8s var(--hx-ease);
}
.hx-hero__copy.is-in{
  opacity:1; transform: translateY(0) scale(1);
  filter: blur(0);
}

.hx-hero__title{ line-height:1.1; margin:0 0 10px; }
.hx-hero__lead{
  display:block; font-weight:500; letter-spacing:.12em; text-transform:uppercase;
  font-size: var(--hx-lead); opacity:.9;
}
.hx-hero__main{
  display:block; font-size: var(--hx-title); font-weight:600;
  text-shadow: 0 6px 24px rgba(0,0,0,.35);
}

.hx-hero__sub{
  margin: 16px auto 28px;
  color: var(--hx-ink-muted);
  font-size: var(--hx-sub);
  line-height: 1.7;
  max-width: 70ch;
}

.hx-hero__ctas{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* ===== Buttons (namespaced) ===== */
.hx-btn{
  --hx-btnH: 48px;
  display:inline-flex; align-items:center; justify-content:center;
  height:var(--hx-btnH); padding:0 22px; border-radius: 999px;
  font-weight:600; letter-spacing:.12em; text-transform:uppercase; font-size:12px;
  backdrop-filter: blur(var(--hx-blur));
  transition: transform .25s var(--hx-ease), box-shadow .25s var(--hx-ease), background .25s var(--hx-ease);
  will-change: transform;
}
.hx-btn--primary{
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
  color:#fff; border:1px solid rgba(255,255,255,.35);
  box-shadow: 0 8px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.25);
}
.hx-btn--ghost{
  background: transparent; color:#fff; border:1px solid rgba(255,255,255,.35);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.hx-btn:hover{ transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.28); }
.hx-btn:active{ transform: translateY(0); }

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce){
  .hx-hero__copy{ transition:none; }
  .hx-hero__img{ transition:none; }
  .hx-btn{ transition:none; }
}

/* ===== Small devices ===== */
@media (max-width:600px){
  .hx-hero{ --hx-minH: 86vh; }
  .hx-hero__sub{ margin-top: 10px; }
}



/* ==== CONTACT HERO v2 — bottom layout override ==== */
.hx-hero{
  place-items: stretch;            /* în loc de center */
}
.hx-hero__wrap{
  min-height: var(--hx-minH);
  display: flex;
  align-items: flex-end;           /* împinge conținutul în jos */
  justify-content: center;         /* rămâne centrat pe orizontală */
  text-align: center;
  padding-bottom: clamp(28px, 10vh, 140px); /* „respirație” jos, ca în screenshot */
}
.hx-hero__copy{
  width: 100%;
  max-width: 920px;                /* puțin mai lat pentru titlu mare */
  margin-inline: auto;
}
/* ===== IMAGE EFFECTS — cinematic look ===== */
.hx-hero__overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,.35) 50%, rgba(0,0,0,.65) 100%),
    linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 30%, rgba(0,0,0,.05) 70%, transparent 100%);
  mix-blend-mode: multiply;
  z-index:1;
}

.hx-hero__vignette{
  position:absolute; inset:0;
  background:
    radial-gradient(100% 90% at 50% 65%, rgba(0,0,0,0) 50%, rgba(0,0,0,.8) 100%);
  opacity:.9;
  pointer-events:none;
  z-index:2;
}

/* opțional: ton cald subtil peste imagine */
.hx-hero__bg::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(255,200,150,0.05), rgba(255,170,120,0.08));
  mix-blend-mode: soft-light;
  pointer-events:none;
  z-index:3;
}


/* ===== TEXT SIZE ADJUSTMENTS ===== */
.hx-hero__title {
  line-height: 1.1;
  margin: 0 0 10px;
}

.hx-hero__lead {
  display: block;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: clamp(13px, 1.8vw, 16px); /* mai mic decât înainte */
  opacity: .9;
}

.hx-hero__main {
  display: block;
  font-size: clamp(28px, 4.2vw, 48px); /* redus de la 64px max */
  font-weight: 600;
  text-shadow: 0 4px 16px rgba(0,0,0,.35);
}

.hx-hero__sub {
  margin: 12px auto 24px;
  color: var(--hx-ink-muted);
  font-size: clamp(13px, 2vw, 16px); /* text sub mai mic */
  line-height: 1.6;
  max-width: 64ch;
}

/* ===== BUTTONS — fără underline permanent ===== */
.hx-btn {
  text-decoration: none; /* elimină sublinierea implicită */
}

.hx-btn:hover,
.hx-btn:focus-visible {
  text-decoration: underline; /* underline doar la hover / focus */
}

/* păstrează restul animațiilor existente */















/* ========== ESTHER CONTACT NETWORK (ecn-*) ========== */
.ecn-wrap{
  --ink:#0f172a;
  --muted:#5b6a82;
  --ice:#bcd8ef;
  --silver:#cfd7de;
  --deep:#1a2431;

  background: linear-gradient(180deg, #d5d8de 0%, #e8ebf0 45%, #f8f9fb 80%, #ffffff 100%);
  color: var(--ink);
  padding: clamp(72px, 7vw, 120px) 0;
  position: relative;
}

.ecn-container{
  width: min(1200px, 94vw);
  margin: 0 auto;
  text-align: center;
}

/* Head */
.ecn-head{ margin-bottom: clamp(40px, 5vw, 60px); }
.ecn-kicker{
  display: inline-block;
  text-transform: uppercase;
  font-size: .85rem;
  font-weight: 800;
  letter-spacing: .1em;
  color: var(--muted);
  margin-bottom: 10px;
}
.ecn-title{
  font-size: clamp(1.9rem, 1.3rem + 2.4vw, 2.8rem);
  font-weight: 900;
  color: var(--deep);
  margin: 0 0 .4rem;
}
.ecn-sub{
  max-width: 740px;
  margin: 0 auto;
  font-size: clamp(1rem, .96rem + .25vw, 1.1rem);
  line-height: 1.7;
  color: var(--muted);
}

/* Underline accent */
.ecn-head::after{
  content: "";
  display: block;
  width: 160px;
  height: 3px;
  margin: 18px auto 0;
  background: linear-gradient(90deg, transparent, #8aaed4 15%, #a9c3dd 85%, transparent);
  border-radius: 2px;
  opacity: .7;
}

/* Grid */
.ecn-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 3vw, 32px);
  margin-top: clamp(28px, 4vw, 42px);
}
@media (max-width: 900px){ .ecn-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){ .ecn-grid{ grid-template-columns: 1fr; } }

/* Item */
.ecn-item{
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}
.ecn-info p{
  margin: .2rem 0;
  font-weight: 700;
  color: #203042;
  font-size: .98rem;
}

/* Smaller icons with icy look */
.ecn-icon{
  width: 70px;
  height: 70px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: radial-gradient(120% 120% at 30% 30%, #a8c7e8 0%, #547897 60%, #2a3c4f 100%);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 12px 28px rgba(10,20,35,.25), inset 0 1px 4px rgba(255,255,255,.2);
  position: relative;
}
.ecn-icon svg{ width: 26px; height: 26px; }

.ecn-item:hover .ecn-icon{
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 20px 46px rgba(15,25,40,.28), inset 0 2px 8px rgba(255,255,255,.25);
}

/* Reveal animation */
[data-ecn-anim]{ opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.ecn-wrap.inview [data-ecn-anim]{ opacity:1; transform:none; }
.ecn-wrap.inview [data-ecn-anim]:nth-child(1){ transition-delay:.1s; }
.ecn-wrap.inview [data-ecn-anim]:nth-child(2){ transition-delay:.2s; }
.ecn-wrap.inview [data-ecn-anim]:nth-child(3){ transition-delay:.3s; }








/* ===== Mortgage Hero (dark premium ca Blog Hero) ===== */
.ms-hero{
  --wrap: min(1240px, 94vw);
  --ink:#e8eef5;
  --muted:#b9c3d1;

  position: relative;
  isolation:isolate;   /* păstrează decorul în interior */
  overflow: hidden;
  color: var(--ink);
  padding: clamp(56px, 8vw, 96px) 0 clamp(36px, 6vw, 64px);

  /* Fundal identic cu .eb-hero */
  background:
    radial-gradient(140% 120% at 70% -10%, rgba(255,255,255,.06), rgba(255,255,255,0) 55%),
    radial-gradient(120% 80%  at 0%   0%,   rgba(255,255,255,.05), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #0f141a 0%, #0d1117 55%, #0b0f14 100%);
}

.ms-hero::before{
  content:""; position:absolute; inset:-20% -10% 30% -10%;
  background:linear-gradient(115deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.08) 18%,
      rgba(255,255,255,.12) 28%,
      rgba(255,255,255,.06) 36%,
      rgba(255,255,255,0) 48%);
  transform:skewY(-6deg);
  filter:blur(18px);
  mix-blend-mode:screen;
  pointer-events:none;
}
.ms-hero::after{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(100% 140% at 50% 10%, rgba(0,0,0,0) 40%, rgba(0,0,0,.35) 100%),
    radial-gradient(60% 100% at 50% 120%, rgba(0,0,0,.35), rgba(0,0,0,0) 60%);
  pointer-events:none;
}

/* === Content wrap === */
.ms-hero .ms-wrap{
  width: var(--wrap);
  margin-inline: auto;
  padding-inline: 12px;
}

.ms-head{ max-width: 1100px; }

.ms-title{
  margin: 0 0 14px;
  font-weight: 900;
  font-size: clamp(30px, 6.2vw, 64px);
  letter-spacing: .2px;
  line-height: 1.06;
  color:#fff;
}

.ms-copy{
  margin: 0 0 18px;
  color: var(--muted);
  font-size: clamp(16px, 2.1vw, 20px);
  max-width: 76ch;
}

/* accent text subliniat */
.ms-accent{
  position: relative;
  display: inline-block;
  font-weight: 700;
  color:#f2a33a; /* portocaliu premium */
}
.ms-accent::after{
  content: "";
  position: absolute;
  left: 0; bottom: -4px;
  height: 2px; width: 0%;
  background: linear-gradient(90deg, #f2a33a, #ffd7a1);
  box-shadow: 0 0 14px rgba(241,173,85,.35);
  transition: width .9s cubic-bezier(.22,.8,.18,1);
}

/* butoane CTA */
.ms-ctas{ display:flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }
.ms-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height: 46px; padding: 0 18px; font-weight: 900; text-decoration: none;
  border-radius: 12px; white-space: nowrap; transition: .25s ease;
}
.ms-btn--primary{
  background: linear-gradient(180deg, #f2a33a, #e58a16);
  color: #111;
  box-shadow: 0 14px 28px rgba(245,158,11,.35), inset 0 0 0 1px rgba(255,255,255,.35);
}
.ms-btn--primary:hover{ transform: translateY(-1px); filter: saturate(1.05); }

.ms-btn--ghost{
  background: transparent; color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.28);
}
.ms-btn--ghost:hover{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.45); transform: translateY(-1px); }

/* ===== Reveal on scroll ===== */
html.use-io [data-animate="ms-reveal"] .ms-title,
html.use-io [data-animate="ms-reveal"] .ms-copy,
html.use-io [data-animate="ms-reveal"] .ms-ctas{
  opacity: 0; transform: translateY(18px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1);
}
[data-animate="ms-reveal"].is-in .ms-title{ opacity:1; transform:none; transition-delay:.05s; }
[data-animate="ms-reveal"].is-in .ms-copy{  opacity:1; transform:none; transition-delay:.18s; }
[data-animate="ms-reveal"].is-in .ms-ctas{  opacity:1; transform:none; transition-delay:.30s; }
[data-animate="ms-reveal"].is-in .ms-accent::after{ width: 100%; }

/* ===== Responsive ===== */
@media (max-width: 820px){
  .ms-title{ font-size: clamp(28px, 8vw, 48px); }
  .ms-copy{  font-size: clamp(15px, 4vw, 18px); max-width: 72ch; }
}
@media (max-width: 560px){
  .ms-ctas{ justify-content: center; }
}


/* ===== MZ HERO (dark + image) ===== */
:root{
  --mz-ink:#f8fafc;
  --mz-muted:#b8c0d0;
  --mz-accent:#7aa7ff;
  --mz-primary:#4c8dff;
  --mz-card:#0b1220cc;        /* glass on dark */
  --mz-border:#1f2b41;
  --mz-radius:20px;
}

.mz-hero{
  --mz-hero-img: url('');
  position:relative; isolation:isolate;
  min-height: clamp(540px, 78vh, 860px);
  color:var(--mz-ink);
  overflow:hidden;
}
.mz-bg{
  position:absolute; inset:-2% -2% -2% -2%;
  background-image: var(--mz-hero-img);
  background-size: cover; background-position: 50% 45%;
  transform: scale(1.08);
  animation: mz-ken 22s ease-in-out infinite alternate;
}
.mz-overlay{
  position:absolute; inset:0;
  background:
    radial-gradient(1200px 420px at 20% 10%, rgba(76,141,255,.18), transparent 55%),
    radial-gradient(1000px 400px at 90% 80%, rgba(16,185,129,.12), transparent 55%),
    linear-gradient(180deg, rgba(3,6,12,.6), rgba(3,6,12,.75) 40%, rgba(3,6,12,.85));
  mix-blend-mode: normal;
}

.mz-wrap{
  width:min(1200px,94vw);
  margin:0 auto;
  position:relative; z-index:2;
  padding: clamp(72px, 7vw, 120px) 0;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:clamp(24px, 5vw, 56px);
  align-items:center;
}

/* Card */
.mz-card{
  background: var(--mz-card);
  border:1px solid var(--mz-border);
  border-radius: var(--mz-radius);
  padding: clamp(22px, 3vw, 34px);
  box-shadow: 0 30px 80px rgba(2,6,23,.35), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(10px);
  opacity:0; transform: translateY(16px);
}
.mz-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:#c9d6ff; background: rgba(255,255,255,.06);
  padding:6px 10px; border-radius:999px; border:1px solid var(--mz-border);
  margin-bottom:12px;
}
.mz-eyebrow .beam{
  width:8px; height:8px; border-radius:999px; display:inline-block;
  background: linear-gradient(90deg,#22d3ee,#60a5fa);
  box-shadow: 0 0 18px #60a5fa;
}

.mz-title{ margin:.25rem 0 .75rem; }
.mz-title .mz-ghost{
  display:block; font-size: clamp(16px,2vw,20px);
  color:#9fb0d0; font-weight:900; letter-spacing:.12em;
}
.mz-title .mz-main{
  display:block; font-family: ui-serif, Georgia, "Times New Roman", Times, serif;
  font-size: clamp(38px, 6vw, 64px); line-height:1.03; font-weight:900;
  background: linear-gradient(180deg,#fff,#cfe0ff 60%, #a1b5ff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.mz-copy{ font-size: clamp(15px,1.2vw,18px); color: var(--mz-muted); line-height:1.8; }
.mz-copy .mz-accent{ display:block; color:#e5edff; font-weight:800; margin-top:.35rem; }

.mz-ctas{ display:flex; gap:12px; margin-top:18px; }
.mz-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; border-radius:14px; font-weight:800; text-decoration:none;
  border:1px solid var(--mz-border);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  will-change: transform;
}
.mz-btn--primary{ background:var(--mz-primary); color:#0b1220; border-color:transparent; }
.mz-btn--primary:hover{ transform: translateY(-1px); box-shadow:0 18px 36px rgba(76,141,255,.35); }
.mz-btn--ghost{ background:rgba(255,255,255,.08); color:#e6eeff; }
.mz-btn--ghost:hover{ transform: translateY(-1px); box-shadow:0 18px 36px rgba(2,6,23,.45); }

.mz-trust{ display:flex; gap:16px; margin:16px 0 0; padding:0; list-style:none; color:#a8b6d4; }
.mz-trust li{ display:flex; align-items:center; gap:8px; font-size:.92rem; }
.mz-trust i{ width:18px; height:18px; display:inline-grid; place-items:center; border-radius:6px;
  background:linear-gradient(180deg,#243044,#121a2b); color:#7aa7ff; font-style:normal; font-weight:900; }

/* Stats */
.mz-stats{
  background: linear-gradient(180deg, rgba(14,21,35,.6), rgba(14,21,35,.35));
  border:1px solid var(--mz-border);
  border-radius: var(--mz-radius);
  padding: clamp(16px, 2.4vw, 26px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.35);
  display:grid; grid-template-columns: repeat(3,1fr); gap:14px;
  opacity:0; transform: translateY(22px);
}
.mz-stats .stat{ background: rgba(255,255,255,.06); border:1px solid var(--mz-border);
  border-radius: 14px; padding: 14px; }
.mz-stats .k{ display:block; font-size:.8rem; color:#9fb0d0; font-weight:800; margin-bottom:4px; }
.mz-stats strong{ font-size:clamp(18px,2.2vw,24px); font-weight:900; color:#f8fbff; }
.mz-stats .unit{ font-size:.9rem; color:#9fb0d0; margin-left:2px; }

/* Orbs */
.mz-orb{ position:absolute; pointer-events:none; filter: blur(38px); opacity:.55; }
.mz-orb--gold{ width:520px; height:520px; border-radius:999px;
  background: radial-gradient(closest-side, rgba(245,158,11,.28), transparent 70%);
  left:-120px; top:-120px; animation: mz-float 13s ease-in-out infinite;
}
.mz-orb--indigo{ width:460px; height:460px; border-radius:999px;
  background: radial-gradient(closest-side, rgba(99,102,241,.25), transparent 70%);
  right:-120px; bottom:-140px; animation: mz-float 11s ease-in-out -3s infinite;
}

@keyframes mz-ken{ from{ transform:scale(1.08) translate3d(0,0,0) } to{ transform:scale(1.18) translate3d(0,-10px,0) } }
@keyframes mz-float{ 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(16px) } }

/* Reveal state */
[data-mz-reveal].is-in{ opacity:1; transform: translateY(0);
  transition: transform .7s cubic-bezier(.2,.8,.2,1), opacity .6s ease; }

/* Responsive */
@media (max-width: 980px){
  .mz-wrap{ grid-template-columns: 1fr; }
  .mz-stats{ order:-1; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .mz-bg{ animation:none }
  .mz-orb{ animation:none }
  .mz-btn{ transition:none }
}
/* ===== MZ hero – light text, no low-contrast ===== */
.mz-hero{
  /* ușor mai întunecat pentru fundal, pentru contrast mai bun */
  --mz-ink:#ffffff;
  --mz-muted:#dbe4ff;
  --mz-accent:#ffffff;
}

/* Titluri: alb curat (fără gradient) */
.mz-title .mz-main{
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}

/* Subtitlu/ghost mai deschis */
.mz-title .mz-ghost{ color:#dbe4ff !important; }

/* Paragrafe */
.mz-copy{ color:#eaf0ff !important; }
.mz-copy .mz-accent{ color:#fff !important; }

/* Kicker/eyebrow */
.mz-eyebrow{ color:#eaf0ff !important; }

/* Trust row */
.mz-trust{ color:#e3ecff !important; }
.mz-trust i{ color:#cfe0ff !important; background:linear-gradient(180deg,#1c2638,#0f1726) !important; }

/* Stats tile: alb pe text + etichete mai deschise */
.mz-stats .k{ color:#d8e4ff !important; }
.mz-stats strong{ color:#ffffff !important; }
.mz-stats .unit{ color:#d8e4ff !important; }

/* Butoane: ghost mai clar */
.mz-btn--ghost{ color:#ffffff !important; border-color: rgba(255,255,255,.25) !important; }
.mz-btn--ghost:hover{ box-shadow:0 18px 36px rgba(0,0,0,.45) !important; }

/* Opțional: ușor mai întunecată suprapunerea de pe imagine pentru contrast */
.mz-overlay{
  background:
    radial-gradient(1200px 420px at 20% 10%, rgba(76,141,255,.16), transparent 55%),
    radial-gradient(1000px 400px at 90% 80%, rgba(16,185,129,.10), transparent 55%),
    linear-gradient(180deg, rgba(3,6,12,.70), rgba(3,6,12,.82) 40%, rgba(3,6,12,.90));
}
/* ===== HERO PILL BUTTONS STYLE (no separator) ===== */
.mz-ctas{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

/* butoane — formă rotundă, text bold */
.mz-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  border-radius:999px;
  padding:14px 28px;
  font-size:1rem;
  line-height:1;
  border:2px solid transparent;
  transition:all .25s ease;
}

/* primul — plin, închis la culoare */
.mz-btn--primary{
  background:#0f172a;     /* albastru închis elegant */
  color:#ffffff;
  border-color:#0f172a;
  box-shadow:0 6px 16px rgba(15,23,42,.3);
}
.mz-btn--primary:hover{
  background:#1e293b;
  box-shadow:0 8px 20px rgba(15,23,42,.4);
}

/* al doilea — contur */
.mz-btn--ghost{
  background:transparent;
  color:#0f172a;
  border-color:#0f172a;
}
.mz-btn--ghost:hover{
  background:#0f172a;
  color:#fff;
}

/* ===== adaptare pentru fundal întunecat (hero dark) ===== */
.mz-hero.dark .mz-btn--ghost{
  color:#fff;
  border-color:#fff;
}
.mz-hero.dark .mz-btn--ghost:hover{
  background:#fff;
  color:#0f172a;
}

/* ===== Mobile ===== */
@media (max-width:640px){
  .mz-ctas{
    justify-content:center;
    gap:12px;
  }
  .mz-btn{
    width:100%;
    max-width:280px;
    text-align:center;
    padding:12px 20px;
    font-size:.95rem;
  }
}




/* ===== THEME ===== */
:root{
  --msx-ink:#0f172a;
  --msx-muted:#475569;
  --msx-bg:#ffffff;
  --msx-card:#0b1220cc;
  --msx-border:#0f172a;
  --msx-outline:#0f172a;
  --msx-soft:#ffffff;
  --msx-gray:#eef1f5;
  --msx-radius:18px;
  --msx-accent:#0b6bff;
}

#msx-sim.msx-wrap{
  position:relative; isolation:isolate;
  padding: clamp(56px, 7vw, 110px) 0;
  background:
    radial-gradient(120% 120% at 10% 0%, #fff 0%, #f6f8fc 45%, transparent 70%),
    linear-gradient(180deg, #fff 0%, #f4f7fb 60%, #eef2f7 100%);
  color:var(--msx-ink);
}

.msx-container{ width:min(1200px, 94vw); margin:0 auto; }

/* Head */
.msx-head{ margin-bottom: clamp(24px,4vw,40px); }
.msx-title .ghost{ display:block; text-transform:uppercase; letter-spacing:.14em; font-weight:900; color:#7b8aa5; font-size:.95rem; }
.msx-title .main{ display:block; font-family: ui-serif, Georgia, Times, serif; font-weight:900; line-height:1.03; font-size:clamp(32px, 5.6vw, 56px); color:#0f172a; }
.msx-sub{ color:var(--msx-muted); margin-top:.25rem; }

/* Grid */
.msx-grid{
  display:grid; gap: clamp(24px, 4vw, 48px);
  grid-template-columns: 1.05fr .95fr;
  align-items:start;
}

/* ===== FORM ===== */
.msx-form{ display:grid; gap:18px; }
.msx-row{ display:grid; gap:18px; grid-template-columns: 1fr 1fr; }

.msx-field{ display:flex; flex-direction:column; gap:8px; }
.msx-label{ font-weight:900; letter-spacing:.06em; color:#111827; text-transform:uppercase; }

.msx-field input,
.msx-field select{
  appearance:none;
  background:#fff;
  border:2px solid #0f172a;
  
  padding:18px 20px;
  font-size:1.05rem;
  outline:none;
  color:#0f172a;
  width:100%;
  transition:border-color .2s ease, box-shadow .2s ease, transform .06s ease;
}

.msx-field input::placeholder{ color:#9aa6bd; text-transform:uppercase; letter-spacing:.06em; }
.msx-field input:focus,
.msx-field select:focus{
  border-color:#0f172a;
  box-shadow:0 10px 28px rgba(2,6,23,.08);
  transform:translateY(-1px);
}

/* suffix & split */
.msx-suffix{ position:relative; }
.msx-suffix .suf{
  position:absolute; right:14px; top:50%; translate:0 -50%;
  color:#6b7a90; font-weight:800;
}
.msx-split{ display:grid; grid-template-columns: 1fr 140px; gap:10px; }
.msx-select{
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center/18px;
  padding-right:38px;
}

/* sliders */
.msx-sliders{ display:grid; grid-template-columns: repeat(3,1fr); gap:14px; align-items:end; }
.msx-slide label{ display:block; font-weight:800; color:#42526b; margin-bottom:6px; }
.msx-slide input[type="range"]{ width:100%; accent-color:#0f172a; }

/* Actions */
.msx-actions{ display:flex; gap:12px; margin-top:4px; }
.msx-btn{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; padding:14px 24px; font-weight:900; letter-spacing:.06em; text-transform:uppercase;
  border:2px solid #0f172a; background:#fff; color:#0f172a; cursor:pointer; transition:all .2s ease;
}
.msx-btn.primary{ background:#0f172a; color:#fff; }
.msx-btn.primary:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(2,6,23,.12); }
.msx-btn.ghost:hover{ background:#0f172a; color:#fff; }

/* ===== RESULTS ===== */
.msx-results{ display:grid; gap:16px; }
.msx-cards{
  display:grid; gap:16px; grid-template-columns: repeat(3, 1fr);
}
.msx-card{
  background:#fff; border:2px solid #0f172a; border-radius:16px; padding:18px;
  box-shadow:0 18px 40px rgba(2,6,23,.06);
}
.msx-card .k{ display:block; font-size:.85rem; color:#6b7a90; font-weight:800; margin-bottom:4px; }
.msx-card strong{ display:block; font-size:clamp(20px,2.4vw,28px); font-weight:900; color:#0f172a; }
.msx-card small{ color:#7b8aa2; }

.msx-breakdown{
  background:#fff; border:2px solid #0f172a; border-radius:16px; padding:12px 16px;
}
.msx-breakdown summary{ cursor:pointer; font-weight:900; letter-spacing:.02em; }
.msx-breakdown ul{ list-style:none; margin:12px 0 0; padding:0; display:grid; gap:8px; }
.msx-breakdown li{ display:flex; align-items:center; justify-content:space-between; color:#0f172a; }
.msx-breakdown b{ font-weight:900; }

/* ===== Reveal ===== */
[data-msx-reveal]{ opacity:0; transform: translateY(16px); }
[data-msx-reveal].is-in{
  opacity:1; transform: translateY(0);
  transition: transform .6s cubic-bezier(.2,.8,.2,1), opacity .5s ease;
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .msx-grid{ grid-template-columns: 1fr; }
  .msx-cards{ grid-template-columns: 1fr; }
}
@media (max-width: 720px){
  .msx-row{ grid-template-columns: 1fr; }
  .msx-sliders{ grid-template-columns: 1fr; }
  .msx-actions{ flex-direction:column; align-items:stretch; }
  .msx-btn{ width:100%; }
  .msx-title .main{ font-size: clamp(28px, 9vw, 40px); }
  /* pe telefon: doar titlul mare + butoanele sunt evidente; subtitlul se ascunde dacă vrei ultra curat */
  .msx-sub{ display:none; }
}


/* ===== Fix vertical alignment for side-by-side fields ===== */
.msx-row{
  align-items: end; /* aliniază toate câmpurile din rând jos */
}

/* opțional – dacă vrei să păstrezi distanța uniformă între label și input */
.msx-field{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
/* ===== HOW IT WORKS — mxh ===== */
:root{
  --mxh-ink:#0f172a;
  --mxh-muted:#55657e;
  --mxh-border:#0f172a;
  --mxh-soft:#ffffff;
  --mxh-gray:#eef2f6;
  --mxh-radius:16px;
}

.mxh-how{
  position:relative; isolation:isolate;
  padding: clamp(48px, 7vw, 96px) 0;
  background:
    radial-gradient(120% 120% at 15% 0%, #fff 0%, #f7f9fc 45%, transparent 70%),
    linear-gradient(180deg, #ffffff 0%, #f4f7fb 60%, #eef2f7 100%);
  color:var(--mxh-ink);
}

.mxh-wrap{ width:min(1200px,94vw); margin:0 auto; }

.mxh-head{ text-align:center; max-width:860px; margin:0 auto clamp(22px,4vw,40px); }
.mxh-kicker{
  display:inline-block; font-weight:900; letter-spacing:.12em; text-transform:uppercase;
  color:#334155; background:#f8fafc; border:2px solid var(--mxh-border);
  border-radius:999px; padding:6px 12px; margin-bottom:10px;
}
.mxh-title{
  margin:.25rem 0 .5rem; font-weight:900; line-height:1.05;
  font-family: ui-serif, Georgia, Times, serif; font-size:clamp(26px, 4.6vw, 44px);
}
.mxh-sub{ color:var(--mxh-muted); }

/* Grid */
.mxh-grid{
  display:grid; gap: clamp(24px,4vw,40px);
  grid-template-columns: 1.2fr .8fr;
  align-items:start;
}

/* Steps */
.mxh-steps{
  list-style:none; margin:0; padding:0; position:relative;
}
.mxh-step{
  display:grid; grid-template-columns: 56px 1fr; gap:16px;
  border:2px solid var(--mxh-border); border-radius:var(--mxh-radius);
  background:#fff; padding:16px 18px; margin-bottom:14px;
  box-shadow:0 18px 40px rgba(2,6,23,.06);
  transform: translateY(12px); opacity:.0;
}
.mxh-step .num{
  width:36px; height:36px; border-radius:999px; display:grid; place-items:center;
  background:#0f172a; color:#fff; font-weight:900; margin-top:2px;
  box-shadow:0 10px 18px rgba(15,23,42,.25);
}
.mxh-step .body h3{ margin:.1rem 0 .25rem; font-size:1.05rem; font-weight:900; }
.mxh-step .body p{ margin:0; color:var(--mxh-muted); }

/* Side cards */
.mxh-side{ display:grid; gap:16px; }
.mxh-card{
  background:#fff; border:2px solid var(--mxh-border); border-radius:var(--mxh-radius);
  padding:16px 18px; box-shadow:0 18px 40px rgba(2,6,23,.06);
}
.mxh-mini{ margin:.1rem 0 .5rem; font-size:.98rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.mxh-list{ margin:0; padding-left:18px; color:var(--mxh-muted); }
.mxh-list li{ margin:.35rem 0; }

/* FAQ details */
.mxh-qa{ border-top:1px solid #e7edf4; padding:10px 0; }
.mxh-qa:first-of-type{ border-top:none; }
.mxh-qa > summary{
  cursor:pointer; font-weight:800; list-style:none; position:relative; padding-right:26px;
}
.mxh-qa > summary::marker{ content:""; }
.mxh-qa > summary::after{
  content:"▾"; position:absolute; right:2px; top:0; color:#64748b; transition: transform .2s ease;
}
.mxh-qa[open] > summary::after{ transform: rotate(180deg); }
.mxh-qa > p{ color:var(--mxh-muted); margin:.35rem 0 0 .2rem; }

/* Reveal */
[data-mxh-reveal]{ opacity:0; transform: translateY(16px); }
[data-mxh-reveal].is-in{
  opacity:1; transform: translateY(0);
  transition: transform .6s cubic-bezier(.2,.8,.2,1), opacity .5s ease;
}

/* Responsive */
@media (max-width: 980px){
  .mxh-grid{ grid-template-columns: 1fr; }
  .mxh-head{ text-align:left; }
}
@media (max-width: 600px){
  .mxh-steps .body h3{ font-size:1rem; }
  .mxh-steps .body p{ font-size:.95rem; }
  .mxh-card{ padding:14px 16px; }
}






/* ===== Premium Light Hero (lux) – Light gradient + dark text ===== */
.lux-hero{
  --wrapW: min(1240px, 94vw);
  --ink: #0f172a;                 /* text închis */
  --muted: #5f6b7a;
  --surface: #ffffff;
  --card-radius: 22px;
  --shadow-strong: 0 30px 80px rgba(15,23,42,.12), 0 6px 16px rgba(15,23,42,.1);
  --shadow-soft:   0 10px 30px rgba(15,23,42,.08), 0 2px 8px rgba(15,23,42,.06);

  background:
    radial-gradient(140% 120% at 100% -10%, rgba(140,160,255,.15) 0%, transparent 40%),
    radial-gradient(120% 120% at -10% -20%, rgba(242,163,58,.12) 0%, transparent 45%),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  color: var(--ink);
  position: relative; isolation: isolate; overflow: hidden;
  padding: clamp(48px, 7vw, 84px) 0;
}

/* grid */
.lux-hero .lh-wrap{
  width: var(--wrapW); margin-inline: auto; padding-inline: 12px;
  display: grid; grid-template-columns: 1.05fr .95fr;
  gap: clamp(20px, 5vw, 60px); align-items: center;
}

/* ========= TEXT (stil ca "Contact Hero", dar pe light) ========= */
.lux-hero .lh-title{ position:relative; margin:0 0 10px; line-height:1; }
.lux-hero .lh-lead{
  display:block; font-weight:900; letter-spacing:.2px;
  font-size: clamp(34px, 8vw, 80px);
}
.lux-hero .lh-main{
  display:block; font-weight:900;
  font-size: clamp(34px, 8vw, 80px);
  margin-top:-.08em;
}
.lux-hero .lh-ghost{
  position:absolute; left:0; top:42%; transform: translateY(-50%);
  font-size: clamp(40px, 8vw, 90px); font-weight:900;
  color:#000; opacity:.08; filter: blur(.5px); pointer-events:none;
}
.lux-hero .lh-sub{
  color: var(--muted); max-width: 68ch; margin: 10px 0 18px;
  font-size: clamp(16px, 2.2vw, 20px);
}
.lux-hero .lh-cta{ display:flex; gap:12px; flex-wrap:wrap; }
.lux-hero .lh-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:46px; padding:0 18px; font-weight:900; text-decoration:none;
  border-radius:12px; transition:.25s ease; white-space:nowrap;
}
/* ===== LUX HERO Buttons Premium ===== */

/* Buton principal (închis, text alb) */
.lux-hero .lh-btn--primary{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 1rem 1.9rem;
  border-radius: 999px;                 /* 👈 rotunjire completă */
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: .2px;

  background: linear-gradient(180deg,#111827,#0b1220);
  color: #fff;
  border: 1px solid rgba(255,255,255,.12);

  box-shadow:
    0 12px 28px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.12);

  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.lux-hero .lh-btn--primary:hover{
  transform: translateY(-2px);
  filter: brightness(1.05) saturate(1.1);
  box-shadow:
    0 18px 36px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.lux-hero .lh-btn--primary:active{
  transform:translateY(0);
  filter:brightness(1);
}

/* Buton secundar (ghost, alb) */
.lux-hero .lh-btn--ghost{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 1rem 1.9rem;
  border-radius: 999px;
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: .15px;

  color: var(--ink);
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(15,23,42,.15);

  backdrop-filter: blur(6px) saturate(120%);
  -webkit-backdrop-filter: blur(6px) saturate(120%);

  box-shadow:
    0 10px 22px rgba(0,0,0,.1),
    inset 0 1px 0 rgba(255,255,255,.6);

  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.lux-hero .lh-btn--ghost:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow:
    0 16px 30px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.7);
}
.lux-hero .lh-btn--ghost:active{
  transform: translateY(0);
}


/* ========= VISUAL (stacked cards) ========= */
.lux-hero .lh-visual{ position:relative; min-height: 360px; }
.lux-hero .lh-card{
  position:absolute; inset:auto;
  width: min(460px, 40vw);       /* mai mici, premium */
  aspect-ratio: 16 / 10;
  border-radius: var(--card-radius);
  overflow: hidden;
  background: var(--surface);
  box-shadow: var(--shadow-strong);
  transform-origin: center;
  transition: transform .6s cubic-bezier(.2,.8,.2,1), opacity .6s ease, filter .6s ease;
}
.lux-hero .lh-card img{
  width:100%; height:100%; object-fit:cover; display:block;
  filter: brightness(1.03) contrast(1.03) saturate(1.06);
  transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .6s ease;
}

/* Poziții & unghiuri – “împinse” spre dreapta, ca la Contact */
.lux-hero .lh-card--a{ --deg:-7deg; right:24%; top:-2%; transform: rotate(var(--deg)); }
.lux-hero .lh-card--b{ --deg:-1deg; right:12%; top:12%; transform: rotate(var(--deg)); z-index:2; }
.lux-hero .lh-card--c{ --deg: 7deg; right:-2%; top:26%; transform: rotate(var(--deg)); }

/* ========= Hover focus (desktop) ========= */
@media (hover:hover){
  .lux-hero .lh-visual:hover .lh-card{
    transform: translateY(0) rotate(var(--deg)) scale(.92);
    opacity:.8; filter: blur(.5px) saturate(.95);
  }
  .lux-hero .lh-visual .lh-card:hover{
    transform: translate(-1%, -8%) rotate(var(--deg)) scale(1.06);
    opacity:1; filter:none; z-index:10;
  }
  .lux-hero .lh-visual .lh-card:hover img{
    transform: scale(1.04);
    filter: brightness(1.08) contrast(1.1) saturate(1.1);
  }
}

/* ========= Animații la scroll (folosește JS-ul tău cu data-animate="ch-reveal") ========= */
/* starea inițială: când containerul are data-animate="ch-reveal" */
.lux-hero [data-animate="ch-reveal"] .lh-card{
  opacity:0;
  transform: translateY(18px) rotate(var(--deg));
}
.lux-hero [data-animate="ch-reveal"] .lh-title,
.lux-hero [data-animate="ch-reveal"] .lh-sub,
.lux-hero [data-animate="ch-reveal"] .lh-cta{
  opacity:0; translate: 0 18px;
}

/* dezvăluire la .is-in (pusă de IntersectionObserver din JS-ul tău) */
.lux-hero [data-animate="ch-reveal"].is-in .lh-card{
  opacity:1; transform: translateY(0) rotate(var(--deg));
}
.lux-hero [data-animate="ch-reveal"].is-in .lh-title,
.lux-hero [data-animate="ch-reveal"].is-in .lh-sub,
.lux-hero [data-animate="ch-reveal"].is-in .lh-cta{
  opacity:1; translate: 0 0;
  transition: opacity .6s ease, translate .6s cubic-bezier(.2,.8,.2,1);
}

/* stagger frumos pe carduri și pe text */
.lux-hero [data-animate="ch-reveal"].is-in .lh-card--a{ transition: opacity .6s ease .05s, transform .6s cubic-bezier(.2,.8,.2,1) .05s; }
.lux-hero [data-animate="ch-reveal"].is-in .lh-card--b{ transition: opacity .6s ease .18s, transform .6s cubic-bezier(.2,.8,.2,1) .18s; }
.lux-hero [data-animate="ch-reveal"].is-in .lh-card--c{ transition: opacity .6s ease .31s, transform .6s cubic-bezier(.2,.8,.2,1) .31s; }

.lux-hero [data-animate="ch-reveal"].is-in .lh-title{ transition-delay: .02s; }
.lux-hero [data-animate="ch-reveal"].is-in .lh-sub  { transition-delay: .12s; }
.lux-hero [data-animate="ch-reveal"].is-in .lh-cta  { transition-delay: .20s; }

/* ========= Responsive ========= */
@media (max-width: 980px){
  .lux-hero .lh-wrap{ grid-template-columns:1fr; }
  .lux-hero .lh-visual{ min-height: 320px; margin-top: 16px; }
  .lux-hero .lh-card{ width: min(520px, 88vw); }
  .lux-hero .lh-card--a{ right:22%; }
  .lux-hero .lh-card--b{ right:10%; }
  .lux-hero .lh-card--c{ right:-2%; }
}

@media (max-width: 680px){
  .lux-hero{ padding: 34px 0 28px; }
  .lux-hero .lh-wrap{ grid-template-columns:1fr; gap: 18px; }

  .lux-hero .lh-title{ text-align:center; }
  .lux-hero .lh-lead, .lux-hero .lh-main{
    font-size: clamp(34px, 12vw, 56px);
    line-height:.98;
  }
  .lux-hero .lh-ghost{
    left:50%; transform: translate(-50%, -50%);
    opacity:.06; filter: blur(.8px); text-align:center;
  }
  .lux-hero .lh-sub{
    text-align:center; margin: 10px auto 14px; max-width:64ch;
    font-size: clamp(15px, 4.2vw, 17px);
  }
  .lux-hero .lh-cta{ justify-content:center; }

  
  .lux-hero .lh-card img{
    transform: none !important;
    filter: brightness(1.03) contrast(1.04) saturate(1.06) !important;
  }
}

/* ===== Mobile tweaks (păstrează stack-ul, doar mai mic) ===== */
@media (max-width: 680px){
  .lux-hero{ padding: 28px 0; }

  .lux-hero .lh-lead,
  .lux-hero .lh-main{
    font-size: clamp(22px, 9vw, 34px);
    line-height: 1.05;
  }
  .lux-hero .lh-sub{
    font-size: clamp(14px, 4vw, 16px);
    text-align: center;
    margin: 8px auto 14px;
  }
  .lux-hero .lh-cta{ justify-content:center; }

  .lux-hero .lh-visual{ min-height: 200px; }
  .lux-hero .lh-card{
    width: min(300px, 80vw);
    aspect-ratio: 16 / 10;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(15,23,42,.16);
  }
  .lux-hero .lh-card--a{ right:18%; top:-2%; }
  .lux-hero .lh-card--b{ right:8%;  top:10%; }
  .lux-hero .lh-card--c{ right:-4%; top:22%; }
}
/* ==== LUX HERO — anti-crop pe mobil ==== */
@media (max-width: 680px){
  /* lasă cardurile să iasă în afara secțiunii și oferă spațiu jos */
  .lux-hero{
    overflow: visible;                 /* <— nu mai taie umbrele/imagini */
    padding-bottom: max(64px, 16vw);   /* spațiu pentru cardul de jos */
  }

  /* un pic mai înalt ca să nu se calce peste CTA */
  .lux-hero .lh-visual{ min-height: 240px; }

  /* carduri puțin mai mici + repoziționate ca să nu iasă prea jos */
  .lux-hero .lh-card{ width: min(300px, 84vw); }
  .lux-hero .lh-card--a{ right:18%; top:-2%; }
  .lux-hero .lh-card--b{ right:8%;  top: 8%; }
  .lux-hero .lh-card--c{ right:-4%; top:20%; }  /* ridicat cu ~2–4% față de înainte */
  
  /* (opțional) dacă ai safe area pe iPhone, mai adaugă un pic jos */
  .lux-hero{ padding-bottom: calc(max(64px, 16vw) + env(safe-area-inset-bottom, 0px)); }
}
/* ===== Lux Hero – Mobile fine tuning (≤ 680px) ===== */
@media (max-width: 680px){
  .lux-hero .lh-visual{
    margin-top: 24px;           /* coboară blocul vizual */
    margin-left: -6vw;          /* mută stiva mai spre stânga */
    min-height: 260px;          /* suficient loc pentru 3 carduri */
  }

  /* Carduri mai compacte, repoziționate */
  .lux-hero .lh-card{
    width: min(280px, 78vw);    /* mai mic, dar încă vizibil */
    border-radius: 14px;
  }
  .lux-hero .lh-card--a{
    right: auto; left: 18%; top: 2%;
  }
  .lux-hero .lh-card--b{
    right: auto; left: 26%; top: 18%;
  }
  .lux-hero .lh-card--c{
    right: auto; left: 34%; top: 34%;
  }
}


/* coarse pointer (touch): dezactivează pseudo-hover */
@media (hover:none){
  .lux-hero .lh-visual:hover .lh-card{ transform:none; opacity:1; filter:none; }
}

/* Respectă preferința de reducere a mișcării */
@media (prefers-reduced-motion: reduce){
  .lux-hero *{ animation:none !important; transition:none !important; }
  .lux-hero [data-animate="ch-reveal"] .lh-card,
  .lux-hero [data-animate="ch-reveal"] .lh-title,
  .lux-hero [data-animate="ch-reveal"] .lh-sub,
  .lux-hero [data-animate="ch-reveal"] .lh-cta{
    opacity:1 !important; translate: 0 0 !important; transform: none !important;
  }
}

/* ===== Safari iOS compatibility for .lux-hero ===== */

/* 0) Siguranță: imaginile nu ies din card */
.lux-hero .lh-card img{
  max-width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* 1) Fallback pentru 'inset' – forțează top/right/bottom/left */
@supports not (inset: 0){
  .lux-hero .lh-card{
    position:absolute;
    top:auto; right:auto; bottom:0; left:auto;  /* în loc de inset:auto */
  }
}

/* 2) Fallback pentru translate/scale longhand în animații (folosește transform clasic) */
@supports not (translate: 0){
  /* starea inițială */
  .lux-hero [data-animate="ch-reveal"] .lh-title,
  .lux-hero [data-animate="ch-reveal"] .lh-sub,
  .lux-hero [data-animate="ch-reveal"] .lh-cta{
    transform: translateY(18px);
    opacity: 0;
  }
  .lux-hero [data-animate="ch-reveal"] .lh-card{
    transform: translateY(18px) rotate(var(--deg));
    opacity: 0;
  }
  /* dezvăluire */
  .lux-hero [data-animate="ch-reveal"].is-in .lh-title,
  .lux-hero [data-animate="ch-reveal"].is-in .lh-sub,
  .lux-hero [data-animate="ch-reveal"].is-in .lh-cta{
    transform: translateY(0);
    opacity: 1;
    transition: transform .6s cubic-bezier(.2,.8,.2,1), opacity .6s ease;
  }
  .lux-hero [data-animate="ch-reveal"].is-in .lh-card{
    transform: translateY(0) rotate(var(--deg));
    opacity: 1;
    transition: transform .6s cubic-bezier(.2,.8,.2,1), opacity .6s ease;
  }
}

/* 3) iOS 15- : aspect-ratio poate fi instabil cu absolute – pune o înălțime minimă */
@supports not (aspect-ratio: 16 / 10){
  .lux-hero .lh-card{ height: 220px; }
}

/* 4) Pe mobil, dacă fallback-ul disablează absolute, comută pe galerie orizontală */
@media (max-width: 680px){
  @supports not (inset: 0){
    .lux-hero .lh-visual{
      position: relative;
      display: flex;
      gap: 14px;
      overflow-x: auto;
      padding: 2px 6px 10px;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
      mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
    }
    .lux-hero .lh-card{
      position: relative !important;
      top:auto !important; right:auto !important; bottom:auto !important; left:auto !important;
      width: 78vw !important;
      height: auto !important;
      flex: 0 0 78vw;
      scroll-snap-align: center;
      transform: none !important;
      opacity: 1 !important;
    }
  }
}

/* 5) Dacă JS nu rulează, nu lăsa elementele ascunse */
.lux-hero [data-animate="ch-reveal"] .lh-title,
.lux-hero [data-animate="ch-reveal"] .lh-sub,
.lux-hero [data-animate="ch-reveal"] .lh-cta,
.lux-hero [data-animate="ch-reveal"] .lh-card{
  will-change: transform, opacity;
}



/* ===== LUX HERO — Mobile centering & containment (≤ 680px) ===== */
@media (max-width: 680px){
  /* margini laterale vizibile pe mobil + nu lăsăm nimic să iasă din secțiune */
  .lux-hero{
    padding-left: max(5vw, 16px);
    padding-right: max(5vw, 16px);
    overflow: hidden;                 /* oprește umbre/imagini să iasă din secțiune */
  }
  .lux-hero .lh-wrap{ padding-inline: 0; } /* evită dublarea padding-ului */

  /* suficient spațiu vertical ca să încapă toate 3 cardurile */
  .lux-hero .lh-visual{
    position: relative;
    min-height: 320px;                /* ajustează dacă vrei stiva mai „compactă” */
    margin-top: 20px;
  }

  /* cardurile sunt centrate pe axa X și dimensionate securizat */
  .lux-hero .lh-card{
    right: auto !important;           /* anulăm poziționările pe 'right' */
    left: 50% !important;             /* centrăm pe X */
    transform: translateX(-50%) rotate(var(--deg)) !important;
    width: min(320px, 86vw);          /* NU depășesc ecranul */
    aspect-ratio: 16 / 10;
    
    box-shadow: 0 12px 28px rgba(15,23,42,.16);
  }

  /* poziții verticale ale stivei (toate rămân în .lh-visual) */
  .lux-hero .lh-card--a{ top: 0%;    }
  .lux-hero .lh-card--b{ top: 18%;   }
  .lux-hero .lh-card--c{ top: 36%;   }

  /* imaginile din card – centrate perfect în cadru */
  .lux-hero .lh-card img{
    object-fit: cover;
    object-position: center center;   /* 👈 centrul imaginii */
  }
}

/* ===== Extra safe pentru telefoane foarte mici (≤ 360px) ===== */
@media (max-width: 380px){
  .lux-hero .lh-card{ width: min(290px, 88vw); }
  .lux-hero .lh-visual{ min-height: 310px; }
}
/* ===== Lux Hero — poze mai mici pe telefon ===== */
@media (max-width: 690px){
  .lux-hero .lh-card{
    width: min(250px, 72vw);   /* ⬅️ micșorează lățimea (default era ~320px) */
    aspect-ratio: 16 / 10;     /* păstrează proporția corectă */
    border-radius: 14px;
  }

  /* ridică puțin cardurile ca să nu se suprapună prea tare */
  .lux-hero .lh-card--a{ top: 5%; }
  .lux-hero .lh-card--b{ top: 19%; }
  .lux-hero .lh-card--c{ top: 35%; }

  /* imaginea se centrează perfect */
  .lux-hero .lh-card img{
    object-fit: cover;
    object-position: center center;
  }
}

/* ===== Lux Hero — reduce spațiul sub poze pe mobil ===== */
@media (max-width: 680px){
  .lux-hero{
    padding-bottom: 36px !important;   /* ⬅️ redu padding-ul de jos (default era 64–80px) */
    overflow: hidden;                  /* păstrează umbrele curate fără scroll extra */
  }

  /* dacă imaginile ies prea jos, ridică ușor întreaga stivă */
  .lux-hero .lh-visual{
    margin-bottom: 0;                  /* elimină eventualul gap implicit */
    min-height: 280px;                 /* ajustează dacă trebuie mai puțin */
  }

  /* poziționează puțin mai sus cardurile */
  .lux-hero .lh-card--a{ top: 0%; }
  .lux-hero .lh-card--b{ top: 14%; }
  .lux-hero .lh-card--c{ top: 28%; }
}
































/* ====== ABOUT ESTHER – Premium Orizontal + Animations ====== */
:root {
  --bg-cream: #fdfaf6;
  --ink: #1b2733;
  --muted: #4f5d6a;
  --accent: #0b4a86;
  --shadow: 0 18px 50px rgba(15, 23, 42, .08);
}
.about-hero {
  position: relative;
  background: var(--bg-cream);
  padding: clamp(64px, 7vw, 100px) 0;
}
.container { width: min(1180px, 94vw); margin-inline: auto; }
.about-wrap {
  display: grid;
  grid-template-columns: 1.1fr 1fr; /* imagine / text */
  gap: clamp(32px, 5vw, 80px);
  align-items: center;
}
/* ===== Imagine (MAI MICĂ) ===== */
/* ===== Fix imagine: cadru landscape, fără deformare ===== */
.about-media{
  position: relative;
  width: clamp(320px, 40vw, 500px); /* controlează lățimea imaginii */
  aspect-ratio: 4 / 3;             /* înălțime automată = lățime * 3/4 */
  border-radius: 0px;
  overflow: hidden;
  box-shadow: var(--shadow);
  margin: 0 0 0 auto;
  transform: translateX(-8%);              /* rămâne aliniată spre interior */
}
.about-photo{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;                /* umple cadrul, taie elegant surplusul */
  object-position: 50% 50%;         /* poți muta focusul: 50% 40%, etc. */
  display: block;
}
/* Efect hover: zoom + lumină */
.about-media:hover .about-photo {
  transform: scale(1.05);
  filter: brightness(1.05) contrast(1.05);
}
/* ===== Text ===== */
.about-content { color: var(--ink); text-align: left; }
.about-overline{
  font: 600 16px/1 "Inter", sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0 0 12px;
}
.about-title{
  font-family: "Playfair Display", serif;
  font-weight: 800;
  font-size: clamp(28px, 3.5vw, 42px);
  line-height: 1.2;
  margin: 0 0 8px;
}
.about-subtitle{
  display: block;
  color: var(--ink);
  opacity: .9;
  font-weight: 600;
  font-size: clamp(18px, 2vw, 22px);
  margin-bottom: 16px;
}
/* Divider */
.about-divider{ display:inline-flex; align-items:center; gap:10px; margin:18px 0 24px; }
.about-divider .line{
  width: 120px; height: 2px; background: var(--accent);
  border-radius: 999px; transform-origin: left;
}
.about-divider .dot{ width:8px; height:8px; border-radius:50%; background:var(--accent); }
/* Paragrafe */
.about-text{
  display: grid;
  gap: 14px;
  max-width: 560px;            /* ține textul pe orizontală, nu se lungește */
}
.about-text p{ font: 400 15px/1.65 "Inter", sans-serif; color: var(--muted); margin: 0; }
/* ===== Animații (ca înainte) ===== */
.reveal-up{ opacity:0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.reveal-zoom{ opacity:0; transform: scale(.98); transition: opacity 1s ease, transform 1s cubic-bezier(.2,.7,.2,1); }
.reveal-line{ transform: scaleX(0); transform-origin: left; transition: transform 900ms cubic-bezier(.24,.84,.21,1); }
.inview .reveal-up{ opacity:1; transform: translateY(0); }
.inview .reveal-zoom{ opacity:1; transform: scale(1); }
.inview .about-divider .line{ transform: scaleX(1); }
/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .reveal-up,.reveal-zoom,.reveal-line{ transition:none!important; transform:none!important; opacity:1!important; }
}
/* ===== Responsive ===== */
@media (max-width:1024px){
  .about-wrap{ grid-template-columns: 1fr; text-align:center; }
  .about-photo{ margin: 0 auto 32px; }
  .about-content{ text-align:center; }
  .about-text{ max-width: 100%; margin: 0 auto; }
}
/* ==== Border premium dublu cu AUR ==== */
.about-media {
  position: relative;
  width: clamp(300px, 40vw, 500px);
  aspect-ratio: 4 / 3;
  overflow: hidden;
  margin: 0 0 0 auto;
  transform: translateX(-8%);
  /* contur auriu (gradient) */
  border: 4px solid transparent;
  border-image: linear-gradient(135deg, #d4af37, #f9e79f, #d4af37) 1;  /* efect aur */
  /* al doilea contur crem */
  outline: 10px solid #fdfaf6;
  outline-offset: 8px;
  box-shadow: 0 25px 50px rgba(0,0,0,.2);
  border-radius: 0;
  transition: transform .5s ease, box-shadow .5s ease, border-image .5s ease;
}
/* Hover efect – aur mai intens */
.about-media:hover {
  transform: translateX(-8%) scale(1.03);
  box-shadow: 0 35px 70px rgba(0,0,0,.28);
  border-image: linear-gradient(135deg, #b8860b, #ffd700, #b8860b) 1;  /* aur mai puternic */
}
#about-esther .about-caption{
  margin-top: clamp(14px, 1.8vw, 18px);
  color: var(--muted);
  font-size: clamp(15.5px, 1.6vw, 18px);   /* ⇐ aceeași mărime ca textul mic din dreapta */
  line-height: 1.7;
  background: #ffffffcc;
  padding: clamp(10px, 1.6vw, 14px) clamp(12px, 1.8vw, 16px);
  border-left: 4px solid var(--gold);      /* accent discret premium */
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15,39,66,.06);
}
/* Fonts: titlu/subtitlu = Playfair Display (ca în screenshot), restul = Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@700;800&display=swap');
#hero-esther{
  position: relative;
  min-height: 73vh;
  color:#fff;
  overflow:hidden;
  isolation:isolate;
  font-family: "Playfair Display", serif;
}
/* ==== Background (schimbă imaginea după nevoie) ==== */
#hero-esther .hero-bg{
  position:absolute; inset:0;
  background:url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=2000&auto=format&fit=crop') center/cover no-repeat;
  transform:scale(1.05);
  transition:transform 2s ease;
}
#hero-esther:hover .hero-bg{ transform:scale(1.08); }
/* Overlay întunecat */
#hero-esther .hero-overlay{
  position:absolute; inset:0;
  background: rgba(0,0,0,.60);
  z-index:1;
}
/* ==== Layout ==== */
#hero-esther .hero-wrap{
  position:relative; z-index:2;
  max-width:1280px; margin:0 auto;
  padding:clamp(28px,5vw,68px);
  display:grid; grid-template-columns:1.2fr 0.8fr;
  gap:clamp(16px,4vw,40px); align-items:center;
}
@media (max-width: 1024px){
  #hero-esther .hero-wrap{ grid-template-columns:1fr; text-align:left; }
}
/* ==== Tipografie (mai mică, cu același font ca în hero) ==== */
#hero-esther .hero-title{
  font-family: "Playfair Display", serif;
  font-weight:800;
  font-size:clamp(34px,4.6vw,58px);   /* ↓ mai mic */
  line-height:1.06;
  margin:0 0 12px;                   /* ↓ spacing */
  letter-spacing:.2px;
}
/* Accent albastru sobru (fără roșu) */
#hero-esther .hero-title .accent{
  color:#F5DEC9;
  font-weight:800;
}
#hero-esther .hero-sub{
  font-family:'Playfair Display', Georgia, serif;
  font-style:italic;
  font-weight:700;
  font-size:clamp(16px,1.9vw,24px);   /* ↓ mai mic */
  line-height:1.35;
  opacity:.98;
  margin:0 0 22px;                   /* ↓ spacing */
}
/* ==== Bullets (2 coloane, iconuri mai mici & monocrom) ==== */
#hero-esther .hero-bullets{
  display:grid;
  grid-template-columns:repeat(2, minmax(240px, 1fr));
  gap:16px 24px;                      /* ↓ ușor mai compact */
  margin:0 0 24px;
}
@media (max-width: 720px){ #hero-esther .hero-bullets{ grid-template-columns:1fr; } }
#hero-esther .bullet{
  display:flex; align-items:center; gap:12px;
  font-weight:600;
  font-size:clamp(14.5px,1.5vw,18px); /* ↓ text bullets */
}
/* Icon disc mai mic + monocrom albastru */
#hero-esther .bullet .ico{
  width:48px; height:48px;            /* ↓ 60px -> 48px */
  border-radius:50%;
  background:#fff; display:grid; place-items:center;
  box-shadow:0 10px 22px rgba(0,0,0,.25), inset 0 0 0 2px #ffffff22;
  color:#1f4d7a;                      /* ↓ fără roșu */
}
#hero-esther .bullet span:last-child{ color:#fff; }
/* Paletă asortată secțiunii (fără roșu) */
#hero-esther{
  --accent: black;   /* albastru sobru */
  --accent2:#2b6aa3;   /* albastru luminos pt hover */
  --ink:    #0f172a;
}
/* ========== CTA PREMIUM (capsule cu border gradient + glass sheen) ========== */
#hero-esther .hero-cta{
  position:relative;
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 210px; height: 54px; padding: 0 24px;
  border-radius: 999px;
  font-weight:800; font-size:16px; letter-spacing:.15px;
  color: #0f172a;
  border: 2px solid transparent;
  /* dublu background: interior „glass” + chenar gradient */
  background:
    linear-gradient(120deg, #ffffff, #f6f8fb) padding-box,
    linear-gradient(140deg, rgba(255,255,255,.85), rgba(255,255,255,.15)) border-box;
  box-shadow:
    0 18px 40px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .25s ease,
              background .35s ease, color .2s ease, letter-spacing .18s ease;
  isolation:isolate;
}
/* luciu care alunecă pe hover */
#hero-esther .hero-cta::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  background: linear-gradient(110deg, rgba(255,255,255,0) 10%, rgba(255,255,255,.55) 45%, rgba(255,255,255,0) 65%);
  transform: translateX(-30%);
  transition: transform .7s ease;
  pointer-events:none;
}
#hero-esther .hero-cta:hover,
#hero-esther .hero-cta:focus-visible{
  color:#fff;
  transform: translateY(-2px);
  letter-spacing:.2px;
  background:
    linear-gradient(135deg, var(--accent), var(--accent2)) padding-box,
    linear-gradient(140deg, rgba(255,255,255,.75), rgba(255,255,255,.2)) border-box;
  box-shadow: 0 22px 52px rgba(0,0,0,.45),
              inset 0 1px 0 rgba(255,255,255,.35);
}
#hero-esther .hero-cta:hover::before,
#hero-esther .hero-cta:focus-visible::before{ transform: translateX(110%); }
#hero-esther .hero-cta:active{ transform:translateY(0); }
/* Focus ring accesibil */
#hero-esther .hero-cta:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.6),
    0 0 0 7px color-mix(in srgb, var(--accent) 35%, transparent),
    0 22px 52px rgba(0,0,0,.45);
}
/* ========== PLAY PREMIUM (inel gradient rotativ + disc care se colorează) ========== */
#hero-esther .hero-play{
  justify-self:center; position:relative; border:none; background:transparent; cursor:pointer;
  width: clamp(150px,16vw,210px); height: clamp(150px,16vw,210px);
  filter: drop-shadow(0 16px 42px rgba(0,0,0,.35));
}
/* Inel gradient rotativ (subtil) */
#hero-esther .hero-play .ring{
  position:absolute; inset:0; border-radius:50%;
  background:
    conic-gradient(from 0deg,
      rgba(255,255,255,.15) 0deg,
      color-mix(in srgb, var(--accent) 40%, transparent) 120deg,
      rgba(255,255,255,.15) 240deg,
      color-mix(in srgb, var(--accent) 40%, transparent) 360deg);
  animation: spin 7s linear infinite;
  opacity:.9;
}
/* Disc „glass” */
#hero-esther .hero-play .disc{
  position:absolute; inset:12% 12%; border-radius:50%;
  background: radial-gradient(120% 120% at 30% 25%, #ffffff 0%, #f5f7fb 65%, #eef2f8 100%);
  display:grid; place-items:center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(0,0,0,.06),
    0 10px 40px rgba(0,0,0,.35);
  transition: background .35s ease, transform .2s ease, box-shadow .25s ease;
}
/* Triunghi monocrom albastru */
#hero-esther .hero-play .tri{
  width:0; height:0;
  border-left: 28px solid var(--accent);
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  transform: translateX(4px);
  transition: border-left-color .25s ease;
}
/* Hover: disc devine gradient albastru, triunghiul devine alb, înelul se intensifică */
#hero-esther .hero-play:hover .disc{
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 14px 52px rgba(0,0,0,.45);
  transform: scale(1.02);
}
#hero-esther .hero-play:hover .tri{ border-left-color:#fff; }
#hero-esther .hero-play:hover .ring{ opacity:1; filter: saturate(1.05); }
/* Animații */
@keyframes spin { to { transform: rotate(360deg); } }
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  #hero-esther .hero-play .ring{ animation:none !important; }
  #hero-esther .hero-cta, #hero-esther .hero-cta::before{ transition:none !important; }
}
/* ==== Play button (dreapta) – triunghi albastru închis ==== */
#hero-esther .hero-play{
  justify-self:center; position:relative; border:none; background:transparent; cursor:pointer;
  width:clamp(150px,16vw,210px);
  height:clamp(150px,16vw,210px);
}
#hero-esther .hero-play .ring{
  position:absolute; inset:0; border-radius:50%;
  background:radial-gradient(closest-side, rgba(255,255,255,.22), rgba(255,255,255,.06));
  animation:pulse 2.2s ease-in-out infinite;
}
#hero-esther .hero-play .disc{
  position:absolute; inset:18% 18%; border-radius:50%;
  background:#fff; display:grid; place-items:center;
  box-shadow:0 10px 40px rgba(0,0,0,.4), inset 0 0 0 10px rgba(255,255,255,.5);
}
#hero-esther .hero-play .tri{
  width:0; height:0;
  border-left:30px solid #1f4d7a;      /* ↓ albastru sobru */
  border-top:18px solid transparent;
  border-bottom:18px solid transparent;
  transform:translateX(4px);
}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}
/* ==== Reveal on scroll ==== */
.reveal{ opacity:0; transform:translateY(14px); }
.revealed{ opacity:1; transform:translateY(0); transition:.7s cubic-bezier(.22,.8,.25,1); }
#hero-esther .hero-title.revealed{ transition-delay:.05s; }
#hero-esther .hero-bullets.revealed{ transition-delay:.15s; }
#hero-esther .hero-cta.revealed{ transition-delay:.25s; }
#hero-esther .hero-play.revealed{ transition-delay:.2s; }
/* Modal video */
#hero-esther .hero-modal[hidden]{ display:none; }
#hero-esther .modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.65); backdrop-filter:blur(2px); }
#hero-esther .modal-dialog{ position:fixed; inset:0; display:grid; place-items:center; padding:24px; }
#hero-esther .modal-iframe{ width:min(100%,960px); height:min(60vh,540px); background:#000; border:none; border-radius:14px; }
#hero-esther .modal-close{ position:fixed; top:18px; right:18px; width:44px; height:44px; border-radius:50%; border:none; background:#fff; color:#111; font-size:28px; box-shadow:0 6px 22px rgba(0,0,0,.35); cursor:pointer; }
/* Reduce motion */
@media (prefers-reduced-motion:reduce){
  #hero-esther .hero-bg{ transform:none!important; }
  .reveal,.revealed{ opacity:1!important; transform:none!important; transition:none!important; }
  #hero-esther .hero-play .ring{ animation:none!important; }
}
/* 1) Overlay mai „deștept” + vignette */
#hero-esther .hero-overlay{
  background:
    radial-gradient(120% 90% at 80% 50%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.42) 48%, rgba(0,0,0,.30) 100%);
}
/* 2) Ierarhie tipografică mai fină */
#hero-esther .hero-title{ font-size: clamp(32px, 4.2vw, 54px); margin-bottom: 10px; }
#hero-esther .hero-sub{ font-size: clamp(16px, 1.9vw, 22px); font-weight: 600; margin-bottom: 22px; }
/* 3) Bullets – baseline perfect + spații egale */
#hero-esther .hero-bullets{ gap: 14px 24px; }
#hero-esther .bullet{ gap: 12px; line-height: 1.35; }
#hero-esther .bullet .ico{ display:inline-grid; place-items:center; }
/* 4) CTA cu „ancoră” vizuală (shadow bar) */
#hero-esther .hero-cta{
  box-shadow: 0 20px 38px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.8) inset;
}
#hero-esther .hero-cta::after{
  content:""; position:absolute; left:12%; right:12%; bottom:-14px; height:18px;
  filter: blur(8px); background: rgba(0,0,0,.25); border-radius: 50%;
  z-index:-1; transition: opacity .25s ease; opacity:.85;
}
#hero-esther .hero-cta:hover::after{ opacity:1; }
/* 5) Play – ușor spre stânga + ring subtil */
#hero-esther .hero-wrap{ align-items: center; }
#hero-esther .hero-play{ margin-left: -1.5vw; }
#hero-esther .hero-play .ring{
  background: conic-gradient(from 0deg,
    rgba(255,255,255,.14), rgba(255,255,255,.04), rgba(255,255,255,.14));
  animation: spin 9s linear infinite;
}
/* 6) Focus vizibil (a11y) */
#hero-esther .hero-cta:focus-visible,
#hero-esther .hero-play:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(255,255,255,.7), 0 0 0 8px rgba(31,77,122,.35);
}
/* 7) Mobile stacking */
@media (max-width: 900px){
  #hero-esther .hero-wrap{ grid-template-columns: 1fr; gap: 24px; }
  #hero-esther .hero-play{ order: 3; margin: 0; justify-self: start; }
  #hero-esther .hero-cta{ order: 2; }
}
/* (păstrăm animațiile existente) */
@keyframes spin { to { transform: rotate(360deg); } }
/* ===== Bullets premium + spacing deasupra ===== */
/* mai mult spațiu deasupra listei */
#hero-esther .hero-bullets{
  margin-top: clamp(18px, 3vh, 40px);   /* ⇐ spațiul cerut */
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  column-gap: 34px;
  row-gap: 22px;
}
/* item mai “plin” și aliniere perfectă */
#hero-esther .bullet{
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 10px;                    /* micro-padding pt. respirație */
  border-radius: 0px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.06));
  backdrop-filter: blur(2px);
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  transition: transform .18s ease, box-shadow .25s ease;
}
#hero-esther .bullet:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}
/* disc “glass + ring”, mai rafinat */
#hero-esther .bullet .ico{
  position: relative;
  width: 50px; height: 50px;            /* puțin mai mic & echilibrat */
  border-radius: 999px;
  display: grid; place-items: center;
  color: #1f4d7a;                        /* asortat cu restul secțiunii */
  background:
    radial-gradient(120% 120% at 30% 20%, #ffffff 0%, #f4f6fa 65%, #eef2f8 100%);
  border: 1px solid #e7ecf4;
  box-shadow:
    0 12px 22px rgba(15,23,42,.22),
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .25s ease, filter .25s ease;
}
#hero-esther .bullet .ico::before{
  content:"";
  position:absolute; inset:-1px; border-radius:inherit;
  background: conic-gradient(from 180deg, #c3d3e6 0deg, #f9fbff 120deg, #c3d3e6 240deg, #f9fbff 360deg);
  mix-blend-mode: soft-light; opacity:.5; pointer-events:none;
}
#hero-esther .bullet .ico::after{
  content:"";
  position:absolute; top:8%; left:12%; width:60%; height:34%;
  border-radius:100px;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,0));
  filter: blur(2px); opacity:.7; pointer-events:none;
}
#hero-esther .bullet .ico svg{
  width: 22px; height: 22px;
  stroke: currentColor; fill: none; stroke-width: 2;
}
#hero-esther .bullet:hover .ico{
  transform: translateY(-1px);
  filter: saturate(1.05);
}
/* text mai curat + highlight elegant la hover */
#hero-esther .bullet span:last-child{
  color: #fff;
  font-weight: 800;
  font-size: clamp(15px, 1.6vw, 20px);
  line-height: 1.35;
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
  background: linear-gradient(currentColor, currentColor) left bottom / 0% 2px no-repeat;
  transition: background-size .35s ease;
}
#hero-esther .bullet:hover span:last-child{
  background-size: 100% 2px;            /* subliniere fluidă */
}
/* responsive */
@media (max-width: 720px){
  #hero-esther .hero-bullets{ grid-template-columns: 1fr; }
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@700;800&display=swap');
/* ===== Vars ===== */
#stats-ribbon{
  --bg:#0b0e12; --ink:#fff; --muted:#cfd6e4;
  --gold:#d4af37; --gold2:#f1d27a;
  --radius:18px; --shadow:0 30px 70px rgba(0,0,0,.35);
}
#stats-ribbon{ padding:clamp(28px,6vw,56px) 0; font-family:Inter,system-ui,sans-serif; }
/* ===== Wrap (card mare negru lucios) ===== */
#stats-ribbon .stats-wrap{
  width:min(1400px,94vw); margin-inline:auto; position:relative; overflow:hidden;
  border-radius:var(--radius); color:var(--ink); box-shadow:var(--shadow);
  padding:clamp(26px,4.6vw,42px); display:grid; grid-template-columns:repeat(4,1fr);
  gap:clamp(18px,3vw,32px);
  background:linear-gradient(160deg,#13161b 0%,#0b0e12 60%,#0b0e12 100%);
}
/* Reflex “sheen” care alunecă ușor */
#stats-ribbon .stats-wrap::before{
  content:""; position:absolute; inset:-20% -10% auto -10%; height:80%;
  background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,0));
  transform:rotate(-8deg) translateX(-10%);
  animation: sheen 9s ease-in-out infinite;
  pointer-events:none;
}
@keyframes sheen{
  0%,100%{ transform:rotate(-8deg) translateX(-10%); opacity:.55; }
  50%    { transform:rotate(-8deg) translateX(10%);  opacity:.9; }
}
/* Textură foarte discretă */
#stats-ribbon .stats-wrap::after{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 2px,transparent 2px 10px);
  opacity:.2; mix-blend-mode:soft-light; pointer-events:none;
}
/* ===== Card ===== */
#stats-ribbon .stat{ position:relative; padding:clamp(6px,1.2vw,10px); border-radius:12px; }
#stats-ribbon .stat:hover{ transform:translateY(-2px); transition:.25s; }
#stats-ribbon .stat-title{
  margin:0 0 6px; color:var(--ink); font-weight:800; letter-spacing:.2px;
  font-size:clamp(22px,2.8vw,32px); display:flex; flex-wrap:wrap; gap:.35rem .6rem; align-items:baseline;
}
#stats-ribbon .stat-title em{ font-family:"Playfair Display",Georgia,serif; font-style:normal; font-weight:800; }
#stats-ribbon .plus{ color:var(--gold2); text-shadow:0 2px 8px rgba(212,175,55,.35); }
#stats-ribbon .stat-sub{ margin:0 0 16px; color:var(--muted); font-size:clamp(12px,1.4vw,16px); line-height:1.4; }
/* Linie aurie animată */
#stats-ribbon .stat-underline{
  display:block; width:clamp(56px,8vw,84px); height:6px; border-radius:999px;
  background:linear-gradient(90deg,var(--gold) 0%,var(--gold2) 100%);
  box-shadow:0 4px 16px rgba(241,210,122,.35);
  transform-origin:left; transform:scaleX(0);
}
/* ===== Reveal (stagger) ===== */
.reveal{ opacity:0; transform:translateY(16px); }
.revealed{ opacity:1; transform:none; transition:.7s cubic-bezier(.22,.8,.25,1); }
.revealed .stat:nth-child(1) .stat-underline{ transition:transform .9s .15s cubic-bezier(.24,.84,.21,1); transform:scaleX(1); }
.revealed .stat:nth-child(2) .stat-underline{ transition:transform .9s .25s cubic-bezier(.24,.84,.21,1); transform:scaleX(1); }
.revealed .stat:nth-child(3) .stat-underline{ transition:transform .9s .35s cubic-bezier(.24,.84,.21,1); transform:scaleX(1); }
.revealed .stat:nth-child(4) .stat-underline{ transition:transform .9s .45s cubic-bezier(.24,.84,.21,1); transform:scaleX(1); }
/* ===== Responsive ===== */
@media (max-width:1024px){ #stats-ribbon .stats-wrap{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){
  #stats-ribbon .stats-wrap{ grid-template-columns:1fr; }
  #stats-ribbon .stat{ text-align:center; }
  #stats-ribbon .stat-underline{ margin-inline:auto; }
}
/* ===== Reduce motion ===== */
@media (prefers-reduced-motion:reduce){
  #stats-ribbon .stats-wrap::before{ animation:none !important; }
  .reveal,.revealed{ opacity:1 !important; transform:none !important; transition:none !important; }
  .stat-underline{ transform:scaleX(1) !important; }
}

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
/* ===== Section base ===== */
#needs-min{
  --ink:#0a0f1a;
  --muted:#4a5868;
  --accent:#1f4d7a;
  --badge:#fdebdc;
  --icon:#e09a47;
  --border:#0a0f1a;
  --shadow-sm:0 8px 22px rgba(15,23,42,.10);
  --shadow:0 16px 40px rgba(15,23,42,.14);
  background:#fff7f0;
  padding:40px 0;
}
#needs-min .nm-container{ width:min(1160px,92vw); margin-inline:auto; }
/* ===== Rows (mai apropiate poză + text) ===== */
#needs-min .nm-row{
  display:grid;
  grid-template-columns: 1fr 1fr;                 /* coloană simetrică */
  align-items:start;                               /* aliniere sus */
  gap:clamp(20px,4vw,40px);                        /* MAI APROAPE decât înainte */
  margin-bottom:clamp(36px,6vw,72px);              /* spațiu vertical mai mic */
}
#needs-min .nm-row.nm-alt{ grid-template-columns: 1fr 1fr; }
@media (max-width:1020px){
  #needs-min .nm-row,
  #needs-min .nm-row.nm-alt{ grid-template-columns:1fr; gap:18px; }
}
/* ===== Media (poze mai mici + card premium) ===== */
#needs-min .nm-media{
  position:relative; margin:0; justify-self:end;   /* mai aproape de content */
  width:100%; max-width:440px;                     /* IMAGINI MAI MICI */
  aspect-ratio:16/9;
  border-radius:16px; overflow:hidden;
  background:#f6f6f6;
  box-shadow:var(--shadow-sm);
  outline:1px solid rgba(15,23,42,.06);
}
#needs-min .nm-row.nm-alt .nm-media{ justify-self:start; } /* pentru rândul inversat */
#needs-min .nm-media img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .45s ease, filter .45s ease;
  transform:translateZ(0);
}
#needs-min .nm-media:hover img{ transform:scale(1.02); filter:saturate(1.02); }
/* ===== Content (compact & premium) ===== */
#needs-min .nm-content{
  color:var(--ink);
  max-width:520px;                                  /* lățime confort de citire */
  padding-top:4px;                                  /* îl ridică subtil */
}
#needs-min .nm-badge{
  display:inline-grid; place-items:center;
  width:56px; height:56px; border-radius:999px;
  background:var(--badge); color:var(--icon);
  box-shadow:0 8px 20px rgba(224,154,71,.22), inset 0 0 0 6px rgba(224,154,71,.10);
  margin:0 8px 8px 0;                               /* mai mic și mai aproape de titlu */
  vertical-align:middle;
}
#needs-min .nm-badge svg{ width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:2; }
#needs-min .nm-h3{
  display:inline-block; vertical-align:middle;
  margin:0 0 8px;
  font:800 clamp(18px,1.8vw,22px)/1.22 Inter,system-ui,sans-serif;
  letter-spacing:.1px;
}
#needs-min .nm-h3 .accent{ font-weight:800; color:#0d2e49; letter-spacing:.12px; }
#needs-min .nm-text{
  margin:8px 0 14px;
  font:400 clamp(14px,1.5vw,16px)/1.62 Inter,system-ui,sans-serif;
  color:#5a6a7a;
  max-width:56ch;                                   /* paragraf mai îngust -> mai premium */
}
/* ===== Button (outline mic, hover fill) ===== */
#needs-min .nm-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; min-width:210px; padding:0 18px; border-radius:999px;
  font:800 14px/1 Inter,system-ui,sans-serif; letter-spacing:.15px;
  color:var(--ink); background:#fff; text-decoration:none;
  border:2px solid var(--ink);
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transition:transform .16s ease, box-shadow .25s ease, background .25s ease, color .2s ease, border-color .25s ease;
}
#needs-min .nm-btn:hover{
  transform:translateY(-2px);
  background:var(--ink); color:#fff; border-color:var(--ink);
  box-shadow:var(--shadow);
}
#needs-min .nm-btn:active{ transform:translateY(-1px) scale(.995); }
/* ===== Micro alignment pentru rândul inversat ===== */
#needs-min .nm-row.nm-alt .nm-content{ justify-self:end; }
@media (max-width:1020px){
  #needs-min .nm-media{ justify-self:center; max-width:92%; }
  #needs-min .nm-row.nm-alt .nm-content{ justify-self:start; }
}
/* ===== Reveal (dacă folosești .nm-reveal pe rânduri) ===== */
.nm-reveal{ opacity:0; transform:translateY(16px); }
.nm-reveal.is-in{ opacity:1; transform:none; transition:.8s cubic-bezier(.22,.8,.25,1); }
@media (prefers-reduced-motion:reduce){
  .nm-reveal,.nm-reveal.is-in{ opacity:1 !important; transform:none !important; transition:none !important; }
}
#needs-min .nm-row:first-child .nm-media{
  justify-self:start;
  margin-left:40px;   /* ajustezi după gust */
}
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
/* ===== Vars ===== */
#about-services{
  --ink:#121826;              /* titlu & h3 */
  --muted:#6b7a8a;            /* paragrafe */
  --card:#ffffff;
  --bg-cream:#fff2e2;         /* crem cald spre baza */
  --radius:14px;
  --shadow-sm:0 12px 28px rgba(15,23,42,.12);
  --shadow-lg:0 26px 60px rgba(15,23,42,.18);
}
/* ===== Section ===== */
#about-services{
  position:relative;
  padding: clamp(54px,8vw,120px) 0 clamp(70px,10vw,140px);
  background:
    linear-gradient(180deg,#ffffff 0%, #ffffff 30%, var(--bg-cream) 100%);
  overflow:clip;
}
/* Halo difuz la bază */
#about-services::after{
  content:"";
  position:absolute; inset:auto 0 -12%;
  height:48%;
  background:radial-gradient(60% 80% at 50% 0%,
              rgba(15,23,42,.18), rgba(15,23,42,0) 65%);
  filter:blur(22px); opacity:.25; pointer-events:none;
}
#about-services .as-container{ width:min(1200px,92vw); margin-inline:auto; }
/* ===== Title ===== */
#about-services .as-title{
  margin:0 0 clamp(28px,5vw,44px);
  text-align:center;
  color:var(--ink);
  font:800 clamp(20px,4.4vw,42px)/1.06 Playfair Display, Georgia, serif;
  letter-spacing:.2px;
}
/* ===== Grid ===== */
#about-services .as-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap: clamp(18px,2.6vw,24px);
}
@media (max-width:1024px){
  #about-services .as-grid{ grid-template-columns:1fr; }
}
/* ===== Cards (dimensiune & stil ca în poză) ===== */
#about-services .as-card{
  background:#fff;
  border-radius:0px;
  border:1px solid rgba(18,24,38,.06);
  padding:24px;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
  transition:transform .22s ease, box-shadow .28s ease;
  /* am șters min-height */
}
/* Umbra “ambient” sub card, ca în screenshot */
#about-services .as-card::after{
  content:"";
  position:absolute; left:6%; right:6%; bottom:-18px; height:26px;
  border-radius:999px;
  background:radial-gradient(60% 100% at 50% 0%,
              rgba(15,23,42,.18), rgba(15,23,42,0) 70%);
  filter:blur(10px); opacity:.4; z-index:-1;
}
#about-services .as-card:hover{
  transform:translateY(-3px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(18,24,38,.10);
}
/* Tipografie card */
#about-services .as-h3{
  margin:0 0 10px;
  color:var(--ink);
  font:800 clamp(16px,2.1vw,20px)/1.24 Playfair Display, Georgia, serif;
}
#about-services .as-p{
  margin:0;
  color:var(--muted);
  font:400 clamp(14px,1.55vw,16px)/1.7 Playfair Display, Georgia, serif;
}
/* ===== Smooth reveal ===== */
.as-reveal{ opacity:0; transform: translateY(16px); }
.as-reveal.is-in{ opacity:1; transform:none; transition:.8s cubic-bezier(.22,.8,.25,1); }
@media (prefers-reduced-motion:reduce){
  .as-reveal,.as-reveal.is-in{ opacity:1 !important; transform:none !important; transition:none !important; }
}
.about-caption {
  display: none;
}





/* ====== Layout shell ====== */
.ep-hero {
  padding: clamp(40px, 6vw, 80px) 0;
  background: #191B1C; /* închis, curat */
}
.ep-shell{
  max-width: 1200px;
  margin: 0 auto;
  background: #1b2127;
  color: #dfe6ee;
  
  padding: clamp(24px, 4vw, 48px);
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(24px, 3vw, 48px);
  box-shadow: 0 30px 70px rgba(0,0,0,.35);
  position: relative;
  overflow: hidden;
  margin-top:15px;
}

/* decorații subtile */
.ep-shell:before{
  content:"";
  position:absolute; inset:-20%;
  background: radial-gradient(60% 40% at 20% 10%, rgba(255,185,100,.15), transparent 60%),
              radial-gradient(40% 40% at 100% 0%, rgba(255,185,100,.12), transparent 60%);
  filter: blur(40px);
}

/* ====== Left ====== */
.ep-breadcrumb{
  opacity:.7;
  font-size: .95rem;
  margin-bottom: 14px;
}
.ep-breadcrumb .sep{ margin: 0 .5rem; opacity:.5; }

.ep-title{
  line-height: 1.08;
  font-size: clamp(38px, 6.2vw, 68px);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}
.ep-title .ep-accent{
  color: #ffb34d;
  margin-right: .35ch;
}
.ep-sub{
  color: #b7c4d4;
  font-size: clamp(18px, 2.3vw, 24px);
  font-weight: 700;
  margin: 0 0 10px;
}
.ep-desc{
  color: #a9b6c8;
  font-size: clamp(15px, 1.6vw, 18px);
  max-width: 56ch;
  margin: 0 0 26px;
}

/* chips */
.ep-chips{
  display: flex; gap: 16px; flex-wrap: wrap;
}
.ep-chip{
  background: #fff;
  color: #111;
  display:inline-flex; align-items: center; gap: 12px;
  border-radius: 999px;
  padding: 10px 16px;
  box-shadow: 0 12px 24px rgba(0,0,0,.2);
}
.ep-chip--people .ep-avatars{
  display: inline-flex; align-items: center;
}
.ep-avatars img{
  width: 28px; height: 28px; border-radius: 50%;
  border:2px solid #fff; margin-left: -8px;
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
}
.ep-avatars img:first-child{ margin-left: 0; }
.ep-avatars .ep-plus{
  width: 28px; height: 28px; display:grid; place-items:center;
  border-radius: 50%; background:#111; color:#fff; font-weight:700;
  border:2px solid #fff; margin-left:-8px;
}
.ep-chip--select{ position: relative; padding-right: 40px; }
.ep-select-btn{
  appearance:none; border:0; background:transparent; cursor:pointer;
  font: inherit; color: inherit; padding:0;
}
.ep-caret{
  position:absolute; right:12px; width:18px; height:18px; border-radius:50%;
  background:#1112; display:grid; place-items:center;
}
.ep-caret:after{
  content:""; width:8px; height:8px; border-right:2px solid #111; border-bottom:2px solid #111;
  transform: rotate(45deg); margin-top:-2px;
}
.ep-menu{
  position:absolute; left:0; right:0; top: calc(100% + 8px);
  background:#fff; color:#111; border-radius:16px; padding:8px;
  box-shadow: 0 20px 40px rgba(0,0,0,.25);
  display:none; z-index: 5;
}
.ep-menu.show{ display:block; }
.ep-menu li{
  list-style:none; padding:10px 12px; border-radius:10px; cursor:pointer;
}
.ep-menu li:hover{ background:#f3f5f8; }

/* ====== Right (slider) ====== */
.ep-slider{
  background:#0e1216; border-radius:28px; padding:16px;
}
.ep-slides{
  position:relative; height: clamp(260px, 36vw, 420px);
  border-radius:20px; overflow:hidden;
}
.ep-slide{
  position:absolute; inset:0;
  opacity:0; transform: scale(1.03);
  transition: opacity .7s ease, transform .7s ease;
}
.ep-slide.is-active{ opacity:1; transform: scale(1); }
.ep-slide img{ width:100%; height:100%; object-fit: cover; }

.ep-dots{
  display:flex; gap:10px; justify-content:center; margin-top:14px;
}
.ep-dot{
  width:10px; height:10px; border-radius:50%;
  background:#4b5563; border:0; cursor:pointer;
  transition: transform .2s ease, background .2s ease;
}
.ep-dot.is-active{ background:#ffb34d; transform: scale(1.2); }

/* ====== Reveal on view ====== */
.ep-left, .ep-right{
  opacity:0; transform: translateY(14px);
  transition: opacity .6s ease, transform .6s ease;
}
.ep-left.is-in, .ep-right.is-in{ opacity:1; transform:none; }

/* ====== Responsive ====== */
@media (max-width: 980px){
  .ep-shell{ grid-template-columns: 1fr; }
}



/* =======================
   DROPDOWN — PREMIUM FIX
   (lipește la FINALUL CSS-ului)
   ======================= */

/* 1) NU mai tăia meniul */
.ep-hero,
.ep-shell{
  overflow: visible !important;  /* override peste setările anterioare */
}

/* 2) Context + layering */
.ep-chip--select{
  position: relative;
  z-index: 30;                   /* deasupra cardului */
}
.ep-chip--select .ep-menu{
  z-index: 40;                   /* deasupra chip-ului */
}

/* 3) Meniu: look premium + fără clipping */
.ep-chip--select .ep-menu{
  top: calc(100% + 10px) !important;    /* spațiu mic sub chip */
  left: 0;
  right: auto;
  min-width: max(220px, 100%);          /* să nu fie mai îngust decât chip-ul */
  padding: 10px;
  border-radius: 14px;
  background: rgba(255,255,255, 0.98);
  border: 1px solid #eef1f4;
  box-shadow: 0 22px 50px rgba(0,0,0,.25);
  backdrop-filter: blur(10px);          /* glass subtile */
  -webkit-backdrop-filter: blur(10px);
  transform-origin: top left;
  animation: epMenuIn .14s ease;
  max-height: 320px;                    /* dacă e lung, devine scroll */
  overflow: auto;
}

/* 4) Elemente din meniu */
.ep-chip--select .ep-menu li{
  list-style: none;
  padding: 11px 12px;
  border-radius: 10px;
  cursor: pointer;
  line-height: 1.25;
  white-space: nowrap;                   /* nu rupe rândul */
  transition: background .15s ease, color .15s ease, transform .12s ease;
}
.ep-chip--select .ep-menu li:hover{
  background: #f3f5f8;
}
.ep-chip--select .ep-menu li:active{
  transform: translateY(1px);
}

/* 5) Scrollbar fin (fallback safe) */
.ep-chip--select .ep-menu{
  scrollbar-width: thin;                       /* Firefox */
  scrollbar-color: #cfd6de transparent;
}
.ep-chip--select .ep-menu::-webkit-scrollbar{
  width: 10px; height: 10px;
}
.ep-chip--select .ep-menu::-webkit-scrollbar-track{
  background: transparent;
}
.ep-chip--select .ep-menu::-webkit-scrollbar-thumb{
  background: #cfd6de; border-radius: 999px;
  border: 3px solid rgba(255,255,255,0.98);
}

/* 6) Animație apariție */
@keyframes epMenuIn{
  from { opacity: 0; transform: translateY(-4px) scale(.98); }
  to   { opacity: 1; transform: none; }
}

/* 7) Indicator vizual: rotește caret-ul când meniul e deschis
   (folosește :has — progressive enhancement, funcționează în Chrome/Safari/Edge moderne) */
.ep-chip--select:has(.ep-menu.show) .ep-caret{
  background: #1113;
  transform: rotate(180deg);
}

/* 8) Focus accesibil pe chip și opțiuni */
.ep-select-btn:focus-visible,
.ep-chip--select .ep-menu li:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,179,77,.28);
}

/* 9) Siguranță pe viewports mici */
@media (max-width: 600px){
  .ep-chip--select .ep-menu{
    min-width: 100%;
    max-height: 50vh;                 /* să nu iasă din ecran */
  }
}



/* ========== CARD PREMIUM GLOW ========== */
.ep-slider {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
}

/* strat gradient animat */
.ep-slider::before {
  content: "";
  position: absolute;
  inset: -2px; /* margin mic pt. efect pe margini */
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(
    130deg,
    #ffb34d,
    #ff6ec7,
    #4facfe,
    #43e97b,
    #ffb34d
  );
  background-size: 400% 400%;
  animation: premiumGlow 12s ease infinite;
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}

/* animația gradientului */
@keyframes premiumGlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}







/* ========== CTA CREAM (premium) ========== */
:root{
  --cream: #FBF4EE;       /* schimbă aici dacă meniul tău folosește alt crem */
  --ink:   #0f1317;       /* text închis */
  --ink-2: #2a3240;       /* text secundar */
  --accent: #ffb34d;      /* accent consistent cu restul */
}

.cta-cream{
  background: var(--cream);
  padding: clamp(36px, 6vw, 72px) 0;
  position: relative;
  overflow: clip;
}

.cta-wrap{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  padding: 0 clamp(16px, 3vw, 24px);
  position: relative;
  z-index: 2;
  opacity: 0; transform: translateY(12px);
  transition: opacity .5s ease, transform .5s ease;
}
.cta-cream.is-in .cta-wrap{ opacity: 1; transform: none; }

.cta-title{
  color: var(--ink);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  font-size: clamp(30px, 4.8vw, 42px);
  margin: 0 0 8px;
}

.cta-sub{
  color: var(--ink-2);
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: 1.6;
  margin: 0 0 20px;
  opacity: .9;
}

.cta-actions{
  display: inline-flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}

.cta-btn{
  display: inline-flex; align-items: center; gap: 12px;
  text-decoration: none;
  border-radius: 999px;
  padding: 14px 16px;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  border: 1px solid rgba(0,0,0,.1);
}
.cta-btn .ico{ display:grid; place-items:center; }

.cta-btn--primary{
  background: #fff;
  color: var(--ink);
}
.cta-btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.12);
}

.cta-btn--ghost{
  background: transparent;
  color: var(--ink);
  border: 1px solid rgba(0,0,0,.15);
}
.cta-btn--ghost:hover{
  background: #fff;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.12);
}

/* ornament: gradient + „bokeh” subtil */
.cta-ornament{
  position: absolute; inset: -20% -10% auto -10%;
  height: 140%;
  background:
    radial-gradient(50% 40% at 20% 20%, rgba(255,179,77,.25), transparent 60%),
    radial-gradient(40% 30% at 80% 10%, rgba(255,179,77,.15), transparent 60%);
  filter: blur(30px);
  opacity: .4;
  animation: ctaFloat 12s ease-in-out infinite alternate;
  z-index: 1;
}
@keyframes ctaFloat{
  from { transform: translateY(-6px); opacity:.38; }
  to   { transform: translateY(8px);  opacity:.5;  }
}

/* focus accesibil */
.cta-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,179,77,.28);
}

/* responsive */
@media (max-width: 520px){
  .cta-actions{ gap: 10px; }
  .cta-btn{ padding: 11px 16px; }
}


/* ============ PROMOCIÓN DESTACADA — CLEAN ============ */
:root{
  --pf-maxw: 1200px;
  --pf-pad: clamp(20px, 4vw, 48px);
  --pf-gap: clamp(20px, 3vw, 40px);
  --pf-radius: 28px;
  --pf-text: #0d0f12;
  --pf-sub: #5f6572;
  --pf-cream: #fffdf8;
  --pf-cta-bg: #0f1521;
  --pf-cta-fg: #fff;
  --pf-badge: #f4b267;
}




/* ============ PROMO FEATURE LEFT (oglindă) ============ */
.pfl-section{
  --maxw: 1200px;
  --pad: clamp(20px, 4vw, 48px);
  --gap: clamp(20px, 3vw, 40px);
  --radius: 28px;
  --text: #0d0f12;
  --sub: #5f6572;
  --cream: #fffdf8;
  --cta-bg: #0f1521;
  --cta-fg: #fff;
  
  position: relative; isolation: isolate; background:#fff; overflow: clip;
  padding: calc(var(--pad) * 1.2) 0;
}
.pfl-vignette{
  position:absolute; inset:0 0 auto 0; height:120px; pointer-events:none;
  background: radial-gradient(120% 60px at 50% 0, rgba(15,21,33,.08), transparent 60%);
  opacity:.7;
}

/* Layout: IMAGINI stânga | TEXT dreapta */
.pfl-wrap{
  width: min(100%, var(--maxw));
  margin-inline: auto;
  padding-inline: var(--pad);
  display: grid;
  grid-template-columns: 1fr 1.1fr;   /* media | text */
  gap: var(--gap);
  align-items: center;
}

/* ===== Media stânga: 3 coloane strânse ===== */
.pfl-media{
  position: relative;
  display: grid;
  grid-template-columns: auto auto auto; /* coloane pe lățimea conținutului */
  align-items: end;
  column-gap: 12px;  /* << spațiu mic între poze */
  row-gap: 0;
  min-height: 340px;
  padding: 0;        /* elimină spațiul interior */
}

.pfl-photo{
  position: relative; overflow: clip; border-radius: var(--radius);
  box-shadow: 0 12px 30px rgba(15,21,33,.12), 0 3px 10px rgba(15,21,33,.06);
  background: #eaeff4; will-change: transform, opacity;
}
.pfl-img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Dimensiuni CONSOLIDATE (fără dubluri) */
.pfl-photo--sm{ width:150px; height:300px; translate: 0 26px; }
.pfl-photo--md{ width:150px; height:340px; translate: 0 14px; }
.pfl-photo--lg{ width:160px; height:390px; }

/* efect ușor */
.pfl-photo::after{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background: linear-gradient(to top, rgba(0,0,0,.12), transparent 35%);
  mix-blend-mode: multiply; opacity:.3; pointer-events:none;
}
.pfl-photo:hover{ transform: translateY(-4px); }

/* ===== Text dreapta ===== */
.pfl-badge{
  display:inline-flex; align-items:center; gap:10px;
  font: 500 13px/1.3 'Playfair Display', Georgia, serif;
  color: var(--sub); margin: 0 0 10px;
}
.pfl-badge-ico{
  width:18px; height:18px; display:grid; place-items:center;
  color:#f4b267; background: color-mix(in oklab, #f4b267, white 70%);
  border-radius:999px;
}
.pfl-title{
  font: 700 clamp(22px, 4vw, 32px)/1.2 'Playfair Display', Georgia, serif;
  letter-spacing:-0.01em; color: var(--text); margin:0 0 8px;
}
.pfl-desc{
  font: 400 14px/1.5 'Playfair Display', Georgia, serif;
  color:#606775; margin:0 0 20px; max-width:52ch;
}
.pfl-actions .pfl-btn,
.pfl-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 18px; border-radius:999px;
  background: var(--cta-bg); color: var(--cta-fg);
  font: 600 14px/1 'Playfair Display', Georgia, serif;
  text-decoration:none;
  box-shadow: 0 10px 24px rgba(15,21,33,.18);
  transition: transform .18s ease, box-shadow .18s ease, background .18s;
}
.pfl-btn:hover{ transform: translateY(-2px); box-shadow: 0 14px 28px rgba(15,21,33,.22); }

/* ===== Animație la intrare ===== */
.pfl-content, .pfl-photo, .pfl-actions{
  opacity:0; transform: translateY(18px);
  transition: opacity .5s ease, transform .6s cubic-bezier(.2,.7,.2,1);
}
.pfl-section.is-in .pfl-content,
.pfl-section.is-in .pfl-actions{ opacity:1; transform:none; }
.pfl-section.is-in .pfl-photo{ opacity:1; transform:none; }
.pfl-section.is-in .pfl-photo:nth-of-type(1){ transition-delay:.06s; }
.pfl-section.is-in .pfl-photo:nth-of-type(2){ transition-delay:.12s; }
.pfl-section.is-in .pfl-photo:nth-of-type(3){ transition-delay:.18s; }

.pfl-content {
  margin-left: 60px;  /* împinge întreg blocul text mai în dreapta */
}








:root{
  --ink:#0f172a;
  --muted:#4b5563;
  --line:#e6e8eb;
  --bg:#f3f4f6;
  --wrap-w:min(1240px,92vw);
  --radius:999px;
  --ease:cubic-bezier(.19,.7,.2,1);
  --brand-offset: clamp(18px, 8vw, 140px); /* << margin-left pentru titlul din stânga */
}

.serif{font-family:"Times New Roman", Georgia, serif;}

.amenx{
  background:var(--bg);
  border-block:1px solid #ededf0;
}
.amenx-wrap{
  width:var(--wrap-w);
  margin-inline:auto;
  padding: clamp(28px, 4vw, 56px) 0;
  display:grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

/* titlul/subtitlul din stânga */
.amenx-brand{
  display:flex; align-items:baseline; gap:12px;
}
.amenx--indent .amenx-brand{ margin-left: var(--brand-offset); } /* margin-left ca în poză */

.amenx-title{
  margin:0; font-weight:400;
  font-size: clamp(28px, 3.2vw, 48px);
  letter-spacing:.02em; line-height:1.1;
}
.amenx-sub{
  margin:0; color:var(--muted);
  font-size: clamp(12px, 1.2vw, 14px);
  letter-spacing:.18em; text-transform:uppercase;
}

/* lista cu separatoare */
.amenx-list{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  align-items:center;
  gap: clamp(14px, 2.2vw, 34px);
  position:relative;
}
.amenx-item{
  display:flex; align-items:center; gap:14px;
  padding-inline: clamp(4px, 1.4vw, 20px);
  position:relative; min-height:56px;
}
.amenx-item:not(:last-child)::after{
  content:""; position:absolute; right:-.5px; top:50%;
  transform: translateY(-50%);
  width:1px; height:40px; background: linear-gradient(#0000,#c8cbd1,#0000);
}
.amenx-ic{ width:38px; height:38px; display:grid; place-items:center; color:#31363f; }
.amenx-ic svg{ width:100%; height:100%; stroke-width:1.6; }
.amenx-txt{
  display:flex; flex-direction:column; line-height:1.1;
  font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#1f2937;
}
.amenx-txt span:first-child{ opacity:.85; }

/* buton */
.amenx-cta{ display:flex; justify-content:center; }
.amenx-btn{
  display:inline-grid; place-items:center;
  min-width:230px; height:54px; padding-inline:28px;
  border:1px solid #2d2f31; color:#111827; background:#fff; text-decoration:none;
  border-radius:var(--radius);
  letter-spacing:.18em; text-transform:uppercase; font-weight:500; font-size:13px;
  box-shadow:0 4px 18px rgba(2,6,23,.06);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease);
}
.amenx-btn:hover{ transform: translateY(-2px); box-shadow:0 8px 26px rgba(2,6,23,.12); }

/* reveal on scroll */
[data-reveal]{ opacity:0; transform: translateY(14px);
  transition: opacity .7s var(--ease), transform .7s var(--ease); }
.is-inview[data-reveal], [data-reveal].is-inview{ opacity:1; transform:none; }

/* micro-hover */
.amenx-item:hover .amenx-ic{ color:#111827; }
.amenx-item:hover .amenx-txt{ color:#0f172a; }

/* layout desktop: titlu + list pe un rând, buton sub ele */
@media (min-width: 992px){
  .amenx-wrap{
    grid-template-columns: auto 1fr;
    align-items:center; row-gap:28px;
  }
  .amenx-brand{ grid-column:1; }
  .amenx-list{ grid-column:2; }
  .amenx-cta{ grid-column:1 / -1; }
}

/* mobile */
@media (max-width: 768px){
  .amenx--indent .amenx-brand{ margin-left: clamp(12px, 4vw, 30px); } /* offset mai mic pe mobil */
  .amenx-list{ grid-template-columns: 1fr 1fr; gap:16px 10px; }
  .amenx-item:not(:last-child)::after{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  [data-reveal]{ transition:none !important; transform:none !important; }
  .amenx-btn{ transition:none !important; }
}
/* ====== ANIMAȚII LA SCROLL (versiunea .is-in) ====== */
[data-reveal]{
  opacity:0;
  transform: translateY(20px);
  transition: opacity .8s cubic-bezier(.19,.7,.2,1), transform .8s cubic-bezier(.19,.7,.2,1);
  will-change: opacity, transform;
}

[data-reveal].is-in{
  opacity:1;
  transform:none;
}

/* efect subtil de întârziere între elemente */
.amenx-item[data-reveal]{
  transition-delay: calc(var(--i, 0) * 80ms);
}

/* pe mobil, totul instant */
@media (prefers-reduced-motion: reduce){
  [data-reveal]{ transition:none !important; transform:none !important; opacity:1 !important; }
}



/* ===== OVERRIDES pentru aspectul din screenshot ===== */

/* paletă + spacing */
:root{
  --amen-left-pad: clamp(24px, 6vw, 72px);  /* spațiu față de marginea stângă */
  --sep:#d9c0a8;                            /* separator subtil, bej-auriu */
  --sep-alpha:.55;                          /* transparență separator */
  --title-size: clamp(22px, 2.6vw, 36px);   /* titlu mai mic ca în poză */
  --subtitle-size: clamp(11px, 1vw, 13px);
}

/* containerul secțiunii – nu mai stă lipit de ecran */
.amenx { background:#f3f4f6; }
.amenx-wrap{
  width:min(1240px, 92vw);
  padding: clamp(26px, 4vw, 52px) 0;
  margin-inline:auto;
  padding-left: var(--amen-left-pad);
  padding-right: var(--amen-left-pad);
  row-gap: 20px;
}

/* brand (stânga) – mai mic + rafinat */
.amenx-brand{ gap:10px; }
.amenx-title{
  font-size: var(--title-size);
  letter-spacing:.02em;
  font-weight:400;
  margin:0;
}
.amenx-sub{
  font-size: var(--subtitle-size);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#6b7280;
  margin:0;
}

/* listă cu separatoare extrem de fine, ca în poză */
.amenx-list{
  grid-template-columns: repeat(4, minmax(0,1fr));
  align-items:center;
  gap: clamp(10px, 2vw, 28px);
}
.amenx-item{
  min-height: 56px;
  padding-inline: clamp(6px, 1.6vw, 18px);
  position: relative;
  display:flex; align-items:center; gap:12px;
}
.amenx-item:not(:last-child)::after{
  content:"";
  position:absolute; top:50%; right:-.5px; transform:translateY(-50%);
  width:1px; height:46px;
  background: linear-gradient(
    to bottom,
    rgba(217,192,168,0),
    rgba(217,192,168,var(--sep-alpha)),
    rgba(217,192,168,0)
  );
}

/* pictograme + text */
.amenx-ic{ width:36px; height:36px; color:#2f3338; }
.amenx-ic svg{ width:100%; height:100%; stroke-width:1.6; }
.amenx-txt{
  display:flex; flex-direction:column;
  line-height:1.08; text-transform:uppercase;
  font-size:12px; letter-spacing:.08em; color:#1f2937;
}
.amenx-txt span:first-child{ opacity:.86; }

/* buton pastilă rotund, identic cu screenshot */
.amenx-cta{ display:flex; justify-content:center; }
.amenx-btn{
  display:inline-grid; place-items:center;
  min-width: 230px; height: 54px; padding-inline: 28px;
  border: 1px solid #2d2f31;
  background:#fff; color:#111827; text-decoration:none;
  border-radius: 9999px;                          /* rotund */
  letter-spacing:.18em; text-transform:uppercase;
  font-weight:500; font-size:13px;
  box-shadow: none;
  transition: transform .28s cubic-bezier(.19,.7,.2,1);
}
.amenx-btn:hover{ transform: translateY(-1px); }
.amenx-btn:active{ transform:none; }

/* animația la scroll (folosește clasa .is-in din scriptul tău) */
[data-reveal]{ opacity:0; transform: translateY(18px);
  transition: opacity .7s cubic-bezier(.19,.7,.2,1), transform .7s cubic-bezier(.19,.7,.2,1);}
[data-reveal].is-in{ opacity:1; transform:none; }

/* responsive – fără separatoare pe mobil, spațiu stânga mai mic */
@media (max-width: 900px){
  .amenx-wrap{ padding-left: clamp(18px, 4vw, 28px); padding-right: clamp(18px, 4vw, 28px); }
}
@media (max-width: 768px){
  .amenx-list{ grid-template-columns: 1fr 1fr; gap:14px 10px; }
  .amenx-item:not(:last-child)::after{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  [data-reveal]{ transition:none !important; transform:none !important; opacity:1 !important; }
}




/* === Brand / titlu ca în poza "YACHTSIDE" === */
.amenx-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
}

.amenx-title{
  font-family:"Cinzel", "Times New Roman", Georgia, serif; /* font luxos & curat */
  font-size: clamp(30px, 4vw, 54px); /* mare ca în exemplu */
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#111;
  margin:0;
  line-height:1.05;
}

.amenx-sub{
  font-family:"Cinzel", "Times New Roman", serif;
  font-size: clamp(12px, 1vw, 15px);
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#3f3f3f;
  margin-top:6px;
  font-weight:300;
}

/* === Linii separatoare clare și fine între elemente === */
.amenx-list{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  align-items:center;
  position:relative;
  gap:0;
}

.amenx-item{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding: 10px clamp(14px, 2vw, 20px);
  min-height:60px;
}

/* separatoare verticale vizibile, premium */
.amenx-item:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  width:1px;
  height:46px;
  background: rgba(0,0,0,0.18); /* linie gri neutră */
}

/* dacă vrei linia bej-aurie ca înainte: */
 /*
  background: linear-gradient(
    to bottom,
    rgba(217,192,168,0),
    rgba(217,192,168,0.8),
    rgba(217,192,168,0)
  );
 */

/* === pictograme + text === */
.amenx-ic{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:#2d2d2d;
  opacity:.9;
}
.amenx-ic svg{
  width:100%; height:100%;
  stroke-width:1.4;
}
.amenx-txt{
  display:flex;
  flex-direction:column;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
  color:#1f2937;
  line-height:1.08;
}
.amenx-txt span:first-child{ opacity:.8; }

/* Hover elegant */
.amenx-item:hover .amenx-ic{ color:#000; transform:scale(1.05); transition:.3s; }
.amenx-item:hover .amenx-txt{ color:#000; }

/* === Buton === */
.amenx-btn{
  border:1px solid #2d2f31;
  border-radius:9999px;
  background:#fff;
  color:#111;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:500;
  font-size:13px;
  letter-spacing:.18em;
  min-width:230px;
  height:54px;
  display:inline-grid;
  place-items:center;
  transition:transform .3s, box-shadow .3s;
}
.amenx-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* === responsive === */
@media (max-width:900px){
  .amenx-wrap{
    padding-left: clamp(20px,4vw,30px);
    padding-right: clamp(20px,4vw,30px);
  }
}
@media (max-width:768px){
  .amenx-list{
    grid-template-columns:1fr 1fr;
    gap:14px 10px;
  }
  .amenx-item:not(:last-child)::after{ display:none; }
  .amenx-brand{ align-items:center; text-align:center; }
}


@media (max-width: 768px){

  /* containerul principal – centrare absolută */
  .amenx-wrap{
    width: 100%;
    max-width: 100%;
    padding: 32px 0 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin: 0 auto;
  }

  /* brandul – centrat complet */
  .amenx-brand{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-inline: auto;
  }
  .amenx-title{
    font-size: clamp(26px, 7vw, 34px);
    line-height: 1.15;
  }
  .amenx-sub{
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #6b7280;
  }

  /* LISTA — perfect centrată sub titlu */
  .amenx-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: clamp(16px, 3vw, 24px);
    justify-content: center;      /* centrează conținutul */
    justify-items: center;        /* aliniază fiecare card pe centru */
    align-items: start;
    width: auto;                  /* nu forțăm 100%, lasă conținutul să se centreze natural */
    margin-inline: auto;          /* centrează gridul */
  }

  /* cardurile */
  .amenx-item{
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(15,23,42,.06);
    padding: 14px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    min-height: 84px;
    width: 100%;
    max-width: 160px; /* lățime controlată pentru simetrie */
  }

  /* icon + text */
  .amenx-ic{ width: 34px; height: 34px; color:#1f2937; }
  .amenx-txt{
    font-size: 12px;
    line-height: 1.1;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #111;
  }

  /* CTA — centrat sub listă */
  .amenx-cta{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
  }
  .amenx-btn{
    width: min(480px, 88vw);
    height: 50px;
    border-radius: 9999px;
    border: 1px solid #1f2937;
    background: #fff;
    color: #111;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .16em;
  }
}

/* Telefoane foarte mici (≤480px): tot 2 pe rând, dar spațiu mai strâns */
@media (max-width: 480px){
  .amenx-list{
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 10px;
    justify-content: center;
    justify-items: center;
    max-width: 360px;
  }
  .amenx-item{
    padding: 12px 8px;
    min-height: 74px;
    max-width: 150px;
  }
  .amenx-ic{ width: 30px; height: 30px; }
  .amenx-txt{ font-size: 11px; }
}



/* ===== MOBILE FIX: 2 pe rând, perfect centrate ===== */
@media (max-width: 768px){
  /* container 100% centrat, fără offset-uri */
  .amenx{ padding-left: 0; padding-right: 0; }
  .amenx-wrap{
    width: 100%;
    max-width: 100%;
    padding: 32px 0 44px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  /* scoatem indentarea pe mobil */
  .amenx--indent .amenx-brand{ margin-left: 0 !important; }

  /* BRAND centrat */
  .amenx-brand{
    text-align: center;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 6px;
    margin: 0 auto;
  }

  /* LISTA: fără padding implicit, centrată strict */
  .amenx-list{
    list-style: none;
    padding-left: 0;              /* ← fixul cheie */
    padding-right: 0;
    margin: 0 auto;               /* centrează blocul */
    width: min(92vw, 420px);      /* lățime controlată, simetrică */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
    justify-content: center;
    justify-items: center;
    box-sizing: border-box;
  }

  /* CARD-urile au aceeași lățime pe ambele coloane */
  .amenx-item{
    width: 100%;
    max-width: 190px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(15,23,42,.06);
    padding: 14px 10px;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 8px; text-align: center;
    min-height: 84px;
  }

  .amenx-ic{ width: 34px; height: 34px; }
  .amenx-txt{ font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }

  /* CTA perfect centrat */
  .amenx-cta{ width: 100%; display: flex; justify-content: center; margin-top: 18px; }
  .amenx-btn{ width: min(480px, 88vw); }
}

/* Telefoane foarte mici */
@media (max-width: 480px){
  .amenx-list{ width: min(94vw, 380px); gap: 14px 10px; }
  .amenx-item{ max-width: 170px; padding: 12px 8px; }
}
@media (max-width: 768px){
  /* mutăm întregul bloc de titlu */
  .amenx-brand{
    transform: translateX(10px); /* ~10px spre dreapta, ajustează după gust */
  }

  /* dacă vrei și un control fin separat */
  .amenx-title{
    padding-left: 6px; /* ușor offset text față de centru */
  }
  .amenx-sub{
    padding-left: 8px; /* mic spațiu suplimentar, armonios */
  }
}













/* ===== Base / Theme ===== */
.stack-split{
  --wrapW: min(1280px, 94vw);
  --ink:#0f172a; --muted:#6b7a8f;
  --accent:#5a8cff; --pill:#111827;
  --radius: 22px;
  --shadow-strong: 0 35px 80px rgba(15,23,42,.20), 0 8px 20px rgba(15,23,42,.14);
  --shadow-soft:   0 24px 70px rgba(15,23,42,.14), 0 6px 16px rgba(15,23,42,.10);

  background: linear-gradient(180deg,#fff 0%, #f6f9ff 100%);
  color: var(--ink);
  padding: clamp(48px, 7vw, 110px) 0;
  position: relative;
  overflow: clip;
}
.ss-container{
  width: var(--wrapW);
  margin-inline:auto;
  padding-inline:12px;
  display:grid;
  grid-template-columns: min(640px, 52%) 1fr; /* imagini mai mici în stânga */
  gap: clamp(24px, 4.8vw, 72px);
  align-items: center;
}
@media (max-width: 1024px){
  .ss-container{ grid-template-columns: 1fr; }
}

/* ===== LEFT: stacked fan gallery (compact) ===== */
.ss-left{ position: relative; }
.ss-stack{
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;             /* mai compact decât înainte */
  perspective: 1400px;
  transform-style: preserve-3d;
  margin-inline:auto;
}
.ss-card{
  position:absolute; inset:0;
  border-radius: var(--radius);
  overflow:hidden;
  background:#e9eef5;
  box-shadow: var(--shadow-soft);
  will-change: transform, opacity, filter;
  transition: transform 900ms cubic-bezier(.2,.7,.2,1),
              opacity 900ms cubic-bezier(.2,.7,.2,1),
              filter 900ms cubic-bezier(.2,.7,.2,1);
  opacity:0; transform: translateZ(-200px) scale(.92);
}
.ss-card img{ width:100%; height:100%; object-fit: cover; display:block; }

/* poziții fan (3 vizibile + 1 back) */
.ss-card.is-front{
  z-index:3; opacity:1;
  transform: translateZ(0) rotate(0deg) scale(1);
  box-shadow: var(--shadow-strong);
}
.ss-card.is-left{
  z-index:2; opacity:.98;
  transform: translate3d(-10%, 0, -120px) rotate(-8deg) scale(.96);
  filter: saturate(.96) brightness(.98);
}
.ss-card.is-right{
  z-index:2; opacity:.98;
  transform: translate3d(10%, 0, -120px) rotate(8deg) scale(.96);
  filter: saturate(.96) brightness(.98);
}
.ss-card.is-back{
  z-index:1; opacity:.6;
  transform: translate3d(0, 4%, -240px) scale(.92);
  filter: saturate(.9) brightness(.96);
}

/* Controls */
.ss-nav{
  position:absolute; top:50%; translate:0 -50%;
  border:0; border-radius:999px; width:42px; height:42px;
  display:grid; place-items:center; cursor:pointer;
  background:#111827; color:#fff; box-shadow: 0 12px 22px rgba(0,0,0,.22);
  transition: transform .2s ease, opacity .2s ease;
  opacity:.95;
}
.ss-nav:hover{ transform: translateY(-2px); }
.ss-nav.prev{ left:-12px; }
.ss-nav.next{ right:-12px; }
@media (max-width: 600px){
  .ss-nav{ width:38px; height:38px; }
  .ss-nav.prev{ left:-6px; } .ss-nav.next{ right:-6px; }
}

/* ===== RIGHT: copy ===== */
.ss-right{ max-width: 610px; }
.ss-eyebrow{
  margin:0 0 .5rem; display:flex; align-items:center; gap:.5rem;
  color: color-mix(in srgb, var(--muted) 92%, #fff);
  font-weight: 700; letter-spacing:.01em;
}
.ss-eyebrow .dot{
  width:10px; height:10px; border-radius:50%;
  background: var(--accent); display:inline-block;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);
}
.ss-title{
  margin:0 0 .6rem; font-weight:900; letter-spacing:-.02em;
  line-height:1.05; font-size: clamp(28px, 4.8vw, 44px);
}
.ss-title::after{
  content:""; display:block; width:120px; height:4px; margin:.7rem 0 0;
  background: linear-gradient(90deg, var(--accent), transparent);
  border-radius:999px; opacity:.6;
}
.ss-desc{
  margin:.5rem 0 1.2rem; color:var(--muted);
  font-size: clamp(16px, 2vw, 18px);
}
.ss-actions{ display:flex; flex-wrap:wrap; gap:12px; }
.ss-cta{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.88rem 1.1rem; border-radius:999px; text-decoration:none;
  color:#fff; font-weight:800;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) inset, 0 10px 24px rgba(0,0,0,.18);
}
.ss-cta:hover{ filter: brightness(1.05); }
.ss-link{ align-self:center; font-weight:700; color:#0f172a; text-decoration:none; }
.ss-link:hover{ text-decoration:underline; }

/* Reveal */
@media (prefers-reduced-motion: no-preference){
  [data-anim="rise"]{ opacity:0; transform: translateY(20px); }
  [data-anim].in{ opacity:1; transform:none; transition: all 800ms cubic-bezier(.2,.7,.2,1); }
}



.ss-container{
  gap: clamp(36px, 6vw, 120px);
}.ss-stack{
  width: 90%;           /* era 100% */
  margin: 0 auto;       /* centrează frumos în coloana din stânga */
  /* dacă le vrei și un pic mai “scunde”: 
  aspect-ratio: 16 / 10;
  */
}
.ss-title{
  font-size: clamp(23px, 3.6vw, 36px); /* era până la 44px */
  margin-bottom: .45rem;
}
.ss-desc{
  font-size: clamp(14px, 1.6vw, 16px); /* era până la 18px */
}

/* ===== Actions: spacing refinements ===== */
.ss-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;         /* distanța între butoane pe orizontală */
  margin-top: 1.6rem; /* spațiu deasupra grupului de butoane */
}

.ss-cta,
.ss-link {
  margin: 0; /* resetează eventuale margini */
}





/* ===== FEATURE STACK — scoped (fs-*) ===== */
.feature-split{
  --wrapW: min(1280px, 94vw);
  --ink:#0f172a; --muted:#6b7a8f;
  --accent:#5a8cff; --pill:#111827;
  --radius: 22px;
  --shadow-strong: 0 35px 80px rgba(15,23,42,.20), 0 8px 20px rgba(15,23,42,.14);
  --shadow-soft:   0 24px 70px rgba(15,23,42,.14), 0 6px 16px rgba(15,23,42,.10);

  background: linear-gradient(180deg,#fff 0%, #f6f9ff 100%);
  color: var(--ink);
  padding: clamp(48px, 7vw, 110px) 0;
  position: relative;
  overflow: clip;
  isolation:isolate;
}

/* Layout */
.feature-split .fs-container{
  width: var(--wrapW);
  margin-inline:auto;
  padding-inline:12px;
  display:grid;
  grid-template-columns: 1fr min(640px, 52%); /* text stânga, poze dreapta */
  gap: clamp(24px, 4.8vw, 72px);
  align-items: center;
}
@media (max-width: 1024px){
  .feature-split .fs-container{ grid-template-columns: 1fr; }
}

/* Copy */
.feature-split .fs-left{ max-width: 610px; }
.feature-split .fs-eyebrow{
  margin:0 0 .5rem; display:flex; align-items:center; gap:.5rem;
  color: color-mix(in srgb, var(--muted) 92%, #fff);
  font-weight:700; letter-spacing:.01em;
}
.feature-split .fs-dot{
  width:10px; height:10px; border-radius:50%;
  background: var(--accent); display:inline-block;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);
}
.feature-split .fs-title{
  margin:0 0 .6rem; font-weight:900; letter-spacing:-.02em;
  line-height:1.05; font-size: clamp(24px, 4.7vw, 38px);
}
.feature-split .fs-title::after{
  content:""; display:block; width:120px; height:4px; margin:.7rem 0 0;
  background: linear-gradient(90deg, var(--accent), transparent);
  border-radius:999px; opacity:.6;
}
.feature-split .fs-desc{
  margin:.5rem 0 1.2rem; color:var(--muted);
  font-size: clamp(16px, 2vw, 18px);
}
.feature-split .fs-actions{ display:flex; flex-wrap:wrap; gap:12px; }
.feature-split .fs-cta{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.88rem 1.1rem; border-radius:999px; text-decoration:none;
  background: var(--pill); color:#fff; font-weight:800;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) inset, 0 10px 24px rgba(0,0,0,.18);
}
.feature-split .fs-cta:hover{ filter: brightness(1.05); }
.feature-split .fs-link{ align-self:center; font-weight:700; color:#0f172a; text-decoration:none; }
.feature-split .fs-link:hover{ text-decoration:underline; }

/* Gallery (stacked fan) */
.feature-split .fs-right{ position: relative; }
.feature-split .fs-stack{
  position: relative; width: 100%;
  aspect-ratio: 4 / 3; perspective: 1400px; transform-style: preserve-3d;
  /* Ajustări locale (opționale) ca să nu atingi alte secțiuni: */
  /* width: 95%; margin-left:auto; transform: translateX(12px); */
}
.feature-split .fs-card{
  position:absolute; inset:0; border-radius: var(--radius); overflow:hidden;
  background:#e9eef5; box-shadow: var(--shadow-soft);
  will-change: transform, opacity, filter;
  transition: transform 900ms cubic-bezier(.2,.7,.2,1),
              opacity 900ms cubic-bezier(.2,.7,.2,1),
              filter 900ms cubic-bezier(.2,.7,.2,1);
  opacity:0; transform: translateZ(-200px) scale(.92);
}
.feature-split .fs-card img{ width:100%; height:100%; object-fit: cover; display:block; }

/* poziții vizibile (evantai) */
.feature-split .fs-card.is-front{
  z-index:3; opacity:1; transform: translateZ(0) rotate(0deg) scale(1);
  box-shadow: var(--shadow-strong);
}
.feature-split .fs-card.is-left{
  z-index:2; opacity:.98;
  transform: translate3d(-10%, 0, -120px) rotate(-8deg) scale(.96);
  filter: saturate(.96) brightness(.98);
}
.feature-split .fs-card.is-right{
  z-index:2; opacity:.98;
  transform: translate3d(10%, 0, -120px) rotate(8deg) scale(.96);
  filter: saturate(.96) brightness(.98);
}
.feature-split .fs-card.is-back{
  z-index:1; opacity:.6;
  transform: translate3d(0, 4%, -240px) scale(.92);
  filter: saturate(.9) brightness(.96);
}

/* Arrows — scoped pe galerie */
.feature-split .fs-nav{
  position:absolute; top:50%; transform: translateY(-50%);
  border:0; border-radius:999px; width:42px; height:42px;
  display:grid; place-items:center; cursor:pointer;
  background:#111827; color:#fff; box-shadow: 0 12px 22px rgba(0,0,0,.22);
  transition: transform .2s ease, opacity .2s ease;
  opacity:.95; z-index:5;
}
.feature-split .fs-prev{ left:12px; }
.feature-split .fs-next{ right:12px; }
.feature-split .fs-nav:hover{ transform: translateY(-50%) translateY(-2px); }

@media (max-width: 600px){
  .feature-split .fs-nav{ width:38px; height:38px; }
  .feature-split .fs-prev{ left:8px; } .feature-split .fs-next{ right:8px; }
}

/* Reveal (dacă ai observer global, va adăuga .in; altfel vizibil implicit) */
@media (prefers-reduced-motion: no-preference){
  .feature-split [data-anim="rise"]{ opacity:0; transform: translateY(20px); }
  .feature-split [data-anim].in{ opacity:1; transform:none; transition: all 800ms cubic-bezier(.2,.7,.2,1); }
}



/* ===== FEATURE SPLIT – overrides (paste după CSS-ul existent) ===== */

/* 1) Poze puțin mai mici (container mai îngust + raport mai lat) */
.feature-split .fs-stack{
  width: 90%;          /* era 100% */
  margin: 0 auto;      /* centrează frumos în coloana din dreapta */
  aspect-ratio: 16 / 10;  /* mai lat și mai “scund” decât 4/3 */
}



/* 2) Mai mult spațiu între coloane (de regulă arată mai respirat) */
.feature-split .fs-container{
  gap: clamp(36px, 6vw, 120px);
}

/* 3) Spațiu deasupra butoanelor și distanță între ele */
.feature-split .fs-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 18px;          /* distanța orizontală/verticală între butoane */
  margin-top: 1.6rem; /* spațiu deasupra grupului de butoane */
}
.feature-split .fs-cta,
.feature-split .fs-link{
  margin: 0;          /* resetează orice margine moștenită */
}




/* ========== ESTHER — NEW PREMIUM HERO (scoped: .ehx-*) ========== */
:root{
  --ehx-ink:#0f172a;          /* text închis */
  --ehx-ink-2:#263042;
  --ehx-bg:#0b0f14;           /* fallback */
  --ehx-accent:#d9b58a;       /* auriu cald */
  --ehx-soft:#ffffff;
  --ehx-glass:rgba(255,255,255,.10);
  --ehx-glow:0 30px 80px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.25);
  --ehx-radius:22px;
}

.ehx-hero{
  position:relative; isolation:isolate;
  min-height: clamp(620px, 86vh, 900px);
  color:#f2f6fb; background:var(--ehx-bg); overflow:hidden;
}

.ehx-bg{
  position:absolute; inset:0; z-index:-2; overflow:hidden;
}
.ehx-bg img{
  position:absolute; inset:-5%; width:110%; height:110%; object-fit:cover;
  opacity:0; transition: opacity 1.2s ease-in-out; transform: scale(1.12);
}
.ehx-bg img.is-show{ opacity:1; }
.ehx-scrim{
  position:absolute; inset:0; z-index:1;
  background:
    radial-gradient(120% 120% at 70% 10%, rgba(8,12,20,.2), transparent 40%),
    linear-gradient(to bottom, rgba(6,10,16,.2), rgba(6,10,16,.55) 70%, rgba(6,10,16,.85));
}
.ehx-gradient{
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background: radial-gradient(60% 60% at 10% 30%, rgba(217,181,138,.25), transparent 60%);
  mix-blend-mode: screen;
}

/* Layout */
.ehx-wrap{
  width:min(1240px, 94vw); margin-inline:auto;
  padding: clamp(64px, 8vw, 120px) 14px;
  display:grid; grid-template-columns: 1.15fr .85fr; gap: clamp(20px, 4vw, 56px);
}
@media (max-width: 992px){
  .ehx-wrap{ grid-template-columns: 1fr; }
}

/* Copy (stânga) */
.ehx-copy .ehx-eyebrow{
  display:inline-flex; align-items:center; gap:.6rem;
  letter-spacing:.12em; text-transform:uppercase; font-size:.85rem;
  color:#e8e6df; opacity:.9;
}
.ehx-dot{ width:.55rem; height:.55rem; border-radius:999px; background:var(--ehx-accent); box-shadow:0 0 0 6px rgba(217,181,138,.14); display:inline-block; }
.ehx-title{
  font-family: ui-serif, 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-weight:700; line-height:1.05;
  font-size: clamp(36px, 5.2vw, 74px);
  margin: .35em 0 .25em;
}
.ehx-title em{
  font-style:normal; position:relative; color:#fff;
  background: linear-gradient(90deg, #fff 0%, #f6e9d6 40%, #fff 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.ehx-sub{
  color:#e9edf3; max-width: 56ch; font-size: clamp(16px, 1.2vw, 19px);
  opacity:.92;
}

/* Butoane */
.ehx-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.ehx-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  padding:14px 20px; border-radius:999px; border:1px solid transparent;
  font-weight:600; text-decoration:none; transition: transform .25s ease, background .25s ease, border .25s ease;
  will-change: transform;
}
.ehx-btn-primary{
  background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08));
  border-color: rgba(255,255,255,.28);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  color:#fff; box-shadow: var(--ehx-glow);
}
.ehx-btn-primary:hover{ transform: translateY(-2px); }
.ehx-btn-ghost{ background: transparent; color:#fff; border-color: rgba(255,255,255,.35); }
.ehx-btn-ghost:hover{ background: rgba(255,255,255,.08); transform: translateY(-2px); }

/* Bullets */
.ehx-bullets{
  display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:18px; padding:0;
  list-style:none; color:#e9edf3;
}
.ehx-bullets li{ display:flex; align-items:center; gap:8px; opacity:.95; }
.ehx-bullets i{ font-size:1.05rem; color: var(--ehx-accent); }

/* ===== Right side cards (glass gradient) ===== */
.ehx-side{
  display:grid; align-content:start; gap:20px;
  margin-top: clamp(10px, 6vh, 90px); /* le coboară un pic, ca în screenshot */
}
@media (max-width: 992px){
  .ehx-side{ order:-1; grid-template-columns: repeat(3,1fr); margin-top: 12px; }
}
@media (max-width: 640px){
  .ehx-side{ grid-template-columns: 1fr 1fr; }
}

.ehx-card{
  position:relative; overflow:hidden;
  border-radius: var(--ehx-radius);
  color:#fff; min-height:118px;
  padding:26px 22px 22px 26px;
  border:1px solid rgba(255,255,255,.22);
  background: linear-gradient(90deg, rgba(10,14,18,.65) 0%, rgba(10,14,18,.35) 40%, rgba(10,14,18,.08) 70%, rgba(10,14,18,0) 100%),
              var(--ehx-glass);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 12px 34px rgba(0,0,0,.22);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ehx-card::before{
  /* bară subțire de accent pe stânga */
  content:""; position:absolute; inset:0 auto 0 0; width:3px;
  background: linear-gradient(180deg, rgba(217,181,138,.9), rgba(217,181,138,.25));
  opacity:.9;
}
.ehx-card::after{
  /* highlight ușor în colțul din dreapta, dă profunzime */
  content:""; position:absolute; right:-12%; top:-40%;
  width:60%; height:200%;
  background: radial-gradient(40% 40% at 50% 50%, rgba(255,255,255,.08), transparent 70%);
  pointer-events:none;
}
.ehx-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(0,0,0,.28);
  border-color: rgba(255,255,255,.28);
}

/* așezare “staggered” pe orizontală */
.ehx-side .ehx-card:nth-child(2){ margin-left: clamp(8px, 1.5vw, 18px); }
.ehx-side .ehx-card:nth-child(3){ margin-left: clamp(14px, 2.6vw, 36px); }

/* text în card */
.ehx-kpi{ font-size: clamp(28px, 2.9vw, 42px); margin:0; line-height:1; font-weight:700; letter-spacing:.02em; }
.ehx-kpi small{ font-size:.55em; opacity:.85; margin-left:3px; }
.ehx-kpi-sub{ margin:.55rem 0 0; color:#f0f2f7; opacity:.92; }

/* Scroll hint */
.ehx-scrollhint{
  position:absolute; left:50%; bottom:22px; transform:translateX(-50%);
  width:34px; height:54px; border-radius:22px; border:1.6px solid rgba(255,255,255,.55);
  background:transparent; display:grid; place-items:center; cursor:pointer; opacity:.9;
}
.ehx-scroll-dot{
  width:6px; height:10px; border-radius:999px; background:#fff; animation: ehx-scroll 1.8s ease-in-out infinite;
}
@keyframes ehx-scroll{
  0%{ transform: translateY(-8px); opacity:1; }
  70%{ transform: translateY(8px); opacity:.2; }
  100%{ transform: translateY(-8px); opacity:1; }
}

/* Reveal on view */
.ehx-reveal{ opacity:0; transform: translateY(18px) scale(.98); }
.ehx-reveal.show{ opacity:1; transform: translateY(0) scale(1); transition: .9s cubic-bezier(.2,.8,.2,1); }
.ehx-reveal.d1.show{ transition-delay: .05s; }
.ehx-reveal.d2.show{ transition-delay: .18s; }
.ehx-reveal.d3.show{ transition-delay: .32s; }
.ehx-reveal.d4.show{ transition-delay: .46s; }
.ehx-reveal.d5.show{ transition-delay: .60s; }

/* Safari/backdrop fallback */
@supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){
  .ehx-btn-primary, .ehx-card{ background: rgba(20,24,30,.6); }
}
/* ===== TITLU HERO ===== */
.ehx-title{
  font-family: 'Playfair Display', ui-serif, Georgia, 'Times New Roman', serif;
  font-weight: 700;
  line-height: 1.08;
  font-size: clamp(38px, 5.5vw, 80px);
  margin: 0.35em 0 0.25em;
  letter-spacing: -0.5px;

  /* gradient elegant pe text */
  background: linear-gradient(92deg, #ffffff 0%, #f5e7d2 40%, #fff 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* efect subtil de glow */
  text-shadow: 0 3px 12px rgba(0,0,0,0.35);
  position: relative;
}

/* subliniere decorativă pe cuvântul <em> */
.ehx-title em{
  font-style: normal;
  background: linear-gradient(90deg, #d9b58a 0%, #f8e6c6 60%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.ehx-title em::after{
  content:"";
  position:absolute;
  bottom:-6px; left:0; height:3px; width:100%;
  background: linear-gradient(90deg, #d9b58a, transparent);
  border-radius:2px;
  opacity:0.8;
}

/* ===== SUBTITLU ===== */
.ehx-sub{
  font-size: clamp(17px, 1.3vw, 20px);
  max-width: 60ch;
  line-height: 1.55;
  color: #e6ebf3;
  font-weight: 400;
  opacity: .95;
  text-shadow: 0 1px 4px rgba(0,0,0,.4);
  position: relative;
}

/* mic accent decorativ în stânga subtitlului */
.ehx-sub::before{
  content:"";
  position:absolute;
  top:0.5em; left:-18px;
  width:6px; height:6px; border-radius:50%;
  background: var(--ehx-accent);
  box-shadow: 0 0 8px rgba(217,181,138,.6);
}
@media (max-width: 640px){

  /* ascundem restul cum am făcut deja */
  #ehx-hero .ehx-side,
  #ehx-hero .ehx-bullets,
  #ehx-hero .ehx-eyebrow,
  #ehx-hero .ehx-sub{
    display:none !important;
  }

  #ehx-hero .ehx-copy{
    min-height: min(92vh, 760px);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    text-align:center;
    padding-bottom: clamp(50px, 11vh, 110px);
    gap: 16px;
  }

  #ehx-hero .ehx-actions{
    display:flex !important;
    flex-direction: column;   /* pe verticală */
    align-items: center;      /* centrate */
    gap:14px;                 /* spațiu între ele */
    margin: 0 0 12px;
    order:-1; /* apar înaintea titlului */
    width:100%;
  }

  #ehx-hero .ehx-btn{
    font-size: 15px;
    padding: 12px 20px;
    border-radius: 999px;
    width: 80%;               /* ambele la aceeași lățime, centrated */
    max-width: 280px;
    text-align:center;
  }

  /* titlul pe mobil -> auriu */
  #ehx-hero .ehx-title{
    font-size: clamp(26px, 8vw, 38px);
    line-height: 1.12;
    text-transform: uppercase;
    margin: 0;
    background: linear-gradient(92deg, #fff 0%, #f6e9d6 45%, #fff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 10px rgba(0,0,0,.35);
  }

  #ehx-hero .ehx-title em{
    background: linear-gradient(90deg, #d9b58a 0%, #f8e6c6 60%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
  }
  #ehx-hero .ehx-title em::after{
    content:"";
    position:absolute;
    left:50%; transform:translateX(-50%);
    bottom:-6px; height:2px; width:64%;
    background: linear-gradient(90deg, #d9b58a, transparent);
    border-radius:2px; opacity:.85;
  }
}

.ehx-accent{
  background: linear-gradient(90deg, #A8D5F0 0%, #BCD9EB 60%, #ffffff 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  position:relative;
}
.ehx-accent::after{
  content:""; position:absolute; left:0; bottom:-6px; height:3px; width:100%;
  background: linear-gradient(90deg, #d9b58a, transparent);
  border-radius:2px; opacity:.85;
}
.ehx-scrim {
  background: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.15) 60%, transparent);
}
/* ===== HERO IMPROVEMENTS ===== */

/* blur fin pe background */
.ehx-bg::after {
  content:"";
  position:absolute;
  inset:0;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index:-1;
}

/* overlay gradient mai pronunțat pentru contrast */
.ehx-scrim {
  background: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.15) 60%, transparent);
}



/* butoane hover efect elegant */
.ehx-btn-primary:hover {
  background: linear-gradient(90deg, rgba(255,255,255,0.25), rgba(255,255,255,0.08));
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
.ehx-btn-ghost:hover {
  border-color:#d9b58a;
  color:#fff;
  background: rgba(217,181,138,0.12);
}




:root{
  --ccx-ink:#0f172a;
  --ccx-soft:#ffffff;
  --ccx-muted:#8a97ad;
  --ccx-accent:#cfe6ff; /* icy blue (în ton cu site-ul tău) */
  --ccx-radius: 20px;
  --ccx-shadow: 0 28px 70px rgba(0,0,0,.28);
}

/* ===== FULLSCREEN OVERLAY ===== */
.ccx-consent{
  position: fixed; inset: 0; z-index: 2000;
  display: grid; place-items: center;
  pointer-events: none;
  background:
    radial-gradient(120% 140% at 12% 10%, rgba(207,230,255,.10), transparent 55%),
    linear-gradient(180deg, rgba(2,6,23,.55), rgba(2,6,23,.35));
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.ccx-card{
  pointer-events:auto;
  width: min(980px, 92vw);
  border-radius: 24px;
  padding: clamp(18px, 3.6vw, 32px);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: clamp(14px, 2.6vw, 28px);
  align-items: center;

  background:
    linear-gradient(180deg, rgba(15,20,28,.72), rgba(15,20,28,.46)) padding-box,
    linear-gradient(120deg, rgba(255,255,255,.22), rgba(255,255,255,.06)) border-box;
  border: 1px solid transparent;
  color: #fff;
  box-shadow: var(--ccx-shadow);
  transform: translateY(20px);
  opacity: 0;
  transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .45s ease;
}
.ccx-consent.is-show .ccx-card{ transform: translateY(0); opacity: 1; }

.ccx-icon{ font-size: clamp(22px, 3vw, 28px); filter: drop-shadow(0 4px 10px rgba(0,0,0,.25)); }
.ccx-copy h2{ margin:0 0 .15rem; font-size:clamp(1.05rem, 1.2rem, 1.3rem); font-weight:800; letter-spacing:.2px; }
.ccx-copy p{ margin:0; color:#e5ecf7; font-size:clamp(.95rem, 1rem, 1.05rem); line-height:1.6; }
.ccx-link{ color:var(--ccx-accent); text-underline-offset: 3px; }

.ccx-actions{ display:flex; align-items:center; gap: clamp(10px, 2vw, 16px); justify-self:end; }

/* ===== PILL BUTTONS (ca în a doua poză) ===== */
.ccx-btn{
  appearance:none; cursor:pointer;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
  border-radius: 999px;
  padding: 14px 22px;
  font-size: .95rem;
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  border: 1.6px solid transparent;
}
.ccx-btn:hover{ transform: translateY(-1px); }
.ccx-btn:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(207,230,255,.5); }

/* Dark filled */
.ccx-pill.ccx-dark{
  background: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
  box-shadow: 0 10px 26px rgba(15,23,42,.25);
}
.ccx-pill.ccx-dark:hover{ background:#0b1220; border-color:#0b1220; }

/* Outline (light on dark card) */
.ccx-pill.ccx-outline-dark{
  background: transparent;
  color: #e9eef7;
  border-color: rgba(255,255,255,.85);
}
.ccx-pill.ccx-outline-dark:hover{
  background: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
}

/* ===== Modal preferințe ===== */
.ccx-modal{ position:fixed; inset:0; z-index: 2100; display:none; }
.ccx-modal.is-open{ display:block; }
.ccx-overlay{ position:absolute; inset:0; background: rgba(2,6,23,.55); backdrop-filter: blur(2px); }
.ccx-panel{
  position:absolute; right:18px; bottom:18px;
  width:min(560px, 96vw); max-height: min(80vh, 680px);
  background: #0f1520; color:#fff; border-radius: 20px; overflow: hidden;
  box-shadow: var(--ccx-shadow);
  transform: translateY(20px); opacity: 0;
  transition: transform .4s cubic-bezier(.2,.8,.2,1), opacity .35s ease;
}
.ccx-modal.is-open .ccx-panel{ transform: translateY(0); opacity: 1; }

.ccx-m-head{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding: 16px 18px; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.ccx-m-head h3{ margin:0; font-size:1.05rem; font-weight:800; }
.ccx-x{ background:transparent; border:0; color:#fff; font-size:18px; cursor:pointer; opacity:.9; }

.ccx-m-body{ padding: 10px 16px; overflow:auto; max-height: calc(min(80vh,680px) - 132px); }
.ccx-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:14px 6px; border-bottom:1px dashed rgba(255,255,255,.12); }
.ccx-row strong{ font-weight:800; }
.ccx-row p{ margin:.2rem 0 0; color:#cfdaee; font-size:.95rem; }
.ccx-row-right{ padding-top:6px; }

.ccx-m-foot{
  display:flex; justify-content:space-between; gap:10px; padding: 12px 16px;
  background: linear-gradient(0deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  border-top:1px solid rgba(255,255,255,.12);
}

/* Switch */
.ccx-switch{ position:relative; display:inline-block; width:48px; height:28px; }
.ccx-switch input{ display:none; }
.ccx-switch span{
  position:absolute; inset:0; border-radius:999px; background:#384457; transition: background .2s ease, box-shadow .2s ease;
}
.ccx-switch span::after{
  content:""; position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%;
  background:#fff; transition: transform .2s ease;
}
.ccx-switch input:checked + span{ background:#2d7ff7; box-shadow: 0 0 0 4px rgba(45,127,247,.12) inset; }
.ccx-switch input:checked + span::after{ transform: translateX(20px); }
.ccx-switch.is-locked span{ background:#2d7ff7; opacity:.75; }

/* Reopen button */
.ccx-reopen{
  position: fixed; right: 16px; bottom: 16px; z-index: 1999;
  width: 46px; height: 46px; border-radius: 50%;
  background: rgba(15,20,28,.75); color:#fff; border:1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: var(--ccx-shadow); cursor: pointer;
  display:grid; place-items:center;
}

/* Responsive */
@media (max-width: 768px){
  .ccx-card{ grid-template-columns: 1fr; width: min(680px, 94vw); padding: 18px 16px; }
  .ccx-actions{ justify-content: stretch; flex-direction: column; }
  .ccx-btn{ width: 100%; }
}

/* Mișcare redusă */
@media (prefers-reduced-motion: reduce){
  .ccx-card, .ccx-panel{ transition: none !important; }
}
:root{
  --cookie-ink:#0f172a;
  --cookie-muted:#475569;
  --cookie-accent:#1e40af;      /* albastru elegant */
  --cookie-soft:#ffffff;
  --cookie-radius:16px;
  --cookie-shadow:0 -14px 36px rgba(15,23,42,.16);
  --cookie-hairline:rgba(15,23,42,.06);
}

/* ===== BAR ===== */
.cookie-bar{
  position: fixed; left: 0; right: 0; bottom: 0;
  background: #fff;
  color: var(--cookie-ink);
  border-top: 1px solid var(--cookie-hairline);
  box-shadow: var(--cookie-shadow);
  transform: translateY(100%);
  opacity: 0;
  transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .45s ease;
  z-index: 3000;
}
.cookie-bar::before{
  content:"";
  position:absolute; left:0; right:0; top:-1px; height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.8), transparent);
  pointer-events:none;
}
.cookie-bar.show{ transform: translateY(0); opacity: 1; }

/* ===== LAYOUT ===== */
.cookie-inner{
  max-width: 1320px;
  margin: 0 auto;
  padding: clamp(16px, 2.1vw, 22px) clamp(18px, 3vw, 28px);
  display: grid;
  grid-template-columns: minmax(640px, 1fr) auto; /* mai mult spațiu textului */
  gap: clamp(12px, 2vw, 24px);
  align-items: center;
}
.cookie-copy{ display:flex; flex-direction:column; gap: 10px; }

/* ===== EYEBROW (AVISO DE COOKIES) – negru + linie fină ===== */
.cookie-eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.95rem; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase;
  color:#0f172a;
  padding-bottom:6px;
  border-bottom:1px solid rgba(15,23,42,.18);  /* linie subțire elegantă */
  width: -moz-fit-content; width: fit-content;
}
.cookie-eyebrow .dot{
  width:.45rem; height:.45rem; border-radius:999px; display:inline-block;
  background:#0f172a;
  box-shadow:0 0 0 6px rgba(15,23,42,.08);
}

/* ===== TEXT ===== */
.cookie-text{
  margin:0;
  color: var(--cookie-muted);
  font-size: clamp(.98rem, 1.02rem, 1.08rem);
  line-height: 1.68;
  max-width: 110ch;                         /* text mai “pe lungime” */
}
.cookie-link{
  color: var(--cookie-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 700;
}

/* ===== ACTIONS ===== */
.cookie-actions{
  display:flex; align-items:center; gap: 10px;
  flex-wrap: wrap;                          /* nu ocupă jumătate din bară */
}
.cookie-btn{
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;                    /* mai puțin “lăbărțat” */
  border-radius: 999px;
  padding: 8px 18px;                        /* butoane mai mici */
  font-size: .86rem;                        /* text mai compact */
  line-height: 1;                           /* profil mai scund */
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  border: 1.4px solid transparent;          /* contur fin */
  will-change: transform;
}
.cookie-btn:hover{ transform: translateY(-1px); }

/* filled (Accept) */
.cookie-btn.filled{
  background: #0f172a;
  color: #fff;
  border-color: #0f172a;
  box-shadow: 0 6px 16px rgba(15,23,42,.16);
}
.cookie-btn.filled:hover{ background:#0b1220; border-color:#0b1220; }

/* outline (Decline) */
.cookie-btn.outline{
  background: transparent;
  color: #0f172a;
  border-color: #0f172a;
}
.cookie-btn.outline:hover{
  background: #0f172a;
  color: #fff;
}

/* third button (Configurar cookies) */
.cookie-btn.neutral{
  background: #f8fafc;
  color: #0f172a;
  border-color: #0f172a;
}
.cookie-btn.neutral:hover{
  background:#0f172a;
  color:#fff;
}

/* ===== Responsive ===== */
@media (max-width: 992px){
  .cookie-inner{ grid-template-columns: 1fr; align-items: flex-start; }
  .cookie-actions{ justify-content: flex-start; }
}
@media (max-width: 560px){
  .cookie-actions{ width:100%; gap:8px; }
  .cookie-btn{ padding: 10px 14px; font-size:.9rem; width:auto; }
}
/* ===== Ajustări fine pentru spacing și accent ===== */
.cookie-copy{
  margin-top: 10px; /* mai mult spațiu deasupra titlului */
}

.cookie-eyebrow{
  margin-top: 6px;
  border-bottom: 2px solid rgba(15,23,42,.35); /* linie mai pronunțată */
}

.cookie-text{
  max-width: 125ch; /* paragraf puțin mai lung pe orizontală */
}


/* ===== Link oficial (sin color azul, estilo elegante) ===== */
.cookie-link{
  color: inherit;                     /* aceeași culoare ca textul */
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: opacity .25s ease;
}

.cookie-link:hover{
  opacity: .7;                        /* efect fin la hover */
}
/* ===== Mobile polish for cookie banner ===== */
@media (max-width: 768px){
  .cookie-bar{
    /* spațiu pentru telefoane cu notch (iOS) */
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 6px);
  }

  .cookie-inner{
    grid-template-columns: 1fr;   /* stivă: titlu + text + link + butoane */
    gap: 12px;
    padding: 16px clamp(14px, 4vw, 20px);
    align-items: stretch;
  }

  .cookie-eyebrow{
    font-size: .9rem;
    letter-spacing: .07em;
    margin-top: 4px;
    padding-bottom: 6px;
  }

  .cookie-text{
    font-size: 1rem;
    line-height: 1.72;
    max-width: unset;             /* lasă paragraful să meargă pe toată lățimea */
  }

  /* dacă ai link separat într-un wrap, lasă puțin spațiu */
  .cookie-linkwrap{ margin-top: 6px; }
  .cookie-link{ font-size: .98rem; }
  
  .cookie-actions{
    order: 3;
    border-left: 0;
    padding-left: 0;
    justify-content: stretch;
    gap: 8px;
    flex-wrap: wrap;
  }

  .cookie-btn{
    height: 46px;                 /* țintă tactilă bună */
    width: 100%;                  /* butoane pe toată lățimea */
    padding: 0 14px;
    font-size: .95rem;
    letter-spacing: .045em;
    border-width: 1.4px;
  }
}

@media (max-width: 380px){
  .cookie-btn{ height: 44px; font-size: .92rem; }
  .cookie-eyebrow{ font-size: .86rem; }
  .cookie-text{ font-size: .96rem; }
}

/* Respectă utilizatorii cu ‘reduce motion’ */
@media (prefers-reduced-motion: reduce){
  .cookie-bar, .cookie-btn{ transition: none !important; }
}
/* ===== Fix pentru a păstra butoanele pe același rând ===== */
.cookie-actions{
  display: flex;
  flex-wrap: nowrap !important;       /* NU permite trecerea pe rând nou */
  justify-content: flex-start;
  gap: clamp(8px, 1vw, 12px);
  flex-shrink: 1;
}

.cookie-btn{
  white-space: nowrap;                /* nu sparge textul pe două linii */
  flex: 1 1 auto;                     /* butoanele se micșorează proporțional */
  max-width: 100%;
  padding: 10px 18px;                 /* ușor mai mic pentru texte lungi */
  font-size: clamp(.85rem, .9rem, .94rem);
  letter-spacing: .05em;
}

@media (max-width: 768px){
  .cookie-actions{
    flex-wrap: wrap !important;    /* permite trecerea pe mai multe rânduri */
    flex-direction: column;        /* așază butoanele vertical */
    align-items: stretch;          /* ocupă lățimea completă */
  }

  .cookie-btn{
    width: 100%;                   /* fiecare buton pe un rând complet */
    flex: none;                    /* nu se mai micșorează */
  }
}
.cookie-link {
  color: var(--vx-accent, #0f172a);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
  transition: color 0.25s ease;
}

.cookie-link:hover {
  color: #1d4ed8;
}


/* ============ PREMIUM LOGIN (FLAT, 1 col) ============ */
#lx-login.lx-wrap{
  --ink:#0f172a;
  --muted:#475569;
  --line:#1e2630;
  --focus:#334155;
  color:var(--ink);
  background:#fff;
  padding:clamp(48px,6vw,96px) 0;
}

#lx-login .lx-container{
  width:min(1240px,94vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(32px,4vw,64px);
  align-items:start;
}

/* Head */
.lx-head{margin-bottom:24px}
.lx-title{font-weight:900; font-size:clamp(26px,3vw,34px); margin:0}
.lx-sub{color:var(--muted); margin-top:6px}

/* FORM */
.lx-form{max-width:700px; width:100%;}
.lx-field{position:relative; margin-bottom:18px}
.lx-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.lx-field input{
  width:100%;
  height:66px;              /* mai scunde */
  border:1px solid var(--line);
  border-radius:0;
  background:#fff;
  padding:20px 22px;
  font-size:18px;           /* text puțin mai mic */
  font-weight:700;
  color:var(--ink);
  letter-spacing:.02em;
  outline:none;
  transition:border-color .15s ease;
}
.lx-field input::placeholder{
  color:#0f172a;
  font-weight:800;
  text-transform:uppercase;
  opacity:.95;
}
.lx-field input:focus{border-color:var(--focus); box-shadow:none}

/* Eye button */
.lx-pass .lx-eye{
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border:1px solid var(--line);
  background:#fff; display:grid; place-items:center; border-radius:8px;
}

/* Inline remember/forgot */
.lx-inline{display:flex; justify-content:space-between; align-items:center; margin:10px 0 18px}
.lx-remember{display:flex; align-items:center; gap:8px; color:#334155}
.lx-forgot{color:#0f172a; text-underline-offset:3px}

/* Submit button */
.lx-actions{margin-top:12px}
.lx-btn{
  appearance:none; border:none; cursor:pointer;
  font-weight:800; padding:14px 44px; border-radius:999px;
}
.lx-btn--primary{
  background:#0f172a; color:#fff; border:1px solid #0f172a;
  transition:filter .15s ease;
}
.lx-btn--primary:hover{filter:brightness(.97)}

/* RIGHT SIDE (Avantaje + FAQ) */
.lx-card-title{font-weight:900; margin-bottom:18px; font-size:1.3rem}
.lx-metrics{
  list-style:none; padding:0; margin:0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
}
.lx-metrics li{
  text-align:center;
  border:1px solid var(--line);
  padding:14px;
  background:#fff;
}
.lx-metrics li span{display:block; font-weight:900; font-size:22px}
.lx-metrics li em{display:block; font-style:normal; color:var(--muted); font-size:.9rem}
.lx-sep{height:1px; background:var(--line); margin:20px 0}

/* Accordion */
.lx-acc{
  width:100%;
  border:1px solid var(--line);
  background:#fff;
  border-radius:8px;
  padding:14px 44px 14px 14px;
  text-align:left;
  font-weight:700;
  color:#0f172a;
  margin-bottom:10px;
  position:relative;
}
.lx-acc .lx-caret{
  position:absolute; right:16px; top:50%;
  width:10px; height:10px;
  border-right:2px solid #0f172a;
  border-bottom:2px solid #0f172a;
  rotate:45deg; transform:translateY(-50%);
}
.lx-panel{padding:8px 4px 14px; color:#475569}
.lx-acc[aria-expanded="true"] .lx-caret{rotate:-135deg}

/* Reveal animation */
[data-lx-reveal]{opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease;}
[data-lx-reveal].is-in{opacity:1; transform:none}

/* Responsive */
@media (max-width: 960px){
  #lx-login .lx-container{grid-template-columns:1fr; gap:40px}
  .lx-form{max-width:100%;}
}

.lx-field input{
  width:100%;
  height:64px;
  border:2px solid var(--line);          /* ✦ grosime 2px pentru claritate */
  border-radius:0;
  background:#fff;
  padding:18px 20px;
  font-size:18px;
  font-weight:700;
  color:var(--ink);
  letter-spacing:.02em;
  outline:none;
  transition:border-color .2s ease, background .2s ease;
}
.lx-field input:focus{
  border-color:var(--focus);             /* ✦ focus gri-albăstrui */
  background:#f8fafc;                    /* ✦ contrast subtil la focus */
  box-shadow:none;
}
.lx-signup-link{
  margin-top:16px;
  font-size:1rem;
  color:#1e293b;
}
.lx-signup-link a{
  font-weight:700;
  color:#0f172a;
  text-decoration:underline;
  text-underline-offset:3px;
  transition:color .2s ease;
}
.lx-signup-link a:hover{
  color:#334155;
}
/* ============== DARK COMPACT HERO (Login) – Premium ============== */
#lx-hero-login.lx-hero-wrap{
  --ink:#f5f7fa;
  --muted:#a8b0bb;
  --edge:#0a0a0a;          /* baza negru */
  --edge-2:#0f0f10;        /* nuanță ușor diferită pentru stratul 2 */
  --glow:#ffffff10;        /* highlight foarte subtil */
  --border:#ffffff12;

  position:relative;
  isolation:isolate;
  color:var(--ink);
  padding:clamp(24px,4vw,56px) 0; /* compact */
  overflow:hidden;

  /* Gradient negru, fără nuanțe albastre */
  background:
    radial-gradient(120% 160% at 100% -20%, #121212 0%, #0a0a0a 60%, #0a0a0a 100%),
    radial-gradient(120% 160% at -10% -20%, #141414 0%, #0a0a0a 60%, transparent 100%),
    linear-gradient(180deg, var(--edge) 0%, var(--edge-2) 100%);
  border-bottom:1px solid var(--border);
}

/* Container */
#lx-hero-login .lx-hero-container{
  width:min(1240px,94vw);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

/* Copy */
#lx-hero-login .lx-hero-copy{max-width:720px}
#lx-hero-login .lx-hero-kicker{
  display:inline-block;
  padding:6px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#dbe3ef;
  background:rgba(255,255,255,.03);
  backdrop-filter:saturate(140%);
}
#lx-hero-login .lx-hero-title{
  margin:.45rem 0 .25rem;
  font-weight:900;
  font-size:clamp(24px,3vw,32px);
  letter-spacing:-.01em;
  color:#fff;
}
#lx-hero-login .lx-hero-sub{
  margin:0;
  color:var(--muted);
  font-size:clamp(.98rem,1.2vw,1.05rem);
}

/* Decor aside (opțional) */
#lx-hero-login .lx-hero-aside{display:flex; align-items:center; gap:10px}
#lx-hero-login .lx-hero-chip{
  border:1px solid var(--border);
  background:rgba(255,255,255,.04);
  color:#e8edf7;
  padding:8px 12px;
  border-radius:10px;
  font-weight:700;
  font-size:.9rem;
}

/* ---------- Premium animated layers (pure CSS) ---------- */

/* Soft moving glow blobs */
#lx-hero-login::before,
#lx-hero-login::after{
  content:"";
  position:absolute; inset:auto -10% -40% -10%; /* lat mai mare pentru fade natural */
  height:280px;
  background:
    radial-gradient(220px 120px at 20% 40%, #ffffff10, transparent 70%),
    radial-gradient(240px 140px at 80% 60%, #ffffff0d, transparent 70%);
  filter:blur(8px);
  z-index:-1;
  animation:lx-drift 18s linear infinite;
}
#lx-hero-login::after{
  inset:-40% -10% auto -10%;
  height:260px;
  opacity:.6;
  animation-duration:26s;
  animation-direction:reverse;
}

@keyframes lx-drift{
  0%   { transform:translate3d(0,0,0) scale(1); }
  50%  { transform:translate3d(0,18px,0) scale(1.02); }
  100% { transform:translate3d(0,0,0) scale(1); }
}

/* Sheen subtle care se plimbă foarte încet (premium) */
#lx-hero-login .lx-hero-container::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    linear-gradient(95deg, transparent 0%, #ffffff08 20%, transparent 40%) no-repeat;
  background-size: 140% 100%;
  animation:lx-sheen 14s ease-in-out infinite;
  mix-blend-mode:screen;
}
@keyframes lx-sheen{
  0%, 10%   { background-position:-40% 0; }
  60%, 100% { background-position:140% 0; }
}

/* Reveal animations pe elemente */
[data-lx-hero-reveal]{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
[data-lx-hero-reveal].is-in{opacity:1; transform:none;}
[data-lx-hero-reveal].delay-1{transition-delay:.08s}
[data-lx-hero-reveal].delay-2{transition-delay:.16s}

/* Hover micro interaction pe chip (nu agresiv) */
#lx-hero-login .lx-hero-chip:hover{background:#ffffff08}

/* Parallax safe zone (va fi animat din JS) */
#lx-hero-login .lx-hero-copy,
#lx-hero-login .lx-hero-aside{will-change:transform;}

/* Respectă preferința userului */
@media (prefers-reduced-motion: reduce){
  #lx-hero-login::before,
  #lx-hero-login::after,
  #lx-hero-login .lx-hero-container::after{animation:none}
  [data-lx-hero-reveal]{opacity:1; transform:none}
}

/* Responsive */
@media (max-width: 800px){
  #lx-hero-login .lx-hero-container{flex-direction:column; align-items:flex-start;}
  #lx-hero-login .lx-hero-aside{display:none;}
}
/* HERO — fără parallax, cu spațiu sus pentru navbar */
#lx-hero-login.lx-hero-wrap{
  /* păstrăm gradientul tău negru și restul stilurilor existente */
  padding-top: clamp(36px, 5vw, 64px); /* fallback dacă nu detectăm navbarul */
}

/* când JS setează înălțimea navbarului, folosim offset exact */
#lx-hero-login.lx-hero-wrap.has-nav-offset{
  padding-top: calc(var(--nav-h, 68px) + 24px); /* 24px respiră sub meniu */
}

/* dacă ai anchor pe hero, să nu fie acoperit de navbar când dai scroll la #lx-hero-login */
#lx-hero-login{ scroll-margin-top: calc(var(--nav-h, 68px) + 16px); }

/* eliminăm intențiile de parallax (dacă le aveai din CSS anterior) */
#lx-hero-login .lx-hero-copy,
#lx-hero-login .lx-hero-aside{ will-change: auto; transform: none !important; }
/* ========== HERO LOGIN — RESPONSIVE PREMIUM MOBILE ========== */
@media (max-width: 768px){

  #lx-hero-login.lx-hero-wrap{
    padding-top: calc(var(--nav-h, 64px) + 32px); /* spațiu sub navbar */
    padding-bottom: 56px;
    text-align: center;               /* totul centrat */
    background:
      radial-gradient(100% 160% at 50% -30%, #161616 0%, #0a0a0a 80%),
      linear-gradient(180deg, #0b0b0b 0%, #111 100%);
  }

  #lx-hero-login .lx-hero-container{
    flex-direction: column;           /* pe o coloană */
    justify-content: center;
    align-items: center;
    gap: 18px;
  }

  #lx-hero-login .lx-hero-copy{
    max-width: 90%;
    margin: 0 auto;
  }

  #lx-hero-login .lx-hero-kicker{
    font-size: 0.8rem;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.03);
    color: #d9e1ee;
    margin-bottom: 10px;
    display: inline-block;
  }

  #lx-hero-login .lx-hero-title{
    font-size: clamp(1.6rem, 6vw, 2.1rem);
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 8px;
  }

  #lx-hero-login .lx-hero-sub{
    font-size: clamp(1rem, 4.2vw, 1.15rem);
    color: #b7bec9;
    line-height: 1.45;
    max-width: 92%;
    margin: 0 auto;
  }

  /* ascundem chipul decorativ din dreapta */
  #lx-hero-login .lx-hero-aside{
    display: none !important;
  }

  /* mic glow subtil pe margini pentru profunzime */
  #lx-hero-login::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(70% 100% at 50% 0%, rgba(255,255,255,.05) 0%, transparent 70%);
    pointer-events:none;
  }
}






















/* ============ RX REGISTER — FLAT PREMIUM (clean) ============ */
#rx-register.rx-wrap{
  --ink:#0f172a;
  --muted:#475569;
  --line:#1e2630;      /* border închis ca în login */
  --focus:#334155;     /* focus discret */
  color:var(--ink);
  background:#fff;
  padding:clamp(48px,6vw,96px) 0;
}
#rx-register .rx-container{
  width:min(1240px,94vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr .9fr;
  gap:clamp(28px,4vw,60px);
  align-items:start;
}

/* Head */
.rx-head{margin-bottom:18px}
.rx-title{font-weight:900; font-size:clamp(26px,3vw,34px); margin:0}
.rx-sub{color:var(--muted); margin-top:6px}

/* Form grid */
.rx-form{max-width:760px; width:100%}
.rx-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:14px 0 10px;
}
@media (max-width: 900px){ .rx-grid{ grid-template-columns:1fr; } }

/* Fields */
.rx-field{position:relative}
.rx-vh{position:absolute !important; width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.rx-field input,
.rx-field select{
  box-sizing:border-box;
  display:block;
  line-height:normal;
  width:100%;
  height:64px;
  border:2px solid var(--line);
  border-radius:0;
  background:#fff;
  padding:18px 20px;
  font-size:18px;
  font-weight:700;
  color:var(--ink);
  letter-spacing:.02em;
  outline:none;
  transition:border-color .2s ease, background .2s ease;
}
.rx-field input::placeholder{
  color:#0f172a; font-weight:800; text-transform:uppercase; opacity:.95; letter-spacing:.04em;
}
.rx-field input:focus,
.rx-field select:focus{border-color:var(--focus); background:#f8fafc}

/* Select (o singură săgeată – cea custom) */
.rx-select{position:relative}
.rx-select select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding-right:40px; background:#fff;
}
.rx-select .rx-caret{
  position:absolute; right:14px; top:50%; transform:translateY(-50%) rotate(45deg);
  width:10px;height:10px; border-right:2px solid #475569; border-bottom:2px solid #475569;
  pointer-events:none;
}

/* Password + eye (fără suprapuneri) */
.rx-pass{position:relative}
.rx-pass input{padding-right:72px}
.rx-pass .rx-eye{
  position:absolute; top:50%; right:12px; transform:translateY(-50%);
  width:40px; height:40px; min-width:40px;
  border:2px solid var(--line); border-radius:8px;
  background:#fff; display:grid; place-items:center; z-index:2;
}
@media (max-width:900px){
  .rx-pass .rx-eye{width:36px;height:36px;right:10px}
  .rx-pass input{padding-right:64px}
}

/* Consent */
.rx-consent{display:flex; gap:10px; align-items:flex-start; margin:8px 0 16px; color:#334155}
.rx-consent input{margin-top:6px}

/* Actions + BUTTON (stil ca în poză: pastilă cu contur) */
.rx-actions{margin-top:12px}
.rx-btn{
  appearance:none; cursor:pointer; font-weight:800;
  padding:16px 46px; border-radius:999px; letter-spacing:.04em;
  transition:transform .15s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.rx-btn--primary{
  background:#fff; color:#0f172a;
  border:2px solid var(--line);      /* contur închis */
  box-shadow:0 0 0 0 rgba(15,23,42,0);
}
.rx-btn--primary:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(15,23,42,.10);
}
.rx-btn--primary:active{
  transform:translateY(0); box-shadow:0 3px 10px rgba(15,23,42,.10);
}
.rx-btn--primary:disabled{
  opacity:.6; cursor:not-allowed; transform:none; box-shadow:none;
}

/* Right card (FAQ) */
.rx-card{background:#fff}
.rx-card-title{font-weight:900; margin:0 0 14px; font-size:1.2rem}
.rx-acc{
  width:100%; background:#fff; border:1px solid #cfd5df; border-radius:8px;
  padding:14px 44px 14px 14px; text-align:left; font-weight:700; color:#0f172a; margin-bottom:10px; position:relative;
}
.rx-acc .rx-caret{
  position:absolute; right:16px; top:50%; width:10px; height:10px;
  border-right:2px solid #0f172a; border-bottom:2px solid #0f172a; transform:translateY(-50%) rotate(45deg);
}
.rx-panel{padding:8px 4px 14px; color:#475569}
.rx-acc[aria-expanded="true"] .rx-caret{transform:translateY(-50%) rotate(-135deg)}

/* Reveal animation */
[data-rx-reveal]{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
[data-rx-reveal].is-in{opacity:1; transform:none}

/* Responsive layout */
@media (max-width:960px){
  #rx-register .rx-container{grid-template-columns:1fr; gap:36px}
}
.rx-btn--primary{
  background:#fff;
  color:#0f172a;
  border:2px solid var(--line);
  border-radius:999px;
  padding:16px 46px;
  font-weight:800;
  letter-spacing:.04em;
  transition:all .25s ease;
}

/* Hover — ca în imagine: fundal închis, text alb */
.rx-btn--primary:hover{
  background:#0f172a;
  color:#fff;
  border-color:#0f172a;
  box-shadow:0 6px 16px rgba(15,23,42,.25);
  transform:translateY(-1px);
}

/* Active — efect de apăsare */
.rx-btn--primary:active{
  transform:translateY(0);
  box-shadow:0 3px 10px rgba(15,23,42,.20);
}

/* Disabled — transparent și neinteractiv */
.rx-btn--primary:disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}





/* ============== SIGNUP HERO (sx-*) ============== */
#sx-hero-signup.sx-hero-wrap{
  /* culori */
  --ink:#f3f6fb;
  --muted:#aab3bf;
  --border:#ffffff14;
  --bg1:#0a0a0a;     /* gradient negru */
  --bg2:#101113;

  position:relative;
  isolation:isolate;
  color:var(--ink);
  padding:clamp(32px,5vw,64px) 0;
  overflow:hidden;

  /* gradient negru + glow-uri discrete */
  background:
    radial-gradient(120% 160% at 100% -40%, #17181a 0%, transparent 60%),
    radial-gradient(110% 150% at -10% -30%, #151517 0%, transparent 55%),
    linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 100%);
  border-bottom:1px solid var(--border);
}

/* container */
#sx-hero-signup .sx-hero-container{
  width:min(1240px,94vw);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

/* copy */
#sx-hero-signup .sx-hero-copy{max-width:760px}
#sx-hero-signup .sx-hero-kicker{
  display:inline-block;
  padding:6px 12px;
  border:1px solid var(--border);
  border-radius:999px;
  font-size:.78rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#e1e8f5;
  background:rgba(255,255,255,.04);
}
#sx-hero-signup .sx-hero-title{
  margin:.5rem 0 .3rem;
  font-weight:900;
  font-size:clamp(26px,3.2vw,36px);
  letter-spacing:-.01em;
  color:#fff;
}
#sx-hero-signup .sx-hero-sub{
  margin:0;
  color:var(--muted);
  font-size:clamp(1rem,1.2vw,1.1rem);
  max-width:60ch;
}

/* badges */
.sx-badges{display:flex; gap:10px; flex-wrap:wrap}
.sx-chip{
  border:1px solid var(--border);
  background:rgba(255,255,255,.04);
  color:#e7eefc;
  padding:8px 12px;
  border-radius:12px;
  font-weight:700;
  font-size:.9rem;
}

/* animated sheen peste conținut (premium) */
#sx-hero-signup .sx-hero-container::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:linear-gradient(95deg, transparent 0%, #ffffff0d 18%, transparent 36%) no-repeat;
  background-size:140% 100%;
  animation:sx-sheen 16s ease-in-out infinite;
  mix-blend-mode:screen;
}
@keyframes sx-sheen{
  0%,10%   { background-position:-40% 0; }
  60%,100% { background-position:140% 0; }
}

/* subtle floating glows (fără parallax) */
#sx-hero-signup::before,
#sx-hero-signup::after{
  content:"";
  position:absolute; left:-10%; right:-10%;
  height:260px;
  background:
    radial-gradient(220px 120px at 20% 40%, #ffffff10, transparent 70%),
    radial-gradient(240px 140px at 80% 60%, #ffffff0a, transparent 70%);
  bottom:-32%;
  filter:blur(8px);
  animation:sx-drift 22s linear infinite;
}
#sx-hero-signup::after{
  top:-32%; bottom:auto; opacity:.6; animation-duration:28s; animation-direction:reverse;
}
@keyframes sx-drift{
  0%   { transform:translate3d(0,0,0) scale(1); }
  50%  { transform:translate3d(0,16px,0) scale(1.02); }
  100% { transform:translate3d(0,0,0) scale(1); }
}

/* reveal fade-up pe elemente */
[data-sx-reveal]{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
[data-sx-reveal].is-in{opacity:1; transform:none;}
[data-sx-reveal].delay-1{transition-delay:.08s}
[data-sx-reveal].delay-2{transition-delay:.16s}

/* respectă preferința pentru reducere mișcare */
@media (prefers-reduced-motion: reduce){
  #sx-hero-signup::before,#sx-hero-signup::after,
  #sx-hero-signup .sx-hero-container::after{animation:none}
  [data-sx-reveal]{opacity:1; transform:none}
}

/* mobil – centrat pe ecran */
@media (max-width: 768px){
  #sx-hero-signup.sx-hero-wrap{
    padding-top:calc(var(--nav-h,64px) + 28px);
    text-align:center;
  }
  #sx-hero-signup .sx-hero-container{
    flex-direction:column; align-items:center; justify-content:center; gap:16px;
  }
  #sx-hero-signup .sx-hero-copy{max-width:92%}
  #sx-hero-signup .sx-hero-aside{display:none}
}
#sx-hero-signup.sx-hero-wrap{
  padding-top:calc(var(--nav-h, 50px) + 36px); /* spațiu extra sub navbar */
}



/* =============================================
   ESTHER HERO — Premium Full Visual (vFinal)
   ============================================= */
:root{
  --est-ink:#ffffff;
  --est-muted:rgba(255,255,255,.82);
  --est-border:rgba(255,255,255,.35);
  --est-border-ghost:rgba(255,255,255,.45);
  --est-shadow: 0 20px 60px rgba(0,0,0,.35);
  --est-radius: 999px;
}

/* ===== HERO general ===== */
.est-hero{
  position: relative; isolation: isolate;
  min-height: 95vh;                 /* aproape full screen */
  min-height: 95dvh;
  color: var(--est-ink);
  overflow: clip;
  background: #0b0f15;
  font-family: "Georgia", "Times New Roman", ui-serif, serif;
}
@supports (height: 95svh){
  .est-hero{ min-height: 95svh; }
}

/* ===== SLIDES ===== */
.est-slides, .est-slide, .est-slide img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
}
.est-slides{ z-index: 0; }
.est-slide{ opacity: 0; transition: opacity 1200ms ease; }
.est-slide.is-active{ opacity: 1; }

.est-slide img{
  object-fit: cover; object-position: center;
  transform: scale(1.08);
  filter: saturate(105%) contrast(102%);
}
.est-slide.is-active img{
  animation: kenburns 7.5s ease-out forwards;
}
@keyframes kenburns{
  0%{ transform: scale(1.08); }
  100%{ transform: scale(1.0); }
}

/* ===== OVERLAYS ===== */
.est-vignette{
  position:absolute; inset:-2%;
  background: radial-gradient(120% 140% at 70% -10%, rgba(0,0,0,.0) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,.44) 100%);
  z-index: 1; pointer-events:none;
}
.est-gradient{
  position:absolute; inset:0;
  background:
    linear-gradient(to top, rgba(0,0,0,.65) 0%, rgba(0,0,0,.0) 40%),
    linear-gradient(to right, rgba(0,0,0,.45) 0%, rgba(0,0,0,.0) 35%);
  z-index: 2; pointer-events:none;
}

/* ===== CONTENT (jos-stânga) ===== */
.est-inner{
  position: absolute; inset: 0;
  display: grid; align-items:end;
  z-index: 3;
  padding: clamp(40px, 8vw, 96px);
}
.est-copy{
  max-width: min(940px, 86vw);
  transform: translateY(10px);
  opacity: 0;
}
.est-copy.is-in{
  transform: translateY(0);
  opacity: 1;
  transition: all 800ms ease;
}

/* ===== TEXT ===== */
.est-title{
  font-size: clamp(28px, 3.6vw, 52px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0;
  margin: 0 0 1rem clamp(4px, 1vw, 18px);
  text-shadow: 0 2px 18px rgba(0,0,0,.45);
}
.est-title .thin{ font-weight: 400; opacity: .95; }
.est-title .br{ display:block; }

.est-sub{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: var(--est-muted);
  font-size: clamp(13px, 1.25vw, 17px);
  line-height: 1.7;
  margin: 0 0 1.4rem clamp(4px, 1vw, 18px);
  max-width: 70ch;
}

/* ===== CTA Buttons ===== */
.est-cta{
  display:flex; flex-wrap:wrap;
  gap: clamp(12px, 1.6vw, 22px);
  margin-left: clamp(4px, 1vw, 18px);
}

/* --- PILL base --- */
.btn-pill{
  --h: clamp(50px, 6.5vh, 60px);
  display:inline-flex; align-items:center; justify-content:center;
  height: var(--h);
  padding: 0 clamp(24px, 2.4vw, 36px);
  border-radius: 9999px;
  font-weight: 700;
  font-size: clamp(14px, 1.15vw, 17px);
  letter-spacing:.2px;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.35);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 10px 30px rgba(0,0,0,.24);
  transition: transform .18s ease, box-shadow .28s ease, background .28s ease, color .28s ease, border-color .28s ease;
}

/* --- SOLID --- */
.btn-solid{
  color:#fff;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
  border-color: rgba(255,255,255,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 14px 40px rgba(0,0,0,.30);
}

/* --- GHOST --- */
.btn-ghost{
  color:#fff;
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.38);
}

/* --- Hover, active, focus --- */
.btn-pill:hover{
  transform: translateY(-1.5px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    0 20px 48px rgba(0,0,0,.38),
    0 0 0 3px rgba(255,255,255,.12);
}
.btn-pill:active{
  transform: translateY(0);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 10px 28px rgba(0,0,0,.28);
}
.btn-pill:focus-visible{
  outline:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 0 0 3px rgba(255,255,255,.18),
    0 0 0 6px rgba(255,255,255,.10);
}

/* --- Sheen effect --- */
.btn-pill::after{
  content:"";
  position:absolute; inset:-120% -40% auto auto;
  width:60%; height:260%;
  transform:rotate(20deg) translateX(-40%);
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 45%,rgba(255,255,255,.0) 70%);
  opacity:.0; pointer-events:none;
  transition:transform .7s ease,opacity .35s ease;
}
.btn-pill:hover::after{
  opacity:.9;
  transform:rotate(20deg) translateX(40%);
}

/* ===== Scroll button ===== */
.est-scroll{
  position:absolute;
  left: clamp(40px, 8vw, 100px);
  bottom: clamp(14px, 3vw, 40px);
  display:flex; align-items:center; gap:.5rem;
  color: rgba(255,255,255,.85);
  background: transparent;
  border: 0;
  cursor:pointer;
  font-size: clamp(11px, 1vw, 13px);
  text-transform: uppercase;
  letter-spacing:.22em;
  opacity:.9;
  transition: opacity .3s ease;
}
.est-scroll:hover{ opacity:1; }

/* ===== Mobile ===== */
@media (max-width: 640px){
  .est-title{ font-size: clamp(24px, 7.2vw, 32px); margin-left:0; }
  .est-sub{ margin-left:0; font-size: clamp(12px, 3.8vw, 14px); }
  .est-cta{ margin-left:0; }
}

/* ====== HERO FULL SCREEN – FORȚAT & STABIL ====== */
html, body { height: 100%; }

#hero-esther.est-hero{
  /* 100% din viewport pe toate browserele */
  height: 100vh;
  height: 100dvh;
  height: 100svh;
  min-height: 100vh;
  min-height: 100dvh;
  min-height: 100svh;
  flex: 0 0 auto; /* dacă părintele e flex/grid, nu lăsa item-ul să se micșoreze */
}

/* Asigură-te că imaginile umplu perfect înălțimea */
#hero-esther .est-slides,
#hero-esther .est-slide,
#hero-esther .est-slide img{
  height: 100%;
}

/* Dacă ai navbar FIXED, activează asta și setează corect înălțimea */
/*
:root{ --nav-h: 72px; }
#hero-esther.est-hero{
  height: calc(100svh - var(--nav-h));
  min-height: calc(100svh - var(--nav-h));
  padding-top: var(--nav-h);   // doar dacă header-ul suprapune conținutul
}
*/
/* ——— 1) Fără underline pe butoane (și în toate stările) ——— */
a.btn-pill,
a.btn-pill:link,
a.btn-pill:visited,
a.btn-pill:hover,
a.btn-pill:focus,
a.btn-pill:focus-visible,
a.btn-pill:active{
  text-decoration: none;
}

/* ——— 2) Primul buton: „frosted glass” cu blur mai puternic ——— */
.btn-frost{
  /* extra blur & sticlă */
  backdrop-filter: blur(14px) saturate(130%);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
  background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.10));
  border-color: rgba(255,255,255,.65);
  /* puțin mai „premium” la umbră */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 18px 56px rgba(0,0,0,.38);
}

.btn-frost:hover{
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.12));
}
/* === Mobile: doar titlul jos + butoanele deasupra, centrate === */
@media (max-width: 640px){

  /* ascunde complet paragraful */
  .est-sub{ display: none !important; }

  /* containerul rămâne ancorat în partea de jos a ecranului */
  .est-inner{
    display: grid;
    align-items: end;                 /* împinge conținutul jos */
    justify-items: center;            /* centrează pe orizontală */
    padding: clamp(20px, 6vw, 40px);
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  }

  /* reordonează: butoane (1) apoi titlu (2) — titlul rămâne cel mai jos */
  .est-copy{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    width: min(92vw, 420px);
    margin: 0 auto;
  }

  .est-cta{
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin: 0;
  }
  .btn-pill{
    width: 100%;
    --h: 52px;
    padding: 0 18px;
    font-size: 15px;
    text-decoration: none; /* fără underline */
  }

  .est-title{
    order: 2;
    font-size: clamp(26px, 7.8vw, 36px);
    line-height: 1.08;
    margin: 0;
  }
  .est-title .br{ display: inline; }  /* păstrează ambele rânduri din titlu */
  .est-title .thin{ opacity: .98; }

  /* opțional: ascunde butonul “Read on” ca să rămână doar titlu + butoane */
  .est-scroll{ display: none; }
}
/* === Mobile (≤640px): butoane mai înguste, titlul jos cu spațiu mic === */
@media (max-width: 640px){

  /* ascunde paragraful pe mobil (cum ai cerut) */
  .est-sub{ display: none !important; }

  /* conținutul ancorat jos și centrat */
  .est-inner{
    display: grid;
    align-items: end;
    justify-items: center;
    padding: clamp(20px, 6vw, 36px);
    /* mic spațiu sub titlu (spre marginea de jos a ecranului) */
    padding-bottom: clamp(8px, 3.5vw, 16px);
  }

  /* reordonează: 1) butoane, 2) titlu */
  .est-copy{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }

  /* BUTOANE: una sub alta, mai înguste */
  .est-cta{
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: min(84vw, 300px);   /* <— mai înguste decât înainte */
    margin: 0 auto;
  }
  .btn-pill{
    width: 100%;
    --h: 50px;
    padding: 0 16px;
    font-size: 15px;
    text-decoration: none;
  }

  /* TITLU: jos, cu un spațiu foarte mic dedesubt */
  .est-title{
    order: 2;
    font-size: clamp(26px, 7.8vw, 36px);
    line-height: 1.08;
    margin: 0 0 6px 0;         /* <— spațiu mic sub titlu */
  }
  .est-title .br{ display: inline; }   /* păstrează ambele rânduri */
}
.est-title{ position: relative; }
.est-title::after{
  content:"";
  display:block;
  height: 2px;
  width: clamp(120px, 24vw, 320px);
  margin-top: clamp(10px, 1.1vw, 14px);
  border-radius: 999px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,236,200,.95) 18%,
    rgba(255,247,230,.95) 50%,
    rgba(255,236,200,.95) 82%,
    rgba(255,255,255,0) 100%);
  filter: drop-shadow(0 6px 24px rgba(255,220,160,.45));
  transform: scaleX(0.1);
  transform-origin: left center;
  opacity: 0;
  transition: transform .8s cubic-bezier(.2,.9,.2,1), opacity .6s ease;
}
.est-copy.is-in .est-title::after{ transform: scaleX(1); opacity: 1; }

@media (max-width: 640px){
  .est-title::after{
    width: min(64vw, 220px);
    margin: 6px auto 0; /* centrat sub titlu pe telefon */
  }
}




/* ========== ESTHER — FAQs (CSS complet) ========== */
:root{
  --ink:#0f172a;
  --muted:#5f6772;

  /* Linii separator */
  --line:#e5e8ee;                 /* linia de sus */
  --line-hair:rgba(15,23,42,.28); /* “gri-negru” subțire sub fiecare item */

  /* Badge */
  --badge:#c9ac92;
  --badge-ink:#fff;

  /* Animații */
  --a-dur:.55s;
  --a-ease:cubic-bezier(.2,.8,.2,1);
}

.faqx{ background:#fff; }
.faqx-wrap{
  width:min(1240px,92vw);
  margin-inline:auto;
  padding:48px 0 56px;
  display:grid;
  grid-template-columns:340px 1fr;
  gap:40px;
  align-items:start;
}

/* Tipografie */
.serif{ font-family:"Times New Roman", Georgia, serif; }
.faqx-title{
  font-size:54px;                 /* elegant, mai mic */
  letter-spacing:.2px;
  line-height:1;
  color:var(--ink);
  margin:6px 0 0;
}

/* Dreapta (listă FAQ) + separator superior */
.faqx-right{ border-top:1px solid var(--line); }

/* Fiecare item din listă */
.faqx-item{
  position:relative;

  /* Separator ultra-subțire la bază (vizibil pe toate rezoluțiile) */
  background-image:linear-gradient(var(--line-hair),var(--line-hair));
  background-repeat:no-repeat;
  background-size:100% 1px;        /* 1px height */
  background-position:left bottom;  /* la baza item-ului */
}

/* Butonul de întrebare */
.faqx-toggle{
  width:100%;
  display:grid;
  grid-template-columns:56px 1fr 36px;
  align-items:center;
  gap:16px;
  padding:20px 0;
  background:none;
  border:0;
  cursor:pointer;
  text-align:left;
}

.faqx-badge{
  width:42px; height:42px;
  display:grid; place-items:center;
  background:var(--badge);
  color:var(--badge-ink);
  border-radius:10px;
  font-weight:700;
  font-size:14px;
  font-family:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  transition:transform .25s var(--a-ease);
}

.faqx-q{
  font-size:26px;
  line-height:1.25;
  color:var(--ink);
  font-weight:700;
}

.faqx-plus{
  justify-self:end;
  font-size:30px;
  color:#8b8f96;
  transition:transform .35s var(--a-ease);
}
.faqx-toggle[aria-expanded="true"] .faqx-plus{ transform:rotate(45deg); }

/* Panoul de răspuns */
.faqx-panel{
  max-height:0;
  overflow:hidden;
  transition:max-height .5s var(--a-ease);
}
.faqx-panel-inner{
  padding:0 0 18px 64px;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.7;
}

/* Bullets */
.faqx-bullets{ margin:0; padding:0; list-style:none; display:grid; gap:6px; }
.faqx-bullets li{ position:relative; padding-left:14px; }
.faqx-bullets li::before{
  content:"";
  position:absolute; left:0; top:.6em;
  width:5px; height:5px; border-radius:50%;
  background:#d6c5b2;
}

/* Hover micro-interactions */
.faqx-toggle:hover .faqx-q{ filter:brightness(.98); }
.faqx-toggle:hover .faqx-badge{ transform:translateY(-1px); }

/* ===== Animații apariție (reveal) și panou ===== */
.a-pre{
  opacity:0;
  transform:translateY(10px);
  transition:
    opacity var(--a-dur) var(--a-ease) var(--a-delay,0ms),
    transform var(--a-dur) var(--a-ease) var(--a-delay,0ms);
}
.a-pre.a-in{ opacity:1; transform:none; }

.a-hide{ opacity:0; transform:translateY(6px); }
.a-panel-in{
  opacity:1; transform:none;
  transition:opacity .35s var(--a-ease), transform .35s var(--a-ease);
}

/* Respectă reduce motion */
@media (prefers-reduced-motion:reduce){
  .a-pre,.a-hide,.a-panel-in,.faqx-badge{
    transition:none !important; transform:none !important;
  }
}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .faqx-wrap{ grid-template-columns:1fr; gap:24px; }
  .faqx-title{ font-size:44px; }
  .faqx-toggle{ padding:18px 0; grid-template-columns:54px 1fr 30px; }
  .faqx-q{ font-size:22px; }
  .faqx-badge{ width:40px; height:40px; }
  .faqx-panel-inner{ padding-left:58px; font-size:15px; }
}
@media (max-width:620px){
  .faqx-title{ font-size:36px; }
  .faqx-toggle{ padding:16px 0; grid-template-columns:50px 1fr 26px; gap:12px; }
  .faqx-q{ font-size:18px; }
  .faqx-plus{ font-size:24px; }
  .faqx-badge{ width:38px; height:38px; border-radius:9px; font-size:13px; }
  .faqx-panel-inner{ padding-left:52px; font-size:14.5px; }
}

/* ===== Opțional: variantă alternativă de separator (fallback) ===== */
/* Adaugă clasa .is-shadow-sep pe .faqx-item dacă preferi shadow în loc de gradient */
.faqx-item.is-shadow-sep{
  background-image:none;
  box-shadow:inset 0 -1px var(--line-hair);
}


/* ===== FAQ — separatoare failsafe (pune la finalul CSS) ===== */
#faq-esther .faqx-right{
  border-top: 1px solid rgba(15,23,42,.32) !important; /* linia de sus */
}

#faq-esther .faqx-item{
  position: relative;                      /* necesar pentru ::after */
  background: none !important;             /* anulăm alte background-uri */
  border-bottom: 0 !important;             /* evităm dubluri */
}

/* linia subțire sub fiecare întrebare */
#faq-esther .faqx-item::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: rgba(15,23,42,.32);          /* “gri-negru” */
  pointer-events: none;
  /* mic hack pentru randare curată pe HiDPI */
  transform: translateZ(0);
}

/* opțional: puțin mai vizibil pe ecrane foarte dense */
@media (min-resolution: 2dppx){
  #faq-esther .faqx-item::after{
    background: rgba(15,23,42,.36);
  }
}

/* nu trasa linie după ultimul item */
#faq-esther .faqx-item:last-child::after{
  display: none;
}


/* ===== Scroll reveal (IO) pentru FAQ — identic ca pattern ===== */
#faq-esther [data-reveal]{
  opacity:0;
  transform:translateY(14px);
  will-change:opacity, transform;
}
#faq-esther [data-reveal].is-in{
  opacity:1;
  transform:none;
  transition:opacity .6s cubic-bezier(.2,.8,.2,1),
             transform .6s cubic-bezier(.2,.8,.2,1);
}

/* Stagger fin pe item-urile din listă */
#faq-esther .faqx-right > .faqx-item.is-in:nth-child(1){ transition-delay:.06s; }
#faq-esther .faqx-right > .faqx-item.is-in:nth-child(2){ transition-delay:.12s; }
#faq-esther .faqx-right > .faqx-item.is-in:nth-child(3){ transition-delay:.18s; }
#faq-esther .faqx-right > .faqx-item.is-in:nth-child(4){ transition-delay:.24s; }
/* dacă mai adaugi item-uri, continuă pattern-ul la .30s, .36s etc. */

#faq-esther .faqx-title.is-in{ transition-delay:.03s; } /* titlul apare ușor primul */


/* ========== ESTHER — Blog CTA (premium, IO only) ========== */
:root{
  --ink:#0f172a;
  --muted:#5f6772;
  --ring:#0f172a1f;

  --pill-r:999px;
  --btn-h:52px;

  --a-dur:.65s;
  --a-ease:cubic-bezier(.2,.8,.2,1);
}

.ebc{
  /* gradient crem subtil, ca în screenshot */
  background:
    radial-gradient(140% 120% at 110% 10%, rgba(15,23,42,.04) 0%, transparent 42%),
    linear-gradient(180deg, #fbf6f1 0%, #fbf8f4 100%);
  overflow: clip;
}
.ebc-wrap{
  width:min(1240px,92vw);
  margin-inline:auto;
  padding:64px 0 84px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  align-items:center;
  gap:56px;
}

.serif{ font-family:"Times New Roman", Georgia, serif; }

/* Media (laptop) */
.ebc-media{ position:relative; margin:0; }
.ebc-laptop{
  width:min(600px, 100%);   /* mărime similară cu referința */
  height:auto;
  display:block;
  object-fit:contain;
  transform:translateZ(0);
}
.ebc-shadow{
  position:absolute;
  left:10%;
  right:10%;
  bottom:-22px;
  height:24px;
  border-radius:50%;
  filter:blur(18px);
  background: radial-gradient(50% 100% at 50% 50%, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 70%);
}

/* Text + acțiuni */
.ebc-right{ justify-self:end; }
.ebc-title{
  /* mai mic și mai subțire (ca în poză) */
  font-size:42px;
  font-weight:400;
  line-height:1.06;
  letter-spacing:.2px;
  color:var(--ink);
  margin:0 0 26px;
}

/* ===== Butoane — control prin atribute speciale ===== */
.ebc-actions{ display:flex; gap:22px; flex-wrap:wrap; }

/* baza */
.ebc-btn{
  --pad-x:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--btn-h);
  padding:0 var(--pad-x);
  text-decoration:none;
  color:var(--ink);
  transition:transform .25s var(--a-ease), box-shadow .25s var(--a-ease), background-color .25s var(--a-ease);
  will-change:transform;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}

/* mărime (data-size) */
.ebc-btn[data-size="lg"]{
  font:700 12px/1 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  letter-spacing:.18em;                 /* tracking ca în exemplu */
  text-transform:uppercase;
  min-height:52px;
  padding-inline:30px;
}

/* formă (data-btn) */
.ebc-btn[data-btn="pill"]{ border-radius:var(--pill-r); }

/* variantă outline (data-variant) */
.ebc-btn[data-variant="outline"]{
  border:1.5px solid rgba(12,18,34,.94); /* contur fin, închis */
  background:transparent;
  box-shadow:0 1px 0 rgba(15,23,42,.08);
}
.ebc-btn[data-variant="outline"]:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(15,23,42,.10), 0 2px 6px rgba(15,23,42,.06);
  background:#ffffffcc;
}

/* underline special sub text (data-underline) — exact ca în poza 2 */
.ebc-btn[data-underline="true"] > span{
  position:relative; padding-bottom:2px;
}
.ebc-btn[data-underline="true"] > span::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-2px;
  height:2px;
  background: currentColor;
  opacity:.9;
  border-radius:2px;
  transform:translateZ(0);
}

/* focus accesibil */
.ebc-btn:focus-visible{
  outline:2px solid transparent;
  box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ring);
}

/* ===== IntersectionObserver — doar CSS transitions ===== */
/* starea inițială (înainte să fie marcat .in de IO) */
[data-io]{ opacity:0; transform:translateY(14px); will-change:opacity, transform; }
[data-io="l"]{ transform:translateX(-24px); }
[data-io="r"]{ transform:translateX(24px); }
[data-io="b"]{ transform:translateY(18px); }

/* starea activă (adăugată de IO) */
[data-io].in{
  opacity:1; transform:none;
  transition: opacity var(--a-dur) var(--a-ease), transform var(--a-dur) var(--a-ease);
}

/* ===== Responsive ===== */
@media (max-width:1080px){
  .ebc-title{ font-size:38px; }
}
@media (max-width:920px){
  .ebc-wrap{
    grid-template-columns:1fr;
    gap:28px;
    padding:56px 0 64px;
  }
  .ebc-media{ justify-self:center; }
  .ebc-right{ justify-self:center; text-align:center; }
  .ebc-actions{ justify-content:center; }
  .ebc-title{ font-size:34px; margin-bottom:20px; }
  .ebc-btn{ min-height:50px; padding-inline:24px; }
}
@media (max-width:520px){
  .ebc-title{ font-size:28px; }
  .ebc-btn{ min-height:48px; }
}

/* Respectă reduce motion */
@media (prefers-reduced-motion:reduce){
  [data-io]{ opacity:1 !important; transform:none !important; transition:none !important; }
}
/* ===== Bază (poți păstra ce aveai; important e blocul de mai jos pentru animație) ===== */

/* Starea inițială exact ca în cealaltă secțiune */
#est-blog-cta [data-reveal]{
  opacity:0;
  transform:translateY(14px);
  will-change:opacity, transform;
}

/* Când IO adaugă .is-in (identic ca la #estbf-section) */
#est-blog-cta [data-reveal].is-in{
  opacity:1;
  transform:none;
  transition:opacity .6s cubic-bezier(.2,.8,.2,1),
             transform .6s cubic-bezier(.2,.8,.2,1);
}

/* Opțional: un pic de stagger fin între elemente */
#est-blog-cta .ebc-media.is-in{ transition-delay:.08s; }
#est-blog-cta .ebc-right.is-in{ transition-delay:.17s; }
#est-blog-cta .ebc-actions.is-in{ transition-delay:.26s; }

/* Mic efect pentru butoane (design din cerința ta) */
.ebc-btn{
  --pad-x:30px;
  display:inline-flex; align-items:center; justify-content:center;
  min-height:52px; padding:0 var(--pad-x);
  text-decoration:none; color:#0c1222; user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.ebc-btn[data-btn="pill"]{ border-radius:999px; }
.ebc-btn[data-variant="outline"]{
  border:1.5px solid rgba(12,18,34,.94);
  background:transparent; box-shadow:0 1px 0 rgba(15,23,42,.08);
  font:700 12px/1 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  letter-spacing:.18em; text-transform:uppercase;
}
.ebc-btn[data-variant="outline"]:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(15,23,42,.10), 0 2px 6px rgba(15,23,42,.06);
  background:#ffffffcc;
}
.ebc-btn[data-underline="true"] > span{ position:relative; padding-bottom:2px; }
.ebc-btn[data-underline="true"] > span::after{
  content:""; position:absolute; left:0; right:0; bottom:-2px;
  height:2px; background:currentColor; opacity:.9; border-radius:2px;
}

/* Laptop + umbră (poți păstra dimensiunile setate înainte) */
.ebc-media{ position:relative; margin:0; }
.ebc-laptop{ width:min(780px,100%); height:auto; display:block; object-fit:contain; transform:translateZ(0); }
.ebc-shadow{
  position:absolute; left:10%; right:10%; bottom:-22px; height:24px;
  border-radius:50%; filter:blur(18px);
  background:radial-gradient(50% 100% at 50% 50%, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 70%);
}

/* ==== REFINEMENT FINAL — secțiune mai aerisită + laptop mai mic ==== */

/* 1️⃣  Spațiu mai mare sus/jos în secțiune */
#est-blog-cta .ebc-wrap{
  padding: 96px 0 120px;     /* mai mult spațiu */
  gap: 64px;                 /* distanță mai elegantă între coloane */
}

/* 2️⃣  Laptop mai mic și poziționat perfect */
#est-blog-cta .ebc-laptop{
  width: clamp(340px, 38vw, 500px);   /* mai mic decât înainte */
  margin-top: 10px;
  margin-bottom: 18px;
}
#est-blog-cta .ebc-shadow{
  left: 16%;
  right: 16%;
  bottom: -12px;
  height: 16px;
  filter: blur(12px);
  opacity: .7;
}

/* 3️⃣  Fundal gri foarte deschis → alb (premium, subtil) */
#est-blog-cta.ebc{
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(0,0,0,.035) 0%, transparent 42%),
    linear-gradient(180deg, #f6f7f9 0%, #ffffff 100%);
}

/* 4️⃣  Titlu + butoane — aliniate elegant, cu respirație */
#est-blog-cta .ebc-title{
  font-size: 34px;
  font-weight: 300;
  margin-bottom: 24px;
  line-height: 1.15;
}
#est-blog-cta .ebc-actions{
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}
#est-blog-cta .ebc-right{
  text-align: left;
  justify-self: start;
}

/* 5️⃣  Responsive: centrare pe ecrane mici */
@media (max-width: 920px){
  #est-blog-cta .ebc-wrap{
    padding: 80px 0 96px;
    gap: 40px;
  }
  #est-blog-cta .ebc-right{
    text-align: center;
    justify-self: center;
  }
  #est-blog-cta .ebc-actions{
    justify-content: center;
  }
  #est-blog-cta .ebc-title{
    font-size: 30px;
  }
}
#est-blog-cta .ebc-btn[data-underline="true"] > span::after {
  display: none !important;
}

/* ========== vFAQ — design blog (namespaced) ========== */
:root{
  --v-ink:#0f172a;
  --v-muted:#5f6772;
  --v-line:#e5e8ee;
  --v-hair:rgba(15,23,42,.28);
  --v-badge:#c9ac92;
  --v-badge-ink:#fff;
  --v-dur:.55s;
  --v-ease:cubic-bezier(.2,.8,.2,1);
}

/* Layout */
.vfaq{ background:#fff; }
.vfaq-wrap{
  width:min(1240px,92vw);
  margin-inline:auto;
  padding:48px 0 56px;
  display:grid;
  grid-template-columns:340px 1fr;
  gap:40px;
  align-items:start;
}

.serif{ font-family:"Times New Roman", Georgia, serif; }
.vfaq-title{
  font-size:50px;
  letter-spacing:.2px;
  line-height:1;
  color:var(--v-ink);
  margin:6px 0 8px;
}
.vfaq-lead{
  color:var(--v-muted);
  font-size:16px;
  line-height:1.7;
  margin:0;
}

/* Dreapta + separator superior */
.vfaq-right{ border-top:1px solid var(--v-line); }

/* Item + separator subțire */
.vfaq-item{
  position:relative;
  background-image:linear-gradient(var(--v-hair),var(--v-hair));
  background-repeat:no-repeat;
  background-size:100% 1px;
  background-position:left bottom;
}

/* Toggle (Q + întrebare + plus) */
.vfaq-toggle{
  width:100%;
  display:grid;
  grid-template-columns:56px 1fr 36px;
  align-items:center;
  gap:16px;
  padding:20px 0;
  background:none; border:0; cursor:pointer; text-align:left;
}
.vfaq-badge{
  width:42px; height:42px; display:grid; place-items:center;
  background:var(--v-badge); color:var(--v-badge-ink);
  border-radius:10px; font-weight:700; font-size:14px;
  font-family:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  transition:transform .25s var(--v-ease);
}
.vfaq-q{ font-size:23px; line-height:1.25; color:var(--v-ink); font-weight:700; }
.vfaq-plus{ justify-self:end; font-size:30px; color:#8b8f96; transition:transform .35s var(--v-ease); }
.vfaq-toggle[aria-expanded="true"] .vfaq-plus{ transform:rotate(45deg); }

/* Panou răspuns */
.vfaq-panel{ max-height:0; overflow:hidden; transition:max-height .5s var(--v-ease); }
.vfaq-panel-inner{ padding:0 0 18px 64px; color:var(--v-muted); font-size:15.5px; line-height:1.7; }

/* Hover micro-interactions */
.vfaq-toggle:hover .vfaq-q{ filter:brightness(.98); }
.vfaq-toggle:hover .vfaq-badge{ transform:translateY(-1px); }

/* More/Less button */
.vfaq-more{ padding:18px 0 0; }
.vfaq-more-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; border:1px solid var(--v-ink);
  border-radius:999px; background:#fff; color:var(--v-ink);
  font:700 12px/1 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  letter-spacing:.16em; text-transform:uppercase;
  transition:transform .25s var(--v-ease), box-shadow .25s var(--v-ease), background-color .25s var(--v-ease);
}
.vfaq-more-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(15,23,42,.10), 0 2px 6px rgba(15,23,42,.06);
  background:#ffffffcc;
}

/* IO reveal (ca la blog) */
#vfaq-esther [data-reveal]{ opacity:0; transform:translateY(14px); will-change:opacity, transform; }
#vfaq-esther [data-reveal].is-in{
  opacity:1; transform:none;
  transition:opacity .6s cubic-bezier(.2,.8,.2,1), transform .6s cubic-bezier(.2,.8,.2,1);
}
/* stagger pe item-ele din listă */
#vfaq-esther .vfaq-right > .vfaq-item.is-in:nth-child(1){ transition-delay:.06s; }
#vfaq-esther .vfaq-right > .vfaq-item.is-in:nth-child(2){ transition-delay:.12s; }
#vfaq-esther .vfaq-right > .vfaq-item.is-in:nth-child(3){ transition-delay:.18s; }
#vfaq-esther .vfaq-right > .vfaq-item.is-in:nth-child(4){ transition-delay:.24s; }

/* Failsafe separatoare */
#vfaq-esther .vfaq-right{ border-top: 1px solid rgba(15,23,42,.32) !important; }
#vfaq-esther .vfaq-item{ background:none !important; border-bottom:0 !important; }
#vfaq-esther .vfaq-item::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:rgba(15,23,42,.32); pointer-events:none; transform:translateZ(0);
}
#vfaq-esther .vfaq-item:last-child::after{ display:none; }

/* Responsive */
@media (max-width:1024px){
  .vfaq-wrap{ grid-template-columns:1fr; gap:24px; }
  .vfaq-title{ font-size:44px; }
  .vfaq-toggle{ padding:18px 0; grid-template-columns:54px 1fr 30px; }
  .vfaq-q{ font-size:22px; }
  .vfaq-badge{ width:40px; height:40px; }
  .vfaq-panel-inner{ padding-left:58px; font-size:15px; }
}
@media (max-width:620px){
  .vfaq-title{ font-size:36px; }
  .vfaq-lead{ font-size:15px; }
  .vfaq-toggle{ padding:16px 0; grid-template-columns:50px 1fr 26px; gap:12px; }
  .vfaq-q{ font-size:18px; }
  .vfaq-plus{ font-size:24px; }
  .vfaq-badge{ width:38px; height:38px; border-radius:9px; font-size:13px; }
  .vfaq-panel-inner{ padding-left:52px; font-size:14.5px; }
}
/* ===== vFAQ — Gradient gri elegant, mai vizibil ===== */
#vfaq-esther{
  /* fallback solid în caz de browsere foarte vechi */
  background-color:#f1f3f7;

  /* două radiale ușoare + un linear – look premium, corporatist */
  background:
    radial-gradient(120% 150% at 120% -10%, rgba(15,23,42,.12) 0%, rgba(15,23,42,0) 58%),
    radial-gradient(120% 160% at -10% 120%, rgba(15,23,42,.07) 0%, rgba(15,23,42,0) 55%),
    linear-gradient(180deg, #edf1f6 0%, #f8fafc 48%, #edf2f7 100%);
}




/* ===== ESTHER – Lifestyle Shift (estlux-*) ===== */
#estlux-section.estlux{
  --ink:#0f172a;
  --muted:#6b7280;
  --line:#e9edf3;
  --surface:#ffffff;
  --wrapW:min(1240px,92vw);
  --radius:8px;
  --shadow-s:0 10px 30px rgba(15,23,42,.10),0 2px 10px rgba(15,23,42,.06);
  --shadow-h:0 16px 46px rgba(15,23,42,.14),0 6px 18px rgba(15,23,42,.10);
  background:#fff; color:var(--ink);
}

.estlux .estlux-wrap{
  width:var(--wrapW);
  margin-inline:auto;
  padding:56px 0 64px;
}

/* Titlu serif centrat */
.estlux .serif{font-family:ui-serif, Georgia, "Times New Roman", serif;}
.estlux .estlux-head{ text-align:center; margin-bottom: 36px; }
.estlux .estlux-title{
  
  font-weight: 300;
  font-size:clamp(26px,3.2vw,42px);
  line-height:1.2;
  letter-spacing:.01em;
  margin:0;
}

/* Grid 3 coloane */
.estlux .estlux-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:48px;
  align-items:start;
  margin-top:20px;
}

/* Separator vertical — foarte subțire, gri închis, poziționat mai jos */
.estlux .estlux-grid::before{
  content:"";
  position:absolute;
  top:70px;             /* mai jos decât titlul */
  bottom:0;
  left:0; right:0;
  background:
    linear-gradient(to right,
      transparent 33.333%,
      rgba(15,23,42,.15) 33.333%,
      rgba(15,23,42,.15) 33.42%, /* extrem de subtire (0.09%) */
      transparent 33.42%),
    linear-gradient(to right,
      transparent 66.666%,
      rgba(15,23,42,.15) 66.666%,
      rgba(15,23,42,.15) 66.76%,
      transparent 66.76%);
  pointer-events:none;
}

/* Carduri */
.estlux .estlux-card{
  opacity:0;
  transform:translateY(18px);
  transition:transform .6s cubic-bezier(.2,.7,.2,1), opacity .6s ease-out;
  display:flex;
  justify-content:center;
}
.estlux .is-in .estlux-card,
.estlux .estlux-card.is-in{ opacity:1; transform:translateY(0); }

/* Figură — la fel de lată, dar mai înaltă */
.estlux .estlux-figure{
  margin:0;
  display:grid;
  gap:14px;
  max-width:320px;
  width:100%;
}
.estlux .estlux-img{
  width:100%;
  aspect-ratio:4.2/5.7;   /* mai înaltă (înainte 4/5) */
  object-fit:cover;
  border-radius:5px;
  border:1px solid var(--line);
  box-shadow:var(--shadow-s);
  transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease;
}
.estlux .estlux-card:hover .estlux-img{
  transform:translateY(-2px);
  box-shadow:var(--shadow-h);
}
.estlux .estlux-cap{
  font-size:15px;
  line-height:1.5;
  color:var(--ink);
  text-align:center;
}

/* Cardul din mijloc mai jos */
@media (min-width:901px){
  .estlux .estlux-card.is-offset{ margin-top:88px; } /* coborât mai mult */
}

/* Responsive */
@media (max-width:900px){
  .estlux .estlux-grid{
    grid-template-columns:1fr 1fr;
    gap:32px;
  }
  .estlux .estlux-grid::before{ background:none; }
  .estlux .estlux-card.is-offset{ margin-top:0; }
  .estlux .estlux-figure{ max-width:100%; }
}
@media (max-width:560px){
  .estlux .estlux-wrap{ padding:44px 0 56px; }
  .estlux .estlux-grid{
    grid-template-columns:1fr;
    gap:22px;
  }
  .estlux .estlux-img{ aspect-ratio:16/11; }
}

/* Motion safety */
@media (prefers-reduced-motion:reduce){
  .estlux *{ transition:none !important; animation:none !important; }
}


/* Stilizare premium pentru textul de sub poze */
.estlux .estlux-cap{
  font-family: "Playfair Display", ui-serif, Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #3f4754;                  /* gri elegant, nu negru pur */
  text-align: center;
  letter-spacing: 0.015em;
  max-width: 90%;
  margin: 10px auto 0;
  position: relative;
  transition: color .3s ease, transform .3s ease;
}

/* Linie fină elegantă deasupra (apare doar la hover pe card) */
.estlux .estlux-cap::before{
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 1px;
  background: rgba(15, 23, 42, 0.2);
  transform: translateX(-50%);
  transition: width .35s ease, opacity .35s ease;
  opacity: 0;
}

/* Efect subtil la hover pe card */
.estlux .estlux-card:hover .estlux-cap{
  color: #111827;                  /* se închide ușor la hover */
  transform: translateY(-1px);
}
.estlux .estlux-card:hover .estlux-cap::before{
  width: 40px;
  opacity: 1;
}

/* Pe ecrane mici, fontul ușor mai mic */
@media (max-width: 560px){
  .estlux .estlux-cap{
    font-size: 15px;
    line-height: 1.5;
  }
}

/* ==== MOBILE: orizontal cu scroll + snap (forțat) ==== */
@media (max-width: 640px){
  /* containerul devine pistă orizontală */
  #estlux-section.estlux .estlux-grid{
    display: block !important;            /* anulează grid-ul */
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    white-space: nowrap;                   /* elementele rămân pe un singur rând */
    padding: 0 12px 10px;
    margin-top: 14px;
  }
  /* ascunde scrollbar-ul */
  #estlux-section.estlux .estlux-grid::-webkit-scrollbar{ display:none; }
  #estlux-section.estlux .estlux-grid{ scrollbar-width: none; }

  /* cardurile devin elemente inline pe rând orizontal */
  #estlux-section.estlux .estlux-card{
    display: inline-flex !important;       /* păstrează layoutul intern flex, dar curge inline */
    vertical-align: top;
    width: 82vw;                            /* lățimea fiecărui card pe ecran */
    max-width: 420px;
    margin: 0 10px;
    white-space: normal;                    /* textul din interior poate face wrap */
    scroll-snap-align: center;
    scroll-snap-stop: always;
    transform: translateY(18px);
  }

  /* conținutul să nu mai fie îngustat pe mobil */
  #estlux-section.estlux .estlux-figure{ max-width: none !important; width: 100%; }
  #estlux-section.estlux .estlux-img{ aspect-ratio: 16/11; }
  #estlux-section.estlux .estlux-cap{ text-align:center; margin-bottom:6px; }

  /* fără linii verticale și fără offset pe mobil */
  #estlux-section.estlux .estlux-grid::before{ display:none !important; }
  #estlux-section.estlux .estlux-card.is-offset{ margin-top:0 !important; }
}

/* ==== FIX: mobil orizontal stabil, fără "joc" ==== */
@media (max-width: 640px){
  /* pistă orizontală stabilă */
  #estlux-section.estlux .estlux-grid{
    display: block !important;          /* anulăm grid-ul */
    overflow-x: auto;
    overflow-y: hidden;                  /* NU mai permite pan-y în interior */
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
    padding: 0 14px 12px;
    margin-top: 14px;
    touch-action: pan-x;                 /* blochează gesturile pe Y în container */
    overscroll-behavior-x: contain;      /* fără bounce lateral */
    scrollbar-width: none;
    transform: translateZ(0);            /* layer separat -> smooth */
    contain: paint;                      /* optimizează repaint */
  }
  #estlux-section.estlux .estlux-grid::-webkit-scrollbar{ display:none; }

  /* cardurile curg pe un singur rând și nu mai folosesc transform pe mobil */
  #estlux-section.estlux .estlux-card{
    display: inline-flex !important;
    vertical-align: top;
    width: 82vw;
    max-width: 420px;
    margin: 0 10px;
    white-space: normal;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    opacity: 1;                          /* evităm animația pe mobil */
    transform: none;                     /* elimină jitterul cu subpixeli */
  }

  /* imaginile nu mai „sar” la atingere (dezactivăm hover-ul pe mobil) */
  #estlux-section.estlux .estlux-card:hover .estlux-img{
    transform: none;                     /* nu mai ridicăm imaginea la scroll */
    box-shadow: var(--shadow-s);
  }

  /* asigură bloc-în-linie curat pentru imagine */
  #estlux-section.estlux .estlux-img{
    display: block;
    aspect-ratio: 16/11;                 /* proporție stabilă pe mobil */
  }

  /* fără separatoare și fără offset pe mobil */
  #estlux-section.estlux .estlux-grid::before{ display:none !important; }
  #estlux-section.estlux .estlux-card.is-offset{ margin-top:0 !important; }
}
/* ===== ESTHER – Exclusive Promotions Hero (estxp-*) ===== */

/* (opțional) fontul Chronicle local. Pune fișierele în /fonts/ */
@font-face{
  font-family: "Chronicle Display XLight";
  src: url("/fonts/ChronicleDisplay-XLight.woff2") format("woff2"),
       url("/fonts/ChronicleDisplay-XLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

#estxp-hero.estxp{
  --ink:#0b1220;
  --muted:#6b7280;
  --bg: none;                 /* setată inline în HTML */
  --overlay: linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.45) 70%, rgba(0,0,0,.60) 100%);
  --wrapW: min(1240px, 94vw);
  --y: 0px;                   /* parallax offset (JS) */
  position: relative;
  isolation: isolate;
  color: #fff;
  min-height: clamp(68vh, 74vh, 84vh);
  display: grid;
  place-items: end center;
  overflow: hidden;
  background: var(--overlay), var(--bg) center / cover no-repeat;
  background-position: center calc(50% + var(--y)); /* parallax subtil */
}

/* soft vignette up top */
.estxp::before{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(120% 80% at 50% -10%, rgba(0,0,0,.25) 0%, transparent 50%);
  z-index:0;
}

.estxp .estxp-inner{
  width: var(--wrapW);
  margin-inline: auto;
  padding: clamp(40px, 6vw, 72px) 0;
  position: relative;
  z-index: 1;
  display: grid;
  gap: 22px;
}

.estxp .estxp-head{
  max-width: 900px;
}

.estxp .estxp-badge{
  display:inline-block;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(0,0,0,.18);
  backdrop-filter: blur(3px);
  margin-bottom: 14px;
}

/* Title — thin, luxury serif */
.estxp .estxp-title{
  font-family: "Chronicle Display XLight", "DM Serif Display", Georgia, "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(32px, 4.6vw, 64px);
  line-height: 1.06;
  letter-spacing: .01em;
  margin: 0 0 12px;
  text-wrap: balance;
}

.estxp .estxp-sub{
  max-width: 720px;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.7;
  color: rgba(255,255,255,.88);
  margin: 0;
}

/* Actions */
.estxp .estxp-actions{
  display: flex;
  gap: 14px;
  align-items: center;
  margin-top: 18px;
}
.estxp .estxp-cta{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 18px;
  border: 1px solid rgba(255,255,255,.9);
  color:#0b1220;
  background:#fff;
  text-decoration:none;
  font-weight:600;
  letter-spacing:.02em;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,.20);
}
.estxp .estxp-cta:hover{ transform: translateY(-1px); }
.estxp .estxp-link{
  color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.45);
  padding-bottom:2px; transition: border-color .25s ease, opacity .25s ease;
}
.estxp .estxp-link:hover{ border-color:#fff; opacity:.9; }

/* Scroll hint */
.estxp .estxp-scrollhint{
  height: 42px; display:flex; align-items:flex-end; justify-content:center;
}
.estxp .estxp-scrollhint span{
  width: 22px; height: 34px; border:1px solid rgba(255,255,255,.6); border-radius: 14px;
  position: relative; opacity:.8;
}
.estxp .estxp-scrollhint span::after{
  content:""; position:absolute; left:50%; top:7px; width:4px; height:8px; border-radius:4px;
  background:#fff; transform: translateX(-50%); animation: estxpDot 1.6s ease-in-out infinite;
}
@keyframes estxpDot{
  0%{ transform: translate(-50%,0); opacity: .9; }
  100%{ transform: translate(-50%,10px); opacity: 0; }
}

/* Reveal on scroll (folosește JS-ul de mai jos) */
.estxp [data-reveal]{ opacity:0; transform: translateY(18px); }
.estxp .is-in{ opacity:1; transform: translateY(0);
  transition: transform .6s cubic-bezier(.2,.7,.2,1), opacity .6s ease-out; }

/* Responsive tweaks */
@media (max-width: 900px){
  #estxp-hero.estxp{ min-height: 72vh; }
  .estxp .estxp-actions{ flex-wrap: wrap; }
}
@media (max-width: 560px){
  .estxp .estxp-badge{ font-size:11px; padding:7px 9px; }
  .estxp .estxp-cta{ padding:11px 16px; }
}

/* Motion safety */
@media (prefers-reduced-motion: reduce){
  .estxp *{ transition:none !important; animation:none !important; }
}
/* — Hero mai înalt */
#estxp-hero.estxp{
  min-height: clamp(78vh, 86vh, 92vh);   /* înainte ~72–74vh */
}

/* — Titlu: serif subțire (Chronicle, dacă l-ai încărcat) */
.estxp .estxp-title{
  font-family: "Chronicle Display XLight", "DM Serif Display", Georgia, "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(26px, 4.1vw, 51px);
  line-height: 1.06;
  letter-spacing: .01em;
  margin: 0 0 12px;
}

/* — Ascundem complet vechiul badge (dacă mai există în DOM) */
.estxp .estxp-badge{ display:none !important; }

/* — Butoane tip pastilă translucide */
.estxp .estxp-actions{ gap: 18px; margin-top: 22px; }

.estxp .estxp-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 14px 22px;
  font-weight: 700;
  letter-spacing: .01em;
  text-decoration: none;
  color: #fff;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.estxp .estxp-btn--pill{
  border-radius: 999px;                 /* pastilă */
  border: 1px solid rgba(255,255,255,.36);
  background: linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.06));
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.estxp .estxp-btn--pill:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.6);
  background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.10));
}

/* Varianta “ghost” pentru al doilea buton (mai transparent) */
.estxp .estxp-btn--ghost{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border-color: rgba(255,255,255,.30);
}

/* Mobile: butoane pe două rânduri dacă nu încape */
@media (max-width: 560px){
  .estxp .estxp-actions{ flex-wrap: wrap; gap: 12px; }
  .estxp .estxp-btn{ width: 100%; justify-content: center; }
}



:root{
  --ed-wrap: min(1240px, 92vw);
  --ed-ink: #0f172a;
  --ed-muted: #6b7280;
  --ed-ease: cubic-bezier(.2,.7,.2,1);
}

/* ===== SECTION ===== */
.esther-duo{
  background:#fff;
  color:var(--ed-ink);
  padding:clamp(80px,10vw,140px) 0;
  overflow:hidden;
}

.ed-wrap{
  width:var(--ed-wrap);
  margin-inline:auto;
  display:grid;
  grid-template-columns: minmax(460px, 680px) 1fr;
  align-items:center;
  gap:clamp(60px,7vw,100px);
  position:relative;
}

/* ===== IMAGES ===== */
.ed-images{
  /* variabile utilizate și pentru linii */
  --pad: clamp(28px,5vw,72px); /* padding stânga al blocului */
  --gap: 40px;                 /* spațiul dintre poze */
  --img: 320px;                /* lățimea unei poze */
  --gutter: 22px;              /* distanța dintre linie și marginea pozei */

  position:relative;
  display:flex;
  align-items:flex-start;
  gap: var(--gap);
  padding-left: var(--pad);
  overflow:visible;
}

.ed-img{
  flex: 0 0 var(--img);
  aspect-ratio: 2.5/4;
  overflow:hidden;
  box-shadow:0 14px 36px rgba(15,23,42,.10);
  border-radius:6px;
  position:relative;
  z-index:1;                   /* pozele peste fundal */
  background:#f8f8f8;
}
.ed-img img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}

/* ===== Linii verticale (scurte + vizibile) ===== */

/* Stânga — MAI JOS (pornește mai jos) */
.ed-images::before{
  content:"";
  position:absolute;
  top:10%;                    /* mai jos */
  bottom:8%;                  /* puțin mai scurtă jos */
  left: calc(var(--pad) - var(--gutter));
  width:1px;
  background: linear-gradient(to bottom, rgba(0,0,0,.42), rgba(0,0,0,.22));
  z-index:0;
}

/* Dreapta — MAI SUS (pornește mai sus) */
.ed-images::after{
  content:"";
  position:absolute;
  top:-2%;                    /* mai sus */
  bottom:12%;                 /* se termină mai devreme jos */
  left: calc(var(--pad) + 2 * var(--img) + var(--gap) + var(--gutter));
  width:1px;
  background: linear-gradient(to bottom, rgba(0,0,0,.42), rgba(0,0,0,.22));
  z-index:0;
}

/* Mijloc — vizibil între poze (deasupra umbrelor) */
.ed-img:first-child::after{
  content:"";
  position:absolute;
  top:6%;                     /* nu foarte lungă */
  bottom:6%;
  right: calc(var(--gap) / -2);
  width:1px;
  background: linear-gradient(to bottom, rgba(0,0,0,.58), rgba(0,0,0,.28));
  z-index: 3;                 /* peste umbrele imaginilor */
}

/* Poziționări verticale ale pozelor */
.ed-left  { --baseY: 56px; }   /* offset permanent */
.ed-right { --baseY: -10px; }


/* ===== TEXT ===== */
.ed-text{ max-width:580px; margin-left:clamp(40px,6vw,100px); }
.ed-title{
  margin:0 0 14px; font-weight:400;
  font-size:clamp(34px,3.6vw,50px); line-height:1.2;
  letter-spacing:.01em; font-family:"Times New Roman", Georgia, serif; color:#111827;
}
.ed-sub{ margin:0 0 24px; color:var(--ed-muted); text-transform:uppercase; letter-spacing:.18em; font-size:13px; font-weight:500; }
.ed-desc{ margin:0; font-size:17px; line-height:1.9; color:#374151; max-width:520px; }

/* ===== SCROLL REVEAL ===== */
[data-ed-reveal]{ opacity:0; transform:translateY(20px); transition:opacity .8s var(--ed-ease), transform .8s var(--ed-ease); }
[data-ed-reveal].is-in{ opacity:1; transform:none; }

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .ed-wrap{ grid-template-columns:1fr; gap:44px; }
  .ed-text{ text-align:center; margin-inline:auto; max-width:90%; margin-left:0; }

  .ed-images{
    --img: 44vw;
    --gap: 18px;
    padding-left:0;
    justify-content:center;
  }

  /* ascund liniile pe mobil pentru un layout curat */
  .ed-images::before,
  .ed-images::after,
  .ed-img:first-child::after{ display:none; }

  .ed-img{ flex:0 0 var(--img); aspect-ratio:2.3/4; border-radius:4px; }
  .ed-left{  transform: translateY(24px); }
  .ed-right{ transform: translateY(-6px); }
}

/* ===== REDUCERE MIȘCARE ===== */
@media (prefers-reduced-motion:reduce){
  [data-ed-reveal]{ transition:none !important; transform:none !important; opacity:1 !important; }
}


/* ===== Linii verticale (mai subtiri + puțin mai lungi) ===== */

/* Stânga — mai jos și puțin mai lungă */
.ed-images::before{
  content:"";
  position:absolute;
  top:6%;                     /* mai sus decât înainte → linie mai lungă */
  bottom:-8%;                  /* se termină mai jos */
  left: calc(var(--pad) - var(--gutter));
  width:0.8px;                /* mai subțire (în loc de 1px) */
  background: linear-gradient(to bottom, rgba(0,0,0,.42), rgba(0,0,0,.22));
  z-index:0;
}

/* Dreapta — mai sus și puțin mai lungă */
.ed-images::after{
  content:"";
  position:absolute;
  top:-7%;                    /* ușor mai sus */
  bottom:3%;                  /* puțin mai jos */
  left: calc(var(--pad) + 2 * var(--img) + var(--gap) + var(--gutter));
  width:0.8px;                /* mai subțire */
  background: linear-gradient(to bottom, rgba(0,0,0,.42), rgba(0,0,0,.22));
  z-index:0;
}

/* Mijloc — vizibil și puțin mai lung */
.ed-img:first-child::after{
  content:"";
  position:absolute;
  top:4%;                     /* începe mai sus */
  bottom:8%;                  /* termină mai jos → mai lungă */
  right: calc(var(--gap) / -2);
  width:0.8px;                /* mai subțire */
  background: linear-gradient(to bottom, rgba(0,0,0,.58), rgba(0,0,0,.28));
  z-index: 3;                 /* sigur peste umbrele imaginilor */
}


[data-ed-reveal]{ opacity:0; transform:translateY(26px) scale(.985); transition:opacity .9s, transform .9s; }
[data-ed-reveal].is-in{ opacity:1; transform:none; }

/* pentru imagini (opțional, dacă vrei stagger & tilt) */
.ed-img{ opacity:.001; transform:translateY(var(--ty,0)) translateX(var(--tx,0)) rotate(var(--rot,0)) scale(var(--sc,1)); transition:opacity 1s, transform 1s; }
.ed-images.is-in .ed-img{ opacity:1; --ty:0; --tx:0; --rot:0; --sc:1; }
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Playfair+Display:wght@400&display=swap');


/* aplică offset-ul vertical definit în .ed-left și .ed-right */
.ed-img {
  transform: translateY(var(--baseY, 0));
  transition: transform 0.8s var(--ed-ease), opacity 0.8s var(--ed-ease);
}
/* ===== STIL TEXT (tip “The S”) ===== */
.ed-text {
  max-width: 520px;
  position: relative;
  padding-left: 32px; /* spațiu pentru linia aurie */
}

.ed-text::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 1.5px;
  height: 48px;
  background-color: #c9a574; /* auriu elegant */
}

/* Titlu mare serif */
.ed-text .ed-title {
  font-family: "Playfair Display", "Times New Roman", serif;
  font-size: clamp(36px, 4vw, 50px);
  font-weight: 400;
  color: #111;
  margin: 0 0 12px;
  line-height: 1.2;
}

/* Subtitlu (oraș / țară) */
.ed-text .ed-sub {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-weight: 500;
  letter-spacing: 0.12em;
  font-size: 12.6px;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 24px;
}

/* Descrierea */
.ed-text .ed-desc {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  color: #374151;
  font-size: 15.7px;
  line-height: 1.85;
  margin: 0;
  max-width: 480px;
}




/* ===== COOKIE MANAGER — Modern compact redesign ===== */
.vx-cookiemgr {
  --ink:#0f172a; 
  --muted:#5b6577;
  --line:#0b1222;
  --bg:#ffffff;
  --sheet:#f9fafb;
  --accent:#0f172a;
  --radius:18px;
  --shadow:0 10px 40px rgba(0,0,0,.14);
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  z-index:9999;
}
.vx-cookiemgr[hidden]{display:none;}
.vx-cm__backdrop{
  position:absolute;inset:0;
  background:rgba(5,8,20,.55);
  backdrop-filter:blur(4px);
}
.vx-cm__sheet{
  position:relative;z-index:1;
  width:min(740px,90vw);
  max-height:80vh;
  display:flex;flex-direction:column;
  background:var(--bg);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.vx-cm__head{
  padding:20px 28px;
  border-bottom:1px solid rgba(11,18,34,.08);
  background:var(--sheet);
}
.vx-cm__head h2{
  margin:0;font-family:'Playfair Display',serif;
  font-size:1.6rem;letter-spacing:.3px;
}
.vx-cm__close{
  position:absolute;right:18px;top:14px;
  border:0;background:none;font-size:30px;
  color:var(--muted);cursor:pointer;
}
.vx-cm__body{
  padding:20px 28px;
  overflow:auto;line-height:1.7;
}
.vx-cm__intro{
  color:var(--muted);
  margin-bottom:16px;
  font-size:0.95rem;
}
.vx-cm__group{margin-bottom:22px;}
.vx-cm__row{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:6px;
}
.vx-cm__ttl{
  margin:0;font-size:1rem;font-weight:700;
  position:relative;padding-bottom:6px;
}
.vx-cm__ttl::after{
  content:"";position:absolute;left:0;bottom:0;right:0;
  height:1px;background:rgba(11,18,34,.1);
}
.vx-cm__badge{
  font-size:11px;
  color:#047857;
  background:#ecfdf5;
  border:1px solid #a7f3d0;
  padding:3px 8px;
  border-radius:999px;
}
.vx-cm__desc{
  color:var(--muted);
  margin:6px 0 10px;
  font-size:0.95rem;
}
.vx-cm__subttl{
  font-size:13px;
  color:#475569;
  margin:6px 0 8px;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.vx-cm__table{
  border:1px solid rgba(11,18,34,.08);
  border-radius:12px;
  overflow:hidden;
  font-size:14px;
  margin-bottom:8px;
}
.vx-cm__thead,.vx-cm__tbody{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
}
.vx-cm__thead{
  background:#f8fafc;
  color:#334155;
  font-weight:600;
}
.vx-cm__thead span,.vx-cm__tbody span{
  padding:10px 12px;
  border-bottom:1px solid rgba(11,18,34,.06);
}
.vx-cm__tbody span:last-child{border-right:none;}
.vx-cm__links{
  display:flex;gap:16px;
  margin:12px 0 4px;
  font-size:0.9rem;
}
.vx-cm__link{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:2px;
}
.vx-cm__foot{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:14px 22px;
  background:var(--sheet);
  border-top:1px solid rgba(11,18,34,.08);
}
.vx-btn{
  border-radius:999px;
  padding:8px 16px;
  font-weight:600;
  font-size:0.9rem;
  cursor:pointer;
  border:1px solid transparent;
  transition:background .25s;
}
.vx-btn.solid{background:var(--accent);color:#fff;}
.vx-btn.outline{background:#fff;color:var(--accent);border-color:rgba(11,18,34,.2);}
.vx-btn.ghost{background:transparent;color:#475569;}

/* switch modern */
.vx-switch{position:relative;width:46px;height:26px;}
.vx-switch input{opacity:0;width:0;height:0;}
.vx-switch__ui{
  position:absolute;inset:0;
  background:#e2e8f0;
  border-radius:999px;
  transition:.25s;
}
.vx-switch__ui::after{
  content:"";position:absolute;
  width:20px;height:20px;
  left:3px;top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.2);
  transition:.25s;
}
.vx-switch input:checked + .vx-switch__ui{
  background:#4ade80;
}
.vx-switch input:checked + .vx-switch__ui::after{
  transform:translateX(20px);
}



/* ===== PREMIUM LANDING SHOWCASE (vpx-*) – centrat & rafinat ===== */
#vpx-showcase{
  --vpx-wrapW: min(1280px, 92vw);
  --vpx-card-h: clamp(360px, 60vh, 680px);
  --vpx-gap: clamp(16px, 2.6vw, 28px);
  --vpx-radius: 10px; /* colțuri mai puțin rotunjite */
  --vpx-shadow: 0 25px 60px rgba(0,0,0,.22);
  --vpx-ink: #0e1116;
  --vpx-paper: #fff;
  --vpx-focus: 2px solid #111;
  padding: clamp(32px, 5vw, 72px) 0;
  background:#fff;
  color:var(--vpx-ink);
  position: relative;
  isolation: isolate;
}

#vpx-showcase .vpx-wrap{ width:var(--vpx-wrapW); margin-inline:auto; }

#vpx-showcase .vpx-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-bottom: 22px;
}
#vpx-showcase .vpx-title{
  font-size: clamp(24px, 3.4vw, 38px);
  font-weight:700;
}
#vpx-showcase .vpx-ctrl{ display:flex; gap:12px; }
#vpx-showcase .vpx-btn{
  appearance:none; border:1px solid rgba(0,0,0,.18);
  background:#fff; border-radius: 50%;
  width:46px; height:46px; display:grid; place-items:center;
  font-size:28px; cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease;
}
#vpx-showcase .vpx-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(0,0,0,.1); }

#vpx-showcase .vpx-viewport{
  overflow:hidden; position:relative;
  perspective:1200px; padding-block: 14px;
}
#vpx-showcase .vpx-track{
  display:flex; align-items:center; gap:var(--vpx-gap);
  transition:transform .6s cubic-bezier(.22,.8,.26,.99);
  margin:0; padding:0; list-style:none;
  will-change:transform;
}

#vpx-showcase .vpx-card{
  flex: 0 0 70%;
  position:relative;
  border-radius:var(--vpx-radius);
  overflow:hidden;
  box-shadow:var(--vpx-shadow);
  background:#0b0f14;
  transform-origin:center;
  transition: transform .6s cubic-bezier(.22,.8,.26,.99), filter .6s ease, opacity .6s ease;
}

/* poziții laterale */
#vpx-showcase .vpx-card[data-vpx-state="active"]{
  transform:scale(1) translateZ(0);
  opacity:1;
}
#vpx-showcase .vpx-card[data-vpx-state="left"],
#vpx-showcase .vpx-card[data-vpx-state="right"]{
  transform:scale(.88) translateZ(-90px);
  opacity:.85; filter:brightness(.9);
}
#vpx-showcase .vpx-card[data-vpx-state="far-left"],
#vpx-showcase .vpx-card[data-vpx-state="far-right"]{
  transform:scale(.78) translateZ(-160px);
  opacity:.7; filter:brightness(.85) blur(.3px);
}

#vpx-showcase .vpx-media{ margin:0; height:var(--vpx-card-h); position:relative; }
#vpx-showcase .vpx-media img{
  width:100%; height:100%; object-fit:cover;
  transform:scale(1.03);
  transition:transform .6s cubic-bezier(.22,.8,.26,.99);
}
#vpx-showcase .vpx-card:hover .vpx-media img{ transform:scale(1.07); }

#vpx-showcase .vpx-caption{
  position:absolute; inset:auto 0 0 0;
  padding:22px 24px;
  background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
  color:#fff;
}
#vpx-showcase .vpx-caption h3{
  margin:0 0 6px; font-size:clamp(17px,2vw,22px);
}
#vpx-showcase .vpx-caption p{
  margin:0; font-size:13px; opacity:.9;
}

@media(max-width:960px){
  #vpx-showcase .vpx-card{ flex-basis:84%; }
}
@media(max-width:640px){
  #vpx-showcase .vpx-card{ flex-basis:92%; }
  #vpx-showcase .vpx-caption{ padding:16px; }
}
/* ===== Text caption cu blur (efect sticlă) ===== */
#vpx-showcase .vpx-caption {
  position: absolute;
  inset: auto 0 0 0;
  color: #fff;
  padding: 22px 26px;
  font-size: 15px;
  line-height: 1.5;
  backdrop-filter: blur(14px) brightness(0.8);
  background: rgba(0, 0, 0, 0.35); /* fundal semi-transparent */
  border-top: 1px solid rgba(255,255,255,0.15);
  border-radius: 0 0 var(--vpx-radius) var(--vpx-radius);
  box-shadow: 0 -6px 20px rgba(0,0,0,0.25);
}

#vpx-showcase .vpx-caption h3 {
  margin: 0 0 4px;
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 700;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.45);
}

#vpx-showcase .vpx-caption p {
  margin: 0;
  font-size: 14px;
  opacity: 0.95;
  text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}



/* ===== VP Modal — Dark Blue Minimal ===== */
.vp-modal{
  position:fixed; inset:0; display:grid; place-items:center; z-index:1200;
  opacity:0; pointer-events:none; transition:opacity .18s ease;
}
.vp-modal.is-open{ opacity:1; pointer-events:auto; }

/* backdrop mai întunecat + blur */
.vp-modal__backdrop{
  position:absolute; inset:0;
  background:rgba(0,6,12,.55);          /* near-black */
  backdrop-filter: blur(4px);
}

/* Paletă */
.vp-modal__dialog{
  --paper:#ffffff;            /* alb card */
  --ink:#0b0f14;              /* negru-albăstrui (text) */
  --muted:#2a3440;            /* gri-albăstrui */
  --accent:#0c3a74;           /* dark blue (success/info) */
  --accent-err:#c92a2a;       /* roșu pentru erori */
  --border:rgba(11,15,20,.14);

  position:relative;
  background:var(--paper); color:var(--ink);
  width:min(540px, 92vw);
  border:1px solid var(--border);
  border-radius:10px;         /* colțuri mai drepte */
  box-shadow:0 30px 60px rgba(0,0,0,.28);
  padding:20px 22px 16px;
  transform:translateY(8px);
  transition:transform .2s ease, opacity .2s ease;
  opacity:.98;
}

/* bandă de accent sus (schimbă culoarea cu starea) */
.vp-modal__dialog::before{
  content:"";
  position:absolute; left:0; top:0; right:0; height:4px;
  background:var(--accent);
  border-radius:10px 10px 0 0;
}
.vp-modal.is-open .vp-modal__dialog{ transform:none; opacity:1; }

/* stare error → accent roșu */
.vp-modal--error .vp-modal__dialog{ --accent: var(--accent-err); }

.vp-modal__close{
  position:absolute; top:10px; right:12px;
  border:0; background:transparent; cursor:pointer;
  color:var(--muted); font-size:22px; line-height:1; opacity:.8;
}
.vp-modal__close:hover{ color:var(--ink); opacity:1; }

.vp-modal__icon{
  color:var(--accent); margin:6px 0 4px;
}

.vp-modal__title{
  font-size:1.32rem; font-weight:800; line-height:1.25;
  margin:4px 0 6px;
  letter-spacing:.2px;
}

/* subtext contrastat, rece */
.vp-modal__desc{
  margin:10px 0 14px;
  color:var(--muted);
  font-size:1rem; line-height:1.6;
}

.vp-modal__actions{ display:flex; justify-content:flex-end; gap:10px; }

/* ===== Buton în modal — dark blue solid ===== */
.vp-modal .hx-btn{
  background: var(--accent) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important; /* Safari fix */
  border:0 !important;
  padding:11px 18px !important;
  border-radius:8px !important;
  font-weight:800 !important;
  font-size:1rem !important;
  line-height:1 !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
  mix-blend-mode:normal !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.vp-modal .hx-btn::before,
.vp-modal .hx-btn::after{ display:none !important; content:none !important; }

.vp-modal .hx-btn:hover{ filter:brightness(.95); }
.vp-modal .hx-btn:focus{ outline:2px solid rgba(12,58,116,.25); outline-offset:2px; }

/* texte stare */
.vp-modal__dialog .for-ok[hidden],
.vp-modal__dialog .for-err[hidden]{ display:none; }