:root{
  --sky-1:#D6EEFF;
  --sky-2:#BFE6FF;
  --sky-3:#8FD3FF;
  --ink:#0B1220;
  --muted:#55657A;
  --card:#ffffff;
  --line:rgba(11,18,32,.12);
  --accent:#1E7BFF;
  --accent2:#00B3FF;
  --radius:18px;
  --shadow:0 12px 30px rgba(11,18,32,.10);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(1100px 760px at 12% 8%, var(--sky-2), transparent 58%),
    radial-gradient(1100px 760px at 88% 18%, var(--sky-3), transparent 55%),
    radial-gradient(900px 600px at 50% 0%, rgba(30,123,255,.22), transparent 60%),
    linear-gradient(180deg, var(--sky-1), #ffffff 42%, #ffffff);

}

a{color:inherit;text-decoration:none}
a:hover{opacity:.92}
img{max-width:100%;height:auto;display:block}

.container{width:min(1120px, 92vw);margin:0 auto}

.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;background:#fff;padding:10px;border-radius:12px;box-shadow:var(--shadow);z-index:999}

.topbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(160%) blur(10px);
  background:rgba(255,255,255,.75);
  border-bottom:1px solid var(--line);
}
.topbar__inner{position:relative;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px 0}

.brand{display:flex;align-items:center;gap:10px;font-family:Poppins,Inter,sans-serif}
.brand__logo{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;object-fit:contain}
.brand__mark{font-weight:700;letter-spacing:.2px}
.brand__name{font-weight:700;color:var(--accent)}

.nav{display:flex;gap:14px;align-items:center}
.nav__link{padding:10px 12px;border-radius:12px;color:var(--muted);font-weight:700}
.nav__link.is-active{background:rgba(30,123,255,.10);color:var(--ink)}
.nav__toggle{display:none}

.hero{padding:44px 0 20px}
.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}
h1{font-family:Poppins,Inter,sans-serif;font-size:clamp(28px, 3.2vw, 46px);line-height:1.08;margin:0 0 12px}
h2{font-family:Poppins,Inter,sans-serif;margin:0 0 12px}
h3{margin:0 0 8px}
.lead{font-size:1.05rem;color:var(--muted);max-width:62ch}
.small{font-size:.95rem}
.muted{color:var(--muted)}

.hero__cta{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:14px;font-weight:800;border:1px solid var(--line);
}
.btn--primary{background:linear-gradient(135deg,#1f7ae0,#2b6cff)!important;color:#fff!important;border:none!important;box-shadow:var(--shadow)}
.btn--ghost{background:rgba(255,255,255,.8)}
.btn--danger{background:#0B1220;color:#fff;border:none}
.btn--whatsapp{background:#25D366;color:#08120a;border:none;font-weight:900}

.bullets{margin:14px 0 0;padding:0;list-style:none;color:var(--muted)}
.bullets li{margin:6px 0}

.section{padding:26px 0}
.section--soft{background:rgba(255,255,255,.7);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section__cta{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}

.grid{display:grid;gap:14px}
.grid--2{grid-template-columns:repeat(2, 1fr)}
.grid--3{grid-template-columns:repeat(3, 1fr)}

.tile, .product{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:0 10px 22px rgba(11,18,32,.06);
}
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.card figcaption{padding:10px 12px;color:var(--muted);font-size:.95rem}

.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.badge{
  background:rgba(30,123,255,.10);
  border:1px solid rgba(30,123,255,.18);
  padding:8px 10px;border-radius:999px;font-weight:900;color:#0B1220;
}

.gallery{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}
.gallery__item{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
}
.gallery__item figcaption{padding:8px 10px;color:var(--muted);font-size:.92rem}

.split{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}

.qr{padding:14px}
.qr img{border-radius:16px;border:1px solid var(--line)}

.logos{display:grid;grid-template-columns:repeat(6, 1fr);gap:10px}
.logo-slot{
  background:rgba(255,255,255,.7);
  border:1px dashed rgba(11,18,32,.22);
  border-radius:14px;padding:12px;text-align:center;font-weight:900;color:var(--muted);
}

.footer{
  margin-top:30px;
  background:rgba(255,255,255,.85);
  border-top:1px solid var(--line);
}
.footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;padding:22px 0}
.footer__links{list-style:none;padding:0;margin:10px 0 0}
.footer__links li{margin:8px 0}
.footer__reviews{display:inline-block;margin-top:10px;font-weight:900;color:var(--accent)}
.footer__bottom{padding:12px 0;border-top:1px solid var(--line)}
.social{display:flex;gap:10px;flex-wrap:wrap}
.social__btn{
  padding:10px 12px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.8);font-weight:900;color:var(--muted);
}

.form{
  display:grid;gap:12px;
}
.input{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.9);
  font-weight:600;
}
textarea.input{min-height:120px;resize:vertical}

.notice{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(30,123,255,.25);
  background:rgba(30,123,255,.08);
}

.kpi{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
.kpi__item{padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.75);text-align:center;font-weight:900}
.kpi__item span{display:block;font-weight:700;color:var(--muted);margin-top:6px;font-size:.92rem}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

@media (max-width: 920px){
  .hero__grid, .split{grid-template-columns:1fr}
  .grid--3{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .logos{grid-template-columns:repeat(3, 1fr)}
  .kpi{grid-template-columns:1fr 1fr}
}

@media (max-width: 620px){
  .nav{
    display:none;
    position:absolute;
    top:70px;
    left:0;
    right:0;
    background:#ffffff;
    padding:16px;
    border-bottom:1px solid rgba(0,0,0,.1);
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    z-index:999;
    flex-direction:column;
    gap:8px;
  }
  .nav.is-open{display:flex}

  .nav__link{
    width:100%;
    padding:12px 14px;
    border-radius:10px;
    background:#f3f8ff;
  }
  .nav__toggle{
    display:inline-flex;
    padding:10px 14px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,.15);
    background:#ffffff;
    font-weight:700;
    cursor:pointer;
  }

  .grid--3{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}

  /* Spațiu între butoanele din card comercial – doar pe mobil */
  .commercial-callout .section__cta{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .commercial-callout .section__cta .btn{
    width:100%;
    justify-content:center;
  }
}


/* Partner banner (Products page) */
.partner-banner{
  margin-top:14px;
  padding:14px 14px;
  border-radius:16px;
  border:1px solid rgba(11,18,32,.10);
  background: linear-gradient(180deg, rgba(30,123,255,.10), rgba(255,255,255,1));
}
.partner-banner__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.partner-banner__logo{
  display:block;
  height:auto;
  max-width:100%;
}
.partner-banner__logo--airpro{max-height:56px}
.partner-banner__logo--platinium{max-height:34px}
.partner-banner__text{
  text-align:center;
  flex:1;
  min-width:0;
}
.partner-banner__title{
  font-weight:900;
  letter-spacing:-.2px;
  color:var(--ink);
}
.partner-banner__subtitle{
  margin-top:4px;
  font-size:.92rem;
  color:var(--muted);
  font-weight:700;
}

/* Compact mobile layout */
@media (max-width: 620px){
  .partner-banner{padding:12px 12px}
  .partner-banner__inner{
    flex-direction:column;
    align-items:center;
    gap:10px;
  }
  .partner-banner__text{order:3}
  .partner-banner__logo--airpro{max-height:52px}
  .partner-banner__logo--platinium{max-height:30px}
  .partner-banner__title{font-size:1.02rem}
  .partner-banner__subtitle{font-size:.9rem}
}


/* Social icons */
.social__btn{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-size:18px;
}
.social__btn:hover{transform: translateY(-2px);}



/* Product layout fixes (prevents oversized images) */
.product__img{
  width:100%;
  max-height:260px;
  object-fit:contain;
  border-radius:14px;
  border:1px solid rgba(11,18,32,.12);
  background:#fff;
}

.product__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.checklist{
  list-style:none;
  padding:0;
  margin:10px 0 0;
  color:var(--muted);
}
.checklist li{
  position:relative;
  padding-left:22px;
  margin:8px 0;
}
.checklist li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:800;
  color:var(--accent);
}

.product--featured{
  border:2px solid rgba(30,123,255,.22);
}


/* === Commercial callout (homepage + produse) === */
.commercial-callout{
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(25,118,210,.18);
  background:
    radial-gradient(900px 220px at 10% 0%, rgba(25,118,210,.18), transparent 60%),
    radial-gradient(700px 220px at 95% 100%, rgba(34,197,94,.14), transparent 60%),
    #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* animated highlight (discreet) */
{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(90deg,
    rgba(25,118,210,0),
    rgba(25,118,210,.45),
    rgba(34,197,94,.35),
    rgba(25,118,210,0)
  );
  transform: translateX(-55%);
  opacity:.45;
  pointer-events:none;
  animation: commercialShine 3.2s ease-in-out infinite;
}

{
  0%{ transform: translateX(-55%); }
  50%{ transform: translateX(35%); }
  100%{ transform: translateX(55%); }
}

/* top row: BUSINESS badge + icons */
.commercial-callout__top{
  display:flex;
  align-items:center;
  gap:10px;
  margin: 0 0 10px 0;
  flex-wrap: wrap;
}

.commercial-callout__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  letter-spacing:.6px;
  text-transform:uppercase;
  color: var(--ink);
  background: rgba(25,118,210,.10);
  border: 1px solid rgba(25,118,210,.22);
}

.commercial-callout__icons{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  color: var(--muted);
  font-size:13px;
}

.commercial-callout__icons i{
  opacity:.9;
}

/* small emphasis on buttons inside */
.commercial-callout .btn--primary{ box-shadow: 0 10px 18px rgba(25,118,210,.22); }
.commercial-callout .btn--whatsapp{ box-shadow: 0 10px 18px rgba(34,197,94,.20); }

@media (prefers-reduced-motion: reduce){
  .commercial-callout::before{ animation:none; }
}
/* BADGE PROIECTE COMERCIALE */

.commercial-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}

/* BADGE PROIECTE COMERCIALE */
.commercial-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}

.commercial-badges span{
  padding:10px 18px;
  font-size:17px;
  font-weight:600;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(4px);
  white-space:nowrap;
  transition:0.2s;
}

/* hover mic premium */
.commercial-badges span:hover{
  background:rgba(255,255,255,0.16);
  transform:translateY(-1px);
}
/* hover mic premium */
.commercial-badges span:hover{
  background:rgba(255,255,255,0.16);
  transform:translateY(-1px);
  transition:0.2s;
}
/* Tipuri aparate (cu imagini) */
.types-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}

.type-img{
  width:100%;
  height:150px;
  object-fit:cover;
  border-radius:14px;
  display:block;
  margin-bottom:10px;
}

.type-card h3{ line-height:1.2; }

@media (max-width: 1100px){
  .types-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px){
  .types-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .types-grid{ grid-template-columns:1fr; }
  .type-img{ height:170px; }
}



/* CTA links (Service / Montaj / Mentenanta) - butoane mari, clare */
.cta-links .btn{
  padding:14px 18px;
  font-size:16px;
  border-radius:16px;
}

@media (max-width: 640px){
  .cta-links .btn{
    width:100%;
    justify-content:center;
  }
}
/* ===== PRO buttons in homepage service cards ===== */

.service-card-cta{
  margin-top:16px;
}

.service-card-cta .btn{
  width:100%;
  justify-content:center;
  padding:14px 18px;
  border-radius:14px;
  font-weight:700;
  transition:all .25s ease;
}

.service-card-cta .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
/* HERO image bigger on desktop (fara impact pe mobil) */
@media (min-width: 900px){

  .hero__grid{
    grid-template-columns: 1.15fr .85fr;
    gap: 24px;
    align-items:center;
  }

  .hero .card{
    margin-left:20px;
  }

}
/* Platinium CTA premium */
.btn--platinium{
  background:linear-gradient(135deg,#f6e27a,#d4af37);
  color:#1a1a1a;
  border:none;
  font-weight:700;
  box-shadow:0 6px 18px rgba(212,175,55,.35);
}

.btn--platinium:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(212,175,55,.45);
}
/* Buton premium (override peste btn--ghost) */
.btn.btn--premium,
.btn.btn--ghost.btn--premium{
  background: linear-gradient(135deg, #f7e7a0 0%, #d6a437 45%, #fff1bf 100%) !important;
  color: #1b1b1b !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

/* efect “shine” subtil */
.btn.btn--premium::before,
.btn.btn--ghost.btn--premium::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-60%;
  width:60%;
  height:180%;
  background: rgba(255,255,255,.35);
  transform: rotate(25deg);
  filter: blur(2px);
  transition: left .6s ease;
}

.btn.btn--premium:hover,
.btn.btn--ghost.btn--premium:hover{
  box-shadow: 0 14px 30px rgba(0,0,0,.22) !important;
  transform: translateY(-1px);
}

.btn.btn--premium:hover::before,
.btn.btn--ghost.btn--premium:hover::before{
  left: 120%;
}

.btn.btn--premium:focus-visible,
.btn.btn--ghost.btn--premium:focus-visible{
  outline: 3px solid rgba(214,164,55,.55);
  outline-offset: 3px;
}
/* Platinium CTA premium (force override) */
.btn.btn--platinium,
.btn.btn--ghost.btn--platinium{
  background:linear-gradient(135deg,#f6e27a,#d4af37) !important;
  color:#1a1a1a !important;
  border:none !important;
  font-weight:800 !important;
  box-shadow:0 6px 18px rgba(212,175,55,.35) !important;
}

.btn.btn--platinium:hover,
.btn.btn--ghost.btn--platinium:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(212,175,55,.45) !important;
}
/* === WOW HERO VIDEO (Platinium) === */
.hero-video{
  position: relative;
  width: 100%;
  min-height: 520px;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  background: #0b1220;
}

.hero-video__media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scale(1.02);
  filter: contrast(1.05) saturate(1.02);
}

.hero-video__overlay{
  position: relative;
  min-height: 520px;
  display:flex;
  align-items:center;
  padding: 56px 0;
  background:
    radial-gradient(900px 500px at 15% 15%, rgba(214,164,55,.18), transparent 55%),
    radial-gradient(800px 500px at 85% 20%, rgba(30,123,255,.20), transparent 55%),
    linear-gradient(90deg, rgba(11,18,32,.86), rgba(11,18,32,.55), rgba(11,18,32,.78));
}

.hero-video__content{
  max-width: 820px;
  color: #fff;
}

.hero-video__kicker{
  display:inline-flex;
  gap:10px;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.22);
  font-weight:800;
  letter-spacing:.3px;
  margin-bottom:12px;
}

.hero-video h1{
  margin:0 0 10px 0;
  color:#fff;
  text-shadow: 0 12px 28px rgba(0,0,0,.35);
}

.hero-video p{
  margin: 0;
  max-width: 62ch;
  color: rgba(255,255,255,.86);
  font-weight:600;
}

.hero-video__cta{
  margin-top:18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* text gold discret */
.hero-video .gold{
  background: linear-gradient(135deg,#fff1bf,#d4af37,#f6e27a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* buton gold clar */
.btn--platinium{
  background: linear-gradient(135deg,#f6e27a,#d4af37) !important;
  color:#1a1a1a !important;
  border:none !important;
  font-weight:900 !important;
  box-shadow: 0 10px 26px rgba(212,175,55,.25) !important;
}
.btn--platinium:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(212,175,55,.35) !important;
}

/* hint de scroll */
.hero-video__hint{
  margin-top:18px;
  width:44px;
  height:44px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.22);
  opacity:.9;
  animation: heroBounce 1.8s ease-in-out infinite;
}

@keyframes heroBounce{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(6px); }
}

@media (max-width: 820px){
  .hero-video, .hero-video__overlay{ min-height: 480px; }
  .hero-video__overlay{ padding: 46px 0; }
}

@media (prefers-reduced-motion: reduce){
  .hero-video__media{ display:none; }
  .hero-video{
    background: url("assets/img/platinium-hero-poster.jpg") center/cover no-repeat;
  }
  .hero-video__hint{ animation:none; }
}
/* === FIX mobile for WOW HERO VIDEO === */
.hero-video__media{
  z-index: 0;
}

.hero-video__overlay{
  z-index: 1;
}

.hero-video__overlay,
.hero-video__media{
  position: absolute;
  inset: 0;
}

.hero-video{
  position: relative;
}

/* Mobile tuning */
@media (max-width: 620px){
  .hero-video{
    min-height: 420px;
  }

  .hero-video__overlay{
    min-height: 420px;
    padding: 22px 0;
    background:
      linear-gradient(180deg, rgba(11,18,32,.88), rgba(11,18,32,.55), rgba(11,18,32,.88));
  }

  .hero-video__content{
    max-width: 92vw;
  }

  .hero-video h1{
    font-size: 30px;
    line-height: 1.08;
  }

  .hero-video p{
    font-size: 14.5px;
    line-height: 1.35;
  }

  .hero-video__cta .btn{
    width: 100%;
    justify-content: center;
  }

  .hero-video__hint{
    display: none;
  }
}
/* Fix meniu mobil peste hero video */
.topbar{ z-index: 9999 !important; position: sticky; }
.nav{ z-index: 10000 !important; }
.nav__toggle{ z-index: 10001 !important; position: relative; }

/* Video layer să nu fure clickuri */
.hero-video__media{ pointer-events: none; }
.hero-video__overlay{ pointer-events: none; }
.hero-video__content{ pointer-events: auto; }
/* === FIX DEFINITIV: MENIU MOBIL (force show) === */
@media (max-width: 620px){

  /* asigură că butonul e deasupra și clickabil */
  .topbar{ z-index: 99999 !important; position: sticky !important; }
  .nav__toggle{ z-index: 100000 !important; position: relative !important; pointer-events: auto !important; }

  /* nav-ul să fie deasupra peste hero */
  .nav{
    z-index: 99998 !important;
    pointer-events: auto !important;
    display: none !important;         /* force hidden by default */
  }

  .nav.is-open{
    display: flex !important;         /* force visible when toggled */
  }

  /* orice overlay/video să nu fure click-uri */
  .hero-video,
  .hero-video__media,
  .hero-video__overlay{
    pointer-events: none !important;
  }
}
/* === MENIU MOBIL CSS-ONLY (fara JS) === */
.nav__check{ display:none; }

@media (max-width: 620px){
  /* cand e bifat checkbox-ul, arata meniul */
  .nav__check:checked ~ .nav{
    display:flex !important;
  }
}
.footer-contact strong{
  display:block;
  font-weight:900;
  margin-bottom:8px;
}

.footer-contact__row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:7px 0;
  font-weight:900;
  font-size:15px;
}

