*{box-sizing:border-box}
:root{--bg:#0a0c0e;--bg2:#111518;--panel:#171b1e;--panel2:#202529;--gold:#e0a51e;--gold2:#f2c35b;--white:#f4f4f2;--muted:#b6b9bc;--green:#62c657;--line:rgba(224,165,30,.28);--soft:rgba(255,255,255,.09)}
html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#080a0b,#0d1113 50%,#0a0d0f);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{text-decoration:none;color:inherit}.topbar{height:68px;padding:0 4.4vw;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#07090a;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px}.brand-wing{width:45px;height:45px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-weight:950}.brand-copy b,.brand-copy small{display:block}.brand-copy b{font-size:.88rem;letter-spacing:.08em}.brand-copy small{color:var(--gold2);font-size:.5rem;letter-spacing:.09em;margin-top:2px}.mainnav{display:flex;gap:27px;align-items:center;font-size:.66rem;font-weight:900}.mainnav a{padding:25px 0 21px}.mainnav .active{color:var(--gold2);border-bottom:2px solid var(--gold)}.header-actions{display:flex;align-items:center;gap:13px}.lang{font-size:.67rem}.book-outline{padding:9px 15px;border:1px solid var(--gold);border-radius:5px;color:var(--gold2);font-size:.67rem;font-weight:900}
.hero{min-height:405px;display:grid;grid-template-columns:.42fr .58fr;background:#090b0c;overflow:hidden}.hero-copy{padding:42px 0 38px 6vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.eyebrow{margin:0 0 10px;color:var(--gold2);font-size:.7rem;font-weight:950;letter-spacing:.11em}.hero h1{margin:0;font-size:clamp(2.8rem,5.3vw,5rem);line-height:.93;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{color:#ddd;max-width:470px;font-size:.92rem;margin:20px 0 23px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:47px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid var(--gold);font-weight:950}.btn-gold{background:linear-gradient(135deg,#efc057,#c88a0e);color:#181205}.btn-outline{background:#101316;color:#fff}.hero-reference{background-image:linear-gradient(90deg,#090b0c 0%,rgba(9,11,12,.2) 18%,transparent 42%),url('hero-pattaya-black-scooter.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:405px}
.category-bar{margin:0 3.5vw 0;display:grid;grid-template-columns:repeat(3,1fr);background:#171b1f;border:1px solid var(--line);border-radius:8px;overflow:hidden}.category-entry{min-height:94px;padding:16px 25px;display:flex;align-items:center;gap:17px;border-right:1px solid var(--soft)}.category-entry:last-child{border-right:0}.category-icon{font-size:1.65rem;color:var(--gold)}.category-copy b,.category-copy small{display:block}.category-copy b{font-size:.9rem}.category-copy small{color:var(--muted);font-size:.68rem;margin-top:4px}
.available-section{padding:28px 3.5vw 18px}.available-section>h2,.fleet-section>h2{text-align:center;font-size:1rem;margin:0 0 20px}.available-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.available-card{background:#171c20;border:1px solid var(--line);border-radius:7px;overflow:hidden}.available-photo{height:214px;background:#303538;position:relative;display:flex;align-items:center;justify-content:center}.available-photo img{width:100%;height:100%;object-fit:contain}.available-badge{position:absolute;left:7px;top:7px;padding:3px 6px;border-radius:3px;background:var(--green);font-size:.53rem;font-weight:900}.available-info{padding:12px}.available-info h3{margin:0;font-size:.98rem}.available-info p{margin:4px 0 9px;color:var(--muted);font-size:.68rem}.mini-spec-row{display:flex;gap:9px;flex-wrap:wrap;color:#d8d9da;font-size:.65rem}.available-info strong{display:block;margin-top:11px;color:var(--gold2);font-size:.98rem}.center{text-align:center;margin-top:12px}.small-gold-btn{display:inline-block;padding:7px 19px;border:1px solid var(--gold);border-radius:4px;color:var(--gold2);font-size:.66rem;font-weight:900}
.fleet-section{padding:0 3.5vw 18px}.fleet-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--soft);border-radius:7px 7px 0 0;overflow:hidden;background:#171b1f}.fleet-tabs a{text-align:center;padding:11px;font-size:.68rem;font-weight:900;border-right:1px solid var(--soft)}.fleet-tabs a:last-child{border-right:0}.fleet-tabs .active{background:linear-gradient(135deg,#e6ac2d,#b57908);color:#141006}.fleet-category{margin-bottom:0}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--soft);border-top:0}.fleet-card{display:grid;grid-template-columns:.48fr .52fr;min-height:190px;background:#171b1f;border-right:1px solid var(--soft)}.fleet-card:last-child{border-right:0}.fleet-photo{background:#282e31;padding:8px;display:flex;align-items:center;justify-content:center}.fleet-photo img{width:100%;height:100%;object-fit:contain}.fleet-copy{padding:15px}.fleet-copy h3{margin:0;color:var(--gold2);font-size:.95rem}.fleet-copy ul{padding-left:15px;margin:8px 0 0;color:#c8cbcd;font-size:.66rem}.coming-soon-block{padding:24px;background:#171b1f;border:1px solid var(--soft);border-top:0;text-align:center}.coming-soon-block b,.coming-soon-block span{display:block}.coming-soon-block b{color:var(--gold2)}.coming-soon-block span{color:var(--muted);font-size:.7rem;margin-top:3px}
.steps-strip{margin:0 3.5vw 14px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:7px;background:#171b1f}.steps-strip>div{padding:13px 18px;border-right:1px solid var(--soft);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start}.steps-strip>div:last-child{border-right:0}.steps-strip span{grid-row:1/3;font-size:1.4rem;color:var(--gold)}.steps-strip b{font-size:.68rem}.steps-strip small{color:var(--muted);font-size:.62rem}
.ready-strip{margin:0 3.5vw 22px;min-height:116px;display:grid;grid-template-columns:.31fr .45fr .24fr;align-items:center;border:1px solid var(--gold);border-radius:7px;overflow:hidden;background:#111416}.ready-image{height:100%;min-height:116px;background:url('ready-to-ride-reference.jpg') center/cover no-repeat}.ready-message{padding:14px 22px}.ready-message h2{margin:0;font-size:1.2rem}.ready-message p{margin:3px 0 10px;color:var(--gold2);font-size:1.05rem;font-weight:950}.ready-benefits{display:flex;gap:16px;flex-wrap:wrap;font-size:.55rem}.ready-book{margin-right:22px;padding:15px 20px;background:linear-gradient(135deg,#efc057,#c88a0e);color:#181205;text-align:center;font-weight:950;border-radius:5px}
.booking-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;padding:45px 4vw;background:#14191c;border-top:1px solid var(--line)}.booking-intro h2{margin:0;font-size:1.65rem}.booking-intro>p:not(.eyebrow){color:var(--muted)}.location-box{display:flex;flex-direction:column;margin-top:20px;padding:14px;border-left:2px solid var(--gold);background:#1e2427}.location-box span{font-size:.75rem;color:var(--muted)}.booking-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px;background:#1b2024;border:1px solid var(--line);border-radius:7px}.booking-form label{display:grid;gap:5px;font-size:.7rem}.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:10px;border:1px solid var(--soft);border-radius:4px;background:#262c2f;color:#fff}.full{grid-column:1/-1}.honeypot{position:absolute!important;left:-9999px!important}.form-disclaimer{padding:10px;border:1px solid var(--line);background:rgba(224,165,30,.06);color:var(--muted);font-size:.66rem}.form-disclaimer strong{color:var(--gold2)}.terms-mini{padding:10px 4vw;background:#111518;border-top:1px solid var(--soft);display:flex;gap:15px;color:var(--muted);font-size:.67rem}.terms-mini b{color:#fff}
.footer{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding:26px 4vw;background:#151a1d;border-top:1px solid var(--line);color:var(--muted);font-size:.66rem}.footer>div{display:flex;flex-direction:column;gap:3px}.footer b{color:#fff}.footer-brand{flex-direction:row!important;align-items:center;gap:10px}.footer-logo{width:41px;height:41px}.footer-brand small{color:var(--gold2)}.copyright{text-align:center;padding:10px;background:#121619;color:#777;font-size:.62rem}
.empty-state{padding:24px;background:#171c20;border:1px solid var(--soft);color:var(--muted);text-align:center}
@media(max-width:1150px){.mainnav{display:none}.available-grid{grid-template-columns:repeat(3,1fr)}.fleet-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-copy{padding:35px 5vw}.hero-reference{min-height:330px}.category-bar{grid-template-columns:1fr}.category-entry{border-right:0;border-bottom:1px solid var(--soft)}.available-grid{grid-template-columns:repeat(2,1fr)}.fleet-grid{grid-template-columns:1fr}.steps-strip{grid-template-columns:repeat(2,1fr)}.ready-strip{grid-template-columns:1fr}.ready-book{margin:0 16px 16px}.booking-section{grid-template-columns:1fr}.footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topbar{padding:0 3vw}.brand-copy b{font-size:.68rem}.brand-copy small{font-size:.43rem}.lang{display:none}.book-outline{font-size:.56rem;padding:8px}.hero h1{font-size:2.7rem}.hero-reference{min-height:260px}.available-grid{grid-template-columns:1fr}.fleet-card{grid-template-columns:1fr}.fleet-photo{height:220px}.steps-strip{grid-template-columns:1fr}.booking-form{grid-template-columns:1fr}.full{grid-column:1}.footer{grid-template-columns:1fr}}


/* public-v0.7.1 FUNCTION RESTORE
   Only restores functionality removed from the working public-v0.3.1 baseline. */
.card-book-btn,
.fleet-book-btn{
  display:block;
  margin-top:12px;
  padding:8px 10px;
  border:1px solid var(--gold);
  border-radius:4px;
  color:#111;
  background:linear-gradient(135deg,#efc25a,#b87909);
  text-align:center;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.04em;
}
.card-book-btn:hover,
.fleet-book-btn:hover{filter:brightness(1.08)}

.fleet-gallery{
  min-width:0;
  background:#282e31;
  display:flex;
  flex-direction:column;
}
.fleet-photo{
  min-height:148px;
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.fleet-main-photo{
  width:100%;
  height:100%;
  max-height:168px;
  object-fit:contain;
  object-position:center;
  display:block;
}
.fleet-no-photo{
  color:var(--muted);
  font-size:.65rem;
  text-align:center;
}
.fleet-thumbs{
  display:flex;
  gap:5px;
  padding:0 8px 8px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.fleet-thumb-button{
  flex:0 0 42px;
  width:42px;
  height:32px;
  padding:0;
  border:1px solid #5a6064;
  border-radius:3px;
  background:#11161a;
  overflow:hidden;
  cursor:pointer;
}
.fleet-thumb-button img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.fleet-thumb-button:hover,
.fleet-thumb-button.active{border-color:var(--gold)}
.fleet-unavailable{
  display:inline-block;
  margin-top:12px;
  color:var(--muted);
  font-size:.62rem;
  font-weight:800;
}

@media(max-width:900px){
  .fleet-main-photo{max-height:210px}
}


/* public-v0.7.2 — hierarchy + calendar visibility only */
.scooter-hierarchy{
  margin:0 3.5vw 24px;
  border:1px solid var(--soft);
  border-radius:7px;
  background:#14191d;
  overflow:hidden;
}
.scooter-hierarchy-title{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 15px;
  border-bottom:1px solid var(--soft);
  background:#171d21;
}
.scooter-hierarchy-title>span{font-size:1.35rem}
.scooter-hierarchy-title b,
.scooter-hierarchy-title small{display:block}
.scooter-hierarchy-title b{color:var(--gold2);font-size:.78rem}
.scooter-hierarchy-title small{color:var(--muted);font-size:.62rem;margin-top:2px}
.scooter-family-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.scooter-family-card{
  padding:13px 15px;
  border-right:1px solid var(--soft);
  color:#fff;
  min-width:0;
}
.scooter-family-card:last-child{border-right:0}
.scooter-family-card strong{
  display:block;
  color:var(--gold2);
  font-size:.82rem;
  margin-bottom:7px;
}
.scooter-variants{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.scooter-variants em{
  display:inline-block;
  padding:4px 7px;
  border:1px solid #4d555a;
  border-radius:999px;
  font-size:.58rem;
  font-style:normal;
  color:#d8dcdf;
  background:#20262a;
}
.scooter-family-card:hover{background:#1b2125}
.scooter-family-card:hover strong{color:#ffd56c}

/* Keep native date functionality, but make the field and browser calendar visible.
   color-scheme:light asks supported browsers to render the native calendar in light mode. */
.public-date-input{
  color-scheme:light;
  background:#f6f2e7 !important;
  color:#171a1d !important;
  border:1px solid var(--gold) !important;
  box-shadow:inset 0 0 0 1px rgba(229,195,107,.18);
  font-weight:700;
}
.public-date-input:focus{
  outline:2px solid var(--gold2);
  outline-offset:1px;
}
.public-date-input::-webkit-calendar-picker-indicator{
  opacity:1;
  cursor:pointer;
  filter:none;
  background-color:#e8b642;
  border-radius:4px;
  padding:5px;
}

@media(max-width:900px){
  .scooter-family-grid{grid-template-columns:1fr}
  .scooter-family-card{
    border-right:0;
    border-bottom:1px solid var(--soft);
  }
  .scooter-family-card:last-child{border-bottom:0}
}

/* Public v0.8.0 — season/booking additions */
.season-status{max-width:1180px;margin:0 auto 18px;padding:11px 14px;border:1px solid rgba(229,195,107,.35);background:rgba(229,195,107,.06);display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.season-status b{color:#e5c36b;letter-spacing:.04em}.season-status small{color:#9aa6b4}
.scooter-family-card{display:block}.scooter-variants a{color:inherit;text-decoration:none}.scooter-variants a:hover em{border-color:#e5c36b;color:#e5c36b}
.booking-form select{box-sizing:border-box;width:100%;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#0a0e13;color:#fff}.external-location[hidden]{display:none!important}.booking-price-summary{border:1px solid rgba(229,195,107,.35);background:#0b1017;border-radius:12px;padding:16px}.booking-price-summary h3{margin:0 0 10px;color:#e5c36b}.booking-price-summary>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 0}.booking-price-summary>div span{color:#a9b1bc}.booking-price-summary .summary-total{font-size:1.08rem;border-top:1px solid rgba(229,195,107,.4);border-bottom:0;margin-top:5px;padding-top:13px}.booking-price-summary .summary-total b{color:#e5c36b}.booking-price-summary small{display:block;color:#9aa6b4;line-height:1.45;margin-top:10px}

/* v0.8.0 pricing rules */
.minimum-rental-notice{margin:18px 0;padding:14px 16px;border:1px solid rgba(229,195,107,.55);background:rgba(229,195,107,.08);display:grid;gap:5px}
.minimum-rental-notice b{color:#e5c36b}.minimum-rental-notice span{color:#c7ced7;font-size:.92rem;line-height:1.45}
.booking-price-summary small{display:block;margin-top:10px;line-height:1.45}


/* Public v2.4.1 synchronized Scooter hierarchy */
.category-icon img{width:42px;height:30px;object-fit:contain;display:block}
.scooter-mega{margin:18px 3.5vw 24px;border:1px solid var(--gold);border-radius:10px;background:#151a1e;overflow:hidden}
.scooter-mega-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #3b3526;background:linear-gradient(90deg,#191e22,#14181c)}
.scooter-mega-head b,.scooter-mega-head small{display:block}.scooter-mega-head b{color:var(--gold2);font-size:1rem}.scooter-mega-head small{color:var(--muted);font-size:.68rem;margin-top:3px}.scooter-gold-icon{width:52px;height:34px;object-fit:contain}
.scooter-mega-body{display:grid;grid-template-columns:220px 250px minmax(0,1fr);min-height:310px}
.scooter-family-list,.scooter-category-panels{padding:14px;border-right:1px solid var(--soft)}
.scooter-family-list{display:flex;flex-direction:column;gap:10px}.scooter-family-btn{width:100%;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #3c4650;border-radius:7px;background:#1d2328;color:#fff;text-align:left;font-weight:800;cursor:pointer}.scooter-family-btn img{width:36px;height:25px;object-fit:contain;border-radius:4px}.scooter-family-btn.active{border-color:var(--gold);background:linear-gradient(135deg,#d99b1f,#b27608);color:#15110a}
.scooter-category-panel{display:none}.scooter-category-panel.active{display:flex;flex-direction:column;gap:9px}.scooter-leaf-btn,.scooter-parent-title{width:100%;padding:11px 12px;border-radius:6px;text-align:left}.scooter-leaf-btn{border:1px solid #3d4650;background:#20262b;color:#fff;font-weight:800;cursor:pointer}.scooter-leaf-btn.active{border-color:var(--gold);color:var(--gold2);background:#27251e}.scooter-parent-group{border-left:2px solid #806323;margin-top:2px;padding-left:9px}.scooter-parent-title{padding-left:0;color:var(--gold2);font-weight:900;font-size:.78rem}.scooter-leaf-btn.child{margin-top:7px;padding-left:15px}
.scooter-bike-panels{padding:14px;min-width:0}.scooter-bike-panel{display:none}.scooter-bike-panel.active{display:block}.scooter-bike-panel-title{font-weight:900;color:var(--gold2);margin-bottom:10px}.scooter-bike-mini-grid{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:10px}.scooter-bike-mini{display:flex;flex-direction:column;min-width:0;padding:8px;border:1px solid #363f47;border-radius:7px;background:#1b2025;color:#fff}.scooter-bike-thumb{height:82px;display:flex;align-items:center;justify-content:center;background:#11161a;border-radius:5px;overflow:hidden}.scooter-bike-thumb img{max-width:100%;width:100%;height:100%;object-fit:contain}.scooter-bike-mini b{font-size:.75rem;margin-top:7px;color:#fff}.scooter-bike-mini small{font-size:.6rem;color:#b9c0c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.mini-status{font-size:.55rem;color:#d3b15b;margin-top:5px}.mini-status.available{color:#67d86f}.scooter-empty{padding:28px 12px;color:var(--muted);text-align:center;border:1px dashed #39434c;border-radius:7px}
/* Keep own-fleet photography controlled in list/card views */
.available-photo{height:150px}.available-photo img{width:100%;height:100%;object-fit:contain;background:#11161a}.fleet-photo{height:180px}.fleet-photo img{width:100%;height:100%;object-fit:contain}
@media(max-width:1050px){.scooter-bike-mini-grid{grid-template-columns:repeat(3,minmax(105px,1fr))}}
@media(max-width:850px){.scooter-mega-body{grid-template-columns:1fr}.scooter-family-list,.scooter-category-panels{border-right:0;border-bottom:1px solid var(--soft)}.scooter-family-list{display:grid;grid-template-columns:1fr}.scooter-bike-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scooter-bike-thumb{height:105px}}

/* Public v3.0 major consolidated update */
:root{--gold:#d6a72b;--gold2:#f0c65a;--panel:#1b2024;--panel2:#22282d;--line:#3d444b;--muted:#aeb5bc}
body{background:#111518;color:#f6f7f8}
.hero-reference{background-image:linear-gradient(90deg,#0d1012 0%,rgba(13,16,18,.18) 18%,transparent 45%),url('assets/public-v23/hero-hd.jpg');background-size:cover;background-position:center}
.ready-image{background-image:url('assets/public-v23/cta-hd.jpg')!important;background-size:cover!important;background-position:center!important}
.account-link{font-size:.62rem;font-weight:900;color:var(--gold2);border:1px solid rgba(214,167,43,.45);padding:9px 11px;border-radius:6px}.account-welcome{font-size:.62rem;color:#d8dde1}.verified-chip{font-size:.58rem;color:#79db83;border:1px solid rgba(121,219,131,.45);padding:4px 7px;border-radius:999px}

.category-browser{margin:0 3.5vw 26px}.category-switcher{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px 9px 0 0;overflow:hidden;background:#1a1f23}.category-tab{border:0;border-right:1px solid var(--line);background:#1a1f23;color:#fff;min-height:92px;padding:14px 20px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer}.category-tab:last-child{border-right:0}.category-tab img{width:60px;height:42px;object-fit:contain}.category-tab b,.category-tab small{display:block}.category-tab b{font-size:.84rem}.category-tab small{font-size:.62rem;color:var(--muted);margin-top:3px}.category-tab.active{background:linear-gradient(135deg,#dca827,#a76d08);color:#16120b}.category-tab.active small{color:#2c2414}
.category-mega-wrap{border:1px solid var(--gold);border-top:0;border-radius:0 0 10px 10px;background:#181d21;overflow:hidden}.category-mega{display:none}.category-mega.active{display:block}.category-mega-head{display:flex;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid #4a4024;background:linear-gradient(90deg,#20262a,#171b1f)}.category-mega-head img{width:54px;height:38px;object-fit:contain}.category-mega-head b,.category-mega-head small{display:block}.category-mega-head b{color:var(--gold2);font-size:.92rem}.category-mega-head small{font-size:.63rem;color:var(--muted);margin-top:2px}.category-mega-body{display:grid;grid-template-columns:230px 260px minmax(0,1fr);min-height:300px}.category-level{padding:14px;border-right:1px solid #343b41}.category-family-list{display:flex;flex-direction:column;gap:9px}.category-family-btn,.category-leaf-btn{width:100%;border:1px solid #414a52;background:#20262b;color:#fff;border-radius:7px;padding:11px;text-align:left;font-weight:800;cursor:pointer}.category-family-btn{display:flex;align-items:center;gap:9px}.category-family-btn img{width:33px;height:23px;object-fit:contain;border-radius:3px}.category-family-btn.active{border-color:var(--gold);background:linear-gradient(135deg,#dca827,#aa720b);color:#17120a}.category-family-panel{display:none;flex-direction:column;gap:8px}.category-family-panel.active{display:flex}.category-leaf-btn.active{color:var(--gold2);border-color:var(--gold);background:#2b291f}.category-parent-group{border-left:2px solid #896a22;padding-left:8px}.category-parent-title{color:var(--gold2);font-size:.76rem;font-weight:900;padding:6px 0}.category-leaf-btn.child{margin-top:6px}.category-bike-panels{padding:14px;min-width:0}.category-bike-panel{display:none}.category-bike-panel.active{display:block}.category-bike-panel-title{font-size:.82rem;color:var(--gold2);font-weight:900;margin-bottom:10px}.category-bike-mini-grid{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:9px}.category-bike-mini{min-width:0;border:1px solid #3b434a;border-radius:7px;background:#1d2327;padding:7px;color:#fff;display:flex;flex-direction:column}.category-bike-thumb{height:82px;background:#111619;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-bike-thumb img{width:100%;height:100%;object-fit:contain}.category-bike-mini b{font-size:.72rem;margin-top:6px}.category-bike-mini small{font-size:.58rem;color:#c1c7cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-empty{padding:28px;color:var(--muted);text-align:center}

.booking-mode{display:flex;align-items:center;gap:12px;border:1px solid rgba(214,167,43,.3);background:#171d21;padding:10px 12px;border-radius:7px}.booking-mode>span{font-size:.62rem;color:var(--gold2);font-weight:900}.booking-mode label{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:6px}.booking-mode input{width:auto!important}.booking-mode a{margin-left:auto;color:var(--gold2);font-size:.66rem}.req{color:#ff7575;font-size:.57rem;text-transform:uppercase}.optional{color:#91a4b5;font-size:.57rem}.date-error{min-height:18px;color:#ff8b8b;font-size:.66rem}.location-detail{border:1px solid #3c454d;background:#171d21;border-radius:9px;padding:14px}.location-detail h4{margin:0 0 10px;color:var(--gold2)}.location-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.geo-actions{display:flex;gap:8px;margin-top:10px}.geo-btn{border:1px solid var(--gold);background:#d6a72b;color:#18130a;border-radius:6px;padding:9px 12px;font-weight:900;cursor:pointer}.geo-btn.secondary{background:#22282d;color:var(--gold2)}.geo-help{display:block;color:#9aa6b4;margin-top:9px;line-height:1.4}.fx-summary b{font-size:.72rem;color:#e9d59d;text-align:right}.minimum-rental-notice{border-left:2px solid var(--gold);background:#1a2024;padding:12px;margin:14px 0}.minimum-rental-notice b,.minimum-rental-notice span{display:block}.minimum-rental-notice span{color:var(--muted);font-size:.68rem;margin-top:4px}

.account-section{padding:48px 4vw;background:#151a1e;border-top:1px solid #30373d}.account-head{max-width:760px;margin-bottom:22px}.account-head h2{margin:.15rem 0 .5rem}.account-head>p:last-child{color:var(--muted)}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-card{border:1px solid #394148;background:#1b2024;border-radius:10px;padding:20px}.account-card h3{color:var(--gold2);margin-top:0}.account-form{display:grid;gap:10px}.account-form label{display:grid;gap:5px;font-size:.68rem}.account-form label small{color:var(--muted)}.account-form input{width:100%;box-sizing:border-box;padding:11px;border-radius:6px;border:1px solid #45515b;background:#252b2f;color:#fff}.password-rules{display:flex;flex-wrap:wrap;gap:6px}.password-rules span{font-size:.58rem;padding:4px 7px;border:1px solid #4b5359;border-radius:999px;color:#9ba4aa}.password-rules span.ok{border-color:#4f9d60;color:#81db8c}.forgot-link{color:var(--gold2);font-size:.68rem;margin-top:3px}.oauth-divider{display:flex;align-items:center;gap:8px;margin:15px 0;color:#7f898f}.oauth-divider:before,.oauth-divider:after{content:"";height:1px;background:#343c42;flex:1}.oauth-btn{display:block;text-align:center;padding:11px;border-radius:6px;margin-top:8px;font-weight:800}.oauth-btn.google{background:#fff;color:#222}.oauth-btn.apple{background:#050505;color:#fff;border:1px solid #555}.oauth-note{display:block;color:#8f9aa2;line-height:1.4;margin-top:10px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#111518}.auth-result{width:min(560px,100%);box-sizing:border-box;border:1px solid #3c444b;background:#1b2024;border-radius:12px;padding:28px}.auth-result h1{color:var(--gold2)}.auth-error{color:#ff8a8a}.test-code{border:1px solid #80631f;background:#292416;padding:10px;color:#f2cd69}

@media(max-width:1050px){.category-bike-mini-grid{grid-template-columns:repeat(3,minmax(105px,1fr))}.category-mega-body{grid-template-columns:200px 230px minmax(0,1fr)}}
@media(max-width:850px){.category-switcher{grid-template-columns:1fr}.category-tab{border-right:0;border-bottom:1px solid var(--line)}.category-mega-body{grid-template-columns:1fr}.category-level{border-right:0;border-bottom:1px solid #343b41}.category-bike-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{grid-template-columns:1fr}.location-detail-grid{grid-template-columns:1fr}}
@media(max-width:560px){.category-browser{margin-left:2.5vw;margin-right:2.5vw}.category-bike-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-bike-thumb{height:92px}.geo-actions{flex-direction:column}.booking-mode{align-items:flex-start;flex-wrap:wrap}.booking-mode a{margin-left:0;width:100%}.header-actions .account-link,.account-welcome{display:none}}

.oauth-btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none;filter:grayscale(.25)}

.logout-inline{display:inline;margin:0}
.account-link-button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.account-link-button:hover{text-decoration:underline}

.bike-unavailable{display:inline-flex;align-items:center;justify-content:center;opacity:.55;cursor:not-allowed;pointer-events:none}


/* v4.0.6 UI/category corrections */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Use the finished HD artwork once, with transparent functional hotspots. */
.hero-art,.ready-art{position:relative;overflow:hidden;background:#090b0c}
.hero-art img,.ready-art img{display:block;width:100%;height:auto}
.hero-hotspot,.ready-hotspot-book{position:absolute;display:block;border-radius:7px}
.hero-hotspot:focus-visible,.ready-hotspot-book:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hero-hotspot-book{left:5.9%;top:77%;width:18.8%;height:12%}
.hero-hotspot-bikes{left:24.8%;top:77%;width:13.2%;height:12%}
.ready-art{margin:0 3.5vw 22px;border-radius:8px}
.ready-hotspot-book{left:77.5%;top:32%;width:19.5%;height:29%}

/* Strong, legible active/hover state for the three main category tabs. */
.category-tab:hover,.category-tab.active{
  background:linear-gradient(135deg,#f5d35d,#d99c18)!important;
  color:#090b0d!important;
}
.category-tab:hover b,.category-tab.active b{
  color:#090b0d!important;
  font-weight:950!important;
}
.category-tab:hover small,.category-tab.active small{
  color:#221b0c!important;
  font-weight:800!important;
}
.category-tab:hover img,.category-tab.active img{
  filter:brightness(0) saturate(100%)!important;
}
.category-empty-mini{padding:11px 12px;border:1px dashed #46515b;border-radius:7px;color:#9da8b1;font-size:.65rem;line-height:1.35}

/* Booking standard: dark field / white text, including browser autofill. */
.booking-form input,.booking-form select,.booking-form textarea{
  background:#0f151a!important;
  color:#fff!important;
  caret-color:#fff;
  color-scheme:dark;
}
.booking-form input::placeholder,.booking-form textarea::placeholder{color:#81909d}
.booking-form input:-webkit-autofill,
.booking-form input:-webkit-autofill:hover,
.booking-form input:-webkit-autofill:focus,
.booking-form textarea:-webkit-autofill,
.booking-form select:-webkit-autofill{
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #0f151a inset!important;
  box-shadow:0 0 0 1000px #0f151a inset!important;
  transition:background-color 99999s ease-out 0s;
}
.req.is-complete{display:none}
.required-empty{border-color:rgba(255,100,100,.7)!important}

/* Pickup + return are one clear row on desktop. */
.booking-date-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* Currency estimates are a real visual block, not tiny secondary text. */
.booking-price-summary .fx-summary{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:14px!important;
  margin-top:8px;
  background:#131b22;
  border:1px solid rgba(102,167,255,.32)!important;
  border-radius:9px;
}
.booking-price-summary .fx-summary>span{
  color:#c7d8eb!important;
  font-size:.72rem!important;
  font-weight:900;
  letter-spacing:.05em;
}
.fx-summary b{
  display:flex!important;
  flex-wrap:wrap;
  gap:8px;
  text-align:left!important;
  font-size:.92rem!important;
  color:#fff!important;
}
.fx-chip{
  display:inline-flex;
  gap:6px;
  align-items:center;
  padding:7px 9px;
  border:1px solid #3c5267;
  border-radius:7px;
  background:#0b1117;
  color:#fff;
  font-style:normal;
  font-weight:900;
}
.fx-chip span{color:#7db7ff!important;font-size:.62rem!important}

/* Account forms closed until explicitly opened. */
.account-chooser{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.account-grid-closed{grid-template-columns:1fr!important;max-width:760px}
.account-panel{position:relative}
.account-panel[hidden]{display:none!important}
.account-close{position:absolute;right:12px;top:10px;border:1px solid #4a555e;background:#10161b;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}
.field-error{min-height:14px;color:#ff8a8a!important;font-size:.61rem!important}
.account-form input.field-invalid{border-color:#ff6d6d!important;box-shadow:0 0 0 1px rgba(255,109,109,.25)}
.account-form input:-webkit-autofill,
.account-form input:-webkit-autofill:hover,
.account-form input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #252b2f inset!important;
  box-shadow:0 0 0 1000px #252b2f inset!important;
}

/* Old duplicate hero/CTA overlay components are no longer used. */
.hero-copy,.hero-reference,.ready-strip,.ready-image,.ready-message,.ready-book{}

/* Date field keeps the dark standard. The custom calendar owns the one icon. */
.public-date-input{
  color-scheme:dark!important;
  background:#0f151a!important;
  color:#fff!important;
  border:1px solid #596879!important;
  box-shadow:none!important;
}
.public-date-input::-webkit-calendar-picker-indicator{opacity:0!important;width:0!important;padding:0!important;margin:0!important}

@media(max-width:700px){
  .booking-date-row{grid-template-columns:1fr}
  .hero-art img{min-height:330px;object-fit:cover;object-position:center}
  .hero-hotspot-book{left:6%;top:77%;width:26%;height:12%}
  .hero-hotspot-bikes{left:33%;top:77%;width:20%;height:12%}
  .ready-art{margin-left:2.5vw;margin-right:2.5vw}
}


/* v4.0.7 live corrections */
/* Restore compact hero/CTA proportions from the sharp split-layout version. */
.hero{min-height:405px;max-height:470px}
.hero-reference{min-height:405px;background-size:cover;background-position:center center}
.ready-strip{min-height:116px;max-height:150px}
.ready-image{min-height:116px;background-position:center;background-size:cover}

/* Currency code stays cool; converted value is prominent gold. */
.fx-chip{color:#fff!important}
.fx-chip>b{color:#f1c75b!important;font-size:1.02rem!important;font-weight:950!important}
.fx-chip>span{color:#9fc9ff!important}

/* Closed dialog is a hard browser-level closed state; password-manager autofill cannot make it visible. */
.account-dialog{width:min(720px,calc(100vw - 28px));max-height:88vh;overflow:auto;margin:auto;border:1px solid #596879;background:#171d21;color:#fff;border-radius:12px;padding:24px;box-shadow:0 22px 80px rgba(0,0,0,.72)}
.account-dialog:not([open]){display:none!important}
.account-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.account-grid-closed{display:block!important;max-width:none!important}

/* Conditional Required marker for external hotel behaves exactly like other required fields. */
.location-detail .req.is-complete{display:none!important}


/* v4.0.9 — PCX Super Premium is a nested GROUP/folder, not a normal subcategory */
.pcx-super-premium-folder{
  margin-left:28px!important;
  padding:10px 0 10px 18px!important;
  border-left:3px solid rgba(225,180,45,.62)!important;
  position:relative;
}
.pcx-super-premium-folder::before{
  content:"";
  position:absolute;
  left:-3px;
  top:0;
  width:18px;
  border-top:3px solid rgba(225,180,45,.62);
}
.folder-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px;
  color:#f4d05a!important;
  font-weight:950!important;
  letter-spacing:.02em;
}
.folder-honda-logo{
  width:25px!important;
  height:18px!important;
  object-fit:contain!important;
  flex:0 0 auto;
}
.folder-icon{
  width:20px;
  height:20px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
}
.folder-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:#f4d05a;
  stroke-width:1.9;
  stroke-linejoin:round;
}
.folder-badge{
  margin-left:auto;
  padding:3px 6px;
  border:1px solid rgba(225,180,45,.46);
  border-radius:4px;
  color:#d9b84e!important;
  background:rgba(225,180,45,.08);
  font-size:.53rem!important;
  font-weight:900!important;
  letter-spacing:.12em;
}
.folder-children{
  margin:8px 0 0 26px!important;
  padding-left:12px;
  border-left:1px dashed rgba(225,180,45,.34);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.folder-children .category-leaf-btn.child{
  position:relative;
  margin-left:0!important;
}
.folder-children .category-leaf-btn.child::before{
  content:"↳";
  margin-right:7px;
  color:#d9b84e;
  font-weight:900;
}
@media(max-width:700px){
  .pcx-super-premium-folder{
    margin-left:16px!important;
    padding-left:12px!important;
  }
  .folder-children{
    margin-left:18px!important;
  }
  .folder-badge{
    display:none;
  }
}