@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&display=swap');
  :root {
    --bg-page: #f5f7fb;
    --bg-surface: #ffffff;
    --bg-soft: #f1f3f8;

    --text-main: #12131a;
    --text-muted: #5e6474;
    --text-soft: #9aa0b3;

    --border-soft: #e1e5ef;
    --border-strong: #cfd4e3;

    --gold: #c8a45b;
    --gold-soft: #f6f0df;

    --radius-lg: 20px;
    --radius-pill: 999px;

    --shadow-soft: 0 22px 60px rgba(15, 23, 42, 0.12);
    --shadow-header: 0 12px 30px rgba(15, 23, 42, 0.07);

    --transition-fast: 140ms ease-out;
    --transition-med: 220ms ease-out;
  }

  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  body {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif;
    /*background: radial-gradient(circle at top, #ffffff 0, #f5f7fb 52%, #f3f5fa 100%);*/
    background: #ffffff;

    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  .page-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  .page-inner {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
    padding-inline: clamp(20px, 4vw, 40px);
  }

/* header să fie puțin mai aproape de margini */
.site-header .page-inner {
  padding-inline: 10px !important;
}

/* ===============================
   NAVBAR / HEADER — CLEAN (FINAL)
   =============================== */

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;

  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);

  border-bottom: 1px solid rgba(184, 146, 71, 0.35);

  box-shadow:
    0 6px 20px rgba(184, 146, 71, 0.32),
    0 3px 10px rgba(184, 146, 71, 0.22);

  transition:
    box-shadow var(--transition-med),
    border-color var(--transition-med),
    background var(--transition-med);
}

.site-header.scrolled {
  background: rgba(255, 255, 255, 0.99);
  border-bottom: 1px solid rgba(184, 146, 71, 0.55);

  box-shadow:
    0 10px 30px rgba(184, 146, 71, 0.38),
    0 4px 14px rgba(184, 146, 71, 0.26);
}

/* ===============================
   LAYOUT: stânga / centru / dreapta
   - centru rămâne perfect centrat
   - spații egale stânga/dreapta
   =============================== */

.site-header-inner {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
  align-items: center;

  /* IMPORTANT: padding egal, ca centrul să fie “egal” față de margini */
  padding: 14px 32px;
}

/* LEFT: logo */
.header-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* mutăm logo-ul puțin mai la stânga (subtil) */
.logo-single {
  margin-left: -10px; /* ajustează: -6px / -12px după gust */
}

.logo-single img {
  height: 48px;
  width: auto;
  display: block;
}

/* CENTER: nav links */
.header-center {
  display: flex;
  justify-content: center;
  align-items: center;

  /* distanță egală și stabilă între linkuri */
  gap: 34px;
}

/* NAV LINKS — uppercase premium + underline gold */
.nav-link {
  position: relative;

  font-size: 11px;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.22em;

  color: var(--text-muted);
  cursor: pointer;
  padding: 6px 0;

  transition: color 0.2s ease;
}

.nav-link:hover {
  color: var(--text-main);
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  border-radius: 999px;

  background: linear-gradient(90deg, var(--gold), rgba(200, 164, 91, 0.12));
  transition: width 0.22s ease;
}

.nav-link:hover::after {
  width: 100%;
}

.nav-link.active {
  color: #111827;
}

.nav-link.active::after {
  width: 100%;
}

/* RIGHT: language + CTA */
.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}

/* CTA button (dacă îl folosești încă) */
.nav-cta {
  border-radius: 999px;
  border: 1px solid var(--gold);
  padding: 9px 22px;

  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  background: #ffffff;
  color: var(--text-main);

  display: inline-flex;
  align-items: center;
  gap: 10px;

  cursor: pointer;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);

  transition:
    transform var(--transition-med),
    box-shadow var(--transition-med),
    background var(--transition-med);
}

.nav-cta::after {
  content: "→";
  font-size: 14px;
}

.nav-cta:hover {
  transform: translateY(-1px);
  background: linear-gradient(90deg, #fff7e7, #ffffff);
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.18);
}

/* ===========================
   TABLETĂ (< 900px)
   =========================== */
@media (max-width: 900px) {
  .site-header-inner {
    padding: 14px 22px;
    grid-template-columns: minmax(200px, 1fr) auto minmax(200px, 1fr);
  }

  .logo-single img {
    height: 44px;
  }

  .header-center {
    gap: 26px;
  }
}

/* ===========================
   MOBIL (< 600px)
   =========================== */
@media (max-width: 600px) {
  .site-header-inner {
    padding: 20px 16px;
    grid-template-columns: 1fr auto 1fr;
  }

  .logo-single {
    margin-left: -6px;
  }

  .logo-single img {
    height: 38px;
  }

  .header-center {
    gap: 18px;
  }

  .nav-link {
    font-size: 10.5px;
    letter-spacing: 0.20em;
  }

  .nav-cta {
    padding: 8px 18px;
    font-size: 11px;
  }
}











/* ===============================
   PREFERENCE PANEL (ca în poză)
   =============================== */

/* ===============================
   PREFERENCE PANEL (smaller + elegant)
   =============================== */

.pref-wrap { position: relative; }

/* trigger din navbar (⚙ EN) */
.pref-trigger{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:none;
  background:transparent;
  cursor:pointer;

  font-size:14px;
  font-weight:600;
  color:#111827;

  padding:8px 10px;
  border-radius:10px;
  transition: background 160ms ease;
}
.pref-trigger:hover{ background: rgba(15,23,42,0.06); }

.pref-gear{
  font-size:16px;
  opacity:.85;
  transform: translateY(-.5px);
}
.pref-code{
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* overlay (în spate) */
.pref-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.10);
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease, visibility 180ms ease;
  z-index: 40;
}

/* panel-ul (card alb) */
.pref-panel{
  position: fixed;
  top: 84px;
  right: 36px;

  width: 360px;                       /* mai mic decât 420 */
  max-width: calc(100vw - 40px);

  background:#fff;
  border:1px solid rgba(15,23,42,0.10);
                  /* puțin mai “premium” */
  box-shadow: 0 18px 48px rgba(15,23,42,0.16);

  opacity:0;
  visibility:hidden;
  transform: translateY(-6px);
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  z-index: 50;
}

.pref-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  padding: 14px 16px 6px;             /* mai compact */
}

.pref-title{
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-size: 22px;                    /* MAI MIC */
  font-weight: 520;
  letter-spacing: -0.01em;
  color:#111827;
  line-height: 1.15;
}

/* X mai mic + mai fin */
.pref-close{
  width:30px;
  height:30px;
  border:none;
  background:transparent;
  cursor:pointer;

  border-radius:10px;
  font-size:16px;                     /* mai mic */
  line-height: 1;
  opacity:.70;
  transition: background 160ms ease, opacity 160ms ease, transform 160ms ease;
}
.pref-close:hover{
  background: rgba(15,23,42,0.06);
  opacity:1;
  transform: translateY(-1px);
}

.pref-body{
  padding: 8px 16px 16px;             /* mai compact */
}

/* label + info */
.pref-label-row{
  display:flex;
  align-items:center;
  gap:10px;
  color:#374151;
  margin-bottom:10px;
}

.pref-label{
  font-size: 14px;                    /* mai mic */
  font-weight: 500;
}

.pref-info{
  width:16px;
  height:16px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,0.28);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  opacity:.85;
}

/* select compact + elegant */
.pref-select{
  position: relative;
}

