.product-accordion-section{padding:60px 20px;background-color:#f5f5f5}.row{display:flex;gap:40px;align-items:flex-start}.col-left,.col-right{flex:1;min-width:0}.section-title{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:30px;color:#000}.accordion{display:flex;flex-direction:column;gap:0}.accordion-item{border-bottom:1px solid #ddd}.accordion-header{width:100%;display:flex;align-items:center;gap:12px;padding:20px 0;background:none;border:none;cursor:pointer;text-align:left;transition:all .3s ease}.accordion-number{width:24px;height:24px;background-color:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.accordion-title{flex:1;font-size:18px;font-weight:600;color:#000}.accordion-icon{font-size:24px;font-weight:300;color:#000;flex-shrink:0}.accordion-content{display:none;overflow:hidden}.accordion-body{padding:0 0 20px 36px;color:#333;line-height:1.6}.accordion-list{margin:12px 0 0;padding-left:20px}.accordion-list li{margin-bottom:8px;color:#333}.product-image{width:100%;height:auto;border-radius:20px}.placeholder-image{background-color:#e0e0e0;border-radius:8px;overflow:hidden}.image-hotspots{position:relative;display:inline-block}.hotspot{position:absolute;transform:translate(-50%,-50%);background:#fff;color:#000;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .3s}.hotspot.active:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.6);top:0;left:0;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}.hotspot.active{background:#fff;color:#111;box-shadow:0 0 0 6px #ffffff80}.hotspot.active:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,.6);top:0;left:0;animation:pulse-ring 1.5s infinite ease-out}@keyframes pulse-ring{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.3);opacity:.3}to{transform:scale(1.6);opacity:0}}.desktop-layout{display:flex;gap:40px}.mobile-layout{display:none}@media screen and (max-width: 768px){.desktop-layout{display:none}.mobile-layout{display:block}.product-accordion-section{display:none}.mobile-layout{display:block;padding:20px}.row{flex-direction:column}.section-title{font-size:28px}.accordion-header{padding:15px 0}.accordion-title{font-size:16px}.accordion-carousel{margin-top:20px;display:flex;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory;gap:16px;padding:10px;scroll-behavior:smooth}.accordion-card-header{background:#2e3b2e;color:#fff;display:flex;align-items:center;gap:10px;padding:20px;font-size:14px;font-weight:600;height:80px;min-height:80px}.image-hotspots{position:relative;display:inline-block}.accordion-carousel{margin-top:20px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:10px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.accordion-carousel::-webkit-scrollbar{display:none}.accordion-card{flex:0 0 85%;background:#e1ded6;border-radius:16px;scroll-snap-align:start;overflow:hidden}.accordion-card-header{background:#2e3b2e;color:#fff;display:flex;align-items:center;gap:10px;padding:20px;font-size:14px;font-weight:600}.accordion-number{width:28px;height:28px;border-radius:50%;background:#fff;color:#2e3b2e;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.accordion-card-body{padding:16px;color:#111}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.carousel-dots span{width:79px;height:4px;background:#c2c2ba;border-radius:9999px;transition:all .3s ease}.carousel-dots span.active{background:#2e3b2e;height:8px;margin-top:-4px;border-radius:9999px;/}}@media screen and (max-width: 768px){.section-title-mobile{padding:0 5px}.hotspot-mob{position:absolute;top:var(--top);left:var(--left);transform:translate(-50%,-50%);z-index:5;background:#fff;color:#111;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:visible}.hotspot-mob.active{background:#fff;color:#111;box-shadow:0 0 0 4px #ffffff80}.hotspot-mob.active:after,.hotspot-mob.active:before{content:"";position:absolute;top:50%;left:50%;width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.8);transform:translate(-50%,-50%) scale(1);animation:pulse-ring 2.2s infinite ease-out;pointer-events:none}.hotspot-mob.active:before{animation-delay:.5s;border-color:#ffffff80}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.6);opacity:.4}to{transform:translate(-50%,-50%) scale(2);opacity:0}}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/protector-visual.css.map */