.footer-contact__row i{
  width:18px;
  color:var(--accent);
  font-size:16px;
}

.footer-contact__link{
  font-weight:900;
  letter-spacing:.2px;
}

.footer-contact__link:hover{opacity:.85}
/* ===== Mobile menu (CSS-only) ===== */
.nav__check{ display:none; }
.footer-contact{
  margin-top:14px; /* coboara blocul sub iconite */
}

@media (max-width: 620px){
  .nav{
    display:none;
    position:absolute;
    top:70px;
    left:0;
    right:0;
    background:#ffffff;
    padding:16px;
    border-bottom:1px solid rgba(0,0,0,.1);
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    z-index:999;
    flex-direction:column;
    gap:8px;
  }

  /* cand e bifat checkbox-ul -> arata meniul */
  #navCheck:checked ~ .nav{ display:flex; }

  .nav__link{
    width:100%;
    padding:12px 14px;
    border-radius:10px;
    background:#f3f8ff;
  }

  .nav__toggle{
    display:inline-flex;
    padding:10px 14px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,.15);
    background:#ffffff;
    font-weight:700;
    cursor:pointer;
  }
}

/* desktop: ascunde butonul "Meniu" */
@media (min-width: 621px){
  .nav__toggle{ display:none; }
}
/* === Service cards icon (homepage) === */
.tile{ position:relative; }

.service-icon{
  position:absolute;
  right:16px;
  bottom:16px;
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;

  background: rgba(30,123,255,.10);
  border: 1px solid rgba(30,123,255,.18);
  color: var(--accent);
  box-shadow: 0 10px 22px rgba(11,18,32,.08);
  pointer-events:none;
}

.service-icon i{
  font-size:18px;
}
/* lasa loc iconitei in card */
.tile .btn{ margin-right:64px; }
/* === FIX ICONITE SERVICE PE MOBIL === */
@media (max-width: 768px){

  .tile{
    position:relative !important;
    padding-bottom:60px;   /* lasam loc iconitei jos */
  }

  .service-icon{
    position:absolute !important;
    right:14px !important;
    bottom:14px !important;

    left:auto !important;   /* anuleaza pozitia din stanga */
    
    width:40px;
    height:40px;

    background: rgba(30,123,255,.10) !important;
    border:1px solid rgba(30,123,255,.18) !important;
    color:var(--accent) !important;
  }

  .service-icon i{
    font-size:17px;
  }

}
/* ===== PROMO CARD (spectacular, dar curat) ===== */
.promo-card{
  position:relative;
  overflow:hidden;
  border:2px solid rgba(214,164,55,.30);
  background:
    radial-gradient(900px 240px at 15% 0%, rgba(214,164,55,.18), transparent 60%),
    radial-gradient(700px 260px at 100% 100%, rgba(30,123,255,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.92));
  box-shadow: 0 14px 34px rgba(11,18,32,.10);
}

.promo-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.55),
    rgba(255,255,255,0)
  );
  transform: translateX(-65%) rotate(10deg);
  opacity:.25;
  pointer-events:none;
  animation: promoShine 3.8s ease-in-out infinite;
}

@keyframes promoShine{
  0%{ transform: translateX(-65%) rotate(10deg); }
  50%{ transform: translateX(35%) rotate(10deg); }
  100%{ transform: translateX(65%) rotate(10deg); }
}

.promo-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.promo-badge{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  letter-spacing:.5px;
  background: linear-gradient(135deg, #f7e7a0 0%, #d6a437 45%, #fff1bf 100%);
  border:1px solid rgba(0,0,0,.12);
  color:#1b1b1b;
}

.promo-deadline{
  font-weight:800;
  color: var(--muted);
}

.promo-title{
  margin:0;
  font-size:1.15rem;
  letter-spacing:-.2px;
}

.promo-price{
  margin-top:12px;
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(11,18,32,.10);
  background: rgba(255,255,255,.70);
}

.promo-price strong{
  font-size:1.25rem;
}

.promo-countdown{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
}

.cd-box{
  text-align:center;
  padding:10px 8px;
  border-radius:14px;
  border:1px solid rgba(30,123,255,.16);
  background: rgba(30,123,255,.06);
}

.cd-num{
  font-weight:900;
  font-size:1.25rem;
  color: var(--ink);
  line-height:1;
}

.cd-lbl{
  margin-top:6px;
  font-size:.85rem;
  color: var(--muted);
  font-weight:800;
}

.promo-actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.promo-note{
  margin:12px 0 0 0;
  font-size:.9rem;
  color: var(--muted);
  font-weight:700;
}

/* Mobile polish */
@media (max-width: 620px){
  .promo-countdown{ gap:8px; }
  .cd-box{ padding:9px 6px; border-radius:12px; }
  .cd-num{ font-size:1.15rem; }
}
/* FIX: butoanele din cardul "Ai un proiect comercial" se lipesc pe mobil */
@media (max-width: 620px){
  /* orice grup de butoane din tile/card/callout */
  .tile .section__cta,
  .card .section__cta,
  .commercial-callout .section__cta{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  .tile .section__cta .btn,
  .card .section__cta .btn,
  .commercial-callout .section__cta .btn{
    width:100% !important;
    justify-content:center !important;
  }
}
/* ===== PROMO card boxed (same width/feel as commercial card) ===== */
.promo-card--boxed{
  max-width: 980px;          /* ajustează dacă vrei exact ca proiectul */
  margin: 0 auto;            /* îl centrează */
  border-radius: var(--radius);
}

/* look similar cu commercial-callout */
.promo-card.promo-card--boxed{
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(25,118,210,.18);
  background:
    radial-gradient(900px 220px at 10% 0%, rgba(25,118,210,.14), transparent 60%),
    radial-gradient(700px 220px at 95% 100%, rgba(34,197,94,.10), transparent 60%),
    #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* glow/shine animat (ca la commercial-callout) */
.promo-card.promo-card--boxed::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(90deg,
    rgba(25,118,210,0),
    rgba(25,118,210,.40),
    rgba(34,197,94,.28),
    rgba(25,118,210,0)
  );
  transform: translateX(-55%);
  opacity:.35;
  pointer-events:none;
  animation: promoShine2 3.2s ease-in-out infinite;
}

@keyframes promoShine2{
  0%{ transform: translateX(-55%); }
  50%{ transform: translateX(35%); }
  100%{ transform: translateX(55%); }
}

@media (prefers-reduced-motion: reduce){
  .promo-card.promo-card--boxed::before{ animation:none; }
}
/* ===== Price tables inside tiles ===== */
.price-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin-top:10px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.75);
}

.price-table tr + tr td{ border-top:1px solid rgba(11,18,32,.08); }

.price-table td{
  padding:10px 12px;
  vertical-align:top;
}

.price-table td:first-child{
  color:var(--muted);
  font-weight:700;
}

.price-table td:last-child{
  text-align:right;
  font-weight:900;
  white-space:nowrap;
}

.price-table .note td{
  font-weight:700;
  color:var(--muted);
  text-align:left;
  font-size:.92rem;
}

@media (max-width: 620px){
  .price-table td:last-child{ white-space:normal; }
  /* ===== Price tables (in tiles) ===== */
.price-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.75);
}

.price-table tr + tr td{
  border-top:1px solid rgba(11,18,32,.08);
}

.price-table td{
  padding:10px 12px;
  vertical-align:top;
  line-height:1.25;
}

.price-table td:first-child{
  color:var(--ink);
  font-weight:700;
}

.price-table td:last-child{
  text-align:right;
  font-weight:900;
  white-space:nowrap;
}

.price-table .sub td{
  color:var(--muted);
  font-weight:700;
  background:rgba(30,123,255,.06);
}

@media (max-width: 620px){
  .price-table td:last-child{
    white-space:normal;
  }
}
}
.badge-row a.badge{
  text-decoration:none;
  display:inline-block;
}
.page-subtitle{
  font-size:1.2rem;
  font-weight:600;
  color:var(--muted);
  margin-top:8px;
  margin-bottom:18px;
}
/* ===== Uniformizare carduri Produse ===== */

.product .card,
.product .tile,
.card.product,
.tile.product,
.products-grid .card,
.products-grid .tile{
  border: 2px solid #1e7bff !important;
  border-radius: 16px;
}

/* hover elegant */
.product .card:hover,
.product .tile:hover,
.products-grid .card:hover,
.products-grid .tile:hover{
  box-shadow: 0 10px 28px rgba(30,123,255,.18);
  transform: translateY(-2px);
  transition: all .25s ease;
}/* ===== Uniformizare carduri produse ===== */

.product{
  border: 2px solid #1e7bff !important;
  border-radius: 16px;
  overflow: hidden;
  transition: all .25s ease;
}

.product:hover{
  box-shadow: 0 10px 28px rgba(30,123,255,.18);
  transform: translateY(-3px);
}
/* ===== CLEAN FLOW: fara dungi intre sectiuni + fara fundal patrat in spatele cardurilor ===== */

/* scoate orice linie/border intre sectiuni (dunga aia de 1px) */
.section,
.section--soft{
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* daca .section--soft e folosit doar ca “banda colorata”, il facem transparent
   ca sa nu se mai vada patratul in jurul cardurilor rotunjite */
.section--soft{
  background: transparent !important;
}

/* unele template-uri pun linie intre sectiuni prin selectorul asta */
.section + .section{
  border-top: 0 !important;
}

/* daca ai vreo “dunga” venita din pseudo-elemente */
.section::before,
.section::after,
.section--soft::before,
.section--soft::after{
  content: none !important;
}
/* Contact page: Contact rapid ordonat */
.contact-quick strong{ display:block; margin-bottom:8px; }

.contact-quick__rows{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.contact-quick__row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.contact-quick__row i{
  width:18px;
  min-width:18px;
  text-align:center;
  color: var(--primary, #1976d2);
}

.contact-quick__row a{
  font-weight:700;
  text-decoration:none;
}
.contact-quick__row a:hover{ text-decoration:underline; }
.btn--whatsapp{
  background:#25D366;
  color:#fff;
  border:none;
}

.btn--whatsapp:hover{
  background:#1ebe5d;
}
/* ===== Fix brand/logo only on special header pages (legal + preturi) ===== */
body.is-special-header .topbar .brand{
  display:flex;
  align-items:center;
  gap:10px;
}

body.is-special-header .topbar .brand__logo{
  width:34px;
  height:34px;
  object-fit:contain;
  display:block;
}

body.is-special-header .topbar .brand__mark,
body.is-special-header .topbar .brand__name{
  font-weight:800;
  font-size:20px;
  line-height:1;
  letter-spacing:.2px;
}

/* Make the back link look like the others, but subtle */
body.is-special-header .nav .nav__link--back{
  font-weight:700;
}
/* Ascunde checkbox-ul folosit pentru meniul mobil (CSS-only) */
.nav__check{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
/* FIX: butoanele din cardul comercial se suprapun pe mobil */
@media (max-width: 620px){
  .commercial-callout .grid.grid--2 > div:last-child{
    text-align:left !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    margin-top:12px;
  }

  .commercial-callout .grid.grid--2 > div:last-child .btn{
    width:100% !important;
    justify-content:center !important;
  }
}
@media (max-width: 620px){
  .commercial-callout .grid--2{
    grid-template-columns: 1fr !important;
  }
}
/* ===== PROMO PUREAIR (Homepage) ===== */
.promo-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  background: linear-gradient(90deg, rgba(180,220,255,.20), rgba(170,255,210,.18));
}

.promo-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.promo-badge{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  letter-spacing:.3px;
  background:#ffe9b6;
  border:1px solid rgba(0,0,0,.08);
}

.promo-expiry{
  font-weight:700;
  color:#4b647a;
}

.promo-pricebox{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  background: rgba(255,255,255,.65);
  border:1px solid rgba(0,0,0,.06);
}

.promo-price{
  font-size:22px;
  font-weight:900;
  padding:2px 10px;
  border-radius:12px;
  background: rgba(0,140,255,.10);
  border: 1px solid rgba(0,140,255,.25);
  animation: promoPulse 1.15s ease-in-out infinite;
}

@keyframes promoPulse{
  0%,100%{ box-shadow: 0 0 0 rgba(0,140,255,0); transform: translateY(0); }
  50%{ box-shadow: 0 0 26px rgba(0,140,255,.35); transform: translateY(-1px); }
}

.promo-countdown{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:12px;
  margin-top:12px;
}

.promo-unit{
  background: rgba(255,255,255,.55);
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:10px 8px;
  text-align:center;
}

.promo-num{
  font-weight:900;
  font-size:22px;
  line-height:1.1;
}

.promo-lbl{
  font-size:12px;
  font-weight:800;
  color:#5e7387;
  margin-top:4px;
}

/* Stare expirată */
.promo-card.is-expired .promo-badge{
  background:#ffd0d0;
}
.promo-card.is-expired .promo-price{
  animation:none;
  opacity:.75;
}
.booking-modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  z-index:9999;
  justify-content:center;
  align-items:center;
}

.booking-content{
  width:95%;
  max-width:1000px;
  height:90%;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  position:relative;
}

.booking-content iframe{
  width:100%;
  height:100%;
  border:0;
}

.booking-close{
  position:absolute;
  top:12px;
  right:16px;
  font-size:28px;
  cursor:pointer;
}
.gcal-wrapper{
  width:100%;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
}

.gcal-wrapper iframe{
  width:100%;
  height:720px;
  border:0;
  display:block;
}

@media (max-width:768px){
  .gcal-wrapper iframe{
    height:950px;
  }
}
.gcal-wrapper{
  width:100%;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
}

.gcal-wrapper iframe{
  width:100%;
  height:750px;
  border:0;
  display:block;
}

/* mobil */
@media (max-width:768px){
  .gcal-wrapper iframe{
    height:1000px;
  }
}
.footer{
  clear: both;
  width:100%;
  display:block;
}
footer{
  position:relative;
  display:block !important;
  width:100% !important;
}
.scroll-down,
.scroll-indicator {
    display:none !important;
}
.hero-video__scroll{
display:none!important;
}
.hero-video__scroll,
.hero-video a[href*="#"]{
display:none!important;
}

.btn-oferta {
    display: inline-block;
    margin-left: 10px;
    padding: 12px 18px;
    background: linear-gradient(135deg, #4facfe, #00c6ff);
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.btn-oferta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}
.btn--phone {
  background: #ff6b00;
  color: #fff;
}
.btn--phone {
  background: #0b84ff;
  color: #fff;
  border: none;
}

.btn--phone:hover {
  background: #096ad1;
}

/* baza comuna (asigura rotunjire identica) */
.btn {
  border-radius: 10px;
  padding: 10px 18px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  border: none;
}

/* 1. Oferte */
.btn--info {
  background: #38bdf8;
  color: #fff;
}

.btn--info:hover {
  background: #0ea5e9;
}

/* 2. Cerere ofertă (highlight) */
.btn--cta {
  background: #7c3aed;
  color: #fff;
}

.btn--cta:hover {
  background: #6d28d9;
}

/* 3. WhatsApp */
.btn--whatsapp {
  background: #22c55e;
  color: #fff;
}

.btn--whatsapp:hover {
  background: #16a34a;
}

/* 4. Telefon */
.btn--phone {
  background: #2563eb;
  color: #fff;
}

.btn--phone:hover {
  background: #1d4ed8;
}

.btn-primary {
  background: linear-gradient(135deg, #1f7ae0, #2b6cff);
  color: #fff !important;
  border: none;
  border-radius: 12px;
  padding: 10px 18px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: 0.2s;
}

.btn-primary:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
}

.card .btn-primary {
  background: linear-gradient(135deg, #1f7ae0, #2b6cff) !important;
  color: #fff !important;
}

.btn--primary {
  background: linear-gradient(135deg, #1f7ae0, #2b6cff) !important;
  color: #fff !important;
  border: none !important;
}

.btn--primary:hover {
  filter: brightness(1.08);
}

.btn--ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid #b7c7dc;
  background:#ffffff;
  color:#111827 !important;
  font-weight:800;
  text-decoration:none;
}

.btn--ghost:hover{
  background:#2b6cff;
  color:#fff !important;
  border-color:#2b6cff;
}

.hero__cta .btn--ghost{
  background:#ffffff !important;
  color:#111827 !important;
  border:2px solid #2b6cff !important;
  border-radius:14px !important;
  padding:12px 16px !important;
  font-weight:800 !important;
}

.hero__cta .btn--ghost:hover{
  background:#2b6cff !important;
  color:#ffffff !important;
}

.hero__cta .btn--ghost{
  background:#2b6cff !important;
  color:#ffffff !important;
  border:2px solid #2b6cff !important;
  border-radius:14px !important;
  padding:12px 16px !important;
  font-weight:800 !important;
}

.hero__cta .btn--ghost:hover{
  background:#1f56d8 !important;
  border-color:#1f56d8 !important;
}

.commercial-callout.cta-project{
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(120,170,230,0.75) !important;
  background: linear-gradient(
    135deg,
    #e9f3ff 0%,
    #d8ebff 48%,
    #edf7ea 100%
  ) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.45) inset,
    0 18px 38px rgba(43,108,255,0.18),
    0 0 55px rgba(43,108,255,0.18),
    0 0 22px rgba(212,167,44,0.16) !important;
}

.commercial-callout.cta-project::before{
  content:"";
  position:absolute;
  top:-35%;
  left:-8%;
  width:52%;
  height:170%;
  background: radial-gradient(circle,
    rgba(43,108,255,0.30) 0%,
    rgba(43,108,255,0.14) 34%,
    transparent 72%);
  pointer-events:none;
}

.commercial-callout.cta-project::after{
  content:"";
  position:absolute;
  bottom:-30%;
  right:-8%;
  width:40%;
  height:110%;
  background: radial-gradient(circle,
    rgba(212,167,44,0.30) 0%,
    rgba(212,167,44,0.14) 36%,
    transparent 72%);
  pointer-events:none;
}

.commercial-callout.cta-project:hover{
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.50) inset,
    0 22px 44px rgba(43,108,255,0.22),
    0 0 70px rgba(43,108,255,0.22),
    0 0 28px rgba(212,167,44,0.20) !important;
}

/* ===== WOW PROMO CARD ===== */
.promo-wow-card{
  position:relative;
  overflow:hidden;
  padding:22px;
  border-radius:26px;
  border:1px solid rgba(123, 165, 225, 0.35);
  background:
    radial-gradient(circle at top left, rgba(44,108,255,0.10), transparent 28%),
    radial-gradient(circle at top right, rgba(255,196,72,0.16), transparent 24%),
    linear-gradient(135deg, #edf6ff 0%, #e6f2ff 45%, #eef9ef 100%);
  box-shadow:
    0 20px 55px rgba(32, 77, 146, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.75);
}

.promo-wow-card::before{
  content:"";
  position:absolute;
  inset:auto -10% -40% auto;
  width:380px;
  height:380px;
  background:radial-gradient(circle, rgba(255,204,88,0.18) 0%, transparent 65%);
  pointer-events:none;
}

.promo-wow-card::after{
  content:"";
  position:absolute;
  inset:-20% auto auto -10%;
  width:420px;
  height:420px;
  background:radial-gradient(circle, rgba(43,108,255,0.12) 0%, transparent 65%);
  pointer-events:none;
}

.promo-wow-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
  position:relative;
  z-index:2;
}

.promo-wow-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.4px;
  color:#553300;
  background:linear-gradient(135deg,#ffe7a3,#ffd166);
  box-shadow:0 8px 18px rgba(255,190,30,0.25);
  text-transform:uppercase;
}

.promo-wow-expiry{
  font-size:14px;
  font-weight:800;
  color:#4a6178;
}

.promo-wow-grid{
  display:grid;
  grid-template-columns: 1.08fr .92fr;
  gap:22px;
  align-items:center;
  position:relative;
  z-index:2;
}

.promo-wow-kicker{
  display:inline-block;
  margin-bottom:10px;
  font-size:13px;
  font-weight:800;
  color:#315b8a;
  text-transform:uppercase;
  letter-spacing:.3px;
}

.promo-wow-title{
  margin:0 0 10px 0;
  font-size:40px;
  line-height:1.05;
  font-weight:900;
  color:#0f172a;
  letter-spacing:-0.02em;
}

.promo-wow-title span{
  display:block;
  margin-top:6px;
  color:#d09b15;
}

.promo-wow-subtitle{
  margin:0 0 14px 0;
  font-size:18px;
  line-height:1.5;
  color:#53687f;
  max-width:760px;
}

.promo-wow-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px;
}

.promo-wow-pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  color:#19324d;
  background:rgba(255,255,255,0.65);
  border:1px solid rgba(89,132,186,0.22);
  box-shadow:0 6px 18px rgba(41,98,180,0.06);
}