.pref-select select{
  width:100%;
  height: 46px;                       /* mai mic decât 56 */
  padding: 0 44px 0 14px;             /* mai compact */

                  /* mai modern */
  border: 1px solid rgba(15,23,42,0.22);
  background: #fff;

  font-size: 16px;                    /* mai mic decât 18 */
  font-weight: 500;
  color:#111827;

  appearance:none;
  outline:none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.pref-select select:hover{
  border-color: rgba(15,23,42,0.32);
}

.pref-select select:focus{
  border-color: rgba(15,23,42,0.45);
  box-shadow: 0 0 0 3px rgba(15,23,42,0.08);
}

.pref-caret{
  position:absolute;
  right:14px;
  top:50%;
  transform: translateY(-50%);
  font-size: 14px;                    /* mai mic */
  opacity:.75;
  pointer-events:none;
}

/* OPEN state */
.pref-wrap.is-open .pref-overlay{
  opacity: 1;
  visibility: visible;
}
.pref-wrap.is-open .pref-panel{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* mobil: panel full width, mai jos */
@media (max-width: 600px){
  .pref-panel{
    top: 76px;
    right: 12px;
    left: 12px;
    width: auto;
  }
}


/* B — Black Editorial */
.pref-trigger{
  display:inline-flex;
  align-items:center;

  height: 34px;
  padding: 0 14px;

  background: transparent;
  border: 1px solid rgba(17,24,39,0.9);
  border-radius: 0;

  cursor:pointer;

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #111827;

  transition: background 160ms ease, color 160ms ease;
}

.pref-trigger:hover{
  background: #111827;
  color: #ffffff;
}







/* ===========================
   HERO SECTION
   =========================== */

/* ===========================
   HERO SECTION
   =========================== */

/* ===========================
   HERO SECTION – LAYOUT
   =========================== */

main {
  flex: 1;
}

.hero {
  padding-block: 64px 80px;
}

.hero-layout {
  display: grid;
  grid-template-columns: 1.2fr 0.9fr;
  gap: 48px;
  align-items: center;
}

/* STÂNGA */

.hero-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ===========================
   HERO LABEL
   =========================== */

.hero-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);

  font-size: 11px;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: rgba(50, 50, 50, 0.55);

  backdrop-filter: blur(4px);
}

/* linia aurie din label */
.hero-label::before {
  content: "";
  width: 22px;
  height: 1.6px;
  border-radius: 999px;
  background: #B58A46;
}

/* ===========================
   TITLU + SUBTITLU
   =========================== */

.hero-title {
  position: relative;
  display: inline-block;

  font-size: clamp(28px, 3.5vw, 46px);
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #111111;
  max-width: 34ch;

  text-shadow:
    0 3px 6px rgba(0, 0, 0, 0.10),
    0 12px 32px rgba(0, 0, 0, 0.12);
}

/* cuvânt fantomă din spate */
.hero-title::before {
  content: attr(data-shadow);
  position: absolute;
  left: -4px;
  top: -46%;
  z-index: -1;
  pointer-events: none;

  font-size: clamp(72px, 10vw, 130px);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  color: rgba(0, 0, 0, 0.02);
  -webkit-text-stroke: 1px rgba(181, 138, 70, 0.35);
  opacity: 0.55;
  filter: blur(0.3px);
}

/* Linie aurie sub titlul mare */
.hero-title::after {
  content: "";
  display: block;
  width: 130px;
  height: 2px;
  margin-top: 18px;

  border-radius: 999px;
  background: linear-gradient(
    90deg,
    #B58A46,
    rgba(181, 138, 70, 0.08)
  );
}

.hero-subtitle {
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.55;
  max-width: 46ch;

  letter-spacing: 0.01em;
  margin-top: 10px;

  color: rgba(20, 20, 20, 0.7);
  background: linear-gradient(
    90deg,
    rgba(181, 138, 70, 0.18),
    transparent 70%
  );
  -webkit-background-clip: text;
}

/* ===========================
   POSITIONING STRIP
   =========================== */

/* ascund primul item (EXPERIENCE) + separator */
.hero-trust-item:first-child,
.hero-trust-divider {
  display: none !important;
}

.hero-trust-strip {
  margin-top: 22px;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;

  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;

  padding-left: 18px;
  display: none;
}

/* Bara aurie verticală */
.hero-trust-strip::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 3px;
  height: 34px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    #B58A46,
    rgba(181, 138, 70, 0.25)
  );
}

.hero-trust-label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(30, 30, 30, 0.70);
}

.hero-trust-value {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #111111;
}

/* paragraful cu bara aurie din stânga */
.hero-diff {
  position: relative;
  margin-top: 19.3px;
  margin-bottom: 6px;
  padding-left: 18px;

  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(20, 20, 20, 0.78);
}

/* bara aurie verticală din stânga */
.hero-diff::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 3px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    #B58A46,
    rgba(181, 138, 70, 0.25)
  );
}

/* ===========================
   CTA-URI HERO
   =========================== */

.hero-actions {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* CTA PRINCIPAL – NEGRU */
.btn-primary {
  border-radius: var(--radius-pill);
  border: none;
  padding: 14px 23px;
  font-size: 13px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  background: linear-gradient(120deg, #111827, #1f2937);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  box-shadow:
    0 8px 22px rgba(200, 164, 91, 0.25),
    0 2px 6px rgba(200, 164, 91, 0.18);
  transition:
    transform var(--transition-med),
    box-shadow var(--transition-med),
    background var(--transition-med);
}

.btn-primary::after {
  content: "→";
  font-size: 14px;
  transform: translateY(-1px);
}

.btn-primary:hover {
  transform: translateY(-1px);
  background: linear-gradient(120deg, #020617, #111827);
  box-shadow:
    0 12px 28px rgba(200, 164, 91, 0.35),
    0 4px 10px rgba(200, 164, 91, 0.22);
}

/* CTA SECUNDAR – ghost auriu */
.btn-ghost {
  border-radius: var(--radius-pill);
  border: 1px solid rgba(200, 164, 91, 0.25) !important;
  padding: 10px 18px;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: #faf7f1 !important;
  color: #1a1a1a !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition:
    background var(--transition-fast),
    color var(--transition-fast),
    border var(--transition-fast),
    transform var(--transition-fast);
  box-shadow:
    0 8px 18px rgba(200, 164, 91, 0.18),
    0 2px 4px rgba(200, 164, 91, 0.10) !important;
}

.btn-ghost::after {
  content: "⟶";
  font-size: 14px;
}

.btn-ghost:hover {
  background: #f5ecdb !important;
  border-color: rgba(200, 164, 91, 0.45) !important;
  box-shadow:
    0 12px 28px rgba(200, 164, 91, 0.28),
    0 4px 10px rgba(200, 164, 91, 0.18) !important;
  transform: translateY(-1px);
}

/* ===========================
   DREAPTA – POZĂ + CARD
   =========================== */

.hero-panel-visual {
  position: relative;
  min-height: 400px;          /* puțin mai înaltă zona vizuală */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0;
  width: 120%;                /* mai lat ca să „iasă” puțin în afară */
}

.hero-panel-bg {
  position: absolute;
  inset: 0;
  background-image: url("https://images.unsplash.com/photo-1758957530781-4ff54e09bee2?q=80&w=1926&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  background-size: 120%;
  background-position: center;
  background-repeat: no-repeat;
}

/* ===========================
   CARD – DARK PREMIUM
   =========================== */

.hero-panel-card {
  position: relative;
  width: 88%;                 /* card mai lat ca să încapă frumos câmpurile */
  max-width: 920px;
  min-height: 420px;          /* card puțin mai înalt */
  background: #050816;        /* aproape negru */
  padding: 60px 60px 52px;    /* mai mult spațiu sus și jos */
  border-radius: 0;
  overflow: hidden;

  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(199, 155, 74, 0.7);

  transition:
    transform 260ms cubic-bezier(0.16, 0.84, 0.44, 1),
    box-shadow 260ms ease;
}

/* reflexie lucioasă sus, discretă */
.hero-panel-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.06) 24%,
    transparent 60%
  );
  pointer-events: none;
  opacity: 0.9;
  mix-blend-mode: screen;
}

/* sheen diagonal */
.hero-panel-card::after {
  content: "";
  position: absolute;
  inset: -40%;
  background: linear-gradient(
    70deg,
    transparent 0%,
    rgba(255, 255, 255, 0.15) 48%,
    rgba(255, 255, 255, 0.45) 52%,
    rgba(255, 255, 255, 0.1) 56%,
    transparent 100%
  );
  opacity: 0.18;
  transform: translateX(-15%);
  pointer-events: none;
  transition:
    transform 500ms ease,
    opacity 300ms ease;
}

/* lift mic la hover (doar în intro, vedeți fix-ul pentru form mai jos) */
.hero-panel-card:hover {
  transform: translateY(-2px);
  box-shadow:
    0 34px 80px rgba(0, 0, 0, 0.7),
    0 0 0 1px rgba(255, 255, 255, 0.55),
    0 0 26px rgba(200, 164, 91, 0.5);
}

.hero-panel-card:hover::after {
  transform: translateX(12%);
  opacity: 0.55;
}

/* stare animată când schimbăm intro/form */
.hero-panel-card--animating {
  transform: translateY(-4px);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.2);
}

