.drop-colours{position:relative;z-index:4;margin:12px 0 0;padding-bottom:9px;border-bottom:1px solid rgba(0,0,0,.15)}
.drop-colours__row{display:flex;align-items:center;gap:4px;min-height:40px}
.drop-colours__button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;padding:2px;border:1px solid #d8d8d8;border-radius:0;background:#fff;color:#272727;cursor:pointer}
.drop-colours__button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.drop-colours__button[aria-pressed=true]{border:2px solid #ca893a;padding:1px}
.drop-colours__button:focus-visible,.drop-colours__more:focus-visible{outline:2px solid #272727;outline-offset:2px}
.drop-colours__more{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:32px;font-size:12px;font-weight:700}
.drop-colours__label{display:block;min-height:15px;margin-top:5px;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.grid-product--drop-colours .grid-product__image-mask{position:relative}
.drop-colour-preview{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:contain;background:var(--colorBody,#fff);pointer-events:none}
.drop-colour-preview[hidden]{display:none}
.grid-product--drop-colours.drop-colour-selected .grid-product__secondary-image,.grid-product--drop-colours.drop-colour-selected .grid-product__color-image{visibility:hidden!important}
.grid-product--drop-colours .quick-product__btn{z-index:3}
.no-js .drop-colours{display:none}
@media(max-width:768px){.drop-colours{margin-top:10px;padding-bottom:7px}.drop-colours__row{min-height:32px;gap:3px}.drop-colours__button{width:30px;height:32px;flex-basis:30px}.drop-colours__more{min-width:21px;font-size:11px}.drop-colours__label{font-size:10px}}