:root{
  --mk-navy:#063f79;
  --mk-deep:#043566;
  --mk-blue:#0069bd;
  --mk-blue-2:#008fe0;
  --mk-cyan:#16b8e8;
  --mk-teal:#3cb9c4;
  --mk-yellow:#ffe312;
  --mk-yellow-deep:#e5c900;
  --mk-pink:#ef3d7a;
  --mk-red:#ff315d;
  --ink:#073767;
  --muted:#6d86a0;
  --line:#c8dfef;
  --soft:#eefaff;
  --surface:#ffffff;
  --shadow:0 20px 45px rgba(0,67,122,.12);
  --radius:22px;
  --body-font:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --display-font:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f8fdff 0,#eaf8ff 42%,#f9fdff 100%);color:var(--ink);font-family:var(--body-font);font-size:16px;line-height:1.45;min-width:320px}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
img{max-width:100%;display:block}
a{color:inherit}
.visually-hidden{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}
.shell{width:min(1290px,calc(100% - 44px));margin-inline:auto}
.shell-wide{width:min(1486px,calc(100% - 50px));margin-inline:auto}

/* Header */
.site-header{position:relative;min-height:250px;overflow:visible;background:linear-gradient(180deg,#f9fdff 0%,#f0fbff 72%,#d9f5ff 100%);border-bottom:1px solid rgba(22,141,207,.22);z-index:10}
.header-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.header-art:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:70px;background:linear-gradient(180deg,rgba(16,177,229,.05),rgba(16,177,229,.22));clip-path:polygon(0 55%,9% 71%,20% 48%,31% 64%,41% 50%,53% 72%,63% 46%,73% 60%,84% 42%,93% 60%,100% 50%,100% 100%,0 100%)}
.header-top{height:138px;position:relative;display:flex;align-items:flex-start}
.brand-logo{position:absolute;left:0;top:18px;width:238px;height:auto;z-index:4}
.header-tagline-text{position:absolute;left:255px;right:222px;top:48px;display:flex;align-items:center;gap:16px;z-index:4;min-width:0}
.tagline-rule{height:2px;flex:1;min-width:36px;background:linear-gradient(90deg,rgba(51,177,194,.15),#38b8c5 76%);border-radius:99px;box-shadow:0 1px 0 rgba(255,255,255,.95)}
.tagline-rule-right{background:linear-gradient(90deg,#9b9bc2 0,#cf79a7 76%,rgba(207,121,167,.15))}
.tagline-copy{font-family:var(--body-font);font-size:14px;line-height:1;font-weight:900;letter-spacing:.24em;color:#376f9d;white-space:nowrap;text-shadow:0 1px 0 #fff}
.brand-mascot{position:absolute;right:-16px;top:-38px;width:274px;height:350px;object-fit:contain;object-position:top center;z-index:22;filter:drop-shadow(0 18px 18px rgba(0,57,105,.28));pointer-events:none;transform:rotate(-1deg);transform-origin:60% 45%}
.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.98) 0 8%,rgba(128,225,255,.72) 25%,rgba(30,166,225,.5) 52%,rgba(22,119,194,.32) 71%,rgba(255,255,255,.06) 72%);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 -5px 12px rgba(0,105,180,.16),0 4px 12px rgba(0,119,187,.08)}
.bubble-1{width:45px;height:45px;left:30px;top:14px}.bubble-2{width:25px;height:25px;left:88px;top:100px}.bubble-3{width:17px;height:17px;left:394px;top:42px}.bubble-4{width:35px;height:35px;right:302px;top:73px}.bubble-5{width:18px;height:18px;right:254px;top:122px}.bubble-6{width:53px;height:53px;right:82px;top:72px}.bubble-7{width:24px;height:24px;right:18px;top:170px}.bubble-8{width:14px;height:14px;left:58%;top:110px}
.wave{position:absolute;left:-85px;bottom:-20px;width:330px;height:110px;border-radius:50%;transform:rotate(22deg);background:linear-gradient(100deg,#31c7e9 0 46%,#ef78ae 48% 66%,transparent 67%);opacity:.88}
.wave-left-2{left:-120px;bottom:-42px;transform:rotate(11deg);opacity:.45}

.progress{height:92px;display:flex;align-items:center;gap:18px;position:relative;z-index:6;padding-right:210px}
.progress-step{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:12px;min-width:0;text-align:left;color:#6b8299}
.progress-step:disabled{opacity:1}
.step-number{width:66px;height:66px;border:2px solid #c4d8e7;border-radius:50%;display:grid;place-items:center;background:#fff;font-family:var(--display-font);font-size:22px;font-weight:900;color:#6b8299;flex:0 0 auto}
.step-copy{display:flex;flex-direction:column;min-width:130px}
.step-copy strong{font-family:var(--display-font);text-transform:uppercase;letter-spacing:.08em;font-size:16px;line-height:1.08;white-space:nowrap}
.step-copy small{font-size:11px;color:#8da0b2;margin-top:5px;white-space:nowrap}
.progress-line{height:2px;background:#c8dce9;flex:1;min-width:30px}
.progress-step.active .step-number{background:linear-gradient(145deg,#0877cc,#009ee6);color:#fff;border-color:#fff;box-shadow:0 0 0 5px var(--mk-yellow)}
.progress-step.active .step-copy strong{color:#0062ad}
.progress-step.done .step-number{background:var(--mk-blue);border-color:var(--mk-blue);color:#fff}
.progress-step.done .step-copy strong{color:#0b5f9d}

/* Stage */
.site-main{padding:13px 0 72px;background:radial-gradient(circle at 48% 4%,rgba(49,194,234,.16),transparent 24%),linear-gradient(180deg,#e9f9ff 0,#f7fdff 48%,#fff 100%)}
.stage{display:none}.stage.active{display:block}
.booking-grid{display:grid;grid-template-columns:minmax(300px,365px) minmax(0,1fr) minmax(300px,365px);gap:16px;align-items:start}
.panel{background:var(--surface);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}

/* Calendar */
.calendar-panel{height:705px;border:2px solid #08a9df;position:sticky;top:12px;background:#fff;display:flex;flex-direction:column}
.calendar-head{height:124px;flex:0 0 124px;padding:17px 14px 13px;background:linear-gradient(150deg,#0055a8,#008ed8 68%,#06b5e6);display:grid;grid-template-columns:64px 1fr 64px;align-items:center;color:#fff}
.round-icon-btn{width:56px;height:56px;border:3px solid #fff;background:transparent;padding:0;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:28px;font-weight:900;box-shadow:0 4px 10px rgba(0,48,98,.14)}
.round-icon-btn span{transform:translateY(-1px)}
.round-icon-btn:disabled{opacity:.35}
.calendar-heading{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0}
.calendar-top-icon{width:34px;height:34px;border:3px solid #fff;border-radius:6px;display:block;position:relative}
.calendar-top-icon:before,.calendar-top-icon:after{content:"";position:absolute;top:-7px;width:4px;height:9px;border-radius:2px;background:#fff}.calendar-top-icon:before{left:7px}.calendar-top-icon:after{right:7px}.calendar-top-icon i{position:absolute;left:5px;right:5px;top:10px;height:3px;background:#fff;box-shadow:0 7px 0 #fff}
.calendar-heading h2{font-family:var(--display-font);font-size:25px;line-height:1;margin:0;text-transform:uppercase;letter-spacing:.01em;color:#fff;white-space:nowrap}
.calendar-content{padding:18px 18px 14px;display:flex;flex-direction:column;flex:1;min-height:0;background:#fff}
.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px}
.weekday-row span{text-align:center;font-size:11px;font-weight:900;color:#0a315c}.weekday-row .sun{color:#ff1749}
.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:9px 7px;align-content:start}
.day-button,.day-blank{aspect-ratio:1/1;min-width:0;border-radius:13px}
.day-blank{visibility:hidden}
.day-button{border:1.5px solid #a9c9e5;background:#fff;color:#073f78;font-size:19px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 0 rgba(29,105,161,.04);transition:transform .15s ease,background .15s ease,border-color .15s ease}
.day-button:not(:disabled):hover{transform:translateY(-1px);border-color:#0a93dc}
.day-button:focus-visible{outline:3px solid rgba(22,184,232,.32);outline-offset:2px}
.day-button.sunday:not(.selected):not(:disabled){border-color:#ffc8d7;color:#ff315d}
.day-button.today{box-shadow:0 0 0 2px #29b9c6}
.day-button.selected{background:var(--mk-yellow);border-color:#e7ca00;color:#053c73;box-shadow:0 5px 0 #e5c900}
.day-button:disabled{background:#fffafd;border-color:#ffc8d7;color:#ff315d;opacity:1}
.calendar-legend{margin-top:auto;padding:16px 4px 12px;border-top:1px solid #d7e8f2;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#244f79}
.calendar-legend span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.legend-dot{width:19px;height:19px;border-radius:50%;display:inline-block}.selected-dot{background:var(--mk-yellow)}.available-dot{background:#fff;border:3px solid #059cdf}.unavailable-dot{background:linear-gradient(145deg,#f7fbfd,#dfeaf1);border:1px solid #d8e4eb}
.park-timing-card{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;background:linear-gradient(135deg,#eefcff,#dff4fb);border-radius:17px;padding:14px 16px;margin:0 2px 12px}
.timing-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#004a93,#00c0e5);border:3px solid #13c8ed;color:#fff;font-size:26px;font-weight:900}
.park-timing-card strong{display:block;color:#0062ad;font-size:14px;margin-bottom:7px}.timing-row{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px;margin:4px 0;color:#0f4d80}.timing-row b{white-space:nowrap}
.calendar-wave{height:28px;flex:0 0 28px;background:linear-gradient(180deg,#fff 0 12%,transparent 13%),linear-gradient(165deg,transparent 0 31%,#42ccf1 32% 64%,#079de0 65%);clip-path:polygon(0 45%,12% 69%,28% 56%,44% 81%,61% 62%,76% 46%,90% 59%,100% 38%,100% 100%,0 100%)}

/* Center */
.booking-center{display:flex;flex-direction:column;gap:16px;min-width:0}
.experience-banner{height:235px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#006bc0}
.experience-banner img{width:100%;height:100%;object-fit:cover}
.booking-accordion{background:#fff;border:1.5px solid #b9d9ed;border-radius:22px;box-shadow:0 10px 24px rgba(0,65,118,.08);overflow:hidden}
.ticket-accordion .accordion-toggle{min-height:105px}.scuba-accordion .accordion-toggle{min-height:114px}.offers-accordion .accordion-toggle{min-height:113px}
.accordion-toggle{width:100%;border:0;background:#fff;padding:10px 20px 10px 12px;display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;color:var(--ink)}
.accordion-toggle:focus-visible{outline:4px solid rgba(22,184,232,.25);outline-offset:-4px}
.accordion-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.accordion-icon img{width:72px;height:72px;object-fit:contain}.icon-blue{background:#004f9a}.icon-white{background:#fff}
.accordion-copy{display:flex;flex-direction:column;min-width:0}.accordion-copy small{color:#0061b1;font-size:12px;font-weight:900;letter-spacing:.1em;line-height:1.1;text-transform:uppercase}.accordion-copy strong{font-family:var(--display-font);font-size:22px;line-height:1.05;color:#073b71;letter-spacing:.02em;margin:4px 0 6px}.accordion-copy span{color:#6c89a3;font-size:13px}.light-copy small{color:var(--mk-yellow)}.light-copy strong,.light-copy span{color:#fff}
.accordion-action{display:flex;align-items:center;gap:14px;justify-content:flex-end;min-width:170px}.accordion-action b{font-family:var(--display-font);color:#0055a5;font-size:12px;letter-spacing:.03em;white-space:nowrap}.scuba-action b{color:var(--mk-yellow)}
.plus-btn{width:52px;height:52px;border-radius:50%;background:var(--mk-yellow);box-shadow:0 6px 0 #d6bb00;display:grid;place-items:center;font-size:31px;font-weight:900;color:#053b71;line-height:1;flex:0 0 auto}
.scuba-accordion{border:2px solid var(--mk-yellow)}.scuba-accordion .accordion-toggle{background:linear-gradient(110deg,#004892 0%,#006fc4 55%,#00a9d9 100%)}
.offers-accordion{border-color:#bddbea}
.accordion-body{border-top:1px solid #d6e6f0;background:#f8fdff}.scuba-body{background:#eaf9ff}
.accordion-inner{padding:18px}
.section-note{background:#ecfbff;border-left:5px solid var(--mk-yellow);padding:11px 13px;border-radius:10px;color:#315d7f;font-size:13px;margin-bottom:14px}.section-note strong{color:#063f79}
.ticket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ticket-option{border:1px solid #cce2ef;border-radius:16px;background:#fff;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:120px;position:relative}
.ticket-option.featured{border-color:#12a9db;background:linear-gradient(145deg,#fff,#f0fbff)}
.ticket-badge{position:absolute;right:12px;top:10px;background:var(--mk-yellow);color:#053b71;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}
.ticket-info h3{margin:0 0 5px;font-family:var(--display-font);font-size:18px;color:#063f79}.ticket-info p{margin:0;color:#6b879e;font-size:12px}.ticket-price{display:flex;align-items:baseline;gap:7px;margin-top:8px}.ticket-price strong{font-size:21px;color:#007f9f}.ticket-price del{font-size:12px;color:#8997a4}
.qty-control{display:flex;align-items:center;gap:10px}.qty-control button{width:40px;height:40px;border:0;border-radius:50%;background:#eaf2f7;color:#315d7f;font-size:23px;font-weight:900}.qty-control .qty-plus{background:#0078c9;color:#fff}.qty-control strong{min-width:24px;text-align:center;font-size:18px}.qty-control button:disabled{opacity:.38}
.scuba-details-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.scuba-info-card,.scuba-control-card{background:#fff;border:1px solid #c7e3ef;border-radius:16px;padding:17px}.scuba-info-card h3{font-family:var(--display-font);font-size:22px;margin:0 0 4px;color:#004c90}.scuba-info-card p{margin:0 0 14px;color:#5f7f98;font-size:13px}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.fact-grid div{background:#f1fbff;border-radius:11px;padding:10px}.fact-grid small{display:block;color:#7290a8;font-size:10px;text-transform:uppercase}.fact-grid strong{font-size:13px;color:#073f78}.scuba-control-card label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;color:#0b568f;margin:0 0 7px}.scuba-qty-control{margin-bottom:13px}.scuba-control-card select{width:100%;height:44px;border:1px solid #b6d7e8;border-radius:10px;background:#fff;color:#073f78;padding:0 10px;font-size:15px}.helper{display:block;color:#7590a4;margin-top:7px;font-size:10px}
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.offer-card{background:#fff;border:1px solid #cbdfea;border-radius:16px;padding:16px}.offer-label{display:inline-block;background:var(--mk-yellow);border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;color:#06467f}.offer-card h3{font-family:var(--display-font);color:#064d90;font-size:18px;margin:8px 0 6px}.offer-card p{color:#627f98;font-size:12px;line-height:1.5;margin:0}
.inline-error{background:#fff1f4;border:1px solid #ffc1d0;color:#b01847;padding:11px 14px;border-radius:12px;font-size:13px}
.continue-wrap{height:75px;display:flex;justify-content:center;align-items:stretch}.continue-button{width:min(480px,100%);height:75px;border:0;border-radius:18px;background:linear-gradient(180deg,#ffef43,#ffe00c);box-shadow:0 9px 0 #e7c800,0 18px 32px rgba(234,202,0,.24);color:#00417e;font-family:var(--display-font);font-size:19px;font-weight:900;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:18px;text-transform:uppercase}.continue-button b{font-size:24px}.continue-button:disabled{filter:grayscale(.15);opacity:.52;box-shadow:0 6px 0 #d8c965;cursor:not-allowed}.continue-button:not(:disabled):hover{transform:translateY(-1px)}

/* Summary */
.summary-panel{height:705px;position:sticky;top:12px;border:1px solid #b9dced;display:flex;flex-direction:column;background:#fff}
.summary-head{height:140px;flex:0 0 140px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(145deg,#004c92,#007bcb);color:#fff;border-bottom:6px solid var(--mk-yellow)}
.summary-head small{font-family:var(--display-font);font-weight:900;color:var(--mk-yellow);letter-spacing:.08em;font-size:13px}.summary-head h2{font-family:var(--display-font);font-size:35px;margin:9px 0 0;line-height:1;text-transform:uppercase;letter-spacing:.01em}
.summary-content{padding:16px 20px 13px;display:flex;flex-direction:column;min-height:0;flex:1}
.summary-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #d7e5ee}.summary-item img{width:38px;max-height:42px;object-fit:contain}.summary-item strong{display:block;font-family:var(--display-font);font-size:16px;color:#073f78}.summary-item small{display:block;color:#8298ab;font-size:12px;margin-top:2px}.summary-item>b{font-size:12px;color:#385d7b;white-space:nowrap;align-self:start;padding-top:3px}
.summary-subitems{padding:0 0 4px 58px}.summary-subitem{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#617f98;margin:5px 0}
.summary-calc{margin-top:auto;border-top:1px solid #d7e5ee;padding:13px 0 9px}.summary-calc div{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#385b76;margin:8px 0}.summary-calc b{font-weight:500;white-space:nowrap}
.summary-total{border:1.5px solid #f0cd00;border-radius:16px;background:#fffdf2;min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;margin:3px 0 13px}.summary-total span{font-family:var(--display-font);font-size:16px;font-weight:900}.summary-total strong{font-family:var(--display-font);font-size:38px;color:#063f79}
.summary-trust{border-top:1px solid #d7e5ee;padding-top:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.summary-trust span{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.summary-trust img{width:25px;height:28px;object-fit:contain}.summary-trust small{font-size:9px;color:#6e879b}

/* Secondary steps */
.secondary-stage{padding-top:18px}.stage-heading{margin-bottom:18px}.stage-heading>span{display:inline-block;background:var(--mk-yellow);padding:6px 10px;border-radius:7px;color:#053f77;font-weight:900;font-size:11px;letter-spacing:.08em}.stage-heading h1{font-family:var(--display-font);font-size:40px;line-height:1;margin:9px 0 7px;color:#064a87}.stage-heading p{color:#648199;margin:0;font-size:14px}
.secondary-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:18px;align-items:start}.content-card{background:#fff;border:1px solid #c9e0ee;border-radius:22px;box-shadow:var(--shadow)}
.customer-form,.checkout-card{padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-field{grid-column:1/-1}.field{font-size:13px;font-weight:800;color:#073f78}.field input{display:block;width:100%;height:52px;margin-top:7px;border:1px solid #b8d5e6;border-radius:12px;padding:0 14px;color:#073f78;font-size:16px;background:#fbfeff}.field input:focus,.scuba-control-card select:focus{outline:3px solid rgba(22,184,232,.25);border-color:#15a9d8}.checkbox-row{display:flex;align-items:flex-start;gap:11px;background:#edfaff;border-radius:13px;padding:14px;color:#245879;font-size:13px}.checkbox-row input{width:19px;height:19px;accent-color:#0077c8;flex:0 0 auto}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:48px;border-radius:999px;padding:0 22px;font-family:var(--display-font);font-weight:900;font-size:14px;letter-spacing:.03em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary-button{border:0;background:linear-gradient(135deg,#0068bb,#00a7dc);color:#fff;box-shadow:0 7px 16px rgba(0,110,183,.18)}.secondary-button{border:1px solid #b9d7e8;background:#f2fbff;color:#07548d}.link-button{box-sizing:border-box}.primary-button:hover,.secondary-button:hover{filter:brightness(.98)}
.diver-details{margin-top:20px;padding-top:20px;border-top:1px solid #d7e7ef}.subheading h2{font-family:var(--display-font);font-size:23px;margin:0;color:#064d8d}.subheading p{margin:3px 0 13px;color:#6e899f;font-size:12px}.diver-grid{display:grid;grid-template-columns:1fr 160px;gap:12px;margin:10px 0}.diver-grid label{font-size:12px;font-weight:800;color:#07467e}.diver-grid input{display:block;width:100%;height:46px;margin-top:5px;border:1px solid #bdd8e8;border-radius:10px;padding:0 11px}
.mini-summary{padding:0;overflow:hidden;position:sticky;top:12px}.mini-summary-head{padding:18px;background:linear-gradient(135deg,#004c92,#0089d7);color:#fff;border-bottom:5px solid var(--mk-yellow)}.mini-summary-head small{color:var(--mk-yellow);font-weight:900}.mini-summary-head h2{font-family:var(--display-font);font-size:25px;margin:4px 0 0}.mini-summary-body{padding:18px}.mini-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e0ebf1;font-size:13px}.mini-row span{color:#638097}.mini-row b{text-align:right}.mini-total{display:flex;justify-content:space-between;align-items:end;margin-top:14px;background:#fffbea;border:1px solid #f1d31a;border-radius:14px;padding:13px}.mini-total span{font-size:11px;font-weight:900}.mini-total strong{font-family:var(--display-font);font-size:28px;color:#06477e}
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.review-box{background:#f4fbff;border:1px solid #d0e4ef;border-radius:14px;padding:14px}.review-box span{display:block;color:#718a9f;font-size:11px;text-transform:uppercase;font-weight:800}.review-box strong{display:block;margin-top:4px;color:#063f79;font-size:14px}.payment-section{margin-top:22px;border-top:1px solid #d8e8f0;padding-top:20px}.payment-section h2,.terms-details summary{font-family:var(--display-font);font-size:22px;font-weight:900;color:#064d8d}.payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.payment-options label{border:1px solid #c8dfeb;border-radius:14px;padding:14px;display:flex;gap:10px;align-items:flex-start;cursor:pointer}.payment-options input{margin-top:3px;accent-color:#0077c8}.payment-options b{display:block;color:#073f78}.payment-options small{display:block;color:#7790a4;margin-top:3px}.prototype-note{font-size:11px;color:#7c91a2}.terms-details{margin-top:20px;border-top:1px solid #d8e8f0;padding-top:15px}.terms-details summary{cursor:pointer}.terms-details ul{color:#526f87;font-size:12px;line-height:1.55;padding-left:20px}.terms-accept{margin-top:15px}.payment-button{min-width:190px;background:linear-gradient(135deg,#ffe313,#ffd000);color:#063f79;box-shadow:0 6px 0 #d9b900}

/* Confirmation */
.confirmation-stage{padding-top:34px}.confirmation-card{max-width:850px;margin:0 auto;padding:36px;text-align:center}.success-icon{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#0ec69f,#00a2d8);color:#fff;font-size:36px;font-weight:900}.confirmation-kicker{display:block;color:#0e93b0;font-size:11px;font-weight:900;letter-spacing:.14em}.confirmation-card h1{font-family:var(--display-font);font-size:38px;line-height:1.05;margin:8px 0;color:#064d8d}.confirmation-card>p{color:#648198}.confirmation-ticket{margin:25px auto;max-width:590px;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;text-align:left;background:#f3fbff;border:1px solid #c9e1ed;border-radius:20px;padding:20px}.confirmation-ticket canvas{background:#fff;border:8px solid #fff;border-radius:10px;box-shadow:0 8px 20px rgba(0,70,120,.08)}.confirmation-ticket small{display:block;color:#7390a5;font-size:10px}.confirmation-ticket strong{display:block;font-family:var(--display-font);font-size:26px;color:#06477f;margin:4px 0 12px}.confirmation-ticket span{display:block;color:#54748d;margin-bottom:6px}.confirmation-ticket b{font-size:20px;color:#007b9d}.confirmation-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* Mobile bar */
.mobile-bar{display:none}

@media (max-width:1200px){
  .shell-wide{width:min(1100px,calc(100% - 32px))}
  .booking-grid{grid-template-columns:330px minmax(0,1fr)}
  .summary-panel{grid-column:1/-1;width:100%;height:auto;position:static}.summary-head{height:105px;flex-basis:105px}.summary-content{min-height:360px}.summary-trust{margin-top:8px}
  .brand-logo{left:10px;width:225px}.header-tagline-text{left:245px;right:205px;top:48px;gap:12px}.tagline-copy{font-size:12px;letter-spacing:.2em}.progress{padding-right:180px}.progress-line{min-width:15px}.step-copy{min-width:110px}.step-copy strong{font-size:14px}.brand-mascot{right:-12px;top:-34px;width:240px;height:310px}
}

@media (max-width:900px){
  .site-header{min-height:232px}.header-top{height:122px}.brand-logo{width:195px;top:18px}.header-tagline-text{left:205px;right:175px;top:43px;gap:9px}.tagline-copy{font-size:10px;letter-spacing:.16em}.tagline-rule{min-width:20px}.brand-mascot{width:205px;height:270px;right:-20px;top:-27px}.progress{height:96px;padding-right:125px;gap:9px}.progress-line{min-width:8px}.step-number{width:48px;height:48px;font-size:17px}.step-copy strong{font-size:12px}.step-copy small{font-size:9px}.step-copy{min-width:0}.booking-grid{grid-template-columns:1fr}.calendar-panel,.summary-panel{position:static;width:100%;height:auto}.calendar-panel{max-width:520px;margin:0 auto}.calendar-content{min-height:570px}.booking-center{grid-row:2}.summary-panel{grid-row:3}.experience-banner{height:auto}.experience-banner img{height:auto}.calendar-days{gap:8px}.day-button{font-size:20px}.summary-content{min-height:0}.secondary-layout{grid-template-columns:1fr}.mini-summary{position:static}.payment-options{grid-template-columns:1fr}
}

@media (max-width:680px){
  body{padding-bottom:76px}.shell,.shell-wide{width:calc(100% - 24px)}.site-header{min-height:182px}.header-top{height:98px}.brand-logo{left:0;top:12px;width:142px}.header-tagline-text{left:150px;right:108px;top:34px;gap:5px}.tagline-copy{font-size:8px;letter-spacing:.1em}.tagline-rule{min-width:8px;height:1.5px}.brand-mascot{width:132px;height:182px;right:-8px;top:-12px;filter:drop-shadow(0 12px 12px rgba(0,57,105,.22))}.bubble-3,.bubble-4,.bubble-8{display:none}.progress{height:78px;padding-right:62px;gap:5px}.progress-step{gap:5px}.step-number{width:38px;height:38px;font-size:14px}.step-copy{display:none}.progress-line{min-width:7px}.site-main{padding-top:10px}.booking-grid{gap:12px}.calendar-panel{border-radius:18px}.calendar-head{height:100px;flex-basis:100px;grid-template-columns:50px 1fr 50px;padding:10px}.round-icon-btn{width:48px;height:48px;font-size:23px}.calendar-top-icon{width:29px;height:29px}.calendar-heading img{width:32px;height:34px}.calendar-heading h2{font-size:22px}.calendar-content{padding:15px 12px 13px;min-height:0}.weekday-row{gap:2px}.weekday-row span{font-size:9px}.calendar-days{gap:7px 6px}.day-button{font-size:19px;border-radius:12px}.calendar-legend{font-size:9px;padding-top:13px}.legend-dot{width:14px;height:14px}.park-timing-card{grid-template-columns:44px 1fr;padding:11px}.timing-icon{width:42px;height:42px}.timing-row{font-size:10px}.experience-banner{border-radius:17px}.booking-center{gap:12px}.booking-accordion{border-radius:17px}.ticket-accordion .accordion-toggle,.scuba-accordion .accordion-toggle,.offers-accordion .accordion-toggle{min-height:92px}.accordion-toggle{grid-template-columns:60px minmax(0,1fr) 48px;gap:9px;padding:9px 10px}.accordion-icon,.accordion-icon img{width:58px;height:58px}.accordion-copy small{font-size:9px;letter-spacing:.06em}.accordion-copy strong{font-size:18px;margin:3px 0}.accordion-copy span{font-size:10px}.accordion-action{min-width:0}.accordion-action b{display:none}.plus-btn{width:43px;height:43px;font-size:25px;box-shadow:0 4px 0 #d1b700}.accordion-inner{padding:13px}.ticket-list{grid-template-columns:1fr}.ticket-option{min-height:108px}.scuba-details-grid,.offer-grid{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr 1fr}.continue-wrap{height:58px}.continue-button{height:58px;border-radius:14px;font-size:15px;box-shadow:0 6px 0 #e0c100}.summary-panel{border-radius:18px}.summary-head{height:92px;flex-basis:92px}.summary-head h2{font-size:29px}.summary-head small{font-size:11px}.summary-content{padding:12px 16px}.summary-item{grid-template-columns:38px 1fr auto;padding:11px 0}.summary-item img{width:30px}.summary-total strong{font-size:31px}.summary-trust small{font-size:8px}
  .secondary-stage{padding-top:10px}.stage-heading h1{font-size:31px}.customer-form,.checkout-card{padding:18px}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.diver-grid{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.confirmation-card{padding:24px 16px}.confirmation-card h1{font-size:30px}.confirmation-ticket{grid-template-columns:1fr;text-align:center;justify-items:center}.confirmation-actions>*{width:100%}
  .mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;height:68px;background:#fff;border-top:1px solid #c6deeb;box-shadow:0 -12px 30px rgba(0,72,120,.12);display:flex;align-items:center;justify-content:space-between;padding:8px 12px max(8px,env(safe-area-inset-bottom))}.mobile-bar div{display:flex;flex-direction:column}.mobile-bar small{font-size:9px;color:#6f899d}.mobile-bar strong{font-family:var(--display-font);font-size:23px;color:#06477e}.mobile-bar button{height:46px;min-width:145px;border:0;border-radius:13px;background:var(--mk-yellow);color:#06477e;font-weight:900;text-transform:uppercase}.confirmation-stage.active~.mobile-bar{display:none}
}

@media print{
  .site-header,.mobile-bar,.confirmation-actions{display:none!important}.site-main{padding:0;background:#fff}.stage{display:none!important}.stage[data-stage="4"]{display:block!important}.confirmation-card{box-shadow:none;border:0}
}

/* =========================================================
   VGP MARINE KINGDOM — BRAND GUIDELINE UPDATE
   Visual language adapted from the uploaded 2017 spatial
   exploration: five-zone gradients, dark navy information
   panels, fluid ribbons and contour-like wave patterns.
   Typography: Poppins (webfont) with system fallback.
   ========================================================= */
:root{
  --mk-navy:#07184f;
  --mk-deep:#04123d;
  --mk-blue:#0757c8;
  --mk-blue-2:#087fd3;
  --mk-cyan:#18c6d4;
  --mk-teal:#43bdc6;
  --mk-yellow:#ffe312;
  --mk-yellow-deep:#d8c000;
  --mk-pink:#ef4b93;
  --mk-orange:#f18a32;
  --mk-green:#35d277;
  --mk-lime:#c5df31;
  --ink:#07184f;
  --muted:#627d9b;
  --line:#c4dceb;
  --soft:#eefaff;
  --surface:#ffffff;
  --shadow:0 18px 42px rgba(3,37,91,.12);
  --body-font:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --display-font:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --zone-rainforest:linear-gradient(180deg,#0c54ce 0%,#13c4c8 58%,#ef438e 100%);
  --zone-mangrove:linear-gradient(180deg,#1255d2 0%,#14c5cf 57%,#35d277 100%);
  --zone-ocean:linear-gradient(180deg,#1559d8 0%,#13c8da 66%,#c9f8ff 100%);
  --zone-gorge:linear-gradient(180deg,#1450d0 0%,#13c5d1 56%,#c5df31 100%);
  --zone-coastal:linear-gradient(180deg,#0d56cc 0%,#14c3ca 58%,#f18a32 100%);
}
body{font-family:var(--body-font);background:linear-gradient(180deg,#f8fdff 0,#edfaff 35%,#f9fdff 100%);letter-spacing:0}
button,input,select,textarea{font-family:var(--body-font)}

/* Branded five-colour edge and subtle ocean field */
.site-header:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ef4b93 0 10%,#f0b329 10% 20%,#43bdc6 20% 38%,#35d277 38% 55%,#1559d8 55% 74%,#c5df31 74% 88%,#f18a32 88% 100%);z-index:30}
.site-header{background:
  radial-gradient(circle at 18% 34%,rgba(24,198,212,.11),transparent 23%),
  radial-gradient(circle at 78% 12%,rgba(239,75,147,.08),transparent 20%),
  linear-gradient(180deg,#fbfeff 0%,#effbff 72%,#def7ff 100%)}
.header-art:before{content:"";position:absolute;left:27%;right:19%;top:22px;height:90px;opacity:.32;background:repeating-radial-gradient(ellipse at 48% 105%,transparent 0 11px,rgba(24,198,212,.18) 12px 13px,transparent 14px 22px);transform:skewX(-8deg);pointer-events:none}

.brand-logo{width:220px;filter:drop-shadow(0 5px 10px rgba(7,24,79,.06))}
.header-tagline-text{top:51px}
.tagline-copy{font-family:var(--body-font);font-weight:700;font-size:13px;letter-spacing:.22em;color:#2d6c98}
.tagline-rule{height:3px;background:linear-gradient(90deg,transparent,#13c5d1 65%,#0757c8);box-shadow:none}
.tagline-rule-right{background:linear-gradient(90deg,#1559d8,#ef4b93 72%,transparent)}
.brand-mascot{width:220px;height:300px;right:0;top:-22px;filter:drop-shadow(0 18px 18px rgba(3,37,91,.22))}

.progress{font-family:var(--body-font)}
.step-number{font-family:var(--body-font);font-weight:800}
.step-copy strong{font-family:var(--body-font);font-size:14px;font-weight:800;letter-spacing:.06em}
.step-copy small{font-size:10px;font-weight:500}
.progress-step.active .step-number{background:linear-gradient(145deg,#0757c8,#18c6d4);box-shadow:0 0 0 5px var(--mk-yellow)}

.site-main{position:relative;background:
  radial-gradient(circle at 16% 7%,rgba(24,198,212,.11),transparent 19%),
  radial-gradient(circle at 84% 18%,rgba(239,75,147,.07),transparent 18%),
  linear-gradient(180deg,#eafaff 0,#f9fdff 46%,#fff 100%)}
.site-main:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-radial-gradient(ellipse at 50% 10%,transparent 0 24px,rgba(7,87,200,.14) 25px 26px,transparent 27px 48px);mask-image:linear-gradient(180deg,#000 0,transparent 32%)}

.panel,.content-card,.booking-accordion{border-color:#bed9e9;box-shadow:var(--shadow)}
.calendar-panel{border-color:#18c6d4}
.calendar-head{background:linear-gradient(145deg,#07184f 0%,#0757c8 48%,#18c6d4 100%);position:relative;overflow:hidden}
.calendar-head:after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:62px;opacity:.42;background:linear-gradient(90deg,#1559d8,#18c6d4,#35d277,#c5df31,#f18a32,#ef4b93);clip-path:polygon(0 68%,12% 42%,24% 59%,36% 27%,50% 60%,64% 34%,78% 67%,91% 38%,100% 54%,100% 100%,0 100%)}
.calendar-head>*{position:relative;z-index:2}
.calendar-heading h2{font-family:var(--body-font);font-weight:800;letter-spacing:.02em}
.day-button{font-family:var(--body-font);font-size:20px;font-weight:800}
.day-button.selected{background:var(--mk-yellow);color:var(--mk-navy);border-color:#d9c500}
.calendar-wave{height:32px;flex-basis:32px;background:linear-gradient(90deg,#1559d8 0%,#18c6d4 30%,#35d277 54%,#c5df31 68%,#f18a32 84%,#ef4b93 100%);clip-path:polygon(0 55%,10% 32%,21% 64%,31% 37%,42% 67%,53% 31%,64% 58%,75% 28%,88% 56%,100% 36%,100% 100%,0 100%)}
.park-timing-card{background:linear-gradient(135deg,#f0fbff,#e0f7fa);border:1px solid rgba(24,198,212,.28)}
.timing-icon{background:linear-gradient(145deg,#07184f,#0757c8 55%,#18c6d4)}

.experience-banner{position:relative;box-shadow:0 18px 42px rgba(3,37,91,.18);border:1px solid rgba(255,227,18,.8)}
.experience-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#ef4b93,#18c6d4,#35d277,#1559d8,#c5df31,#f18a32)}

/* The five-zone gradient language from the guide */
.zone-spectrum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:-4px}
.zone-chip{height:37px;border-radius:14px;background:rgba(255,255,255,.9);border:1px solid #c9e1ed;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 8px;color:#1b5687;box-shadow:0 5px 16px rgba(3,37,91,.05);font-size:10px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.zone-chip i{width:16px;height:25px;border-radius:48% 52% 52% 48% / 40% 52% 48% 60%;display:block;transform:rotate(12deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.zone-chip b{font-weight:700}
.zone-rainforest i{background:var(--zone-rainforest)}.zone-mangrove i{background:var(--zone-mangrove)}.zone-ocean i{background:var(--zone-ocean)}.zone-gorge i{background:var(--zone-gorge)}.zone-coastal i{background:var(--zone-coastal)}

.accordion-copy small,.accordion-copy strong,.accordion-action b{font-family:var(--body-font)}
.accordion-copy small{font-weight:800;letter-spacing:.075em}.accordion-copy strong{font-weight:800;letter-spacing:-.02em}.accordion-copy span{font-weight:500}
.ticket-accordion,.offers-accordion{position:relative;background:linear-gradient(180deg,#fff,#fbfeff)}
.ticket-accordion:before,.offers-accordion:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#1559d8,#18c6d4,#ef4b93);opacity:.9}
.scuba-accordion{background:linear-gradient(115deg,#07184f 0%,#0757c8 56%,#18c6d4 100%);border-color:#ffe312;position:relative;overflow:hidden}
.scuba-accordion:before{content:"";position:absolute;inset:-50% -10% 20% 38%;opacity:.28;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 10px,rgba(255,255,255,.22) 11px 12px,transparent 13px 21px);transform:rotate(-12deg);pointer-events:none}
.scuba-accordion>*{position:relative;z-index:1}
.plus-btn{font-family:var(--body-font);font-weight:800;background:var(--mk-yellow);color:var(--mk-navy)}
.ticket-badge,.offer-label{font-family:var(--body-font);font-weight:800}
.ticket-option h3,.scuba-info-card h3,.offer-card h3{font-family:var(--body-font);font-weight:800}
.ticket-price strong,.qty-control strong{font-family:var(--body-font);font-weight:800}

/* Information-panel visual language */
.summary-panel{border-color:#18c6d4;background:#fff;box-shadow:0 20px 46px rgba(3,37,91,.14)}
.summary-head,.mini-summary-head{position:relative;overflow:hidden;background:linear-gradient(145deg,#04123d 0%,#07184f 44%,#0757c8 100%);border-bottom-color:var(--mk-yellow)}
.summary-head:after,.mini-summary-head:after{content:"";position:absolute;right:-10%;bottom:-45%;width:78%;height:145%;background:linear-gradient(120deg,rgba(239,75,147,.7),rgba(24,198,212,.75),rgba(21,89,216,.12));clip-path:polygon(0 51%,15% 35%,29% 56%,43% 30%,58% 65%,73% 39%,87% 57%,100% 34%,100% 100%,0 100%);opacity:.55;pointer-events:none}
.summary-head>* ,.mini-summary-head>*{position:relative;z-index:2}
.summary-head h2,.mini-summary-head h2{font-family:var(--body-font);font-weight:800;letter-spacing:-.02em}
.summary-head small,.mini-summary-head small{font-weight:800;letter-spacing:.08em}
.summary-total,.mini-total{background:linear-gradient(135deg,#fffdf1,#fff8d7);border-color:#ead21b}
.summary-total strong,.mini-total strong{font-family:var(--body-font);font-weight:800}
.summary-content{position:relative}
.summary-content:after{content:"";position:absolute;right:-72px;bottom:42px;width:180px;height:180px;border-radius:50%;opacity:.07;background:repeating-radial-gradient(circle,transparent 0 8px,#18c6d4 9px 10px,transparent 11px 18px);pointer-events:none}

.continue-button,.primary-button,.payment-button{font-family:var(--body-font);font-weight:800;letter-spacing:.02em}
.continue-button{background:linear-gradient(135deg,#fff02d,#ffe312);color:var(--mk-navy)}

/* Secondary steps inherit the information-panel system */
.stage-heading{position:relative;overflow:hidden;background:linear-gradient(135deg,#04123d,#07184f 50%,#0757c8);color:#fff;border-radius:20px;padding:22px 24px;margin-bottom:18px;box-shadow:0 16px 38px rgba(3,37,91,.14)}
.stage-heading:after{content:"";position:absolute;inset:auto -4% -52px 36%;height:118px;opacity:.45;background:linear-gradient(90deg,#1559d8,#18c6d4,#35d277,#ef4b93);clip-path:polygon(0 45%,16% 26%,30% 56%,45% 24%,60% 61%,76% 35%,90% 54%,100% 30%,100% 100%,0 100%)}
.stage-heading>*{position:relative;z-index:2}.stage-heading>span{color:var(--mk-yellow);font-weight:800}.stage-heading h1{color:#fff;font-family:var(--body-font);font-weight:800}.stage-heading p{color:#d9efff}
.customer-form,.checkout-card,.confirmation-card{position:relative;overflow:hidden}
.customer-form:before,.checkout-card:before,.confirmation-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ef4b93,#18c6d4,#35d277,#1559d8,#c5df31,#f18a32)}
.field,.checkbox-row,.review-box,.payment-options label{font-family:var(--body-font)}
.field{font-weight:700}.review-box strong,.payment-options b{font-weight:700}

.confirmation-card h1,.confirmation-ticket strong{font-family:var(--body-font);font-weight:800}
.success-icon{background:linear-gradient(135deg,#0757c8,#18c6d4,#35d277)}

@media (max-width:1200px){
  .brand-logo{width:205px}.brand-mascot{width:195px;height:270px}.header-tagline-text{left:225px;right:190px}.zone-chip{font-size:9px}
}
@media (max-width:900px){
  .brand-logo{width:180px}.brand-mascot{width:165px;height:230px}.header-tagline-text{left:190px;right:158px}.zone-spectrum{grid-template-columns:repeat(5,1fr)}.zone-chip{height:34px;padding:4px}.zone-chip i{width:12px;height:20px}.zone-chip b{font-size:8px}
}
@media (max-width:680px){
  .brand-logo{width:132px}.brand-mascot{width:112px;height:158px;right:-3px;top:-5px}.header-tagline-text{left:138px;right:98px;top:34px}.tagline-copy{font-size:7px;letter-spacing:.12em}.zone-spectrum{gap:4px}.zone-chip{height:30px;border-radius:10px}.zone-chip i{width:9px;height:16px}.zone-chip b{font-size:6.7px;letter-spacing:0}.day-button{font-size:21px;font-weight:800}.stage-heading{padding:18px}.stage-heading h1{font-size:28px}
}

/* =========================================================
   FINAL BRAND TYPE + FRONT MASCOT OVERRIDES
   User direction: Poppins everywhere + new front-facing mascot
   ========================================================= */
:root{
  --body-font:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --display-font:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html,body,body *,button,input,select,textarea,option{
  font-family:var(--body-font) !important;
}
body{
  font-weight:400;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.site-header,.header-top{overflow:visible}
.brand-mascot{
  width:238px;
  height:auto;
  max-height:none;
  right:8px;
  top:-28px;
  object-fit:contain;
  object-position:center top;
  z-index:120;
  pointer-events:none;
  transform:none;
  filter:
    drop-shadow(0 2px 0 rgba(255,255,255,.65))
    drop-shadow(0 20px 22px rgba(3,37,91,.28));
}
.header-tagline-text,.brand-logo{z-index:35}
.progress{z-index:30}

@media (max-width:1200px){
  .brand-mascot{width:210px;right:4px;top:-22px}
}
@media (max-width:900px){
  .brand-mascot{width:176px;right:-1px;top:-14px}
}
@media (max-width:680px){
  .brand-mascot{width:120px;right:-4px;top:-5px;filter:drop-shadow(0 10px 12px rgba(3,37,91,.22))}
}

/* Poppins-native experience hero */
.experience-banner{
  position:relative;
  isolation:isolate;
  min-height:235px;
  height:auto;
  padding:26px 30px 24px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-radius:22px;
  border:1.5px solid rgba(255,227,18,.88);
  background:#063f79;
  box-shadow:0 18px 42px rgba(3,37,91,.18);
}
.experience-banner::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(90deg,
      rgba(4,53,102,1) 0%,
      rgba(5,70,132,.99) 38%,
      rgba(5,82,151,.94) 50%,
      rgba(3,112,177,.62) 65%,
      rgba(0,121,190,.12) 100%),
    url("../assets/banners/experience-scuba-banner.webp");
  background-size:cover;
  background-position:center right;
}
.experience-banner::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:6px;
  z-index:2;
  background:linear-gradient(90deg,#ef4b93,#18c6d4,#35d277,#1559d8,#c5df31,#f18a32);
}
.experience-copy{
  position:relative;
  z-index:3;
  width:min(64%,570px);
  color:#fff;
  font-family:"Poppins",system-ui,sans-serif;
}
.experience-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 14px;
  border-radius:9px;
  background:var(--mk-yellow);
  color:#063f79;
  font-family:"Poppins",system-ui,sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 4px 0 rgba(214,187,0,.58);
}
.experience-title{
  margin:14px 0 8px;
  font-family:"Poppins",system-ui,sans-serif;
  font-size:clamp(34px,3.2vw,50px);
  line-height:.98;
  font-weight:800;
  letter-spacing:-.035em;
  text-transform:uppercase;
  text-shadow:0 3px 10px rgba(0,37,82,.22);
}
.experience-title span,
.experience-title strong{display:block}
.experience-title span{color:#fff;font-weight:800}
.experience-title strong{color:var(--mk-yellow);font-weight:900;margin-top:4px}
.experience-lead,
.experience-note{
  margin:0;
  font-family:"Poppins",system-ui,sans-serif;
  color:#fff;
  text-shadow:0 2px 8px rgba(0,39,82,.3);
}
.experience-lead{font-size:15px;font-weight:500;line-height:1.45;margin-top:10px}
.experience-note{font-size:13px;font-weight:400;line-height:1.45;margin-top:3px;opacity:.94}

@media (max-width:1040px){
  .experience-banner{min-height:220px;padding:24px 26px}
  .experience-copy{width:min(69%,560px)}
  .experience-title{font-size:clamp(32px,5vw,46px)}
}
@media (max-width:700px){
  .experience-banner{min-height:265px;padding:20px 18px 22px;align-items:flex-end}
  .experience-banner::before{
    background-image:
      linear-gradient(180deg,rgba(4,53,102,.08) 0%,rgba(4,53,102,.34) 33%,rgba(4,53,102,.96) 62%,rgba(4,53,102,1) 100%),
      url("../assets/banners/experience-scuba-banner.webp");
    background-size:auto 100%;
    background-position:72% center;
  }
  .experience-copy{width:100%}
  .experience-kicker{font-size:10px;min-height:30px;padding:6px 10px;border-radius:7px}
  .experience-title{font-size:clamp(28px,9.5vw,38px);line-height:1.01;margin:11px 0 7px}
  .experience-lead{font-size:12px;margin-top:7px}
  .experience-note{font-size:11px}
}


/* =========================================================
   POSTER REDESIGN — Poppins + Marine Kingdom visual language
   Zones row removed. Hero is now a live, accessible poster,
   with no baked-in typography.
   ========================================================= */
.zone-spectrum{display:none!important}

.experience-banner{
  position:relative;
  isolation:isolate;
  min-height:262px;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);
  align-items:stretch;
  overflow:hidden;
  border-radius:24px;
  border:1.5px solid rgba(255,227,18,.92);
  background:#041f49;
  box-shadow:0 20px 46px rgba(3,37,91,.20);
}
.experience-banner::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  background:
    radial-gradient(circle at 18% 18%,rgba(24,198,212,.25),transparent 24%),
    linear-gradient(120deg,#04143d 0%,#062c69 46%,#0757c8 100%);
}
.experience-banner::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:7px;
  z-index:8;
  background:linear-gradient(90deg,#ef4b93 0%,#18c6d4 26%,#35d277 49%,#1559d8 67%,#c5df31 83%,#f18a32 100%);
}
.experience-copy{
  position:relative;
  z-index:5;
  width:auto;
  padding:27px 28px 30px 30px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.experience-copy::before{
  content:"";
  position:absolute;
  right:-52px;
  top:-25%;
  width:190px;
  height:150%;
  z-index:-1;
  background:linear-gradient(90deg,#062c69 0%,rgba(6,44,105,.95) 46%,rgba(6,44,105,0) 100%);
  pointer-events:none;
}
.experience-kicker{
  align-self:flex-start;
  min-height:34px;
  padding:8px 14px;
  border-radius:10px;
  background:var(--mk-yellow);
  color:#052d63;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.09em;
  box-shadow:0 4px 0 rgba(218,190,0,.58);
}
.experience-title{
  margin:15px 0 12px;
  font-family:"Poppins",system-ui,sans-serif!important;
  font-size:clamp(31px,3.05vw,47px);
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.035em;
  text-transform:uppercase;
  text-shadow:none;
}
.experience-title span,
.experience-title strong{display:block}
.experience-title span{color:#fff;font-weight:700}
.experience-title strong{
  color:var(--mk-yellow);
  font-weight:800;
  margin-top:5px;
}
.experience-lead{
  max-width:610px;
  margin:0;
  color:#dff6ff;
  font-size:13px;
  line-height:1.55;
  font-weight:400;
  text-shadow:none;
}
.experience-note{display:none!important}
.experience-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.experience-options>span{
  min-width:180px;
  display:flex;
  flex-direction:column;
  gap:1px;
  padding:8px 11px 9px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:10px;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(4px);
}
.experience-options b{
  color:#fff;
  font-size:10px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.07em;
}
.experience-options small{
  color:#bce9f6;
  font-size:9px;
  font-weight:400;
}
.experience-options .experience-option-scuba{
  border-color:rgba(255,227,18,.34);
  background:rgba(255,227,18,.08);
}
.experience-options .experience-option-scuba b{color:var(--mk-yellow)}
.experience-visual{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#007fc6;
  clip-path:ellipse(92% 125% at 100% 50%);
  margin-left:-46px;
  z-index:2;
}
.experience-image{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,rgba(6,44,105,.12),rgba(0,117,185,.06)),
    url("../assets/banners/whale-shark-clean.webp");
  background-size:cover;
  background-position:center;
  transform:scale(1.04);
}
.experience-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,76,143,.02),rgba(0,47,101,.16));
}
.experience-visual-label{
  position:absolute;
  right:20px;
  bottom:20px;
  z-index:5;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(2,47,97,.35);
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:700;
  letter-spacing:.11em;
  backdrop-filter:blur(6px);
}
.experience-depth-ring{
  position:absolute;
  z-index:3;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  pointer-events:none;
}
.ring-one{width:170px;height:170px;right:-55px;top:-48px}
.ring-two{width:115px;height:115px;right:-12px;top:-20px;border-color:rgba(255,227,18,.30)}
.experience-bubble{
  position:absolute;
  z-index:4;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.72);
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.95),rgba(116,224,255,.52) 34%,rgba(0,114,194,.16) 68%,transparent 70%);
  box-shadow:inset 0 -4px 10px rgba(0,70,130,.14);
}
.bubble-a{width:22px;height:22px;right:32px;top:32px}
.bubble-b{width:12px;height:12px;right:83px;top:72px}
.bubble-c{width:16px;height:16px;left:34px;bottom:30px}
.experience-wave-lines{
  position:absolute;
  left:-10%;
  bottom:14px;
  width:72%;
  height:54px;
  z-index:1;
  opacity:.26;
  background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 8px,rgba(24,198,212,.72) 9px 10px,transparent 11px 17px);
  transform:rotate(-4deg);
  pointer-events:none;
}

@media (max-width:1040px){
  .experience-banner{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);min-height:250px}
  .experience-copy{padding:24px 23px 28px 25px}
  .experience-title{font-size:clamp(29px,4vw,42px)}
  .experience-options>span{min-width:160px}
}
@media (max-width:700px){
  .experience-banner{
    display:block;
    min-height:365px;
    background:#04204a;
  }
  .experience-copy{
    position:absolute;
    left:0;right:0;bottom:0;
    z-index:7;
    padding:78px 18px 22px;
    background:linear-gradient(180deg,rgba(4,32,74,0) 0%,rgba(4,32,74,.86) 28%,#04204a 66%);
  }
  .experience-copy::before{display:none}
  .experience-visual{
    position:absolute;
    inset:0 0 105px 0;
    margin:0;
    clip-path:none;
  }
  .experience-image{background-size:cover;background-position:center 44%}
  .experience-kicker{min-height:29px;padding:6px 9px;font-size:9px;border-radius:7px}
  .experience-title{font-size:clamp(26px,8.7vw,36px);line-height:1.04;margin:10px 0 8px}
  .experience-lead{font-size:11px;line-height:1.45;max-width:94%}
  .experience-options{gap:6px;margin-top:11px}
  .experience-options>span{min-width:0;flex:1 1 135px;padding:7px 8px}
  .experience-options b{font-size:8.5px}.experience-options small{font-size:7.8px}
  .experience-visual-label{display:none}
  .experience-wave-lines{width:100%;bottom:6px}
}