/* ===========================
   CARD HEADER
   =========================== */

.hero-card-header {
  text-align: center;
  margin-bottom: 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(249, 250, 251, 0.06);
}

.hero-card-kicker {
  font-size: 10.7px;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: rgba(229, 231, 235, 0.75);
  margin-top: -4px;
  margin-bottom: 12px; /* mai mult spațiu sub text */
}

/* titlul cardului – intro */
.hero-card-title {
  font-size: 23px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.2px;
  text-align: center;
  color: #f9fafb;
  max-width: 26ch;
  margin-inline: auto;
}

/* VARIANTA 2 – CAPS pe prima linie, stil aurit subtil */
.hero-card-title {
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.28 !important;
  background: linear-gradient(90deg, #fefefe, #d8c28a);
  -webkit-background-clip: text;
  color: transparent !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}


/* Linie sub titlul din INTRO (primul card) */
.hero-card-header:not(.hero-card-header--compact) .hero-card-title::after {
  content: "";
  display: block;
  width: 220px;
  height: 2px;
  background: linear-gradient(
    90deg,
    #fbbf24,
    rgba(199, 155, 74, 0.2),
    transparent
  );
  margin: 18px auto 8px;
  border-radius: 999px;
}

/* Kicker step 1 când suntem în modul FORM */
.hero-panel-card--form .hero-card-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #C9AC63;
  margin-top: 4px;
  margin-bottom: 10px;
}

/* header compact pentru FORM */
.hero-panel-card--form .hero-card-header--compact .hero-card-kicker {
  font-size: 10px;
  letter-spacing: 0.18em;
  font-weight: 600;
}

.hero-panel-card--form .hero-card-header--compact .hero-card-title {
  font-size: 18.1px;
  font-weight: 600;
  line-height: 1.1;
  color: #C9AC63;
}

/* ===========================
   TRANZIȚIE INTRO ↔ FORM
   =========================== */

.hero-card-state {
  overflow: hidden;
  transition:
    opacity 600ms cubic-bezier(0.16, 0.84, 0.44, 1),
    transform 600ms cubic-bezier(0.16, 0.84, 0.44, 1),
    filter 600ms ease,
    max-height 700ms ease;
}

.hero-card-state--intro,
.hero-card-state--form {
  max-height: 0;
  opacity: 0;
  transform: translateY(12px);
  filter: blur(4px);
  pointer-events: none;
}

/* modul INTRO */
.hero-panel-card--intro .hero-card-state--intro {
  max-height: 900px;
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
  pointer-events: auto;
}

/* modul FORM */
.hero-panel-card--form .hero-card-state--form {
  max-height: 900px;
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
  pointer-events: auto;
}

/* ===========================
   CARD INTRO – HOUSE / APARTMENT
   =========================== */

.hero-card-body {
  width: 100%;
}

.hero-card-options {
  display: flex;
  justify-content: center;
  gap: 22px;
  margin-bottom: 24px;
}

.hero-option {
  position: relative;
  width: 220px;
  padding: 22px 18px 18px;
  background: #ffffff;

  border: 2px solid #C9AC63;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;

  box-shadow:
    0 0 6px rgba(199, 155, 74, 0.35),
    0 8px 18px rgba(0, 0, 0, 0.10);

  transition:
    transform 0.25s ease,
    box-shadow 0.3s ease,
    background 0.3s ease,
    border-color 0.25s ease;
}

.hero-option:hover {
  background: #fffdf6;
  border-color: #D8AC5A;
  box-shadow:
    0 0 14px rgba(216, 172, 90, 0.55),
    0 14px 28px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

/* ICONURI IMG */
.hero-option-icon {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
  margin: 0 auto 14px;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,0.12));
  transition: transform 0.25s ease;
}

.hero-option:hover .hero-option-icon {
  transform: translateY(-4px) scale(1.03);
}

.hero-option-label {
  font-size: 15px;
  color: #33312f;
}

/* bullets */
.hero-card-bullets {
  max-width: 560px;
  margin: 0 auto 22px;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hero-card-bullets li {
  display: flex;
  align-items: flex-start;
}

.hero-card-bullets li::before {
  content: "✓";
  margin-right: 10px;
  font-size: 13px;
  color: #fefce8;
}

/* footnote */
.hero-card-footnote {
  text-align: center;
  font-size: 12px;
  color: #9ca3af;
  padding-top: 18px;
  border-top: 1px solid rgba(249, 250, 251, 0.06);
}

/* ===========================
   FORM STEP 1
   =========================== */

.hero-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 24px;
}

/* Wrapper pentru fiecare câmp */
.hero-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
}

/* LABEL – tehnic & minimalist, pe fundal dark */
.hero-field-label {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(229, 231, 235, 0.86);
}

/* INPUT + SELECT – stil premium, modern */
.hero-field input,
.hero-field select {
  width: 100%;
  border-radius: 999px; /* pill modern */
  border: 1px solid rgba(0, 0, 0, 0.10);
  padding: 10px 18px;
  font-size: 14px;
  outline: none;
  background: rgba(255, 255, 255, 0.98);

  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 0 0 1px rgba(255, 255, 255, 0.7);

  transition:
    border-color 170ms ease,
    box-shadow 170ms ease,
    background-color 170ms ease,
    transform 130ms ease;
}

/* Placeholder – gri cald, fin */
.hero-field input::placeholder {
  color: rgba(120, 120, 120, 0.65);
}

/* pentru câmpurile cu data-i18n-placeholder (se pune de JS) */
.hero-field input[data-i18n-placeholder]::placeholder {
  color: rgba(120, 120, 120, 0.65);
}

/* Hover – discret */
.hero-field input:hover,
.hero-field select:hover {
  border-color: rgba(0, 0, 0, 0.18);
}

/* Focus – inel auriu tehnic, mic lift */
.hero-field input:focus,
.hero-field select:focus {
  border-color: rgba(181, 138, 70, 0.95);
  background: #fffdf8;
  box-shadow:
    0 0 0 1px rgba(181, 138, 70, 0.65),
    0 10px 22px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

/* SELECT – săgeată custom */
.hero-field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-image:
    linear-gradient(45deg, transparent 50%, rgba(70, 70, 70, 0.9) 50%),
    linear-gradient(135deg, rgba(70, 70, 70, 0.9) 50%, transparent 50%);
  background-position:
    calc(100% - 20px) 52%,
    calc(100% - 14px) 52%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;

  padding-right: 44px;
}

