.cs-section-outer{background:var(--cs-bg, var(--bg-body, #ffffff));color:var(--cs-text, var(--color-body, #2c2d2e))}.cs-section{display:flex;align-items:center;gap:60px}.cs-section--image-left .cs-gallery{order:0}.cs-section--image-left .cs-content,.cs-section--image-right .cs-gallery{order:1}.cs-section--image-right .cs-content{order:0}@media only screen and (max-width:767px){.cs-section{flex-direction:column;align-items:stretch;gap:28px}.cs-section .cs-content,.cs-section--image-right .cs-content{order:0}.cs-section .cs-gallery,.cs-section--image-right .cs-gallery{order:1}}.cs-gallery{flex:0 0 50%;max-width:50%;position:relative}.cs-gallery:before,.cs-gallery:after{content:"";position:absolute;width:100px;height:28px;background:#d2c8b480;z-index:5;pointer-events:none}.cs-gallery:before{top:-4px;left:12%;transform:rotate(-30deg)}.cs-gallery:after{top:5px;right:8%;transform:rotate(22deg)}@media only screen and (max-width:767px){.cs-gallery{flex:0 0 100%;max-width:100%;width:100%}.cs-gallery:before,.cs-gallery:after{width:80px;height:22px}}.cs-gallery__main{position:relative;border-radius:var(--block-border-radius, 12px);overflow:hidden;background:#fff;aspect-ratio:1 / 1}.cs-gallery__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease;pointer-events:none}.cs-gallery__slide.is-active{opacity:1;pointer-events:auto}.cs-gallery__slide img{width:100%;height:100%;object-fit:cover;display:block}.cs-gallery__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cs-gallery__placeholder svg{width:55%;height:auto;opacity:.2}.cs-gallery__dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.cs-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border, #dadce0);transition:background .2s ease,transform .2s ease;cursor:pointer}.cs-dot.is-active{background:var(--cs-accent, var(--color-accent, #3f72e5));transform:scale(1.3)}.cs-content{flex:1;min-width:0;padding-left:40px}@media only screen and (max-width:767px){.cs-content{padding-left:0}}.cs-content__heading{color:var(--cs-heading, var(--color-heading, #1a1c1d));margin-bottom:14px}.cs-content__description{color:var(--cs-swatch-text, var(--cs-text, #2c2d2e));margin-bottom:28px;transition:color .3s ease}.cs-content__description p:last-child{margin-bottom:0}.cs-group-label{font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;color:var(--cs-text, #2c2d2e)}.cs-swatch-name{font-weight:400;text-transform:none;letter-spacing:0}.cs-swatches{margin-bottom:24px}.cs-swatches__row{display:flex;flex-wrap:wrap;gap:10px}.cs-swatch{width:34px;height:34px;border-radius:50%;background:var(--swatch-color, #ccc);border:2px solid rgba(0,0,0,.08);outline:none;cursor:pointer;padding:0;transition:box-shadow .2s ease,transform .15s ease}.cs-swatch.is-active{box-shadow:0 0 0 2px var(--cs-bg, #fff),0 0 0 4px var(--cs-accent, var(--color-accent, #3f72e5));transform:scale(1.12)}.cs-swatch:hover:not(.is-active){transform:scale(1.08)}.cs-style-btns{margin-bottom:24px}.cs-style-btns__row{display:flex;flex-wrap:wrap;gap:8px}.cs-style-btn{padding:9px 22px;border:1.5px solid var(--color-border, #dadce0);border-radius:var(--button-border-radius, 30px);background:transparent;color:var(--cs-text, #2c2d2e);font-size:.875em;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.cs-style-btn.is-active{border-color:var(--cs-accent, var(--color-accent, #3f72e5));background:var(--cs-accent, var(--color-accent, #3f72e5));color:#fff}.cs-style-btn:hover:not(.is-active){border-color:var(--cs-text, #2c2d2e)}.cs-cta,.cs-cta__subtext{margin-top:24px}.cs-cta--mobile{display:none}.cs-cta--desktop{display:block}@media only screen and (max-width:767px){.cs-cta--mobile{display:block;margin-top:16px}.cs-cta--desktop{display:none}}.cs-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;font-size:16px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;text-align:center;background:var(--cs-accent, var(--color-accent, #3f72e5));color:var(--cs-btn-text, #ffffff);border:1.5px solid var(--cs-btn-shadow, #111111);box-shadow:3px 3px 0 var(--cs-btn-shadow, #111111);transition:transform .12s ease,box-shadow .12s ease}.cs-cta__btn:after{content:"\a0\2192"}.cs-cta__btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--cs-btn-shadow, #111111);background:var(--cs-accent, var(--color-accent, #3f72e5));color:var(--cs-btn-text, #ffffff);text-decoration:none}@media only screen and (max-width:767px){.cs-cta__btn,.cs-cta__btn:hover{transform:none!important;box-shadow:3px 3px 0 var(--cs-btn-shadow, #111111)!important}}@media only screen and (max-width:767px){.cs-content{text-align:center}.cs-swatches__row,.cs-style-btns__row{justify-content:center}.cs-cta--mobile{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/colour-showcase.css.map */