:root{
  --ink:#2a1a0f;        /* espresso */
  --ink-2:#4d3320;      /* walnut */
  --paper:#f3ebdf;      /* warm sand */
  --card:#fffdf8;
  --gold:#cc9933;       /* logo gold */
  --gold-light:#e6bd63;
  --gold-dark:#8a6416;
  --green:#3f6b3a; --red:#a63a22;
  --line:#e0d2b8; --muted:#6b5238; --radius:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}
h1,h2,h3{font-family:"Bricolage Grotesque","DM Sans",sans-serif;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800}
h2{font-size:1.6rem;font-weight:700}
h3{font-size:1.15rem;font-weight:700}
a{color:var(--gold-dark)}
.wrap{max-width:1120px;margin:0 auto;padding:1.5rem 1.25rem}
.muted{color:var(--muted)}
.site-header{background:var(--ink);color:#fff;display:flex;align-items:center;gap:1.5rem;padding:.6rem 1.25rem;position:sticky;top:0;z-index:20;flex-wrap:wrap;border-bottom:3px solid var(--gold)}
.brand{display:flex;align-items:center;gap:.7rem;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.3rem;color:var(--gold-light);text-decoration:none}
.brand img{height:46px;width:auto;display:block}
.main-nav{display:flex;align-items:center;gap:1.1rem;margin-left:auto;flex-wrap:wrap}
.main-nav a{color:#ecdcc0;text-decoration:none;font-weight:500}
.main-nav a:hover{color:var(--gold-light)}
.main-nav a.btn{color:var(--ink)}
.nav-toggle,.nav-burger{display:none}
.inline-form{display:inline;margin:0}
.link-btn{background:none;border:0;color:#ecdcc0;font:inherit;cursor:pointer;padding:0}
.link-btn:hover{color:var(--gold-light);text-decoration:underline}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.btn,button.btn{display:inline-block;background:var(--gold);color:var(--ink);border:0;border-radius:var(--radius);padding:.7rem 1.2rem;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--gold-light)}
.btn-small{padding:.4rem .8rem}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--ink-2)}
.btn-ghost{background:transparent;border:2px solid var(--ink);color:var(--ink)}
.btn-danger{background:var(--red);color:#fff}
.flash{padding:.8rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-weight:500}
.flash-ok{background:#e3efd9;color:#2c4a28}
.flash-warn{background:#fbebc4;color:#6b4a00}
.flash-err{background:#f6dcd3;color:#7a2514}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}
.grid{display:grid;gap:1.1rem}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:center;padding:2.5rem 0 1.5rem}
.hero p.lead{font-size:1.15rem;max-width:34rem;color:var(--ink-2)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.board{background:var(--ink);color:#fff;border-radius:14px;padding:1.4rem;border-top:5px solid var(--gold)}
.board h3{color:var(--gold-light)}
.board ul{list-style:none;margin:0;padding:0}
.board li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;border-bottom:1px solid #4d3320}
.board li:last-child{border-bottom:0}
.board strong{font-size:1.4rem;font-family:"Bricolage Grotesque",sans-serif;color:var(--gold-light)}
.service-tile{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit;border-left:6px solid var(--gold)}
.service-tile:hover{box-shadow:0 6px 20px rgba(42,26,15,.15)}
.service-tile .tag{font-size:.88rem;color:var(--muted)}
form.stack label{display:block;font-weight:700;margin:.8rem 0 .25rem}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],input[type=datetime-local],input[type=file],select,textarea{width:100%;padding:.6rem .7rem;border:1px solid #c9b896;border-radius:8px;font:inherit;background:#fff;color:var(--ink)}
textarea{min-height:90px;resize:vertical}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.narrow{max-width:460px;margin:2rem auto}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
th,td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#ead9b5;font-size:.9rem}
tr:last-child td{border-bottom:0}
tr.mine td{background:#fbf0d3;font-weight:700}
.table-scroll{overflow-x:auto}
.badge{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.82rem;font-weight:700;background:#ead9b5}
.badge-confirmed,.badge-available,.badge-open,.badge-awarded,.badge-completed,.badge-sent{background:#e3efd9;color:#2c4a28}
.badge-pending,.badge-submitted{background:#fbebc4;color:#6b4a00}
.badge-cancelled,.badge-maintenance,.badge-rejected,.badge-retired,.badge-closed,.badge-failed{background:#f6dcd3;color:#7a2514}
.kpi{font-family:"Bricolage Grotesque",sans-serif;font-size:2rem;font-weight:800}
.subnav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.subnav a{padding:.4rem .9rem;border-radius:99px;background:var(--card);border:1px solid var(--line);text-decoration:none;font-weight:500;color:var(--ink)}
.subnav a.active{background:var(--ink);color:var(--gold-light);border-color:var(--ink)}
.price{font-weight:800;font-size:1.1rem}
.site-footer{background:var(--ink);color:#d8c6a4;margin-top:3rem;border-top:3px solid var(--gold)}
.site-footer .wrap{display:flex;flex-direction:column;gap:.2rem}
.site-footer strong{color:var(--gold-light)}

/* photos, gallery, vehicle + driver */
.thumb{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:#e9dcc3;display:block;margin-bottom:.7rem}
.noimg{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem}
.gallery-main{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);background:#e9dcc3;display:block}
.gallery-thumbs{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}
.gallery-thumbs button{border:2px solid transparent;padding:0;background:none;border-radius:8px;cursor:pointer}
.gallery-thumbs button[aria-current=true]{border-color:var(--gold)}
.gallery-thumbs img{width:84px;height:56px;object-fit:cover;border-radius:6px;display:block}
.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin:1rem 0}
.spec div{background:#f6ecd5;border-radius:8px;padding:.5rem .7rem}
.spec small{display:block;color:var(--muted)}
.chips{display:flex;gap:.4rem;flex-wrap:wrap;padding:0;list-style:none;margin:.5rem 0}
.chips li{background:#ead9b5;border-radius:99px;padding:.15rem .7rem;font-size:.9rem}
.driver{display:flex;gap:1rem;align-items:flex-start}
.driver img,.driver .avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none;background:#ead9b5;border:3px solid var(--gold)}
.driver .avatar{display:flex;align-items:center;justify-content:center;font-family:"Bricolage Grotesque",sans-serif;font-size:2rem;font-weight:800;color:var(--ink-2)}

/* 360 viewer */
.v360{position:relative;background:#1c1008;border-radius:var(--radius);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.v360 img.v360-frame{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;cursor:grab;-webkit-user-drag:none}
.v360.dragging img.v360-frame{cursor:grabbing}
.v360-bar{display:flex;align-items:center;gap:.7rem;padding:.55rem .8rem;background:#2a1a0f;color:#ecdcc0;font-size:.9rem}
.v360-bar input[type=range]{flex:1;padding:0;accent-color:var(--gold)}
.v360-bar button{background:var(--gold);color:var(--ink);border:0;border-radius:8px;padding:.3rem .7rem;font-weight:700;cursor:pointer}
.v360-badge{position:absolute;top:.6rem;left:.6rem;background:rgba(42,26,15,.85);color:var(--gold-light);border-radius:99px;padding:.15rem .7rem;font-weight:700;font-size:.85rem}
.offers td:first-child{white-space:nowrap}

/* feedback */
.stars{color:var(--gold);letter-spacing:.1em;white-space:nowrap}
.rate-set{border:0;padding:0;margin:.8rem 0 0}
.rate-set legend{font-weight:700;padding:0;margin-bottom:.3rem}
.rate-set label{display:inline-flex;align-items:center;gap:.3rem;margin-right:.9rem;font-weight:500}
.rate-set input{width:auto}
.review{border-top:1px solid var(--line);padding:.9rem 0}
.review:first-child{border-top:0}
.reply{background:#f6ecd5;border-left:4px solid var(--gold);padding:.5rem .8rem;border-radius:6px;margin-top:.5rem}
@media (max-width:760px){
  .hero{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
  .driver{flex-direction:column}
  .nav-burger{display:inline-block;margin-left:auto;cursor:pointer;font-weight:700;border:2px solid var(--gold);color:var(--gold-light);padding:.25rem .7rem;border-radius:8px}
  .main-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;margin-left:0}
  .nav-toggle:checked ~ .main-nav{display:flex}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}