.shopify-section--hotspot-feature .section[style*=--hotspot-bg-image]{background-image:var(--hotspot-bg-image);background-size:cover;background-position:center}.shopify-section--hotspot-feature .hotspot-feature{position:relative;padding:60px 40px 60px 60px;border-radius:16px;overflow:hidden}.shopify-section--hotspot-feature .section:not([style*=--hotspot-bg-image]) .hotspot-feature{background:var(--hotspot-bg)}.hotspot-feature--full-width{border-radius:0}.hotspot-feature__content{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:64px;z-index:1}.hotspot-feature__left{display:flex;flex-direction:column;gap:40px;flex-shrink:0;max-width:480px}.hotspot-feature__header{display:flex;flex-direction:column;gap:24px}.hotspot-feature__subheading{display:flex;align-items:center;gap:10px;font-family:var(--font-family-host-gellix);font-size:17px;font-weight:var(--font-weight-medium);line-height:var(--line-height-140);color:var(--color-grey-70)}.hotspot-feature__dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-blue-300);flex-shrink:0}.hotspot-feature__text{display:flex;flex-direction:column;gap:16px}.hotspot-feature__title{font-family:var(--font-family-host-gellix);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);line-height:var(--line-height-102);color:var(--color-black);margin:0;max-width:var(--hotspot-title-max-width, 337px)}.hotspot-feature__desc{font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-18);font-weight:var(--font-weight-regular);line-height:var(--line-height-140);color:var(--color-black);margin:0;max-width:460px}.hotspot-feature__badges{display:flex;gap:34px;flex-wrap:wrap}.hotspot-feature__badge{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.hotspot-feature__badge-icon{width:34px;height:34px;border-radius:var(--radius-2xs);background-color:#f6d7da9c;display:flex;align-items:center;justify-content:center;overflow:hidden}.hotspot-feature__badge-icon img,.hotspot-feature__badge-icon svg{width:22px;height:22px}.hotspot-feature__badge-text{font-family:var(--font-family-host-gellix);font-size:18.6px;font-weight:var(--font-weight-medium);line-height:var(--line-height-130);color:var(--color-black)}.hotspot-feature__badge-red{font-weight:var(--font-weight-semibold);color:var(--color-red)}.hotspot-feature__right{flex:1;min-width:0;max-width:55%}.hotspot-feature__image-wrap{position:relative;width:100%;max-height:var(--hotspot-image-height, 580px);display:flex;align-items:center;justify-content:center}.hotspot-feature__image-wrap picture{display:flex;align-items:center;justify-content:center;max-height:var(--hotspot-image-height, 580px)}.hotspot-feature__image-wrap picture img,.hotspot-feature__product-img{width:auto;max-width:100%;max-height:var(--hotspot-image-height, 580px);height:auto;object-fit:contain}.hotspot-feature__marker{position:absolute;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-white);border:1px solid var(--color-grey-20);display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translate(-50%,-50%);transition:var(--transition-quick);z-index:2;box-shadow:0 2px 8px #0000001a}.hotspot-feature__marker:hover{background-color:var(--color-blue-300);border-color:var(--color-blue-300)}.hotspot-feature__marker:hover .hotspot-feature__marker-icon{color:var(--color-white)}.hotspot-feature__marker-icon.theme-icon{width:14px;height:14px;color:var(--color-black);--icon-size: 14px}.hotspot-feature__card{position:absolute;width:363px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-grey-10);border-radius:var(--radius-s);box-shadow:0 4px 17.6px #8888881a;z-index:3;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;top:0;left:0}.hotspot-feature__card--active{opacity:1;visibility:visible;transform:translateY(0)}.hotspot-feature__card-number{width:36px;height:36px;border-radius:var(--radius-2xs);background-color:var(--color-blue-300);color:var(--color-white);font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-18);font-weight:var(--font-weight-medium);line-height:var(--line-height-140);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.hotspot-feature__card-content{display:flex;flex-direction:column;gap:10px}.hotspot-feature__card-title{font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-20);font-weight:var(--font-weight-medium);line-height:var(--line-height-130);color:var(--color-black);margin:0}.hotspot-feature__card-desc{font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-16);font-weight:var(--font-weight-regular);line-height:var(--line-height-150);color:var(--color-black);margin:0}@media screen and (max-width:999px){.shopify-section--hotspot-feature .section{--calculated-section-spacing-block-start: 0px;--calculated-section-spacing-block-end: 0px;--calculated-section-spacing-inline: 0px}.hotspot-feature__content{flex-direction:column;align-items:center;gap:50px}.hotspot-feature__left{max-width:100%;gap:40px}.hotspot-feature__subheading{font-size:14px;line-height:var(--line-height-150)}.hotspot-feature__title{font-size:var(--font-size-h2-mobile);max-width:100%}.hotspot-feature__desc{font-size:var(--font-size-body-16);line-height:var(--line-height-150);max-width:100%}.hotspot-feature__right{max-width:100%}.hotspot-feature__image-wrap{position:relative;height:435px;max-height:none}.hotspot-feature__image-wrap picture{display:flex;justify-content:center;width:100%;height:100%}.hotspot-feature__image-wrap picture img{height:100%;width:auto;max-height:435px;object-fit:contain}.shopify-section--hotspot-feature .section[style*=--hotspot-bg-image]{background-image:none}.shopify-section--hotspot-feature .section .hotspot-feature{background:var(--hotspot-mobile-bg, var(--hotspot-bg));padding:22px 16px 24px}.hotspot-feature__badges{display:grid;grid-template-columns:1fr 1fr;gap:34px 46px}.hotspot-feature__badge{flex-direction:row;align-items:center;gap:12px;position:relative}.hotspot-feature__badge:nth-child(odd):after{content:"";position:absolute;right:-23px;top:0;bottom:0;width:1px;background-color:var(--color-grey-20)}.hotspot-feature__badge-icon{flex-shrink:0}.hotspot-feature__badge-text{font-size:var(--font-size-body-16);font-style:normal;font-weight:var(--font-weight-medium);text-align:center;flex:1;display:flex;flex-direction:column}.hotspot-feature__card{width:224px;padding:12px}.hotspot-feature__card-number{width:28px;height:28px;font-size:15.75px;margin-bottom:12px}.hotspot-feature__card-content{gap:8px}.hotspot-feature__card-title{font-size:var(--font-size-body-16);line-height:var(--line-height-140)}.hotspot-feature__card-desc{font-size:14px;line-height:var(--line-height-150)}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/section-hotspot-feature.css.map */