.c-image-layout{background:#fff;padding:80px 0}.c-image-layout__container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.c-image-layout__content{display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center}.c-image-layout__heading{font-size:48px;font-weight:400;line-height:1.2;margin:0;color:#050d37;text-align:center}.c-image-layout__attributes{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.c-image-layout__attribute{display:flex;align-items:center;gap:8px}.c-image-layout__attribute svg{width:20px;height:20px;fill:#050d37}.c-image-layout__attribute span{font-size:16px;font-weight:500;color:#050d37}.c-image-layout__separator{color:#050d37;font-weight:400}.c-image-layout__color-selection{display:flex;flex-direction:column;gap:16px}.c-image-layout__color-label{font-size:16px;font-weight:500;margin:0;color:#000}.c-image-layout__selected-color{font-weight:700}.c-image-layout__swatches{display:flex;gap:12px;align-items:center;justify-content:center}.c-image-layout__swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;background:transparent;padding:0;cursor:pointer;transition:border-color .2s ease}.c-image-layout__swatch:hover{border-color:#000}.c-image-layout__swatch.is-selected{border-color:#000;box-shadow:0 0 0 1px #000}.c-image-layout__swatch-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.c-image-layout__swatch-color{display:block;width:100%;height:100%;border-radius:50%}.c-image-layout__images{position:relative;display:flex;justify-content:center;align-items:center;min-height:500px;overflow:hidden}.c-image-layout__badge{position:absolute;top:20px;left:20px;z-index:2}.c-image-layout__badge img{width:auto;height:auto;max-width:120px}.c-image-layout__block{display:none;position:relative;width:100%;height:100%;justify-content:center;align-items:center}.c-image-layout__block.is-active{display:flex}.c-image-layout__image{max-width:100%;max-height:100%;height:auto;border-radius:12px;object-fit:contain}.c-image-layout__corner-text{position:absolute;top:20px;right:20px;background:#ffffffe6;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;color:#000}@media screen and (max-width:1024px){.c-image-layout{padding:60px 0}.c-image-layout__container{gap:60px;padding:0 40px}.c-image-layout__heading{font-size:42px}.c-image-layout__images{min-height:450px}}@media screen and (max-width:768px){.c-image-layout{padding:40px 0}.c-image-layout__container{grid-template-columns:1fr;gap:40px;padding:0 20px}.c-image-layout__content{text-align:center;gap:24px}.c-image-layout__heading{font-size:36px}.c-image-layout__attributes{justify-content:center}.c-image-layout__attribute span,.c-image-layout__color-label{font-size:14px}.c-image-layout__attribute svg{display:none}.c-image-layout__swatches{justify-content:center}.c-image-layout__images{min-height:350px}.c-image-layout__badge{top:16px;left:16px}.c-image-layout__badge img{max-width:80px}.c-image-layout__corner-text{top:16px;right:16px;padding:6px 10px;font-size:12px}}@media screen and (max-width:480px){.c-image-layout{padding:16px 0}.c-image-layout__container{grid-template-columns:1fr;gap:16px;padding:0 20px}.c-image-layout__content{text-align:center;gap:24px}.c-image-layout__heading{font-size:36px}.c-image-layout__attributes,.c-image-layout__swatches{justify-content:center}.c-image-layout__images{min-height:300px}.c-image-layout__badge{top:16px;left:16px}.c-image-layout__badge img{max-width:80px}.c-image-layout__corner-text{top:16px;right:16px;padding:6px 10px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/199/assets/component-c-image-layout-v2.css.map */