/* =========================================================
   NELIT — stilul site-ului

   Partea 1: CSS-ul VARIANTEI 1, preluat neatins din designul aprobat.
   Partea 2: completările — secțiunea de mașini din varianta 3,
   meniul în stil Porsche, steagurile RO/EN și paginile interioare.

   NU edita partea 1 dacă vrei să rămâi fidel variantei 1.
   ========================================================= */

/* =========================================================
   NELIT — Școala de Șoferi | Design inspirat din stilul Porsche
   ========================================================= */

:root{
  --black:#0a0a0a;
  --ink:#111214;
  --gray-900:#1c1d20;
  --gray-700:#3c3d42;
  --gray-500:#6d6f76;
  --gray-400:#9a9ca3;
  --gray-300:#c9cbd1;
  --gray-200:#e4e5e9;
  --gray-100:#f2f3f5;
  --gray-50:#f8f9fb;
  --white:#ffffff;
  --blue:#2233dd;
  --blue-600:#1a29c4;
  --blue-050:#eef0ff;
  --radius:2px;
  --maxw:1440px;
  --pad:clamp(20px,5vw,80px);
  --nav-h:78px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font);
  color:var(--ink);
  background:var(--white);
  line-height:1.5;
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}

/* ---------- Typography helpers ---------- */
h1,h2,h3,h4{font-weight:700;line-height:1.05;letter-spacing:-.02em}
.eyebrow{
  font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--blue);display:inline-block;margin-bottom:22px;
}
.eyebrow.light{color:rgba(255,255,255,.8)}
.section-title{font-size:clamp(30px,4.6vw,60px);letter-spacing:-.03em}
.lead{font-size:clamp(17px,1.5vw,21px);color:var(--gray-500);line-height:1.6;font-weight:400}

/* ---------- Layout ---------- */
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}
section{position:relative}
.section-pad{padding-block:clamp(80px,11vw,160px)}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 30px;font-size:14px;font-weight:600;letter-spacing:.01em;
  border-radius:var(--radius);transition:.3s var(--ease);cursor:pointer;
  border:1px solid transparent;white-space:nowrap;
}
.btn svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--blue-600)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#000}
.btn-ghost{border-color:var(--gray-300);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--gray-100)}
.btn-outline-light{border-color:rgba(255,255,255,.4);color:#fff}
.btn-outline-light:hover{background:#fff;color:var(--ink)}

.link-cta{
  display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;
  color:var(--ink);padding-bottom:6px;position:relative;transition:color .3s;
}
.link-cta::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:currentColor;transform:scaleX(1);transform-origin:left;transition:.4s var(--ease)}
.link-cta svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.link-cta:hover{color:var(--blue)}
.link-cta:hover svg{transform:translateX(5px)}

/* =========================================================
   TOP BAR
   ========================================================= */
.topbar{
  background:var(--ink);color:var(--gray-300);font-size:12.5px;
  letter-spacing:.02em;position:relative;z-index:60;
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:38px}
.topbar a{color:var(--gray-300);transition:color .25s}
.topbar a:hover{color:#fff}
.topbar-left{display:flex;gap:26px;align-items:center}
.topbar-left span{display:inline-flex;align-items:center;gap:7px}
.topbar-left svg{width:13px;height:13px;opacity:.8}
.topbar-right{display:flex;gap:20px;align-items:center}
.topbar .sep{opacity:.3}

/* =========================================================
   HEADER / NAV
   ========================================================= */
.header{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid var(--gray-200);transition:box-shadow .4s,height .4s;
}
.header.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:24px}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img{height:46px;width:auto}

.nav-menu{display:flex;align-items:center;gap:4px}
.nav-item{position:relative}
.nav-link{
  display:inline-flex;align-items:center;gap:6px;
  padding:12px 16px;font-size:14.5px;font-weight:500;color:var(--gray-700);
  border-radius:var(--radius);transition:color .25s;letter-spacing:.005em;
}
.nav-link:hover{color:var(--ink)}
.nav-link .chev{width:11px;height:11px;transition:transform .3s;opacity:.7}
.nav-item:hover .chev{transform:rotate(180deg)}

/* Dropdown */
.dropdown{
  position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(10px);
  min-width:250px;background:#fff;border:1px solid var(--gray-200);
  box-shadow:0 24px 60px rgba(10,12,30,.14);border-radius:6px;padding:10px;
  opacity:0;visibility:hidden;transition:.3s var(--ease);
}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown a{
  display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:4px;
  transition:background .2s;
}
.dropdown a:hover{background:var(--gray-100)}
.dropdown a strong{font-size:14.5px;font-weight:600;color:var(--ink)}
.dropdown a span{font-size:12.5px;color:var(--gray-500)}

.nav-right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.lang{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600}
.lang button{padding:6px 8px;color:var(--gray-400);border-radius:3px;transition:.2s;font-weight:600}
.lang button.active{color:var(--ink)}
.lang button:hover{color:var(--blue)}
.lang .divider{color:var(--gray-300)}

.burger{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.burger span{display:block;width:22px;height:2px;background:var(--ink);transition:.35s var(--ease)}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;
  color:#fff;overflow:hidden;padding-bottom:clamp(60px,9vh,110px)}
.hero-bg{position:absolute;inset:0;z-index:-2}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;
  transform:scale(1.12);will-change:transform}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(6,8,20,.55) 0%,rgba(6,8,20,.15) 35%,rgba(6,8,20,.55) 78%,rgba(6,8,20,.85) 100%)}
.hero .wrap{width:100%}
.hero-content{max-width:820px}
.hero h1{font-size:clamp(40px,7vw,92px);letter-spacing:-.035em;line-height:.98;
  text-shadow:0 2px 40px rgba(0,0,0,.3)}
.hero h1 .thin{font-weight:300}
.hero p{margin-top:26px;max-width:560px;font-size:clamp(16px,1.7vw,20px);
  color:rgba(255,255,255,.9);line-height:1.55}
.hero-actions{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap}
.hero-stats{display:flex;gap:clamp(30px,5vw,64px);margin-top:56px;flex-wrap:wrap}
.hero-stat .num{font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.02em}
.hero-stat .lbl{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.65);margin-top:6px}
.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);
  z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.scroll-cue .mouse{width:24px;height:38px;border:1.5px solid rgba(255,255,255,.5);border-radius:14px;position:relative}
.scroll-cue .mouse::after{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);
  width:3px;height:7px;border-radius:2px;background:#fff;animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}80%{opacity:0;transform:translate(-50%,12px)}}

/* =========================================================
   MARQUEE (fleet)
   ========================================================= */
.marquee{background:var(--ink);color:#fff;padding:26px 0;overflow:hidden;position:relative}
.marquee-track{display:flex;gap:60px;width:max-content;animation:scrollx 32s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:flex;align-items:center;gap:60px;font-size:clamp(16px,2vw,24px);
  font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.85);white-space:nowrap}
.marquee-item::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
@keyframes scrollx{to{transform:translateX(-50%)}}

/* =========================================================
   DESPRE NOI
   ========================================================= */
.about{background:var(--white);padding-bottom:75px}
.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.about-text p{margin-top:22px;font-size:17px;color:var(--gray-500);line-height:1.7;max-width:520px}
.about-media{position:relative}
.about-media img{width:100%;height:clamp(360px,52vw,600px);object-fit:cover;object-position:center;border-radius:6px}
.about-badge{position:absolute;left:-24px;bottom:-24px;background:var(--blue);color:#fff;
  padding:26px 30px;border-radius:6px;box-shadow:0 20px 50px rgba(34,51,221,.35)}
.about-badge .b-num{font-size:44px;font-weight:700;line-height:1;letter-spacing:-.02em}
.about-badge .b-lbl{font-size:13px;margin-top:8px;opacity:.9;max-width:130px;line-height:1.35}

.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(60px,8vw,90px);
  border-top:1px solid var(--gray-200);padding-top:clamp(40px,5vw,56px)}
.stat .s-num{font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.stat .s-num .plus{color:var(--blue)}
.stat .s-lbl{margin-top:8px;font-size:14px;color:var(--gray-500);letter-spacing:.02em}

/* =========================================================
   CATEGORII AUTO
   ========================================================= */
.categories{background:var(--gray-50);padding-top:0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;
  margin-bottom:clamp(40px,5vw,64px);flex-wrap:wrap}
.sec-head .lead{max-width:440px}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px)}
.cat-card{position:relative;background:#fff;border-radius:8px;overflow:hidden;
  border:1px solid var(--gray-200);transition:.5s var(--ease);display:flex;flex-direction:column}
.cat-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(10,12,30,.13);border-color:transparent}
.cat-media{aspect-ratio:2/1;overflow:hidden;position:relative}
.cat-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.cat-card:hover .cat-media img{transform:scale(1.07)}
.cat-tag{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.92);
  backdrop-filter:blur(6px);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;padding:8px 14px;border-radius:3px}
