/* Naam's 2026-10-11 edits: Elite XI proof, galleries, static process, Calendly booking. Gallery arrows + swipe. */

/* Process: all three steps always open. */
.static-steps{list-style:none;padding:0}
.static-steps li{border-top:1px solid #ffffff24;padding:16px 0}
.static-steps li:last-child{border-bottom:1px solid #ffffff24}
.static-steps .step-head{display:flex;align-items:center;gap:15px;color:#fff}
.static-steps .step-head>span{font-size:12px;color:#bbb;min-width:22px}
.static-steps h3{font-size:15px;letter-spacing:-.03em;font-weight:400}
.static-steps li>p{font-size:14px;line-height:1.7;color:#8f8f98;padding:10px 20px 0 37px;max-width:520px}
@media(min-width:1000px){.static-steps li{padding:12px 0}.static-steps li>p{font-size:15px;line-height:1.55;padding-top:8px}}

/* Gallery arrows and swipe. */
.gallery .lookbook{position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.gallery .lookbook img{-webkit-user-drag:none;pointer-events:none}
.g-nav{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid #d4d4d8;background:#ffffffe6;color:#151518;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,opacity .2s}
.g-prev{left:6px}.g-next{right:6px}
@media(hover:hover){.g-nav{opacity:.75}.gallery:hover .g-nav{opacity:1}.g-nav:hover{background:#151518;color:#fff;border-color:#151518}}
.g-nav:active{transform:scale(.94)}

/* Elite XI gallery on a white card. */
.gallery-white{background:#fff;color:#151518;transform:none!important}
.gallery-white .viewer-top{border-bottom-color:#d4d4d8}
.gallery-white .viewer-bottom{border-top-color:#d4d4d8}
.gallery-white .lookbook img{mix-blend-mode:normal}
.gallery-white .g-thumbs button{background:#f3f3f5;border-color:#e2e2e6}
.gallery-white .g-thumbs button img{mix-blend-mode:normal}
.gallery-white .g-thumbs button.on-light img{mix-blend-mode:multiply}
.gallery-white .lookbook.on-light img{mix-blend-mode:multiply}
.gallery .lookbook img{transition:opacity .2s ease}
.gallery-dark{background:#0d0d10;color:#eee;border:1px solid #ffffff1f;box-shadow:0 35px 60px #0008}
.gallery-dark .viewer-top{border-bottom-color:#ffffff26}
.gallery-dark .viewer-bottom{border-top-color:#ffffff26}
.gallery-dark .mini-label,.gallery-dark .viewer-note{color:#8a8a92}
.gallery-dark .lookbook img{mix-blend-mode:normal;object-fit:contain}
.gallery .lookbook img{object-fit:contain}
.g-thumbs{display:flex;flex-wrap:wrap;gap:6px;margin:16px 26px 0}
.g-thumbs button{flex:1 1 0;min-width:38px;max-width:72px}
.g-thumbs button{aspect-ratio:1;padding:4px;border:1px solid #0000002a;background:#cfd0d4;cursor:pointer;transition:border-color .2s,opacity .2s;opacity:.7}
.g-thumbs button img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.g-thumbs button[aria-pressed=true],.g-thumbs button:hover{opacity:1;border-color:#17171a}
.gallery-dark .g-thumbs button{background:#16161a;border-color:#ffffff1a}
.gallery-dark .g-thumbs button img{mix-blend-mode:normal}
.gallery-dark .g-thumbs button.on-light{background:#e9e9ec}
.gallery-dark .g-thumbs button.on-light img{mix-blend-mode:multiply}
.gallery-dark .g-thumbs button[aria-pressed=true],.gallery-dark .g-thumbs button:hover{border-color:#e6e6ea}
.gallery-dark .lookbook.on-light{background:#e9e9ec}
.gallery-dark .lookbook.on-light img{mix-blend-mode:multiply}
@media(min-width:1000px){.gallery .lookbook{height:clamp(240px,38dvh,520px)}}

/* Elite XI: compact testimonial with the club badge in the mark slot. */
.elite-proof{background:#0d0d10}
.elite-mark img{width:clamp(150px,18vw,240px);height:auto;object-fit:contain}

/* Booking: agenda beside a live Calendly card. */
.booking-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}
.agenda-intro{font-size:16px;line-height:1.7;color:#96969f;margin:28px 0 18px;max-width:440px}
.booking-layout .call-agenda{margin:0;max-width:480px}
.booking-layout .call-agenda li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-top:1px solid #ffffff24;font-size:inherit;color:inherit}
.booking-layout .call-agenda li:before{content:none}
.booking-layout .call-agenda h4{color:#eee}
.booking-layout .call-agenda p{color:#8f8f98}
.booking-layout .agenda-number{color:#8a8a92}
.booking-card{background:#111114;color:#eee;border:1px solid #ffffff1f;padding:22px 24px 18px;box-shadow:15px 20px 0 #1c1c23;scroll-margin-top:24px}
.booking-card .ticket-top{align-items:center;padding-bottom:14px;margin-bottom:18px;border-bottom-color:#ffffff24}
.booking-card .ticket-top img{width:66px;height:44px;object-fit:contain}
.booking-card .ticket-top>span{font-size:11px;letter-spacing:.08em;text-align:right;color:#a7a7ae}
.booking-card .calendar-heading{font-family:Barlow,sans-serif;font-size:clamp(26px,2.2vw,34px);line-height:1;letter-spacing:-.01em;margin:0;color:#eee}
.calendly-slot{min-height:620px;transition:height .25s ease}
.calendly-slot[data-loaded=true]{min-height:0}
.calendly-slot{overflow:hidden}
.calendly-slot iframe{width:100%;min-width:280px;border:0;height:620px}
.booking-loading{min-height:620px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#8f8f98;letter-spacing:.04em}
.calendly-slot .action{margin:40px auto;display:flex}
.calendar-availability-note{font-size:12px;line-height:1.7;color:#8f8f98;margin-top:14px;letter-spacing:.02em}

/* Footer brand is a label, not a link. */
.footer-v2>.draco-brand>img{width:70px;height:50px}

@media(max-width:1100px){.booking-layout{grid-template-columns:1fr}}
@media(max-width:700px){
  .booking-card{padding:16px 14px;box-shadow:8px 12px 0 #1c1c23;margin-right:8px}
  .g-thumbs{margin:14px 16px 0}
  .g-thumbs button{flex:1 0 40px}
  .static-steps li>p{padding-left:37px;padding-right:0}
  .elite-proof .elite-mark{display:flex;order:-1;height:auto;border:0;padding:0;justify-content:flex-start;margin-bottom:22px}
  .elite-mark img{width:110px}
}