.promo-wow-price-row{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:14px;
  align-items:stretch;
  margin-bottom:16px;
}

.promo-wow-pricebox{
  padding:18px 18px 16px;
  border-radius:22px;
  background:linear-gradient(135deg,#10345e,#174b8b 55%, #2468c9 100%);
  color:#fff;
  box-shadow:
    0 18px 35px rgba(20,63,126,0.25),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

.promo-wow-price-label{
  font-size:12px;
  font-weight:900;
  letter-spacing:.5px;
  opacity:.9;
  text-transform:uppercase;
}

.promo-wow-price-main{
  display:flex;
  align-items:flex-end;
  gap:10px;
  margin-top:6px;
  line-height:1;
}

.promo-wow-price-value{
  font-size:64px;
  font-weight:900;
  color:#ffd76a;
  letter-spacing:-0.04em;
  text-shadow:0 8px 22px rgba(255,208,86,0.18);
}

.promo-wow-price-currency{
  font-size:26px;
  font-weight:900;
  margin-bottom:8px;
}

.promo-wow-price-note{
  margin-top:8px;
  font-size:14px;
  font-weight:700;
  opacity:.92;
}

.promo-wow-trust{
  min-width:190px;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,0.72);
  border:1px solid rgba(82,120,178,0.16);
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 10px 20px rgba(25,59,110,0.08);
}

.promo-wow-stars{
  font-size:22px;
  color:#e2a816;
  letter-spacing:2px;
}

.promo-wow-trust-text{
  margin-top:8px;
  font-size:14px;
  font-weight:800;
  color:#213a57;
  line-height:1.4;
}

.promo-wow-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  margin-bottom:16px;
}

.promo-wow-check{
  position:relative;
  padding:12px 14px 12px 42px;
  border-radius:16px;
  background:rgba(255,255,255,0.72);
  border:1px solid rgba(86,126,184,0.14);
  color:#20364f;
  font-weight:800;
  box-shadow:0 8px 20px rgba(20,45,90,0.05);
}

.promo-wow-check::before{
  content:"✓";
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#26b36d,#1fd38e);
  color:#fff;
  font-size:13px;
  font-weight:900;
  box-shadow:0 6px 12px rgba(35,184,119,0.22);
}

.promo-wow-countdown{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}

.promo-wow-unit{
  background:rgba(255,255,255,0.76);
  border:1px solid rgba(85,123,176,0.14);
  border-radius:18px;
  padding:14px 10px;
  text-align:center;
  box-shadow:0 8px 20px rgba(20,45,90,0.05);
}

.promo-wow-unit .promo-num{
  font-size:34px;
  font-weight:900;
  color:#102846;
}

.promo-wow-unit .promo-lbl{
  margin-top:5px;
  font-size:12px;
  font-weight:900;
  color:#5c7289;
  text-transform:uppercase;
}

.promo-wow-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:10px;
}

.promo-wow-btn-main{
  min-width:220px;
  min-height:54px;
  font-size:19px;
  box-shadow:0 14px 28px rgba(29,79,170,0.25);
}

.promo-wow-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:200px;
  min-height:54px;
  padding:0 22px;
  border-radius:16px;
  background:#fff;
  color:#17365c !important;
  border:2px solid rgba(31,101,221,0.18);
  font-size:18px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(20,45,90,0.06);
}

.promo-wow-btn-secondary:hover{
  background:#f3f8ff;
}

.promo-wow-btn-wa{
  min-height:54px;
  font-size:18px;
  box-shadow:0 14px 26px rgba(31,167,93,0.18);
}

.promo-wow-footnote{
  margin:0;
  font-size:13px;
  font-weight:700;
  color:#667b91;
}

.promo-wow-visual{
  position:relative;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.promo-wow-gold-ring{
  position:absolute;
  width:86%;
  aspect-ratio:1/1;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(255,255,255,0.00) 54%, rgba(255,208,86,0.22) 63%, rgba(255,208,86,0.06) 72%, transparent 78%);
  filter:blur(0.2px);
  z-index:0;
}

.promo-wow-banner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:620px;
  border-radius:24px;
  box-shadow:0 24px 50px rgba(24,53,99,0.18);
  border:1px solid rgba(255,255,255,0.52);
}

.promo-wow-floating{
  position:absolute;
  z-index:3;
  background:rgba(255,255,255,0.76);
  backdrop-filter:blur(10px);
  border:1px solid rgba(110,145,195,0.16);
  box-shadow:0 16px 32px rgba(16,39,82,0.10);
}

.promo-wow-floating--logo{
  top:16px;
  right:10px;
  padding:10px 14px;
  border-radius:18px;
}

.promo-wow-floating--logo img{
  max-width:140px;
  display:block;
}

.promo-wow-floating--features{
  left:-8px;
  bottom:18px;
  width:148px;
  height:148px;
  border-radius:50%;
  padding:6px;
}

.promo-wow-floating--features img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

@media (max-width: 1080px){
  .promo-wow-grid{
    grid-template-columns:1fr;
  }

  .promo-wow-title{
    font-size:34px;
  }

  .promo-wow-banner{
    max-width:100%;
  }

  .promo-wow-floating--features{
    left:10px;
    bottom:10px;
    width:120px;
    height:120px;
  }
}

@media (max-width: 768px){
  .promo-wow-card{
    padding:16px;
    border-radius:20px;
  }

  .promo-wow-topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .promo-wow-title{
    font-size:28px;
  }

  .promo-wow-subtitle{
    font-size:16px;
  }

  .promo-wow-price-row{
    grid-template-columns:1fr;
  }

  .promo-wow-price-value{
    font-size:52px;
  }

  .promo-wow-checks{
    grid-template-columns:1fr;
  }

  .promo-wow-countdown{
    grid-template-columns:repeat(2,1fr);
  }

  .promo-wow-btn-main,
  .promo-wow-btn-secondary,
  .promo-wow-btn-wa{
    width:100%;
  }

  .promo-wow-floating--logo{
    position:static;
    margin:12px auto 0;
  }

  .promo-wow-floating--features{
    position:static;
    margin:14px auto 0;
  }

  .promo-wow-visual{
    display:block;
  }
}

/* ===== WOW PROMO CARD FINAL ===== */
.promo-wow-card{
  position:relative;
  overflow:hidden;
  padding:22px;
  border-radius:26px;
  border:1px solid rgba(123,165,225,0.35);
  background:
    radial-gradient(circle at top left, rgba(44,108,255,0.10), transparent 28%),
    radial-gradient(circle at top right, rgba(255,196,72,0.16), transparent 24%),
    linear-gradient(135deg, #edf6ff 0%, #e6f2ff 45%, #eef9ef 100%);
  box-shadow:
    0 20px 55px rgba(32,77,146,0.10),
    inset 0 1px 0 rgba(255,255,255,0.75);
}

.promo-wow-card::before{
  content:"";
  position:absolute;
  inset:auto -10% -40% auto;
  width:380px;
  height:380px;
  background:radial-gradient(circle, rgba(255,204,88,0.18) 0%, transparent 65%);
  pointer-events:none;
}

.promo-wow-card::after{
  content:"";
  position:absolute;
  inset:-20% auto auto -10%;
  width:420px;
  height:420px;
  background:radial-gradient(circle, rgba(43,108,255,0.12) 0%, transparent 65%);
  pointer-events:none;
}

.promo-wow-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
  position:relative;
  z-index:2;
}

.promo-wow-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.4px;
  color:#553300;
  background:linear-gradient(135deg,#ffe7a3,#ffd166);
  box-shadow:0 8px 18px rgba(255,190,30,0.25);
  text-transform:uppercase;
}

.promo-wow-expiry{
  font-size:14px;
  font-weight:800;
  color:#4a6178;
}

.promo-wow-grid{
  display:grid;
  grid-template-columns: 1.08fr .92fr;
  gap:22px;
  align-items:center;
  position:relative;
  z-index:2;
}

.promo-wow-kicker{
  display:inline-block;
  margin-bottom:10px;
  font-size:13px;
  font-weight:800;
  color:#315b8a;
  text-transform:uppercase;
  letter-spacing:.3px;
}

.promo-wow-title{
  margin:0 0 10px 0;
  font-size:40px;
  line-height:1.05;
  font-weight:900;
  color:#0f172a;
  letter-spacing:-0.02em;
}

.promo-wow-title span{
  display:block;
  margin-top:6px;
  color:#d09b15;
}

.promo-wow-subtitle{
  margin:0 0 14px 0;
  font-size:18px;
  line-height:1.5;
  color:#53687f;
  max-width:760px;
}

.promo-wow-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px;
}

.promo-wow-pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  color:#19324d;
  background:rgba(255,255,255,0.65);
  border:1px solid rgba(89,132,186,0.22);
  box-shadow:0 6px 18px rgba(41,98,180,0.06);
}

.promo-wow-price-row{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:14px;
  align-items:stretch;
  margin-bottom:16px;
}

.promo-wow-pricebox{
  padding:18px 18px 16px;
  border-radius:22px;
  background:linear-gradient(135deg,#10345e,#174b8b 55%, #2468c9 100%);
  color:#fff;
  box-shadow:
    0 18px 35px rgba(20,63,126,0.25),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

.promo-wow-price-label{
  font-size:12px;
  font-weight:900;
  letter-spacing:.5px;
  opacity:.9;
  text-transform:uppercase;
}

.promo-wow-price-main{
  display:flex;
  align-items:flex-end;
  gap:10px;
  margin-top:6px;
  line-height:1;
}

.promo-wow-price-value{
  font-size:64px;
  font-weight:900;
  color:#ffd76a;
  letter-spacing:-0.04em;
  text-shadow:0 8px 22px rgba(255,208,86,0.18);
}

.promo-wow-price-currency{
  font-size:26px;
  font-weight:900;
  margin-bottom:8px;
}

.promo-wow-price-note{
  margin-top:8px;
  font-size:14px;
  font-weight:700;
  opacity:.92;
}

.promo-wow-trust{
  min-width:240px;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,0.72);
  border:1px solid rgba(82,120,178,0.16);
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 10px 20px rgba(25,59,110,0.08);
}

.promo-wow-stars{
  font-size:22px;
  color:#e2a816;
  letter-spacing:2px;
}

.promo-wow-trust-text{
  margin-top:8px;
  font-size:14px;
  font-weight:800;
  color:#213a57;
  line-height:1.4;
}

.promo-wow-review-link{
  margin-top:10px;
  display:inline-flex;
  width:max-content;
  color:#1f6bdf;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}

.promo-wow-review-link:hover{
  text-decoration:underline;
}

.promo-wow-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  margin-bottom:16px;
}

.promo-wow-check{
  position:relative;
  padding:12px 14px 12px 42px;
  border-radius:16px;
  background:rgba(255,255,255,0.72);
  border:1px solid rgba(86,126,184,0.14);
  color:#20364f;
  font-weight:800;
  box-shadow:0 8px 20px rgba(20,45,90,0.05);
}

.promo-wow-check::before{
  content:"✓";
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#26b36d,#1fd38e);
  color:#fff;
  font-size:13px;
  font-weight:900;
  box-shadow:0 6px 12px rgba(35,184,119,0.22);
}

.promo-wow-countdown{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}

.promo-wow-unit{
  background:rgba(255,255,255,0.76);
  border:1px solid rgba(85,123,176,0.14);
  border-radius:18px;
  padding:14px 10px;
  text-align:center;
  box-shadow:0 8px 20px rgba(20,45,90,0.05);
}

.promo-wow-unit .promo-num{
  font-size:34px;
  font-weight:900;
  color:#102846;
}

.promo-wow-unit .promo-lbl{
  margin-top:5px;
  font-size:12px;
  font-weight:900;
  color:#5c7289;
  text-transform:uppercase;
}

.promo-wow-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:10px;
}

.promo-wow-btn-main{
  min-width:220px;
  min-height:54px;
  font-size:19px;
  box-shadow:0 14px 28px rgba(29,79,170,0.25);
}

.promo-wow-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  min-height:54px;
  padding:0 22px;
  border-radius:16px;
  background:#fff;
  color:#17365c !important;
  border:2px solid rgba(31,101,221,0.18);
  font-size:18px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(20,45,90,0.06);
}

.promo-wow-btn-secondary:hover{
  background:#f3f8ff;
}

.promo-wow-btn-wa{
  min-height:54px;
  font-size:18px;
  box-shadow:0 14px 26px rgba(31,167,93,0.18);
}

.promo-wow-footnote{
  margin:0;
  font-size:13px;
  font-weight:700;
  color:#667b91;
}

.promo-wow-visual{
  position:relative;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.promo-wow-gold-ring{
  position:absolute;
  width:86%;
  aspect-ratio:1/1;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(255,255,255,0.00) 54%, rgba(255,208,86,0.22) 63%, rgba(255,208,86,0.06) 72%, transparent 78%);
  z-index:0;
}

.promo-wow-banner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:620px;
  border-radius:24px;
  box-shadow:0 24px 50px rgba(24,53,99,0.18);
  border:1px solid rgba(255,255,255,0.52);
}

.promo-wow-floating{
  position:absolute;
  z-index:3;
  background:rgba(255,255,255,0.76);
  backdrop-filter:blur(10px);
  border:1px solid rgba(110,145,195,0.16);
  box-shadow:0 16px 32px rgba(16,39,82,0.10);
}

.promo-wow-floating--features{
  right:-8px;
  bottom:-8px;
  width:190px;
  height:190px;
  border-radius:50%;
  padding:10px;
}

