.pant-customisation-guide-banner{display:grid;grid-template-columns:1fr 1fr;position:relative}.pant-customisation-heading{background:#000;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1.1;font-family:Didot,sans-serif;font-weight:500}.pant-customisation-heading h2{font-size:70px;letter-spacing:0em}.pant-customisation-heading span{color:#fdf9c7}.pant-customisation-banner img{width:100%;height:100%}@media screen and (max-width:640px){.pant-customisation-guide-banner{grid-template-columns:1fr}.pant-customisation-heading{background:unset;position:absolute;bottom:10%;width:100%}.pant-customisation-heading h2{font-size:30px}.pant-customisation-content{gap:40px}}.pant-customisation-header{display:flex;gap:10px;justify-content:safe center;overflow:auto}.pant-customisation-header{position:sticky;top:calc((var(--header-height)));background:#fff;z-index:10;padding:8px 20px 16px}.pant-customisation-header button{border:1px solid #000;border-radius:20px;padding:0 4px;min-width:100px;font-size:16px;text-align:center;background-color:#fff}.pant-customisation-header::-webkit-scrollbar{display:none}.pant-customisation-content{display:flex;flex-direction:column;gap:55px;align-items:center}.mobile-opt{display:flex;flex-direction:row;overflow:auto;gap:10px;padding:0 0 0 20px}.mobile-opt-img{max-width:280px;flex-shrink:0;border-radius:20px}.mobile-opt-img:last-child{margin-right:16px}.mobile-opt-img img{width:100%;height:100%;object-fit:cover;border-radius:10px}.pant-customisation-block .option-label{letter-spacing:0em;font-size:26px;color:#000;font-family:Didot,sans-serif;font-weight:500;line-height:1.25em;text-align:center;margin-bottom:20px}@media screen and (min-width:641px){.pant-customisation-header button{padding:4px;min-width:156px}.pant-customisation-guide-container{width:80vw;margin:0 auto}.pant-customisation-header{margin:0;padding:12px 0 24px}.pant-customisation-block img{width:100%;height:100%}.pant-customisation-block div{max-width:1366px}}@media screen and (min-width:641px)and (max-width:1400px){.pant-customisation-guide-container{width:unset;margin:0 20px}.pant-customisation-block div{max-width:unset}}.mobile-opt::-webkit-scrollbar{display:none}.mobile-opt-dots{display:flex;justify-content:center;gap:15px;margin-top:16px}.mobile-opt-dots .option-dot{width:14px;height:14px;border-radius:50%;background:#ccc;cursor:pointer;transition:background .3s ease;display:inline-block}.mobile-opt-dots .option-dot.active{background:#000}.pant-customisation-header button:hover,.pant-customisation-header button.selected{background-color:#000;color:#fff}.pant-customisation-header button:hover{transition:background-color .3s ease-in-out,color .3s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/103/assets/pant-customisation.css.map */