.cat-body{padding:28px 26px 30px;display:flex;flex-direction:column;flex:1}
.cat-body h3{font-size:26px;letter-spacing:-.02em}
.cat-body p{margin-top:12px;color:var(--gray-500);font-size:15px;line-height:1.6;flex:1}
.cat-meta{display:flex;gap:18px;margin:20px 0 22px;flex-wrap:wrap}
.cat-meta span{font-size:13px;color:var(--gray-700);display:inline-flex;align-items:center;gap:6px}
.cat-meta svg{width:15px;height:15px;color:var(--blue)}
.cat-price{margin:0 0 22px;font-size:14px;color:var(--gray-700);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.cat-price strong{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.cat-price .cp-from{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-400)}

/* =========================================================
   VIP OFFER — dark showcase
   ========================================================= */
.vip{background:var(--ink);color:#fff;overflow:hidden}
.vip-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,6vw,80px);align-items:center}
.vip-text h2{font-size:clamp(30px,4.4vw,56px)}
.vip-price{display:flex;align-items:baseline;gap:12px;margin:34px 0;
  padding:24px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.vip-price .p{font-size:clamp(40px,5vw,64px);font-weight:700;letter-spacing:-.03em}
.vip-price .c{font-size:20px;color:var(--gray-400)}
.vip-price .note{margin-left:auto;font-size:13px;color:var(--gray-400);max-width:180px;text-align:right}
.vip-list{display:grid;gap:16px;margin-bottom:36px}
.vip-list li{display:flex;gap:14px;align-items:flex-start;font-size:15.5px;color:rgba(255,255,255,.85);line-height:1.5}
.vip-list svg{width:20px;height:20px;color:var(--blue);flex-shrink:0;margin-top:1px}
.vip-cars{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vip-car{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:24px 22px;transition:.4s var(--ease)}
.vip-car:hover{background:rgba(255,255,255,.09);transform:translateY(-4px)}
.vip-car h4{font-size:19px;letter-spacing:-.01em}
.vip-car p{font-size:13px;color:var(--gray-400);margin-top:10px;line-height:1.55}

/* =========================================================
   DE CE NOI
   ========================================================= */
.why{background:#fff}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px)}
.why-card{padding:34px 30px;border-radius:8px;background:var(--gray-50);
  border:1px solid var(--gray-200);transition:.4s var(--ease)}
.why-card:hover{background:#fff;box-shadow:0 20px 44px rgba(10,12,30,.1);transform:translateY(-6px)}
.why-num{font-size:13px;font-weight:700;color:var(--blue);letter-spacing:.1em}
.why-card h4{font-size:20px;margin-top:18px;letter-spacing:-.01em}
.why-card p{margin-top:12px;color:var(--gray-500);font-size:14.5px;line-height:1.6}

/* =========================================================
   DOCUMENTE
   ========================================================= */
.docs{background:var(--gray-50);padding-top:0}
.docs-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,80px);align-items:start}
.docs-list{display:grid;gap:2px;background:var(--gray-200);border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}
.docs-list li{background:#fff;padding:22px 26px;display:flex;gap:18px;align-items:center;transition:background .3s}
.docs-list li:hover{background:var(--blue-050)}
.docs-list .d-ico{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--blue-050);
  display:grid;place-items:center;color:var(--blue)}
.docs-list .d-ico svg{width:19px;height:19px}
.docs-list .d-txt strong{display:block;font-size:15.5px;color:var(--ink)}
.docs-list .d-txt span{font-size:13.5px;color:var(--gray-500)}

/* =========================================================
   GALERIE FOTO
   ========================================================= */
.gallery{background:#fff;padding-top:0}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.g-item{position:relative;overflow:hidden;border-radius:6px;cursor:pointer;background:var(--gray-100);aspect-ratio:3/2}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.g-item::after{content:"";position:absolute;inset:0;background:rgba(10,12,30,0);transition:background .4s}
.g-item:hover img{transform:scale(1.08)}
.g-item:hover::after{background:rgba(10,12,30,.18)}
.g-item .g-plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);
  width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;
  opacity:0;transition:.4s var(--ease);z-index:2;color:var(--ink)}
.g-item:hover .g-plus{opacity:1;transform:translate(-50%,-50%) scale(1)}
.g-tall,.g-wide{grid-row:auto;grid-column:auto}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(6,8,18,.94);
  display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.4s}
.lightbox.open{opacity:1;visibility:visible}
.lightbox img{max-width:88vw;max-height:86vh;border-radius:4px;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.lb-close,.lb-nav{position:absolute;color:#fff;background:rgba(255,255,255,.1);border-radius:50%;
  width:52px;height:52px;display:grid;place-items:center;transition:.25s}
.lb-close:hover,.lb-nav:hover{background:rgba(255,255,255,.22)}
.lb-close{top:26px;right:26px}
.lb-nav.prev{left:26px;top:50%;transform:translateY(-50%)}
.lb-nav.next{right:26px;top:50%;transform:translateY(-50%)}
.lb-nav svg,.lb-close svg{width:22px;height:22px}

/* =========================================================
   CONTACT
   ========================================================= */
.contact{background:var(--ink);color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px)}
.contact-info h2{font-size:clamp(30px,4vw,52px)}
.contact-info .lead{color:var(--gray-400);margin-top:20px;max-width:440px}
.info-rows{margin-top:44px;display:grid;gap:2px}
.info-row{display:flex;gap:18px;padding:22px 0;border-top:1px solid rgba(255,255,255,.12);align-items:flex-start}
.info-row:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.info-row .i-ico{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);
  display:grid;place-items:center;flex-shrink:0;color:var(--blue)}
.info-row .i-ico svg{width:19px;height:19px}
.info-row .i-lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-400)}
.info-row .i-val{font-size:16px;margin-top:5px;color:#fff}
.info-row .i-val a{transition:color .2s}
.info-row .i-val a:hover{color:var(--blue)}
.socials{margin-top:36px;display:flex;gap:12px}
.socials a{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);
  display:grid;place-items:center;transition:.3s var(--ease)}
.socials a:hover{background:#fff;color:var(--ink);border-color:#fff}
.socials svg{width:19px;height:19px}

.contact-card{background:#fff;color:var(--ink);border-radius:10px;padding:clamp(28px,3vw,40px)}
.contact-card h3{font-size:22px}
.contact-card p.sub{color:var(--gray-500);font-size:14.5px;margin-top:8px}
.form{margin-top:26px;display:grid;gap:16px}
.field{display:grid;gap:8px}
.field label{font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--gray-700)}
.field input,.field select,.field textarea{
  padding:14px 16px;border:1px solid var(--gray-200);border-radius:5px;font-family:inherit;
  font-size:15px;color:var(--ink);background:var(--gray-50);transition:.25s;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px var(--blue-050)}
.field.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}
.form .btn{justify-content:center;width:100%;margin-top:6px}
.form-note{font-size:12.5px;color:var(--gray-400);text-align:center;margin-top:4px}
.map-wrap{margin-top:0;border-radius:10px;overflow:hidden;
  border:1px solid rgba(255,255,255,.12);height:100%;min-height:360px}
.map-wrap iframe{width:100%;height:100%;min-height:340px;border:0;filter:grayscale(1) invert(.92) contrast(.9)}

/* horizontal contact form bar */
.form-bar{margin-top:clamp(36px,4.5vw,60px);background:#fff;border-radius:12px;
  padding:clamp(24px,3vw,40px);box-shadow:0 20px 50px rgba(10,12,30,.1)}
.form-bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;
  flex-wrap:wrap;margin-bottom:22px}
.form-bar-head h3{font-size:24px;letter-spacing:-.01em;color:var(--ink)}
.form-bar-head .sub{color:var(--gray-500);font-size:14.5px}
.form-inline{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:16px;align-items:end}
.form-inline .field{display:grid;gap:8px}
.form-inline .btn{height:52px;white-space:nowrap}
.form-bar .form-note{margin-top:14px;text-align:left}
@media(max-width:900px){.form-inline{grid-template-columns:1fr 1fr}.form-inline .btn{grid-column:1/-1;justify-content:center}}
@media(max-width:560px){.form-inline{grid-template-columns:1fr}}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{background:#050609;color:var(--gray-400);padding-top:clamp(60px,7vw,90px)}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;
  border-bottom:1px solid rgba(255,255,255,.09)}
.footer-brand img{height:42px;filter:brightness(0) invert(1);margin-bottom:22px}
.footer-brand p{font-size:14px;line-height:1.7;max-width:280px}
.footer-col h5{color:#fff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}
.footer-col a{display:block;font-size:14.5px;padding:7px 0;color:var(--gray-400);transition:color .2s}
.footer-col a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:28px 0;font-size:13px;color:var(--gray-500);flex-wrap:wrap}
.footer-bottom .fb-firma{color:var(--gray-500)}

/* =========================================================
   SCROLL REVEAL
   ========================================================= */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}
.reveal.d2{transition-delay:.16s}
.reveal.d3{transition-delay:.24s}
.reveal.d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  .marquee-track,.scroll-cue .mouse::after{animation:none}
}

/* =========================================================
   MOBILE NAV PANEL
   ========================================================= */
.mobile-panel{position:fixed;inset:0;top:0;z-index:70;background:#fff;transform:translateX(100%);
  transition:transform .45s var(--ease);display:flex;flex-direction:column;overflow-y:auto;padding:24px var(--pad) 60px}
.mobile-panel.open{transform:none}
.mp-head{display:flex;justify-content:space-between;align-items:center;height:54px;margin-bottom:20px}
.mp-head img{height:32px}
.mp-close{width:44px;height:44px;display:grid;place-items:center}
.mp-close svg{width:24px;height:24px}
.mp-nav a,.mp-nav .mp-group>button{display:flex;justify-content:space-between;align-items:center;width:100%;
  font-size:22px;font-weight:600;letter-spacing:-.01em;padding:16px 0;border-bottom:1px solid var(--gray-100);color:var(--ink)}
.mp-sub{overflow:hidden;max-height:0;transition:max-height .4s var(--ease)}
.mp-group.open .mp-sub{max-height:300px}
.mp-group.open>button svg{transform:rotate(180deg)}
.mp-group>button svg{width:16px;height:16px;transition:transform .3s}
.mp-sub a{font-size:17px;font-weight:500;color:var(--gray-500);padding:12px 0 12px 16px;border:none}
.mp-foot{margin-top:auto;padding-top:36px}
.mp-foot .btn{width:100%;justify-content:center;margin-bottom:14px}
.mp-lang{display:flex;gap:8px;justify-content:center;margin-top:16px}
.mp-lang button{padding:8px 16px;border:1px solid var(--gray-200);border-radius:4px;font-weight:600;font-size:14px}
.mp-lang button.active{background:var(--ink);color:#fff;border-color:var(--ink)}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1100px){
  .nav-menu{display:none}
  .burger{display:flex}
  .nav .btn-primary{display:none}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr;gap:36px}
}
@media (max-width:1024px){
  .cat-grid{grid-template-columns:1fr;max-width:200%;margin-inline:auto}
}
@media (max-width:900px){
  .topbar-left span:not(.tb-phone){display:none}
  .about-grid,.vip-grid,.docs-grid,.contact-grid{grid-template-columns:1fr}
  .about-media{order:-1}
  .vip-cars{grid-template-columns:1fr 1fr}
  .stat-row{grid-template-columns:1fr 1fr;gap:34px}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .map-wrap iframe{filter:none}
  .hero{min-height:92vh}
}
@media (max-width:600px){
  .topbar-right .tb-orar{display:none}
  .why-grid{grid-template-columns:1fr}
  .vip-cars{grid-template-columns:1fr}
  .stat-row{grid-template-columns:1fr 1fr;gap:26px}
  .field.two{grid-template-columns:1fr}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%;justify-content:center}
  .about-badge{left:16px;right:16px;bottom:-20px}
  .footer-top{grid-template-columns:1fr;gap:30px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .sec-head{flex-direction:column;align-items:flex-start}
  .hero .wrap{width:100%;padding-top:40px}
}


