/* FSS Luxury V9: full-width cinematic scene, functional HTML above it */
.hero.hero-cinematic{position:relative;isolation:isolate;min-height:0;background:#050910!important;overflow:hidden}
.hero.hero-cinematic::after{content:"";position:absolute;z-index:0;inset:0 0 auto;height:790px;background-image:linear-gradient(90deg,rgba(4,8,14,.3),transparent 58%),url('/assets/fss-hero-v9.webp');background-repeat:no-repeat;background-size:100% 100%,cover;background-position:center center;pointer-events:none}
.hero.hero-cinematic::before{display:none!important}
.hero-cinematic .hero-smoke,.hero-cinematic .glow{display:none!important}
.hero-cinematic .hero-grid{position:relative;z-index:1;max-width:1410px;min-height:675px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:105px 0 50px;align-items:center}
.hero-cinematic .hero-copy{max-width:690px;padding:0;position:relative;z-index:2}
.hero-cinematic .hero-copy h1{max-width:690px;font-size:clamp(46px,4vw,70px);line-height:1.08;letter-spacing:-2.8px;margin-top:23px;margin-bottom:28px}
.hero-cinematic .hero-copy h1 em{display:block;white-space:normal}
.hero-cinematic .hero-copy>p{max-width:590px}
.hero-cinematic .hero-visual-v8{display:none!important}
.hero-cinematic .hero-note{display:none}
.hero-cinematic .hero-feature-row{position:relative;z-index:2;max-width:1410px;gap:18px;padding:0 0 32px}
.hero-cinematic .hero-feature-row a{border:1px solid rgba(255,255,255,.23)!important;background:linear-gradient(135deg,rgba(21,23,31,.76),rgba(8,10,15,.70))!important;box-shadow:0 10px 29px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.09)!important;border-radius:15px!important;min-height:85px!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hero-cinematic .hero-feature-row a:hover{border-color:rgba(255,67,83,.78)!important}
.hero-cinematic .guide-ribbon{position:relative;z-index:2}
@media(max-width:1000px){.hero.hero-cinematic::after{background-size:auto 100%,auto 100%;background-position:center,right 38% top}.hero-cinematic .hero-grid{min-height:640px;padding:78px 0 30px}.hero-cinematic .hero-copy{max-width:55%}.hero-cinematic .hero-copy h1{font-size:clamp(42px,5vw,58px)}}
@media(max-width:690px){.hero.hero-cinematic::after{height:950px;background-image:linear-gradient(180deg,#050910 2%,rgba(5,9,16,.97) 15%,rgba(5,9,16,.82) 39%,rgba(5,9,16,.12) 68%,#050910 100%),url('/assets/fss-hero-v9.webp');background-size:100% 100%,auto 500px;background-position:center,center bottom 80px;background-repeat:no-repeat}.hero-cinematic .hero-grid{display:block;min-height:830px;padding:55px 0 0}.hero-cinematic .hero-copy{max-width:100%}.hero-cinematic .hero-copy h1{font-size:clamp(42px,10vw,59px)}.hero-cinematic .hero-copy>p{font-size:14px;line-height:1.6}.hero-quote{font-size:14px!important}.hero-cinematic .hero-feature-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-cinematic .hero-feature-row a{min-height:65px!important}}

/* FSS V10 — ajustări exclusive pentru telefoane. Desktopul rămâne neschimbat. */
@media (max-width: 690px) {
  .hero.hero-cinematic::after { display: none !important; }
  .hero-cinematic .hero-grid {
    display: block;
    min-height: 0 !important;
    padding: 32px 0 clamp(190px, 57vw, 310px) !important;
    position: relative;
  }
  .hero-cinematic .hero-grid::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 3px;
    height: clamp(180px, 55vw, 300px);
    background-image: url('/assets/fss-hero-v9.webp');
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .hero-cinematic .hero-copy { position: relative; z-index: 1; }
  .hero-cinematic .hero-copy h1 {
    font-size: clamp(35px, 9vw, 47px) !important;
    line-height: 1.12;
    letter-spacing: -1.6px;
    margin: 14px 0 20px;
  }
  .hero-cinematic .eyebrow { font-size: 10px; letter-spacing: 1.4px; line-height: 1.5; }
  .hero-cinematic .hero-copy > p { font-size: 14px; line-height: 1.65; }
  .hero-cinematic .hero-actions { margin-top: 23px; gap: 10px; }
  .hero-cinematic .hero-actions .btn {
    min-height: 49px;
    padding: 12px 15px;
    font-size: 12px;
  }
  .hero-cinematic .hero-feature-row { padding-bottom: 20px; gap: 9px; }
  .hero-cinematic .hero-feature-row a { min-width: 0; min-height: 64px !important; padding: 12px 10px; }
  .hero-cinematic .guide-ribbon { padding-top: 13px; padding-bottom: 19px; }
}
@media (max-width: 430px) {
  .hero-cinematic .hero-actions { flex-direction: column; }
  .hero-cinematic .hero-actions .btn { width: 100%; }
  .hero-cinematic .hero-feature-row a { font-size: 10px; gap: 7px; }
}

/* V11: compact, legible mobile sections; desktop untouched */
@media (max-width: 690px) {
  .section.lux-section, .section.guide-promo { padding-top: 54px; padding-bottom: 54px; }
  .section h2 { font-size: clamp(28px, 7.5vw, 36px) !important; line-height: 1.22; letter-spacing: -1.15px; overflow-wrap: normal; }
  .section-heading h2 span { white-space: nowrap; }
  .section-heading { margin-bottom: 24px; }
  .section-heading p { margin-top: 12px; font-size: 13px; line-height: 1.6; }
  .service-grid { gap: 12px; }
  .service-card { min-height: 0 !important; padding: 22px 21px !important; border-radius: 15px; }
  .service-card .service-icon { font-size: 26px; }
  .service-card .service-index { top: 22px; right: 22px; }
  .service-card h3 { margin: 15px 0 9px; font-size: 16px; line-height: 1.4; }
  .service-card p { font-size: 13px; line-height: 1.6; }
  .service-card .card-more { margin-top: 13px; font-size: 12px; }
  .intro-grid { gap: 25px; }
  .intro-grid > div:last-child { padding: 17px !important; }
  .intro-grid p { font-size: 14px; line-height: 1.7; }
  .history-timeline > div { gap: 14px; }
  .hero-cinematic .hero-grid { padding-bottom: clamp(160px, 48vw, 235px) !important; }
  .hero-cinematic .hero-grid::after { height: clamp(155px, 47vw, 230px); }
}
@media (max-width: 370px) {
  .section h2 { font-size: 27px !important; }
  .hero-cinematic .hero-copy h1 { font-size: 34px !important; }
}

/* V12: mobile-first visual correction — remove duplicated podium on phones */
@media (max-width: 690px) {
  .hero.hero-cinematic::after,
  .hero-cinematic .hero-grid::after,
  .hero-cinematic .hero-grid::before { content: none !important; display: none !important; background-image: none !important; }
  .hero-cinematic .hero-grid { min-height: 0 !important; padding: 28px 0 24px !important; }
  .hero-cinematic .hero-copy { max-width: 100% !important; }
  .hero-cinematic .hero-feature-row { margin-top: 0 !important; padding-top: 0 !important; }
  .hero-cinematic .hero-copy h1 { font-size: clamp(32px, 8.6vw, 45px) !important; line-height: 1.12 !important; }
  .section-heading h2 span { white-space: normal !important; }
  .section h2 { overflow-wrap: break-word; word-break: normal; }
  .service-card { min-height: 0 !important; }
}