.garment-hotspot{--bg-color: #CCD7E3;--text-color: #3d3c3d;--hotspot-inner: #6c6c6c;--hotspot-outer: #f2efe9;position:relative;background-color:var(--bg-color);padding:40px 16px;overflow-x:hidden;max-width:100vw}@media(min-width:1024px){.garment-hotspot{padding:48px 80px}}.garment-hotspot__container{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1280px;margin:0 auto;overflow:hidden;width:100%}@media(min-width:1024px){.garment-hotspot__container{flex-direction:row;gap:24px}}.garment-hotspot__slider-wrap{position:relative;width:100%;padding-bottom:24px}@media(min-width:1024px){.garment-hotspot__slider-wrap{width:50%;padding-bottom:0}}.garment-hotspot__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 16px;margin-bottom:12px}@media(min-width:1024px){.garment-hotspot__header{gap:8px}}.garment-hotspot__badge{display:inline-block;padding:6px 16px;background-color:var(--badge-bg-color, #5C7A7A);color:var(--badge-text-color, #FFFFFF);font-family:var(--badge-font, sans-serif);font-size:calc(var(--badge-font-size, 11px) - 1px);font-weight:var(--badge-font-weight, 600);text-transform:var(--badge-text-transform, uppercase);letter-spacing:1.5px;border-radius:20px;margin-bottom:8px}@media(min-width:1024px){.garment-hotspot__badge{font-size:var(--badge-font-size, 11px);padding:8px 20px;margin-bottom:12px}}.garment-hotspot__title{margin:0;text-align:center;font-size:clamp(24px,8vw,var(--title-size-mobile, 36px));font-weight:var(--title-weight, 400);font-style:var(--title-style, normal);font-family:var(--title-font, inherit);color:var(--text-color);line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}@media(min-width:768px){.garment-hotspot__title{font-size:clamp(32px,5vw,var(--title-size, 48px))}}@media(min-width:1024px){.garment-hotspot__title{font-size:var(--title-size, 48px)}}.garment-hotspot__subtitle{margin:0;text-align:center;font-size:var(--subtitle-size-mobile, 16px);font-weight:var(--subtitle-weight, 400);font-style:var(--subtitle-style, normal);font-family:var(--subtitle-font, inherit);color:var(--text-color)}@media(min-width:1024px){.garment-hotspot__subtitle{font-size:var(--subtitle-size, 18px)}}.garment-hotspot__texts{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;margin-bottom:12px}.garment-hotspot__text-item{grid-column:1 / -1;grid-row:1 / -1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.garment-hotspot__text-item.active{opacity:1;visibility:visible}.garment-hotspot__pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.garment-hotspot__dot{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:50%;background-color:transparent;border:1px solid var(--text-color);cursor:pointer;transition:background-color .3s ease;padding:0;flex-shrink:0;aspect-ratio:1 / 1;box-sizing:border-box}@media(min-width:1024px){.garment-hotspot__dot{width:12px;height:12px;min-width:12px;min-height:12px}}.garment-hotspot__dot.active{background-color:var(--text-color)}.garment-hotspot__slides{position:relative;width:100%;overflow:hidden}.garment-hotspot__slides-inner{display:flex;transition:transform .4s ease;overflow:visible}.garment-hotspot__slide{position:relative;flex:0 0 100%;width:100%;padding:var(--hotspot-safe-space, 30px);box-sizing:border-box}.garment-hotspot__slide-inner{position:relative;overflow:visible}.garment-hotspot__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;object-position:center;border-radius:var(--image-border-radius, 16px)}.garment-hotspot__hotspot{position:absolute;left:var(--mobile-x);top:var(--mobile-y);transform:translate(-50%,-50%);z-index:10}.garment-hotspot__hotspot.active{z-index:50}@media(min-width:1024px){.garment-hotspot__hotspot{left:var(--desktop-x);top:var(--desktop-y)}}.garment-hotspot__hotspot-btn{display:flex;width:var(--hotspot-outer-size, 44px);height:var(--hotspot-outer-size, 44px);min-width:var(--hotspot-outer-size, 44px);min-height:var(--hotspot-outer-size, 44px);align-items:center;justify-content:center;border-radius:50%;background-color:var(--hotspot-outer);box-shadow:0 2px 8px #00000026;border:none;cursor:pointer;transition:transform .2s ease;aspect-ratio:1 / 1;flex-shrink:0;padding:0;box-sizing:border-box}.garment-hotspot__hotspot-btn:hover{transform:scale(1.1)}.garment-hotspot__hotspot-inner{display:flex;width:var(--hotspot-inner-size, 22px);height:var(--hotspot-inner-size, 22px);min-width:var(--hotspot-inner-size, 22px);min-height:var(--hotspot-inner-size, 22px);align-items:center;justify-content:center;border-radius:50%;background-color:var(--hotspot-inner);transition:background-color .2s ease;aspect-ratio:1 / 1;flex-shrink:0}.garment-hotspot__hotspot.active .garment-hotspot__hotspot-inner{background-color:transparent}.garment-hotspot__hotspot-inner svg{width:12px;height:12px;opacity:0;transition:opacity .2s ease}.garment-hotspot__hotspot.active .garment-hotspot__hotspot-inner svg{opacity:1}.garment-hotspot__hotspot-content{position:absolute;left:50%;top:48px;transform:translate(-50%);width:160px;padding:8px;background-color:#f2efe9;border-radius:16px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:20}.garment-hotspot__hotspot.active .garment-hotspot__hotspot-content{opacity:1;visibility:visible}.garment-hotspot__hotspot-text{margin:0;text-align:center;font-size:14px;line-height:1.3;color:var(--text-color)}.garment-hotspot__slides{position:relative}.garment-hotspot__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f2efe9;border:none;box-shadow:0 2px 8px #0000001a;cursor:pointer;z-index:15;transition:opacity .2s ease}@media(min-width:1024px){.garment-hotspot__nav{width:40px;height:40px}}.garment-hotspot__nav:disabled{opacity:.5;cursor:not-allowed}.garment-hotspot__nav--prev{left:0}.garment-hotspot__nav--next{right:0}@media(min-width:1280px){.garment-hotspot__nav--prev{left:96px}.garment-hotspot__nav--next{right:96px}}.garment-hotspot__nav svg{width:12px;height:auto}@media(min-width:1024px){.garment-hotspot__nav svg{width:16px}}.garment-hotspot__nav--prev svg{transform:rotate(180deg)}.garment-hotspot__products-wrap{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}@media(min-width:1024px){.garment-hotspot__products-wrap{width:50%}}.garment-hotspot__products{grid-column:1 / -1;grid-row:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:16px 16px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;list-style:none;margin:0;padding:0}.garment-hotspot__products>li{display:flex}@media(min-width:1024px){.garment-hotspot__products{gap:36px 24px}}.garment-hotspot__products.active{opacity:1;visibility:visible}.garment-hotspot__product{display:flex;flex-direction:column;text-decoration:none;color:var(--text-color);height:100%}.garment-hotspot__product-image-wrap{position:relative;overflow:hidden;border-radius:8px;flex-shrink:0}@media(min-width:1024px){.garment-hotspot__product-image-wrap{border-radius:16px}}.garment-hotspot__product-image{width:100%;aspect-ratio:var(--product-image-aspect, 4 / 5);object-fit:cover;object-position:center;transition:transform .3s ease}@media(min-width:1024px){.garment-hotspot__product-image{aspect-ratio:var(--product-image-aspect-desktop, var(--product-image-aspect, 4 / 5))}}.garment-hotspot__product:hover .garment-hotspot__product-image{transform:scale(1.05)}.garment-hotspot__product-badge{position:absolute;left:10px;top:10px;padding:4px 12px;border-radius:100px;background-color:#ddd;font-size:12px;font-weight:500;color:#3d3c3d}.garment-hotspot__product-badge--soldout{background-color:#ddd}.garment-hotspot__product-meta{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex-grow:1;text-align:center;padding:12px 8px}.garment-hotspot__product-title{margin:0 0 auto;padding-bottom:10px;font-size:var(--product-title-size-mobile, 14px);font-weight:var(--product-title-weight, 500);font-family:var(--product-title-font, inherit);line-height:1.3;text-transform:var(--product-title-transform, none);color:var(--text-color)}@media(min-width:1024px){.garment-hotspot__product-title{font-size:var(--product-title-size, 15px)}}.garment-hotspot__product-btn{display:inline-block;padding:8px 20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--text-color);border:1px solid var(--text-color);border-radius:20px;transition:all .2s ease}.garment-hotspot__product:hover .garment-hotspot__product-btn{background-color:var(--text-color);color:var(--bg-color)}
/*# sourceMappingURL=/cdn/shop/t/909/assets/garment-hotspot-slider.css.map */