body.template-collection main{width:100vw;height:100dvh;overflow-y:scroll;position:fixed;scroll-snap-type:y mandatory;scroll-behavior:smooth;background-color:var(--background-color)}body.template-collection footer{display:none}.product-container{position:relative;scroll-snap-align:end}.product-swiper{width:100%;height:100%;overflow:hidden;grid-column:2;position:relative}.product-swiper figure,.product-swiper .media-container,.product-swiper .media{height:100%;object-fit:contain}body.template-product main{min-height:100dvh;position:relative}body.template-product footer{display:none}.product-thumbnails{display:flex;gap:4px;width:100%;overflow:hidden;overflow:scroll}.product-thumbnails.justify-end{justify-content:end}.product-thumbnail .figure-media,.product-thumbnail .media-container,.product-thumbnail .media{width:100%;height:100%;object-fit:cover}.product-media-container{height:100dvh;display:grid;grid-template-columns:209px 1fr 209px;padding:70px 20px 100px;align-items:center;gap:20px}.product-thumbnail{width:57px;height:74px;position:relative;line-height:0;cursor:pointer;flex:none}.product-thumbnail.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--main-accent-color);box-sizing:border-box;z-index:1}.product-form{position:absolute;left:50%;bottom:0;transform:translate(-50%);padding:17px 20px;display:flex;flex-direction:column;gap:15px;align-items:center}.product-details-container{position:absolute;bottom:0;right:0;margin:17px 20px;z-index:1}.product-details{position:absolute;bottom:0;right:0;width:290px;opacity:0;pointer-events:none;display:flex;flex-direction:column;gap:10px;z-index:-1;margin-bottom:1px;transition:opacity var(--transition-time) var(--transition-effect)}.product-details li{display:flex;gap:6px;padding-left:6px}.product-details li:before{content:"\2022"}.details-trigger{cursor:pointer}.product-details.show{opacity:1;pointer-events:auto}.add-to-cart{background-color:var(--main-accent-color);color:#fff;padding:6px 8px;display:flex;gap:8px;width:fit-content;white-space:nowrap}#product-index-container{position:absolute;bottom:0;left:0%;z-index:102;padding:17px 20px;pointer-events:none}body.template-collection #product-index-container{position:fixed}body:not(.show-index) #product-index-trigger span:last-child,body.show-index #product-index-trigger span:first-child{display:none}#product-index-trigger{cursor:pointer;pointer-events:auto}.product-index-item{position:relative;cursor:pointer}.product-index-title{text-align:center;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);color:#fff;padding:0 10px;z-index:2}#product-index-content{min-width:170px;width:14vw;max-height:calc(100dvh - 70px);overflow:scroll;margin-bottom:20px;opacity:0;pointer-events:none;transition:opacity var(--transition-time) var(--transition-effect)}body.show-index #product-index-container{pointer-events:auto}body.show-index #product-index-content{opacity:1;pointer-events:auto}body.show-index .main-overlay{opacity:.8;pointer-events:auto}.product-index-item.active{pointer-events:none}.product-index-item.active .product-index-title{color:var(--main-accent-color)}body.template-collection .product-index-item:not(.active) .product-index-title{mix-blend-mode:difference}.product-index-item.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.7;z-index:1}.product-title{text-align:center;max-width:calc(50vw - 200px)}@media screen and (max-width:820px){.product-title{max-width:none}#product-index-container{padding:14px 10px}#product-index-trigger{margin-left:5px}#product-index-content{max-height:calc(100dvh - 60px)}.product-media-container{padding-left:0;padding-right:0;grid-template-columns:1fr;gap:0}.product-swiper .media{object-fit:cover}.product-form{padding:14px 0}.product-details-container{margin:0;padding:14px 10px;z-index:103}.product-swiper .swiper-pagination{--swiper-pagination-bottom: 14px;left:auto!important;right:20px;width:fit-content;letter-spacing:-.09em}.swiper-pagination-current,.swiper-pagination-total{letter-spacing:.015em}.product-details{background:#fff;border-top:1px solid var(--main-accent-color);width:100vw;padding:14px 50px}.product-details-list{margin-right:40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/style_product.css.map */