.ht-product-main{--ht-gallery-height: clamp(300px, calc(100svh - 420px) ,460px);--ht-thumbnail-size: 64px}.ht-product-main .product__media-wrapper media-gallery{max-width:540px;margin-inline:auto}.ht-product-main .product-media-container.media-type-image{width:100%;max-width:100%;height:var(--ht-gallery-height);margin:0;background:#fff;border-radius:2px}.ht-product-main .media-type-image .product__modal-opener,.ht-product-main .media-type-image .product__media{height:100%;padding-top:0}.ht-product-main .media-type-image .product__media img{width:100%;height:100%;object-fit:contain}.ht-product-main .media-type-image .product__media-toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;cursor:zoom-in}.ht-product-main .product__media-list{margin-bottom:0}.ht-product-main .thumbnail-slider{margin:10px 0 0}.ht-product-main .thumbnail-slider .thumbnail-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:10px;padding:4px;margin:0;width:100%;scroll-padding-left:4px;overflow-x:auto}.ht-product-main .thumbnail-slider .thumbnail-list__item.slider__slide{width:var(--ht-thumbnail-size);height:var(--ht-thumbnail-size);flex:0 0 var(--ht-thumbnail-size);padding:0;margin:0}.ht-product-main .thumbnail-list__item:before{padding-bottom:0}.ht-product-main .thumbnail{background:#fff;border:1px solid var(--ht-line);border-radius:2px}.ht-product-main .thumbnail img{object-fit:contain}.ht-product-main .thumbnail[aria-current]{border:2px solid var(--ht-ink);box-shadow:none}.ht-product-main .thumbnail-slider>.slider-button{display:none}.ht-product-main .product__media-icon{opacity:1;width:36px;height:36px}.ht-gallery-hint{margin:8px 0 0;font:400 14px/1.5 var(--font-body-family);color:#655f57}@media(min-width:750px){.ht-product-main .product__info-wrapper,.ht-product-main .product__info-wrapper--extra-padding{padding-left:48px}.ht-product-main .product__column-sticky{top:220px}}@media(max-width:989px)and (min-width:750px){.ht-product-main{--ht-gallery-height: 360px;--ht-thumbnail-size: 48px}.ht-product-main .product__info-wrapper{padding-left:28px}.ht-product-main .thumbnail-slider .thumbnail-list{gap:6px}}@media(max-width:749px){.ht-product-main{--ht-gallery-height: clamp(230px,36svh,300px);--ht-thumbnail-size: clamp(44px,13vw,54px)}.ht-product-main .product__media-wrapper{padding:0;margin:0 0 24px}.ht-product-main .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide){margin-inline:0}.ht-product-main .product__media-list{width:100%;margin:0;padding:0;gap:0;scroll-padding-left:0;scroll-snap-type:x mandatory}.ht-product-main .product__media-list:after{display:none}.ht-product-main .product__media-list .product__media-item{width:100%;max-width:100%;flex:0 0 100%;margin:0;padding:0;scroll-snap-align:start}.ht-product-main .thumbnail-slider .thumbnail-list{gap:8px}.ht-product-main .product__info-wrapper{padding:0}.ht-gallery-hint{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hair-temple-gallery.css.map */