.hotspot{--hotspot-popup-width: 16.25rem;--hotspot-popup-bg: rgba(255, 255, 255, .92);--hotspot-popup-border: #e0e0e0;--hotspot-popup-pointer: 8px;width:100%;background-color:#fbfbfb;background-color:var(--primary_background, #fbfbfb);color:var(--primary_text)}.hotspot .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hotspot__inner{width:100%}.hotspot__header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.hotspot__eyebrow{margin:0;color:var(--detail_color)}.hotspot__heading{margin:0;color:var(--primary_text);line-height:1.2}.hotspot__layout{display:flex;flex-direction:column;width:100%}.hotspot__carousel,.hotspot__swiper{position:relative;width:100%}.hotspot__swiper:not(.swiper) .swiper-wrapper{display:block}.hotspot__swiper:not(.swiper) .swiper-slide{width:100%}.hotspot__swiper:not(.swiper) .swiper-slide:not(:first-child){display:none}.hotspot__swiper.swiper .swiper-slide,.hotspot__slide-wrap{width:100%;height:auto}.hotspot__slide{width:100%}.hotspot__media{position:relative;width:100%;height:var(--hotspot-media-min-height-mobile, 31.5rem);min-height:var(--hotspot-media-min-height-mobile, 31.5rem);border-radius:var(--section-media-radius, 12px);overflow:hidden}@media(max-width:768px){.hotspot__carousel{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hotspot__media{border-radius:0}}.hotspot__media-placeholder{width:100%;height:100%;background:color-mix(in srgb,var(--primary_text) 8%,var(--primary_background))}.hotspot__empty{margin:0;padding:2rem 1rem;text-align:center;color:var(--secondary_text)}.hotspot__picture{display:block;width:100%;height:100%}.hotspot__image{display:block;width:100%;height:100%;object-fit:cover}.hotspot__spots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hotspot__spots .hotspot__popup{position:absolute;z-index:3}.hotspot__spot{position:absolute;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin:0;padding:0;border:none;border-radius:50%;background:#fff;color:var(--primary_text);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;transition:background-color .2s ease,color .2s ease,transform .2s ease}.hotspot__spot.is-active{background-color:#c5a062;background-color:var(--detail_color, #c5a062);color:var(--tertiary_text, #fff)}.hotspot__spot.is-active .hotspot__spot-icon{transform:rotate(45deg)}.hotspot__spot-icon{display:flex;align-items:center;justify-content:center;width:.75rem;height:.75rem;transition:transform .2s ease}.hotspot__spot-icon svg{display:block;width:100%;height:100%}.hotspot__popup{position:absolute;width:min(var(--hotspot-popup-width),calc(100% - 1.5rem));max-width:var(--hotspot-popup-width);pointer-events:auto;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.hotspot__popup.is-open{visibility:visible;opacity:1}.hotspot-popup{position:relative;padding:.5rem;border:1px solid var(--hotspot-popup-border, rgba(0, 0, 0, .12));border-radius:12px;isolation:isolate;background-color:#fff;background-color:var(--hotspot-popup-bg, #fff);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.hotspot-popup__product-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit}.hotspot-popup__main{position:relative;z-index:1;display:flex;gap:.5rem;align-items:stretch;padding-right:1rem;pointer-events:none}.hotspot-popup__form,.hotspot-popup__close{pointer-events:auto}.hotspot-popup__media{flex-shrink:0;width:5rem;height:5rem;border:1px solid rgba(200,169,126,.3);border-radius:8px;overflow:hidden}.hotspot-popup__image,.hotspot-popup__image-placeholder{display:block;width:100%;height:100%;object-fit:cover}.hotspot-popup__image-placeholder{background:#0000000d}.hotspot-popup__content{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;justify-content:center;min-width:0}.hotspot-popup__title{margin:0;color:var(--primary_text);line-height:1.3;font-weight:var(--font-weight-regular);padding-right:.25rem}.hotspot-popup__description{margin:0;color:var(--secondary_text)}.hotspot-popup__form{margin:0}.hotspot-popup__buy{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.hotspot-popup__price{margin:0;color:var(--secondary_text);font-weight:700}.hotspot-popup__add{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:.5rem .25rem;border:none;border-radius:5px;min-height:2.5rem;box-sizing:border-box;background-color:#c5a062;background-color:var(--primary_button, #c5a062);color:#fff;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.hotspot-popup__add:hover{background-color:#c5a062;background-color:var(--primary_button, #c5a062);filter:brightness(.92)}.hotspot-popup__add--disabled{opacity:.6;cursor:not-allowed}.hotspot-popup__add-icon{display:none;font-size:1rem;font-weight:700;line-height:1}.hotspot-popup__add-text{display:inline}.hotspot-popup__close{position:absolute;top:0;right:0;z-index:1;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:0;padding:0;border:none;background:transparent;color:var(--secondary_text);cursor:pointer}.hotspot-popup__pointer{position:absolute;left:var(--pointer-x, 50%);bottom:calc(-1 * var(--hotspot-popup-pointer));width:0;height:0;transform:translate(-50%);border-left:var(--hotspot-popup-pointer) solid transparent;border-right:var(--hotspot-popup-pointer) solid transparent;border-top:var(--hotspot-popup-pointer) solid var(--hotspot-popup-bg);filter:drop-shadow(0 2px 1px rgba(0,0,0,.08))}.hotspot__popup[data-resolved-placement=below] .hotspot-popup__pointer{bottom:auto;top:calc(-1 * var(--hotspot-popup-pointer));border-top:none;border-bottom:var(--hotspot-popup-pointer) solid var(--hotspot-popup-bg)}.hotspot__popup[data-resolved-placement=left] .hotspot-popup__pointer{left:auto;right:calc(-1 * var(--hotspot-popup-pointer));bottom:auto;top:var(--pointer-y, 50%);transform:translateY(-50%);border:none;border-top:var(--hotspot-popup-pointer) solid transparent;border-bottom:var(--hotspot-popup-pointer) solid transparent;border-left:var(--hotspot-popup-pointer) solid var(--hotspot-popup-bg)}.hotspot__popup[data-resolved-placement=right] .hotspot-popup__pointer{left:calc(-1 * var(--hotspot-popup-pointer));bottom:auto;top:var(--pointer-y, 50%);transform:translateY(-50%);border:none;border-top:var(--hotspot-popup-pointer) solid transparent;border-bottom:var(--hotspot-popup-pointer) solid transparent;border-right:var(--hotspot-popup-pointer) solid var(--hotspot-popup-bg)}.hotspot-popup__meta{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border_color)}.hotspot-popup__meta-line{margin:0;color:var(--secondary_text)}.hotspot-popup__meta-line+.hotspot-popup__meta-line{margin-top:.1875rem}.hotspot__pagination{position:absolute;left:0;right:0;bottom:1.25rem;z-index:5;display:flex;justify-content:center;align-items:center;gap:.25rem;pointer-events:none}.hotspot__nav{display:none;position:absolute;top:50%;z-index:6;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:0;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--primary_background) 92%,transparent);color:var(--primary_text);box-shadow:0 2px 10px color-mix(in srgb,var(--primary_text) 16%,transparent);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .4s cubic-bezier(.22,1,.36,1),background-color .2s ease}.hotspot__nav.swiper-button-prev:after,.hotspot__nav.swiper-button-next:after,.hotspot__swiper .swiper-button-prev:after,.hotspot__swiper .swiper-button-next:after{display:none!important;content:none!important;font-size:0!important}.hotspot__nav--prev{left:1rem;transform:translate(-1.25rem,-50%)}.hotspot__nav--next{right:1rem;transform:translate(1.25rem,-50%)}.hotspot__nav-icon{display:block;width:1.25rem!important;height:1.25rem!important}.hotspot__nav.swiper-button-disabled,.hotspot__nav.swiper-button-lock{opacity:0!important;pointer-events:none!important}.hotspot__swiper.swiper .hotspot__nav,.hotspot__swiper .hotspot__nav.swiper-button-prev,.hotspot__swiper .hotspot__nav.swiper-button-next{display:none}@media(min-width:769px){.hotspot__media{height:var(--hotspot-media-min-height-desktop, 30rem);min-height:var(--hotspot-media-min-height-desktop, 30rem)}.hotspot__spot{width:1.5rem;height:1.5rem}.hotspot__swiper.swiper .hotspot__nav{display:flex;pointer-events:auto}.hotspot__carousel:hover .hotspot__nav:not(.swiper-button-disabled):not(.swiper-button-lock),.hotspot__carousel:focus-within .hotspot__nav:not(.swiper-button-disabled):not(.swiper-button-lock),.hotspot__nav:focus-visible:not(.swiper-button-disabled):not(.swiper-button-lock){opacity:1}.hotspot__carousel:hover .hotspot__nav--prev:not(.swiper-button-disabled):not(.swiper-button-lock),.hotspot__carousel:focus-within .hotspot__nav--prev:not(.swiper-button-disabled):not(.swiper-button-lock),.hotspot__nav--prev:focus-visible:not(.swiper-button-disabled):not(.swiper-button-lock){transform:translateY(-50%)}.hotspot__carousel:hover .hotspot__nav--next:not(.swiper-button-disabled):not(.swiper-button-lock),.hotspot__carousel:focus-within .hotspot__nav--next:not(.swiper-button-disabled):not(.swiper-button-lock),.hotspot__nav--next:focus-visible:not(.swiper-button-disabled):not(.swiper-button-lock){transform:translateY(-50%)}.hotspot__nav:hover{background-color:#fbfbfb;background-color:var(--primary_background, #fbfbfb)}.hotspot-popup__buy{flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.hotspot-popup__price{flex:1 1 auto}.hotspot-popup__add{width:2rem;height:2rem;min-height:2rem;padding:0;flex-shrink:0}.hotspot-popup__add-icon{display:inline}.hotspot-popup__add-text{display:none}.hotspot-popup__add--disabled{width:auto;height:auto;min-height:0;padding:.375rem .625rem}.hotspot-popup__add--disabled .hotspot-popup__add-text{display:inline}.hotspot__pagination{bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/hotspot.css.map */