.hero-field select::-ms-expand {
  display: none;
}

/* layout pentru câmpul cu checkbox de privacy (step 2) */
.hero-field-privacy {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: rgba(229, 231, 235, 0.9);
}

.hero-field-privacy input[type="checkbox"] {
  margin-top: 2px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.hero-field-privacy label {
  cursor: pointer;
  line-height: 1.4;
}

.hero-form-actions {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  align-items: center;
}

.hero-form-note {
  font-size: 12px;
  color: #7c7b77;
}

/* ===========================
   BUTON DIN FORMULAR – AURIU
   =========================== */

.hero-form-next {
  background: linear-gradient(120deg, #D4AF37, #B58A46);
  color: #111111;
}

.hero-form-next:hover {
  background: linear-gradient(120deg, #E3C465, #C9983A);
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 900px) {
  .hero {
    padding-block: 32px 48px;
  }

  .hero-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  /* poză + card ca pe desktop, doar mai înguste */
  .hero-panel-visual {
    order: -1;
    position: relative;
    width: 100%;
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-inline: 0;
  }

  .hero-panel-bg {
    background-size: 130%;
    background-position: center;
  }

  .hero-panel-card {
    width: 94%;
    max-width: 620px;
    padding: 46px 28px 38px;
    box-shadow: 0 22px 46px rgba(0,0,0,0.22);
  }

  .hero-form-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .hero-card-options {
    flex-direction: column;
    gap: 16px;
  }

  .hero-option {
    width: 100%;
  }
}

/* mobile < 700px – centrare text + CTA-uri full width */

@media (max-width: 700px) {
  .hero-left {
    align-items: center;
    text-align: center;
  }

  .hero-title {
    max-width: 100%;
  }

  .hero-subtitle {
    max-width: 32ch;
    margin-inline: auto;
  }

  .hero-trust-strip {
    align-items: center;
    padding-left: 0;
    margin-top: 10px;
    gap: 2px;
  }

  .hero-trust-strip::before {
    display: none;
  }

  .hero-trust-label {
    font-size: 10px;
    letter-spacing: 0.14em;
    margin-bottom: 2px;
  }

  .hero-trust-value {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    max-width: 22ch;
    text-align: center;
    margin-inline: auto;
    display: block;
  }

  .hero-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-top: 18px;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-ghost {
    width: 100%;
    justify-content: center;
  }
}

/* =====================================
   HERO – INFO CARD PREMIUM
   ===================================== */

.hero-info-card {
  margin: 56px auto 0;
  padding: 32px 46px;
  max-width: 1180px;

  background: #F6EBDA;  /* crem-auriu cald, solid */

  border: none;
  border-radius: 0;

  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;

   box-shadow:
    0 22px 46px rgba(0, 0, 0, 0.20);

  position: relative;
  overflow: hidden;
  transition:
    box-shadow 0.35s ease,
    transform 0.35s ease;
}

/* sheen foarte discret */
.hero-info-card::after {
  content: "";
  position: absolute;
  inset: -50%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.22) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 0;
  transform: translateX(-25%);
  pointer-events: none;
  transition: opacity 0.6s ease, transform 0.8s ease;
}

/* HOVER – umbră ușor aurie */
.hero-info-card:hover {
  transform: translateY(-2px);
  box-shadow:
    0 26px 60px rgba(181, 138, 70, 0.32),
    0 0 0 1px rgba(181, 138, 70, 0.45);
}

.hero-info-card:hover::after {
  opacity: 0.5;
  transform: translateX(10%);
}

/* ICON – simplu */
.hero-info-icon {
  width: 48px;
  height: 48px;
  opacity: 0.9;
  flex-shrink: 0;

  border: none;
  background: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;

  object-fit: contain;
}

/* TEXT BLOCK */
.hero-info-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
}

/* TITLU */
.hero-info-content h4 {
  font-size: 21px;
  font-weight: 600;
  color: #2d2d2d;
  margin-bottom: 4px;
}

/* TEXT – centrat în mijlocul cardului */
.hero-info-content p {
  font-size: 16.8px;
  line-height: 1.45;
  font-style: italic;
  color: #444;
  max-width: 100ch;
  margin-left: auto;
  margin-right: auto;
}

/* ============================
   FIX – NO SHAKE WHILE FILLING FORM
   ============================ */

/* Cardul NU mai face lift + oscillation în modul form */
.hero-panel-card--form:hover {
  transform: none !important;
  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(199, 155, 74, 0.7) !important;
}

/* Eliminăm mișcarea sheen-ului în modul form */
.hero-panel-card--form:hover::after {
  transform: none !important;
  opacity: 0.18 !important;
}

/* Când cardul e în modul FORM, dezactivăm complet animarea lui */
.hero-panel-card--form {
  transition: none !important;
}
/* =========================
   ICON CARDS – GOLD BORDER ALWAYS
   ========================= */

.hero-option {
  border: 1.8px solid #C9AC63;          /* aurie închisă, permanentă */
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.10),
    0 10px 24px rgba(0, 0, 0, 0.35);    /* umbră neutră, premium */
}

/* la hover păstrăm aceeași ramă, doar ușor mai “glow” */
.hero-option:hover {
  border-color: #C9AC63;
  box-shadow:
    0 0 0 1px rgba(201, 172, 99, 0.9),
    0 16px 32px rgba(0, 0, 0, 0.45);
  background: #fffdf7;
}


.hero-panel-card--form #heroStep1 .hero-card-title {
  font-size: 14px !important;
  font-weight: 500;
  letter-spacing: 0.03em;
  opacity: 0.95;
}

.hero-panel-card--form #heroStep2 .hero-card-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  opacity: 0.95;
}


  
  
  
  
  
  /* Mai mult spațiu sub buton pentru textul GDPR */
.hero-form-note {
  margin-top: 22px !important;  /* poți pune 26px, 30px etc. dacă vrei și mai mult */
  display: block;
}

  

  /* ===========================
     FOOTER
     =========================== */

  /* ===========================
   FOOTER DARK MODE
   =========================== */

.site-footer {
  margin-top: auto;
  background: #0e0e11; /* gri foarte închis spre negru */
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
}

.site-footer-inner {
  padding-block: 32px 34px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  font-size: 13px;
  color: #ffffff;
}

/* RÂND SUS — BRAND + LOGO + OPTIONAL NAV LINKS */

.footer-top {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* important: NU mai împinge elementele în laterale */
  gap: 24px;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.footer-logo {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #1a1a1d;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.45);
}

.footer-logo-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  opacity: 1;
  filter: invert(1); /* devine alb */
}

.footer-brand-text {
  display: flex;
  flex-direction: column; /* important! pune numele sus și tagline-ul jos */
  gap: 2px;
}

.footer-brand-name {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffff;
}

.footer-brand-tagline {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.55);
}

/* OPTIONAL NAV LINKS (le poți popula sau lăsa goale) */

.footer-nav {
  display: inline-flex;
  gap: 18px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
}

.footer-nav-link {
  position: relative;
  padding-bottom: 2px;
  cursor: pointer;
  transition: color var(--transition-fast);
}

.footer-nav-link:hover {
  color: #ffffff;
}

.footer-nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  border-radius: 999px;
  background: var(--gold);
  transition: width var(--transition-fast);
}

.footer-nav-link:hover::after {
  width: 100%;
}

