/* Drizzle Enterprise Design System v2.2 – loaded last across ALL public pages */
:root{--drizzle-blue:#0b3f77;--drizzle-teal:#0b9eac;--drizzle-navy:#10315b;--drizzle-orange:#de7a29}
.site-header{background:rgba(255,255,255,.985)!important;border-bottom:1px solid #e3ebf4;box-shadow:0 4px 24px rgba(16,49,91,.055)}
.site-header .navbar{width:min(1460px,calc(100% - 48px));max-width:1460px;min-height:84px;gap:1rem}
.site-header .brand--v22{display:flex;align-items:center;gap:.7rem;width:260px;max-width:260px;min-width:0;flex:0 0 260px;text-decoration:none}
.site-header .brand--v22 .brand-mark{width:56px;height:56px;min-width:56px;object-fit:contain;display:block;flex:0 0 56px}
.site-header .brand-copy{display:flex;flex-direction:column;gap:.23rem;min-width:0}
.site-header .brand--v22 .brand-title{font:700 1.16rem/1.03 Georgia,'Times New Roman',serif;color:#10315b;white-space:normal;letter-spacing:-.024em}
.site-header .brand--v22 .brand-tag{font-size:.66rem;color:#647c95;line-height:1.28;font-style:italic;margin:0;white-space:normal}
.site-header .nav-group{margin-left:auto;min-width:0;gap:1rem;display:flex;align-items:center}
.site-header .nav-links{gap:.74rem;align-items:center}
.site-header .nav-links a{font-size:.805rem;font-weight:750;white-space:nowrap;line-height:1.2}
.site-header .nav-actions{display:flex;align-items:center;gap:.65rem;flex:0 0 auto}
.site-header .nav-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.42rem .6rem;border-radius:10px;font-size:.8rem;font-weight:800;white-space:nowrap;color:#10315b;border:1px solid transparent;transition:background-color .2s,border-color .2s}
.site-header .nav-action:hover{background:#f0f6fa;border-color:#d8e6ee}
.site-header .payment-action{color:#086e79;background:#eaf8f8;border-color:#bce4e5}
.site-header .payment-action:hover{background:#d7f2f0}
.site-header .nav-book-btn{min-height:42px;padding:.65rem .82rem;font-size:.78rem;border-radius:10px;white-space:nowrap}
.footer-identity--v22 img{width:62px;height:62px;min-width:62px;object-fit:contain;display:block}
.footer-identity--v22 strong{max-width:260px;font-size:1.24rem;line-height:1.14}
.footer-identity--v22 small{line-height:1.35}
/* payment page */
.payment-hero{position:relative;overflow:hidden;background:linear-gradient(117deg,#123767 0%,#0f4d79 64%,#0b8991 124%);color:#fff;padding:88px 0 90px}
.payment-hero>.container{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);align-items:center;gap:30px}
.payment-hero-copy{max-width:750px}.payment-hero h1{font-size:clamp(2.7rem,5vw,5.2rem);line-height:1.03;color:#fff;margin:1rem 0}
.payment-hero p{color:#e6eff8;font-size:1.09rem;max-width:660px;line-height:1.75}
.payment-hero .eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
.payment-hero-art{display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.23);border-radius:34px;aspect-ratio:1;max-width:290px;width:100%;margin-inline:auto;box-shadow:inset 0 1px 20px rgba(255,255,255,.08)}
.payment-hero-art img{width:73%;height:73%;filter:drop-shadow(0 10px 12px rgba(0,0,0,.1))}
.payment-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.payment-hero-actions .btn-outline{background:#fff}
.payment-options{padding-top:80px}
.payment-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.payment-card{background:#fff;border:1px solid #dbe5ef;border-radius:22px;padding:30px 28px;box-shadow:0 16px 32px rgba(13,50,91,.055);display:flex;flex-direction:column;min-width:0}
.payment-card--featured{border-color:#a7d6d7;box-shadow:0 20px 40px rgba(8,121,139,.09)}
.payment-card-number{font-size:.74rem;letter-spacing:.12em;font-weight:900;color:#16818d;margin-bottom:17px}
.payment-card h3{font-size:1.62rem;margin-bottom:14px}.payment-card p{color:#5b6f85;line-height:1.72}
.payment-card .check-list{margin-bottom:25px}.payment-card>.btn{margin-top:auto;align-self:flex-start}
.payment-help{overflow-wrap:anywhere;font-weight:700}
.payment-help a{color:#0c4a77}
.payment-availability{border-left:3px solid #e9a35b;background:#fff9f1;padding:12px 14px;border-radius:9px;font-size:.91rem}
.payment-steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;counter-reset:steps}
.payment-steps-row>div{background:#fff;border:1px solid #dfe8ef;border-radius:18px;padding:28px}
.payment-steps-row span{font-weight:900;color:#178d95;font-size:.82rem;letter-spacing:.14em}
.payment-steps-row h3{margin:11px 0}.payment-steps-row p{color:#52657d}
.payment-footnote{font-size:.83rem;color:#5f728b;max-width:900px;margin:35px auto 0;text-align:center}
@media(max-width:1370px){
 .site-header .navbar{width:min(1400px,calc(100% - 36px))}
 .site-header .brand--v22{flex-basis:236px;width:236px;max-width:236px}
 .site-header .brand--v22 .brand-title{font-size:1.05rem}
 .site-header .brand--v22 .brand-mark{width:48px;height:48px;min-width:48px;flex-basis:48px}
 .site-header .nav-links{gap:.52rem}
 .site-header .nav-links a{font-size:.77rem}
 .site-header .nav-actions{gap:.35rem}
 .site-header .nav-action{font-size:.76rem;padding:.42rem .4rem}
 .site-header .nav-book-btn{font-size:.75rem;padding:.55rem .6rem}
}
@media(max-width:1199px){
 .site-header .nav-toggle{display:block}
 .site-header .nav-group{display:none;position:absolute;top:calc(100% - 1px);left:16px;right:16px;z-index:1001;background:#fff;border:1px solid #dae6f0;border-radius:18px;box-shadow:0 18px 44px rgba(13,45,83,.17);padding:18px;flex-direction:column;align-items:stretch}
 .site-header .nav-group.open{display:flex}
 .site-header .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 .site-header .nav-links a{font-size:1rem;padding:11px 7px}
 .site-header .nav-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .site-header .nav-action,.site-header .nav-book-btn{white-space:normal;text-align:center;min-height:45px;font-size:.83rem}
}
@media(max-width:750px){
 .payment-hero{padding:56px 0 60px}.payment-hero>.container{grid-template-columns:1fr}.payment-hero-art{display:none}
 .payment-cards,.payment-steps-row{grid-template-columns:1fr}.payment-card{padding:24px}
 .site-header .brand--v22{flex-basis:auto;width:auto;max-width:calc(100% - 60px)}
 .site-header .brand--v22 .brand-title{font-size:1.04rem}
 .site-header .navbar{width:calc(100% - 26px);min-height:75px}
 .site-header .nav-actions{grid-template-columns:1fr}
 .payment-hero h1{font-size:2.6rem}
}
@media(max-width:390px){.site-header .brand--v22 .brand-title{font-size:.93rem}.site-header .brand--v22 .brand-tag{font-size:.59rem}}

.booking-live-link{margin:12px 0 22px;color:#526a84;font-size:.98rem}.booking-live-link a{font-weight:850;text-decoration:underline;color:#0e6485;text-underline-offset:3px}.booking-card .live-calendar-link{margin-top:.4rem;font-size:.85rem;text-align:center}