/* =========================================================
   NELIT — completări peste designul VARIANTEI 1
   ---------------------------------------------------------
   Fișierul de mai sus este CSS-ul V1, neatins. Aici vin doar:
     1. secțiunea cu mașini preluată din varianta 3
        (înlocuiește secțiunea de galerie din V1);
     2. meniul mare în stil Porsche + butonul „Meniu";
     3. steagurile RO / EN;
     4. componentele paginilor interioare, care în V1 nu existau.
   ========================================================= */

/* Plasă de siguranță pentru iconițe: specificitate 0, ca orice regulă
   din designul V1 (.btn svg, .cat-meta svg etc.) să aibă întâietate. */
:where(svg.ico){width:1em;height:1em;flex-shrink:0}

/* ---------------------------------------------------------
   CULORI — text mai închis și secțiuni mai bine delimitate
   Textul de corp era prea deschis (gri 6d6f76, contrast 5:1).
   Îl ducem spre negru (contrast ~8:1), iar fundalul alternativ
   îl facem cu o nuanță mai vizibil, ca să se vadă unde începe
   și unde se termină fiecare secțiune.
   --------------------------------------------------------- */
:root{
  --gray-500:#4d5058;   /* text de corp — era #6d6f76 */
  --gray-400:#8a8d95;   /* etichete secundare — era #9a9ca3 */
  --gray-50:#f1f3f7;    /* fundal alternativ — era #f8f9fb */
}

