/* JVK — "Maison" refinement layer: couture-style typography, centred header, arched gilt frames.
   Design only. Loaded after theme.css. */
:root{
--display:"Bodoni Moda","Marcellus",Georgia,serif;
--serif:"Cormorant Garamond","Bodoni Moda",Georgia,serif;
--hh:132px;--tb:38px;
--line:rgba(169,122,16,.32);
--cream:#FFFCF3;
--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99A1E' d='M12 0c.9 7.2 4.1 10.6 12 12-7.9 1.4-11.1 4.8-12 12-.9-7.2-4.1-10.6-12-12C7.9 10.6 11.1 7.2 12 0z'/%3E%3C/svg%3E");
--star-lt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F2C94C' d='M12 0c.9 7.2 4.1 10.6 12 12-7.9 1.4-11.1 4.8-12 12-.9-7.2-4.1-10.6-12-12C7.9 10.6 11.1 7.2 12 0z'/%3E%3C/svg%3E");
--satin:linear-gradient(118deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 16%,rgba(255,255,255,0) 30%,rgba(222,204,160,.22) 46%,rgba(255,255,255,.65) 62%,rgba(255,255,255,0) 76%,rgba(222,204,160,.18) 92%);
}

/* ---------- Typography ---------- */
h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-.01em;font-optical-sizing:auto}
h2{font-size:clamp(34px,4.6vw,62px);line-height:1.04}
h3{font-weight:600}
.lede{font:500 clamp(19px,1.6vw,22px)/1.55 var(--serif);color:var(--ink-2)}
.head.center .lede{margin-inline:auto}
.gilt{font-style:italic;font-weight:500}
.hero h1{font-weight:600;font-size:clamp(44px,6vw,92px);line-height:1;letter-spacing:-.015em}
.hero .sub,.phero p{font:500 clamp(18px,1.5vw,21px)/1.55 var(--serif);color:rgba(255,250,236,.9)}
.brand b{font:600 24px/1 var(--display);letter-spacing:0}
.pcard h3,.rcard h3,.bcard h3,.svc h3,.tcard b{font-family:var(--display);font-weight:600}
.rcard .price b,.from b,.stat b,.total b{font-family:var(--display);font-weight:600}

/* Eyebrows: spaced capitals flanked by gilt stars */
.eyebrow{font:500 11.5px/1.3 var(--sans);letter-spacing:.34em;gap:12px}
.eyebrow::before,.head.center .eyebrow::after{content:"";width:12px;height:12px;background:var(--star) center/contain no-repeat;opacity:1}
.hero .eyebrow::before,.phero .eyebrow::before,.cta .eyebrow::before,.cta .eyebrow::after,.selfdrive .eyebrow::before,.ticket .tt .eyebrow::before,.footer .eyebrow::before{background-image:var(--star-lt)}
.head.center::after{width:180px;margin-top:20px;opacity:.9}

/* ---------- Satin backgrounds ---------- */
body{background:var(--satin) fixed var(--ivory)}
.sec.light,.sec-sacred,.sec-journal,.page-contact main>.sec{background:var(--satin),var(--kolam),var(--ivory)!important;background-size:100% 100%,24px 24px,auto!important}
.sec-pk,.sec-calc{background:var(--satin),var(--kolam),var(--cream)!important;background-size:100% 100%,24px 24px,auto!important}
.sec-themes{background:var(--satin),linear-gradient(180deg,var(--parchment),var(--ivory))!important}