/* RÂND JOS */

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  padding-top: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.footer-text-main {
  color: rgba(255, 255, 255, 0.70);
  max-width: 46ch;
  line-height: 1.5;
}

.footer-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 6px;
}

.footer-legal-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  max-width: 40ch;
}

.footer-links {
  display: inline-flex;
  gap: 22px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
}

.footer-link {
  position: relative;
  cursor: pointer;
  padding-bottom: 2px;
  transition: color 0.2s ease;
}

.footer-link:hover {
  color: #ffffff;
}

.footer-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: var(--gold);
  border-radius: 999px;
  transition: width var(--transition-fast);
}

.footer-link:hover::after {
  width: 100%;
}

.footer-rights {
  margin-top: 2px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}

/* ANIMAȚIE FOOTER */

.footer-animate {
  opacity: 0;
  transform: none;
  transition: opacity 260ms ease-out, transform 260ms ease-out;
}

.footer-animate.visible {
  opacity: 1;
  transform: translateY(0);
}

/* MOBILE FIX */

@media (max-width: 700px) {
  .footer-top,
  .footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-meta {
    align-items: center;
    text-align: center;
  }
}

/* ===========================
   FOOTER MOBILE FIXES
   =========================== */
@media (max-width: 700px) {

  /* spațiu la stânga să nu fie lipit */
  .footer-brand {
    padding-left: 12px;
    width: 100%;
    justify-content: center; /* centrat frumos */
    text-align: center;
  }

  .footer-brand-text {
    align-items: center; /* textul sub logo centrat */
  }

  /* SOCIAL ICONS centrate pe mobil */
  .footer-socials {
    width: 100%;
    justify-content: center;   /* IMPORTANT */
    margin-left: 0;
    margin-top: 14px;
  }

  /* iconițe mai mici pe mobil */
  .footer-social-link.circle {
    width: 32px;
    height: 32px;
  }

  .footer-social-link.circle svg {
    width: 18px;
    height: 18px;
  }

  /* aliniere generală pe mobil */
  .footer-top {
    flex-direction: column;
    gap: 14px;
    align-items: center;
  }

  /* spațiere între brand și icons */
  .footer-top > * {
    text-align: center;
  }
}

/* SOCIAL ICONS – WHITE CIRCLES / BLACK ICONS / GOLD HOVER */

.footer-socials {
  display: flex;
  align-items: center;
  gap: 22px; /* puțin mai mare ca să respire */
  margin-left: auto;
}

.footer-social-link.circle {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 40px;           /* iconițe mai mari */
  height: 40px;
  border-radius: 50%;
  background: #ffffff;   /* cerc alb */
  border: 1px solid #ffffff;
  color: #000000;        /* icon negru */
  transition: 
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    color 0.2s ease;
  cursor: pointer;
}

.footer-social-link.circle svg {
  width: 20px;           /* icon mai mare */
  height: 20px;
  stroke: currentColor;
}

/* HOVER – AURIU (premium, elegant, fără albastru) */
.footer-social-link.circle:hover {
  background: var(--gold);      /* fundal devine auriu */
  border-color: var(--gold);    /* border auriu */
  color: #ffffff;               /* icon devine alb pe fundalul auriu */
  transform: translateY(-2px) scale(1.05); /* mic lift + creștere subtilă */
}

  /* ===========================
     RESPONSIVE
     =========================== */

  /* Tablet & telefon – navbar + hero */
  @media (max-width: 900px) {
    .site-header .page-inner {
      padding-inline: 14px !important;
    }

    .site-header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding-block: 10px;
    }

    .header-center {
      display: none;
    }

    .logo-mark {
      width: 42px;
      height: 42px;
      border-radius: 16px;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
    }

    .logo-icon {
      width: 24px;
      height: 24px;
    }

    .brand-name {
      font-size: 13px;
      letter-spacing: 0.14em;
    }

    .brand-tagline {
      font-size: 9px;
      letter-spacing: 0.16em;
    }

    .header-right {
      gap: 10px;
    }

    .nav-cta {
      display: none;
    }

    .hero {
      padding-block: 40px 56px;
    }

    .hero-layout {
      grid-template-columns: minmax(0, 1fr);
      gap: 32px;
    }

    .hero-panel {
      order: -1;
    }
  }

  /* Telefoane mici – și mai compact, doar numele + ES/EN */
  @media (max-width: 600px) {
    .site-header .page-inner {
      padding-inline: 10px !important;
    }

    .logo-mark {
      width: 38px;
      height: 38px;
      border-radius: 14px;
    }

    .logo-icon {
      width: 22px;
      height: 22px;
    }

    .brand-text {
      gap: 1px;
    }

    .brand-name {
      font-size: 12px;
    }

    .brand-tagline {
      display: none; /* doar numele pe mobil */
    }

    .lang-switch {
      padding: 3px;
    }

    .lang-pill {
      padding: 3px 9px;
      font-size: 10px;
      letter-spacing: 0.16em;
    }

    .hero-title {
      font-size: 26px;
    }

    .hero-trust-strip {
      flex-direction: column;
      align-items: flex-start;
    }

    /* footer pe o singură coloană */
    .footer-bottom {
      flex-direction: column;
    }

    .footer-meta {
      align-items: flex-start;
      text-align: left;
      transform: translateY(0);
    }
  }

  @media (max-width: 800px) {
    .footer-top {
      flex-direction: column;
      align-items: flex-start;
    }

    .footer-nav {
      order: 2;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
  }
  
  /* Footer mai apropiat de marginea stângă a paginii */
.site-footer .page-inner {
  padding-inline: 2px 40px !important; 
  /* 10px la stânga (ca în header), 40px la dreapta */
}




/* ===========================
   HOW IT WORKS
   =========================== */

/* ===========================
   HOW IT WORKS – MODERN VERSION
   =========================== */

/* ===========================
   HOW IT WORKS – SECTION
   =========================== */

.how {
  padding-block: 72px 80px;
  background: #ffffff; /* fundal complet alb pentru secțiune */
  border-top: 1px solid rgba(0, 0, 0, 0.04); /* delimitare fină de hero */
}

.how-inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* HEADER */

.how-header {
  position: relative;
  max-width: 620px;
  padding-left: 26px; /* spațiu pentru bara aurie din stânga */
}

/* decor auriu vertical, tehnic & minimalist */
.how-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 56px;
  border-radius: 999px;
  background: linear-gradient(
    to bottom,
    var(--gold),
    rgba(200, 164, 91, 0.12)
  );
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02);
}

.how-kicker {
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--text-soft);
  margin-bottom: 10px;
}

.how-title {
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.15;
  color: var(--text-main);
  margin-bottom: 10px;
}

.how-subtitle {
  font-size: 14px;
  color: var(--text-muted);
  max-width: 46ch;
}

/* FLOW */

.how-flow {
  position: relative;
  padding-top: 32px;
}

/* linia orizontală tehnică */

.how-flow-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.02),
    rgba(0, 0, 0, 0.18),
    rgba(0, 0, 0, 0.02)
  );
  transform-origin: left;
  transform: scaleX(0);
  opacity: 0;
  transition: transform 420ms cubic-bezier(0.22, 0.61, 0.36, 1),
              opacity 260ms ease-out;
}

/* GRID-UL CU PAȘII */

.how-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

/* ===========================
   CARD – panou tehnic
   =========================== */

/* ========================
   CARD – ZERO SHADOW
   ======================== */

/* ===========================
   HOW IT WORKS – SECTION
   =========================== */