/* Pe fundal închis textul secundar trebuie să rămână deschis. */
.footer-bottom .fb-firma,
.footer{color:#9a9ca3}
.vip-car p,.cta-text .lead,.contact-info .lead{color:#a7aab2}
.vip-price .note,.vip-price .c{color:#a7aab2}

/* ---------------------------------------------------------
   0. ARANJARE — titluri lungi și imagini aliniate
   Titlurile mari se rupeau inegal și lăsau coloana de imagine
   nealiniată. `text-wrap:balance` echilibrează rândurile, iar
   imaginile din secțiunile pe două coloane umplu toată înălțimea.
   --------------------------------------------------------- */
h1,h2,h3,h4,.section-title{text-wrap:balance}
.lead,.sec-head p{text-wrap:pretty}

/* Titlurile de secțiune erau prea mari (până la 60 px) și rupeau ritmul
   paginii. Le aducem la o scară mai potrivită pentru text lung. */
.section-title{font-size:clamp(28px,3.5vw,46px)}
.vip-text h2,.contact-info h2,.cta-text h2{font-size:clamp(28px,3.2vw,42px)}
.about-badge .b-num{font-size:38px}

/* ---------------------------------------------------------
   RITMUL PAGINII
   Spațierea dintre secțiuni era prea generoasă (până la 160 px
   sus + 160 jos = peste 300 px de gol între două secțiuni).
   --------------------------------------------------------- */
.section-pad{padding-block:clamp(60px,7.5vw,108px)}
.section-pad-sm{padding-block:clamp(44px,5.5vw,76px)}

/* Secțiunile cu fundal propriu aveau `padding-top:0` în V1 și se bazau pe
   spațiul secțiunii de deasupra. Cum fundalul lor e diferit, conținutul
   ajungea lipit de marginea de sus a benzii colorate. */
.categories,.docs,.fleet{padding-top:clamp(60px,7.5vw,108px)}

/* Hero-ul paginii principale: puțin aer sub meniu (conținutul era lipit
   de header) și un titlu ceva mai mic, ca să nu domine ecranul. */
.hero .wrap{width:100%;padding-top:clamp(56px,10vh,104px)}
.hero h1{font-size:clamp(36px,5.2vw,70px);line-height:1.02;margin-bottom:22px}
.hero-content{max-width:780px}
.hero-content > p{max-width:54ch}

/* Secțiunile pe două coloane: media umple coloana, deci marginile
   de sus și de jos coincid cu ale textului.
   Se aplică ȚINTIT pe coloana de text și pe cea de imagine — nu pe
   toți copiii, ca să nu stricăm grilele din interior (ex. .vip-cars). */
.vip-grid,.about-grid,.carrow{align-items:stretch}
.vip-grid > .vip-text,
.about-grid > .about-text,
.carrow > .carrow-body{display:flex;flex-direction:column;justify-content:center}
.vip-grid > .vip-media,
.about-grid > .about-media,
.carrow > .carrow-media{align-self:stretch;display:block}
.vip-media img,.carrow-media img{height:100%;object-fit:cover}

/* Limitează lățimea titlurilor mari ca să nu ajungă pe 3–4 rânduri */
.vip-text h2,.contact-info h2{max-width:15ch}
.cta-text h2{max-width:26ch}   /* „Gata să pornești la drum?" încape pe un rând */
.sec-head .section-title{max-width:20ch}
.sec-head--center .section-title{max-width:24ch;margin-inline:auto}

/* ---------------------------------------------------------
   1. FLOTA — grila din varianta 3
   --------------------------------------------------------- */
.fleet{background:#fff;padding-top:0}
.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fcard{
  position:relative;overflow:hidden;border-radius:6px;aspect-ratio:4/3;
  background:var(--ink);color:#fff;display:block;
}
.fcard-thumb{position:absolute;inset:0;overflow:hidden}
.fcard-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.fcard:hover .fcard-thumb img{transform:scale(1.08)}
.fcard::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,10,22,.9) 0%,rgba(8,10,22,.4) 46%,rgba(8,10,22,.04) 78%);
  transition:background .4s var(--ease);
}
.fcard:hover::after{background:linear-gradient(to top,rgba(8,10,22,.94) 0%,rgba(8,10,22,.55) 54%,rgba(8,10,22,.14) 84%)}
.fcard-idx{
  position:absolute;top:14px;left:16px;z-index:2;font-size:12px;font-weight:600;
  letter-spacing:.1em;color:rgba(255,255,255,.6);
}
.fcard-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(15px,1.4vw,22px)}
.fcard-name{display:block;font-weight:600;font-size:clamp(15px,1.35vw,20px);letter-spacing:-.02em;line-height:1.2}
.fcard-feat{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fcard-feat span{
  font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
  padding:4px 9px;border-radius:20px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
}
.fcard-go{
  position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;
  display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);opacity:0;transform:translateY(-6px);
  transition:.35s var(--ease);
}
.fcard-go svg{width:15px;height:15px}
.fcard:hover .fcard-go{opacity:1;transform:none}
.fleet-cta{margin-top:clamp(28px,3.2vw,44px);display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.fleet-note{font-size:14px;color:var(--gray-500)}

/* ---------------------------------------------------------
   2. BUTONUL „MENIU" + MENIUL MARE (stil Porsche)
   --------------------------------------------------------- */
.menu-toggle{
  display:inline-flex;align-items:center;gap:11px;padding:11px 16px;
  border:1px solid var(--gray-200);border-radius:5px;transition:.28s var(--ease);
}
.menu-toggle:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.menu-toggle-txt{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.menu-toggle-bars{display:flex;flex-direction:column;justify-content:center;gap:4px;width:18px;height:14px}
.menu-toggle-bars i{display:block;height:2px;width:100%;background:currentColor;transition:.3s var(--ease)}
.menu-toggle-bars i:nth-child(2){width:70%}
.menu-toggle:hover .menu-toggle-bars i:nth-child(2){width:100%}

.mega{position:fixed;inset:0;z-index:210}
.mega[hidden]{display:none}
.mega-backdrop{position:absolute;inset:0;background:rgba(6,8,18,.55);opacity:0;transition:opacity .45s var(--ease)}
.mega.is-open .mega-backdrop{opacity:1}
.mega-shell{
  position:absolute;top:0;right:0;bottom:0;width:min(1240px,100%);
  background:#fff;display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .5s var(--ease);
  box-shadow:-30px 0 80px rgba(6,8,18,.2);
}
.mega.is-open .mega-shell{transform:none}
.mega-top{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px var(--pad);border-bottom:1px solid var(--gray-200);flex-shrink:0;
}
.mega-brand img{height:38px;width:auto}
.mega-close{
  width:48px;height:48px;display:grid;place-items:center;border-radius:50%;
  background:var(--gray-100);transition:.28s var(--ease);
}
.mega-close svg{width:20px;height:20px}
.mega-close:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}

.mega-body{flex:1;min-height:0;display:grid;grid-template-columns:390px 1fr;position:relative}
.mega-nav{position:static;overflow-y:auto;padding:22px var(--pad) 22px;border-right:1px solid var(--gray-200)}
.mega-nav ul,.mega-nav li{position:static}
.mega-nav-btn{
  width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;
  gap:3px 10px;text-align:left;padding:15px 16px;border-radius:5px;
  transition:background .28s var(--ease);
}
/* 17.5 px încape pe un rând și pentru „Mașinile noastre"; la 20 px se rupea. */
.mega-nav-label{font-size:17.5px;font-weight:600;letter-spacing:-.02em;grid-column:1;line-height:1.25}
.mega-nav-desc{grid-column:1;font-size:12px;color:var(--gray-500);line-height:1.4;font-weight:400}
.mega-nav-chev{grid-column:2;grid-row:1/3;width:16px;height:16px;color:var(--gray-400);transition:transform .3s var(--ease)}
.mega-nav-btn:hover{background:var(--gray-50)}
.mega-nav-btn.is-active{background:var(--gray-100)}
.mega-nav-btn.is-active .mega-nav-chev{color:var(--ink);transform:translateX(3px)}
.mega-stage{background:var(--gray-50)}
.mega-panel{
  position:absolute;top:0;right:0;bottom:0;left:390px;
  background:var(--gray-50);overflow-y:auto;padding:34px clamp(24px,3.4vw,54px) 40px;
}
.mega-panel[hidden]{display:none}
.mega-panel-head{margin-bottom:22px}
.mega-panel-head h2{font-size:clamp(20px,1.9vw,27px);letter-spacing:-.025em}
.mega-panel-head p{margin-top:8px;font-size:14px;color:var(--gray-500);max-width:60ch}
.mega-panel-foot{margin-top:30px;padding-top:24px;border-top:1px solid var(--gray-200)}

/* Lista de mașini din panou: rânduri compacte, două pe rând, cu
   miniatură + nume + combustibil. Toate modelele se văd dintr-o privire,
   fără derulare lungă. */
.mega-cars{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px}
.mcar{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;
  background:#fff;border:1px solid var(--gray-200);border-radius:8px;
  padding:9px 12px 9px 9px;transition:.28s var(--ease);
}
.mcar:hover{border-color:var(--ink);transform:translateX(3px);box-shadow:0 10px 24px rgba(10,12,30,.08)}
.mcar-img{
  display:block;width:70px;height:48px;flex-shrink:0;overflow:hidden;
  border-radius:5px;background:var(--gray-100);
}
.mcar-img img{width:100%;height:100%;object-fit:cover;object-position:center 50%;transition:transform .6s var(--ease)}
.mcar:hover .mcar-img img{transform:scale(1.08)}
.mcar-txt{min-width:0;display:block}
.mcar-name{
  display:block;font-size:14.5px;font-weight:600;letter-spacing:-.015em;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mcar-meta{display:block;font-size:12px;color:var(--gray-400);margin-top:2px}
.mcar-go{color:var(--gray-300);display:inline-flex;transition:.3s var(--ease)}
.mcar-go svg{width:15px;height:15px}
.mcar:hover .mcar-go{transform:translateX(3px);color:var(--ink)}
.chip{
  display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 10px;border-radius:20px;background:var(--ink);color:#fff;
}
.chip--ghost{background:transparent;color:var(--gray-500);border:1px solid var(--gray-300)}

.mega-links{display:flex;flex-direction:column;gap:8px;max-width:760px}
.mlink{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;
  background:#fff;border:1px solid var(--gray-200);border-radius:6px;padding:20px 22px;transition:.28s var(--ease);
}
.mlink:hover{border-color:var(--ink);transform:translateX(4px)}
.mlink-title{font-size:16.5px;font-weight:600;letter-spacing:-.015em}
.mlink-desc{grid-column:1;font-size:13px;color:var(--gray-500);line-height:1.5}
.mlink svg{grid-column:2;grid-row:1/3;width:17px;height:17px;color:var(--gray-400)}
.mlink--all{background:var(--ink);color:#fff;border-color:var(--ink)}
.mlink--all svg{color:#fff;grid-row:1}
.mlink--all:hover{background:#000}

.mega-foot{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:18px var(--pad);border-top:1px solid var(--gray-200);flex-shrink:0;background:#fff;
}
.mega-foot-contact{display:flex;gap:10px;flex-wrap:wrap}

/* ---------------------------------------------------------
   3. STEAGURI RO / EN (păstrează stilul .lang din V1)
   --------------------------------------------------------- */
.lang-btn{
  display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:3px;
  font-size:13px;font-weight:600;color:var(--gray-400);transition:.2s;
}
.lang-btn .flag{width:18px;height:12px;border-radius:1px;display:block;flex-shrink:0;opacity:.75}
.lang-btn:hover{color:var(--blue)}
.lang-btn:hover .flag{opacity:1}
.lang-btn.is-active{color:var(--ink)}
.lang-btn.is-active .flag{opacity:1}
.lang-name{display:none}
.lang--panel{gap:8px}
.lang--panel .lang-btn{padding:10px 16px;border:1px solid var(--gray-200);border-radius:5px;color:var(--ink)}
.lang--panel .lang-btn .lang-code{display:none}
.lang--panel .lang-name{display:inline}
.lang--panel .lang-btn:hover{background:var(--gray-100)}
.lang--panel .lang-btn.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.lang--panel .lang-btn.is-active .flag{opacity:1}

/* ---------------------------------------------------------
   4. PAGINI INTERIOARE (nu existau în V1)
   --------------------------------------------------------- */
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--ink);color:#fff;padding:12px 20px;font-size:14px;font-weight:600}
.skip-link:focus{left:0}
.section-pad-sm{padding-block:clamp(50px,7vw,100px)}
.bg-gray{background:var(--gray-50)}

/* Hero pagini interioare — aceeași rețetă ca hero-ul V1, doar mai scund.
   Imaginea NU se mărește (ar arăta pixelat), iar peste ea punem un voal
   întunecat suficient de puternic cât textul să se citească pe orice poză. */
.phero{position:relative;color:#fff;overflow:hidden;padding-block:clamp(52px,6.5vw,86px);isolation:isolate}
.phero-bg{position:absolute;inset:0;z-index:-2;background:var(--ink)}
.phero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.phero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,rgba(6,8,20,.92) 0%,rgba(6,8,20,.78) 42%,rgba(6,8,20,.42) 100%),
    linear-gradient(180deg,rgba(6,8,20,.5) 0%,rgba(6,8,20,.2) 45%,rgba(6,8,20,.7) 100%);
}
.crumbs{display:flex;align-items:center;gap:9px;font-size:12.5px;color:rgba(255,255,255,.65);margin-bottom:22px}
.crumbs a{transition:color .25s}
.crumbs a:hover{color:#fff}
.crumbs svg{width:13px;height:13px;opacity:.5}
.phero .eyebrow{margin-bottom:16px}
.phero-content{max-width:min(760px,88%)}
.phero h1{font-size:clamp(30px,4.4vw,54px);letter-spacing:-.03em;line-height:1.06;text-wrap:balance;max-width:18ch}
.phero-content p{margin-top:18px;font-size:clamp(15px,1.3vw,17.5px);line-height:1.6;color:rgba(255,255,255,.8);max-width:56ch;text-wrap:pretty}

.sec-head--center{display:block;text-align:center;max-width:820px;margin-inline:auto}
.sec-head--center .lead{margin-inline:auto;max-width:620px}

/* Listă cu bifă — aceeași ca .vip-list din V1, pentru fundal deschis */
.check-list{display:grid;gap:14px}
.check-list li{display:flex;gap:13px;align-items:flex-start;font-size:15px;color:var(--gray-700);line-height:1.55}
.check-list svg{width:19px;height:19px;color:var(--blue);flex-shrink:0;margin-top:1px}
.check-list--two{grid-template-columns:1fr 1fr;gap:16px 40px}
.check-list--sm li{font-size:14px;color:var(--gray-500)}
.check-list--sm svg{width:16px;height:16px;margin-top:2px}

/* ---------------------------------------------------------
   Pașii spre permis — lipseau complet din foaia de stil
   --------------------------------------------------------- */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2vw,28px)}
.step{
  position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:8px;
  padding:28px 26px 30px;transition:.4s var(--ease);
}
.step::before{
  content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;border-radius:8px 8px 0 0;
  background:linear-gradient(90deg,var(--blue) 0%,#5a6cff 100%);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);
}
.step:hover{box-shadow:0 22px 48px rgba(10,12,30,.1);transform:translateY(-5px)}
.step:hover::before{transform:scaleX(1)}
.step-n{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;background:var(--blue-050);color:var(--blue);
  font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:18px;
}
.step h3{font-size:19px;letter-spacing:-.015em}
.step p{margin-top:11px;color:var(--gray-500);font-size:14.5px;line-height:1.6}

/* Titlu de bloc, în afara cardurilor */
.block-title{font-size:clamp(19px,1.8vw,24px);letter-spacing:-.02em;margin-bottom:20px}

/* Grile de carduri pe paginile interioare.
   `stretch` face toate cardurile de pe un rând la fel de înalte. */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);align-items:stretch}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);align-items:stretch}
.doc-grid--2{grid-template-columns:repeat(2,1fr)}
.price-grid--2{grid-template-columns:repeat(2,1fr);max-width:960px}

/* Cardurile de preț fără fotografie (pachete C/C+E, D, BE/B96) primesc
   același tratament ca al mașinilor: fundal cu degrade, accent albastru
   sub titlu și panoul de preț pe fundal închis. */
