.v57-gold{--jrc-hero-bg:url('visual/hero-v57-clean.jpg');--jrc-catalog-bg:url('visual/v57/catalog-bg.jpg');--jrc-airport-bg:url('visual/v57/airport-bg.jpg');--jrc-contact-bg:url('visual/v57/contact-bg.jpg');--jrc-benefits-bg:url('visual/benefits.jpg');--jrc-why-bg:url('visual/v57/why-bg.jpg');--jrc-footer-bg:url('visual/v57/footer-bg.jpg')}

/* =========================================================
   V5.7 — Divided visual architecture
   The approved premium artwork is used as section-specific
   scenery; navigation, logo, vehicles, pricing and controls
   remain real responsive HTML.
   ========================================================= */
.v57-gold{--v57-gold:#f4b81c;--v57-gold2:#ffd85a;--v57-navy:#020816;--v57-line:#8f650c;background:#020816}
.v57-gold .site-nav{background:linear-gradient(180deg,rgba(1,6,17,.985),rgba(4,12,28,.94));border-bottom:1px solid rgba(244,184,28,.45);backdrop-filter:blur(12px)}
.v57-gold .nav-brand{position:relative;z-index:2}
.v57-gold .nav-brand img{width:104px;height:104px;object-fit:contain;transform:translateY(15px);filter:drop-shadow(0 8px 16px #000) drop-shadow(0 0 12px rgba(0,150,255,.25))}
.v57-gold .desktop-nav>a:hover,.v57-gold .desktop-nav>a.active,.v57-gold .nav-dropdown>button:hover,.v57-gold .nav-dropdown.open>button{color:#ffd65b;background:rgba(245,181,27,.08)}
.v57-gold .nav-dropdown .dropdown-menu{border-color:#b47a08;background:rgba(2,9,19,.985);box-shadow:0 20px 55px rgba(245,181,27,.18)}
.v57-gold .dropdown-menu button:hover{background:rgba(245,181,27,.14);color:#ffd65b}
.v57-gold .nav-book{background:linear-gradient(180deg,#ffd44e,#c98600)!important;border-color:#ffe99a!important;color:#111!important;box-shadow:0 8px 25px rgba(245,181,27,.24)!important}

/* HERO: fixed proportion, clean scenery, real logo/nav above it */
.v57-gold .hero{margin-top:70px;aspect-ratio:1024/690;min-height:0;height:auto;background:#020816;position:relative;border-bottom:1px solid rgba(245,181,27,.32)}
.v57-gold .hero-bg{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:var(--jrc-hero-bg) center top/cover no-repeat;z-index:1}
.v57-gold .hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,20,.05) 0 58%,rgba(2,8,20,.16) 75%,rgba(2,8,20,.56) 100%);pointer-events:none}
.v57-gold .hero-car-zone{z-index:12;top:57%;height:30%}
.v57-gold .hero-car-hit span{border-color:transparent}
.v57-gold .hero-car-hit:hover span,.v57-gold .hero-car-hit:focus-visible span,.v57-gold .hero-car-hit.selected span{border-color:#ffd14a;background:linear-gradient(180deg,transparent,rgba(245,181,27,.10));box-shadow:0 0 26px rgba(245,181,27,.38),inset 0 0 22px rgba(255,255,255,.05)}
.v57-gold .hero-actions button{border-color:#c58a12;background:rgba(3,14,27,.9)}
.v57-gold .hero-actions .hero-reserve{background:linear-gradient(180deg,#ffd44e,#c98600);border-color:#ffe99a;color:#111}
.v57-gold .hero-scroll{color:#ffe9a2}

/* BENEFITS are their own dynamic strip, never baked into the hero */
.v57-gold .benefits-strip{margin-top:0;background:linear-gradient(180deg,rgba(17,26,43,.72),rgba(4,11,22,.88)),var(--jrc-benefits-bg) center/cover no-repeat;
  max-width:1400px;border-radius:0 0 18px 18px;box-shadow:0 18px 42px #0009}
.v57-gold .benefit-item{border-right-color:rgba(245,181,27,.24)}
.v57-gold .benefit-item i{color:#ffd65b;border-color:#b47a08;background:rgba(245,181,27,.08);box-shadow:0 0 18px rgba(245,181,27,.18)}

/* EACH MAIN FUNCTION GETS ITS OWN SCENERY */
.v57-gold .catalog-airport{display:grid;grid-template-columns:58% 42%;gap:10px;max-width:1400px;margin:12px auto 0;min-height:0;background:#020816;border:0;overflow:visible}
.v57-gold .catalog-panel{padding:28px 25px 24px;border:1px solid rgba(245,181,27,.28);border-radius:18px;background:linear-gradient(180deg,rgba(2,9,20,.90),rgba(2,9,20,.97)),var(--jrc-catalog-bg) center/cover no-repeat;box-shadow:0 18px 50px #0009}
.v57-gold .airport-panel{padding:34px 26px 30px;border:1px solid rgba(245,181,27,.28);border-radius:18px;background:linear-gradient(180deg,rgba(2,9,20,.52),rgba(1,7,17,.78)),var(--jrc-airport-bg) center/cover no-repeat;box-shadow:0 18px 50px #0009}
.v57-gold .section-title .script,.v57-gold .airport-copy .script{color:#fff0b5}
.v57-gold .outline-btn,.v57-gold .category-pills button{border-color:#9e700d;background:rgba(3,16,31,.84)}
.v57-gold .category-pills button.active,.v57-gold .category-pills button:hover{background:linear-gradient(180deg,#ffd44e,#c98600);border-color:#ffe99a;color:#111}
.v57-gold .floating-car-card{border-color:#9d710f;box-shadow:0 16px 36px #000b}
.v57-gold .floating-car-card:hover{border-color:#ffd44e;box-shadow:0 24px 48px #000b,0 0 28px rgba(245,181,27,.22)}
.v57-gold .card-photo{background:#e9eef3}
.v57-gold .card-photo .year{border-color:#c38b16}
.v57-gold .zoom-mark{background:linear-gradient(180deg,#ffd44e,#c98600);border-color:#ffe99a;color:#111}
.v57-gold .card-actions .reserve-card,.v57-gold .catalog-main-cta{background:linear-gradient(180deg,#ffd44e,#c98600)!important;border-color:#ffe99a!important;color:#111!important;box-shadow:0 8px 24px rgba(245,181,27,.18)}
.v57-gold .slider-arrow{background:linear-gradient(180deg,#ffd44e,#c98600);border-color:#ffe99a;color:#111}
.v57-gold .slider-dots button.active{background:#ffd44e;box-shadow:0 0 8px #ffd44e}
.v57-gold .airport-copy h2{color:#ffd04a}
.v57-gold .airport-list button{border-color:#8f650c;background:rgba(1,13,27,.78)}
.v57-gold .airport-list button:hover{background:rgba(160,108,8,.28);border-color:#ffd04a}
.v57-gold .airport-list b{color:#ffd35a}

/* CONTACT, WHY, SOCIAL AND FOOTER are independent image bands */
.v57-gold .contact-section{max-width:1400px;margin:12px auto 0;min-height:0;border:1px solid rgba(245,181,27,.28);border-radius:18px;overflow:hidden;background:#020816 var(--jrc-contact-bg) center/cover no-repeat;box-shadow:0 18px 50px #0009}
.v57-gold .contact-copy{background:linear-gradient(90deg,rgba(2,9,20,.96),rgba(2,9,20,.48))}
.v57-gold .contact-cta{background:linear-gradient(180deg,#ffd44e,#c98600)!important;border-color:#ffe99a!important;color:#111!important}
.v57-gold .contact-buttons{background:linear-gradient(90deg,rgba(2,9,20,.2),rgba(2,9,20,.82))}
.v57-gold .contact-pill{border-color:#9d710f;background:rgba(1,12,24,.9)}
.v57-gold .contact-pill strong{background:linear-gradient(180deg,#ffd44e,#c98600);border-color:#ffe99a;color:#111}
.v57-gold .contact-pill:hover,.v57-gold .contact-pill.selected{border-color:#ffd44e;box-shadow:0 0 28px rgba(245,181,27,.28),inset 0 0 18px rgba(255,255,255,.06)}
.v57-gold .why-section{max-width:1400px;margin:12px auto 0;border:1px solid rgba(245,181,27,.28);border-radius:18px;overflow:hidden;background:#020816 var(--jrc-why-bg) center/cover no-repeat}
.v57-gold .why-title{background:linear-gradient(90deg,rgba(2,9,20,.93),rgba(2,9,20,.60))}
.v57-gold .social-footer{max-width:1400px;margin:12px auto 0;border-radius:18px;overflow:hidden;background:#020816 var(--jrc-footer-bg) center/cover no-repeat}
.v57-gold .site-footer{max-width:1400px;margin:12px auto 0;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(2,13,27,.98),rgba(1,6,14,.99)),var(--jrc-footer-bg) center/cover no-repeat}

/* Mobile: the hero is a separate crop, never stretched */
@media(max-width:700px){
 .v57-gold .site-nav{height:58px}
 .v57-gold .hero{margin-top:58px;aspect-ratio:784/580;background:#020816}
 .v57-gold .hero-bg{background-image:var(--jrc-hero-bg);background-size:cover;background-position:center top}
 .v57-gold .hero-bg:after{background:linear-gradient(180deg,rgba(2,8,20,.08),rgba(2,8,20,.18) 62%,rgba(2,8,20,.72) 100%)}
   .v57-gold .hero-car-zone{top:56%;height:27%}
 .v57-gold .hero-actions{bottom:4%;left:3%}
 .v57-gold .benefits-strip{margin:8px 8px 0;border-radius:14px}
 .v57-gold .catalog-airport{grid-template-columns:1fr;max-width:calc(100% - 16px);margin-top:8px}
 .v57-gold .catalog-panel,.v57-gold .airport-panel,.v57-gold .contact-section,.v57-gold .why-section,.v57-gold .social-footer,.v57-gold .site-footer{border-radius:14px}
 .v57-gold .contact-section{max-width:calc(100% - 16px);grid-template-columns:1fr}
 .v57-gold .why-section,.v57-gold .social-footer,.v57-gold .site-footer{max-width:calc(100% - 16px)}
}

/* V5.7.3 dynamic mobile hero: the Admin panel can control desktop and mobile artwork independently. */
@media(max-width:700px){
  .v57-gold .hero-bg{background-image:var(--jrc-hero-mobile-bg,var(--jrc-hero-bg));}
}