.how {
  padding-block: 72px 80px;
  background: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.how-inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* HEADER */

.how-header {
  position: relative;
  max-width: 620px;
  padding-left: 26px;
}

/* bară aurie verticală */
.how-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 2px;
  height: 56px;
  border-radius: 999px;
  background: linear-gradient(
    to bottom,
    var(--gold),
    rgba(200, 164, 91, 0.12)
  );
}

.how-kicker {
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--text-soft);
  margin-bottom: 10px;
}

.how-title {
  font-size: clamp(28px, 2.5vw, 34px);
  line-height: 1.15;
  font-weight:500;
  font-family: "Cormorant Garamond", serif !important;
  color: var(--text-main);
  margin-bottom: 10px;
}

.how-subtitle {
  font-size: 16px;
  color: var(--text-muted);
  font-family: "Cormorant Garamond", serif !important;
  max-width: 50ch;
}

/* FLOW */

.how-flow {
  position: relative;
  padding-top: 32px;
}

/* linia tehnică */

.how-flow-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.02),
    rgba(0, 0, 0, 0.18),
    rgba(0, 0, 0, 0.02)
  );
  transform-origin: left;
  transform: scaleX(0);
  opacity: 0;
  transition: transform 420ms cubic-bezier(0.22, 0.61, 0.36, 1),
              opacity 260ms ease-out;
}

/* GRID CU PAȘII */

.how-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

/* CARDURI AURII PREMIUM */

.how-step {
  position: relative;
  padding: 22px 22px 24px;

  border-radius: 14px;
  border: none;
  background: #c8a45b;

  color: #ffffff;

  overflow: hidden;

  opacity: 0;                       /* pentru animația de apariție */
  transform: translateY(0) scale(1);
  transition: all 280ms ease;

  /* umbră permanentă premium */
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.22),
    0 0 20px rgba(200, 164, 91, 0.40);
}

/* tot textul din card alb */
.how-step * {
  color: #ffffff;
}

/* ascund bara interioară */
.how-step::before {
  content: "";
  display: none;
}

/* HOVER – ridicare elegantă + umbră mai puternică */

.how-step:hover {
  transform: translateY(-8px) scale(1.02);
  background: #d1b06f;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.28),
    0 4px 16px rgba(0, 0, 0, 0.18);
}

/* META */

.how-step-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.how-step-tag {
  font-size: 9px;
  font-family: "Cormorant Garamond", serif !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: black;
  margin-bottom: 2px;
}

.how-step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 36px;
  height: 36px;

  border-radius: 50%;
  border: 2px solid #c8a45b;
  background: #ffffff;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 16px;
  font-weight: 700;
  color: #000000;

  position: absolute;
  top: 18px;
  right: 22px;

  padding: 0;
  letter-spacing: 0;

  box-shadow: 0 0 8px rgba(200, 164, 91, 0.35);
}

.how-step-title {
  font-size: 19.5px;
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
}

.how-step-text {
  font-size: 13px;
  font-family: "Cormorant Garamond", serif !important;
  color: var(--text-muted);
  line-height: 1.45;
  max-width: 36ch;
}

/* ANIMAȚIE SCROLL */

.how-visible .how-flow-line {
  transform: scaleX(1);
  opacity: 1;
}

.how-visible .how-step {
  opacity: 1;
}

.how-visible .how-step:nth-child(1) {
  transition-delay: 80ms;
}

.how-visible .how-step:nth-child(2) {
  transition-delay: 160ms;
}

.how-visible .how-step:nth-child(3) {
  transition-delay: 240ms;
}

/* RESPONSIVE */

@media (max-width: 900px) {
  .how {
    padding-block: 56px 64px;
  }

  .how-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .how-flow-line {
    left: 16px;
    right: auto;
    width: 1px;
    height: calc(100% - 6px);
    top: 6px;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.02),
      rgba(0, 0, 0, 0.18),
      rgba(0, 0, 0, 0.02)
    );
    transform-origin: top;
  }

  .how-step {
    padding-left: 24px;
  }
}

@media (max-width: 600px) {
  .how-header {
    gap: 8px;
  }

  .how-title {
    font-size: 22px;
  }

  .how-subtitle {
    font-size: 13px;
  }
}

/* TITLU din card – alb puternic */




/* TEXTUL DESCRIPTIV – alb cu intensitate medie */
.how-step-text {
  font-size: 14.3px;
  font-family: "Cormorant Garamond", serif !important;
  color: rgba(255, 255, 255, 0.80) !important;
  line-height: 1.45;
  max-width: 36ch;
}



.how-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 64px;
  border-radius: 999px;

  background: 
    /* highlight vertical fin */
    linear-gradient(
      180deg,
      rgba(255,255,255,0.65) 0%,
      rgba(255,255,255,0) 20%
    ),
    /* gradient metalic principal */
    linear-gradient(
      180deg,
      #f4e3bd 0%,
      #d9b97a 32%,
      #c8a45b 55%,
      #b28d4a 78%,
      #f4e3bd 100%
    ),
    /* reflexie laterală tehnică */
    linear-gradient(
      to right,
      rgba(255,255,255,0.35),
      rgba(255,255,255,0) 40%
    );

  /* umbră premium ultra-subtilă */
  box-shadow:
    0 0 12px rgba(200,164,91,0.35),
    0 4px 12px rgba(0,0,0,0.08);

  /* textură metalică super fină (grain) */
  backdrop-filter: blur(0.4px) brightness(1.06);
}



/* ===========================
   REVEAL ANIMATION – PREMIUM
   =========================== */

/* Starea inițială: invizibil + puțin deplasat */
[data-reveal] {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 600ms ease-out,
    transform 600ms ease-out,
    box-shadow 600ms ease-out;
  transition-delay: var(--reveal-delay, 0s);
  will-change: opacity, transform;
}

/* direcții opționale */
[data-reveal="fade-up"] {
  transform: translateY(26px);
}

[data-reveal="fade-left"] {
  transform: translateX(26px);
}

[data-reveal="fade-right"] {
  transform: translateX(-26px);
}

/* când intră în viewport (JS adaugă .is-visible) */
[data-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* bonus: cardul auriu primește și un mic glow când apare */
.hero-panel-card.is-visible {
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.22),
    0 0 24px rgba(181, 138, 70, 0.30);
}


/* BUTON FINAL – AURIU IDENTIC CU STEP 1 */
.hero-form-submit {
  background: linear-gradient(120deg, #D4AF37, #B58A46) !important;
  color: #111111 !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 28px;
  border-radius: 999px;
  font-size: 13px;
  letter-spacing: 0.15em;
  text-transform: uppercase;

  box-shadow:
    0 8px 22px rgba(200, 164, 91, 0.25),
    0 2px 6px rgba(200, 164, 91, 0.18);

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

/* hover identic */
.hero-form-submit:hover {
  background: linear-gradient(120deg, #E3C465, #C9983A) !important;
  transform: translateY(-2px);

  box-shadow:
    0 12px 28px rgba(200, 164, 91, 0.35),
    0 4px 10px rgba(200, 164, 91, 0.22);
}

/* săgeata din buton */
.hero-form-submit::after {
  content: "→";
  margin-left: 8px;
  font-size: 14px;
}



























/* ==========================================
   FAQ – LINED SPLIT LAYOUT (FINAL)
   ========================================== */

.faq-lined {
  background: #ffffff;
  padding-block: 96px 120px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 550ms ease, transform 550ms ease;
}

.faq-lined.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.faq-inner {
  max-width: 1220px;
  margin-inline: auto;
  padding-inline: 40px;
}

/* GRID: stânga titlu, dreapta întrebări */

.faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
  column-gap: 80px;
  align-items: flex-start;
}

/* =====================================
   HEADER — TITLU + SUBTITLU
   ===================================== */

.faq-header {
  position: relative;
  padding-left: 28px;           /* spațiu pentru bara aurie */
  max-width: 640px;
}

/* Bara aurie verticală din stânga */
.faq-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 54px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    #B58A46 0%,
    rgba(181, 138, 70, 0.20) 100%
  );
  box-shadow:
    0 4px 10px rgba(181, 138, 70, 0.35),
    0 0 0 1px rgba(0, 0, 0, 0.05);
}