/* ---------- Buttons: square, spaced capitals, gilt hairline ---------- */
.btn{border-radius:0;font:500 11.5px/1 var(--sans);letter-spacing:.24em;padding:17px 30px;box-shadow:none}
.btn svg{width:16px;height:16px}
.btn-gold{background:linear-gradient(135deg,#E9BE3C 0%,#D9A520 45%,#B8860B 100%);color:#1F1703;outline:1px solid rgba(201,154,30,.55);outline-offset:3px;box-shadow:0 18px 34px -22px rgba(148,107,12,.9)}
.btn-gold:hover{background:linear-gradient(135deg,#F2C94C 0%,#E0AE28 45%,#C49314 100%);outline-offset:5px;box-shadow:0 22px 40px -22px rgba(148,107,12,1)}
.btn-line{border:1px solid var(--gold-2);color:var(--night);background:transparent}
.btn-line:hover{background:var(--night);border-color:var(--night);color:var(--gold-hi)}
.hero .btn-line,.phero .btn-line,.cta .btn-line,.drawer .btn-line,.selfdrive .btn-line{border-color:rgba(242,201,76,.75);background:rgba(10,40,29,.25)}
.btn-ink{background:var(--night);color:#FFF4D6;outline:1px solid rgba(14,51,38,.35);outline-offset:3px}
.btn-ink:hover{background:var(--royal);outline-offset:5px}
.icon-btn{border-radius:0}
.pill{border-radius:0;letter-spacing:.18em;font-size:11px}
.quick .btn{border-radius:0}

/* ---------- Top bar ---------- */
.topbar{font-size:12px;letter-spacing:.06em}

/* ---------- Header: centred crest, balanced booking actions, nav beneath ---------- */
.hdr,.hdr.solid{background:linear-gradient(180deg,rgba(255,253,246,.97),rgba(251,246,233,.97));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 14px 30px -26px rgba(14,51,38,.55)}
.hdr{top:var(--tb)}
.hdr.solid{top:0}
.hdr .brand,.hdr.solid .brand{color:var(--night)}
.hdr .brand small,.hdr.solid .brand small{color:var(--gold-2)}
.hdr .nav a,.hdr.solid .nav a{color:var(--ink)}
.hdr .nav a:hover,.hdr .nav a[aria-current]{color:var(--gold-2)}
.hdr .nav a::after{background:var(--gold);left:50%;right:auto;width:22px;margin-left:-11px;bottom:6px}
.hdr .burger,.hdr.solid .burger{border-radius:0;border-color:rgba(148,107,12,.45);background:transparent}
.hdr .burger span,.hdr .burger span::before{background:var(--night)}
main{padding-top:var(--hh)}
.hero{height:calc(100svh - var(--tb) - var(--hh));min-height:640px}
.phero{padding-top:clamp(90px,12vw,140px)}
.brand .mark{border-radius:12px}

@media (min-width:1181px){
.hdr .wrap,.hdr.solid .wrap{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"call brand book" "nav nav nav";align-items:center;height:auto;column-gap:24px;row-gap:0}
.brand{grid-area:brand;height:84px;transition:height .5s var(--ease)}
.hdr.solid .brand{height:62px}
.hdr.solid .brand .mark{width:42px;height:42px}
.hdr.solid .brand .mark svg{width:35px;height:35px}
.brand .mark{transition:width .5s var(--ease),height .5s var(--ease)}
.head-cta{display:contents!important}
.head-cta .btn{display:inline-flex!important;padding:14px 22px;font-size:10.5px}
.head-cta .btn-line{grid-area:call;justify-self:start}
.head-cta .btn-gold{grid-area:book;justify-self:end}
.nav{grid-area:nav;display:flex;justify-content:center;margin:0 calc(-1 * var(--gut));padding:0 var(--gut);border-top:1px solid var(--line);height:48px;align-items:center;gap:clamp(0px,1vw,14px);position:relative}
.nav::before,.nav::after{content:"";position:absolute;top:-6px;width:11px;height:11px;background:var(--star) center/contain no-repeat}
.nav::before{left:calc(50% - 5.5px)}
.nav::after{display:none}
.nav a{font-size:11px;letter-spacing:.2em;padding:10px 12px}
.burger{display:none!important}
}
@media (min-width:1181px) and (max-width:1320px){.nav a{letter-spacing:.14em;padding:10px 9px}}

/* Mobile and tablet header: menu left, crest centred, call right */
@media (max-width:1180px){
:root{--hh:76px}
.hdr .wrap,.hdr.solid .wrap{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;height:76px;gap:10px}
.burger{grid-column:1;grid-row:1;margin:0;width:46px;height:46px}
.brand{grid-column:2;grid-row:1;justify-self:center}
.head-cta{display:contents!important}
.head-cta .btn-gold{display:none!important}
.head-cta .btn-line{grid-column:3;grid-row:1;display:inline-flex!important;justify-self:end;width:46px;height:46px;padding:0;font-size:0;letter-spacing:0;gap:0;border-color:rgba(148,107,12,.45)}
.head-cta .btn-line svg{width:18px;height:18px;color:var(--gold-2)}
.hdr.solid .wrap{height:66px}
}
@media (max-width:760px){
:root{--tb:0px;--hh:70px}
.topbar{display:none}
.hdr .wrap,.hdr.solid .wrap{height:70px;grid-template-columns:44px 1fr 44px}
.burger,.head-cta .btn-line{width:42px!important;height:42px!important}
.brand{gap:9px}
.brand .mark{width:40px;height:40px;border-radius:10px}
.brand .mark svg{width:33px;height:33px}
.brand b{font-size:18px}
.brand small{font-size:7px;letter-spacing:.22em;margin-top:5px}
.hero{min-height:600px}
}
@media (max-width:370px){.brand small{display:none}.brand b{font-size:16.5px}}

/* ---------- Drawer ---------- */
.drawer nav a{font-family:var(--display);font-weight:500}
.drawer .close{border-radius:0}

/* ---------- Hero ---------- */
.hero .ticks li::before{width:10px;height:10px;transform:none;background:var(--star-lt) center/contain no-repeat}
.quick form{border-radius:0;outline:1px solid rgba(242,201,76,.55);outline-offset:5px}
.seal circle{fill:rgba(14,51,38,.55)}

/* ---------- Arched gilt frames (shared) ---------- */
/* Packages */
.pcard{border-radius:0;background:var(--cream);padding:12px 12px 0;border:1px solid var(--line)}
.pcard::after{content:"";position:absolute;left:50%;top:3px;width:16px;height:16px;margin-left:-8px;z-index:3;background:var(--star) center/contain no-repeat;pointer-events:none}
.pcard .media{border-radius:50% 50% 0 0/26% 26% 0 0;box-shadow:inset 0 0 0 1px rgba(255,236,170,.6)}
.pcard .media::after{background:linear-gradient(180deg,rgba(14,51,38,0) 55%,rgba(14,51,38,.45) 100%)}
.pcard .tag{top:auto;bottom:14px;left:14px;border-radius:0;letter-spacing:.2em}
.pcard .dur{top:auto;bottom:14px;right:14px;border-radius:0}
.pcard .body{padding:22px 12px 22px;text-align:left}
.pcard h3{font-size:25px}
.pcard .foot{border-top:1px solid var(--line)}

/* Theme gallery cards: full arch with cream band, gilt line and three stars */
.tcard .ph{border-radius:999px 999px 0 0;box-shadow:0 0 0 6px var(--cream),0 0 0 7px rgba(201,154,30,.6),0 30px 50px -30px rgba(14,51,38,.6)}
.tcard .ph::before{inset:10px;border-color:rgba(242,201,76,.75)}
.tcard::after{content:"";position:absolute;left:-15px;right:-15px;top:-15px;bottom:-15px;z-index:4;pointer-events:none;background:var(--star) center top/18px no-repeat,var(--star) left bottom/16px no-repeat,var(--star) right bottom/16px no-repeat}
.hs-track{padding-top:20px;padding-bottom:20px}

/* Rentals: dome-topped vehicle panel */
.rcard{border-radius:0;background:var(--cream);padding:12px 12px 0;border:1px solid var(--line)}
.rcard .car{border-radius:50% 50% 0 0/62% 62% 0 0;height:180px}
.rcard::after{content:"";position:absolute;left:50%;top:3px;width:16px;height:16px;margin-left:-8px;background:var(--star) center/contain no-repeat;z-index:2}
.rcard .in{padding:22px 14px 24px;text-align:center;align-items:center}
.rcard .price{justify-content:center}
.rcard .btn{align-self:stretch}

/* Services: framed tiles with arched medallions */
.svc-grid{gap:18px}
.svc{border-radius:0;background:var(--cream);border:1px solid var(--line);outline:1px solid rgba(201,154,30,.22);outline-offset:-8px;padding:30px 28px;grid-template-columns:62px 1fr;transition:color .5s,outline-color .5s,box-shadow .6s var(--ease),transform .6s var(--ease)}
.svc:hover{outline-color:rgba(242,201,76,.5);transform:translateY(-4px);box-shadow:0 30px 50px -36px rgba(14,51,38,.7)}
.svc .ic{width:58px;height:66px;border-radius:50% 50% 3px 3px/44% 44% 3px 3px;background:linear-gradient(180deg,rgba(242,201,76,.28),rgba(242,201,76,.08));border:1px solid rgba(201,154,30,.55);color:var(--gold-2)}
.svc:hover .ic{background:rgba(242,201,76,.16);border-color:var(--gold-hi);color:var(--gold-hi)}
.svc h3{font-size:22px}
.fleet{border-radius:0}

/* Blog cards */
.bcard{border-radius:0;padding:10px;background:var(--cream)}
.bcard .ph{outline:1px solid rgba(255,236,170,.65);outline-offset:-8px}
.bcard .in{padding:20px 14px 18px}

/* Calculator, FAQ, misc frames */
.ticket{border-radius:0;outline:1px solid var(--line);outline-offset:6px}
.ticket .tt{border-radius:0}
.veh,.input,.stepper{border-radius:0}
.qa button{font-family:var(--display);font-weight:600}
.intro-art .big{border-radius:999px 999px 0 0}
.cbox,.aside .box{border-radius:0}
.terms span{border-radius:0}

/* ---------- Floating actions ---------- */
.float .wa{background:var(--night);border:1px solid rgba(242,201,76,.55);color:var(--gold-hi)}
.float .wa::before{border-color:rgba(242,201,76,.5)}

/* Mobile: persistent booking bar replaces the floating circles */
@media (max-width:760px){
body{padding-bottom:62px}
.float{left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:0;justify-items:stretch;box-shadow:0 -12px 30px -18px rgba(14,51,38,.6)}
.float a{width:auto!important;height:62px!important;border-radius:0;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:none;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.float a:hover{transform:none}
.float svg{width:19px;height:19px}
.float .wa{order:2;background:linear-gradient(135deg,#E9BE3C,#D9A520 45%,#B8860B);color:#1F1703;border:0}
.float .wa::before{display:none}
.float .wa .lbl{position:static;opacity:1;transform:none;padding:0;background:none;color:inherit;font:inherit;border-radius:0}
.float .call{order:1;background:var(--night);color:#FFF4D6;border-top:1px solid rgba(242,201,76,.4)}
.float .call svg{color:var(--gold-hi)}
.float .call::after{content:"Call Now"}
}

/* Small frames */
.arrow,.fleet li,.chips .pill,.tabs button,.sheet .acts .btn{border-radius:0}
@media (max-width:640px){
.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.svc{grid-template-columns:1fr;justify-items:center;text-align:center;gap:12px;padding:24px 14px 22px;outline-offset:-6px}
.svc .ic{width:50px;height:58px}
.svc h3{font-size:18px;margin-bottom:4px}
.svc p{font-size:13.5px;line-height:1.55}
.svc{align-content:start}
.svc:last-child:nth-child(odd){grid-column:1/-1}
}

/* ---------- Hero: light, airy, arched image, minimal text ---------- */
.hero{height:auto;min-height:calc(100svh - var(--tb) - var(--hh));max-height:none;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:1fr auto;column-gap:clamp(32px,5vw,90px);row-gap:40px;align-items:center;padding:clamp(40px,6vh,72px) max(var(--gut),calc((100% - 1440px)/2 + var(--gut))) 44px;background:radial-gradient(60% 70% at 78% 40%,rgba(242,201,76,.16),transparent 70%),var(--satin),var(--kolam),var(--ivory);background-size:auto,100% 100%,24px 24px,auto;color:var(--ink);overflow:hidden}
.hero .stars,.hero .mist,.hero-shade,.hero .seal,.hero-meta,.hero .sub,.hero .ticks{display:none!important}
.hero-in{position:relative;inset:auto;grid-column:1;grid-row:1;z-index:2}
.hero-in .wrap{padding:0;margin:0;max-width:none;width:auto}
.hero .eyebrow{color:var(--gold-2)}
.hero .eyebrow::before{background-image:var(--star)}
.hero h1{color:var(--night);font-size:clamp(44px,5.2vw,84px);max-width:11ch;margin-bottom:34px}
.hero .gilt{background:linear-gradient(100deg,#B8860B 0%,#D9A520 50%,#946B0C 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .btn-line{background:transparent;border-color:var(--gold-2);color:var(--night);-webkit-backdrop-filter:none;backdrop-filter:none}
.hero .btn-line:hover{background:var(--night);color:var(--gold-hi)}
.hero-slides{position:relative;inset:auto;grid-column:2;grid-row:1;justify-self:center;width:min(100%,500px);height:min(62vh,600px);min-height:420px;border-radius:999px 999px 0 0;box-shadow:0 0 0 8px var(--cream),0 0 0 9px rgba(201,154,30,.6),0 40px 70px -40px rgba(14,51,38,.55)}
.hero-slides img{border-radius:999px 999px 0 0;transform:none!important;filter:none}
.hero-slides::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,236,170,.75);border-radius:999px 999px 0 0;z-index:2;pointer-events:none}
.hero-slides::after{content:"";position:absolute;inset:-22px;z-index:3;pointer-events:none;background:var(--star) center top/20px no-repeat,var(--star) left bottom/18px no-repeat,var(--star) right bottom/18px no-repeat}
.quick{position:relative;inset:auto;grid-column:1/-1;grid-row:2;z-index:4}
.quick .wrap{padding:0;max-width:none}
.quick form{max-width:none;box-shadow:0 30px 60px -40px rgba(14,51,38,.5)}
@media (max-width:960px){
.hero{grid-template-columns:1fr;grid-template-rows:auto auto;row-gap:34px;padding-top:40px;padding-bottom:56px;min-height:0;text-align:center}
.hero-slides{grid-column:1;grid-row:1;width:min(78%,340px);height:auto;aspect-ratio:3/3.7;min-height:0}
.hero-in{grid-row:2}
.hero h1{margin-inline:auto;font-size:clamp(38px,10.5vw,60px);margin-bottom:28px}
.hero .eyebrow{justify-content:center}
.hero .ctas{justify-content:center}
}
@media (max-width:640px){.hero .eyebrow{letter-spacing:.24em;font-size:10.5px}.hero-slides{width:min(74%,300px)}}
.hero h1{max-width:12ch}
@media (max-width:640px){.hero{padding-top:30px;row-gap:26px}.hero-slides{width:min(58%,240px);aspect-ratio:3/3.5}.hero .eyebrow::before{display:none}.hero h1{font-size:clamp(36px,10vw,48px);max-width:none}}
@media (min-width:961px){.hero h1{max-width:15ch;font-size:clamp(44px,4.6vw,76px)}}

/* ---------- Inner page banners: light, arched image, no overlap ---------- */
.phero,.post-hero{min-height:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(32px,5vw,90px);align-items:center;padding:clamp(48px,7vh,80px) max(var(--gut),calc((100% - 1440px)/2 + var(--gut))) clamp(56px,7vh,84px);background:radial-gradient(55% 70% at 80% 45%,rgba(242,201,76,.16),transparent 70%),var(--satin),var(--kolam),var(--ivory);background-size:auto,100% 100%,24px 24px,auto;color:var(--ink);overflow:visible;border-bottom:1px solid var(--line)}
.phero .wrap{grid-column:1;grid-row:1;padding:0;margin:0;max-width:none;width:auto}
.phero .bg{position:relative;inset:auto;grid-column:2;grid-row:1;justify-self:center;width:min(100%,380px);aspect-ratio:3/3.4;border-radius:999px 999px 0 0;box-shadow:0 0 0 8px var(--cream),0 0 0 9px rgba(201,154,30,.6),0 40px 70px -40px rgba(14,51,38,.55);background:var(--parchment)}
.phero .bg img{border-radius:999px 999px 0 0;transform:none;animation:none}
.phero .bg::after{inset:14px;background:none;border:1px solid rgba(255,236,170,.75);border-radius:999px 999px 0 0}
.phero .bg::before{content:"";position:absolute;inset:-22px;z-index:3;pointer-events:none;background:var(--star) center top/20px no-repeat,var(--star) left bottom/18px no-repeat,var(--star) right bottom/18px no-repeat}
.phero h1{color:var(--night);font-size:clamp(40px,4.6vw,72px);max-width:14ch}
.phero .gilt{background:linear-gradient(100deg,#B8860B 0%,#D9A520 50%,#946B0C 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero .eyebrow{color:var(--gold-2)}
.phero .eyebrow::before{background-image:var(--star)}
.phero p{display:none}
.crumbs{color:var(--ink-2)}
.crumbs a{color:var(--gold-2)}
.post-meta{color:var(--ink-2)}
.post-meta svg{color:var(--gold-2)}
.contact-grid{margin-top:0}
.phero + .sec{padding-top:clamp(56px,7vw,96px)!important}
.page-contact .phero + .sec{background:var(--satin),var(--kolam),var(--ivory)!important;background-size:100% 100%,24px 24px,auto!important}
@media (max-width:960px){
.phero,.post-hero{grid-template-columns:1fr;row-gap:32px;text-align:center;padding-top:34px;padding-bottom:48px}
.phero .bg{grid-row:1;grid-column:1;width:min(56%,240px)}
.phero .wrap{grid-row:2;grid-column:1}
.phero h1{margin-inline:auto;font-size:clamp(34px,9.5vw,52px)}
.crumbs,.phero .eyebrow,.post-meta{justify-content:center}
.phero .eyebrow::before{display:none}
}

/* ---------- Gold accent words: softer calligraphic italic ---------- */
.gilt{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:1.1em;letter-spacing:0;line-height:.95;padding-right:.06em}
#selfdrive{scroll-margin-top:calc(var(--hh) + 30px)}


/* ---------- Intro badge: kumkum red with gold lettering ---------- */
.intro-art .badge-ring{background:radial-gradient(circle at 35% 30%,#C4232A 0%,#9E1419 60%,#7A0E12 100%);box-shadow:0 0 0 3px #FFFCF3,0 0 0 4px rgba(217,165,32,.8),0 20px 40px -18px rgba(122,14,18,.75)}
.intro-art .badge-ring text{fill:#F2C94C}
.intro-art .badge-ring g[stroke]{stroke:#F2C94C}
/* ---------- Rental cards: real car photos inside the arch ---------- */
.rcard .car.has-photo{background:var(--parchment)}
.rcard .car.has-photo::before,.rcard .car.has-photo::after{display:none}
.rcard .car.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.rcard:hover .car.has-photo img{transform:scale(1.06)}
.rcard .car.has-photo{box-shadow:inset 0 0 0 1px rgba(255,236,170,.6)}
/* ---------- Pre-Book page ---------- */
.pb-steps{list-style:none;margin:6px 0 24px;padding:0;display:grid;gap:0}
.pb-steps li{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.pb-steps li:last-child{border-bottom:0}
.pb-steps .n{font:600 26px/1 var(--display);color:var(--gold-2);padding-top:4px}
.pb-steps h3{font-size:22px;color:var(--night);margin-bottom:6px}
.pb-steps p{margin:0;color:var(--ink-2);font-size:15px}
.pb-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;margin:0 0 22px;background:rgba(242,201,76,.14);border-left:2px solid var(--gold);font-size:14px;color:var(--ink-2)}
.pb-note svg{width:18px;height:18px;flex:none;color:var(--royal);margin-top:2px}
.pb-how .links{display:flex;flex-wrap:wrap;gap:10px}
.btn-sm{padding:13px 18px;font-size:10.5px}
.pb-type{border:0;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pb-type legend{font:500 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--night);margin-bottom:12px;padding:0}
.pb-type label{position:relative;cursor:pointer}
.pb-type input{position:absolute;opacity:0;pointer-events:none}
.pb-type span{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:16px 8px;border:1px solid var(--line);background:var(--ivory);font:500 12.5px/1.25 var(--sans);color:var(--ink);transition:border-color .3s,background-color .3s,box-shadow .3s}
.pb-type span svg{width:28px;height:28px;color:var(--gold-2)}
.pb-type label:hover span{border-color:var(--gold)}
.pb-type input:checked+span{border-color:var(--gold);background:rgba(242,201,76,.16);box-shadow:0 0 0 1px var(--gold)}
.pb-type input:focus-visible+span{outline:2px solid var(--royal);outline-offset:2px}
#pbSubmit{width:100%;margin-top:6px}
.pb-fine{margin:14px 0 0;font-size:13px;color:var(--ink-3);text-align:center}
.pb-done{text-align:center;padding:30px 10px}
.pb-done .pb-tick{width:64px;height:72px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50% 50% 3px 3px/44% 44% 3px 3px;border:1px solid var(--gold);background:rgba(242,201,76,.18);color:var(--royal)}
.pb-done .pb-tick svg{width:28px;height:28px}
.pb-done h3{font-size:28px;color:var(--night);margin-bottom:10px}
.pb-done p{color:var(--ink-2);margin:0 auto 22px;max-width:40ch}
.pb-done .links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.page-prebook .phero + .sec{background:var(--satin),var(--kolam),var(--ivory)!important;background-size:100% 100%,24px 24px,auto!important}
.nav a[href="prebook.html"]{color:var(--gold-2)}
@media (max-width:640px){.pb-type{grid-template-columns:1fr}.pb-type span{flex-direction:row;justify-content:flex-start;padding:14px 16px}.pb-type span svg{width:22px;height:22px}}