*{box-sizing:border-box}body{margin:0;background:#f5f5f0;color:#111;font-family:Arial,sans-serif;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}header{display:flex;align-items:center;gap:12px;padding:18px;background:#111;color:#f6c515}header img{width:38px;height:38px;border-radius:50%}header a{margin-left:auto;color:#f6c515}main{padding:24px 18px;max-width:760px;margin:auto}h1{font-size:30px;line-height:1.4}main>small{letter-spacing:2px}section{background:white;padding:20px;border-radius:12px;margin:20px 0}h2{font-size:19px}p{font-size:14px;line-height:1.7}button{background:#e6e6de;color:#666;padding:14px;width:100%;border:0;border-radius:8px}#fleet article{background:#111;color:white;display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;margin:14px 0}#fleet article img{width:100%;height:100%;max-height:300px;object-fit:contain}#fleet article>div{padding:14px}#fleet article h3{color:#f6c515;margin:8px 0}#fleet article small{color:#bbb}#fleet article p{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding-bottom:8px;font-size:12px}#fleet article b{color:#f6c515}.note{font-size:12px;color:#777}a{color:#111}
header{gap:10px;padding:12px}header b{font-size:14px}header select{margin-left:auto;max-width:90px;background:#222;color:white;border:1px solid #666;border-radius:8px;padding:8px}header a{margin:0;text-decoration:none;min-width:32px;text-align:center}button{cursor:pointer;background:#f6c515;color:#111;font-weight:700;min-height:44px;font-size:15px}button:disabled{opacity:.5;cursor:default}.secondary{background:#eee;color:#222}.tabs{display:flex;gap:8px}.tabs [aria-pressed=true]{background:#f6c515}label{display:block;font-size:14px;margin:14px 0}input{display:block;width:100%;font:inherit;font-size:16px;border:1px solid #aaa;border-radius:8px;padding:12px;margin-top:6px}#message{border-left:4px solid #e6b700;background:#fff8d9;padding:12px}#fleet article p{margin:8px 0}#fleet article p b{font-size:20px;line-height:1.6}#fleet article p small{display:block;font-size:11px}.social{display:flex;gap:12px;flex-wrap:wrap}.social a{background:#f1f1ec;padding:10px;border-radius:8px;font-size:13px;text-decoration:none}.order{padding:16px 0;border-top:1px solid #ddd;margin-top:16px}.primary{box-shadow:0 5px 16px #1111}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8b6700;outline-offset:3px}

/* Shared customer design restored from the existing portal. */
body.restored-portal{display:block;background:#f5f5f0}
body.restored-portal>header{display:none}
body.restored-portal>main{margin:0 auto;padding:16px;max-width:1120px;min-width:0}
.restored-portal #screen>header.portal-brand{position:static;height:auto;color:inherit;background:transparent}
.restored-portal .portal-brand img{width:52px;height:52px}
.restored-portal .portal-brand a{margin-left:0}
.restored-portal #screen section{padding:0;background:transparent;border:0}
.restored-portal #screen section.portal-home-section{padding:24px;background:white;border:1px solid #e3e4e8}
.restored-portal .portal-brand select{width:auto;margin:0}
.restored-portal .portal-social-links a{color:inherit}
.restored-portal [hidden]{display:none!important}
.restored-portal #auth,.restored-portal #verify{max-width:460px;margin:16px auto}
.restored-portal .portal-loop-video{max-width:100%}
@media(max-width:600px){body.restored-portal>main{padding:10px}.restored-portal #screen section.portal-home-section{padding:16px}.restored-portal .portal-brand img{width:36px;height:36px}}

.restored-portal .portal-social-links .portal-tiktok,.restored-portal .portal-social-links .portal-facebook{color:#fff}
.restored-portal #screen .portal-brand{justify-content:flex-start}
.restored-portal .portal-book-primary{background:#f6c515;color:#151515}

body.restored-portal{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.restored-portal button,.restored-portal input,.restored-portal select,.restored-portal h1,.restored-portal h2,.restored-portal h3{font-family:inherit}
.restored-portal .portal-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.restored-portal .portal-services article{display:block;margin:0;padding:18px;background:#fffdf3;color:#242424;border:1px solid #e8dfbd;border-radius:12px;min-width:0}
.restored-portal .portal-services article>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f6c515;color:#111;font-size:12px;font-weight:700}
.restored-portal .portal-services h3{font-size:16px;line-height:1.5;color:#171717;margin:12px 0 8px}
.restored-portal .portal-services p{display:block;font-size:14px;line-height:1.8;color:#444;border:0;padding:0;margin:0;overflow-wrap:anywhere}
.restored-portal .portal-services a{display:inline-block;color:#715400;margin-top:10px;font-size:14px}
.restored-portal .portal-service-intro{color:#444;font-size:14px;line-height:1.8}
@media(max-width:600px){.restored-portal .portal-services{grid-template-columns:1fr}.restored-portal .portal-services article{padding:16px}}

#booking-flow{max-width:850px;margin:0 auto}#booking-flow fieldset{border:0;padding:0;margin:18px 0}#booking-flow legend{font-size:16px;font-weight:700;margin:12px 0}#booking-flow input[type=radio]{width:18px;height:18px;margin:0;display:inline-block;accent-color:#bd8d00}.booking-days{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.booking-days label{padding:12px 4px;border:1px solid #ddd;border-radius:8px;display:flex;gap:6px;justify-content:center}.booking-days label:has(:checked){background:#fff4bd;border-color:#caa315}.booking-bike-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.booking-bike{display:flex;flex-direction:column;gap:8px;background:#fffdf4;border:2px solid #e6e2d4;padding:12px;border-radius:12px;min-width:0}.booking-bike:has(:checked){border-color:#c99b00;background:#fff3bb}.booking-bike img{width:100%;height:135px;object-fit:contain}.booking-bike span,.booking-bike small{font-size:12px}.booking-bike.unavailable{opacity:.5}.booking-helmet{display:flex;align-items:center;gap:10px}.booking-summary{margin:20px 0}.booking-summary>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #ddd}.booking-summary dd{text-align:right;margin:0;font-weight:600}#booking-flow button{margin:8px 0}#booking-error{color:#b02525}

#booking-flow .duration-picker{font-size:13px;font-weight:700}#booking-flow .duration-picker>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}#booking-flow .duration-picker button{color:#53615a;cursor:pointer;background:#fff;border:1px solid #cfd5d0;border-radius:8px;min-height:43px;padding:6px 4px;font-size:11px;font-weight:800;margin:0}#booking-flow .duration-picker button.selected{border-color:#101010;background:#101010;color:#fff}
#original-booking{display:block;width:100%;border:0;min-height:1000px;background:#fff}

/* Keep account information compact and give the booking invitation room. */
.restored-portal #portal-home-page>.portal-home-section:first-of-type>.portal-section-title{margin-bottom:8px}
.restored-portal #portal-home-page>.portal-home-section:first-of-type>.portal-section-title h2{font-size:16px;font-weight:600;color:#4b4b45}
.restored-portal .portal-tabs{margin:10px 0;gap:6px}
.restored-portal .portal-tabs button{min-height:34px;padding:7px 8px;font-size:12px;font-weight:500}
.restored-portal .portal-tabs button[aria-selected=true]{background:#eae8df;color:#292923}
.restored-portal .portal-empty{padding:14px 10px}
.restored-portal .portal-empty h3{font-size:14px;font-weight:500}
.restored-portal .portal-empty p{font-size:12px;margin:6px 0}
.restored-portal .portal-empty-icon{font-size:22px}
.restored-portal .portal-book-invite{margin-top:28px;text-align:center}
.restored-portal .portal-book-motorcycle{display:block;width:min(100%,380px);height:210px;object-fit:contain;margin:0 auto 16px;border-radius:12px}
.restored-portal .portal-book-invite .portal-book-primary{margin-top:0}
@media(max-width:600px){.restored-portal .portal-book-invite{margin-top:24px}.restored-portal .portal-book-motorcycle{height:170px;max-width:300px;margin-bottom:14px}}

.guest-entry-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.guest-entry-buttons button{min-height:44px}.guest-entry-buttons .guest-price-button{grid-column:1/-1;background:#f6c515;color:#111}.restored-portal .portal-book-invite[hidden]{display:none!important}

.guest-entry-buttons{grid-template-columns:1.25fr .7fr 1fr}.guest-entry-buttons .guest-price-button{grid-column:auto}.guest-entry-buttons button{padding:10px 6px;font-size:13px}
@keyframes guest-price-bounce{0%,45%,100%{transform:translateY(0)}15%{transform:translateY(-9px)}30%{transform:translateY(0)}37%{transform:translateY(-4px)}}
.guest-entry-buttons .guest-price-button{animation:guest-price-bounce 2s ease-in-out infinite;box-shadow:0 4px 12px #c69a002b}
.guest-entry-buttons .guest-price-button:hover,.guest-entry-buttons .guest-price-button:focus-visible,.guest-entry-buttons .guest-price-button:active{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.guest-entry-buttons .guest-price-button{animation:none}}

.restored-portal .portal-social-links.portal-social-compact a{gap:6px;padding:10px 9px}.restored-portal .portal-social-caption{order:0;min-width:0}.restored-portal .portal-social-links .portal-social-symbol{order:1;margin-left:auto;width:23px;height:23px;flex-shrink:0}.restored-portal .portal-social-links .portal-social-arrow{display:none}.restored-portal .portal-social-links .portal-tiktok .portal-social-caption small{font-size:14px;line-height:1.5;font-weight:600}.restored-portal .portal-social-links .portal-tiktok strong{font-size:14px}
.restored-portal .portal-social-links.portal-social-compact .portal-social-caption strong{font-size:15px;font-weight:700;line-height:1.4}
.restored-portal .portal-social-links.portal-social-compact .portal-social-caption small{font-size:11px;font-weight:400;line-height:1.5}

/* Google Maps contact shortcut alongside phone and WhatsApp. */
.portal-contact-icons .portal-location-icon{background:#f6c515;color:#171717;border:1px solid #e3b90f}
@media(max-width:420px){.portal-brand{gap:6px!important;padding-left:10px!important;padding-right:10px!important}.portal-brand>.portal-contact-icons{gap:5px!important}.portal-contact-icons a{width:30px!important;height:30px!important}.portal-contact-icons svg{width:18px;height:18px}.portal-language-select{width:64px!important;min-width:0;padding:0 3px!important}.portal-brand>div:not(.portal-contact-icons){min-width:0}.portal-brand>div>strong{font-size:12px!important}.portal-brand>div>span{font-size:8px!important}}