.promo-wow-floating--features img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

@media (max-width: 1080px){
  .promo-wow-grid{
    grid-template-columns:1fr;
  }

  .promo-wow-title{
    font-size:34px;
  }

  .promo-wow-banner{
    max-width:100%;
  }

  .promo-wow-floating--features{
    right:8px;
    bottom:8px;
    width:150px;
    height:150px;
  }
}

@media (max-width: 768px){
  .promo-wow-card{
    padding:16px;
    border-radius:20px;
  }

  .promo-wow-topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .promo-wow-title{
    font-size:28px;
  }

  .promo-wow-subtitle{
    font-size:16px;
  }

  .promo-wow-price-row{
    grid-template-columns:1fr;
  }

  .promo-wow-price-value{
    font-size:52px;
  }

  .promo-wow-checks{
    grid-template-columns:1fr;
  }

  .promo-wow-countdown{
    grid-template-columns:repeat(2,1fr);
  }

  .promo-wow-btn-main,
  .promo-wow-btn-secondary,
  .promo-wow-btn-wa{
    width:100%;
  }

  .promo-wow-floating--features{
    position:static;
    margin:14px auto 0;
    width:130px;
    height:130px;
  }

  .promo-wow-visual{
    display:block;
  }
}

/* ===== BUTTON GOLD (promo) ===== */
.promo-wow-btn-secondary{
  background: linear-gradient(135deg, #facc15, #f59e0b);
  color: #1a1a1a;
  border: none;
  font-weight: 800;
  border-radius: 14px;
  padding: 12px 18px;
  box-shadow: 0 8px 18px rgba(245, 158, 11, 0.35);
  transition: all .25s ease;
}

.promo-wow-btn-secondary:hover{
  background: linear-gradient(135deg, #fde047, #f59e0b);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(245, 158, 11, 0.45);
  color: #000;
}

.promo-wow-visual{
  position:relative;
  width:100%;
  max-width:520px;
}

/* banner partener */
.promo-partner-banner{
  width:100%;
  display:block;
  border-radius:22px;
  margin-bottom:12px;
  box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

/* hero imagine produs */
.promo-wow-banner{
  width:100%;
  display:block;
  border-radius:22px;
  box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.promo-wow-visual{
  width:100%;
  max-width:520px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.promo-partner-banner{
  width:100%;
  display:block;
  border-radius:22px;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}

.promo-wow-banner{
  width:100%;
  display:block;
  border-radius:22px;
  box-shadow:0 20px 40px rgba(0,0,0,.15);
}

/* banner partener */
.promo-partner-banner{
  width:100%;
  display:block;
  border-radius:22px;

  /* glow subtil */
  box-shadow:
    0 6px 18px rgba(0,0,0,0.12),
    0 0 0 1px rgba(255,255,255,0.4) inset;

  /* border glass */
  border:1px solid rgba(255,255,255,0.6);

  /* efect premium */
  backdrop-filter: blur(4px);

  /* animatie subtila */
  transition: all .35s ease;
}

.promo-partner-banner:hover{
  transform: translateY(-2px);
  box-shadow:
    0 12px 26px rgba(0,0,0,0.18),
    0 0 18px rgba(59,130,246,0.25);
}

.qr img{
  width:100%;
  border-radius:22px;
  display:block;
  box-shadow:0 18px 40px rgba(0,0,0,0.15);
}

/* HERO VIDEO container fixat la latimea site-ului */
.hero-video{
  max-width:1200px;
  margin:20px auto;
  border-radius:20px;
  overflow:hidden;
  position:relative;
}

/* video-ul sa umple containerul */
.hero-video__media{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* overlay sa respecte colturile */
.hero-video__overlay{
  border-radius:20px;
}

.hero-video{
  max-width:1200px;
  margin:30px auto;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,0.25);
}

/* ===== PATCH ALINIERE CARDURI PRODUSE ===== */

/* cardul devine coloană fixă */
.products-grid .tile,
.products-grid .product-card,
.grid .tile.product-card,
.grid .tile {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* scoate border / chenar din zona pozei */
.products-grid .tile img,
.products-grid .product-card img,
.grid .tile img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: contain;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 0 14px 0;
  border-radius: 0 !important;
}

/* dacă există wrapper intern pentru imagine */
.products-grid .tile .product-image,
.products-grid .product-card .product-image,
.grid .tile .product-image,
.products-grid .tile .card__image,
.products-grid .product-card .card__image,
.grid .tile .card__image,
.products-grid .tile figure,
.products-grid .product-card figure,
.grid .tile figure {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 0 14px 0;
  border-radius: 0 !important;
}

/* titlu aliniat identic */
.products-grid .tile h3,
.products-grid .product-card h3,
.grid .tile h3 {
  margin: 0 0 12px 0;
  min-height: 72px;
  display: flex;
  align-items: flex-start;
}

/* text aliniat identic */
.products-grid .tile p,
.products-grid .product-card p,
.grid .tile p {
  margin: 0 0 12px 0;
}

/* lista de beneficii ocupă spațiu constant */
.products-grid .tile ul,
.products-grid .product-card ul,
.grid .tile ul {
  margin: 0 0 16px 0;
  padding-left: 20px;
  min-height: 170px;
}

/* zona de jos a cardului împinsă la bază */
.products-grid .tile .product-actions,
.products-grid .product-card .product-actions,
.grid .tile .product-actions,
.products-grid .tile .card-actions,
.products-grid .product-card .card-actions,
.grid .tile .card-actions {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

/* fallback: dacă butoanele sunt direct în card */
.products-grid .tile > .btn,
.products-grid .product-card > .btn,
.grid .tile > .btn {
  width: fit-content;
}

.products-grid .tile > .btn:first-of-type,
.products-grid .product-card > .btn:first-of-type,
.grid .tile > .btn:first-of-type {
  margin-top: auto;
}

.products-grid .tile > .btn + .btn,
.products-grid .product-card > .btn + .btn,
.grid .tile > .btn + .btn {
  margin-top: 10px;
}

/* textul de sub butoane rămâne jos și aliniat */
.products-grid .tile .product-footer,
.products-grid .product-card .product-footer,
.grid .tile .product-footer {
  mar
  
  /* ===== FIX ALIGN PRODUSE ===== */

.product{
display:flex;
flex-direction:column;
height:100%;
}

.product__actions{
margin-top:auto;
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-start;
}

.product__img{
display:block;
width:100%;
border:none;
box-shadow:none;
background:transparent;
margin-bottom:14px;
}

/* titluri aliniate */
.product h3{
min-height:72px;
}

/* lista cu inaltime uniforma */
.product .checklist{
min-height:170px;
}gin-top: 14px;
}

/* ===== FIX CARDURI PRODUSE ===== */

.grid.grid--3{
align-items:stretch;
}

.product{
display:flex;
flex-direction:column;
height:100%;
}

.product__img{
display:block;
width:100%;
border:0;
box-shadow:none;
background:transparent;
margin-bottom:14px;
}

.product h3{
min-height:70px;
}

.product .checklist{
min-height:170px;
}

.product__actions{
margin-top:auto;
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-start;
}

.product__meta{
margin-top:12px;
}


/* ===== AIRPRO WOW BACKGROUND RECE-CALD ANIMAT ===== */

:root{
  --airpro-bg-top:#eef8ff;
  --airpro-bg-mid:#d9efff;
  --airpro-bg-bot:#c7e5ff;
  --airpro-sun:#ffe7a8;
  --airpro-sun-2:#fff2c8;
  --airpro-cool:#8fd6ff;
  --airpro-cool-2:#66c5ff;
  --airpro-cool-3:#bfe9ff;
}

/* fundal global mai bogat, fara alb dominant */
html,
body{
  min-height:100%;
  background:
    linear-gradient(
      180deg,
      #f6fbff 0%,
      #ebf7ff 14%,
      #dcefff 38%,
      #d5ecff 62%,
      #d9efff 78%,
      #e8f6ff 100%
    ) !important;
}

body{
  position:relative;
  overflow-x:hidden;
  isolation:isolate;
}

/* toate elementele reale deasupra fundalului animat */
body > *{
  position:relative;
  z-index:1;
}

/* layer rece */
body::before{
  content:"";
  position:fixed;
  inset:-14vh -10vw;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(40rem 40rem at 8% 18%, rgba(102,197,255,.42) 0%, rgba(102,197,255,.28) 22%, rgba(102,197,255,0) 58%),
    radial-gradient(34rem 34rem at 90% 12%, rgba(143,214,255,.34) 0%, rgba(143,214,255,.20) 28%, rgba(143,214,255,0) 62%),
    radial-gradient(26rem 26rem at 76% 58%, rgba(191,233,255,.30) 0%, rgba(191,233,255,.16) 32%, rgba(191,233,255,0) 68%),
    radial-gradient(24rem 24rem at 18% 78%, rgba(143,214,255,.24) 0%, rgba(143,214,255,.14) 30%, rgba(143,214,255,0) 68%),
    radial-gradient(18rem 18rem at 56% 30%, rgba(102,197,255,.18) 0%, rgba(102,197,255,.10) 34%, rgba(102,197,255,0) 72%);
  filter: blur(22px) saturate(112%);
  animation: airproFloatCool 24s ease-in-out infinite alternate;
  transform: translate3d(0,0,0);
}

/* layer cald */
body::after{
  content:"";
  position:fixed;
  inset:-16vh -10vw;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(34rem 34rem at 78% 28%, rgba(255,231,168,.42) 0%, rgba(255,231,168,.24) 24%, rgba(255,231,168,0) 60%),
    radial-gradient(22rem 22rem at 66% 74%, rgba(255,242,200,.36) 0%, rgba(255,242,200,.18) 28%, rgba(255,242,200,0) 64%),
    radial-gradient(16rem 16rem at 26% 42%, rgba(255,231,168,.22) 0%, rgba(255,231,168,.10) 34%, rgba(255,231,168,0) 72%),
    radial-gradient(14rem 14rem at 92% 86%, rgba(255,242,200,.20) 0%, rgba(255,242,200,.10) 36%, rgba(255,242,200,0) 74%);
  filter: blur(26px) saturate(108%);
  animation: airproFloatWarm 30s ease-in-out infinite alternate;
  transform: translate3d(0,0,0);
}

@keyframes airproFloatCool{
  0%{
    transform: translate3d(-1.5vw,-1vh,0) scale(1);
  }
  100%{
    transform: translate3d(2.8vw,2vh,0) scale(1.06);
  }
}

@keyframes airproFloatWarm{
  0%{
    transform: translate3d(2vw,-1vh,0) scale(1);
    opacity:.92;
  }
  100%{
    transform: translate3d(-2.5vw,2.2vh,0) scale(1.08);
    opacity:1;
  }
}

/* overlay fin de lumina pe pagini lungi */
main,
section,
.wrapper,
.content,
.page,
.page-content{
  background: transparent !important;
}

/* carduri: transparente fine, nu alb plin */
.card,
.product-card,
.box,
.panel,
.offer-card,
.service-card,
.gallery-card,
.pricing-card,
.tile,
.feature-card,
.info-card,
.project-card,
.cta-card,
.hero__card,
.offer-box,
.product-box,
.gallery__item{
  background: rgba(255,255,255,.74) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* blocuri foarte mari de continut */
.hero__panel,
.commercial-cta,
.offer-panel,
.section-panel,
.info-panel{
  background: rgba(255,255,255,.70) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* header ceva mai premium */
.topbar{
  background: rgba(255,255,255,.58) !important;
  backdrop-filter: blur(14px) saturate(130%);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
}

/* footer curat */
footer,
.site-footer,
.footer{
  background: transparent !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* linii decorative foarte discrete */
hr,
.separator,
.divider{
  opacity:.14;
}

/* mobil */
@media (max-width: 768px){
  body::before{
    filter: blur(18px) saturate(108%);
    animation-duration: 20s;
  }

  body::after{
    filter: blur(20px) saturate(104%);
    animation-duration: 24s;
  }

  .card,
  .product-card,
  .box,
  .panel,
  .offer-card,
  .service-card,
  .gallery-card,
  .pricing-card,
  .tile,
  .feature-card,
  .info-card,
  .project-card,
  .cta-card,
  .hero__card,
  .offer-box,
  .product-box,
  .gallery__item{
    background: rgba(255,255,255,.80) !important;
  }
}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  body::before,
  body::after{
    animation:none !important;
  }
}
/* ===== AIRPRO WOW BACKGROUND V2 ===== */

html, body {
    min-height: 100%;
    background:
        linear-gradient(135deg, #dff3ff 0%, #cbeaff 38%, #b7e0ff 68%, #dff2ff 100%) !important;
}

/* miscarea reala se vede din sfere, nu din background-position */
body {
    position: relative;
    overflow-x: hidden;
}

/* sfere mari animate */
body::before,
body::after {
    content: "";
    position: fixed;
    inset: auto;
    border-radius: 50%;
    filter: blur(110px);
    pointer-events: none;
    z-index: 0;
    opacity: 1;
}

/* sfera rece */
body::before {
    width: 700px;
    height: 700px;
    left: -180px;
    top: 80px;
    background: radial-gradient(circle, rgba(0,153,255,0.55) 0%, rgba(0,153,255,0.28) 35%, rgba(0,153,255,0.0) 72%);
    animation: airproFloatBlue 16s ease-in-out infinite alternate;
}

/* sfera calda */
body::after {
    width: 760px;
    height: 760px;
    right: -180px;
    top: 280px;
    background: radial-gradient(circle, rgba(255,214,102,0.62) 0%, rgba(255,214,102,0.30) 35%, rgba(255,214,102,0.0) 72%);
    animation: airproFloatWarm 18s ease-in-out infinite alternate;
}

/* sfere suplimentare in continut */
main::before,
main::after {
    content: "";
    position: fixed;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
    z-index: 0;
}

/* accent rece jos */
main::before {
    width: 420px;
    height: 420px;
    left: 24%;
    bottom: -80px;
    background: radial-gradient(circle, rgba(120,220,255,0.40) 0%, rgba(120,220,255,0.18) 42%, rgba(120,220,255,0) 75%);
    animation: airproFloatSoft 20s ease-in-out infinite alternate;
}

/* accent cald stanga-jos */
main::after {
    width: 340px;
    height: 340px;
    left: 6%;
    bottom: 120px;
    background: radial-gradient(circle, rgba(255,235,170,0.48) 0%, rgba(255,235,170,0.20) 40%, rgba(255,235,170,0) 74%);
    animation: airproFloatWarmSmall 14s ease-in-out infinite alternate;
}

/* continut peste sfere */
body > * {
    position: relative;
    z-index: 1;
}

header,
.topbar,
.container,
main,
section,
.wrapper,
.content,
.footer,
footer {
    background: transparent !important;
}

/* cardurile raman lizibile */
.card,
.product-card,
.hero,
.box,
.panel,
.offer-card,
.project-card,
.service-card,
.product-sheet,
.commercial-card,
.gallery-card {
    background: rgba(255,255,255,0.78) !important;
    backdrop-filter: blur(8px);
}

/* bara sus */
.topbar {
    background: rgba(255,255,255,0.52) !important;
    backdrop-filter: blur(12px);
}

/* separatoare jos */
footer,
.site-footer,
.footer {
    border-top: none !important;
    box-shadow: none !important;
}

/* animatii */
@keyframes airproFloatBlue {
    0%   { transform: translate(0, 0) scale(1); }
    100% { transform: translate(90px, -40px) scale(1.12); }
}

@keyframes airproFloatWarm {
    0%   { transform: translate(0, 0) scale(1); }
    100% { transform: translate(-110px, 55px) scale(1.14); }
}

@keyframes airproFloatSoft {
    0%   { transform: translate(0, 0) scale(1); }
    100% { transform: translate(55px, -30px) scale(1.10); }
}

@keyframes airproFloatWarmSmall {
    0%   { transform: translate(0, 0) scale(1); opacity: .9; }
    100% { transform: translate(45px, 35px) scale(1.15); opacity: 1; }
}

/* mobil */
@media (max-width: 768px) {
    body::before {
        width: 420px;
        height: 420px;
        left: -140px;
        top: 120px;
    }

    body::after {
        width: 460px;
        height: 460px;
        right: -150px;
        top: 340px;
    }

    main::before {
        width: 280px;
        height: 280px;
        left: 18%;
        bottom: -60px;
    }

    main::after {
        width: 220px;
        height: 220px;
        left: -40px;
        bottom: 90px;
    }
}



/* =========================================================
   AIRPRO GLOBAL PREMIUM BACKGROUND SYSTEM
   final override – light HVAC feel / long-page safe
========================================================= */
:root{
  --airpro-bg-1:#dff3ff;
  --airpro-bg-2:#cfeeff;
  --airpro-bg-3:#b9e4ff;
  --airpro-bg-4:#fff3c8;
  --airpro-bg-5:#ffe29a;
  --airpro-ink:#0b1220;
}

html{
  min-height:100%;
  background:
    radial-gradient(1400px 900px at 10% 8%, rgba(0,174,255,.24), transparent 58%),
    radial-gradient(1200px 800px at 88% 14%, rgba(255,214,92,.24), transparent 54%),
    radial-gradient(1100px 760px at 50% 0%, rgba(70,160,255,.14), transparent 58%),
    linear-gradient(180deg, #e7f6ff 0%, #d6efff 34%, #dff4ff 66%, #eefaff 100%);
  background-attachment: fixed;
}

body{
  position:relative;
  min-height:100%;
  overflow-x:hidden;
  color:var(--airpro-ink);
  background:transparent !important;
  isolation:isolate;
}

body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
}

body::before{
  z-index:-4;
  background:
    radial-gradient(1100px 700px at 20% 32%, rgba(255,255,255,.30), transparent 60%),
    radial-gradient(900px 620px at 78% 52%, rgba(255,255,255,.20), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
}

body::after{
  z-index:-3;
  background:
    radial-gradient(900px 540px at 12% 18%, rgba(0,184,255,.12), transparent 62%),
    radial-gradient(820px 520px at 86% 20%, rgba(255,210,90,.12), transparent 60%),
    radial-gradient(1100px 680px at 50% 100%, rgba(65,150,255,.10), transparent 64%);
  mix-blend-mode:screen;
}

.bg-orb{
  position:fixed;
  border-radius:50%;
  pointer-events:none;
  filter:blur(70px);
  opacity:1;
  will-change:transform;
  z-index:-2;
}

.bg-orb--blue-1{
  width:460px;
  height:460px;
  top:70px;
  left:-90px;
  background:radial-gradient(circle, rgba(0,186,255,.50) 0%, rgba(70,205,255,.34) 38%, rgba(70,205,255,0) 72%);
  animation:airproFloatA 22s ease-in-out infinite;
}

.bg-orb--gold-1{
  width:380px;
  height:380px;
  top:130px;
  right:-40px;
  background:radial-gradient(circle, rgba(255,215,92,.44) 0%, rgba(255,227,139,.28) 38%, rgba(255,227,139,0) 72%);
  animation:airproFloatB 26s ease-in-out infinite;
}

.bg-orb--blue-2{
  width:520px;
  height:520px;
  bottom:90px;
  left:14%;
  background:radial-gradient(circle, rgba(74,160,255,.30) 0%, rgba(74,160,255,.18) 42%, rgba(74,160,255,0) 74%);
  animation:airproFloatC 30s ease-in-out infinite;
}

.bg-orb--gold-2{
  width:460px;
  height:460px;
  bottom:-60px;
  right:10%;
  background:radial-gradient(circle, rgba(255,203,74,.32) 0%, rgba(255,229,140,.20) 42%, rgba(255,229,140,0) 74%);
  animation:airproFloatD 28s ease-in-out infinite;
}

@keyframes airproFloatA{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(34px,38px,0) scale(1.08)}
}

@keyframes airproFloatB{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-30px,46px,0) scale(1.09)}
}

@keyframes airproFloatC{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(26px,-44px,0) scale(1.07)}
}

@keyframes airproFloatD{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-36px,-34px,0) scale(1.08)}
}

/* keep sections light, not white slabs */
.section,
.section--soft{
  background:transparent !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* readable elevated surfaces */
.tile,
.product,
.card,
.gallery__item,
.gcal-wrapper,
.price-table,
.notice,
.kpi__item,
.logo-slot,
.qr img,
.input,
.topbar,
.footer,
.partner-banner,
.commercial-callout,
.promo-card,
.promo-wow-card,
.booking-content{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.topbar{
  background:rgba(255,255,255,.66) !important;
}

.footer{
  background:rgba(255,255,255,.68) !important;
}

.commercial-callout,
.promo-card,
.promo-wow-card,
.partner-banner{
  box-shadow:0 16px 36px rgba(11,18,32,.10) !important;
}

/* keep hero video immersive */
.hero-video{
  background:#0b1220 !important;
}

/* stronger orb presence on long pages without hurting text */
main,
header,
footer,
section,
.container{
  position:relative;
  z-index:1;
}

@media (max-width: 920px){
  .bg-orb{filter:blur(58px)}
  .bg-orb--blue-1{width:340px;height:340px;left:-80px;top:90px}
  .bg-orb--gold-1{width:280px;height:280px;right:-40px;top:150px}
  .bg-orb--blue-2{width:360px;height:360px;left:-20px;bottom:120px}
  .bg-orb--gold-2{width:320px;height:320px;right:-30px;bottom:30px}
}

@media (max-width: 620px){
  html{
    background:
      radial-gradient(900px 620px at 8% 4%, rgba(0,174,255,.22), transparent 56%),
      radial-gradient(760px 560px at 92% 10%, rgba(255,210,92,.22), transparent 52%),
      linear-gradient(180deg, #e7f6ff 0%, #d7f0ff 44%, #e9f9ff 100%);
    background-attachment:scroll;
  }

  .bg-orb{opacity:.92;filter:blur(52px)}
  .bg-orb--blue-1{width:260px;height:260px;top:96px;left:-86px}
  .bg-orb--gold-1{width:220px;height:220px;top:180px;right:-74px}
  .bg-orb--blue-2{width:260px;height:260px;bottom:110px;left:-72px}
  .bg-orb--gold-2{width:250px;height:250px;right:-74px;bottom:20px}
}

@media (prefers-reduced-motion: reduce){
  .bg-orb{animation:none !important}
}

/* ===== FIX ICONITE SOCIAL (GLOBAL – COMMERCIAL PAGES INCLUDED) ===== */

.social__btn i,
.footer .social__btn i {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
  display: inline-block !important;
  line-height: 1 !important;
}

/* Google */
.social__btn .fa-google {
  color: #4285F4 !important;
}

/* Facebook */
.social__btn .fa-facebook-f,
.social__btn .fa-facebook {
  color: #1877F2 !important;
}

/* fallback general (dacă ceva suprascrie) */
.social__btn {
  color: inherit !important;
}

/* ===== FIX CARDURI TIPURI APARATE ===== */

.types-grid{
  align-items: stretch;
}

.type-card{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 18px; /* mai mult spațiu interior */
}

/* imaginea să nu mai împingă textul */
.type-img{
  height: 170px;   /* creștem puțin */
  object-fit: contain;
  margin-bottom: 12px;
}

/* titlu */
.type-card h3{
  margin-bottom: 8px;
}

/* textul să aibă spațiu și să nu fie înghesuit */
.type-card p{
  line-height: 1.45;
  margin-bottom: 8px;
}

/* IMPORTANT – elimină tăierea textului dacă există */
.type-card,
.type-card p{
  overflow: visible !important;
}

/* ===== FIX CARDURI INFO (mentenanta / instalare / servicii similare) ===== */

.section .card{
  height: auto !important;
  min-height: unset !important;
  overflow: visible !important;
}

.section .card p,
.section .card li,
.section .card ul{
  overflow: visible !important;
}

.section .card{
  padding: 18px !important;
}

.section .grid.grid--2{
  align-items: stretch;
}

.section .card h2,
.section .card h3{
  margin-bottom: 10px;
}

.section .card p,
.section .card li{
  line-height: 1.5;
}

/* ===== HEADER GLOBAL IN CARD ROTUNJIT ===== */

.topbar{
  position: sticky;
  top: 12px;
  z-index: 9999;
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 0 10px 0;
}

.topbar__inner{
  width: min(1120px, calc(100vw - 32px));
  margin: 0 auto;
  padding: 14px 20px !important;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(11,18,32,.10);
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(11,18,32,.10);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
}

/* ===== BRAND / LOGO DIN HEADER ===== */

.brand{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.brand__logo{
  width: 68px !important;
  height: 68px !important;
  min-width: 52px;
  border-radius: 14px;
  border: 1px solid rgba(11,18,32,.08);
  background: rgba(255,255,255,.92);
  padding: 4px;
  object-fit: contain;
  box-shadow: 0 8px 18px rgba(11,18,32,.08);
}

.brand__mark,
.brand__name{
  font-size: 1.15rem;
  line-height: 1;
}

/* ===== NAV MAI AERISIT ===== */

.nav{
  gap: 10px;
}

.nav__link{
  padding: 10px 12px;
  border-radius: 12px;
}

/* ===== MOBILE ===== */

@media (max-width: 820px){
  .topbar{
    top: 8px;
    padding-bottom: 8px;
  }

  .topbar__inner{
    width: min(1120px, calc(100vw - 20px));
    padding: 12px 14px !important;
    border-radius: 18px;
  }

  .brand__logo{
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    border-radius: 12px;
  }

  .brand__mark,
  .brand__name{
    font-size: 1rem;
  }
}

@media (max-width: 620px){
  .topbar__inner{
    border-radius: 16px;
  }

  .nav{
    top: calc(100% + 10px) !important;
    left: 0;
    right: 0;
    border-radius: 18px;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 14px 34px rgba(11,18,32,.16);
  }
}

/* ===== COMMERCIAL CALLOUT – PREMIUM GLOW ===== */

.commercial-callout{
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(25,118,210,.14);
  background:
    radial-gradient(700px 220px at 12% 0%, rgba(25,118,210,.10), transparent 60%),
    radial-gradient(600px 240px at 88% 100%, rgba(255,196,77,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72));
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* glow animat subtil, nu dungă urâtă */
.commercial-callout::before{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  border-radius: inherit;
  background:
    radial-gradient(circle at 20% 50%, rgba(41,121,255,.18), transparent 22%),
    radial-gradient(circle at 78% 55%, rgba(255,196,77,.16), transparent 20%);
  filter: blur(28px);
  opacity: .95;
  animation: commercialFloat 11s ease-in-out infinite alternate;
}

/* glow ambiental foarte fin */
.commercial-callout::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,.00) 0%,
    rgba(255,255,255,.20) 35%,
    rgba(255,255,255,.00) 70%
  );
  opacity:.45;
}

@keyframes commercialFloat{
  0%{
    transform: translate3d(-18px, 0, 0) scale(1);
  }
  50%{
    transform: translate3d(10px, -6px, 0) scale(1.04);
  }
  100%{
    transform: translate3d(22px, 4px, 0) scale(1.02);
  }
}

@media (max-width: 620px){
  .commercial-callout{
    background:
      radial-gradient(420px 180px at 15% 0%, rgba(25,118,210,.12), transparent 58%),
      radial-gradient(360px 180px at 85% 100%, rgba(255,196,77,.12), transparent 58%),
      linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80));
  }

  .commercial-callout::before{
    inset:-10%;
    filter: blur(24px);
    opacity:.90;
    animation: commercialFloatMobile 14s ease-in-out infinite alternate;
  }

  .commercial-callout::after{
    opacity:.28;
  }
}

@keyframes commercialFloatMobile{
  0%{
    transform: translate3d(-10px, 0, 0) scale(1);
  }
  50%{
    transform: translate3d(6px, -4px, 0) scale(1.02);
  }
  100%{
    transform: translate3d(12px, 3px, 0) scale(1.01);
  }
}

@media (prefers-reduced-motion: reduce){
  .commercial-callout::before{
    animation:none;
  }
}

/* ===== HEADER BACKGROUND FINAL ===== */

.topbar__inner{
  width: min(1120px, calc(100vw - 32px));
  margin: 0 auto;
  padding: 14px 20px !important;

  background: rgba(240, 248, 255, 0.88); /* culoare noua */
  border: 1px solid rgba(11,18,32,.08);
  border-radius: 22px;

  box-shadow: 0 12px 28px rgba(11,18,32,.08);

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

/* ===== HEADER SOLID BUSINESS OVERRIDE ===== */

.topbar{
  position: sticky !important;
  top: 12px !important;
  z-index: 99999 !important;
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 0 10px 0 !important;
}

.topbar .topbar__inner{
  width: min(1120px, calc(100vw - 32px)) !important;
  margin: 0 auto !important;
  padding: 14px 20px !important;

  background: #eef5fb !important;
  border: 1px solid rgba(120, 145, 170, 0.22) !important;
  border-radius: 22px !important;

  box-shadow:
    0 10px 24px rgba(11,18,32,.08),
    0 1px 0 rgba(255,255,255,.65) inset !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.topbar .nav{
  background: transparent !important;
}

.topbar .nav__link{
  color: #4b5d70 !important;
}

.topbar .nav__link:hover,
.topbar .nav__link.is-active{
  background: rgba(30,123,255,.10) !important;
  color: #0b1f33 !important;
}

.topbar .brand__logo{
  background: #ffffff !important;
  border: 1px solid rgba(11,18,32,.08) !important;
  box-shadow: 0 8px 18px rgba(11,18,32,.06) !important;
}

@media (max-width: 820px){
  .topbar{
    top: 8px !important;
    padding-bottom: 8px !important;
  }

  .topbar .topbar__inner{
    width: min(1120px, calc(100vw - 20px)) !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 620px){
  .topbar .topbar__inner{
    border-radius: 16px !important;
  }

  .topbar .nav{
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 18px !important;
    background: #eef5fb !important;
    box-shadow: 0 14px 30px rgba(11,18,32,.14) !important;
  }
}

/* ===== FOOTER GLOBAL CARD COMPACT ===== */

.footer{
  width: min(1120px, calc(100vw - 32px)) !important;
  margin: 28px auto 18px auto !important;
  padding: 0 !important;

  background: #eef5fb !important;
  border: 1px solid rgba(120, 145, 170, 0.20) !important;
  border-radius: 22px !important;

  box-shadow:
    0 10px 24px rgba(11,18,32,.06),
    0 1px 0 rgba(255,255,255,.65) inset !important;

  overflow: hidden !important;
}

/* compactare interior */
.footer__grid{
  gap: 14px !important;
  padding: 18px 20px !important;
  align-items: start !important;
}

.footer__bottom{
  padding: 12px 20px !important;
  border-top: 1px solid rgba(11,18,32,.08) !important;
}

/* text mai compact */
.footer p,
.footer li,
.footer a,
.footer .small{
  font-size: 0.97rem !important;
  line-height: 1.42 !important;
}

/* titluri coloane */
.footer h4{
  margin: 0 0 10px 0 !important;
  font-size: 1.05rem !important;
}

/* mai puțin spațiu între linkuri */
.footer__links{
  margin-top: 6px !important;
}

.footer__links li{
  margin: 6px 0 !important;
}

/* contact rapid mai strâns */
.footer-contact{
  margin-top: 10px !important;
}

.footer-contact__row{
  margin: 6px 0 !important;
  gap: 8px !important;
  font-size: 15px !important;
}

/* social buttons puțin mai mici */
.social{
  gap: 8px !important;
}

.social__btn{
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(11,18,32,.10) !important;
}

/* pe mobil: și mai compact */
@media (max-width: 820px){
  .footer{
    width: min(1120px, calc(100vw - 20px)) !important;
    margin: 22px auto 14px auto !important;
    border-radius: 18px !important;
  }

  .footer__grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px 14px !important;
  }

  .footer__bottom{
    padding: 10px 14px !important;
  }

  .footer p,
  .footer li,
  .footer a,
  .footer .small{
    font-size: 0.95rem !important;
    line-height: 1.38 !important;
  }

  .social__btn{
    width: 40px !important;
    height: 40px !important;
    font-size: 17px !important;
  }
}

/* dacă mai există footer generic care se întinde pe toată lățimea */
footer.footer,
footer{
  display: block;
}

/* ===== FOOTER COMPACT – MAI INGUST, FARA DUNGA ===== */

.footer{
  width: min(980px, calc(100vw - 32px)) !important;
}

.footer__bottom{
  border-top: 0 !important;
  padding-top: 4px !important;
  margin-top: 0 !important;
}

/* compactare extra jos */
.footer__bottom p,
.footer__bottom .small,
.footer__bottom div{
  margin: 4px 0 !important;
  line-height: 1.32 !important;
  font-size: 0.93rem !important;
}

@media (max-width: 820px){
  .footer{
    width: min(980px, calc(100vw - 20px)) !important;
  }

  .footer__bottom{
    padding-top: 2px !important;
  }
}

/* ===== FOOTER COMPACTARE FINALĂ ===== */

/* scoatem spațiul mare dintre grid și zona de jos */
.footer__grid{
  padding-bottom: 8px !important;
}

/* zona de jos urcă mai sus */
.footer__bottom{
  padding: 6px 20px 10px 20px !important;
  margin-top: 0 !important;
  border-top: 0 !important;
}

/* eliminăm spații inutile din text */
.footer__bottom p{
  margin: 4px 0 !important;
  line-height: 1.3 !important;
}

/* dacă există div-uri în plus */
.footer__bottom div{
  margin: 0 !important;
}

/* ===== FOOTER FINAL: LATIME CORECTA + MAI COMPACT ===== */

footer.footer,
.footer{
  width: min(1120px, 92vw) !important;
  max-width: 1120px !important;
  margin: 28px auto 18px auto !important;
  padding: 0 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* containerul interior sa nu mai ingusteze cardul */
.footer > .container,
.footer .container{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* mai putin spatiu in zona principala */
.footer__grid{
  gap: 14px !important;
  padding: 16px 20px 4px 20px !important;
  align-items: start !important;
}

/* partea de jos urca si mai sus */
.footer__bottom{
  border-top: 0 !important;
  margin-top: 0 !important;
  padding: 2px 20px 8px 20px !important;
}

/* scoatem spatiile moarte din interior */
.footer__bottom,
.footer__bottom p,
.footer__bottom div,
.footer__bottom .small{
  margin: 0 !important;
  line-height: 1.28 !important;
}

/* pastreaza doar un mic spatiu intre cele doua randuri de jos */
.footer__bottom p + p,
.footer__bottom div + p,
.footer__bottom p + div{
  margin-top: 4px !important;
}

/* compacteaza putin si coloanele */
.footer p,
.footer li,
.footer a,
.footer .small{
  line-height: 1.36 !important;
}

.footer__links li{
  margin: 5px 0 !important;
}

.footer-contact__row{
  margin: 5px 0 !important;
}

/* mobil */
@media (max-width: 820px){
  footer.footer,
  .footer{
    width: min(1120px, calc(100vw - 20px)) !important;
    border-radius: 18px !important;
  }

  .footer__grid{
    padding: 14px 14px 2px 14px !important;
    gap: 10px !important;
  }

  .footer__bottom{
    padding: 2px 14px 8px 14px !important;
  }
}

/* ===== FOOTER CLEAN GLOBAL – FARA EDITAT HTML PE FIECARE PAGINA ===== */

/* ascunde "Brasov si imprejurimi" – ultima linie din prima coloana */
.footer__col:first-child p:last-of-type{
  display: none !important;
}

/* ascunde complet zona de jos */
.footer__bottom{
  display: none !important;
}

/* compactare usoara dupa eliminari */
.footer__grid{
  padding-bottom: 14px !important;
}

/* ===== PRETURI – ELIMINARE MINI CARD ===== */

.price-box,
.price-item,
.price-row{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 8px 0 !important;
}

/* daca exista wrapper tip card */
.price-box{
  display: block !important;
}

/* aliniere frumoasa text + pret */
.price-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(11,18,32,.08);
  padding: 6px 0 !important;
}

/* scoate linia de la ultimul element */
.price-row:last-child{
  border-bottom: 0;
}

/* text stanga */
.price-row span:first-child{
  color: #0b1f33;
}

/* pret dreapta */
.price-row span:last-child{
  font-weight: 700;
  color: #0b1f33;
}

/* ===== PRETURI - SCOATE CARDUL DIN INTERIOR ===== */

.preturi-tile .price-table,
.preturi-tile .price-table.price-table--clean{
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-top: 12px !important;
}

.preturi-tile .price-table td{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.preturi-tile .price-table tr + tr td{
  border-top: 1px solid rgba(11,18,32,.08) !important;
}

.preturi-tile .price-table .sub td{
  background: transparent !important;
  padding-top: 14px !important;
  color: var(--ink) !important;
  font-weight: 800 !important;
}

/* ===== PRETURI – ELIMINA CARDUL DIN INTERIOR ===== */

.tile .price-table{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-top: 12px !important;
}

/* elimină paddingul mare din tabel */
.tile .price-table td{
  padding: 6px 0 !important;
}

/* păstrează doar o linie discretă între rânduri */
.tile .price-table tr + tr td{
  border-top: 1px solid rgba(11,18,32,.08) !important;
}

/* ===== BORDER GLOBAL PENTRU TOATE CARDURILE ===== */

.tile,
.card{
  border: 1.5px solid #2b6cff !important;
  border-radius: 18px;
}

/* păstrăm shadow-ul existent */
.tile:hover,
.card:hover{
  border-color: #1f57e0 !important;
}
/* ===== CARD OFERTA LIMITATA – BORDER ALBASTRU ===== */

.offer,
.promo,
.hero-offer{
  border: 1.5px solid #2b6cff !important;
  border-radius: 18px;
}

/* card mare oferta homepage */
.section:first-of-type .container > div:first-child{
  border: 1.5px solid #2b6cff;
  border-radius: 18px;
}

/* ===== GOOGLE REVIEW CARD UPGRADE ===== */

.promo-wow-trust{
  background: linear-gradient(135deg, #eaf3ff, #f4f9ff);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  border: 1px solid rgba(43,108,255,0.15);
}

/* badge sus */
.promo-google-head{
  display:flex;
  justify-content:center;
  margin-bottom:10px;
}

.promo-google-badge{
  max-width:220px;
  border-radius:10px;
}

/* text */
.promo-wow-trust-bar{
  text-align:center;
  font-weight:600;
  font-size:13px;
  margin-bottom:8px;
}

.promo-wow-review-quote{
  font-size:13px;
  opacity:0.85;
  margin-bottom:6px;
}

/* ===== BUTON GOOGLE ===== */

.promo-wow-review-btn{
  display:block;
  text-align:center;
  margin-top:10px;
  padding:10px;
  border-radius:10px;
  font-weight:600;
  text-decoration:none;

  background: linear-gradient(135deg,#2b6cff,#1f57e0);
  color:#fff;

  transition: all 0.2s ease;
}

/* hover sexy */
.promo-wow-review-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(43,108,255,0.3);
}

/* ===== PROMO GOOGLE REVIEW CARD - WOW REAL ===== */

.promo-wow-trust{
  background: linear-gradient(180deg, #eef5ff 0%, #e8f1ff 100%);
  border: 1px solid rgba(43,108,255,.16);
  border-radius: 18px;
  padding: 16px 16px 14px;
  box-shadow:
    0 10px 26px rgba(43,108,255,.10),
    inset 0 1px 0 rgba(255,255,255,.75);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* badge */
.promo-google-head{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.promo-google-badge{
  display: block;
  width: 100%;
  max-width: 230px;
  height: auto;
  border-radius: 12px;
}

/* stele */
.promo-google-stars{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 2px 0 8px;
}

.promo-google-stars span{
  font-size: 22px;
  line-height: 1;
  color: #f4b400;
  display: inline-block;
  animation: promoStarPulse 1.8s ease-in-out infinite;
}

.promo-google-stars span:nth-child(2){ animation-delay: .12s; }
.promo-google-stars span:nth-child(3){ animation-delay: .24s; }
.promo-google-stars span:nth-child(4){ animation-delay: .36s; }
.promo-google-stars span:nth-child(5){ animation-delay: .48s; }

@keyframes promoStarPulse{
  0%,100%{
    transform: translateY(0) scale(1);
    text-shadow: 0 0 0 rgba(244,180,0,0);
  }
  50%{
    transform: translateY(-2px) scale(1.08);
    text-shadow: 0 0 10px rgba(244,180,0,.35);
  }
}

/* text */
.promo-wow-trust-bar{
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 800;
  color: #183153;
  text-align: center;
}

.promo-wow-review-quote{
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.35;
  color: #30445f;
  text-align: center;
}

.promo-wow-review-quote:last-of-type{
  margin-bottom: 12px;
}

/* buton */
.promo-wow-review-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  margin: 0 auto;
  padding: 10px 16px;
  border-radius: 12px;
  background: linear-gradient(135deg, #2b6cff 0%, #1f57e0 100%);
  color: #fff !important;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(43,108,255,.24);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.promo-wow-review-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(43,108,255,.30);
  filter: brightness(1.03);
}

/* pe mobil */
@media (max-width: 768px){
  .promo-google-badge{
    max-width: 210px;
  }

  .promo-google-stars span{
    font-size: 20px;
  }

  .promo-wow-trust-bar{
    font-size: 13px;
  }

  .promo-wow-review-quote{
    font-size: 12.5px;
  }

  .promo-wow-review-btn{
    min-width: 170px;
    width: auto;
  }
}

/* ===== PROMO COUNTDOWN SEXY ===== */

.promo-wow-countdown{
  display:flex;
  gap:12px;
  margin:18px 0 10px;
}

.promo-wow-unit{
  flex:1;
  background:linear-gradient(180deg,#f6f9ff,#eaf1ff);
  border-radius:14px;
  padding:12px 8px;
  text-align:center;

  border:1px solid rgba(43,108,255,.18);

  box-shadow:
  0 6px 18px rgba(43,108,255,.12),
  inset 0 1px 0 rgba(255,255,255,.8);

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

/* hover mic */
.promo-wow-unit:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(43,108,255,.18);
}

/* cifre */
.promo-wow-unit .promo-num{
  font-size:32px;
  font-weight:900;
  color:#1e3a8a;

  letter-spacing:1px;

  animation:countPulse 2s ease-in-out infinite;
}

/* text mic */
.promo-wow-unit .promo-lbl{
  font-size:11px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;

  color:#5b6b87;
}

/* puls subtil */
@keyframes countPulse{
  0%,100%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.05);
  }
}

/* ============================= */
/* ===== PROMO CARD ULTRA ===== */
/* ============================= */


/* ===== BADGE OFERTA ===== */

.promo-wow-badge{
  background: linear-gradient(135deg,#ffb300,#ff7a00);
  color:#fff;
  font-weight:800;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.5px;

  box-shadow:0 4px 14px rgba(255,140,0,.4);

  animation:badgePulse 2.2s ease-in-out infinite;
}

@keyframes badgePulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 4px 14px rgba(255,140,0,.4);
  }
  50%{
    transform:scale(1.05);
    box-shadow:0 6px 22px rgba(255,140,0,.6);
  }
}


/* ===== PRET GLOW ===== */

.promo-wow-price-value{
  background: linear-gradient(135deg,#ffd54a,#ffb300);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  text-shadow:0 6px 20px rgba(255,200,0,.35);

  animation:priceGlow 2.5s ease-in-out infinite;
}

@keyframes priceGlow{
  0%,100%{
    filter:brightness(1);
  }
  50%{
    filter:brightness(1.2);
  }
}


/* ===== COUNTDOWN PREMIUM ===== */

.promo-wow-countdown{
  display:flex;
  gap:12px;
  margin:18px 0 12px;
}

.promo-wow-unit{
  flex:1;

  background: linear-gradient(180deg,#f8fbff,#eaf1ff);
  border-radius:16px;
  padding:12px 8px;
  text-align:center;

  border:1px solid rgba(43,108,255,.18);

  box-shadow:
    0 8px 22px rgba(43,108,255,.12),
    inset 0 1px 0 rgba(255,255,255,.8);

  transition:all .25s ease;
}

.promo-wow-unit:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(43,108,255,.18);
}

/* cifre */
.promo-wow-unit .promo-num{
  font-size:34px;
  font-weight:900;

  background: linear-gradient(135deg,#1e3a8a,#2b6cff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  animation:countPulse 2s ease-in-out infinite;
}

@keyframes countPulse{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.07); }
}

/* label */
.promo-wow-unit .promo-lbl{
  font-size:11px;
  font-weight:800;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#5b6b87;
}


/* ===== EFFECT URGENTA SUBTIL ===== */

.promo-wow-card{
  position:relative;
  overflow:hidden;
}

.promo-wow-card::after{
  content:"";
  position:absolute;
  inset:0;

  background:
    radial-gradient(circle at 20% 10%, rgba(255,200,0,.08), transparent 60%),
    radial-gradient(circle at 80% 20%, rgba(43,108,255,.08), transparent 60%);

  pointer-events:none;
}


/* ===== BUTOANE MAI PUTERNICE ===== */

.promo-wow-actions .btn--primary{
  box-shadow:0 8px 22px rgba(43,108,255,.35);
}

.promo-wow-actions .btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(43,108,255,.45);
}

/* ===== PROMO ACTIONS - TOATE PE UN RAND ===== */

.promo-wow-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  align-items:center !important;
  margin-top:14px !important;
}

.promo-wow-actions .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
  min-height:48px;
  padding:12px 16px !important;
  border-radius:14px !important;
  font-weight:800 !important;
}

/* pe mobil raman pe 2 randuri, altfel se sparg urat */
@media (max-width: 768px){
  .promo-wow-actions{
    flex-wrap:wrap !important;
  }
}

/* ===== PROMO CARD - NEXT LEVEL ===== */

.promo-wow-card{
  position:relative;
  overflow:hidden;
  border:1.5px solid rgba(43,108,255,.22);
  box-shadow:
    0 14px 38px rgba(43,108,255,.10),
    inset 0 1px 0 rgba(255,255,255,.75);
}

/* sweep light premium */
.promo-wow-card::before{
  content:"";
  position:absolute;
  top:-20%;
  left:-35%;
  width:40%;
  height:140%;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.18) 45%,
    rgba(255,255,255,0) 100%
  );
  transform:rotate(8deg);
  pointer-events:none;
  animation:promoSweep 5.8s ease-in-out infinite;
}

@keyframes promoSweep{
  0%{ left:-40%; opacity:0; }
  10%{ opacity:1; }
  45%{ left:115%; opacity:1; }
  60%{ opacity:0; }
  100%{ left:115%; opacity:0; }
}

/* badge mai wow */
.promo-wow-badge{
  position:relative;
  overflow:hidden;
}

.promo-wow-badge::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.35) 48%,
    rgba(255,255,255,0) 100%
  );
  transform:translateX(-120%);
  animation:badgeShine 3.6s ease-in-out infinite;
}

@keyframes badgeShine{
  0%,20%{ transform:translateX(-120%); }
  50%{ transform:translateX(120%); }
  100%{ transform:translateX(120%); }
}

/* price box mai puternic */
.promo-wow-pricebox{
  box-shadow:
    0 10px 24px rgba(18,66,138,.22),
    inset 0 1px 0 rgba(255,255,255,.08);
}

/* glow subtil pe cardul reviews */
.promo-wow-trust{
  position:relative;
  overflow:hidden;
}

.promo-wow-trust::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(43,108,255,.10), transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(255,196,0,.10), transparent 38%);
  pointer-events:none;
}

