.bs-shop-layout{display:flex;flex-direction:column;gap:2.4rem}.bs-shop-layout--mobile-bottom .bs-shop-layout__content{order:2}.bs-shop-layout__content{display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-align:center;padding:2.4rem 2rem}.bs-shop-layout__content--flat{padding:0;background:none}.bs-shop-layout__content--rounded{border-radius:var(--text-boxes-radius, 16px)}.bs-shop-layout__content .bs-title{margin:0}.bs-shop-layout__content .rte>*:first-child{margin-top:0}.bs-shop-layout__content .rte>*:last-child{margin-bottom:0}.bs-shop-layout:not(.bs-shop-layout--desktop-left):not(.bs-shop-layout--desktop-right) .bs-shop-layout__content{max-width:72rem;margin-inline:auto;width:100%}@media screen and (min-width:750px){.bs-shop-layout--mobile-bottom .bs-shop-layout__content{order:0}.bs-shop-layout--desktop-bottom .bs-shop-layout__content{order:2}.bs-shop-layout--desktop-left,.bs-shop-layout--desktop-right{flex-direction:row;align-items:center;gap:5rem}.bs-shop-layout--desktop-left>*,.bs-shop-layout--desktop-right>*{flex:1 1 50%;min-width:0}.bs-shop-layout--desktop-right .bs-shop-layout__content{order:2}.bs-shop-layout__content{padding:4rem}.bs-shop-layout__content--left{text-align:left;align-items:flex-start}.bs-shop-layout__content--right{text-align:right;align-items:flex-end}}.bs-shop{display:block;width:100%;max-width:var(--bs-shop-max-width, 100%);margin-inline:auto}.bs-shop__media{position:relative}.bs-shop__frame{position:relative;overflow:hidden}.bs-shop__media--rounded .bs-shop__frame{border-radius:var(--media-radius, 16px)}.bs-shop__image{display:block;width:100%;height:auto}.bs-shop .bs-shop__hotspot{position:absolute;left:var(--mx, var(--x));top:var(--my, var(--y));z-index:2;width:3.2rem;height:3.2rem;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:2px solid rgba(var(--color-foreground),.9);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 3px 12px #00000040;transform:translate(-50%,-50%);cursor:pointer;transition:transform .2s ease}.bs-shop__hotspot .material-symbols-outlined{font-size:2rem;transition:transform .25s ease}.bs-shop__hotspot:hover,.bs-shop__hotspot.is-active{transform:translate(-50%,-50%) scale(1.1)}.bs-shop__hotspot.is-active .material-symbols-outlined{transform:rotate(45deg)}.bs-shop__hotspot:focus-visible{outline:2px solid #fff;outline-offset:3px}.bs-shop__hotspot--pulse:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid rgb(var(--color-background));animation:bs-shop-pulse 2s ease-out infinite;pointer-events:none}@keyframes bs-shop-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}@media(prefers-reduced-motion:reduce){.bs-shop__hotspot--pulse:after{animation:none}}@media screen and (min-width:750px){.bs-shop .bs-shop__hotspot{left:var(--x);top:var(--y);width:3.6rem;height:3.6rem}}.bs-shop__card{position:relative;z-index:3;width:100%;padding:1.6rem;border-radius:var(--popup-corner-radius, 16px);box-shadow:0 10px 36px #00000029;color:rgb(var(--color-foreground))}.bs-shop__card[hidden]{display:none}.bs-shop__close{position:absolute;top:.6rem;right:.6rem;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));cursor:pointer}.bs-shop__close .material-symbols-outlined{font-size:1.8rem}.bs-shop__card-main{display:flex;gap:1.2rem;align-items:center;margin-bottom:1.4rem;padding-right:3rem}.bs-shop__card-image{flex:0 0 var(--bs-shop-thumb, 7.2rem);width:var(--bs-shop-thumb, 7.2rem);aspect-ratio:1;border-radius:1rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.bs-shop__card--image-medium{--bs-shop-thumb: 9.6rem}.bs-shop__card--image-large{--bs-shop-thumb: 12rem}.bs-shop__card-image img,.bs-shop__card-image .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.bs-shop__card-info{display:flex;flex-direction:column;gap:.4rem;min-width:0}.bs-shop__card-title{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:1.3;text-decoration:none}.bs-shop__card-title:hover{text-decoration:underline;text-underline-offset:.2em}.bs-shop__card-title--small{font-size:1.4rem}.bs-shop__card-title--medium{font-size:1.6rem}.bs-shop__card-title--large{font-size:1.9rem}.bs-shop__card-price{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:1.5rem}.bs-shop__price{font-weight:700;color:rgb(var(--color-foreground))}.bs-shop__compare{opacity:.6;font-size:1.3rem}.bs-shop__badge{padding:.2rem .7rem;border-radius:999px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.1rem;font-weight:700}.bs-shop__card-text{margin:0;font-size:1.3rem;line-height:1.4}.bs-shop__variant{width:100%;margin-bottom:1rem;padding:1rem 1.2rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem}.bs-shop__form{margin:0}.bs-shop__form .product-form__error-message-wrapper:not([hidden]){margin-bottom:.8rem;font-size:1.3rem}@media screen and (max-width:749px){.bs-shop--mobile-inline .bs-shop__card{margin:1.2rem auto 0;max-width:100%}.bs-shop--mobile-popup .bs-shop__card{position:fixed;left:0;right:0;bottom:0;z-index:101;max-height:80vh;overflow-y:auto;padding:2rem 1.6rem calc(1.6rem + env(safe-area-inset-bottom));border-radius:2rem 2rem 0 0;animation:bs-shop-sheet .3s ease}@keyframes bs-shop-sheet{0%{transform:translateY(100%)}to{transform:none}}}@media screen and (min-width:750px){.bs-shop__card{position:absolute;left:var(--x);top:var(--y);width:min(var(--bs-shop-card-width, 360px),90vw);transform:translate(calc(2.8rem + var(--shift-x, 0px)),calc(-50% + var(--shift-y, 0px)));animation:bs-shop-pop .2s ease}.bs-shop__card--right{transform:translate(calc(-100% - 2.8rem + var(--shift-x, 0px)),calc(-50% + var(--shift-y, 0px)))}.bs-shop__card--center{transform:translate(calc(-50% + var(--shift-x, 0px)),calc(2.8rem + var(--shift-y, 0px)))}@keyframes bs-shop-pop{0%{opacity:0}to{opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-shoppable-image.css.map */