hot-spots-swiper .hot-spots-swiper-pc{position:relative}hot-spots-swiper .hot-spots-swiper-image,hot-spots-swiper .hot-spots-product-block{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}hot-spots-swiper .hot-spots-swiper-item-image,hot-spots-swiper .hot-spots-product-item{width:100%;grid-area:1 / 1;opacity:0;transition:opacity .4s ease}hot-spots-swiper .hot-spots-swiper-item-image.active,hot-spots-swiper .hot-spots-product-item.active{opacity:1}hot-spots-swiper .hot-spots-container{padding:40px;position:absolute;top:0;left:0;right:0;bottom:0}hot-spots-swiper .hot-spots-heading{display:flex;flex-direction:column;gap:15px}hot-spots-swiper .hot-spots-content{width:100%;height:100%;display:grid;grid-template-columns:1fr auto;align-items:start;position:relative;padding-top:calc(100vw * 110 / var(--base-width))}hot-spots-swiper .hot-spots-nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px}hot-spots-swiper .hot-spots-nav .category-hero-item{opacity:.7;cursor:pointer}hot-spots-swiper .hot-spots-nav .category-hero-item.active{opacity:1}hot-spots-swiper .hot-spots-product-block{max-width:calc(100vw * 277 / var(--base-width));background:#fff;color:#171717;padding:26px 21px 8px;border-radius:8px}hot-spots-swiper .hot-spots-product-list{margin-top:12px}hot-spots-swiper .swiper{padding-bottom:28px}hot-spots-swiper .swiper-pagination-bullet{--swiper-pagination-bullet-inactive-color: #171717;--swiper-pagination-bullet-inactive-opacity: 1}hot-spots-swiper .swiper-pagination-bullet-active{--swiper-pagination-color: #fff;border:2px solid}hot-spots-swiper .hot-spots-content .hot-spot{position:absolute;left:var(--hot-spot-position-pc-left);top:var(--hot-spot-position-pc-top)}hot-spots-swiper .hot-spot .hot-spot__dot{--hot-spot-dot-size: 24px}hot-spots-swiper .hot-spot.active .hot-spot__dot{--hot-spot-dot-size: 36px}hot-spots-swiper .category-hero-item-btn{display:none}hot-spots-swiper .category-hero-item-btn.active{display:block}hot-spots-swiper .category-hero-btn{position:absolute;bottom:17%}@media (min-width:1024px) and (max-width:1441px){hot-spots-swiper .hot-spots-content{padding-top:calc(100vw * 60 / var(--base-width))}}@media (max-width:1250px){hot-spots-swiper .hot-spots-content{padding-top:calc(100vw * 40 / var(--base-width))}}@media (max-width:1024px){hot-spots-swiper .hot-spots-content{padding-top:calc(100vw * 17 / var(--base-width))}hot-spots-swiper .hot-spots-nav{gap:calc(100vw * 7 / var(--base-width))}hot-spots-swiper .hot-spots-product-block{max-width:245px}}@media (max-width:768px){hot-spots-swiper .hot-spot{left:var(--hot-spot-position-mobile-left);top:var(--hot-spot-position-mobile-top)}hot-spots-swiper .color-scheme{--text-color: 23, 23, 23}hot-spots-swiper .mobile-hot-spots-heading{gap:8px;display:flex;flex-direction:column}hot-spots-swiper .mobile-hot-spots-container{margin-top:calc(100vw * 30 / var(--base-width))}hot-spots-swiper .mobile-hot-spots-label-block .mobile-hot-spots-content{margin-top:calc(100vw * 23 / var(--base-width));display:none}hot-spots-swiper .mobile-hot-spots-label-block.active{border-bottom:0}hot-spots-swiper .mobile-hot-spots-label-block.active .mobile-hot-spots-content{display:block}hot-spots-swiper .mobile-hot-spots-swiper-item-image{position:relative;display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}hot-spots-swiper .mobile-hot-spots-swiper-item-image .mobile-hot-spots-swiper-item-area{width:100%;height:100%;grid-area:1 / 1}hot-spots-swiper .mobile-hot-spots-label-block .mobile-hot-spots-label-name{opacity:.5}hot-spots-swiper .mobile-hot-spots-label-block.active .mobile-hot-spots-label-name{opacity:1}hot-spots-swiper .mobile-hot-spots-label-block{border-bottom:1px dashed #171717;padding:calc(100vw * 20 / var(--base-width)) 0}hot-spots-swiper .mobile-product-item{display:flex;align-items:stretch;gap:calc(100vw * 15 / var(--base-width))}hot-spots-swiper .mobile-product-item img{width:calc(100vw * 137 / var(--base-width));background:#fafafa}hot-spots-swiper .mobile-hot-spots-product-list{margin-top:calc(100vw * 20 / var(--base-width))}hot-spots-swiper .mobile-product-content{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0}hot-spots-swiper .hot-spot.active .hot-spot__dot{--hot-spot-dot-size: 24px}hot-spots-swiper .hot-spot .hot-spot__dot{--hot-spot-dot-size: 16px}hot-spots-swiper .mobile-hot-spots-swiper-item-btn button{position:absolute;bottom:calc(100vw * 30 / var(--base-width));right:calc(100vw * 20 / var(--base-width))}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hot-spots-swiper.css.map */