/* Eyebrow text ("Preguntas frecuentes") */
.faq-eyebrow {
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.55);
  margin-bottom: 12px;
}

/* TITLU — compact, premium */
.faq-title {
  font-size: clamp(28px, 3.1vw, 38px);
  line-height: 1.12;
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #111111;
  margin-bottom: 14px;
  max-width: 22ch;
}

/* SUBTITLU — gri cald + italic */
.faq-subtitle {
  font-size: 18px;
  line-height: 1.4;
  font-family: "Cormorant Garamond", serif !important;
  color: rgba(60, 60, 60, 0.75);
  max-width: 48ch;
  
  margin-top: 10px;
}

/* =====================================
   LISTĂ ÎNTREBĂRI – LINES
   ===================================== */

/* linie de sus */
.faq-list {
  border-top: 2px solid #B58A46;     /* auriu închis, mai gros */
}

/* fiecare item = linie + spațiu */
.faq-item {
  border-bottom: 2px solid #B58A46;  /* auriu închis */
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  transition:
    background 180ms ease,
    border-color 180ms ease;
}

/* hover – highlight crem-auriu foarte deschis */
.faq-item:hover {
  background: #FFF7E9;               /* auriu cald foarte deschis */
}

/* când e deschis, puțin mai accentuat */
.faq-item.is-active {
  background: #FFF3DF;
}

/* buton întrebare */

.faq-question {
  width: 100%;
  padding: 18px 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 32px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}

.faq-question-index {
  font-size: 14.5px;
  font-weight: 600;
  font-family: "Cormorant Garamond", serif !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(31, 41, 55, 0.7);
}

.faq-question-label {
  font-size: 19.5px;
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 600;
  color: #111827;
}

/* =====================================
   ICON PLUS / MINUS
   ===================================== */

.faq-icon {
  position: relative;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.faq-icon-line {
  position: absolute;
  width: 14px;
  height: 1.6px;
  border-radius: 999px;
  background: rgba(55, 65, 81, 0.9);
  transition: transform 200ms ease,
    opacity 200ms ease,
    background-color 200ms ease;
}

.faq-icon-line-2 {
  transform: rotate(90deg);
}

/* activ – minus + auriu */
.faq-item.is-active .faq-icon-line {
  background: #B58A46;
}

.faq-item.is-active .faq-icon-line-2 {
  opacity: 0;
  transform: rotate(90deg) scaleX(0);
}

/* =====================================
   RĂSPUNS
   ===================================== */

.faq-answer-wrapper {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 260ms ease,
    opacity 240ms ease,
    padding-bottom 240ms ease;
}

.faq-item.is-active .faq-answer-wrapper {
  padding-bottom: 18px;
  opacity: 1;
}

.faq-answer {
  max-width: 92%;
  margin-left: calc(32px + 42px); /* index + gap */
  font-size: 16px;
  line-height: 1.8;
  color: rgba(55, 65, 81, 0.85);
  font-family: "Cormorant Garamond", serif !important;
}

/* =====================================
   RESPONSIVE
   ===================================== */

@media (max-width: 1024px) {
  .faq-inner {
    padding-inline: 24px;
  }

  .faq-layout {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }

  .faq-header {
    max-width: none;
  }

  .faq-answer {
    margin-left: 58px;
  }
}

@media (max-width: 640px) {
  .faq-inner {
    padding-inline: 18px;
  }

  .faq-question-label {
    font-size: 16px;
  }

  .faq-answer {
    margin-left: 46px;
    font-size: 14px;
  }
}
/* =====================================
   FAQ ITEM – HOVER + ACTIVE STATE (AURIU PUȚIN MAI ÎNCHIS)
   ===================================== */

/* Linii aurii rămân aceleași */
.faq-list {
  border-top: 2px solid #B58A46;
}

.faq-item {
  border-bottom: 2px solid #B58A46;
  background: #ffffff; /* default complet alb */
  transition: background 180ms ease;
}

/* HOVER – crem-auriu mai închis (#FFF3E0) */
.faq-item:hover {
  background: #FFF3E0; /* Auriu discret dar vizibil */
}

/* CÂND ESTE DESCHIS – rămâne alb */
.faq-item.is-active {
  background: #ffffff !important;
}

/* Evităm highlight pe hover dacă este deja activ */
.faq-item.is-active:hover {
  background: #ffffff !important;
}

/* Icon devine auriu când item-ul e activ */
.faq-item.is-active .faq-icon-line {
  background: #B58A46;
}

.faq-item.is-active .faq-icon-line-2 {
  opacity: 0;
  transform: scaleX(0);
}





/* ======================
   FAQ LINES + HOVER FIX
   ====================== */

/* Linii mai vizibile, culoare negru elegant */
.faq-list {
  border-top: 1.4px solid rgba(0, 0, 0, 0.32) !important;
}

.faq-item {
  border-bottom: 1.4px solid rgba(0, 0, 0, 0.32) !important;
  background: #ffffff;
  transition: background 180ms ease;
}

/* Hover auriu premium */
.faq-item:hover {
  background: #FFF3E0 !important; /* auriu deschis */
}

/* Active state rămâne alb */
.faq-item.is-active {
  background: #ffffff !important;
}
.faq-item.is-active:hover {
  background: #ffffff !important;
}

/* Icon minus auriu */
.faq-item.is-active .faq-icon-line {
  background: #B58A46;
}



















/* ===========================================
   WHY TRUST US – PREMIUM SECTION (REFINED)
   =========================================== */

.why-trust-us {
  background: #ffffff;
  padding: 110px 0 130px; /* puțin mai elegant ca ritm */
}

.wtu-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 36px;
  text-align: center;
}

/* ---------- HEADER ---------- */

.wtu-kicker {
  font-size: 12px;
  font-family: "Cormorant Garamond", serif !important;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.55);
  margin-bottom: 14px;
}

/* TITLU MULT MAI ELEGANT + MAI MIC */
.wtu-title {
  font-size: clamp(28px, 3vw, 36px);   /* mai mic și mai classy */
  font-weight: 600;
  line-height: 1.18;
  color: #1a1a1a;
  letter-spacing: -0.015em;
  margin-bottom: 16px;

  /* efect subtil de luxury */
  background: linear-gradient(90deg, #111 0%, #555 100%);
  -webkit-background-clip: text;
  color: transparent;
  opacity: 0.9;
}

/* SUBTITLU */
.wtu-subtitle {
  font-size: 17.3px;
  line-height: 1.6;
  max-width: 700px;
  font-family: "Cormorant Garamond", serif !important;
  margin: 0 auto 70px;
  color: rgba(40, 40, 40, 0.65);
  font-weight: 300;
}

/* ---------- FEATURES GRID ---------- */

.wtu-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
}

.wtu-feature {
  padding: 0 20px;
}

/* ICONURI ELEGANTE */
.wtu-icon {
  width: 54px;      /* puțin mai mic și mai fin */
  height: 54px;
  margin-bottom: 20px;
  opacity: 0.82;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.06));
}

/* TITLUL FEATURES */
.wtu-feature-title {
  font-size: 21px;
  font-weight: 600;
  font-family: "Cormorant Garamond", serif !important;
  margin-bottom: 10px;
  color: #111;
  letter-spacing: -0.01em;
}

