/* Custom-size preview only. Small-screen layout first. */
.is-custom .site-header{padding:14px 22px;min-height:80px}
.is-custom .site-header nav{font-size:14px;gap:22px}
.is-custom .site-header nav a{min-height:44px;display:flex;align-items:center}
.is-custom .site-header .nav-help{display:none}
.is-custom .shop-shell{max-width:1180px;padding:0 22px}
.is-custom .shop-intro{position:relative;isolation:isolate;text-align:left;margin:0 -22px;padding:22px 22px;background:#f1e7d6}
.is-custom .shop-intro:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 25%,#fffbeb66 25%,#fffbeb66 39%,transparent 39%,transparent 64%,#fffbeb55 64%,#fffbeb55 80%,transparent 80%)}
.is-custom .shop-intro .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:10px}
.is-custom .shop-intro h1{font-size:43px;line-height:1.1;letter-spacing:-1.3px}
.is-custom .shop-intro>p:not(.eyebrow){font-size:15px;line-height:1.5;margin-top:12px;color:#635643;max-width:none}
.custom-offer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:21px;padding-top:17px;border-top:1px solid #cdbfa7}
.custom-offer>p{display:flex;flex-direction:column;gap:5px}
.custom-offer>p>strong{font:31px/1.15 var(--serif);white-space:nowrap}
.custom-offer>p>strong>span{font:15px var(--sans)}
.custom-offer>p>span{font-size:13px;color:#635643;line-height:1.5}
.custom-offer .custom-payment{border-left:1px solid #cdbfa7;padding-left:17px;gap:5px;align-self:stretch;justify-content:center}
.custom-offer .custom-payment strong{font:600 15px/1.5 var(--sans);color:var(--leaf)}
.is-custom .step-nav{justify-content:space-between;max-width:none;gap:8px;margin:0 0 27px;padding:10px 0;border-top:0}
.is-custom .step-nav button{font-size:13px;min-height:44px;gap:6px;color:#6e6558}
.is-custom .step-nav button span{width:25px;height:25px;font-size:12px}
.is-custom .step-nav button:disabled{opacity:1;color:#7a7165;cursor:default}
.is-custom .step-nav button[aria-current]{color:var(--clay)}
.is-custom .size-panel{display:grid;grid-template-columns:1fr;gap:28px;max-width:960px;margin:0 auto 42px;scroll-margin-top:24px}
.is-custom .size-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}
.is-custom .size-intro h2{font:34px/1.08 var(--serif);letter-spacing:-.7px}
.is-custom .size-intro h2 br{display:block}
.is-custom .size-intro p{font-size:16px;line-height:1.5;margin-top:10px;color:var(--muted)}
.size-portrait{width:144px;height:auto;aspect-ratio:1;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 6% 94%,transparent),linear-gradient(to bottom,transparent,#000 6% 94%,transparent);mask-composite:intersect}
@media(max-width:360px){.size-portrait{width:124px}.is-custom .size-intro{gap:12px}.is-custom .size-intro h2{font-size:31px}.is-custom .size-intro p{font-size:15px}}
.saved-measurements{font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:22px}
.is-custom fieldset.measurement{border:0;padding:0;margin:0;min-width:0}
.is-custom .measurement legend{display:flex;align-items:baseline;gap:12px;padding:0;font:500 21px/1.4 var(--sans);letter-spacing:-.25px}
.measurement-number{font-size:13px;font-weight:400;color:var(--clay);letter-spacing:.5px}
.measurement-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}
.is-custom .measurement .measurement-chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:74px;padding:12px 4px;border:1px solid #c2b6a1;border-radius:4px;background:#fffaf1;text-align:center;cursor:pointer;transition:border-color .16s,background .16s}
.measurement-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.is-custom .measurement .measurement-chip>span{display:flex;flex-direction:column;gap:4px;align-items:center;margin:0;font-size:15px;font-weight:inherit}
.measurement-chip strong{font:500 21px/1.2 var(--sans)}
.measurement-chip small{font:400 15px/1.4 var(--sans);color:#645b4d}
.measurement-chip:has(input:checked){background:#e8edde!important;border-color:var(--leaf)!important;box-shadow:inset 0 0 0 1px var(--leaf);color:#334735}
.measurement-chip:has(input:checked):after{content:'✓';position:absolute;right:5px;top:4px;font-size:13px;font-weight:600;color:var(--leaf);line-height:1;animation:size-mark .18s ease-out}
.measurement-chip:has(input:focus-visible){outline:2px solid var(--leaf);outline-offset:3px}
.measurement-chip:hover{border-color:var(--leaf)!important}
.is-custom .pant-length-options .measurement-chip{min-height:58px}
.pant-length-options .measurement-chip strong small{font-size:14px}
.length-methods{display:grid;grid-template-columns:1fr 1fr;margin:17px 0 0;border-bottom:1px solid #c2b6a1;gap:20px}
.length-methods button{min-height:48px;padding:8px 0;border:0;border-bottom:2px solid transparent;background:none;font:400 16px/1.4 var(--sans);color:var(--muted);transition:color .16s,border-color .16s}
.length-methods button[aria-selected=true]{color:var(--leaf);border-color:var(--leaf);font-weight:600}
.length-methods button:focus-visible{outline:2px solid var(--leaf);outline-offset:3px}
.is-custom .measurement .height-label{display:block;font:400 16px/1.5 var(--sans);margin:18px 0 8px}
.height-select-wrap{position:relative}
.height-select-wrap select{appearance:none;width:100%;min-height:58px;padding:13px 46px 13px 16px;border:1px solid #a99c85;border-radius:4px;background:#fffaf1;color:var(--ink);font:500 18px/1.5 var(--sans);cursor:pointer}
.height-select-wrap select:focus-visible{outline:2px solid var(--leaf);outline-offset:3px}
.height-select-wrap svg{position:absolute;right:16px;top:19px;color:var(--leaf);pointer-events:none}
.height-note{font-size:16px;line-height:1.6;color:var(--muted);margin-top:12px}
.is-custom .measurement>p:not(.field-error){font-size:16px;line-height:1.6;margin-top:8px;color:var(--muted)}
.is-custom .field-error{font-size:15px;line-height:1.5;margin-top:12px}
.is-custom .measure-help{max-width:none;margin-top:8px}
.is-custom .measure-help summary{font-size:15px;min-height:48px;align-items:center;gap:12px;border:0;padding:10px 0;line-height:1.5}
.is-custom .measure-help summary>span{font-size:22px;font-weight:400;min-width:24px;text-align:center;transition:transform .15s}
.is-custom .measure-help[open] summary>span{transform:rotate(45deg)}
.measure-guide{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center;padding:16px;background:#eee8db;border-radius:4px}
.measure-guide svg{width:100px;height:auto}
.is-custom .measure-guide p{font-size:15px;line-height:1.65;margin:0;color:#5b5143}
.measure-guide strong{font-weight:600;color:var(--ink)}
.is-custom fieldset.measurement+.measurement{margin-top:26px;padding-top:0;border-top:0}
.measurement-next{margin-top:20px}
.measurement-next>p{font-size:15px;line-height:1.6;color:var(--muted)}
.size-result{padding:18px 0 18px 18px;border-left:2px solid #a6ad94;margin:0 0 20px}
.size-result h3{font:27px/1.2 var(--serif);letter-spacing:-.4px;margin:0 0 9px}
.size-result.fits-free h3{color:var(--leaf)}
.is-custom .measurement-next .size-result p{font-size:16px;line-height:1.6;margin:0;color:var(--muted)}
.is-custom .measurement-next #size-result-price{margin-top:11px;color:var(--ink);font-weight:500}
.is-custom .measurement-next .fits-free #size-result-price{font:25px/1.3 var(--serif)}
.is-custom .measurement-next .button{width:100%;min-height:56px;margin-top:0;padding:15px 18px;gap:16px;font:600 17px/1.4 var(--sans);text-align:left}
.is-custom #size-continue-label{font:inherit;line-height:inherit;white-space:nowrap}
.measurement-next .button svg{flex-shrink:0;transition:transform .18s}
.measurement-next .button:hover svg{transform:translateX(3px)}
.is-custom #size-height-help{background:var(--leaf);border-color:var(--leaf)}
.is-custom #size-height-help:hover{background:#334735}
.is-custom .size-whatsapp{font-size:15px;min-height:48px;line-height:1.5;justify-content:center;text-align:center;display:flex;margin-top:9px;gap:10px}
@keyframes size-mark{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
.is-custom #colour-panel{scroll-margin-top:20px}
.is-custom .fit-line{padding:7px 0 15px;margin:0;border-top:0;gap:12px;align-items:center}
.is-custom .fit-line p{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-size:15px;line-height:1.5}
.is-custom .fit-line p>span{font-size:14px;margin:0}
.is-custom .fit-line .text-link{font-size:14px;min-height:44px;max-width:110px;text-align:right;line-height:1.5}
.is-custom .catalogue-heading{display:block;margin:23px 0 24px}
.is-custom .catalogue-heading h2{font:29px/1.2 var(--serif);letter-spacing:-.5px}
.is-custom .catalogue-heading p{font-size:15px;line-height:1.6;text-align:left;max-width:480px;margin-top:10px}
.custom-product-note{display:block;font-size:13px;margin-top:9px}
.is-custom .colour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
.is-custom .colour-card{min-width:0;scroll-margin-top:20px}
.is-custom .photo-button{border-radius:70px 70px 4px 4px;background:#eae1d3}
.is-custom .photo-button>img{aspect-ratio:2/3;object-fit:cover}
.is-custom .colour-card.is-selected .photo-button{outline:2px solid var(--leaf);outline-offset:3px}
.is-custom .selected-mark{left:7px;top:auto;bottom:7px;transform:none;border-radius:3px;font-size:11px;padding:5px 8px;white-space:nowrap;background:var(--leaf)}
.is-custom .zoom-mark{display:flex;align-items:center;gap:5px;justify-content:center;width:auto;height:28px;padding:0 9px;right:7px;bottom:7px;border-radius:3px;font-size:12px;background:#fffaf1ed;color:#5e4b37}
.is-custom .colour-card.is-selected .zoom-mark{font-size:0;padding:0;width:28px}
.is-custom .colour-card.is-selected .zoom-mark>span{font-size:14px}
.is-custom .colour-card h3{font-size:16px;font-weight:500;margin:13px 0 10px;min-height:22px;line-height:1.35}
.is-custom .colour-control{height:48px}
.is-custom .add-colour{font-size:15px;min-height:48px;border-radius:4px;border-color:#b7a78f;background:#fffaf1}
.is-custom .add-colour:hover{background:#f0e6d6;border-color:var(--clay)}
.is-custom .quantity-control{height:48px;border-radius:4px;background:#e6ecdd}
.is-custom .quantity-control button{min-width:46px;height:48px;font-size:23px}
.is-custom .quantity-control output{font-size:16px}









.is-custom .undo-strip{font-size:14px;line-height:1.5;gap:8px}
.is-custom .undo-strip button{font-size:14px;min-width:44px;min-height:44px}
.is-custom .undo-strip #dismiss-undo{min-width:44px;font-size:23px}
.is-custom .dialog{border-radius:12px;width:calc(100% - 20px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}
.is-custom .dialog-heading{padding:20px;gap:10px}
.is-custom .dialog-heading h2{font-size:30px;line-height:1.15}
.is-custom .dialog-heading .eyebrow{font-size:10px;letter-spacing:1.2px}
.is-custom .close-button{min-width:44px;width:44px;height:44px}
.is-custom .review-body{padding:0 20px 20px}
.is-custom .review-fit{flex-wrap:wrap;gap:5px;padding-bottom:10px}
.is-custom .review-fit strong{font-size:15px}
.is-custom .review-fit span{font-size:15px;line-height:1.6;margin-top:4px}
.is-custom .review-fit .text-link{min-height:44px;font-size:14px}
.is-custom .review-items li{padding:17px 0;gap:12px}
.is-custom .review-items img{width:53px;height:80px;border-radius:25px 25px 3px 3px}
.is-custom .review-item-info strong{font-size:16px}
.is-custom .review-item-info>span{font-size:14px}
.is-custom .review-items .quantity-control{height:44px;width:132px;margin-top:9px}
.is-custom .review-items .quantity-control button{min-width:44px;height:44px}
.is-custom .review-items li>b{font-size:16px}
.is-custom .payment-options{margin-top:23px}
.is-custom .payment-options legend{font-size:17px}
.is-custom .payment-options[data-single=true] label small{font-size:15px;line-height:1.5}
.is-custom .payment-explanation,.is-custom .checkout-note{font-size:14px;line-height:1.6}
.is-custom .order-total>span{font-size:16px}
.is-custom .order-total strong{font-size:30px}
.is-custom .review-bottom{padding:13px 20px 10px}
.is-custom .review-bottom>.button{font-size:16px;min-height:54px}
.is-custom .review-bottom>.text-link{font-size:14px;min-height:44px}
.is-custom .review-change{font-size:14px;line-height:1.5}
.is-custom .review-change button{font-size:14px;min-width:44px;min-height:44px}
.is-custom .photo-dialog .quiet{font-size:14px;padding:15px 20px 0}
.is-custom .photo-dialog>.button{font-size:16px;min-height:52px;margin:17px 20px 20px;width:calc(100% - 40px)}
@media(min-width:701px){
 .is-custom .site-header{padding:23px 42px}.is-custom .site-header .nav-help{display:flex}
 .is-custom .shop-shell{padding-inline:38px}.is-custom .shop-intro{margin-inline:-38px;padding:30px 38px}
 .is-custom .shop-intro h1{font-size:54px}.is-custom .shop-intro>p:not(.eyebrow){font-size:16px}
 .custom-offer{max-width:480px;margin-top:25px}.custom-offer>p>strong{font-size:35px}.custom-offer>p>span{font-size:14px}.custom-offer .custom-payment strong{font-size:16px}
 .is-custom .step-nav{max-width:580px;margin:0 auto 40px;padding-block:15px}.is-custom .step-nav button{font-size:15px;gap:10px}.is-custom .step-nav button span{width:29px;height:29px;font-size:13px}
 .is-custom .size-panel{grid-template-columns:1fr 1.3fr;gap:50px;margin-bottom:65px}
 .is-custom .size-intro{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:25px}.size-portrait{width:280px;max-width:100%;height:auto}
 .is-custom .size-intro h2{font-size:38px}.is-custom .size-intro p{max-width:280px}
 .is-custom .measurement label{font-size:21px}.is-custom .measurement>p:not(.field-error){font-size:16px}.is-custom .measure-help summary{font-size:15px}
 .measure-guide{grid-template-columns:115px 1fr;padding:18px}.measure-guide svg{width:115px}.is-custom .measure-guide p{font-size:15px}
 .is-custom .colour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 23px}.is-custom .photo-button{border-radius:95px 95px 4px 4px}
 .is-custom .fit-line .text-link{max-width:none;font-size:15px}.is-custom .fit-line p{flex-direction:row;align-items:center;gap:20px}.is-custom .fit-line p>span{font-size:15px}
 .is-custom .catalogue-heading{margin:25px 0 30px}.is-custom .catalogue-heading p{max-width:none}
 
 .is-custom .review-fit{flex-wrap:nowrap}.is-custom .review-fit span{font-size:14px}.is-custom .dialog-heading h2{font-size:34px}
}
@media(min-width:951px){
 .is-custom .shop-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:0 45px;padding-block:38px 32px}
 .is-custom .shop-intro>.eyebrow{grid-column:1;grid-row:1}.is-custom .shop-intro h1{grid-column:1;grid-row:2}.is-custom .shop-intro>p:not(.eyebrow){grid-column:1;grid-row:3}
 .custom-offer{grid-column:2;grid-row:1/span 3;margin:0;border-top:0;border-left:1px solid #cdbfa7;padding:0 0 0 35px;max-width:none}
 .is-custom .size-panel{grid-template-columns:1fr 1.25fr;gap:95px}.is-custom .size-intro h2{font-size:42px}
 .is-custom .colour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:370px){
 .is-custom .site-header{padding-inline:18px}.is-custom .site-header nav{gap:18px;font-size:13px}.is-custom .shop-shell{padding-inline:18px}.is-custom .shop-intro{padding-inline:18px;margin-inline:-18px}
 .is-custom .shop-intro h1{font-size:40px}.custom-offer{gap:12px}.custom-offer .custom-payment{padding-left:12px}.custom-offer>p>span{font-size:12px}
 .is-custom .step-nav{gap:6px}.is-custom .step-nav button{font-size:12px;gap:5px}
 
 .is-custom .review-body{padding-inline:16px}.is-custom .review-items li{gap:9px}.is-custom .review-items img{width:43px;height:65px}.is-custom .review-items .quantity-control{width:126px}.is-custom .review-bottom{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.is-custom *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}