:root{
  --bg:#0b0c10; --panel:#121522; --ink:#eaeef6; --muted:rgba(255,255,255,.85);
  --accent:#D4AF37; --accent2:#ffd166;
}
*{box-sizing:border-box}
html,body{margin:0;background:#07080C;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
a{color:var(--accent);text-decoration:none}
img{max-width:100%;display:block}

/* Header */
.hdr .content{position:relative}
.hdr-bar.hdr-grid{
  display:grid; grid-template-columns:auto 1fr; align-items:center;
  gap:10px; padding:10px 14px;
}
.brand img{height:52px;width:auto;display:block}
.hdr-info{justify-self:center;text-align:center;display:flex;gap:8px;flex-wrap:wrap}
.hdr-phone,.hdr-mail{color:var(--accent);font-weight:800;font-size:clamp(13px,2.3vw,19px)}
.hdr-dot{color:var(--accent)}

/* Burger fixed top-right */
.hamb-btn.neo{position:fixed;top:14px;right:14px;z-index:100000;width:56px;height:56px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#141722,#0f1218);
  border:1px solid rgba(212,175,55,.40);box-shadow:0 12px 28px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.03);cursor:pointer}
.hamb-btn.neo .ln{width:28px;height:3px;border-radius:3px;background:linear-gradient(135deg,#ffe69b,#d4af37);box-shadow:0 0 10px rgba(212,175,55,.25);margin:4px 0;transition:transform .26s cubic-bezier(.2,.7,.2,1), width .22s ease, opacity .18s ease}
.hamb-btn.neo.is-active .l1{transform:translateY(7px) rotate(45deg); width:26px}
.hamb-btn.neo.is-active .l2{opacity:0; transform:scaleX(.6)}
.hamb-btn.neo.is-active .l3{transform:translateY(-7px) rotate(-45deg); width:26px}
.hamb-btn.neo .glow{position:absolute;inset:-8px;border-radius:22px;pointer-events:none;background:radial-gradient(120% 120% at 50% 50%, rgba(212,175,55,.12), transparent 60%);animation:glowPulse 2.4s ease-in-out infinite alternate;filter:blur(6px)}
@keyframes glowPulse{from{opacity:.35} to{opacity:.55}}
@supports(padding:max(0px)){.hamb-btn.neo{top:max(14px, env(safe-area-inset-top)); right:max(14px, env(safe-area-inset-right))}}

/* Dropdown */
.dd-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:3300;display:none}
.dd-backdrop.open{display:block}
.dd-root{position:fixed;z-index:3400;inset:auto 12px auto auto; top:74px; display:none}
.dd-root.open{display:block; animation: ddIn .2s cubic-bezier(.2,.7,.2,1) both}
@keyframes ddIn{from{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)} to{opacity:1;transform:none;filter:none}}
.dd-panel{min-width:260px;padding:10px;border-radius:18px;background: radial-gradient(70% 90% at 0% 0%, rgba(212,175,55,.10), transparent 60%), radial-gradient(60% 100% at 100% 100%, rgba(212,175,55,.08), transparent 55%), rgba(16,18,24,.96); border:1px solid rgba(212,175,55,.28); box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.04) inset; backdrop-filter: blur(2px)}
.dd-item{display:flex;align-items:center;gap:10px;padding:13px 14px;margin:4px 0;border-radius:14px;background:#121522;border:1px solid rgba(212,175,55,.20);color:#ffd166;font-weight:800;letter-spacing:.2px;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03);transform:translateY(4px);opacity:0;animation: ddItem .35s ease both}
.dd-item:nth-child(1){animation-delay:.05s}.dd-item:nth-child(2){animation-delay:.10s}.dd-item:nth-child(3){animation-delay:.15s}.dd-item:nth-child(4){animation-delay:.20s}.dd-item:nth-child(5){animation-delay:.25s}
@keyframes ddItem{to{transform:none;opacity:1}}
.dd-item:hover{transform: translateY(-1px); border-color: rgba(212,175,55,.45); background: linear-gradient(135deg, rgba(212,175,55,.06), #141824 48%, rgba(212,175,55,.06)); box-shadow: 0 12px 30px rgba(0,0,0,.38), 0 0 0 1px rgba(212,175,55,.10) inset}
.dd-item.cta{background:linear-gradient(135deg,#d4af37,#ffd166);color:#181818;border:0;box-shadow:0 14px 42px rgba(212,175,55,.35)}

/* Sections */
.section .container, .page .container{max-width:1100px;margin:0 auto;padding:24px 16px}
.sec-title{color:rgba(247,221,111,.95);font-weight:900;font-size:clamp(22px,4.2vw,34px);margin:0 0 8px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.filters{display:flex;align-items:center;gap:8px}
.filters select{background:#121522;border:1px solid rgba(212,175,55,.35);color:#ffd166;border-radius:10px;padding:8px 10px}

/* Carousel */
.carousel{position:relative;min-height:50vh;display:grid;place-items:center;overflow:hidden}
.carousel .slide{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:0;transition:opacity 800ms ease}
.carousel .slide.active{opacity:1}
.hero-copy{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;width:min(980px,92vw);text-align:center;z-index:1200}
.hero-title{margin:0 0 6px;line-height:1.02;font-weight:900;letter-spacing:.3px;font-size:clamp(24px,5vw,56px);color:rgba(247,221,111,.92);text-shadow:0 6px 32px rgba(0,0,0,.6), 0 0 .5px rgba(0,0,0,.9)}
.hero-sub{margin:0 0 14px;font-size:clamp(14px,2.3vw,22px);color:rgba(255,255,255,.92);text-shadow:0 4px 20px rgba(0,0,0,.6)}
.btn-cta{display:inline-block;padding:14px 28px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#151515;font-weight:900;letter-spacing:.2px;box-shadow:0 10px 34px rgba(212,175,55,.25), inset 0 0 1px rgba(255,255,255,.35)}

/* Fleet cards */
.fleet-grid.vertical{display:grid;grid-template-columns:1fr;gap:14px;max-width:min(980px,96vw);margin-inline:auto}
.vehicle-card{display:grid;gap:10px;grid-template-areas:'title' 'gallery' 'actions';padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(16,18,24,.98),rgba(14,16,22,.98));border:1px solid rgba(212,175,55,.22);box-shadow:0 18px 50px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.03)}
.v-title{grid-area:title;font-size:20px}
.gallery{grid-area:gallery;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.g-thumb{width:100%;height:90px;object-fit:cover;border-radius:10px;border:1px solid rgba(212,175,55,.25);filter:saturate(1.05) contrast(1.05);transition:transform .2s ease, filter .2s ease}
.g-thumb:hover{transform:translateY(-2px);filter:saturate(1.15) contrast(1.15)}
@media(min-width:992px){.g-thumb{height:110px}}
.v-actions{grid-area:actions;display:flex;gap:10px;flex-wrap:wrap}
.btn{padding:10px 14px;border-radius:12px;background:#151a22;border:1px solid rgba(212,175,55,.28);color:#ffd166;font-weight:800}
.btn.ghost{background:transparent}

/* Lightbox */
#lightbox{position:fixed;inset:0;background:rgba(7,8,12,.92);display:none;align-items:center;justify-content:center;z-index:5000}
#lightbox.open{display:flex}
#lightbox .lb-img{max-width:92vw;max-height:86vh;border-radius:14px;box-shadow:0 40px 120px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.05)}
.lb-btn{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(212,175,55,.35);background:rgba(17,19,26,.6);color:var(--accent);font-size:28px;display:grid;place-items:center;box-shadow:0 6px 26px rgba(0,0,0,.45)}
.lb-prev{left:24px}.lb-next{right:24px}
.lb-close{position:absolute;top:16px;right:16px;border:0;background:#1a1d26;color:#fff;font-size:22px;border-radius:12px;padding:8px 12px;box-shadow:0 6px 26px rgba(0,0,0,.45)}

/* Footer */
.ft{padding:28px 16px;border-top:1px solid rgba(212,175,55,.18);margin-top:30px}
.ft .container{max-width:1100px;margin:0 auto}
.ft-links{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.ft-links a{color:var(--accent)}
.ft-info{color:var(--muted)}

/* v7.8.1: logo only from content/logo */
.brand img{height:72px;width:auto;display:block;object-fit:contain}
.brand .brand-text{font-weight:900;color:var(--accent);font-size:22px}

/* ========== Forms polish v7.9.0 ========== */
.hero-sm{padding:32px 0 16px}
.hero-sm .ttl{font-size:clamp(26px,3.5vw,36px); font-weight:800; color:var(--accent); letter-spacing:.4px}
.hero-sm .sub{color:var(--text); opacity:.8; margin-top:6px}

.form-wrap{padding:20px 0 40px}
.form-grid{display:grid; gap:24px; grid-template-columns:1fr; }
@media (min-width: 960px){
  .form-grid{grid-template-columns: minmax(0,680px) 1fr; align-items:start;}
}

.form-card,.info-card{
  background: rgba(12,12,18,.7);
  border:1px solid rgba(212,175,55,.28);
  border-radius:18px;
  padding:20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.02);
}

.info-card h3{color:var(--accent); margin:0 0 10px; font-weight:800}
.info-list{list-style:none; padding:0; margin:0 0 10px; display:grid; gap:6px}
.info-link{color:var(--accent); text-decoration:none}
.info-link:hover{filter:brightness(1.1); text-decoration:underline}
.muted{color:var(--text); opacity:.7}

.row{display:grid; gap:8px; margin-bottom:14px}
.row.two{grid-template-columns:1fr; gap:12px}
@media (min-width:680px){ .row.two{grid-template-columns:1fr 1fr} }

.lbl{font-weight:700; color:var(--accent); letter-spacing:.3px}

.inp{
  width:100%; color:var(--text);
  background: rgba(20,20,28,.6);
  border:1px solid rgba(212,175,55,.25);
  border-radius:14px; padding:12px 14px;
  outline:none; transition: all .2s ease;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.inp::placeholder{color:rgba(255,255,255,.35)}
.inp:focus{
  border-color: rgba(212,175,55,.9);
  box-shadow: 0 0 0 3px rgba(212,175,55,.15);
}
.sel{appearance:none; background-image: linear-gradient(180deg,transparent,transparent), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23d4af37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>'); background-repeat:no-repeat; background-position: right 12px center; background-size: 18px}
.ta{min-height:120px; resize:vertical}

.btn{cursor:pointer; border:0; padding:14px 18px; border-radius:16px; font-weight:800; letter-spacing:.3px}
.btn-gold{ color:#0f1116; background:linear-gradient(180deg, rgba(255,224,140,1), rgba(212,175,55,1)); }
.btn-gold:hover{ filter:brightness(1.05) drop-shadow(0 4px 16px rgba(212,175,55,.35)); }

/* ============================
   Form submission messages
   Displays success/error notices after submitting contact or reservation forms
   ============================ */
.form-msg{
  margin:16px auto;
  max-width:680px;
  padding:14px 18px;
  border-radius:14px;
  text-align:center;
  font-weight:700;
  letter-spacing:.2px;
}
.form-msg.ok{
  background:rgba(68,144,68,.15);
  border:1px solid rgba(68,144,68,.35);
  color:#8be78b;
}
.form-msg.error{
  background:rgba(192,64,64,.15);
  border:1px solid rgba(192,64,64,.35);
  color:#f7a6a6;
}

/* ============================
   FAQ section styles
   Creates an accessible accordion using <details> elements styled to match
   the dark luxury theme
   ============================ */
.faq{
  padding:40px 16px;
  background: rgba(10,12,18,.95);
  border-top:1px solid rgba(212,175,55,.18);
  margin-top:40px;
}
.faq-title{
  text-align:center;
  margin:0 0 20px;
  font-size:clamp(24px,4vw,32px);
  font-weight:800;
  color:var(--accent);
}
.faq-list{max-width:860px;margin:0 auto;}
.faq-list details{
  background:rgba(16,18,24,.92);
  border:1px solid rgba(212,175,55,.28);
  border-radius:14px;
  padding:14px 16px;
  margin-bottom:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.02);
}
.faq-list summary{
  cursor:pointer;
  font-weight:700;
  color:var(--accent2);
  list-style:none;
  outline:none;
}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list details[open]{
  border-color:rgba(212,175,55,.45);
}
.faq-list details p{
  margin-top:8px;
  color:var(--muted);
  line-height:1.5;
}

/* ============================
   Language switcher styles
   ============================ */
.lang-switch{
  font-size:14px;
  display:flex;
  gap:6px;
  align-items:center;
  color:var(--accent);
  margin-left:8px;
}
.lang-switch a{
  color:var(--accent);
  opacity:.8;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:4px;
}
.lang-switch a.active{
  opacity:1;
  font-weight:800;
}
.lang-switch a:hover{ text-decoration:underline; }

/* Flag icons within language switcher */
.lang-switch img{
  width:20px;
  height:15px;
  border-radius:2px;
  object-fit:cover;
}
.lang-switch .flag-label{
  font-size:12px;
  line-height:1;
}


/* ===== v7.10.0 — Golden Burger & Ambient Menu ===== */
.hamb-btn{
  position:fixed; top:14px; right:14px; z-index:3100;
  width:56px; height:56px; border-radius:18px;
  background: radial-gradient(120% 140% at 30% 20%, rgba(35,36,45,.95), rgba(16,17,23,.92));
  border:1px solid rgba(212,175,55,.35);
  box-shadow: 0 8px 26px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.02);
  display:grid; place-items:center; padding:0; cursor:pointer;
}
.hamb-btn .ln{
  display:block; width:28px; height:4px; border-radius:6px;
  background: linear-gradient(90deg,#ffe08c,#d4af37 60%,#9c7d20);
  transition: transform .35s cubic-bezier(.2,.7,.2,1), width .25s ease, opacity .2s ease;
  box-shadow: 0 0 18px rgba(212,175,55,.38);
}
.hamb-btn .l1{ transform: translateY(-7px); }
.hamb-btn .l2{ transform: translateY(0px); }
.hamb-btn .l3{ transform: translateY(7px); }

.hamb-btn .glow{
  position:absolute; inset:-6px; pointer-events:none;
  border-radius:20px;
  box-shadow: 0 0 0 0 rgba(212,175,55,.0);
  transition: box-shadow .35s ease;
}
.hamb-btn:hover .glow{ box-shadow: 0 0 32px 6px rgba(212,175,55,.22); }

/* open state */
body.menu-open .hamb-btn .l1{ transform: translateY(0) rotate(42deg); width:30px; }
body.menu-open .hamb-btn .l3{ transform: translateY(0) rotate(-42deg); width:30px; }
body.menu-open .hamb-btn .l2{ transform: translateY(0) scaleX(.1); opacity:0; }

/* Dropdown panel — keep same bg but increase readability */
.dd-backdrop{ backdrop-filter: blur(4px); background: rgba(0,0,0,.45); position:fixed; inset:0; z-index:2990; }
.dd-root{ position:fixed; inset:0 0 auto auto; z-index:3000; display:grid; place-items:start end; padding:84px 14px 14px; }
.dd-panel{
  width:min(92vw,340px);
  background: radial-gradient(140% 180% at 0% 0%, rgba(18,19,26,.96), rgba(10,10,14,.94));
  border:1px solid rgba(212,175,55,.32);
  border-radius:18px; padding:10px;
  box-shadow: 0 18px 50px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.03);
  transform: translateY(-8px) scale(.98); opacity:0; transition: transform .28s ease, opacity .28s ease;
}
body.menu-open .dd-panel{ transform: none; opacity:1; }

.dd-item{ 
  display:block; padding:14px 16px; margin:8px 4px; border-radius:14px; text-decoration:none; 
  background: rgba(255,255,255,.02);
  border:1px solid rgba(212,175,55,.18);
}
.dd-item:hover{ background: rgba(255,255,255,.04); border-color: rgba(212,175,55,.35); }

/* Ambient animated gold text */
.dd-item span{
  background: linear-gradient(120deg, #7f6920, #d4af37 25%, #ffe08c 50%, #d4af37 75%, #7f6920);
  background-size: 200% 200%;
  -webkit-background-clip: text; background-clip:text;
  color: transparent;
  font-weight:800; letter-spacing:.3px;
  animation: goldshift 5s linear infinite;
  text-shadow: 0 0 24px rgba(212,175,55,.18);
}
@keyframes goldshift{ 
  0%{ background-position: 0% 50%; } 
  100%{ background-position: 200% 50%; } 
}
.dd-item.cta{ background: linear-gradient(180deg, rgba(255,224,140,.06), rgba(212,175,55,.10)); border-color: rgba(212,175,55,.45); }
.dd-item.cta:hover{ filter: brightness(1.04) drop-shadow(0 8px 18px rgba(212,175,55,.28)); }

@media (prefers-reduced-motion: reduce){
  .dd-item span{ animation: none; }
  .hamb-btn .ln, body.menu-open .hamb-btn .ln { transition: none; }
}