.hl-card-colours{display:flex!important;flex-wrap:wrap;gap:7px;padding:9px 0 3px;align-items:center;position:relative;z-index:2}.hl-card-colour{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;border-radius:50%!important;background:var(--hl-colour)!important;border:1px solid #9998!important;box-shadow:inset 0 0 0 2px #fff8;padding:0!important;outline-offset:3px}.hl-card-colour:hover,.hl-card-colour:focus-visible{outline:1px solid #242424}.hl-card-colour[aria-current=true]{outline:2px solid #e64b32}.hl-card-colours-label{font-size:11px;line-height:1.4;color:#555}.hl-outfit{padding:clamp(28px,5vw,70px);border-top:1px solid #2222}.hl-outfit-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}.hl-outfit-heading h2{font-size:clamp(24px,3vw,38px);margin:8px 0}.hl-outfit-heading p{font-size:13px}.hl-outfit-heading button{width:38px;height:38px;border:1px solid #2223;background:transparent;border-radius:50%;cursor:pointer}.hl-outfit-heading [data-outfit-position]{margin:0 10px;font-size:12px}.hl-outfit-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hl-outfit-card{min-width:0}.hl-outfit-card>a{display:block;aspect-ratio:1;background:#eeede8;overflow:hidden}.hl-outfit-card img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.hl-outfit-card>a:hover img{transform:scale(1.025)}.hl-outfit-card h3{margin:12px 0 5px;font-size:16px}.hl-outfit-card p{margin:0;font-size:14px}.hl-outfit-heading>div:last-child{display:none}.hl-wc-gallery{position:relative}.hl-zoom-open{position:absolute;top:14px;right:14px;z-index:5;border:1px solid #2222;border-radius:99px;background:#f6f4efed;color:#222;padding:10px 14px;cursor:zoom-in;font-size:12px;display:flex;align-items:center;gap:7px}.hl-zoom-open svg{width:18px;height:18px}.hl-wc-gallery__slide img{cursor:zoom-in}.hl-image-zoom{padding:0;width:96vw;max-width:1600px;height:94dvh;max-height:94dvh;background:#eeede8;border:0;color:#222;overflow:hidden}.hl-image-zoom::backdrop{background:#111d}.hl-zoom-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #2222;min-height:64px;box-sizing:border-box}.hl-zoom-toolbar strong{margin-right:auto;font-size:13px}.hl-zoom-toolbar button{border:1px solid #2223;background:#faf9f5;color:#222;min-width:40px;min-height:40px;border-radius:8px;cursor:pointer}.hl-zoom-viewport{height:calc(100% - 66px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;display:block}.hl-zoom-viewport img{display:block;max-width:none!important;max-height:none!important;object-fit:contain;margin:auto}.hl-supplier-code{font-size:11px;color:#666;margin-left:5px}.hl-image-zoom button:focus-visible,.hl-zoom-open:focus-visible{outline:2px solid #e64b32;outline-offset:2px}
@media(max-width:600px){.hl-card-colours{gap:8px}.hl-card-colour{width:20px!important;height:20px!important}.hl-outfit{padding:28px 20px}.hl-outfit-heading{display:block}.hl-outfit-heading>div:last-child{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}.hl-outfit-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px;overscroll-behavior-x:contain}.hl-outfit-card{flex:0 0 76%;scroll-snap-align:start}.hl-image-zoom{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.hl-zoom-toolbar{gap:5px;padding:10px}.hl-zoom-toolbar strong{font-size:11px}.hl-zoom-toolbar button{min-width:34px;padding:5px}.hl-zoom-open{top:8px;right:8px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.hl-outfit-card img{transition:none}.hl-outfit-rail{scroll-behavior:auto}}

.hl-colour-card-wrapper{min-width:0;scroll-snap-align:start}.hl-colour-card-wrapper>.u-product-card{width:100%;display:block}.hl-colour-card-wrapper .hl-card-colours{padding-inline:8px}
.hl-wc-gallery>button.hl-zoom-open{top:14px!important;right:14px!important;bottom:auto!important;left:auto!important;transform:none!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;font-size:12px!important;line-height:1.2!important;padding:10px 14px!important;border-radius:99px!important;background:#f6f4efed!important;display:flex!important;color:#222!important}

.hl-accessory-details{padding:clamp(28px,5vw,70px);max-width:1100px;margin:auto}.hl-accessory-details h2{font-size:clamp(24px,3vw,38px)}.hl-accessory-details p{line-height:1.7}