.price-grid .cat-card{
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 55%,var(--gray-50) 100%);
  position:relative;overflow:hidden;
}
.price-grid .cat-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:3;
  background:linear-gradient(90deg,var(--blue) 0%,#5a6cff 100%);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);
}
.price-grid .cat-card:hover::before{transform:scaleX(1)}
.price-grid .cat-card--featured::before{transform:scaleX(1)}
.price-grid .cat-body h3{position:relative;padding-bottom:12px}
.price-grid .cat-body h3::after{
  content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--blue);
  transition:width .4s var(--ease);
}
.price-grid .cat-card:hover .cat-body h3::after{width:56px}
.price-rows{
  margin:22px 0 0;padding:16px 18px;border-top:0;border-radius:8px;color:#fff;
  background:linear-gradient(135deg,var(--gray-900) 0%,var(--ink) 60%,#0b0c14 100%);
  box-shadow:0 10px 26px rgba(10,12,30,.18);display:grid;gap:9px;
}
.price-rows .price-row .lbl{color:rgba(255,255,255,.55)}
.price-rows .price-row .val{color:#fff}
.price-rows .price-row--main .val{font-size:24px}
.price-rows .price-note,.cat-body .price-rows .price-note{color:rgba(255,255,255,.7)}

/* Cardurile cu listă: lista crește, deci marginea de jos e aceeași peste tot. */
.doc-grid > .why-card{display:flex;flex-direction:column}
.doc-grid > .why-card .check-list{flex:1}

/* În cardurile de preț, lista de specificații absoarbe spațiul liber, așa
   încât panoul de preț și butonul se aliniază pe aceeași linie la toate. */
.cat-card .check-list{flex:1 1 auto}
.cat-card .car-price{margin-top:auto}
.testi-grid > .why-card{display:flex;flex-direction:column}

/* ---------------------------------------------------------
   Cardul de mașină cu preț (pagina Categoria B)
   Construit pe .cat-card din V1, cu ierarhie mai clară:
   fotografie → nume → dotări ca etichete → panou de preț → buton.
   --------------------------------------------------------- */
/* Cardul de mașină, varianta 2: mai puțin alb, cu accente NELIT —
   fundal ușor colorat, linie albastră sus la hover, un voal peste
   fotografie și panoul de preț pe fundal închis, ca secțiunile dark. */
.car-card{
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 55%,var(--gray-50) 100%);
  position:relative;overflow:hidden;
}
.car-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:3;
  background:linear-gradient(90deg,var(--blue) 0%,#5a6cff 100%);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);
}
.car-card:hover::before{transform:scaleX(1)}
.car-card:hover{box-shadow:0 30px 60px rgba(10,12,30,.14)}

/* Fotografiile sursă sunt aproape pătrate (1,2–1,5). La 16/10 se tăia prea
   mult, mai ales roțile. 4/3 e mult mai aproape de proporția originală. */
.car-card .cat-media{aspect-ratio:4/3;position:relative}
.car-card .cat-media img{object-position:center 52%}
.car-card .cat-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,12,30,.35) 0%,rgba(10,12,30,0) 45%);
}
.car-card .cat-body{padding:22px 24px 24px}
.car-card h3{font-size:23px;letter-spacing:-.02em;text-wrap:balance;position:relative;padding-bottom:12px}
.car-card h3::after{
  content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--blue);
  transition:width .4s var(--ease);
}
.car-card:hover h3::after{width:56px}
.car-sub{margin-top:10px;font-size:13px;color:var(--gray-400);letter-spacing:.01em}
/* ---------------------------------------------------------
   Pastilele cu caracteristici (toate dotările de pe nelit.ro)
   Două niveluri: cutia și combustibilul, evidențiate pe fundal
   închis, apoi dotările, pe pastile fine cu contur.
   --------------------------------------------------------- */
.spec-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;list-style:none;padding:0}
/* `margin-top:auto` pe panoul de preț se anulează când nu e spațiu liber,
   așa că garantăm distanța dinspre pastile. */
.car-card .spec-pills{margin-bottom:20px}
.spec-pills .pill{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-size:11.5px;font-weight:600;letter-spacing:.01em;line-height:1;
  padding:7px 12px;border-radius:20px;
  background:#fff;color:var(--gray-700);border:1px solid var(--gray-200);
  transition:.25s var(--ease);
}
.spec-pills .pill svg{width:13px;height:13px;opacity:.9}
.spec-pills .pill--key{
  background:linear-gradient(180deg,var(--gray-900) 0%,var(--ink) 100%);
  color:#fff;border-color:transparent;
  box-shadow:0 2px 8px rgba(10,12,30,.18);
}
.spec-pills .pill--key svg{color:#8f9bff}
.cat-card:hover .spec-pills .pill{border-color:var(--gray-300)}

/* Pe fundal închis (pagina Flotă, oferta VIP) */
.spec-pills--dark .pill{
  background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);
  border-color:rgba(255,255,255,.16);
}
.spec-pills--dark .pill--key{
  background:#fff;color:var(--ink);border-color:#fff;box-shadow:none;
}
.spec-pills--dark .pill--key svg{color:var(--blue)}
/* Panoul de preț pe fundal închis — accentul vizual al cardului. */
.car-price{
  margin-top:20px;border-radius:8px;padding:16px 18px;color:#fff;
  background:linear-gradient(135deg,var(--gray-900) 0%,var(--ink) 60%,#0b0c14 100%);
  box-shadow:0 10px 26px rgba(10,12,30,.18);
}
.car-price-main{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.car-price-main .lbl{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.car-price-main .val{font-size:24px;font-weight:700;letter-spacing:-.025em;color:#fff;white-space:nowrap;line-height:1}
.car-price-sub{
  margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.14);
  display:flex;flex-wrap:wrap;gap:3px 16px;font-size:12.5px;color:rgba(255,255,255,.65);
}
.car-price-sub b{color:#fff;font-weight:600}
/* Specificitate peste `.cat-body p` din V1 */
.cat-body .car-note{margin-top:12px;font-size:12.5px;color:var(--blue);font-weight:500;line-height:1.5;flex:0 0 auto}
.car-card .btn{margin-top:22px;width:100%;justify-content:center}
.car-card .cat-tag{background:rgba(255,255,255,.94)}

/* Cardul de categorie folosit ca listă de prețuri (C/C+E și D) */
.cat-card--featured{border-color:var(--ink)}
.cat-card .check-list{margin:18px 0 0}
.price-rows{margin:22px 0;padding-top:18px;border-top:1px solid var(--gray-200);display:grid;gap:10px}
.price-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.price-row .lbl{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400)}
.price-row .val{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--gray-700);white-space:nowrap}
.price-row--main .val{font-size:27px;color:var(--ink)}
/* Specificitate peste `.cat-body p` din V1, ca nota să nu preia
   culoarea și spațierea paragrafului obișnuit din card. */
.cat-body .price-note,.price-rows .price-note{
  font-size:12.5px;color:var(--blue);font-weight:500;line-height:1.5;margin-top:2px;flex:0 0 auto;
}
.cat-body .link-cta{align-self:flex-start;margin-top:auto}

/* Casetă cu listă, pe cardul „De ce noi" din V1 */
.clist h4{font-size:20px;letter-spacing:-.01em;margin-bottom:20px}
.clist .check-list li{font-size:14.5px;color:var(--gray-500)}

/* Card „De ce noi" folosit ca link (scurtături între pagini) */
.card-link{display:flex;flex-direction:column}
.card-link p{margin-top:12px;color:var(--gray-500);font-size:14.5px;line-height:1.6;flex:1}
.card-link .link-cta{margin-top:22px;align-self:flex-start}

/* Avantaje */
.adv{background:var(--gray-50)}

/* Note, promoții, costuri suplimentare */
.promo{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:var(--blue-050);
  border-left:3px solid var(--blue);border-radius:0 6px 6px 0;padding:24px 28px;margin-bottom:clamp(34px,4vw,54px)}
.promo > svg{width:26px;height:26px;color:var(--blue);flex-shrink:0}
.promo p{font-size:15px;color:var(--gray-700);line-height:1.6;flex:1;min-width:min(260px,100%)}
.notes{margin-top:clamp(28px,3vw,44px);display:flex;flex-direction:column;gap:10px}
.notes li{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--gray-500);line-height:1.6}
.notes svg{width:15px;height:15px;color:var(--gray-400);margin-top:3px;flex-shrink:0}
.extras{margin-top:clamp(34px,4vw,56px);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--gray-200);border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}
.extras div{background:#fff;padding:24px 26px}
.extras dt{font-size:13px;color:var(--gray-500);margin-bottom:8px}
.extras dd{font-size:21px;font-weight:700;letter-spacing:-.02em}

/* Tabele */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll .age-table{min-width:460px}
.age-table{width:100%;border-collapse:collapse;border:1px solid var(--gray-200);background:#fff;border-radius:8px}
.age-table th,.age-table td{padding:16px 20px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--gray-200)}
.age-table th{font-weight:600;background:var(--gray-50);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500)}
.age-table tr:last-child td{border-bottom:none}
.age-table td:first-child{font-weight:600}

/* Pagina Flotă — mașina în detaliu, pe structura .about-grid din V1 */
.carrow{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,90px);align-items:center;
  padding-block:clamp(44px,5.5vw,80px);border-bottom:1px solid var(--gray-200);scroll-margin-top:120px}
.carrow:last-of-type{border-bottom:none}
.carrow-media img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:6px}
.carrow h2{font-size:clamp(26px,3vw,42px);letter-spacing:-.03em}
.carrow-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.carrow-chips .chip{background:var(--gray-100);color:var(--gray-700)}
.carrow-chips .chip--main{background:var(--ink);color:#fff}
.carrow-feats{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 22px;margin-top:26px}
.carrow-feats li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--gray-500);line-height:1.5}
.carrow-feats svg{width:15px;height:15px;color:var(--blue);margin-top:2px;flex-shrink:0}
.carrow-price{margin-top:26px}
.carrow-price .car-price-main .val{font-size:32px}
.carrow-note{font-size:13px;color:var(--blue);margin-top:14px;font-weight:500}
.carrow-actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}

/* Imagine care trebuie să se vadă întreagă (ex. XEV YOYO), fără decupaj.
   În V1 `.about-media img` are înălțime fixă și `cover`, deci tăia mult.
   Aici cutia se întinde cât coloana de text — deci cele două coloane sunt
   simetrice — iar mașina se vede în întregime, încadrată. */
.about-media--full{display:flex;align-self:stretch}
.about-media--full img{
  width:100%;height:100%;min-height:320px;max-height:none;object-fit:contain;
  background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:10px;
}

/* Întrebări frecvente */
.faq-list{max-width:940px;margin-inline:auto;border-top:1px solid var(--gray-200)}
.faq-first{padding-top:clamp(40px,4.5vw,64px)}   /* mai puțin gol sub hero */
.faq-item{border-bottom:1px solid var(--gray-200)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:26px 0;text-align:left;font-size:clamp(16px,1.5vw,20px);font-weight:600;
  letter-spacing:-.02em;transition:color .28s;color:var(--ink)}
.faq-q:hover{color:var(--blue)}
.faq-q svg{width:20px;height:20px;flex-shrink:0;transition:transform .35s var(--ease);color:var(--gray-400)}
.faq-item.is-open .faq-q svg{transform:rotate(45deg);color:var(--blue)}
.faq-a{overflow:hidden;max-height:0;transition:max-height .45s var(--ease)}
.faq-a p{padding-bottom:26px;font-size:15px;color:var(--gray-500);line-height:1.72;max-width:78ch}