/* TEXT SUBTIL */
.wtu-feature-text {
  font-size: 15.5px;
  
  line-height: 1.65;
  color: rgba(40,40,40,0.7);
  font-weight: 300;
  font-family: "Cormorant Garamond", serif !important;
}

/* ---------- ANIMATIONS (STAGGER READY) ---------- */

.wtu-feature {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 700ms ease,
              transform 700ms ease;
}

.wtu-feature.wtu-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 1024px) {
  .wtu-features {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

@media (max-width: 640px) {
  .why-trust-us {
    padding: 80px 0 100px;
  }

  .wtu-features {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .wtu-title {
    font-size: 26px; /* mai mic și perfect pentru mobile */
  }

  .wtu-subtitle {
    font-size: 15px;
    margin-bottom: 50px;
  }
}
/* Linii verticale elegante între blocuri */
.wtu-feature {
  position: relative;
}

/* Linia verticală */
.wtu-feature:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -24px;                    /* poziție între item-uri */
  top: 10px;
  height: 85%;                     /* cât de lungă este linia */
  width: 1.6px;                    /* grosimea liniei */
  background: rgba(0, 0, 0, 0.16); /* gri elegant */
  border-radius: 2px;
}

/* Layout 4-col → spațiere corectă */
.wtu-features {
  column-gap: 48px;
}

/* Responsive – ascunde liniile pe mobile/tablete */
@media (max-width: 1024px) {
  .wtu-feature::after {
    display: none;
  }
}
/* Mai mult aer între blocuri */
.wtu-features {
  gap: 72px; /* înainte era 48px — crește spațiul între carduri */
}

.why-trust-us {
  padding: 70px 0 80px;   /* TOP | LEFT/RIGHT | BOTTOM */
}


.wtu-title {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500;
  font-size: clamp(32px, 3.2vw, 46px);
  letter-spacing: -0.01em;
  color: #333;
}
























/* ===============================
   TESTIMONIALS — PREMIUM SECTION
   =============================== */

/* ===============================
   TESTIMONIALS — PREMIUM COMPACT SLIDER
   =============================== */

/* ===============================
   TESTIMONIALS — PREMIUM LOOK (CSS ONLY)
   (keeps your HTML unchanged)
   =============================== */

/* ===============================
   TESTIMONIALS — MINIMAL CONTRACT + PREMIUM REVEAL
   (HTML unchanged)
   =============================== */

.tst{
  padding: 74px 0 92px;
  background: #fff;
  border-top: 1px solid rgba(17,24,39,0.06);
}

/* ---------- HEADER (reveal) ---------- */
.tst-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 22px;
  margin-bottom: 14px;

  opacity: 0;
  transform: translateY(14px);
  filter: blur(6px);
  transition: opacity 620ms ease, transform 620ms ease, filter 620ms ease;
}

.tst.is-visible .tst-head{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.tst-kicker{
  font-size: 10px;
  letter-spacing: .30em;
  text-transform: uppercase;
  color: rgba(17,24,39,0.48);
}

.tst-title{
  margin: 6px 0 6px;
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-size: 30px;
  font-weight: 520;
  line-height: 1.08;
  color: #111827;
}

.tst-sub{
  margin: 0;
  max-width: 520px;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(17,24,39,0.62);
}

/* ---------- CONTROLS (premium) ---------- */
.tst-controls{
  display:flex;
  gap: 10px;
  margin-left: auto;
  align-self: center;
}

.tst-btn{
  width: 44px;
  height: 38px;
  border-radius: 0;

  border: 1px solid rgba(17,24,39,0.18);
  background: rgba(255,255,255,0.92);

  color: rgba(17,24,39,0.92);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;

  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background 170ms ease,
    box-shadow 170ms ease;
}

.tst-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(184,146,71,0.55);
  background: #fffaf0;
  box-shadow:
    0 10px 22px rgba(0,0,0,0.06),
    0 10px 22px rgba(184,146,71,0.14);
}

.tst-btn:disabled{
  opacity: .40;
  cursor: default;
  transform: none;
  box-shadow: none;
  background: #fff;
  border-color: rgba(17,24,39,0.12);
}

/* ---------- SLIDER LAYOUT ---------- */
.tst-viewport{
  overflow: hidden;
  padding-top: 12px;
}

.tst-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 22px) / 2); /* 2 visible */
  gap: 22px;

  will-change: transform;
  transition: transform 620ms cubic-bezier(.18,.86,.22,1);
}

/* ===============================
   CARD DESIGN — MINIMAL CONTRACT
   =============================== */

.tst-card{
  background:#fff;
  border: none;
  border-left: 3px solid rgba(17,24,39,0.92);
  border-radius: 0;

  padding: 20px 24px 18px;
  box-shadow: none;

  /* reveal default state */
  opacity: 0;
  transform: translateY(16px);
  filter: blur(7px);

  transition:
    opacity 640ms cubic-bezier(.18,.86,.22,1),
    transform 640ms cubic-bezier(.18,.86,.22,1),
    filter 640ms cubic-bezier(.18,.86,.22,1),
    border-left-color 220ms ease;
}

/* ghilimelele NU apar la contract style */
.tst-quote{ display:none; }

.tst-text{
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(17,24,39,0.92);
}

/* meta: fin, document-like */
.tst-meta{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;

  padding-top: 12px;
  border-top: 1px solid rgba(17,24,39,0.18);
}

.tst-name{
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .08em;
  color: #111827;
}

.tst-loc{
  font-size: 12px;
  color: rgba(17,24,39,0.55);
  text-align: right;
}

/* reveal active */
.tst-card.is-visible{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* hover ultra subtil: border devine auriu */
.tst-card:hover{
  border-left-color: rgba(184,146,71,0.95);
}

/* responsive */
@media (max-width: 900px){
  .tst-head{
    flex-direction: column;
    align-items: flex-start;
  }
  .tst-controls{ margin-left: 0; }
  .tst-track{ grid-auto-columns: 100%; }
  .tst-title{ font-size: 28px; }
}

/* ===============================
   WTU — LIGHT GOLD CARDS (NO BORDER)
   =============================== */

.wtu-features{
  gap: 28px;
}

.wtu-feature{
  padding: 28px 28px 24px;
  border-radius: 0;               /* arhitectural */
  border: none;                   /* 🔥 FĂRĂ BORDER */

  /* aur foarte deschis / champagne */
  background: linear-gradient(
    180deg,
    #fffaf0 0%,
    #fff4e3 100%
  );

  /* shadow discret, aproape invizibil */
  box-shadow:
    0 30px 80px rgba(0,0,0,0.18),
    0 10px 30px rgba(201,172,99,0.25);

  position: relative;
  overflow: hidden;

  transition:
    transform 260ms cubic-bezier(.18,.86,.22,1),
    box-shadow 260ms cubic-bezier(.18,.86,.22,1);
}

/* eliminăm orice pseudo-border vechi */
.wtu-feature::before,
.wtu-feature::after{
  display: none !important;
}

/* ICON */
.wtu-icon{
  opacity: .9;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,0.16));
}

/* TITLU */
.wtu-feature-title{
  color: #3a2f1a;   /* brun elegant */
}

/* TEXT */
.wtu-feature-text{
  color: rgba(58,47,26,0.70);
}

/* ===============================
   HOVER — RIDICARE PREMIUM
   =============================== */

.wtu-feature:hover{
  transform: translateY(-6px);

  box-shadow:
    0 30px 80px rgba(0,0,0,0.18),
    0 10px 30px rgba(201,172,99,0.25);
}