/* checks mai premium */
.promo-wow-check{
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.promo-wow-check:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(43,108,255,.12);
  background:#f7fbff;
}

/* countdown si mai clean */
.promo-wow-unit{
  position:relative;
  overflow:hidden;
}

.promo-wow-unit::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.35),
    rgba(255,255,255,0)
  );
  pointer-events:none;
}

.promo-wow-actions .btn{
  min-width: 170px;
}

/* ===================================================== */
/* AIRPRO EXPRESS - GLOBAL BUTTON SYSTEM */
/* ===================================================== */


/* BASE BUTTON */

.btn{
display:inline-flex;
align-items:center;
justify-content:center;

padding:12px 22px;

font-size:15px;
font-weight:600;

border-radius:10px;

text-decoration:none;
cursor:pointer;

transition:all .25s ease;

border:none;

gap:8px;
}


/* HOVER UNIVERSAL */

.btn:hover{

transform:translateY(-2px);

box-shadow:0 6px 16px rgba(0,0,0,.15);

}


/* ================================= */
/* PRIMARY BUTTON (programari / lead) */
/* ================================= */

.btn--primary{

background:#1a73e8;
color:white;

}

.btn--primary:hover{

background:#0f5fd3;

}


/* ================================= */
/* WHATSAPP */
/* ================================= */

