/* ====== Stil luminos, elegant, mobile-first ====== */
:root{
  --bg:#ffffff;
  --bg-alt:#f8fafc;
  --ivory:#fbf7ef;          /* fildeș deschis pentru boxuri */
  --ivory-dark:#f3ebdc;     /* fildeș închis general */
  --ivory-deep:#d2c09b;     /* FILDEȘ FOARTE ÎNCHIS – background meniu mobil */
  --card:#ffffff;
  --text:#0f172a;
  --muted:#475569;
  --line:#e2e8f0;
  --brand:#0ea5e9;
  --brand-2:#38bdf8;
  --ok:#16a34a;
  --err:#dc2626;
  --max:1160px;
  --radius:16px;
  --shadow:0 10px 24px rgba(2, 6, 23, .06);
  --font-text: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  --font-head: "Merriweather", Georgia, "Times New Roman", serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }

body{
  margin:0;
  font:17.5px/1.7 var(--font-text);
  color:var(--text);
  background:
    radial-gradient(80% 50% at 10% 0%, rgba(14,165,233,.12), transparent 60%),
    radial-gradient(60% 40% at 90% 10%, rgba(56,189,248,.10), transparent 60%),
    var(--bg);
}
img{max-width:100%; height:auto; display:block}
svg{display:inline-block}