/* Testimoniale — pe cardul „De ce noi" din V1 */
.testi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,32px)}
.testi{display:flex;flex-direction:column}
.testi-stars{display:flex;gap:3px;margin-bottom:16px}
.testi-stars svg{width:15px;height:15px;color:#c8a24a;fill:#c8a24a}
.testi p{font-size:14.5px;color:var(--gray-500);line-height:1.65;flex:1;margin-top:0}
.testi-who{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--gray-200)}
.testi-who img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0}
.testi-name{font-size:14px;font-weight:600;color:var(--ink)}
.testi-role{font-size:12px;color:var(--gray-400);margin-top:2px}

/* VIP — cardurile de mașini, pe .vip-car din V1, cu fotografie */
.vip-cars--photo{grid-template-columns:repeat(4,1fr)}
.vip-car--photo{padding:0;overflow:hidden;display:flex;flex-direction:column}
.vip-car--photo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.vip-car-body{padding:22px 22px 26px}
.vip-car--photo .check-list{margin-top:14px;gap:9px}
.vip-car--photo .check-list li{font-size:13px;color:var(--gray-400)}
.vip-car--photo .check-list svg{width:15px;height:15px}

/* Harta rămâne color (în V1 avea filtru alb-negru inversat) */
.map-wrap iframe{filter:none}

/* Cum ajungi la noi — metrou, tramvai, autobuz */
.transport{
  margin-top:clamp(36px,4.5vw,60px);background:#fff;border-radius:12px;
  padding:clamp(26px,3vw,40px);box-shadow:0 20px 50px rgba(10,12,30,.1);color:var(--ink);
}
.transport-head{margin-bottom:26px}
.transport-head h3{font-size:24px;letter-spacing:-.01em}
.transport-head .sub{color:var(--gray-500);font-size:14.5px;margin-top:8px;max-width:70ch}
.transport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--gray-200);
  border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}
.transport-card{background:#fff;padding:24px 22px;transition:background .3s}
.transport-card:hover{background:var(--blue-050)}
.transport-ico{
  width:40px;height:40px;border-radius:50%;background:var(--blue-050);color:var(--blue);
  display:grid;place-items:center;margin-bottom:14px;
}
.transport-ico svg{width:20px;height:20px}
.transport-card h4{font-size:16px;letter-spacing:-.01em;margin-bottom:10px}
.transport-card ul{display:flex;flex-direction:column;gap:7px}
.transport-card li{font-size:13.5px;color:var(--gray-500);line-height:1.55;position:relative;padding-left:14px}
.transport-card li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.transport-foot{
  display:flex;align-items:center;gap:10px;margin-top:20px;font-size:14.5px;color:var(--gray-700);
}
.transport-foot svg{width:17px;height:17px;color:var(--blue);flex-shrink:0}

/* Formularul — capcana pentru roboți și mesajele de răspuns */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note.is-ok{color:#1a7f4b;font-weight:500}
.form-note.is-error{color:#c62828;font-weight:500}
.form textarea{resize:vertical;min-height:84px;font-family:inherit}

/* Datele firmei, ca bandă discretă sub „Cum ajungi la noi" */
.company-strip{margin-top:22px;padding-top:20px;border-top:1px solid var(--gray-200)}
.company-strip .i-lbl{
  display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gray-400);margin-bottom:10px;
}
.company-strip-list{display:flex;flex-wrap:wrap;gap:6px 24px;font-size:13px;color:var(--gray-500)}
.company-strip-list b{color:var(--gray-700);font-weight:600}

/* Contact — pagina dedicată reia secțiunea de contact a V1 */
.contact-card dl{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;font-size:14.5px;margin-top:20px}
.contact-card dt{color:var(--gray-500)}
.contact-card dd{font-weight:600;word-break:break-word;color:var(--ink)}
.contact-card .i-lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-400)}

/* Bandă finală de call-to-action, în tonul secțiunii de contact din V1 */
.cta-band{background:var(--ink);color:#fff;padding-block:clamp(60px,7vw,100px)}
.cta-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,4vw,64px);align-items:center}
.cta-text h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.03em}
.cta-text .lead{color:var(--gray-400);margin-top:20px;max-width:500px}
.cta-actions{display:flex;flex-direction:column;gap:12px}


/* Conținut din editorul WordPress */
.entry p{font-size:16px;color:var(--gray-500);line-height:1.75;margin-bottom:1em}
.entry h2{font-size:clamp(24px,2.6vw,34px);margin:1.4em 0 .5em}
.entry h3{font-size:clamp(19px,1.9vw,24px);margin:1.3em 0 .4em}
.entry ul,.entry ol{margin:0 0 1em 1.2em;color:var(--gray-500);line-height:1.75}
.entry li{margin-bottom:.4em}
.entry a{color:var(--blue);text-decoration:underline}
.entry--page{max-width:820px}

/* ---------------------------------------------------------
   RESPONSIVE pentru completări
   --------------------------------------------------------- */
@media(max-width:1180px){
  /* Sub această lățime meniul orizontal nu mai încape:
     rămâne butonul „Meniu", care are exact aceleași linkuri. */
  .nav-menu{display:none}
  .mega-body{grid-template-columns:340px 1fr}
  .mega-panel{left:340px}
}

@media(max-width:1100px){
  /* În bara de sus rămân doar steagurile; numele limbilor apar oricum
     complet în subsolul meniului mare. */
  .lang--bar .lang-code{display:none}
  .lang--bar{gap:0}
  .lang--bar .lang-btn{padding:6px}
}