.btn--whatsapp{

background:#25D366;
color:white;

}

.btn--whatsapp:hover{

background:#1fb95c;

}


/* ================================= */
/* PHONE */
/* ================================= */

.btn--phone{

background:#003c78;
color:white;

}

.btn--phone:hover{

background:#002e5c;

}


/* ================================= */
/* PLATINIUM PRODUCT BUTTON */
/* ================================= */

.btn--platinium{

background:#e6b800;
color:#1a1a1a;

}

.btn--platinium:hover{

background:#d4a600;

}


/* ================================= */
/* GHOST BUTTON (navigare) */
/* ================================= */

.btn--ghost{

background:#f5f7fb;

color:#1a1a1a;

border:1px solid #dfe5ef;

}

.btn--ghost:hover{

background:#e9eef7;

}


/* ================================= */
/* PDF DOWNLOAD */
/* ================================= */

.btn--pdf{

background:#e53935;
color:white;

}

.btn--pdf:hover{

background:#c62828;

}


/* ================================= */
/* BUTTON GROUP (aliniere frumoasa) */
/* ================================= */

.btn-group{

display:flex;

flex-wrap:wrap;

gap:12px;

align-items:center;

}


/* ================================= */
/* PROMO CARD BUTTON ROW */
/* ================================= */

.promo-wow-actions{

display:flex;

flex-wrap:wrap;

gap:12px;

margin-top:20px;

}


/* ================================= */
/* MOBILE OPTIMIZATION */
/* ================================= */

@media (max-width:768px){

.btn{

width:100%;

justify-content:center;

}

.promo-wow-actions{

flex-direction:column;

}

}

/* ===================================================== */
/* AIRPRO EXPRESS - BUTTON COLORS FORCE OVERRIDE */
/* ===================================================== */


/* BASE (fortam peste tot) */
a.btn,
button.btn{
border-radius:10px !important;
font-weight:600 !important;
}


/* ========================= */
/* PRIMARY - PROGRAMARI */
/* ========================= */

.btn--primary,
a.btn--primary{
background:#1a73e8 !important;
color:#fff !important;
border:none !important;
}

.btn--primary:hover{
background:#0f5fd3 !important;
}


/* ========================= */
/* WHATSAPP */
/* ========================= */

.btn--whatsapp{
background:#25D366 !important;
color:#fff !important;
}

.btn--whatsapp:hover{
background:#1fb95c !important;
}


/* ========================= */
/* PHONE */
/* ========================= */

.btn--phone{
background:#003c78 !important;
color:#fff !important;
}

.btn--phone:hover{
background:#002e5c !important;
}


/* ========================= */
/* PLATINIUM (GOLD) */
/* ========================= */

.btn--platinium{
background:#e6b800 !important;
color:#1a1a1a !important;
}

.btn--platinium:hover{
background:#d4a600 !important;
}


/* ========================= */
/* GHOST */
/* ========================= */

.btn--ghost{
background:#f5f7fb !important;
color:#1a1a1a !important;
border:1px solid #dfe5ef !important;
}

.btn--ghost:hover{
background:#e9eef7 !important;
}


/* ========================= */
/* PDF */
/* ========================= */

.btn--pdf{
background:#e53935 !important;
color:#fff !important;
}

.btn--pdf:hover{
background:#c62828 !important;
}


/* ========================= */
/* STERGEM CULORI VECHI */
/* ========================= */

.btn-primary,
.btn-secondary,
.btn-call,
.btn-info,
.btn-cta{
background:unset !important;
color:unset !important;
border:unset !important;
}


/* ===================================================== */
/* AIRPRO EXPRESS - BUTTON SYSTEM FINAL FORCE V3 */
/* ===================================================== */

