.interactive-collections{padding:100px 0}.interactive-collections__wrapper{display:grid;grid-template-columns:1fr 320px 1fr;align-items:center;gap:70px}.interactive-collections__left,.interactive-collections__right{position:relative;min-height:650px}.interactive-image{width:100%;border-radius:14px;display:block;object-fit:cover;transition:opacity .45s ease,transform .45s ease}.floating-image{width:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.4s}.interactive-collections__menu{display:flex;flex-direction:column;gap:26px;text-align:center}.interactive-item{font-size:34px;text-decoration:none;color:#222;transition:.35s;font-weight:500}.interactive-item:hover,.interactive-item.active{color:#b68652;transform:scale(1.05)}@media(max-width:990px){.interactive-collections__wrapper{grid-template-columns:1fr;gap:40px}.interactive-collections__left,.interactive-collections__right{min-height:auto}.floating-image{position:relative;top:auto;left:auto;transform:none;margin:auto;display:block}}#left-preview,#right-preview{transition:opacity .25s ease}.interactive-item.active{color:#b8894f}.interactive-item{position:relative}.interactive-item:after{content:"";position:absolute;left:50%;bottom:-8px;width:0;height:2px;background:#b8894f;transform:translate(-50%);transition:.3s}.interactive-item:hover:after,.interactive-item.active:after{width:70%}@media(max-width:990px){.interactive-collections{padding:40px 0}.interactive-collections__wrapper{display:flex;flex-direction:column;gap:20px}.interactive-collections__left{order:1;min-height:auto;text-align:center}.interactive-collections__menu{order:2;gap:18px}.interactive-collections__right{order:3;min-height:auto;text-align:center}.interactive-image{width:75%;max-width:220px;height:auto;margin:0 auto;object-fit:contain}.floating-image{position:relative;width:90px;top:auto;left:auto;transform:none;margin:0 auto}.interactive-item{font-size:32px;line-height:1.2}}.interactive-image{width:100%;max-width:520px;height:auto;object-fit:contain;margin:0 auto}.floating-image{width:180px}@media(max-width:749px){.interactive-image{max-width:220px}.floating-image{width:90px}}n{}
/*# sourceMappingURL=/cdn/shop/t/4/assets/interactive-collections.css.map */