@media(max-width:1024px){
  .fleet-grid{grid-template-columns:repeat(3,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .price-grid{grid-template-columns:repeat(2,1fr)}
  .price-grid--2{grid-template-columns:repeat(2,1fr)}
  .doc-grid,.doc-grid--2{grid-template-columns:1fr}
  .check-list--two{grid-template-columns:1fr}
  .extras{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .vip-cars--photo{grid-template-columns:repeat(2,1fr)}
  .transport-grid{grid-template-columns:1fr}
  .carrow{grid-template-columns:1fr;gap:30px}
  .carrow-media{order:-1}
  .cta-inner{grid-template-columns:1fr;gap:30px}
  .cta-actions{flex-direction:row;flex-wrap:wrap}

  /* Meniul mare devine acordeon */
  .mega-shell{width:100%}
  .mega-body{display:block;overflow-y:auto}
  .mega-nav{border-right:none;overflow:visible;padding:12px var(--pad) 30px}
  .mega-nav li{border-bottom:1px solid var(--gray-200)}
  .mega-nav-btn{padding:20px 4px}
  .mega-nav-btn.is-active .mega-nav-chev{transform:rotate(90deg)}
  .mega-stage{display:none}
  .mega-panel{position:static;padding:4px 4px 26px;background:transparent;overflow:visible}
  .mega-panel-head{display:none}
  .mcar{padding:10px}
  .mcar-name{font-size:13.5px}
  .mega-foot{position:sticky;bottom:0}
}

@media(max-width:760px){
  .menu-toggle{padding:10px 13px}
  .menu-toggle-txt{display:none}
  .fleet-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .fcard-name{font-size:13.5px}
  .fcard-feat span{font-size:9px;padding:3px 7px}
  .fcard-go{display:none}
  .fleet-cta .btn{width:100%;justify-content:center}
  .steps-grid{grid-template-columns:1fr}
  .price-grid,.price-grid--2{grid-template-columns:1fr}
  .mega-cars{grid-template-columns:1fr}
  .testi-grid,.vip-cars--photo{grid-template-columns:1fr}
  .carrow-feats{grid-template-columns:1fr}
  .carrow-actions .btn{flex:1 1 100%;justify-content:center}
  .price-row--main .val{font-size:24px}
  .cta-actions{flex-direction:column}
  .cta-actions .btn{width:100%;justify-content:center}
  .mega-nav-label{font-size:18px}
  .mega-foot{flex-direction:column;align-items:stretch;gap:14px}
  .mega-foot-contact{flex-direction:column}
  .mega-foot-contact .btn{width:100%;justify-content:center}
  .lang--panel{justify-content:center}
}

@media(max-width:600px){
  .brand img{height:36px}
  .menu-toggle{padding:10px 12px}
}

@media(max-width:430px){
  /* Butoanele din V1 au `white-space:nowrap`. Pe ecrane foarte înguste un
     buton cu text lung forța coloana să depășească lățimea ecranului, așa
     că îl lăsăm să treacă pe două rânduri. */
  .btn{white-space:normal;text-align:center}
  .about-grid > *,.vip-grid > *,.carrow > *,.contact-grid > *{min-width:0}
}

@media(max-width:359px){
  .fleet-grid{grid-template-columns:1fr}
}

/* =========================================================
   COMPLETĂRI — runda 11
   ========================================================= */

/* ---------------------------------------------------------
   Banda cu modelele: sigla mărcii înaintea numelui
   SVG, nu PNG: o singură cale, monocromă, care moștenește
   culoarea textului. Rămâne clară pe orice ecran (Retina,
   4K) și cântărește ~1 KB, față de un PNG per densitate.
   --------------------------------------------------------- */
.marquee-item{gap:14px}
.marquee-item::after{margin-left:46px}   /* 14 + 46 = distanța de 60 px din V1 */
.mq-logo{
  display:inline-flex;align-items:center;justify-content:center;
  width:clamp(24px,2.6vw,34px);height:clamp(24px,2.6vw,34px);
  color:#fff;opacity:.92;flex-shrink:0;
}
.mq-logo svg{width:100%;height:100%;display:block}
.mq-name{white-space:nowrap}
/* Mașinile fără siglă disponibilă (XEV) rămân doar cu numele,
   aliniat la aceeași înălțime cu restul. */
.marquee-item .mq-name:only-child{display:inline-flex;align-items:center}

@media(max-width:600px){
  .marquee-item{gap:10px}
  .marquee-item::after{margin-left:30px}
  .mq-logo{width:22px;height:22px}
}

/* ---------------------------------------------------------
   Testimoniale — 4 recenzii (exact cele de pe nelit.ro),
   așezate 2×2 în loc de 4 pe rând. Cardurile erau gri pe
   fundal gri și păreau înghesuite; acum sunt albe, cu mai
   mult aer și cu semnul citatului ca accent.
   --------------------------------------------------------- */
.testi-grid{grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.2vw,28px);max-width:1080px;margin-inline:auto}
.why-card.testi{
  position:relative;background:#fff;border:1px solid var(--gray-200);
  padding:clamp(28px,2.8vw,38px) clamp(26px,2.6vw,36px);
}
.why-card.testi:hover{background:#fff;box-shadow:0 24px 50px rgba(10,12,30,.09)}
.why-card.testi::before{
  content:"\201D";position:absolute;top:14px;right:26px;
  font-size:86px;line-height:1;font-weight:700;color:var(--blue);opacity:.09;pointer-events:none;
}
.testi-stars{margin-bottom:18px}
.testi-stars svg{width:16px;height:16px}
.testi p{font-size:15.5px;line-height:1.72;color:var(--gray-700)}
.testi-who{margin-top:26px;padding-top:20px}
.testi-who img{width:46px;height:46px}

@media(max-width:760px){
  .testi-grid{grid-template-columns:1fr}
}

/* ---------------------------------------------------------
   Două secțiuni gri una după alta se citeau ca un singur
   bloc gol, foarte înalt. Când „Avantaje" vine după o
   secțiune gri, o facem albă — și granița redevine vizibilă.
   --------------------------------------------------------- */
.bg-gray + .adv,
.adv + .adv{background:#fff}

/* ---------------------------------------------------------
   Cardurile de preț: aer între listă, panoul de preț și buton
   `margin-top:auto` creează spațiu doar când cardul are loc
   liber — la cardurile pline elementele se lipeau.
   --------------------------------------------------------- */
.cat-card .check-list{margin:18px 0 24px}
.price-grid .cat-card .btn{margin-top:22px;width:100%;justify-content:center}
.price-grid .cat-body p{margin-bottom:4px}

/* Fotografia din cardurile BE / B96: sursa e 1400×935 (3:2), iar
   `.cat-media` din V1 taie la 2:1 — adică fix roțile și remorca.
   La 3:2 se vede toată mașina cu remorcă, fără decupaj. */
.price-grid--2 .cat-media{aspect-ratio:3/2}

/* ---------------------------------------------------------
   Pagina „Mașinile noastre": grila de modele și prima mașină
   în detaliu erau despărțite de trei spații suprapuse
   (jos + sus + padding-ul rândului). Rămâne unul singur.
   --------------------------------------------------------- */
.fleet-detail{padding-top:0}
.fleet-detail .carrow:first-of-type{padding-top:0}

/* ---------------------------------------------------------
   Nota reCAPTCHA (insigna plutitoare e ascunsă, textul e
   obligatoriu — vezi inc/recaptcha.php)
   --------------------------------------------------------- */
.recaptcha-note{margin-top:10px;font-size:11.5px;line-height:1.5;color:var(--gray-400)}
.recaptcha-note a{color:var(--gray-500);text-decoration:underline;text-underline-offset:2px}
.recaptcha-note a:hover{color:var(--blue)}
.form-bar .recaptcha-note{text-align:left}

/* =========================================================
   COMPLETĂRI — runda 12
   ========================================================= */

/* ---------------------------------------------------------
   Secțiunile cu bandă colorată proprie: titlul stătea lipit
   de marginea de sus a benzii. `.fleet` primise mai devreme
   `padding-top:0` (moștenit din V1, unde secțiunea de deasupra
   avea același fundal) — acum are propriul spațiu, la fel ca
   `.categories` și `.docs`.
   --------------------------------------------------------- */
.fleet{padding-top:clamp(60px,7.5vw,108px)}

/* ---------------------------------------------------------
   Textul din dreptul titlului de secțiune era aproape la fel
   de mare ca titlul (până la 21 px) și „concura" cu el.
   --------------------------------------------------------- */
.lead{font-size:clamp(15px,1.15vw,17px)}
.sec-head .lead,.contact-info .lead,.cta-text .lead{max-width:430px}
.phero-content p{font-size:clamp(15px,1.2vw,16.5px)}

/* ---------------------------------------------------------
   Oferta VIP: nota de lângă preț se rupea pe două rânduri
   (avea `max-width:180px` din V1).
   --------------------------------------------------------- */
.vip-price .note{max-width:none;white-space:nowrap;font-size:12.5px}
@media(max-width:560px){
  .vip-price{flex-wrap:wrap}
  .vip-price .note{white-space:normal;margin-left:0;text-align:left;flex-basis:100%}
}

/* ---------------------------------------------------------
   Costuri suplimentare: grila avea 3 coloane fixe, deci la
   două rubrici rămânea o casetă goală. `auto-fit` strânge
   coloanele nefolosite — câte rubrici sunt, atâtea coloane.
   --------------------------------------------------------- */
.extras{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}

/* ---------------------------------------------------------
   Testimoniale: 3 pe rând, pe toată lățimea secțiunii.
   Când ultimul rând are o singură recenzie, o centrăm, ca să
   nu rămână agățată în stânga.
   --------------------------------------------------------- */
.testi-grid{grid-template-columns:repeat(3,1fr);max-width:none}
.testi-grid > .testi:nth-child(4):nth-last-child(1){grid-column:2}
.testi p{font-size:15px}

@media(max-width:1024px){
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid > .testi:nth-child(4):nth-last-child(1){grid-column:auto}
}
@media(max-width:760px){
  .testi-grid{grid-template-columns:1fr}
}

/* ---------------------------------------------------------
   Contact — formularul lângă datele de contact, harta dedesubt
   pe toată lățimea (harta e mai scundă decât formularul, deci
   sub coloana de text nu mai rămâne gol).
   --------------------------------------------------------- */
.contact-side{display:flex;flex-direction:column;gap:16px}
.contact-side .contact-card{margin:0}
.contact-side .contact-card h3{font-size:22px}
.contact-side .form{margin-top:22px}

.map-wrap--wide{
  height:auto;min-height:0;aspect-ratio:21/7;margin-top:clamp(28px,3.5vw,48px);
}
.map-wrap--wide iframe{min-height:0;height:100%}
@media(max-width:760px){ .map-wrap--wide{aspect-ratio:4/3} }

/* Butonul către recenziile Google, lângă cel de Facebook */
.fleet-cta .btn + .btn{margin-left:0}

/* =========================================================
   COMPLETĂRI — runda 13
   ========================================================= */

/* ---------------------------------------------------------
   Butoanele din dreapta meniului: „Înscrie-te" avea 52,6 px,
   iar „MENIU" 39,6 px, fiindcă fiecare își calcula înălțimea
   din propriul padding. Le fixăm aceeași înălțime, ca să stea
   pe aceeași linie de sus și de jos.
   --------------------------------------------------------- */
.nav-right .nav-cta,
.nav-right .menu-toggle{
  height:52px;padding-block:0;
}

/* ---------------------------------------------------------
   Liniile butonului „MENIU"
   A doua părea mai groasă, deși toate trei au 2 px. Cauza e
   ecranul: la scalare 125 %, pasul de 6 px (2 linie + 4 spațiu)
   devine 7,5 pixeli fizici, așa că liniile cădeau alternativ pe
   pixel întreg (ies conturate) și pe jumătate de pixel (ies
   estompate). Cu pasul de 8 px (2 + 6) înmulțirea dă număr
   întreg la toate scalările uzuale — 1×, 1,25×, 1,5×, 1,75×,
   2×, 3× — deci cele trei linii se desenează identic.
   --------------------------------------------------------- */
.menu-toggle-bars{gap:6px;height:18px}

@media(max-width:760px){
  /* Fără butonul albastru (ascuns pe telefon), „MENIU" poate fi mai jos. */
  .nav-right .menu-toggle{height:44px}
}

/* =========================================================
   COMPLETĂRI — runda 14
   ========================================================= */

/* ---------------------------------------------------------
   Cardurile de categorie de pe prima pagină primesc exact
   tratamentul cardurilor de pe pagina Categoria B: fundal cu
   degrade, linie albastră sus la hover, accent sub titlu,
   dotările pe pastile și prețul pe panou închis.
   Textele rămân toate — se schimbă doar felul în care arată.
   --------------------------------------------------------- */
.cat-grid .cat-card{
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 55%,var(--gray-50) 100%);
  position:relative;overflow:hidden;
}
.cat-grid .cat-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:3;
  background:linear-gradient(90deg,var(--blue) 0%,#5a6cff 100%);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);
}
.cat-grid .cat-card:hover::before{transform:scaleX(1)}
.cat-grid .cat-card:hover{box-shadow:0 30px 60px rgba(10,12,30,.14)}

.cat-grid .cat-media{position:relative}
.cat-grid .cat-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,12,30,.35) 0%,rgba(10,12,30,0) 45%);
}

.cat-grid .cat-body h3{position:relative;padding-bottom:12px}
.cat-grid .cat-body h3::after{
  content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--blue);
  transition:width .4s var(--ease);
}
.cat-grid .cat-card:hover .cat-body h3::after{width:56px}

/* Condițiile de înscriere, ca pastilele de pe cardurile de mașini */
.cat-grid .cat-meta{gap:6px;margin:18px 0 20px}
.cat-grid .cat-meta > span{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-size:11.5px;font-weight:600;line-height:1;
  padding:7px 12px;border-radius:20px;
  background:#fff;color:var(--gray-700);border:1px solid var(--gray-200);
  transition:.25s var(--ease);
}
.cat-grid .cat-card:hover .cat-meta > span{border-color:var(--gray-300)}
.cat-grid .cat-meta svg{width:13px;height:13px}

