.io-hotspot-section{padding:80px 0}.io-hotspot-heading{text-align:center;font-size:calc(var(--typeHeaderSize) * .85);font-weight:800;text-transform:uppercase;margin:0 0 50px;line-height:1.1;letter-spacing:.02em}.io-hotspot-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-start;max-width:1200px;margin:0 auto}.io-hotspot-image-wrapper{position:relative;width:100%;display:block}.io-hotspot-image-wrapper img,.io-hotspot-image-wrapper svg{width:100%;height:auto;display:block;border-radius:8px}.io-hotspot-dot.is-active{background-color:#2e241b;border-color:#2e241b;transform:translate(-50%,-50%) scale(1.15);z-index:3}.io-hotspot-accordion{display:flex;flex-direction:column;gap:15px}.io-accordion-item{border-bottom:1px solid rgba(46,36,27,.1);padding-bottom:15px}.io-accordion-item:last-child{border-bottom:none}.io-accordion-header{width:100%;background:transparent;border:none;padding:0;display:flex;align-items:center;gap:15px;cursor:pointer;text-align:left}.io-accordion-header h3{margin:0;font-size:1rem;font-weight:700;text-transform:uppercase;color:#2e241b;letter-spacing:.05em;transition:color .3s}.is-active .io-accordion-icon{background-color:#2e241b}.io-accordion-body{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease;opacity:0}.is-active .io-accordion-body{max-height:200px;opacity:1}.io-accordion-text{padding:10px 0 10px 39px;font-size:.95rem;line-height:1.5;color:#4a4036}.io-hotspot-dot{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background-color:#f5f1ea;color:#2e241b;border:2px solid #2e241b;box-shadow:0 4px 10px #00000026;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;padding:0;transition:all .3s ease;z-index:2}.io-hotspot-dot:hover{transform:translate(-50%,-50%) scale(1.1)}.io-hotspot-dot.is-active{background-color:#2e241b;color:#c2a35e;border-color:#f5f1ea;transform:translate(-50%,-50%) scale(1.15);z-index:3}.io-accordion-icon{width:32px;height:32px;border-radius:50%;background-color:#f5f1ea;color:#2e241b;border:2px solid #2e241b;font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback)!important;box-shadow:0 4px 10px #00000026;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;padding:0;transition:all .3s ease;z-index:2}.is-active .io-accordion-icon{background-color:#2e241b;color:#c2a35e;border-color:#f5f1ea}.io-hotspot-toggle-wrapper{display:flex;justify-content:center;margin-bottom:15px}.io-hotspot-toggle{display:inline-flex;background-color:#f5f1ea;border-radius:50px;padding:4px}.io-toggle-btn{background:transparent;border:none;border-radius:50px;padding:10px 24px;font-size:.9rem;font-weight:700;text-transform:uppercase;color:#4a4036;cursor:pointer;transition:all .3s ease;letter-spacing:.05em}.io-toggle-btn.is-active{background-color:#2e241b;color:#c2a35e;box-shadow:0 4px 10px #0000001a}.io-main-img{display:none!important;width:100%;height:auto;border-radius:8px}.io-main-img.is-visible{display:block!important}.is-hidden{display:none!important}.io-hotspot-image-wrapper{counter-reset:hotspot-counter}.io-hotspot-dot:not(.is-hidden){counter-increment:hotspot-counter}.io-hotspot-dot:not(.is-hidden):before{content:counter(hotspot-counter)}.io-hotspot-accordion{counter-reset:accordion-counter}.io-accordion-item:not(.is-hidden) .io-accordion-icon{counter-increment:accordion-counter}.io-accordion-item:not(.is-hidden) .io-accordion-icon:before{content:counter(accordion-counter)}@media(max-width:769px){.io-hotspot-grid{grid-template-columns:1fr;gap:20px}.io-hotspot-heading{font-size:calc(var(--typeHeaderSize) * .73);margin-bottom:30px;font-weight:800}.io-hotspot-section{padding:40px 0}.io-hotspot-toggle-wrapper{margin-bottom:15px}.io-hotspot-media{position:sticky;top:71px;z-index:10;background-color:#f5f1ea;padding:10px 0 20px}.io-hotspot-media:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--io-header-tex-1);opacity:var(--io-header-op-1);background-repeat:repeat;background-size:auto;mix-blend-mode:multiply;z-index:-1;pointer-events:none}.io-hotspot-image-wrapper img,.io-hotspot-image-wrapper svg{max-height:55vh;width:auto;margin:0 auto;object-fit:contain}.io-hotspot-media{margin-left:calc(-1 * var(--page-padding, 20px));margin-right:calc(-1 * var(--page-padding, 20px));padding-left:var(--page-padding, 20px);padding-right:var(--page-padding, 20px);width:100vw;position:sticky;top:71px;z-index:10;background-color:#f5f1ea}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/io-hotspot-features.css.map */