h1,h2,h3{font-family:var(--font-head); color:#0b1a31; line-height:1.25}
h1{font-size:clamp(34px, 5.2vw, 48px); margin:0 0 8px}
h2{font-size:clamp(26px, 3.8vw, 34px); margin:0 0 18px}
h3{font-size:clamp(18px, 2.4vw, 20px); margin:0 0 8px}

/* Layout */
.container{width:min(100% - 32px, var(--max)); margin-inline:auto}
.container.wide{width:min(100% - 16px, 1400px)}
.flex{display:flex; gap:16px}
.center{align-items:center}
.between{justify-content:space-between}
.grid2{display:grid; gap:26px; grid-template-columns:1fr}
@media (min-width:880px){.grid2{grid-template-columns:1.1fr .9fr}}

/* Accessibility */
.skip-link{position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden}
.skip-link:focus{left:12px; top:12px; width:auto; height:auto; padding:8px 12px; background:#fff; color:#111; border-radius:8px; box-shadow:0 0 0 3px rgba(14,165,233,.4)}

/* Header (alb mereu) */
.site-header{
  position:sticky; top:0; z-index:70;
  backdrop-filter:saturate(180%) blur(8px);
  background:rgba(255,255,255,.92);
  border-bottom:1px solid var(--line);
}

/* Brand */
.brand-link{display:flex; gap:10px; align-items:center; text-decoration:none; color:var(--text)}
.logo-img{width:auto; height:38px; display:block}
.brand-text{font-weight:800; font-size:1.06rem}

/* Burger (mobil) */
.burger{
  appearance:none; border:1px solid var(--line); background:#fff; color:inherit;
  width:44px; height:44px; border-radius:10px; display:none; align-items:center; justify-content:center;
  box-shadow:var(--shadow); cursor:pointer;
}
.burger-box{display:inline-block; width:22px; height:16px; position:relative}
.burger-inner, .burger-inner::before, .burger-inner::after{
  content:""; position:absolute; left:0; right:0; height:2px; background:#0f172a; border-radius:2px; transition:transform .2s ease, top .2s ease, opacity .2s ease
}
.burger-inner{top:7px}
.burger-inner::before{top:-7px}
.burger-inner::after{top:7px}
body.nav-open .burger-inner{transform:rotate(45deg)}
body.nav-open .burger-inner::before{transform:rotate(90deg); top:0}
body.nav-open .burger-inner::after{opacity:0}

/* Nav (desktop) */
.site-nav{margin-left:auto}
.site-nav ul{
  display:flex; gap:22px; list-style:none; padding:0; margin:0;
  align-items:center; justify-content:center;
}
.site-nav a{color:var(--text); text-decoration:none; opacity:.9; padding:10px 12px; border-radius:10px; font-weight:700}
.site-nav a:hover{opacity:1; background:var(--bg-alt)}

/* =======================
   MENIU MOBIL FULL-SCREEN (premium)
   ======================= */
@media (max-width:940px){
  .burger{display:inline-flex}

  /* Overlay semi-transparent sub meniu (click pentru închidere) */
  .nav-overlay{
    position:fixed; inset:0;
    background:rgba(0,0,0,.35);
    display:none; z-index:1999;
  }
  body.nav-open .nav-overlay{display:block}

  /* Meniul propriu-zis – FULL SCREEN, centrat */
  .site-nav{
    position:fixed; inset:0;
    display:flex; align-items:center; justify-content:center;
    background:var(--ivory-deep);  /* fildeș închis pe tot ecranul */
    transform:scale(.98); opacity:0; pointer-events:none;
    transition:opacity .22s ease, transform .22s ease;
    z-index:2000;
    padding:24px;
  }
  body.nav-open .site-nav{transform:scale(1); opacity:1; pointer-events:auto}

  /* Conținutul meniului */
  .site-nav ul{
    flex-direction:column; gap:8px; width:min(520px,92vw);
    align-items:center; justify-content:center; text-align:center;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(0,0,0,.08);
    border-radius:16px; padding:16px 18px;
    box-shadow:0 12px 40px rgba(2,6,23,.25);
    backdrop-filter: blur(2px);
  }
  .site-nav li{width:100%}
  .site-nav a{
    display:block; padding:14px 10px; font-size:1.22rem; letter-spacing:.1px;
    color:#ffffff !important; background:transparent; border-radius:12px;
    text-shadow:0 1px 0 rgba(0,0,0,.18);
  }
  .site-nav a:hover{background:rgba(255,255,255,.12)}
  .site-nav li + li{border-top:1px dashed rgba(255,255,255,.18)}

  /* Burger fix ca buton de închidere */
  body.nav-open .burger{
    position:fixed; right:14px; top:12px;
    z-index:2200; background:#fff;
  }

  body.nav-open{overflow:hidden}
}

/* Iconițe */
.i{display:inline-block; width:1.1em; height:1.1em; vertical-align:-0.2em; margin-right:.4em}
/* (restul sprite-urilor pentru .i rămân identice cu versiunea ta existentă) */
.i-phone{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%230f172a" viewBox="0 0 24 24"><path d="M6.6 10.8a15.5 15.5 0 006.6 6.6l2.2-2.2a1 1 0 011.1-.22 12 12 0 003.8.62 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h2.4a1 1 0 011 1 12 12 0 00.62 3.8 1 1 0 01-.22 1.1l-2.2 2.2z"/></svg>') no-repeat center/contain}
.i-whatsapp{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%230f172a" viewBox="0 0 24 24"><path d="M20 12a8 8 0 11-14.9 4.1L3 21l4.9-1.3A8 8 0 1120 12zm-4.6 1.9c-.2-.1-1.4-.7-1.6-.8-.2-.1-.3-.1-.5.1s-.6.8-.8 1c-.1.1-.3.2-.5.1-1.4-.7-2.6-1.9-3.3-3.3-.1-.1 0-.3.1-.5.1-.2.7-1.2.8-1.4.1-.2 0-.3 0-.4l-.4-1c-.1-.3-.3-.3-.5-.3h-.4c-.1 0 -.4.1 -.6.3 -.6.6 -1 1.4 -1.1 2.3 0 2 .7 3.6 2 4.9 1.3 1.3 2.9 2 4.9 2 .9 0 1.7 -.3 2.3 -.9 .2 -.2 .3 -.4 .3 -.6 v-.4 c0 -.2 0 -.3 -.3 -.5 z"/></svg>') no-repeat center/contain}
.i-edit{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%230f172a" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm18-11.5a1 1 0 000-1.41l-1.34-1.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75L21 5.75z"/></svg>') no-repeat center/contain}
.i-check{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><path d="M5 13l4 4L19 7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain}
.i-badge{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%230f172a" viewBox="0 0 24 24"><path d="M12 2l3 6 6 .9-4.5 4.4L18 20l-6-3.2L6 20l1.5-6.7L3 8.9 9 8l3-6z"/></svg>') no-repeat center/contain}
.i-scale{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><path d="M3 7l5 9h8l5-9M6 7h12M12 7v13" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain}
.i-time{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" stroke-width="1.8"/><path d="M12 7v6l4 2" stroke-width="1.8" stroke-linecap="round"/></svg>') no-repeat center/contain}
.i-info{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" stroke-width="1.8"/><path d="M12 10v6m0-8h.01" stroke-width="1.8" stroke-linecap="round"/></svg>') no-repeat center/contain}
.i-book{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><path d="M4 5a2 2 0 012-2h12v15.5A1.5 1.5 0 0116.5 20H6a2 2 0 00-2 2V5z" stroke-width="1.8"/></svg>') no-repeat center/contain}
.i-help{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><path d="M9.1 9a3 3 0 115.8 1c0 2-3 2-3 4m.1 4h.01" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain}
.i-cash{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><rect x="3" y="6" width="18" height="12" rx="2" stroke-width="1.8"/><circle cx="12" cy="12" r="3" stroke-width="1.8"/></svg>') no-repeat center/contain}
.i-map{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><path d="M9 18l-6 3V6l6-3 6 3 6-3v15l-6 3-6-3zM9 3v15" stroke-width="1.6" stroke-linecap="round"/></svg>') no-repeat center/contain}
.i-send{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><path d="M22 2L11 13" stroke-width="1.8"/><path d="M22 2l-7 20-4-9-9-4 20-7z" stroke-width="1.2"/></svg>') no-repeat center/contain}
.i-mail{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%230f172a" fill="none" viewBox="0 0 24 24"><rect x="3" y="5" width="14.5" height="14" rx="2" stroke-width="1.8"/><path d="M3 7l9 6 9-6" stroke-width="1.8"/></svg>') no-repeat center/contain}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 16px; border-radius:12px; text-decoration:none; font-weight:700;
  border:1px solid var(--line); color:var(--text); background:#fff; box-shadow:var(--shadow);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  font-size:1rem;
}
@media (prefers-reduced-motion: reduce){ .btn{transition:none} }
.btn:hover{transform:translateY(-1px); box-shadow:0 14px 30px rgba(2,6,23,.08)}
.btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-2)); border-color:transparent; color:#05212e}
.btn-secondary{background:#fff; color:var(--text)}
.btn-call{background:#ecfeff; border-color:#bae6fd; color:#0c4a6e}

/* HERO */
.hero{padding:60px 0 22px;}
.lead{font-size:1.15rem; color:#0b1a31}
.sublead{margin-top:6px; color:var(--muted)}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0}
.trust{display:flex; flex-wrap:wrap; gap:12px; padding:0; margin:16px 0 0; list-style:none; color:var(--muted)}
.hero-media{border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:var(--bg-alt); border:1px solid var(--line)}
.hero-media img{width:100%; height:100%; object-fit:cover; aspect-ratio:4/3}
.hero-placeholder{min-height:220px; background:var(--bg-alt); border-radius:var(--radius); border:1px dashed var(--line)}

/* ANUNȚ CTA */
.announcement{
  padding:22px 0 0;
  background:linear-gradient(180deg, var(--bg), var(--bg-alt));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.ann-box{
  display:grid; grid-template-columns:1fr; gap:18px;
  background:#ffffff; border:1px solid var(--line); border-radius:20px;
  padding:18px; box-shadow:var(--shadow);
}
.ann-icon{
  width:64px; height:64px; border-radius:16px;
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  display:grid; place-items:center;
}
.ann-icon svg{width:36px; height:36px; fill:#05212e}
.ann-content p{margin:0 0 12px; color:var(--muted); font-size:1.02rem}
.ann-actions{display:flex; gap:10px; flex-wrap:wrap}
@media (min-width:780px){
  .ann-box{grid-template-columns:auto 1fr}
}

/* Sections */
.section{padding:52px 0}
.section.alt{background:linear-gradient(180deg, var(--bg), var(--bg-alt))}
.section h2{margin-bottom:14px}

/* Feature grid – boxuri fildeș */
.feature-grid{display:grid; grid-template-columns:1fr; gap:14px}
.feature{
  background:var(--ivory); border:1px solid #efe7d7; border-radius:14px; padding:16px 18px; box-shadow:var(--shadow);
  font-size:1.02rem;
}
@media (min-width:860px){.feature-grid{grid-template-columns:repeat(3,1fr)}}

/* Benzi info fildeș */
.band{margin-top:16px; border-radius:14px; padding:16px 18px; box-shadow:var(--shadow)}
.band.band-ivory{background:var(--ivory); border:1px solid #efe7d7; color:#0b2740}

/* Steps */
.steps{counter-reset:step; list-style:none; padding:0; margin:0; display:grid; gap:12px}
.steps li{
  background:var(--ivory); border:1px solid #efe7d7; border-radius:12px; padding:14px 14px 14px 52px; position:relative; box-shadow:var(--shadow);
}
.steps li::before{
  counter-increment:step; content:counter(step);
  position:absolute; left:12px; top:12px;
  width:26px; height:26px; border-radius:8px; display:grid; place-items:center;
  background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:#05212e; font-weight:800
}
.info-line{margin-top:12px; color:var(--muted); display:flex; align-items:center; gap:8px}

/* Media laterală */
.side-media{border:1px solid var(--line); border-radius:12px; overflow:hidden; box-shadow:var(--shadow); background:#fff}
.side-media.ivory{background:var(--ivory); border-color:#efe7d7}
.side-media img{width:100%; height:100%; object-fit:cover; aspect-ratio:4/3}
.hide-mobile{display:block}
@media (max-width:880px){ .hide-mobile{display:none} }

/* Carduri jos cu text peste imagine – vizibile și pe mobil */
.desktop-cards{padding:28px 0; background:linear-gradient(180deg, var(--bg), var(--bg-alt))}
.card-row{display:grid; grid-template-columns:1fr; gap:18px}
@media (min-width:980px){ .card-row{grid-template-columns:repeat(2,1fr)} }
.card-img{position:relative; border-radius:18px; overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow); background:#fff}
.card-img img{width:100%; height:100%; object-fit:cover; aspect-ratio:4/3}
.card-img figcaption{
  position:absolute; left:14px; bottom:14px;
  padding:12px 14px; border-radius:12px;
  background:rgba(11,26,49,.78); color:#fff; font-family:var(--font-head);
  box-shadow:0 8px 18px rgba(2,6,23,.22);
}
.cap-title{display:block; font-size:1.22rem; margin-bottom:4px}
.cap-sub{display:block; font-size:.98rem; font-family:var(--font-text); font-weight:600}

/* Form */
.contact-form{display:grid; gap:12px}
.contact-form label{display:grid; gap:6px; color:var(--muted)}
.contact-form input, .contact-form textarea{
  background:#fff; color:#000;
  border:1px solid var(--line); border-radius:12px; padding:12px;
  box-shadow:var(--shadow);
  font-size:1rem;
}
.contact-form input:focus, .contact-form textarea:focus{outline:3px solid rgba(14,165,233,.35); border-color:#7dd3fc}
.contact-form .grid2{grid-template-columns:1fr}
@media (min-width:760px){.contact-form .grid2{grid-template-columns:repeat(2,1fr)}}
.hp{position:absolute !important; left:-5000px !important; width:1px; height:1px; overflow:hidden}
.actions{display:flex; gap:10px; flex-wrap:wrap}
.form-note{font-size:.95rem; color:#475569}

/* Flash */
.flash{padding:12px 14px; border-radius:12px; margin-bottom:10px; border:1px solid}
.flash.ok{background:#ecfdf5; border-color:#86efac; color:#065f46}
.flash.err{background:#fef2f2; border-color:#fecaca; color:#7f1d1d}

/* ===== FAQ – stil ===== */
.faq h2{font-size:clamp(28px, 4.2vw, 36px); margin-bottom:10px;}
#intrebari .faq-item{border-bottom:1px solid var(--line); padding:10px 0;}
#intrebari .faq-item:last-of-type{border-bottom:none}
#intrebari summary{list-style:none; cursor:pointer; font-weight:700; display:flex; align-items:center; gap:10px; position:relative; padding-left:28px}
#intrebari summary::-webkit-details-marker{display:none}
#intrebari summary::before{content:"▸"; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:1rem; color:#0b1a31; opacity:.9; transition:transform .18s}
#intrebari details[open] > summary::before{transform:translateY(-50%) rotate(90deg)}
#intrebari summary .i{width:1.15em; height:1.15em; margin-right:.5em; margin-left:-.1em}
#intrebari p{margin:8px 0 6px 28px; color:var(--muted)}

/* Footer */
.site-footer{
  padding:30px 0 34px;
  border-top:1px solid #e7ddc9;
  background:var(--ivory-dark);
  color:#3a3a3a;
}
.site-footer a{color:#1a2a3a; text-decoration:none}
.site-footer a:hover{opacity:.9}
.footer-center{text-align:center}
.site-footer .copy{margin:0 0 6px}
.footer-contact{display:inline-flex; align-items:center; gap:6px}
.legal{margin-top:12px; font-size:.96rem; line-height:1.55}
.gdpr{margin-top:10px; font-size:.78rem; line-height:1.5; color:#364351}

/* ————— Cerințe speciale: MOBILE ————— */
@media (max-width: 760px){
  :root{ --bg: var(--ivory-dark); --bg-alt: var(--ivory); }
  body{ background: var(--ivory-dark); }
}

/* Icon anunț: ascuns pe mobil */
@media (max-width: 780px){
  .ann-icon{ display:none; }
  .ann-box{ grid-template-columns:1fr; }
}

/* Poze full-bleed pe mobil */
@media (max-width: 880px){
  .hero-media,
  .side-media{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    border-radius:0;
    border-left:none;
    border-right:none;
    box-shadow:none;
  }
  .hero-media img,
  .side-media img{ aspect-ratio:auto; }
}

/* Print */
@media print{
  .site-header, .cta-row, .announcement, .actions {display:none}
  body{background:#fff; color:#000}
}

/* Small JS enhancement */
@media (hover: none) {.btn:hover{transform:none; box-shadow:var(--shadow)}}
.js .site-nav a:focus{outline:3px solid rgba(14,165,233,.35)}