/* Prețul, pe panoul închis */
.cat-grid .cat-price{
  margin:auto 0 0;padding:15px 18px;border-radius:8px;color:#fff;
  background:linear-gradient(135deg,var(--gray-900) 0%,var(--ink) 60%,#0b0c14 100%);
  box-shadow:0 10px 26px rgba(10,12,30,.18);
  display:flex;align-items:baseline;gap:4px 8px;flex-wrap:wrap;
}
.cat-grid .cat-price .cp-from{color:rgba(255,255,255,.55)}
.cat-grid .cat-price strong{color:#fff;font-size:22px;letter-spacing:-.025em}
.cat-grid .cat-body .link-cta{margin-top:20px}

/* ---------------------------------------------------------
   MOBIL — două ajustări cerute
   --------------------------------------------------------- */
/* Insigna „20+ ani" acoperea mașina din fotografie — 113 px din partea
   de jos pe telefon, 109 px pe tabletă. Suprapunerea are sens doar în
   așezarea pe două coloane, unde insigna atârnă în colțul imaginii; sub
   900 px, unde textul trece sub fotografie, o scoatem de peste imagine
   și o punem dedesubt, ca o bandă — poza se vede întreagă. */
@media(max-width:900px){
  .about-badge{
    position:static;inset:auto;margin-top:12px;
    display:flex;align-items:center;gap:16px;padding:18px 22px;
    box-shadow:0 12px 30px rgba(34,51,221,.28);
  }
  .about-badge .b-num{font-size:34px}
  .about-badge .b-lbl{margin-top:0;max-width:none;font-size:13.5px}
}

@media(max-width:600px){
  /* Între textul „Despre noi" și cifre erau 100 px de gol
     (60 margine + 40 padding). Le strângem la jumătate. */
  .stat-row{margin-top:34px;padding-top:28px;gap:24px}
}

/* ---------------------------------------------------------
   Formularul din bara lată (pagina principală) are acum
   aceleași câmpuri ca cel din pagina Contact — s-a adăugat
   Mesaj. Ca să nu se lungească bara, câmpurile stau pe două
   rânduri: datele sus, mesajul plus butonul dedesubt.
   --------------------------------------------------------- */
.form-bar .form-inline{grid-template-columns:repeat(4,1fr)}
.form-bar .form-inline .field--msg{grid-column:1 / 4}
.form-bar .form-inline textarea{min-height:52px;resize:vertical;font-family:inherit}
.form-bar .form-inline .btn{grid-column:4;align-self:end;width:100%;justify-content:center}

@media(max-width:900px){
  .form-bar .form-inline{grid-template-columns:1fr 1fr}
  .form-bar .form-inline .field--msg,
  .form-bar .form-inline .btn{grid-column:1 / -1}
}
@media(max-width:560px){
  .form-bar .form-inline{grid-template-columns:1fr}
}

/* ---------------------------------------------------------
   Prețul cu două valori (Categoria C · C+E)
   Pe telefon, „C de la 3.590 lei · CE de la 1.790 lei" avea
   nevoie de 308 px, dar în panoul închis erau doar 246 px, așa
   că se rupea în mijlocul unei perechi („CE de la" pe un rând,
   „1.790 lei" pe următorul).
   Două măsuri:
     1. fiecare pereche etichetă+preț e o unitate care nu se
        rupe niciodată — dacă tot nu încape, ruptura se face
        DUPĂ bulină, deci al doilea preț trece întreg pe rândul
        următor;
     2. pe telefon prețul scade puțin, ca la lățimile obișnuite
        (de la ~360 px în sus) să încapă pe un singur rând.
   --------------------------------------------------------- */
.cp-pair{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.cp-sep{opacity:.45}

@media(max-width:600px){
  .cat-grid .cat-price{padding-left:14px;padding-right:14px;gap:4px 6px}
  .cat-grid .cat-price strong{font-size:17px}
  .cat-grid .cat-price .cp-from{font-size:10px}
  .cp-pair{gap:5px}
}

/* ---------------------------------------------------------
   Rândul de cifre are acum trei intrări (a dispărut numărul
   de categorii, la cererea clientei), nu patru — altfel
   rămânea o coloană goală în dreapta.
   --------------------------------------------------------- */
.stat-row{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){ .stat-row{grid-template-columns:1fr 1fr} }
@media(max-width:520px){ .stat-row{grid-template-columns:1fr} }

/* ---------------------------------------------------------
   Rețelele sociale în bara de sus — pictograme, nu cuvinte
   (Facebook, Instagram, TikTok).
   --------------------------------------------------------- */
.tb-social{display:inline-flex;align-items:center;gap:12px}
.tb-social a{display:inline-flex;align-items:center;justify-content:center;transition:color .25s,transform .25s}
.tb-social svg{width:15px;height:15px;display:block}
.tb-social a:hover{color:#fff;transform:translateY(-1px)}

/* Cercurile de pe pagina Contact — acum sunt cinci, ceva mai strânse */
.contact-info .socials{flex-wrap:wrap}

@media(max-width:600px){
  /* Pe telefon rămân doar pictogramele, fără programul de lucru. */
  .tb-social{gap:14px}
  .tb-social svg{width:16px;height:16px}
}

/* =====================================================================
   PAGINA DE TERMENI ȘI CONFIDENȚIALITATE
   Document lung de citit, nu de răsfoit: coloană îngustă (cca 70 de
   caractere pe rând), cuprins lipit în stânga pe ecrane late.
   ================================================================== */
.legal-layout {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: clamp(30px, 4vw, 64px);
	align-items: start;
}

.legal-toc {
	position: sticky;
	top: 96px;
	/* Documentul are 9 secțiuni; dacă lista nu încape pe înălțimea
	   ecranului, se derulează în interiorul casetei, nu se taie. */
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	padding: 20px 22px;
	border: 1px solid var(--gray-200);
	border-radius: var(--radius);
	background: #fff;
}

.legal-toc ol {
	margin: 0;
	padding-left: 18px;
	font-size: 13.5px;
	line-height: 1.45;
}

.legal-toc li + li { margin-top: 9px; }

.legal-toc a {
	color: var(--gray-500);
	text-decoration: none;
}

.legal-toc a:hover,
.legal-toc a:focus-visible { color: var(--blue); text-decoration: underline; }

.legal-body { max-width: 74ch; }

.legal-updated {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--gray-500);
}

.legal-disclaimer {
	margin: 14px 0 0;
	padding: 12px 16px;
	border-left: 3px solid var(--blue);
	border-radius: 0 var(--radius) var(--radius) 0;
	background: var(--gray-50);
	font-size: 14px;
	color: var(--gray-500);
}

.legal-section { margin-top: clamp(34px, 4vw, 52px); }

.legal-section h2 {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin: 0 0 18px;
	font-size: clamp(20px, 2.2vw, 25px);
	line-height: 1.25;
	scroll-margin-top: 96px;
}

/* Numărul secțiunii, în pastilă — ancorează ochiul într-un text dens. */
.legal-nr {
	flex: none;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--blue);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	transform: translateY(-2px);
}

.legal-section h3 {
	margin: 28px 0 12px;
	font-size: clamp(17px, 1.7vw, 19px);
	color: var(--ink);
}

.legal-section h4 {
	margin: 24px 0 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--ink);
}

.legal-body p {
	margin: 0 0 14px;
	font-size: 15.5px;
	line-height: 1.75;
	color: var(--gray-500);
}

.legal-body a { color: var(--blue); }

.legal-list {
	margin: 0 0 16px;
	padding-left: 20px;
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--gray-500);
}

.legal-list li { margin-bottom: 9px; }
.legal-list strong { color: var(--ink); }

.legal-note {
	padding: 14px 18px;
	border-radius: var(--radius);
	background: var(--gray-50);
	font-weight: 600;
	color: var(--ink) !important;
}

/* Drepturile GDPR: termenul îngroșat, explicația dedesubt. */
.legal-rights { margin: 0 0 18px; }

.legal-rights dt {
	margin-top: 16px;
	font-weight: 700;
	color: var(--ink);
}

.legal-rights dd {
	margin: 4px 0 0;
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--gray-500);
}

.legal-card {
	margin-top: clamp(30px, 3.4vw, 44px);
	padding: clamp(20px, 2.4vw, 30px);
	border: 1px solid var(--gray-200);
	border-radius: var(--radius);
	background: var(--gray-50);
}

.legal-card h3 {
	margin: 0 0 14px;
	font-size: clamp(17px, 1.7vw, 19px);
}

.legal-card p:last-child { margin-bottom: 0; }

.legal-contact { margin: 0; }

.legal-contact dt {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--gray-500);
}

.legal-contact dd {
	margin: 2px 0 14px;
	font-size: 15.5px;
	line-height: 1.6;
	color: var(--ink);
}

.legal-contact dd:last-child { margin-bottom: 0; }

/* Sub 1000 px cuprinsul nu mai încape lângă text: trece deasupra. */
@media (max-width: 1000px) {
	.legal-layout { grid-template-columns: 1fr; }
	.legal-toc { position: static; }
	.legal-body { max-width: none; }
}

/* Acordul de sub butonul formularului. */
.form-consent,
.form-inline .form-consent {
	margin: 12px 0 0;
	font-size: 12.5px;
	line-height: 1.55;
	color: var(--gray-500);
}

.form-consent a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.form-consent a:hover,
.form-consent a:focus-visible { color: var(--blue); }

/* =====================================================================
   CULORILE UNEI MAȘINI
   Golful manual are patru exemplare în trei culori (două galbene), deci
   miniaturi cu fotografia, nu buline colorate — două buline galbene
   identice ar fi arătat a greșeală. Stau sub fotografie, nu peste ea:
   la patru miniaturi nu mai încăpeau în colț.
   ================================================================== */
.carrow-media { position: relative; }

.carrow-colors {
	margin-top: 10px;
}

.carrow-colors-note {
	display: block;
	margin-bottom: 7px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--gray-500);
}

.carrow-colors-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.carrow-color {
	width: 66px;
	height: 44px;
	padding: 0;
	overflow: hidden;
	border: 2px solid var(--gray-200);
	border-radius: var(--radius);
	background: none;
	cursor: pointer;
	transition: border-color .18s var(--ease), transform .18s var(--ease);
}

.carrow-color img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carrow-color:hover { transform: translateY(-2px); }

.carrow-color.is-on {
	border-color: var(--blue);
}

.carrow-color:focus-visible {
	outline: 2px solid var(--blue);
	outline-offset: 2px;
}

@media (max-width: 560px) {
	.carrow-color { width: 58px; height: 39px; }
}

/* Text citit doar de cititoarele de ecran. */
.screen-reader-text {
	position: absolute;
	width: 1px; height: 1px;
	margin: -1px; padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}