/* ADMIN-BOOKING-20261014-R1. Route-scoped extension of the existing b72 v2 design. */
.mxcks-booking-sequence{display:block;min-height:0;padding:0;background:#0b1011;color:#f2f4f2}
.mxcks-booking-sequence .mxcks-sequence-wrap{width:min(100% - 64px,1100px);margin-inline:auto}
.mxcks-sequence-first{position:relative;isolation:isolate;min-height:880px;padding:clamp(270px,28vw,380px) 0 100px}
.mxcks-sequence-first .mxcks-booking-art::before{background-position:center 36%}
.mxcks-sequence-first .mxcks-booking-art::after{background:linear-gradient(180deg,rgba(9,14,15,.18),rgba(9,14,15,.46) 32%,rgba(9,14,15,.9) 62%,#0b1011 100%)}
.mxcks-sequence-first .mxcks-sequence-wrap{position:relative}
.mxcks-sequence-index{display:flex;align-items:center;gap:16px;margin:0 0 28px;color:#b4c6b3;font:600 13px/1.4 var(--mxcks-font-body);letter-spacing:.19em;text-transform:uppercase}
.mxcks-sequence-index span{width:44px;height:1px;background:#a9bd9f}
.mxcks-sequence-kicker{margin:0 0 15px;color:#d5e1d4;font:600 14px/1.5 var(--mxcks-font-body);letter-spacing:.11em;text-transform:uppercase}
.mxcks-booking-sequence h1,.mxcks-booking-sequence h2{margin:0;color:#f2f4f2;font:400 clamp(58px,8vw,112px)/1.02 var(--mxcks-font-display);letter-spacing:-.065em}
.mxcks-sequence-lede{max-width:690px;margin:28px 0 42px;color:#e0e8e4;font:400 clamp(18px,2.3vw,23px)/1.6 var(--mxcks-font-body)}
.mxcks-sequence-detail{max-width:690px;display:grid;grid-template-columns:142px 1fr;gap:22px;padding:19px 0;border-top:1px solid #d7e6d529}
.mxcks-sequence-detail p{margin:0;color:#c1cbc8;font:400 16px/1.68 var(--mxcks-font-body)}
.mxcks-sequence-detail .mxcks-sequence-label{color:#a9bd9f;font-weight:600;letter-spacing:.04em}
.mxcks-booking-sequence .mxcks-sequence-cta{width:max-content;max-width:100%;min-height:54px;margin:31px 0 0;padding:13px 25px;border-radius:999px;font-weight:700}
.mxcks-sequence-scroll{display:flex;align-items:center;gap:12px;width:max-content;min-height:44px;margin-top:20px;color:#c9d8ce;font:500 14px/1.5 var(--mxcks-font-body)}
.mxcks-sequence-scroll:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.mxcks-sequence-second{position:relative;overflow:hidden;padding:115px 0 110px;border-top:1px solid #a9bd9f36;background:radial-gradient(ellipse 58% 68% at 88% 20%,#5b816443,transparent 70%),linear-gradient(135deg,#101c1b,#0b1011 55%)}
.mxcks-sequence-second::before{content:'';position:absolute;top:-160px;right:-120px;width:560px;height:560px;border:1px solid #bad0b836;border-radius:50%;box-shadow:0 0 0 64px #bad0b809,0 0 0 128px #bad0b805;pointer-events:none}
.mxcks-sequence-second-head{position:relative;display:flex;justify-content:space-between;align-items:end;gap:40px}
.mxcks-sequence-second h2{font-size:clamp(54px,7.3vw,102px)}
.mxcks-sequence-price{display:grid;gap:3px;min-width:160px;padding:0 0 12px;border-bottom:1px solid #a9bd9f99;text-align:right;color:#d7e6d5;font-family:var(--mxcks-font-body)}
.mxcks-sequence-price strong{font-size:42px;font-weight:500;letter-spacing:-.05em}
.mxcks-sequence-price span{font-size:13px}
.mxcks-sequence-second .mxcks-sequence-lede{max-width:790px}
.mxcks-sequence-second-details{max-width:900px}
.mxcks-sequence-second .mxcks-sequence-note{max-width:680px;margin:21px 0 0;color:#9faeaa;font:400 13px/1.6 var(--mxcks-font-body)}
.mxcks-booking-sequence .mxcks-booking-back{margin-top:38px}
.mxcks-booking-sequence a:focus-visible{outline:3px solid #d9f3de;outline-offset:5px}
@media(max-width:700px){
  .mxcks-booking-sequence .mxcks-sequence-wrap{width:calc(100% - 40px)}
  .mxcks-sequence-first{min-height:0;padding:230px 0 70px}
  .mxcks-sequence-first .mxcks-booking-art::before{background-position:55% top}
  .mxcks-sequence-first .mxcks-booking-art::after{background:linear-gradient(180deg,rgba(9,14,15,.24),rgba(9,14,15,.65) 28%,#0b1011 63%)}
  .mxcks-sequence-index{font-size:11px;gap:10px;margin-bottom:25px}.mxcks-sequence-index span{width:26px}
  .mxcks-sequence-kicker{font-size:12px}
  .mxcks-booking-sequence h1,.mxcks-booking-sequence h2{font-size:clamp(49px,13vw,72px)}
  .mxcks-sequence-lede{margin:24px 0 34px;font-size:18px}
  .mxcks-sequence-detail{display:block;padding:16px 0}.mxcks-sequence-detail .mxcks-sequence-label{margin-bottom:7px}.mxcks-sequence-detail p{font-size:15px}
  .mxcks-booking-sequence .mxcks-sequence-cta{width:100%;font-size:15px}
  .mxcks-sequence-second{padding:80px 0 85px}.mxcks-sequence-second-head{display:block}.mxcks-sequence-price{width:max-content;min-width:0;margin-top:27px;text-align:left}.mxcks-sequence-price strong{font-size:34px}
}
