.block-colour-swatches{position:relative}.block-colour-swatches .container{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-3)}.block-colour-swatches .title,.block-colour-swatches .copy{text-align:center;width:50%}.block-colour-swatches .items{display:flex;flex-wrap:wrap;gap:50px;row-gap:60px;justify-content:center;align-items:center;width:100%;grid-auto-flow:dense;margin:var(--space-5) 0;padding:0 var(--space-9)}.block-colour-swatches .item{display:flex;flex-direction:column;align-items:center;flex:1 0 150px;max-width:150px}.block-colour-swatches .items .image{position:relative;height:150px;width:150px;border-radius:10px;overflow:hidden;margin-bottom:10px}.block-colour-swatches .items .item-title{font-weight:700!important}@media only screen and (max-width:1300px){.block-colour-swatches .items{padding:0 var(--space-6)}.block-colour-swatches .title,.block-colour-swatches .copy{width:80%}}@media only screen and (max-width:1100px){.block-colour-swatches .items{padding:0}}@media only screen and (max-width:768px){.block-colour-swatches .title,.block-colour-swatches .copy{width:100%}.block-colour-swatches .container,.block-colour-swatches .container.boxed{padding:var(--space-5) 20px}}@media only screen and (max-width:500px){.block-colour-swatches .items{gap:var(--space-5)}.block-colour-swatches .item{flex:1 0 100%;max-width:100%}.block-colour-swatches .items .image{height:250px;width:250px}}.image-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);overflow:auto;opacity:0;transition:opacity 0.3s ease}.image-modal.active{display:block;opacity:1}.modal-content{position:relative;margin:5% auto;padding:30px;max-width:450px;background-color:#fff;border-radius:8px;animation:slideDown 0.3s ease}@keyframes slideDown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:20px;right:20px;font-size:35px;font-weight:700;color:var(--color-p);cursor:pointer;transition:color 0.2s ease}.modal-close:hover,.modal-close:focus{color:#000}.modal-text{margin-bottom:20px;padding:15px;border-radius:4px}.modal-text p{margin:0;line-height:1.6;color:#333}.modal-image{text-align:center}.modal-image img{max-width:100%;height:350px;border-radius:4px}@media (max-width:768px){.modal-content{margin:10% auto;padding:15px;max-width:90%}.modal-close{font-size:28px;right:15px}.modal-text{padding:12px;font-size:14px}}