.garment-page{--garment-navy:#123b60;--garment-gold:#b89650;color:var(--garment-navy)}
.garment-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,76px);align-items:center;margin-block:35px 80px}.garment-hero-image{background:#f3f5f5;border-radius:28px;overflow:hidden;border:1px solid #e1e6e8}.garment-hero-image img{width:100%;height:auto;aspect-ratio:1.32;object-fit:contain;padding:22px}.garment-hero-image p{font-size:13px;line-height:1.5;padding:0 25px 20px;color:#536579;margin:0}.garment-intro h1{font-size:clamp(34px,4.2vw,58px);line-height:1.05;letter-spacing:-.035em;margin:15px 0 22px}.garment-intro .page-lede{font-size:19px;line-height:1.65}.garment-benefits{list-style:none;padding:0;margin:22px 0 28px}.garment-benefits li{padding:6px 0 6px 24px;position:relative}.garment-benefits li:before{content:'✓';position:absolute;left:0;color:#647c56}.garment-related{display:block;margin-top:18px;font-weight:650}.garment-configure{scroll-margin-top:30px;margin-bottom:70px}.garment-configure h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.025em}.garment-order-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:38px;align-items:start;margin-top:32px}.garment-order-grid fieldset{border:0;padding:26px 0 30px;margin:0;border-top:1px solid #dce3e6;min-width:0}.garment-order-grid legend{font-size:23px;font-weight:750;padding:0 12px 0 0;line-height:1.3}.garment-order-grid legend span{color:var(--garment-gold);font-size:15px;display:inline-block;margin-right:12px}.garment-order-grid p{line-height:1.65}.garment-choices,.position-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.garment-choice,.position-choice{position:relative;cursor:pointer;min-width:0}.garment-choice input,.position-choice input{position:absolute;opacity:0;pointer-events:none}.garment-choice>span,.position-choice>span{display:flex;flex-direction:column;height:100%;border:1px solid #c8d1d9;border-radius:16px;padding:19px;background:white;transition:border-color .15s,background .15s}.garment-choice input:checked+span,.position-choice input:checked+span{border:2px solid var(--garment-navy);padding:18px;background:#f0f5f8;box-shadow:0 0 0 1px #123b6010}.garment-choice input:focus-visible+span,.position-choice input:focus-visible+span{outline:3px solid #c6a45f;outline-offset:3px}.garment-choice strong,.position-choice strong{font-size:18px;line-height:1.3}.garment-choice b{color:#8a6b31;margin-top:5px}.garment-choice small{display:block;color:#4f6374;margin:10px 0;font-size:13px}.garment-choice span span{font-size:14px;line-height:1.5}.garment-colour{display:flex;align-items:center;gap:9px;font-size:14px;flex-wrap:wrap}.garment-colour i{width:22px;height:22px;border-radius:50%;background:#141516;border:3px solid #dde2e7}.position-choice svg{width:100%;height:118px;margin:0 auto 14px}.position-choice small{margin-top:7px;font-size:13px;line-height:1.45}.position-choice em{font-size:12px;font-style:normal;margin-top:8px;color:#627687}.position-single{grid-template-columns:minmax(0,320px)}.garment-soft-note{background:#f1f4f5;padding:14px 17px;border-radius:12px;font-size:14px}.garment-label{display:block;font-weight:700;margin:10px 0}.garment-order-grid select,.garment-order-grid textarea{width:100%;max-width:100%;border:1px solid #b8c5d0;border-radius:10px;background:white;padding:13px;color:#123654;font:inherit}.garment-order-grid textarea{resize:vertical}.garment-order-grid input:focus-visible,.garment-order-grid select:focus-visible,.garment-order-grid textarea:focus-visible{outline:3px solid #c6a45f;outline-offset:3px}.garment-size-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.garment-size-grid label{font-weight:700;text-align:center}.garment-size-grid input{display:block;width:100%;min-width:0;margin-top:8px;padding:12px 5px;border:1px solid #b8c5d0;border-radius:10px;text-align:center;font:inherit;color:#123654;background:white}.sizes-match{color:#275c38;font-weight:650}.sizes-needed{color:#755d31}.garment-small{font-size:13px;line-height:1.6;color:#526779}.garment-summary{position:sticky;top:24px;background:#f3f6f8;border:1px solid #d7e1e8;border-radius:24px;padding:28px}.garment-summary h2{font-size:29px;margin:12px 0 22px}.garment-summary dl{margin:0}.garment-summary dl>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #dce4ea;font-size:14px}.garment-summary dt{color:#587083}.garment-summary dd{margin:0;font-weight:600;overflow-wrap:anywhere}.garment-price{font-size:46px;font-weight:800;letter-spacing:-.04em;margin:22px 0 0;line-height:1.1!important}#garment-unit{font-size:15px;margin-top:8px}#garment-summary-help{font-size:14px}.garment-summary .button{display:flex;width:100%;justify-content:center;text-align:center;white-space:normal}.garment-summary [aria-disabled=true]{opacity:.65}.garment-alert{background:#fff3d6;border-left:4px solid #b68e3f;border-radius:8px;padding:18px}.garment-next{border-top:1px solid #dce4ea;padding-block:35px 65px}.garment-next>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.garment-next details{margin:24px 0;padding:20px;border:1px solid #dce4ea;border-radius:12px}.garment-next summary{cursor:pointer;font-weight:700}.garment-page [hidden]{display:none!important}
@media(max-width:850px){.garment-hero{gap:28px}.garment-order-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:24px}.garment-summary{padding:21px}.garment-summary dl>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:680px){.garment-hero{grid-template-columns:1fr;margin-block:20px 45px}.garment-hero-image img{aspect-ratio:1.5;padding:14px}.garment-hero-image p{font-size:12px;padding:0 18px 16px}.garment-order-grid{grid-template-columns:minmax(0,1fr);gap:12px}.garment-summary{position:static;margin-top:10px;padding:24px}.garment-summary dl>div{grid-template-columns:75px minmax(0,1fr);gap:10px}.garment-choice>span,.position-choice>span{padding:13px}.garment-choice input:checked+span,.position-choice input:checked+span{padding:12px}.garment-choice strong,.position-choice strong{font-size:16px}.garment-choices,.position-choices{gap:10px}.garment-choice small,.position-choice small{font-size:12px}.garment-size-grid{gap:6px}.garment-size-grid input{padding-block:11px}.garment-next>div{grid-template-columns:1fr;gap:3px}.garment-next h2{font-size:29px}.garment-order-grid legend{font-size:21px}.position-choice svg{height:98px}.garment-order-grid select{font-size:16px}.garment-intro .page-lede{font-size:18px}}
@media(prefers-reduced-motion:reduce){.garment-choice>span,.position-choice>span{transition:none}}

.garment-review-request{font:inherit;font-weight:650;border:1px solid #ac8a45;border-radius:8px;padding:10px 16px;margin-bottom:20px;background:#fff7e5;color:#123654;cursor:pointer}

.skip-link{position:absolute;left:-10000px;top:0}.skip-link:focus{left:16px;top:10px;z-index:200;background:white;padding:12px;outline:3px solid #b89650}.garment-mobile-bar{display:none}
@media(max-width:680px){.garment-mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:white;border-top:1px solid #d7e1e8;box-shadow:0 -3px 20px #12365412;z-index:40;font-size:14px}.garment-mobile-bar span{font-weight:750}.garment-mobile-bar a{font-weight:650}.garment-page+footer{padding-bottom:95px}}