:root{
  --air-btn-primary:#1a73e8;
  --air-btn-primary-hover:#0f5fd3;
  --air-btn-whatsapp:#25D366;
  --air-btn-whatsapp-hover:#1fb95c;
  --air-btn-phone:#003c78;
  --air-btn-phone-hover:#002e5c;
  --air-btn-platinium:#e6b800;
  --air-btn-platinium-hover:#d4a600;
  --air-btn-ghost:#f5f7fb;
  --air-btn-ghost-hover:#e6eefb;
  --air-btn-ghost-border:#d7dfeb;
  --air-btn-pdf-bg:#fff8f8;
  --air-btn-pdf-border:#d93025;
  --air-btn-pdf-text:#c62828;
  --air-btn-pdf-hover:#ffe9e9;
}

a.btn.btn--primary,
button.btn.btn--primary{background:var(--air-btn-primary)!important;color:#fff!important;border:1px solid var(--air-btn-primary)!important;box-shadow:0 8px 18px rgba(26,115,232,.22)!important;}
a.btn.btn--primary:hover,
button.btn.btn--primary:hover{background:var(--air-btn-primary-hover)!important;border-color:var(--air-btn-primary-hover)!important;}

a.btn.btn--whatsapp,
button.btn.btn--whatsapp{background:var(--air-btn-whatsapp)!important;color:#fff!important;border:1px solid var(--air-btn-whatsapp)!important;box-shadow:0 8px 18px rgba(37,211,102,.20)!important;}
a.btn.btn--whatsapp:hover,
button.btn.btn--whatsapp:hover{background:var(--air-btn-whatsapp-hover)!important;border-color:var(--air-btn-whatsapp-hover)!important;}

a.btn.btn--phone,
button.btn.btn--phone{background:var(--air-btn-phone)!important;color:#fff!important;border:1px solid var(--air-btn-phone)!important;box-shadow:0 8px 18px rgba(0,60,120,.22)!important;}
a.btn.btn--phone:hover,
button.btn.btn--phone:hover{background:var(--air-btn-phone-hover)!important;border-color:var(--air-btn-phone-hover)!important;}

a.btn.btn--platinium,
button.btn.btn--platinium{background:var(--air-btn-platinium)!important;color:#1a1a1a!important;border:1px solid var(--air-btn-platinium)!important;box-shadow:0 10px 22px rgba(230,184,0,.22)!important;}
a.btn.btn--platinium:hover,
button.btn.btn--platinium:hover{background:var(--air-btn-platinium-hover)!important;border-color:var(--air-btn-platinium-hover)!important;box-shadow:0 12px 24px rgba(212,166,0,.28)!important;}

a.btn.btn--ghost,
button.btn.btn--ghost{background:var(--air-btn-ghost)!important;color:#1a1a1a!important;border:1px solid var(--air-btn-ghost-border)!important;box-shadow:0 8px 16px rgba(15,23,42,.06)!important;}
a.btn.btn--ghost:hover,
button.btn.btn--ghost:hover{background:var(--air-btn-ghost-hover)!important;border-color:#bfd0ea!important;}

a.btn.btn--pdf,
button.btn.btn--pdf{background:var(--air-btn-pdf-bg)!important;color:var(--air-btn-pdf-text)!important;border:1px solid var(--air-btn-pdf-border)!important;box-shadow:0 8px 16px rgba(217,48,37,.10)!important;}
a.btn.btn--pdf:hover,
button.btn.btn--pdf:hover{background:var(--air-btn-pdf-hover)!important;color:#b42318!important;border-color:#b42318!important;}

/* neutralizăm complet clasele vechi */
a.btn.btn-primary,
a.btn.btn-secondary,
a.btn.btn-call,
a.btn.btn-info,
a.btn.btn-cta,
button.btn.btn-primary,
button.btn.btn-secondary,
button.btn.btn-call,
button.btn.btn-info,
button.btn.btn-cta{background:inherit!important;color:inherit!important;border:inherit!important;}
/* ================================= */
/* FIX BUTOANE CARDURI (legacy) */
/* ================================= */

/* butoane "Vezi pagina" din carduri */

.card a,
.card a.btn-card,
.card .card-btn{
display:inline-flex;
align-items:center;
justify-content:center;

padding:12px 22px;
border-radius:10px;

font-size:15px;
font-weight:600;

text-decoration:none;

background:#f5f7fb;
color:#1a1a1a;

border:1px solid #dfe5ef;

transition:all .25s ease;
}

.card a:hover,
.card a.btn-card:hover,
.card .card-btn:hover{

background:#e9eef7;

transform:translateY(-2px);
box-shadow:0 6px 16px rgba(0,0,0,.15);

}


/* ================================= */
/* BUTOANE SERVICE CARD */
/* ================================= */

.service-card a,
.service-card .service-btn{

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

padding:12px 22px;

border-radius:10px;

font-size:15px;
font-weight:600;

text-decoration:none;

background:#f5f7fb;
color:#1a1a1a;

border:1px solid #dfe5ef;

transition:all .25s ease;
}

.service-card a:hover,
.service-card .service-btn:hover{

background:#e9eef7;

transform:translateY(-2px);
box-shadow:0 6px 16px rgba(0,0,0,.15);

}
.hero-montaj{
padding:40px;
}

.hero-montaj p{
max-width:520px;
line-height:1.6;
}

.hero-beneficii{
border:none !important;
box-shadow:none !important;
background:transparent;
}

/* FIX: scoate cardul mare din jurul celor doua carduri de sus */

.hero-top-wrapper{
border:none !important;
background:transparent !important;
box-shadow:none !important;
padding:0 !important;
}

/* spatiu intre cele doua carduri */

.hero-top-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}

/* FIX top cards - instalare page */
.install-hero-grid{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;

  grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr) !important;
  gap: 36px !important;
  align-items: start !important;
}

.install-hero-grid::before,
.install-hero-grid::after{
  display:none !important;
  content:none !important;
}

.install-hero-grid > .install-card{
  margin:0 !important;
  position:relative;
  z-index:1;
}

.install-hero-card h1{
  font-size:clamp(1.8rem,3.4vw,2.85rem) !important;
  line-height:1.06 !important;
  max-width:11ch !important;
}

.install-hero-card .lead{
  max-width:58ch !important;
}

@media (max-width: 920px){
  .install-hero-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .install-hero-card h1{
    max-width:none !important;
  }
}

/* ================================= */
/* FIX CARDURI HERO INSTALARE */
/* ================================= */

.install-hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
align-items:stretch;
}

/* carduri egale */

.install-hero-grid .install-card{
height:100%;
display:flex;
flex-direction:column;
justify-content:flex-start;
}

/* titlu mai mic */

.install-hero-card h1{
font-size:clamp(1.8rem,2.6vw,2.4rem) !important;
line-height:1.15;
max-width:14ch;
}

/* text mai aerisit */

.install-hero-card p{
line-height:1.6;
max-width:55ch;
}

/* responsive */

@media (max-width:920px){

.install-hero-grid{
grid-template-columns:1fr;
gap:22px;
}

.install-hero-card h1{
max-width:none;
}

}

/* ALIGN HERO CARDS WITH GRID BELOW */

.install-hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
align-items:stretch;
}

.pureair-showcase-card{
display:grid;
grid-template-columns:1.2fr 0.8fr;
gap:24px;
background:#ffffffcc;
backdrop-filter:blur(8px);
border-radius:22px;
padding:24px;
box-shadow:0 20px 40px rgba(0,0,0,0.15);
margin-top:30px;
}

.pureair-showcase-image img{
width:100%;
border-radius:16px;
}

.pureair-showcase-info{
display:flex;
flex-direction:column;
justify-content:center;
gap:14px;
}

.pureair-showcase-info img{
max-width:220px;
}
/* cardurile devin egale */

.install-hero-grid .install-card{
display:flex;
flex-direction:column;
height:100%;
}

/* conținutul se întinde */

.install-hero-grid .install-card > *{
flex-grow:0;
}

.install-hero-grid .install-card ul{
flex-grow:1;
}

/* titlu puțin mai mic */

.install-hero-card h1{
font-size:clamp(1.7rem,2.4vw,2.3rem);
line-height:1.15;
max-width:14ch;
}


/* ALIGN TOP ROW WITH BOTTOM ROW ON INSTALARE PAGE */

.install-hero-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

.install-hero-grid > .install-card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}

.install-hero-card h1{
  font-size:clamp(1.75rem,3vw,2.45rem) !important;
  line-height:1.08 !important;
  max-width:12ch !important;
}

.install-hero-card .lead{
  max-width:54ch !important;
}

@media (max-width:920px){
  .install-hero-grid{
    grid-template-columns:1fr !important;
  }

  .install-hero-card h1{
    max-width:none !important;
  }
}

/* CARD SECTIUNE BRANDURI */

.brand-install-card{
border:2px solid #3b82f6;
border-radius:18px;
background:rgba(255,255,255,0.85);
box-shadow:0 6px 18px rgba(0,0,0,.08);
padding:34px;
margin-top:28px;
}

/* grid logo-uri */

.brand-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
margin-top:18px;
}

/* fiecare logo */

.brand-grid div{
background:#f3f4f6;
border-radius:14px;
padding:18px;
text-align:center;
font-weight:600;
letter-spacing:.5px;
color:#444;
}

@media (max-width:900px){
.brand-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

/* FIX CARD BRANDURI - BORDER ALBASTRU CA LA RESTUL */

.install-brands-card{
  border: 2px solid #3b82f6 !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.58)) !important;
  box-shadow: 0 14px 34px rgba(20,48,90,.08) !important;
}

/* FIX PROMO IMAGE SIZE */
.promo-wow-card{
width:100% !important;
max-width:none !important;
}

.promo-wow-card img{
width:100% !important;
height:auto !important;
display:block;
}
/* FIX PROMO IMAGE SIZE FINAL */

.promo-wow-grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap:20px;
align-items:stretch;
}

/* container imagine */
.promo-wow-visual{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}

/* imaginea */
.promo-wow-banner{
width:100%;
max-width:420px;
height:auto;
object-fit:contain;
}

.promo-wow-visual{
flex:1 !important;
max-width:none !important;
}

.promo-wow-banner{
max-width:500px !important;
}
/* RESET pentru banner promo Platinium */
.promo-wow-visual{
  width:100% !important;
  max-width:none !important;
  display:block !important;
}

.promo-wow-banner{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
}

/* ===== FIX LAYOUT PROMO FINAL ===== */

.promo-wow-grid{
display:grid;
grid-template-columns: 1.1fr 0.9fr;
gap:24px;
align-items:stretch;
}

/* coloana dreapta */
.promo-wow-visual{
display:flex;
flex-direction:column;
justify-content:center; /* CENTREAZA PE VERTICALA */
align-items:center;
height:100%;
}

/* imagine */
.promo-wow-banner{
width:100%;
max-width:420px;
height:auto;
display:block;
}

/* badge de sus */
.promo-partner-banner{
margin-bottom:12px;
max-width:220px;
}
.promo-wow-visual{
justify-content:flex-start;
padding-top:20px;
}
/* STACK PROMO CLEAN */

.promo-wow-grid{
display:flex;
flex-direction:column;
gap:20px;
}

.promo-wow-visual{
display:flex;
justify-content:center;
}

.promo-wow-banner{
max-width:420px;
}

/* ===== PROMO PUREAIR FIX FINAL ===== */

/* 1) cardurile pret + review egale */
.promo-wow-price-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
  align-items:stretch !important;
}

.promo-wow-pricebox,
.promo-wow-trust{
  height:100% !important;
  min-height:180px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

/* 2) bannerul mic sa aiba aceeasi latime ca bannerul mare */
.promo-wow-visual{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  width:100% !important;
}

.promo-partner-banner,
.promo-wow-banner{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  margin:0 !important;
  border-radius:20px !important;
}

/* 3) bannerul mic sa nu mai ramana micut */
.promo-partner-banner{
  min-height:86px !important;
  object-fit:cover !important;
}

/* 4) bannerul mare sa ramana dominant si curat */
.promo-wow-banner{
  min-height:260px !important;
  object-fit:cover !important;
}

/* 5) mobil */
@media (max-width: 768px){
  .promo-wow-price-row{
    grid-template-columns:1fr !important;
  }

  .promo-partner-banner{
    min-height:72px !important;
  }

  .promo-wow-banner{
    min-height:220px !important;
  }
}

.promo-pureair-banner{
margin-top:30px;
text-align:center;
}

.promo-pureair-banner img{
max-width:720px;
width:100%;
height:auto;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.seo-links{
padding:40px 0;
}

.seo-links h2{
margin-bottom:10px;
}

.seo-links-list{
margin-top:15px;
}

.seo-links-list li{
margin:8px 0;
}

.seo-links-list a{
color:#1a73e8;
text-decoration:none;
font-weight:500;
}

.seo-links-list a:hover{
text-decoration:underline;
}

/* SEO internal links */

.seo-links{
padding:40px 0;
}

.seo-links h2{
margin-bottom:10px;
}

.seo-links p{
margin-bottom:15px;
}

.seo-links-list{
list-style:disc;
padding-left:20px;
}

.seo-links-list li{
margin:6px 0;
}

.seo-links-list a{
color:#1a73e8;
text-decoration:none;
font-weight:500;
transition:0.2s;
}

.seo-links-list a:hover{
text-decoration:underline;
color:#0b5bd3;
}

/* === FIX CARDURI PRODUSE (font + dimensiuni egale) === */


.product p{
    font-size:14px;
    color:#4b5563;
    line-height:1.5;
}

.product ul{
    font-size:14px;
    color:#4b5563;
    padding-left:18px;
}

.product li{
    margin-bottom:6px;
}


/* carduri egale pe înălțime */
.grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.product{
    display:flex;
    flex-direction:column;
    height:100%;
}

/* butoane aliniate jos */
.product__actions{
    margin-top:auto;
}

.product img{
width:100%;
height:200px;
object-fit:contain;
display:block;
margin-bottom:10px;
}
.product h3{
min-height:40px;
}
/* === FIX CARDURI PRODUSE DOAR PE PAGINA PRODUSE === */

.product{
    display:flex;
    flex-direction:column;
    height:100%;
}

.product h3{
    font-size:16px;
    font-weight:600;
    color:#1f2937;
    margin-bottom:8px;
    min-height:40px;
}

.product p{
    font-size:14px;
    color:#4b5563;
    line-height:1.5;
}

.product ul{
    font-size:14px;
    color:#4b5563;
    padding-left:18px;
}

.product li{
    margin-bottom:6px;
}

.product img,
.product__img{
    width:100%;
    height:200px;
    object-fit:contain;
    display:block;
    margin-bottom:10px;
}

.product__actions{
    margin-top:auto;
}

/* === FIX LAYOUT CONTACT === */

/* containerul cu cele 2 carduri de sus */
.contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    width:100%;
}

/* cardurile */
.contact-grid .card{
    width:100%;
}

/* cardurile de jos ocupă toată lățimea */
.contact-full{
    width:100%;
    margin-top:24px;
}

/* ===== FIX CONTACT - carduri sus mai late ===== */

main .section:first-of-type .container{
    max-width: 1180px !important;
}

main .section:first-of-type .grid,
main .section:first-of-type .grid--2{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    width: 100% !important;
    align-items: stretch !important;
}

main .section:first-of-type .card{
    width: 100% !important;
    min-width: 0 !important;
}

main .section:first-of-type .card > *{
    width: 100% !important;
}
 /* ===== MOBILE FIX CARDURI PRODUSE ===== */

@media (max-width:768px){

.grid,
.grid.grid--2,
.grid.grid--3,
.products-grid{
grid-template-columns:1fr !important;
gap:16px;
}

/* card */
.product{
display:flex;
flex-direction:column;
padding:14px;
min-height:auto;
}

/* imagine */
.product img,
.product__img{
width:100%;
height:180px;
object-fit:contain;
margin-bottom:8px;
}

/* titlu */
.product h3{
font-size:18px;
line-height:1.3;
margin-bottom:6px;
}

/* text scurt */
.product p{
font-size:14px;
margin-bottom:6px;
}

/* lista scurta */
.product ul{
font-size:13px;
margin-bottom:10px;
}

/* ascundem prea multe bulleturi daca sunt multe */
.product li:nth-child(n+4){
display:none;
}

/* butoane */
.product__actions{
display:flex;
flex-direction:column;
gap:8px;
margin-top:auto;
}

.product__actions .btn{
width:100%;
text-align:center;
min-height:44px;
}

/* meta text */
.product__meta{
font-size:12px;
margin-top:6px;
}

}

/* ===== PRODUSE.HTML FIX FINAL ===== */

/* hero promo align */
.card img[src*="promo-2150"]{
  display:block;
  margin:0 auto;
  object-fit:contain;
}

/* cardurile hub: Platinium / Zephir / Kyato / Comerciale */
#alege-gama .product{
  border-radius:18px;
}

#alege-gama .product:nth-child(1){
  background:linear-gradient(180deg, rgba(227,240,255,0.9) 0%, rgba(255,255,255,0.98) 100%);
}

#alege-gama .product:nth-child(2){
  background:linear-gradient(180deg, rgba(232,248,243,0.9) 0%, rgba(255,255,255,0.98) 100%);
}

#alege-gama .product:nth-child(3){
  background:linear-gradient(180deg, rgba(255,247,230,0.92) 0%, rgba(255,255,255,0.98) 100%);
}

#alege-gama .product:nth-child(4){
  background:linear-gradient(180deg, rgba(245,239,255,0.92) 0%, rgba(255,255,255,0.98) 100%);
}

/* produse - carduri compacte */
.product{
  display:flex;
  flex-direction:column;
}

