
/* Shinezo Cabs unified site-wide visual layer — Wine / Maroon brand */
:root{--sc-wine:#781638;--sc-wine-dark:#4e102b;--sc-wine-light:#a74668;--sc-rose:#f8edf1;--sc-gold:#9c8832;--sc-ink:#281b22;--sc-muted:#75666d;--sc-border:#eadde2;--sc-shadow:0 16px 42px rgba(68,18,39,.12)}
html{scroll-behavior:smooth}
body{font-family:Poppins,Arial,sans-serif;color:var(--sc-ink);overflow-x:hidden}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.site-header,.shinezo-header{width:100%;background:rgba(255,255,255,.98);border-bottom:1px solid var(--sc-border);box-shadow:0 4px 22px rgba(49,12,27,.07)}
.shinezo-header-inner{width:min(100%,1400px);min-height:82px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:14px}
.shinezo-header .brand{display:flex;align-items:center;flex:0 0 170px;max-width:170px;min-width:0}
.shinezo-header .brand img{display:block;width:100%;max-width:170px;max-height:66px;object-fit:contain}
.shinezo-main-nav{display:flex;align-items:center;justify-content:center;gap:3px;margin-left:auto;min-width:0}
.shinezo-main-nav>a,.shinezo-main-nav .nav-drop>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:#3c1c2a;text-decoration:none;font:600 12px Poppins,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.shinezo-main-nav>a:hover,.shinezo-main-nav .nav-drop>button:hover,.shinezo-main-nav .nav-drop.open>button{background:#f7eaf0;color:var(--sc-wine)}
.shinezo-nav-drop{position:static;flex:0 0 auto}
.shinezo-nav-drop>.nav-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1320px,calc(100vw - 40px));max-width:none;max-height:min(74vh,720px);overflow:auto;padding:22px 24px;background:#fff;border:1px solid var(--sc-border);border-radius:0 0 17px 17px;box-shadow:0 22px 48px rgba(45,18,30,.18);z-index:1800}
.shinezo-nav-drop.open>.nav-menu,.shinezo-nav-drop:hover>.nav-menu,.shinezo-nav-drop:focus-within>.nav-menu{display:block}
.shinezo-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px;align-items:start}
.shinezo-mega-group{min-width:0}
.shinezo-mega-group h3{margin:0 0 9px;padding:0 0 9px;border-bottom:2px solid var(--sc-gold);color:var(--sc-wine);font:700 13px Poppins,Arial,sans-serif}
.shinezo-mega-group a,.shinezo-city-menu a{display:block;padding:6px 4px;margin:0;color:#49343d;text-decoration:none;font:400 12px/1.5 Poppins,Arial,sans-serif;white-space:normal;overflow-wrap:anywhere;border-radius:5px}
.shinezo-mega-group a:hover,.shinezo-city-menu a:hover{color:var(--sc-wine);background:#fbf3f6}
.shinezo-city-wrap{width:300px!important;min-width:260px}
.shinezo-city-menu{display:grid;grid-template-columns:1fr;gap:2px;max-height:55vh;overflow:auto}
.shinezo-seater-menu{width:min(1250px,calc(100vw - 40px))!important}
.shinezo-seater-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.shinezo-header .header-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin:0}
.shinezo-header .header-call,.shinezo-header .header-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border-radius:22px;color:#fff;text-decoration:none;font:700 11px Poppins,Arial,sans-serif;white-space:nowrap}
.shinezo-header .header-call{background:#321b2b}.shinezo-header .header-whatsapp{background:#1ca765}
.shinezo-header .hamb{display:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:40px;height:38px;padding:8px;border:0;border-radius:8px;background:var(--sc-wine);cursor:pointer}
.shinezo-header .hamb span{display:block;width:20px;height:2px;background:#fff;border-radius:2px}
.site-hero{background:linear-gradient(115deg,var(--sc-wine-dark),var(--sc-wine) 56%,var(--sc-wine-light));color:#fff;padding:46px 22px 52px}
.site-hero .hero-inner{width:min(100%,1240px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:34px;align-items:center}
.site-hero .hero-copy{min-width:0}
.site-hero .hero-copy .eyebrow{color:#f4dce5}
.site-hero .hero-copy h1{font:700 clamp(34px,4.3vw,56px)/1.12 'Playfair Display',Georgia,serif;color:#fff;margin:10px 0 15px}
.site-hero .hero-copy p{max-width:720px;color:#f8eaf0;font-size:15px;line-height:1.8}
.site-hero .booking-card{width:100%;max-width:none;padding:24px;background:#fff;color:var(--sc-ink);border:1px solid rgba(255,255,255,.7);border-radius:20px;box-shadow:0 22px 55px rgba(30,5,17,.22)}
.site-hero .booking-card h2{margin:0 0 5px;color:var(--sc-wine);font-size:22px}
.site-hero .booking-card .sub{margin:0 0 16px;color:var(--sc-muted);font-size:12px}
.site-hero .booking-card .btn{display:inline-flex;margin:4px 6px 0 0;padding:11px 15px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:700}
.site-hero .booking-card .btn-call{background:var(--sc-wine);color:#fff}
.site-hero .booking-card .btn-wa{background:#16864a;color:#fff}
.content-wrap{width:min(100%,1200px);margin:38px auto;padding:0 22px}
.section-head{max-width:820px;margin:0 auto 26px;text-align:center}
.section-head .eyebrow{color:var(--sc-gold)}
.section-head h2{margin:5px 0 10px;color:var(--sc-wine);font:700 clamp(25px,3vw,36px) 'Playfair Display',Georgia,serif}
.section-head p{color:var(--sc-muted);font-size:14px;line-height:1.75}
.route-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.route-list-grid a{display:flex;align-items:center;min-height:58px;padding:15px 17px;border:1px solid var(--sc-border);border-radius:12px;background:linear-gradient(145deg,#fff,#fcf6f8);color:var(--sc-wine);font-size:13px;font-weight:700;line-height:1.5;text-decoration:none;box-shadow:0 6px 18px rgba(68,18,39,.04);transition:transform .2s,box-shadow .2s}
.route-list-grid a:hover{transform:translateY(-3px);background:var(--sc-rose);box-shadow:var(--sc-shadow)}
/* Homepage fleet, route and editorial sections */
.fleet-section,.routes-section,.why-section,.experience-section,.faq-section{width:min(100%,1240px);margin:0 auto;padding:56px 22px}
.section-heading{max-width:820px;margin:0 auto 28px;text-align:center}
.section-heading .eyebrow{color:var(--sc-gold)}
.section-heading h2{margin:7px 0 12px;color:var(--sc-wine);font:700 clamp(27px,3vw,39px)/1.2 'Playfair Display',Georgia,serif}
.section-heading p{color:var(--sc-muted);font-size:14px;line-height:1.8}
.fleet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fleet-card{min-width:0;overflow:hidden;border:1px solid var(--sc-border);border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(68,18,39,.07);transition:transform .22s,box-shadow .22s}
.fleet-card:hover{transform:translateY(-5px);box-shadow:var(--sc-shadow)}
.fleet-visual{min-height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#fbf1f5,#f0e3e9);color:var(--sc-wine);font-size:58px}
.fleet-visual:before{content:'🚘';filter:drop-shadow(0 8px 8px rgba(45,18,30,.15))}
.fleet-visual.suv-visual:before{content:'🚙'}
.fleet-visual.crysta-visual:before{content:'🚐'}
.fleet-visual.tempo-visual:before{content:'🚌'}
.fleet-info,.fleet-card .fleet-info{padding:18px}
.fleet-tag{display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:20px;background:var(--sc-rose);color:var(--sc-wine);font-size:10px;font-weight:800}
.fleet-card h3{margin:0 0 8px;color:var(--sc-wine);font-size:18px}
.fleet-card p{margin:0 0 12px;color:var(--sc-muted);font-size:13px;line-height:1.7}
.fleet-card a{color:var(--sc-wine);font-size:12px;font-weight:800;text-decoration:none}
.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.route-tile{display:block;padding:17px;border:1px solid var(--sc-border);border-radius:13px;background:#fff;color:var(--sc-wine);font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 5px 17px rgba(68,18,39,.04);transition:.2s}
.route-tile:hover{background:var(--sc-rose);transform:translateY(-3px)}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.why-grid>div,.experience-points>div{padding:19px;border:1px solid var(--sc-border);border-radius:14px;background:#fff}
.why-grid h3{color:var(--sc-wine);margin:0 0 7px;font-size:16px}.why-grid p{margin:0;color:var(--sc-muted);font-size:13px;line-height:1.7}
.experience-section{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:#fcf6f8}
.experience-copy h2{color:var(--sc-wine);font:700 clamp(27px,3vw,38px) 'Playfair Display',Georgia,serif}
.experience-copy p{color:var(--sc-muted);line-height:1.8;font-size:14px}
.experience-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.experience-points>div{color:var(--sc-wine);font-size:13px;font-weight:700}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-grid details,.faq-section details{padding:17px;border:1px solid var(--sc-border);border-radius:12px;background:#fff}
.faq-grid summary,.faq-section summary{color:var(--sc-wine);font-weight:700;cursor:pointer}
.faq-grid p,.faq-section p{color:var(--sc-muted);font-size:13px;line-height:1.7}
.final-cta{width:min(100% - 44px,1200px);margin:35px auto 55px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:22px;border-radius:18px;background:linear-gradient(110deg,var(--sc-wine-dark),var(--sc-wine-light));color:#fff}
.final-cta h2{margin:5px 0;color:#fff;font:700 28px 'Playfair Display',Georgia,serif}.final-cta p{margin:0;color:#f6e5eb;font-size:13px}
.cta-actions{display:flex;flex-wrap:wrap;gap:9px}.cta-actions a{display:inline-flex;padding:12px 16px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:800}
.btn-primary{background:var(--sc-wine);color:#fff}.final-cta .btn-primary{background:#fff;color:var(--sc-wine)}.btn-outline{border:1px solid rgba(255,255,255,.65);color:#fff}
.site-footer{margin-top:48px;background:#32111f;color:#f9eaf0;padding:42px 22px 18px}
.site-footer .footer-grid,.site-footer .footer-main{width:min(100%,1240px);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1.2fr;gap:25px;align-items:start}
.site-footer .footer-logo,.site-footer .footer-brand img{display:block;width:190px;max-width:100%;max-height:85px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}
.site-footer h3{color:#fff;font-size:16px;margin:0 0 13px}
.site-footer p,.site-footer a{color:#ead5de;font-size:12px;line-height:1.75}
.site-footer a{display:block;text-decoration:none;margin:7px 0;overflow-wrap:anywhere}
.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer .social-links{display:flex;gap:10px;margin-top:14px}
.site-footer .social-links a{width:34px;height:34px;display:grid;place-items:center;margin:0;border:1px solid #ffffff55;border-radius:50%;color:#fff}
.site-footer .footer-bottom{width:min(100%,1240px);margin:25px auto 0;border-top:1px solid #704154;padding-top:15px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:#e5cbd5}
.site-footer .footer-bottom a{display:inline-block;margin:0 12px 0 0}
.floating-contact,.float-actions{position:fixed;right:17px;bottom:18px;z-index:999;display:grid;gap:9px}
.floating-contact a,.float-actions a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:16px;font-weight:800;box-shadow:0 7px 20px #0003}
.float-wa{background:#16864a}.float-call{background:var(--sc-wine)}
@media(max-width:1280px){.shinezo-header-inner{gap:8px}.shinezo-header .brand{flex-basis:150px;max-width:150px}.shinezo-main-nav>a,.shinezo-main-nav .nav-drop>button{font-size:10.5px;padding:9px 5px}.shinezo-header .header-call,.shinezo-header .header-whatsapp{padding:8px 9px;font-size:10px}}
@media(max-width:1050px){
 .shinezo-header-inner{width:100%;padding:9px 15px;min-height:74px;flex-wrap:wrap}
 .shinezo-header .brand{flex:0 1 160px;max-width:160px}
 .shinezo-header .hamb{display:flex;margin-left:auto;order:2}
 .shinezo-header .header-actions{order:3}
 .shinezo-main-nav{display:none;order:4;flex:0 0 100%;width:100%;align-items:stretch;flex-direction:column;gap:2px;padding:8px 0 4px;border-top:1px solid var(--sc-border)}
 .shinezo-main-nav.show{display:flex}
 .shinezo-main-nav>a,.shinezo-main-nav .nav-drop>button{display:flex;width:100%;justify-content:space-between;text-align:left;padding:12px;font-size:13px}
 .shinezo-nav-drop{width:100%;position:static}
 .shinezo-nav-drop>.nav-menu{position:static;display:none;transform:none;width:100%;max-width:none;max-height:280px;margin:0 0 7px;padding:12px;border:0;border-left:3px solid var(--sc-wine);border-radius:0;box-shadow:none;background:#fcf6f8}
 .shinezo-nav-drop.open>.nav-menu{display:block}
 .shinezo-mega-grid,.shinezo-seater-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .shinezo-city-wrap{width:100%!important;min-width:0}.shinezo-city-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-hero .hero-inner{grid-template-columns:1fr minmax(300px,400px)}
 .fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .shinezo-header-inner{padding:8px 12px;gap:8px}
 .shinezo-header .brand{flex-basis:128px;max-width:128px}
 .shinezo-header .brand img{max-height:52px}
 .shinezo-header .header-actions{gap:5px}
 .shinezo-header .header-call,.shinezo-header .header-whatsapp{min-height:34px;padding:7px 8px;font-size:9px}
 .site-hero{padding:30px 15px}
 .site-hero .hero-inner{grid-template-columns:1fr;gap:20px}
 .site-hero .hero-copy h1{font-size:36px}
 .site-hero .booking-card{padding:17px}
 .content-wrap{padding:0 14px;margin:26px auto}
 .route-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .route-list-grid a{font-size:12px;padding:12px}
 .fleet-section,.routes-section,.why-section,.experience-section,.faq-section{padding:38px 15px}
 .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .why-grid{grid-template-columns:1fr 1fr}
 .experience-section{grid-template-columns:1fr;gap:18px}
 .final-cta{width:calc(100% - 28px);padding:22px 18px;display:block}
 .cta-actions{margin-top:16px}
 .site-footer .footer-grid,.site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media(max-width:540px){
 .shinezo-header-inner{gap:6px;padding:8px 10px}
 .shinezo-header .brand{flex-basis:112px;max-width:112px}
 .shinezo-header .brand img{max-height:45px}
 .shinezo-header .header-actions{gap:4px}
 .shinezo-header .header-call,.shinezo-header .header-whatsapp{padding:6px 7px;font-size:8px}
 .shinezo-header .hamb{width:34px;height:34px}
 .shinezo-mega-grid,.shinezo-seater-grid,.shinezo-city-menu{grid-template-columns:1fr}
 .shinezo-mega-group a,.shinezo-city-menu a{font-size:12px}
 .route-list-grid,.fleet-grid,.route-grid,.why-grid,.faq-grid,.experience-points{grid-template-columns:1fr}
 .site-footer .footer-grid,.site-footer .footer-main{grid-template-columns:1fr}
 .site-footer{padding:32px 17px 17px}
 .site-footer .footer-bottom{display:block}
 .site-footer .footer-bottom>span{display:block;margin-top:10px}
 .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .steps>b{display:none}
}


/* Shared header consistency: use same markup on every public page */
.site-header.shinezo-header{position:relative;top:0;z-index:2000;width:100%;background:#fff;border-bottom:1px solid #eadde2;box-shadow:0 5px 22px rgba(49,12,27,.07)}
.shinezo-header .header-inner{width:min(100%,1400px);min-height:82px;margin:0 auto;padding:9px 18px;display:flex;align-items:center;gap:12px}
.shinezo-header .brand{display:flex;align-items:center;flex:0 0 165px;max-width:165px;min-width:0}
.shinezo-header .brand img{display:block;width:100%;max-width:165px;height:auto;max-height:65px;object-fit:contain}
.shinezo-header .main-nav{display:flex;align-items:center;justify-content:center;gap:2px;margin-left:auto;min-width:0}
.shinezo-header .main-nav>a,.shinezo-header .nav-drop>button{display:inline-flex;align-items:center;gap:5px;padding:10px 7px;border:0;border-radius:8px;background:transparent;color:#3c1c2a;text-decoration:none;font:600 11px Poppins,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.shinezo-header .main-nav>a:hover,.shinezo-header .nav-drop>button:hover{background:#f7eaf0;color:#781638}
.shinezo-header .nav-drop{position:static}
.shinezo-header .nav-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1280px,calc(100vw - 32px));max-height:72vh;overflow:auto;padding:20px;background:#fff;border:1px solid #eadde2;border-radius:0 0 16px 16px;box-shadow:0 20px 45px #32111f24;z-index:2100}
.shinezo-header .nav-drop.open>.nav-menu,.shinezo-header .nav-drop:hover>.nav-menu,.shinezo-header .nav-drop:focus-within>.nav-menu{display:block}
.shinezo-header .shinezo-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px}
.shinezo-header .shinezo-mega-group{min-width:0}
.shinezo-header .shinezo-mega-group h3{margin:0 0 9px;padding-bottom:8px;border-bottom:2px solid #9c8832;color:#781638;font-size:13px}
.shinezo-header .shinezo-mega-group a{display:block;padding:6px 4px;margin:0;color:#49343d;font-size:11px;line-height:1.5;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.shinezo-header .shinezo-mega-group a:hover{background:#fbf3f6;color:#781638}
.shinezo-header .header-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.shinezo-header .header-actions a{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;border-radius:22px;color:#fff;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
.shinezo-header .header-call{background:#321b2b}.shinezo-header .header-whatsapp{background:#1ca765}
.shinezo-header .hamb{display:none}
@media(max-width:1100px){.shinezo-header .header-inner{flex-wrap:wrap}.shinezo-header .hamb{display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;margin-left:auto;width:40px;height:38px;border:0;border-radius:8px;background:#781638}.shinezo-header .hamb span{width:19px;height:2px;background:#fff}.shinezo-header .main-nav{display:none;order:5;flex:0 0 100%;width:100%;align-items:stretch;flex-direction:column;margin:0;padding:8px;background:#fff;border-top:1px solid #eadde2}.shinezo-header .main-nav.show{display:flex}.shinezo-header .main-nav>a,.shinezo-header .nav-drop>button{width:100%;justify-content:space-between;text-align:left;font-size:13px}.shinezo-header .nav-drop{position:static}.shinezo-header .nav-menu{position:static;transform:none;width:100%;max-height:300px;margin:4px 0 8px;padding:12px;box-shadow:none;border-radius:10px}.shinezo-header .shinezo-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.shinezo-header .brand{flex-basis:120px;max-width:120px}.shinezo-header .brand img{max-height:48px}.shinezo-header .header-actions a{padding:7px 8px;font-size:9px}.shinezo-header .shinezo-mega-grid{grid-template-columns:1fr}}


/* Route-page shared header stability patch */
.route-page .shinezo-header,.route-page header.site-header.shinezo-header{display:block!important;visibility:visible!important;opacity:1!important;position:sticky;top:0;z-index:5000;width:100%}
.route-page .shinezo-header .brand img{width:100%;height:auto;object-fit:contain}
.route-page .shinezo-header .nav-menu{z-index:5100}
.route-page .shinezo-header .main-nav{min-width:0}
.route-page .shinezo-header .shinezo-mega-grid{align-items:start}
.route-page .shinezo-header .shinezo-mega-group a{display:block;line-height:1.55;padding:5px 0}
@media(max-width:900px){.route-page .shinezo-header .main-nav.show{display:flex!important}.route-page .shinezo-header .nav-menu{position:static;transform:none;width:100%;max-height:55vh;border-radius:12px}.route-page .shinezo-header .shinezo-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.route-page .shinezo-header .shinezo-mega-grid{grid-template-columns:1fr}}


/* Approved Shinezo compact Tempo Traveller enquiry form */
.tempo-landing-hero .tempo-landing-inner{display:grid;grid-template-columns:minmax(330px,420px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;width:min(100%,1320px);margin:0 auto}
.tempo-landing-hero{padding:34px 22px 42px;background:linear-gradient(120deg,#fff7fa 0%,#f7eaf0 54%,#f2e9ed 100%);min-height:520px}
.tempo-landing-hero .hero-copy{max-width:760px}
.tempo-landing-hero .hero-copy h1{color:#781638;font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,4.2vw,58px);line-height:1.08}
.tempo-landing-hero .hero-copy p{font-size:16px;line-height:1.8}
.tempo-compact-card{width:100%;max-width:440px;padding:24px;background:#fff;border:1px solid #eadde2;border-radius:22px;box-shadow:0 20px 55px rgba(68,18,39,.16);color:#281b22}
.tempo-form-top{margin-bottom:16px}
.tempo-form-top .tempo-kicker{display:inline-block;color:#9c8832;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.tempo-form-top h2{margin:5px 0 4px;color:#781638;font:700 25px/1.2 'Playfair Display',Georgia,serif}
.tempo-form-top p{margin:0;color:#75666d;font-size:12px}
.tempo-compact-form{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
.tempo-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.tempo-field label{color:#781638;font-size:12px;font-weight:700}
.tempo-field input,.tempo-field select{width:100%;height:47px;padding:0 14px;border:1px solid #d9cbd2;border-radius:11px;background:#fff;color:#281b22;font:500 14px Poppins,Arial,sans-serif;outline:none}
.tempo-field input:focus,.tempo-field select:focus{border-color:#781638;box-shadow:0 0 0 3px rgba(120,22,56,.10)}
.tempo-field input[readonly]{background:#fbf5f7;color:#781638;font-weight:700}
.tempo-estimate-btn{width:100%;min-height:52px;margin-top:3px;border:0;border-radius:12px;background:linear-gradient(100deg,#781638,#b13c61);color:#fff;font-size:14px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 8px 18px rgba(120,22,56,.18)}
.tempo-estimate-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.tempo-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.tempo-form-actions a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;border-radius:11px;color:#fff;text-decoration:none;font-size:13px;font-weight:800}
.tempo-call-btn{background:#781638}.tempo-wa-btn{background:#159b55}
.tempo-route-booking{padding:30px 20px 34px;background:linear-gradient(180deg,#fff 0%,#fbf3f6 100%);border-bottom:1px solid #eadde2}
.tempo-route-booking-inner{width:min(100%,1080px);margin:0 auto;display:flex;justify-content:flex-start}
.tempo-route-booking .tempo-compact-card{max-width:520px}
.tempo-route-booking .tempo-compact-form{grid-template-columns:1fr 1fr;gap:13px 15px}
.tempo-route-booking .tempo-estimate-btn{grid-column:1/-1}
.tempo-route-booking .form-note{margin:12px 0 0;color:#75666d;font-size:11px;line-height:1.6}
@media(max-width:900px){
 .tempo-landing-hero .tempo-landing-inner{grid-template-columns:minmax(0,1fr);max-width:650px}
 .tempo-landing-hero .tempo-compact-card{max-width:100%;order:2}
 .tempo-landing-hero .hero-copy{order:1}
}
@media(max-width:600px){
 .tempo-landing-hero{padding:22px 14px 28px}
 .tempo-landing-hero .hero-copy{padding:18px 0 8px}
 .tempo-landing-hero .hero-copy h1{font-size:34px}
 .tempo-compact-card{padding:18px;border-radius:17px}
 .tempo-route-booking{padding:20px 12px}
 .tempo-route-booking .tempo-compact-form{grid-template-columns:1fr}
 .tempo-route-booking .tempo-estimate-btn{grid-column:auto}
 .tempo-form-actions{gap:8px}
 .tempo-form-actions a{font-size:12px}
}


/* Dedicated premium Book Now landing page */
.booknow-hero{padding:54px 22px 60px;background:radial-gradient(circle at 10% 15%,rgba(255,255,255,.12),transparent 30%),linear-gradient(125deg,#4d102b 0%,#781638 55%,#a74668 100%);color:#fff}
.booknow-hero-inner{width:min(100%,1320px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,590px);gap:42px;align-items:start}
.booknow-intro{padding:35px 0}
.booknow-intro .eyebrow{color:#f4d98a;letter-spacing:2px;font-size:11px;font-weight:800}
.booknow-intro h1{font:700 clamp(38px,5vw,64px)/1.08 'Playfair Display',Georgia,serif;color:#fff;margin:16px 0}
.booknow-intro p{max-width:610px;color:#fff;font-size:16px;line-height:1.85}
.booknow-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.booknow-trust span{padding:10px 13px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);border-radius:30px;font-size:12px}
.booknow-form-wrap{background:#fff;border:2px solid #dfc16a;border-radius:24px;padding:24px;box-shadow:0 25px 65px rgba(24,0,12,.28);color:#321b2b}
.booknow-form-wrap .booking-card{width:100%;max-width:none;box-shadow:none;border:0;padding:0}
.booknow-form-wrap .field-grid select,.booknow-form-wrap .field-grid input{min-height:44px;border:1px solid #dfd0d7;border-radius:10px;padding:10px 12px;background:#fff;color:#321b2b}
.booknow-form-wrap .wizard-panel{display:none}
.booknow-form-wrap .wizard-panel.active{display:block}
.booknow-direct-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.booknow-direct-actions a{display:flex;justify-content:center;align-items:center;min-height:45px;border-radius:10px;color:#fff;text-decoration:none;font-weight:800;background:#781638}
.booknow-direct-actions a:last-child{background:#159b55}
.booknow-content{padding:70px 22px;background:#fff}
.booknow-content-inner{max-width:1040px;margin:auto}
.booknow-content-inner .eyebrow{color:#9c8832;font-weight:800;letter-spacing:2px;font-size:11px}
.booknow-content-inner h2{margin:25px 0 10px;color:#781638;font:700 27px/1.25 'Playfair Display',Georgia,serif}
.booknow-content-inner p{color:#594650;font-size:15px;line-height:1.9;margin:0 0 17px}
@media(max-width:1000px){.booknow-hero-inner{grid-template-columns:1fr;max-width:760px}.booknow-intro{padding:10px 0}.booknow-form-wrap{order:2}}
@media(max-width:620px){.booknow-hero{padding:28px 13px 34px}.booknow-intro h1{font-size:36px}.booknow-intro p{font-size:14px}.booknow-form-wrap{padding:16px;border-radius:17px}.booknow-content{padding:42px 16px}.booknow-content-inner p{font-size:14px}}

/* Premium Book Now page refinements */
.booknow-hero{background:radial-gradient(circle at 85% 12%,rgba(255,255,255,.14),transparent 30%),linear-gradient(128deg,#3d0c1d 0%,#68213a 58%,#8b3a52 100%);padding:56px 20px 46px;position:relative;overflow:hidden}
.booknow-hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:34px;align-items:start}
.booknow-intro{padding:20px 0;color:#fff}
.booknow-intro h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.5px;margin:16px 0}
.booknow-intro p{color:#f7e8ed;line-height:1.85;max-width:560px}
.booknow-trust{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.booknow-trust span{font-size:12px;border:1px solid #ffffff55;border-radius:30px;padding:9px 12px;color:#fff}
.booknow-hero-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.booknow-hero-highlights article{background:#ffffff12;border:1px solid #ffffff30;border-radius:13px;padding:13px;display:grid;gap:7px}
.booknow-hero-highlights b{color:#e7c58a;font-size:12px}
.booknow-hero-highlights span{font-size:12px;line-height:1.5;color:#fff}
.booknow-form-wrap .booking-card{border:1px solid #f0dce3;border-radius:20px;box-shadow:0 26px 70px #21071166;padding:22px}
.booknow-content{padding:54px 20px;background:linear-gradient(180deg,#fff 0%,#fff9fb 100%)}
.booknow-content-inner{max-width:940px;margin:auto;background:#fff;border:1px solid #f0e3e8;border-radius:20px;padding:clamp(22px,4vw,42px);box-shadow:0 16px 50px #3c10200a;line-height:1.9}
.booknow-content-inner h2{font-family:'Playfair Display',Georgia,serif;color:#612638;margin:28px 0 10px}
.booknow-content-inner h2:first-of-type{margin-top:10px}
@media(max-width:900px){.booknow-hero-inner{grid-template-columns:1fr}.booknow-intro{padding:0}.booknow-form-wrap{max-width:720px;width:100%;margin:auto}}
@media(max-width:560px){.booknow-hero{padding:34px 14px}.booknow-hero-highlights{grid-template-columns:1fr}.booknow-form-wrap .booking-card{padding:15px}.booknow-content{padding:30px 14px}}

/* 2026-11-06 screenshot repair: enforce Tempo form layout even when legacy form rules load later */
.tempo-compact-card{box-sizing:border-box!important;width:100%!important;max-width:440px!important;padding:24px!important;background:#fff!important;border:1px solid #eadde2!important;border-radius:22px!important;box-shadow:0 20px 55px rgba(68,18,39,.16)!important;color:#281b22!important}
.tempo-compact-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important;margin:0!important;width:100%!important}
.tempo-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0!important;width:100%!important}
.tempo-field label{display:block!important;width:100%!important;color:#781638!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important}
.tempo-field input,.tempo-field select{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:47px!important;padding:0 14px!important;border:1px solid #d9cbd2!important;border-radius:11px!important;background:#fff!important;color:#281b22!important;font:500 14px Poppins,Arial,sans-serif!important}
.tempo-estimate-btn{display:block!important;width:100%!important;min-height:52px!important;border:0!important;border-radius:12px!important;background:linear-gradient(100deg,#781638,#b13c61)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important}
.tempo-form-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important}
.tempo-form-actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;border-radius:10px!important;text-decoration:none!important;font-weight:700!important}
@media(max-width:700px){.tempo-compact-card{max-width:100%!important;padding:18px!important}.tempo-form-actions{grid-template-columns:1fr!important}}


/* Unified 15-option pickup list is shared by every booking form.
   Header alignment repair: keep desktop navigation on one line and collapse earlier on tablets. */
.site-header.shinezo-header .header-inner{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  gap:8px!important;width:min(100%,1440px)!important;padding:9px 16px!important;
}
.site-header.shinezo-header .brand{
  flex:0 0 148px!important;width:148px!important;max-width:148px!important;
}
.site-header.shinezo-header .brand img{max-width:148px!important;max-height:62px!important}
.site-header.shinezo-header .main-nav{
  display:flex!important;flex:1 1 auto!important;min-width:0!important;
  flex-wrap:nowrap!important;white-space:nowrap!important;gap:0!important;
  justify-content:center!important;margin-left:auto!important;
}
.site-header.shinezo-header .main-nav>a,
.site-header.shinezo-header .main-nav .nav-drop>button{
  flex:0 0 auto!important;white-space:nowrap!important;
  padding:9px 5px!important;font-size:10.2px!important;
}
.site-header.shinezo-header .main-nav .shinezo-book-btn{
  white-space:nowrap!important;display:inline-flex!important;flex:0 0 auto!important;
}
.site-header.shinezo-header .header-actions{flex:0 0 auto!important;gap:5px!important}
.site-header.shinezo-header .header-actions a{padding:8px 9px!important;font-size:9.5px!important;white-space:nowrap!important}
.site-header.shinezo-header .hamb{display:none!important}
@media(max-width:1280px){
  .site-header.shinezo-header .header-inner{flex-wrap:wrap!important}
  .site-header.shinezo-header .hamb{display:flex!important;order:2!important;margin-left:auto!important}
  .site-header.shinezo-header .header-actions{order:3!important}
  .site-header.shinezo-header .main-nav{
    display:none!important;order:5!important;flex:0 0 100%!important;width:100%!important;
    flex-direction:column!important;align-items:stretch!important;white-space:normal!important;
    margin:0!important;padding:8px 0!important;border-top:1px solid #eadde2!important;
  }
  .site-header.shinezo-header .main-nav.show{display:flex!important}
  .site-header.shinezo-header .main-nav>a,
  .site-header.shinezo-header .main-nav .nav-drop>button{
    width:100%!important;justify-content:space-between!important;text-align:left!important;
    white-space:normal!important;padding:11px 12px!important;font-size:13px!important;
  }
  .site-header.shinezo-header .nav-drop{position:static!important;width:100%!important}
  .site-header.shinezo-header .nav-menu{
    position:static!important;transform:none!important;width:100%!important;max-width:none!important;
    max-height:300px!important;margin:4px 0 8px!important;padding:12px!important;
    border-radius:10px!important;box-shadow:none!important;
  }
}