.product__img,
.product img{
  width:100%;
  height:220px;
  object-fit:contain;
  display:block;
  margin:0 auto 10px auto;
}

.product h3{
  line-height:1.32;
}

.product__actions{
  margin-top:auto;
}

/* ===== MOBILE ===== */
@media (max-width:768px){

  /* toate gridurile din produse pe o singura coloana */
  #continut .grid.grid--2,
  #continut .grid.grid--3{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  /* carduri mai compacte si aproape patrate */
  #continut .product{
    padding:14px !important;
    border-radius:16px;
    min-height:auto !important;
  }

  #continut .product__img,
  #continut .product img{
    height:150px !important;
    margin:0 auto 8px auto !important;
    object-fit:contain !important;
  }

  #continut .product h3{
    font-size:17px !important;
    line-height:1.28 !important;
    margin:0 0 8px 0 !important;
    min-height:0 !important;
  }

  #continut .product p{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-bottom:8px !important;
  }

  #continut .product ul{
    font-size:13px !important;
    line-height:1.4 !important;
    margin:0 0 10px 0 !important;
    padding-left:18px !important;
  }

  #continut .product li{
    margin-bottom:4px !important;
  }

  /* ascunde bulleturile in exces ca sa nu mai fie carduri kilometrice */
  #continut .product li:nth-child(n+4){
    display:none !important;
  }

  /* butoane unul sub altul */
  #continut .product__actions{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    margin-top:8px !important;
  }

  #continut .product__actions .btn{
    width:100% !important;
    min-height:44px !important;
    justify-content:center !important;
    text-align:center !important;
  }

  #continut .product__meta{
    font-size:12px !important;
    line-height:1.35 !important;
    margin-top:8px !important;
  }

  /* hero promo mai centrat pe mobil */
  .card img[src*="promo-2150"]{
    width:100% !important;
    max-width:280px !important;
    height:auto !important;
    margin:0 auto !important;
  }

  /* alege gama potrivita - carduri compacte */
  #alege-gama .product{
    min-height:auto !important;
  }

  #alege-gama .product p{
    margin-bottom:8px !important;
  }

  #alege-gama .product li:nth-child(n+4){
    display:none !important;
  }
}

/* ===== FIX HERO PRODUSE + SPATIU BUTOANE BLOG ===== */

/* 1) produse.html - centreaza perfect poza promo/hero */
.card img[src*="promo-2150"]{
  display:block !important;
  margin:0 auto !important;
  object-fit:contain !important;
}

.card:has(img[src*="promo-2150"]){
  text-align:center;
}

/* fallback daca :has nu e suportat peste tot */
figure.card{
  text-align:center;
}

/* 2) blog - spatiu intre butoanele din cardul CTA de jos */
.blog-cta .hero__cta,
.blog-cta .cta__actions,
.blog-cta .btn-row,
.blog-cta .actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px !important;
}

/* fallback general pentru cardul din blog daca butoanele sunt in acelasi container */
.blog .hero__cta,
.blog .cta__actions,
.blog .btn-row,
.blog .actions{
  gap:12px !important;
}

.blog .btn + .btn{
  margin-left:12px !important;
}

/* ===== BLOG CTA FIX MOBILE ===== */

@media (max-width:768px){

/* containerul butoanelor */
.blog .hero__cta,
.blog .cta,
.blog .cta-buttons,
.blog .cta-actions{
display:flex !important;
flex-direction:column !important;
gap:12px !important;
}

/* butoanele */
.blog .hero__cta .btn,
.blog .cta .btn,
.blog .cta-buttons .btn,
.blog .cta-actions .btn{
width:100%;
margin:0 !important;
}

}

@media (max-width:768px){
.blog .btn + .btn{
margin-top:12px !important;
}
}

/* ===== BLOG CTA MOBILE ONLY - SPATIU INTRE BUTOANE ===== */
@media (max-width:768px){

  main .card .btn + .btn{
    margin-top:12px !important;
  }

  main .card .hero__cta .btn + .btn,
  main .card .cta__actions .btn + .btn,
  main .card .actions .btn + .btn,
  main .card .btn-row .btn + .btn{
    margin-top:12px !important;
    margin-left:0 !important;
  }

  main .card .hero__cta,
  main .card .cta__actions,
  main .card .actions,
  main .card .btn-row{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  main .card .hero__cta .btn,
  main .card .cta__actions .btn,
  main .card .actions .btn,
  main .card .btn-row .btn{
    width:100% !important;
  }
}

@media (max-width:768px){
  .btn + .btn{
    margin-top:12px !important;
  }
}

/* ===== FIX ALIGN CARD PROIECT COMERCIAL ===== */

.section .card{
max-width:1100px;
margin-left:auto !important;
margin-right:auto !important;
width:100%;
}

/* daca are clasa diferita */
.card{
margin-left:auto;
margin-right:auto;
}

/* mobil */
@media (max-width:768px){

.section .card{
max-width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
}

}

/* ===== CARDURI GAMA - BACKGROUND FADE ===== */

/* Platinium */
.products-grid .product:nth-child(1){
background:linear-gradient(180deg,#f3f8ff 0%, #ffffff 100%);
}

/* Zephir */
.products-grid .product:nth-child(2){
background:linear-gradient(180deg,#f3fff8 0%, #ffffff 100%);
}

/* Kyato */
.products-grid .product:nth-child(3){
background:linear-gradient(180deg,#fffaf3 0%, #ffffff 100%);
}

/* Comerciale */
.products-grid .product:nth-child(4){
background:linear-gradient(180deg,#f8f4ff 0%, #ffffff 100%);
}

/* ===== Alege gama potrivita - carduri evidențiate ===== */

#alege-gama .product{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.04);
  transition: transform .2s ease, box-shadow .2s ease;
}

#alege-gama .product:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
}

/* glow comun discret */
#alege-gama .product::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 18px;
  opacity: .9;
}

/* 1 Platinium */
#alege-gama .product:nth-of-type(1){
  background:
    radial-gradient(circle at top right, rgba(72,145,255,.16) 0%, rgba(72,145,255,0) 38%),
    linear-gradient(180deg, #eef6ff 0%, #ffffff 72%);
  border: 1px solid rgba(72,145,255,.28);
}

/* 2 Zephir */
#alege-gama .product:nth-of-type(2){
  background:
    radial-gradient(circle at top right, rgba(41,182,106,.16) 0%, rgba(41,182,106,0) 38%),
    linear-gradient(180deg, #eefdf5 0%, #ffffff 72%);
  border: 1px solid rgba(41,182,106,.26);
}

/* 3 Kyato */
#alege-gama .product:nth-of-type(3){
  background:
    radial-gradient(circle at top right, rgba(255,167,38,.16) 0%, rgba(255,167,38,0) 38%),
    linear-gradient(180deg, #fff8ed 0%, #ffffff 72%);
  border: 1px solid rgba(255,167,38,.28);
}

/* 4 Comerciale */
#alege-gama .product:nth-of-type(4){
  background:
    radial-gradient(circle at top right, rgba(156,39,176,.14) 0%, rgba(156,39,176,0) 38%),
    linear-gradient(180deg, #f8f0ff 0%, #ffffff 72%);
  border: 1px solid rgba(156,39,176,.22);
}

/* titlu și imagine un pic mai curate în zona asta */
#alege-gama .product h3{
  margin-top: 4px;
}

#alege-gama .product__img,
#alege-gama .product img{
  filter: drop-shadow(0 8px 18px rgba(0,0,0,0.06));
}

/* mobil */
@media (max-width:768px){
  #alege-gama .product{
    border-radius: 16px;
  }
}
/* fallback mai agresiv */
#alege-gama article:nth-of-type(1){
  background:
    radial-gradient(circle at top right, rgba(72,145,255,.16) 0%, rgba(72,145,255,0) 38%),
    linear-gradient(180deg, #eef6ff 0%, #ffffff 72%) !important;
  border: 1px solid rgba(72,145,255,.28) !important;
}

#alege-gama article:nth-of-type(2){
  background:
    radial-gradient(circle at top right, rgba(41,182,106,.16) 0%, rgba(41,182,106,0) 38%),
    linear-gradient(180deg, #eefdf5 0%, #ffffff 72%) !important;
  border: 1px solid rgba(41,182,106,.26) !important;
}

#alege-gama article:nth-of-type(3){
  background:
    radial-gradient(circle at top right, rgba(255,167,38,.16) 0%, rgba(255,167,38,0) 38%),
    linear-gradient(180deg, #fff8ed 0%, #ffffff 72%) !important;
  border: 1px solid rgba(255,167,38,.28) !important;
}

#alege-gama article:nth-of-type(4){
  background:
    radial-gradient(circle at top right, rgba(156,39,176,.14) 0%, rgba(156,39,176,0) 38%),
    linear-gradient(180deg, #f8f0ff 0%, #ffffff 72%) !important;
  border: 1px solid rgba(156,39,176,.22) !important;
}

/* ===== FIX GRADIENT CARDURI Alege gama potrivita ===== */

#alege-gama .product:nth-child(1){
background:
radial-gradient(circle at bottom right, rgba(72,145,255,.18) 0%, rgba(72,145,255,0) 45%),
linear-gradient(180deg,#ffffff 0%,#eef6ff 85%) !important;
}

#alege-gama .product:nth-child(2){
background:
radial-gradient(circle at bottom right, rgba(41,182,106,.18) 0%, rgba(41,182,106,0) 45%),
linear-gradient(180deg,#ffffff 0%,#eefdf5 85%) !important;
}

#alege-gama .product:nth-child(3){
background:
radial-gradient(circle at bottom right, rgba(255,167,38,.18) 0%, rgba(255,167,38,0) 45%),
linear-gradient(180deg,#ffffff 0%,#fff8ed 85%) !important;
}

#alege-gama .product:nth-child(4){
background:
radial-gradient(circle at bottom right, rgba(156,39,176,.16) 0%, rgba(156,39,176,0) 45%),
linear-gradient(180deg,#ffffff 0%,#f8f0ff 85%) !important;
}

/* CARDURI PRODUSE - alb sus pentru imagini */

#alege-gama .product:nth-child(1){
background:linear-gradient(
180deg,
#ffffff 0%,
#ffffff 50%,
#eef6ff 100%
) !important;
}

#alege-gama .product:nth-child(2){
background:linear-gradient(
180deg,
#ffffff 0%,
#ffffff 50%,
#eefdf5 100%
) !important;
}

#alege-gama .product:nth-child(3){
background:linear-gradient(
180deg,
#ffffff 0%,
#ffffff 50%,
#fff8ed 100%
) !important;
}

#alege-gama .product:nth-child(4){
background:linear-gradient(
180deg,
#ffffff 0%,
#ffffff 50%,
#f8f0ff 100%
) !important;
}

/* FIX CARD PROIECT COMERCIAL – BUTOANE ALINIATE */

.section-commercial .btn{
display:inline-flex;
align-items:center;
justify-content:center;
margin:6px 6px 6px 0;
}

.section-commercial .actions{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
}

/* desktop */
@media (min-width:768px){

.section-commercial .actions{
justify-content:flex-start;
}

.section-commercial .btn{
min-width:190px;
}

}

/* mobil */

@media (max-width:767px){

.section-commercial .actions{
flex-direction:column;
align-items:center;
width:100%;
}

.section-commercial .btn{
width:100%;
max-width:260px;
}

}

@media (max-width: 767px){
  .card[style*="grid-template-columns:1.2fr 0.9fr"] > div{
    grid-template-columns:1fr !important;
  }

  .card h2[style*="font-size:44px"]{
    font-size:32px !important;
    line-height:1.12 !important;
  }

  .card p[style*="font-size:18px"]{
    font-size:16px !important;
  }
}

@media (max-width: 767px){
  .cta-project > div{
    grid-template-columns:1fr !important;
  }

  .cta-project h2{
    font-size:32px !important;
    line-height:1.12 !important;
  }

  .cta-project p{
    font-size:16px !important;
  }
}

/* ===== HOME - BUTOANE SERVICII + BADGE-URI COMERCIALE ===== */

/* 1) butoanele din cele 3 carduri Servicii */
.services .card:nth-child(1) .btn,
.services .service-card:nth-child(1) .btn,
section .card:nth-child(1) .btn[href*="instalare"]{
  background:#eef6ff !important;
  border:1px solid #b9d6ff !important;
  color:#1d4ed8 !important;
}

.services .card:nth-child(2) .btn,
.services .service-card:nth-child(2) .btn,
section .card:nth-child(2) .btn[href*="service"]{
  background:#eefdf5 !important;
  border:1px solid #b8e7cb !important;
  color:#15803d !important;
}

.services .card:nth-child(3) .btn,
.services .service-card:nth-child(3) .btn,
section .card:nth-child(3) .btn[href*="mentenanta"]{
  background:#fff8ed !important;
  border:1px solid #f3d19c !important;
  color:#b45309 !important;
}

/* hover fin pentru cele 3 */
.services .card:nth-child(1) .btn:hover,
.services .service-card:nth-child(1) .btn:hover,
section .card:nth-child(1) .btn[href*="instalare"]:hover{
  background:#dbeafe !important;
}

.services .card:nth-child(2) .btn:hover,
.services .service-card:nth-child(2) .btn:hover,
section .card:nth-child(2) .btn[href*="service"]:hover{
  background:#dcfce7 !important;
}

.services .card:nth-child(3) .btn:hover,
.services .service-card:nth-child(3) .btn:hover,
section .card:nth-child(3) .btn[href*="mentenanta"]:hover{
  background:#ffedd5 !important;
}

/* 2) badge-urile din cardul comercial */
.cta-project .badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.cta-project .badge{
  border-radius:14px !important;
  padding:10px 18px !important;
  font-weight:700 !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
}

/* HoReCa */
.cta-project .badge:nth-child(1){
  background:#fdecec !important;
  border-color:#f5c2c7 !important;
  color:#b42318 !important;
}

/* Hale */
.cta-project .badge:nth-child(2){
  background:#eef6ff !important;
  border-color:#bfd8ff !important;
  color:#1d4ed8 !important;
}

/* Birouri */
.cta-project .badge:nth-child(3){
  background:#eefdf5 !important;
  border-color:#b8e7cb !important;
  color:#15803d !important;
}

/* Comercial */
.cta-project .badge:nth-child(4){
  background:#fff8ed !important;
  border-color:#f3d19c !important;
  color:#b45309 !important;
}

/* hover badge-uri */
.cta-project .badge:hover{
  filter:brightness(0.98);
  transform:translateY(-1px);
  transition:all .2s ease;
}

/* CARD COMERCIAL – aceeași dimensiune ca restul */

.cta-project {
  max-width: 100% !important;
  width: 100% !important;
  padding: 20px !important;
  box-sizing: border-box;
}

/* elimină spațiul extra din layoutul grid */
.cta-project > div {
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}

/* aliniere text ca la celelalte carduri */
.cta-project h2 {
  font-size: 32px !important;
  line-height: 1.2 !important;
}

/* butoanele să nu forțeze lățimea cardului */
.cta-project .btn {
  width: 100%;
  max-width: 260px;
}

/* pe mobil să arate ca restul */
@media (max-width: 768px) {
  .cta-project > div {
    grid-template-columns: 1fr !important;
  }

  .cta-project .btn {
    max-width: 100%;
  }
}

/* ===== BUTOANE SERVICII – aceleasi nuante ca badge-urile comerciale ===== */

.services .card:nth-child(1) .btn{
  background:#fdecec !important;
  border:1px solid #f5c2c7 !important;
  color:#b42318 !important;
}

.services .card:nth-child(2) .btn{
  background:#eef6ff !important;
  border:1px solid #bfd8ff !important;
  color:#1d4ed8 !important;
}

.services .card:nth-child(3) .btn{
  background:#eefdf5 !important;
  border:1px solid #b8e7cb !important;
  color:#15803d !important;
}

/* hover */
.services .card:nth-child(1) .btn:hover{
  background:#fbd5d5 !important;
}

.services .card:nth-child(2) .btn:hover{
  background:#dbeafe !important;
}

.services .card:nth-child(3) .btn:hover{
  background:#dcfce7 !important;
}

/* ===== FIX REAL BUTOANE SERVICII ===== */

/* Instalare */
a.btn[href*="instalare-aer-conditionat-brasov"],
a.btn[href*="instalare"]{
  background:#fdecec !important;
  border:1px solid #f5c2c7 !important;
  color:#b42318 !important;
}

/* Service */
a.btn[href*="service-aer-conditionat-brasov"],
a.btn[href*="service"]{
  background:#eef6ff !important;
  border:1px solid #bfd8ff !important;
  color:#1d4ed8 !important;
}

/* Mentenanta */
a.btn[href*="mentenanta-aer-conditionat-brasov"],
a.btn[href*="mentenanta"]{
  background:#eefdf5 !important;
  border:1px solid #b8e7cb !important;
  color:#15803d !important;
}

/* hover */
a.btn[href*="instalare-aer-conditionat-brasov"]:hover,
a.btn[href*="instalare"]:hover{
  background:#fbd5d5 !important;
}

a.btn[href*="service-aer-conditionat-brasov"]:hover,
a.btn[href*="service"]:hover{
  background:#dbeafe !important;
}

a.btn[href*="mentenanta-aer-conditionat-brasov"]:hover,
a.btn[href*="mentenanta"]:hover{
  background:#dcfce7 !important;
}

.cta-project img{
  display:block;
  margin:0 auto;
}

@media (max-width: 767px){
  .cta-project > div{
    grid-template-columns:1fr !important;
  }

  .cta-project img{
    max-width:100% !important;
    height:auto !important;
  }
}