{"product_id":"apocalypse-ap-m101se-pro-10-mid-range-speakers-pair","title":"Apocalypse AP-M101SE PRO | 10\" Mid-Range Speakers (Pair)","description":"\u003c!-- SPEAKER SHOWCASE - TWO SECTIONS - START --\u003e\n\u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;600;700;900\u0026family=Orbitron:wght@400;700;900\u0026display=swap');\n    \n    .hud-speaker-section {\n        font-family: 'Rajdhani', sans-serif;\n        background: #ffffff;\n        color: #1a1a1a;\n        padding: 0px 20px;\n        position: relative;\n        overflow: hidden;\n        min-height: auto;\n    }\n    \n    \/* First section needs top padding for title *\/\n    .section-1 {\n        padding-top: 80px;\n        padding-bottom: 0px;\n        min-height: 100vh;\n    }\n    \n    \/* Second section with NEGATIVE margin to overlap *\/\n    .section-2 {\n        padding-top: 0px;\n        padding-bottom: 0px;\n        margin-top: -100px;\n    }\n    \n    \/* Clean background - no grid *\/\n    .hud-speaker-section::before {\n        display: none;\n    }\n    \n    \/* Floating Title *\/\n    .hud-title {\n        text-align: center;\n        margin-bottom: 60px;\n        position: relative;\n        z-index: 10;\n        animation: float 4s ease-in-out infinite;\n    }\n    \n    @keyframes float {\n        0%, 100% { \n            transform: translateY(0px);\n        }\n        50% { \n            transform: translateY(-10px);\n        }\n    }\n    \n    .hud-series {\n        font-size: 20px;\n        color: #84BD00;\n        letter-spacing: 6px;\n        text-transform: uppercase;\n        font-weight: 700;\n        margin-bottom: 20px;\n        text-shadow: 0 0 10px rgba(132, 189, 0, 0.5);\n    }\n    \n    .hud-model {\n        font-size: 64px;\n        font-weight: 900;\n        font-family: 'Orbitron', sans-serif;\n        letter-spacing: 4px;\n        margin-bottom: 20px;\n    }\n    \n    .hud-model-main {\n        background: linear-gradient(180deg, #c0c0c0 0%, #808080 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .hud-model-pro {\n        color: #84BD00;\n        text-shadow: 0 0 30px rgba(132, 189, 0, 0.8);\n    }\n    \n    .hud-subtitle {\n        font-size: 12px;\n        color: #666666;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n    }\n    \n    \/* Speaker Display *\/\n    .hud-display {\n        position: relative;\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 20px 20px 0px 20px;\n    }\n    \n    \/* Second section - zero top padding *\/\n    .section-2 .hud-display {\n        padding: 0px 20px 0px 20px;\n    }\n    \n    .hud-speaker-container {\n        position: relative;\n        width: 100%;\n        max-width: 500px;\n        margin: 0 auto;\n        z-index: 5;\n    }\n    \n    .hud-speaker-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        filter: drop-shadow(0 0 30px rgba(132, 189, 0, 0.3));\n        position: relative;\n        z-index: 5;\n    }\n    \n    \/* Section 1 - Clockwise rotation *\/\n    .section-1 .hud-speaker-img {\n        animation: rotate-speaker-clockwise 120s linear infinite;\n    }\n    \n    @keyframes rotate-speaker-clockwise {\n        from { transform: rotate(0deg); }\n        to { transform: rotate(360deg); }\n    }\n    \n    \/* Section 2 - Counter-clockwise rotation *\/\n    .section-2 .hud-speaker-img {\n        animation: rotate-speaker-counter 120s linear infinite;\n    }\n    \n    @keyframes rotate-speaker-counter {\n        from { transform: rotate(0deg); }\n        to { transform: rotate(-360deg); }\n    }\n    \n    \/* HUD Data Points *\/\n    .hud-datapoint {\n        position: absolute;\n        opacity: 0;\n        transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n        z-index: 10;\n    }\n    \n    \/* Show datapoints when speaker is in view *\/\n    .hud-speaker-container.in-view .hud-datapoint {\n        opacity: 1;\n        transform: translate(0, 0);\n    }\n    \n    \/* Faster staggered appearance *\/\n    .hud-speaker-container.in-view .hud-datapoint-1 { transition-delay: 0.2s; }\n    .hud-speaker-container.in-view .hud-datapoint-2 { transition-delay: 0.4s; }\n    .hud-speaker-container.in-view .hud-datapoint-3 { transition-delay: 0.6s; }\n    .hud-speaker-container.in-view .hud-datapoint-4 { transition-delay: 0.8s; }\n    \n    \/* HUD Box Styling *\/\n    .hud-box {\n        background: rgba(255, 255, 255, 0.98);\n        border: 2px solid #84BD00;\n        padding: 4px 8px;\n        position: relative;\n        clip-path: polygon(\n            0 0,\n            calc(100% - 8px) 0,\n            100% 8px,\n            100% 100%,\n            8px 100%,\n            0 calc(100% - 8px)\n        );\n        box-shadow: \n            0 0 15px rgba(132, 189, 0, 0.3),\n            0 2px 8px rgba(0, 0, 0, 0.1);\n        min-width: 80px;\n        z-index: 10;\n    }\n    \n    .hud-box::before {\n        content: '';\n        position: absolute;\n        top: -2px;\n        right: -2px;\n        width: 8px;\n        height: 3px;\n        border-top: 2px solid #84BD00;\n        border-right: 2px solid #84BD00;\n    }\n    \n    .hud-box::after {\n        content: '';\n        position: absolute;\n        bottom: -2px;\n        left: -2px;\n        width: 8px;\n        height: 3px;\n        border-bottom: 2px solid #84BD00;\n        border-left: 2px solid #84BD00;\n    }\n    \n    .hud-label {\n        font-size: 11px;\n        color: #84BD00;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        font-weight: 700;\n        margin-bottom: 1px;\n        text-shadow: 0 0 5px rgba(132, 189, 0, 0.5);\n    }\n    \n    .hud-value {\n        font-size: 13px;\n        color: #1a1a1a;\n        font-weight: 900;\n        font-family: 'Orbitron', sans-serif;\n    }\n    \n    \/* Connecting Lines *\/\n    .hud-line {\n        position: absolute;\n        height: 2px;\n        background: linear-gradient(90deg, #84BD00, transparent);\n        box-shadow: 0 0 5px #84BD00;\n        z-index: 1;\n    }\n    \n    \/* SECTION 1 - Alternating left\/right *\/\n    .section-1 .hud-datapoint-1 {\n        top: 30%;\n        left: 15px;\n        transform: translateX(-100px);\n    }\n    \n    .section-1 .hud-datapoint-1 .hud-line {\n        width: 15px;\n        left: 100%;\n        top: 50%;\n        background: linear-gradient(270deg, #84BD00, transparent);\n    }\n    \n    .section-1 .hud-datapoint-2 {\n        top: 45%;\n        right: 15px;\n        transform: translateX(100px);\n    }\n    \n    .section-1 .hud-datapoint-2 .hud-line {\n        width: 15px;\n        right: 100%;\n        top: 50%;\n    }\n    \n    .section-1 .hud-datapoint-3 {\n        top: 60%;\n        left: 15px;\n        transform: translateX(-100px);\n    }\n    \n    .section-1 .hud-datapoint-3 .hud-line {\n        width: 15px;\n        left: 100%;\n        top: 50%;\n        background: linear-gradient(270deg, #84BD00, transparent);\n    }\n    \n    .section-1 .hud-datapoint-4 {\n        top: 60%;\n        right: 15px;\n        transform: translateX(100px);\n    }\n    \n    .section-1 .hud-datapoint-4 .hud-line {\n        width: 15px;\n        right: 100%;\n        top: 50%;\n    }\n    \n    \/* SECTION 2 - Alternating left\/right *\/\n    .section-2 .hud-datapoint-1 {\n        top: 35%;\n        left: 15px;\n        transform: translateX(-100px);\n    }\n    \n    .section-2 .hud-datapoint-1 .hud-line {\n        width: 15px;\n        left: 100%;\n        top: 50%;\n        background: linear-gradient(270deg, #84BD00, transparent);\n    }\n    \n    .section-2 .hud-datapoint-2 {\n        top: 45%;\n        right: 15px;\n        transform: translateX(100px);\n    }\n    \n    .section-2 .hud-datapoint-2 .hud-line {\n        width: 15px;\n        right: 100%;\n        top: 50%;\n        background: linear-gradient(90deg, #84BD00, transparent);\n    }\n    \n    .section-2 .hud-datapoint-3 {\n        top: 55%;\n        left: 15px;\n        transform: translateX(-100px);\n    }\n    \n    .section-2 .hud-datapoint-3 .hud-line {\n        width: 15px;\n        left: 100%;\n        top: 50%;\n        background: linear-gradient(270deg, #84BD00, transparent);\n    }\n    \n    .section-2 .hud-datapoint-4 {\n        top: 65%;\n        right: 15px;\n        transform: translateX(100px);\n    }\n    \n    .section-2 .hud-datapoint-4 .hud-line {\n        width: 15px;\n        right: 100%;\n        top: 50%;\n        background: linear-gradient(90deg, #84BD00, transparent);\n    }\n    \n    \/* Mobile Responsive *\/\n    @media (max-width: 768px) {\n        .hud-model {\n            font-size: 42px;\n        }\n        \n        .hud-display {\n            padding: 10px 10px;\n        }\n        \n        .hud-speaker-container {\n            max-width: 300px;\n            margin: 0 auto;\n        }\n        \n        \/* Section 1 mobile *\/\n        .section-1 .hud-datapoint-1 { left: 20px; }\n        .section-1 .hud-datapoint-2 { right: 20px; }\n        .section-1 .hud-datapoint-3 { left: 20px; }\n        .section-1 .hud-datapoint-4 { right: 20px; }\n        \n        \/* Section 2 mobile *\/\n        .section-2 .hud-datapoint-1 { left: 20px; }\n        .section-2 .hud-datapoint-2 { right: 20px; }\n        .section-2 .hud-datapoint-3 { left: 20px; }\n        .section-2 .hud-datapoint-4 { right: 20px; }\n        \n        .hud-line {\n            width: 8px;\n        }\n        \n        .hud-box {\n            min-width: 60px;\n            padding: 3px 5px;\n        }\n        \n        .hud-label {\n            font-size: 5px;\n        }\n        \n        .hud-value {\n            font-size: 6px;\n        }\n        \n        \/* Уменьшить динамики на мобилке *\/\n        .hud-speaker-img {\n            max-width: 80%;\n        }\n        \n        .hud-datapoint {\n            transform: scale(0.7);\n        }\n        \n        \/* Убрать зеленый фон на мобилке *\/\n        .section-1, .section-2 {\n            background: transparent;\n        }\n        \n        .hud-display {\n            background: transparent;\n        }\n        \n        \/* Центрировать и не обрезать динамик *\/\n        .hud-speaker-img {\n            max-width: 90%;\n            margin: 0 auto;\n            display: block;\n        }\n    }\n    \n    \/* Size Selector - COMPACT *\/\n    .size-selector {\n        margin-bottom: 20px;\n        text-align: center;\n        padding: 0px 0px;\n        background: transparent;\n        border-radius: 0;\n        box-shadow: none;\n    }\n    \n    .size-selector-title {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 11px;\n        font-weight: 700;\n        color: #84BD00;\n        letter-spacing: 1px;\n        margin-bottom: 10px;\n        text-transform: uppercase;\n        text-align: center;\n    }\n    \n    .size-buttons {\n        display: flex;\n        justify-content: center;\n        gap: 12px;\n        flex-wrap: wrap;\n    }\n    \n    .size-btn {\n        background: white;\n        border: 2px solid #e0e0e0;\n        border-radius: 4px;\n        padding: 15px 18px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        text-decoration: none;\n        min-width: 90px;\n    }\n    \n    .size-btn:hover {\n        border-color: #84BD00;\n        transform: translateY(-1px);\n        box-shadow: 0 2px 8px rgba(132, 189, 0, 0.2);\n    }\n    \n    .size-active {\n        border-color: #84BD00;\n        background: #f8fff0;\n        cursor: default;\n        box-shadow: 0 2px 8px rgba(132, 189, 0, 0.15);\n    }\n    \n    .size-active:hover {\n        transform: none;\n    }\n    \n    .size-number {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 24px;\n        font-weight: 900;\n        color: #1a1a1a;\n        margin-bottom: 2px;\n    }\n    \n    .size-active .size-number {\n        color: #84BD00;\n    }\n    \n    .size-label {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 11px;\n        color: #666;\n        font-weight: 600;\n        letter-spacing: 0.5px;\n    }\n    \n    .size-active .size-label {\n        color: #84BD00;\n    }\n\u003c\/style\u003e\n\u003c!-- SPEAKER SIZE SELECTOR --\u003e\n\u003cdiv class=\"size-selector\"\u003e\n\u003cdiv class=\"size-selector-title\"\u003eSELECT SPEAKER SIZE\u003c\/div\u003e\n\u003cdiv class=\"size-buttons\"\u003e\n\u003ca href=\"https:\/\/alphardaudio.us\/collections\/apocalypse-sylvester-1\/products\/apocalypse-ap-m61se-pro-6-5-mid-range-speakers-pair\" class=\"size-btn\" target=\"_blank\"\u003e\n\u003cdiv class=\"size-number\"\u003e6.5\"\u003c\/div\u003e\n\u003cdiv class=\"size-label\"\u003eM61SE PRO\u003c\/div\u003e\n\u003c\/a\u003e\u003ca href=\"https:\/\/alphardaudio.us\/collections\/apocalypse-sylvester-1\/products\/apocalypse-ap-m81se-pro-8-mid-range-speakers-pair\" class=\"size-btn\" target=\"_blank\"\u003e\n\u003cdiv class=\"size-number\"\u003e8\"\u003c\/div\u003e\n\u003cdiv class=\"size-label\"\u003eM81SE PRO\u003c\/div\u003e\n\u003c\/a\u003e\n\u003cdiv class=\"size-btn size-active\"\u003e\n\u003cdiv class=\"size-number\"\u003e10\"\u003c\/div\u003e\n\u003cdiv class=\"size-label\"\u003eM101SE PRO\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTERACTIVE SPECS ACCORDION - START --\u003e\n\u003cstyle\u003e\n    .specs-accordion {\n        max-width: 1400px;\n        margin: 60px auto 20px auto;\n        padding: 0 20px;\n    }\n    \n    .accordion-item {\n        margin-bottom: 20px;\n        border: 2px solid rgba(132, 189, 0, 0.3);\n        background: #ffffff;\n        overflow: hidden;\n        transition: all 0.3s ease;\n    }\n    \n    .accordion-item:hover {\n        border-color: #84BD00;\n        box-shadow: 0 0 20px rgba(132, 189, 0, 0.2);\n    }\n    \n    .accordion-header {\n        padding: 20px 30px;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: linear-gradient(90deg, rgba(132, 189, 0, 0.05) 0%, transparent 100%);\n        transition: all 0.3s ease;\n        user-select: none;\n    }\n    \n    .accordion-header:hover {\n        background: linear-gradient(90deg, rgba(132, 189, 0, 0.1) 0%, transparent 100%);\n    }\n    \n    .accordion-title {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 20px;\n        font-weight: 700;\n        color: #1a1a1a;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n    \n    .accordion-icon {\n        font-size: 24px;\n        color: #84BD00;\n        transition: transform 0.3s ease;\n    }\n    \n    .accordion-item.active .accordion-icon {\n        transform: rotate(180deg);\n    }\n    \n    .accordion-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s ease;\n    }\n    \n    .accordion-inner {\n        padding: 30px;\n        border-top: 1px solid rgba(132, 189, 0, 0.2);\n    }\n    \n    \/* Description content *\/\n    .description-text {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 16px;\n        line-height: 1.8;\n        color: #333;\n    }\n    \n    \/* Dimensions image *\/\n    .dimensions-image {\n        width: 100%;\n        margin: 0 auto;\n        display: block;\n    }\n    \n    \/* Specifications Table *\/\n    .specs-table {\n        width: 100%;\n        border-collapse: collapse;\n        font-family: 'Rajdhani', sans-serif;\n    }\n    \n    .specs-table tr {\n        border-bottom: 1px solid #e0e0e0;\n        opacity: 0;\n        transform: translateY(20px);\n        animation: fadeInUp 0.5s ease-out forwards;\n    }\n    \n    \/* Staggered animation for each row *\/\n    .specs-table tr:nth-child(1) { animation-delay: 0.05s; }\n    .specs-table tr:nth-child(2) { animation-delay: 0.10s; }\n    .specs-table tr:nth-child(3) { animation-delay: 0.15s; }\n    .specs-table tr:nth-child(4) { animation-delay: 0.20s; }\n    .specs-table tr:nth-child(5) { animation-delay: 0.25s; }\n    .specs-table tr:nth-child(6) { animation-delay: 0.30s; }\n    .specs-table tr:nth-child(7) { animation-delay: 0.35s; }\n    .specs-table tr:nth-child(8) { animation-delay: 0.40s; }\n    .specs-table tr:nth-child(9) { animation-delay: 0.45s; }\n    .specs-table tr:nth-child(10) { animation-delay: 0.50s; }\n    .specs-table tr:nth-child(11) { animation-delay: 0.55s; }\n    .specs-table tr:nth-child(12) { animation-delay: 0.60s; }\n    .specs-table tr:nth-child(13) { animation-delay: 0.65s; }\n    .specs-table tr:nth-child(14) { animation-delay: 0.70s; }\n    .specs-table tr:nth-child(15) { animation-delay: 0.75s; }\n    .specs-table tr:nth-child(16) { animation-delay: 0.80s; }\n    .specs-table tr:nth-child(17) { animation-delay: 0.85s; }\n    .specs-table tr:nth-child(18) { animation-delay: 0.90s; }\n    .specs-table tr:nth-child(19) { animation-delay: 0.95s; }\n    .specs-table tr:nth-child(20) { animation-delay: 1.00s; }\n    .specs-table tr:nth-child(21) { animation-delay: 1.05s; }\n    \n    @keyframes fadeInUp {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .specs-table tr:last-child {\n        border-bottom: none;\n    }\n    \n    .spec-label {\n        padding: 15px 10px;\n        font-size: 16px;\n        color: #666;\n        font-weight: 600;\n        width: 50%;\n    }\n    \n    .spec-value {\n        padding: 15px 10px;\n        font-size: 16px;\n        color: #1a1a1a;\n        font-weight: 700;\n        text-align: right;\n    }\n    \n    @media (max-width: 768px) {\n        .spec-label {\n            font-size: 12px;\n            padding: 12px 8px;\n        }\n        \n        .spec-value {\n            font-size: 12px;\n            padding: 12px 8px;\n        }\n    }\n    \n    \/* Coming Soon styling *\/\n    .coming-soon {\n        text-align: center;\n        padding: 60px 20px;\n    }\n    \n    .coming-soon-icon {\n        font-size: 64px;\n        margin-bottom: 20px;\n        opacity: 0.5;\n    }\n    \n    .coming-soon-text {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 32px;\n        font-weight: 700;\n        color: #84BD00;\n        letter-spacing: 4px;\n        margin-bottom: 20px;\n    }\n    \n    .coming-soon-desc {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 16px;\n        color: #666;\n    }\n    \n    \/* Equipment recommendations *\/\n    .equipment-category {\n        margin-bottom: 30px;\n    }\n    \n    .category-title {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 18px;\n        font-weight: 700;\n        color: #84BD00;\n        text-transform: uppercase;\n        margin-bottom: 20px;\n        letter-spacing: 2px;\n    }\n    \n    .product-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n    }\n    \n    .product-card {\n        border: 1px solid rgba(132, 189, 0, 0.3);\n        padding: 20px;\n        background: #fafafa;\n        transition: all 0.3s ease;\n        position: relative;\n    }\n    \n    .product-card:hover {\n        border-color: #84BD00;\n        box-shadow: 0 5px 15px rgba(132, 189, 0, 0.2);\n        transform: translateY(-3px);\n    }\n    \n    .product-name {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 18px;\n        font-weight: 700;\n        color: #1a1a1a;\n        margin-bottom: 10px;\n    }\n    \n    .product-desc {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 14px;\n        color: #666;\n        margin-bottom: 20px;\n    }\n    \n    .add-to-cart-btn {\n        width: 100%;\n        padding: 12px 20px;\n        background: #84BD00;\n        color: #ffffff;\n        border: none;\n        font-family: 'Orbitron', sans-serif;\n        font-size: 14px;\n        font-weight: 700;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        letter-spacing: 1px;\n    }\n    \n    .add-to-cart-btn:hover {\n        background: #6fa000;\n        box-shadow: 0 5px 15px rgba(132, 189, 0, 0.4);\n        transform: translateY(-2px);\n    }\n    \n    .add-to-cart-btn:active {\n        transform: translateY(0);\n    }\n    \n    \/* System Configurator Styles *\/\n    .configurator-step {\n        margin-bottom: 40px;\n    }\n    \n    .step-title {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 14px;\n        font-weight: 700;\n        color: #84BD00;\n        text-transform: uppercase;\n        margin-bottom: 20px;\n        letter-spacing: 2px;\n    }\n    \n    .quantity-selector {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n        gap: 15px;\n    }\n    \n    .quantity-btn {\n        padding: 15px 20px;\n        background: #ffffff;\n        border: 2px solid rgba(132, 189, 0, 0.3);\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 16px;\n        font-weight: 700;\n        color: #1a1a1a;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        text-transform: uppercase;\n    }\n    \n    .quantity-btn:hover {\n        border-color: #84BD00;\n        background: rgba(132, 189, 0, 0.1);\n        transform: translateY(-3px);\n        box-shadow: 0 5px 15px rgba(132, 189, 0, 0.2);\n    }\n    \n    .quantity-btn.selected {\n        background: #84BD00;\n        color: #ffffff;\n        border-color: #84BD00;\n    }\n    \n    .recommendation-box {\n        background: #fafafa;\n        border: 2px solid #84BD00;\n        padding: 25px;\n        margin-bottom: 20px;\n    }\n    \n    .recommendation-header {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 20px;\n    }\n    \n    .rec-icon {\n        font-size: 32px;\n    }\n    \n    .rec-title {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 22px;\n        font-weight: 700;\n        color: #1a1a1a;\n    }\n    \n    .rec-details {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 16px;\n        color: #666;\n        margin-bottom: 20px;\n        line-height: 1.6;\n    }\n    \n    .diagram-container {\n        background: #fafafa;\n        padding: 20px;\n        border: 2px solid rgba(132, 189, 0, 0.3);\n        text-align: center;\n    }\n    \n    .wiring-image {\n        width: 100%;\n        max-width: 800px;\n        margin: 0 auto 15px;\n        display: block;\n    }\n    \n    .diagram-caption {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 14px;\n        color: #666;\n        font-style: italic;\n    }\n    \n    .complete-system-btn {\n        width: 100%;\n        padding: 18px 30px;\n        background: linear-gradient(135deg, #84BD00 0%, #6fa000 100%);\n        color: #ffffff;\n        border: none;\n        font-family: 'Orbitron', sans-serif;\n        font-size: 16px;\n        font-weight: 700;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        letter-spacing: 2px;\n        box-shadow: 0 5px 20px rgba(132, 189, 0, 0.3);\n    }\n    \n    .complete-system-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 25px rgba(132, 189, 0, 0.5);\n    }\n    \n    .system-summary {\n        margin-top: 20px;\n        padding: 20px;\n        background: #f0f0f0;\n        border-left: 4px solid #84BD00;\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 14px;\n        line-height: 1.8;\n    }\n    \n    \/* Tier Selection - Single Card *\/\n    .tier-grid-single {\n        max-width: 400px;\n        margin: 20px auto;\n    }\n    \n    .tier-card-single {\n        background: #ffffff;\n        border: 3px solid #84BD00;\n        padding: 30px;\n        text-align: center;\n        box-shadow: 0 5px 20px rgba(132, 189, 0, 0.15);\n    }\n    \n    .tier-amp-image {\n        margin-bottom: 20px;\n    }\n    \n    .amp-product-image {\n        width: 100%;\n        max-width: 300px;\n        height: auto;\n        margin: 0 auto;\n        display: block;\n    }\n    \n    .tier-select-btn-single {\n        width: 100%;\n        padding: 15px;\n        background: #84BD00;\n        color: white;\n        border: none;\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 16px;\n        font-weight: 700;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        text-transform: uppercase;\n    }\n    \n    .tier-select-btn-single:hover {\n        background: #6fa000;\n        transform: translateY(-2px);\n        box-shadow: 0 5px 15px rgba(132, 189, 0, 0.3);\n    }\n    \n    .tier-card-single a {\n        text-decoration: none;\n    }\n    \n    \/* Tier Selection Cards *\/\n    .tier-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 20px;\n        margin-top: 20px;\n    }\n    \n    \/* Special 2-card layout for 3 pairs *\/\n    .tier-grid.two-cards {\n        grid-template-columns: repeat(2, 1fr);\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    \n    .tier-card {\n        background: #ffffff;\n        border: 3px solid #e0e0e0;\n        padding: 30px 20px;\n        text-align: center;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        position: relative;\n    }\n    \n    .tier-card:hover {\n        border-color: #84BD00;\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(132, 189, 0, 0.2);\n    }\n    \n    .tier-featured {\n        border-color: #84BD00;\n        box-shadow: 0 5px 20px rgba(132, 189, 0, 0.15);\n    }\n    \n    .tier-ribbon {\n        position: absolute;\n        top: 15px;\n        right: -5px;\n        background: #84BD00;\n        color: white;\n        padding: 5px 15px;\n        font-family: 'Orbitron', sans-serif;\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 1px;\n    }\n    \n    .tier-badge {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 16px;\n        font-weight: 700;\n        padding: 8px 20px;\n        margin-bottom: 20px;\n        display: inline-block;\n        letter-spacing: 2px;\n    }\n    \n    .tier-good {\n        background: #95a5a6;\n        color: white;\n    }\n    \n    .tier-better {\n        background: #3498db;\n        color: white;\n    }\n    \n    .tier-best {\n        background: #f39c12;\n        color: white;\n    }\n    \n    .tier-amp-name {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 22px;\n        font-weight: 700;\n        color: #1a1a1a;\n        margin-bottom: 20px;\n    }\n    \n    .tier-amp-specs {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 14px;\n        color: #666;\n        margin-bottom: 20px;\n    }\n    \n    .tier-price {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 16px;\n        color: #84BD00;\n        font-weight: 700;\n        margin-bottom: 20px;\n    }\n    \n    .tier-select-btn {\n        width: 100%;\n        padding: 12px 20px;\n        background: transparent;\n        border: 2px solid #84BD00;\n        color: #84BD00;\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 14px;\n        font-weight: 700;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        text-transform: uppercase;\n    }\n    \n    .tier-select-btn:hover {\n        background: #84BD00;\n        color: white;\n    }\n    \n    .tier-select-featured {\n        background: #84BD00;\n        color: white;\n    }\n    \n    .tier-select-featured:hover {\n        background: #6fa000;\n    }\n    \n    .view-product-btn {\n        width: 100%;\n        padding: 18px 30px;\n        background: linear-gradient(135deg, #84BD00 0%, #6fa000 100%);\n        color: #ffffff;\n        border: none;\n        font-family: 'Orbitron', sans-serif;\n        font-size: 16px;\n        font-weight: 700;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        letter-spacing: 2px;\n        box-shadow: 0 5px 20px rgba(132, 189, 0, 0.3);\n        text-decoration: none;\n        display: block;\n    }\n    \n    .view-product-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 25px rgba(132, 189, 0, 0.5);\n    }\n    \n    \/* Large Blinking Amplifier Button *\/\n    .view-amplifier-btn {\n        width: 100%;\n        padding: 25px 30px;\n        background: linear-gradient(135deg, #84BD00 0%, #6fa000 100%);\n        color: #ffffff;\n        border: none;\n        font-family: 'Orbitron', sans-serif;\n        font-size: 18px;\n        font-weight: 700;\n        text-transform: uppercase;\n        cursor: pointer;\n        letter-spacing: 2px;\n        box-shadow: 0 8px 30px rgba(132, 189, 0, 0.4);\n        animation: blink 1.5s ease-in-out infinite;\n        transition: all 0.3s ease;\n    }\n    \n    .view-amplifier-btn:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 12px 40px rgba(132, 189, 0, 0.6);\n        animation: none;\n    }\n    \n    @keyframes blink {\n        0%, 100% {\n            opacity: 1;\n            box-shadow: 0 8px 30px rgba(132, 189, 0, 0.4);\n        }\n        50% {\n            opacity: 0.7;\n            box-shadow: 0 8px 50px rgba(132, 189, 0, 0.8);\n        }\n    }\n    \n    \/* Amplifier Explanation Box *\/\n    .amp-explanation {\n        background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%);\n        border-left: 4px solid #84BD00;\n        padding: 20px 25px;\n        margin-bottom: 20px;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n    }\n    \n    .explanation-icon {\n        font-size: 28px;\n        margin-bottom: 20px;\n    }\n    \n    .explanation-title {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 20px;\n        font-weight: 700;\n        color: #84BD00;\n        letter-spacing: 2px;\n        margin-bottom: 20px;\n    }\n    \n    .explanation-text {\n        font-family: 'Rajdhani', sans-serif;\n        font-size: 16px;\n        line-height: 1.6;\n        color: #333;\n    }\n    \n    \/* Tweeters Showcase *\/\n    .tweeters-showcase {\n        position: relative;\n        width: 100%;\n        margin: 0 auto;\n        background: #ffffff;\n    }\n    \n    .tweeters-image {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\n    \n    .tweeter-hotspot {\n        position: absolute;\n        width: 60px;\n        height: 60px;\n        transform: translate(-50%, -50%);\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .hotspot-dot {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 20px;\n        height: 20px;\n        background: #84BD00;\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n        box-shadow: 0 0 20px rgba(132, 189, 0, 0.8);\n        z-index: 2;\n    }\n    \n    .hotspot-pulse {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 60px;\n        height: 60px;\n        border: 3px solid #84BD00;\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n        animation: pulse-ring 2s ease-out infinite;\n        z-index: 1;\n    }\n    \n    @keyframes pulse-ring {\n        0% {\n            transform: translate(-50%, -50%) scale(0.5);\n            opacity: 1;\n        }\n        100% {\n            transform: translate(-50%, -50%) scale(1.5);\n            opacity: 0;\n        }\n    }\n    \n    .tweeter-hotspot:hover .hotspot-dot {\n        background: #6fa000;\n        box-shadow: 0 0 30px rgba(132, 189, 0, 1);\n    }\n    \n    @media (max-width: 768px) {\n        .accordion-header {\n            padding: 15px 20px;\n        }\n        \n        .accordion-title {\n            font-size: 14px;\n        }\n        \n        .accordion-inner {\n            padding: 20px;\n        }\n        \n        .product-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"specs-accordion\"\u003e\n\u003c!-- DESCRIPTION --\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cdiv class=\"accordion-header\"\u003e\n\u003cdiv class=\"accordion-title\"\u003eDescription\u003c\/div\u003e\n\u003cdiv class=\"accordion-icon\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-inner\"\u003e\n\u003cp class=\"description-text\"\u003eThe M101SE PRO represents Deaf Bonce's latest 2026 innovation, engineered in direct response to countless customer requests. This speaker is designed to be not only the loudest on the market, but perfectly balanced in quality, sound, and price. The SE line is more than just a speaker — it's an established legend in the world of SQL and SPL systems, delivering uncompromising performance for those who demand the absolute best.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DIMENSIONS --\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cdiv class=\"accordion-header\"\u003e\n\u003cdiv class=\"accordion-title\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"accordion-icon\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-inner\" style=\"padding: 0;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0011\/0916\/4084\/files\/Remove_background_project_23.png?v=1770737352\" class=\"dimensions-image\" alt=\"M101SE PRO Dimensions\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cdiv class=\"accordion-header\"\u003e\n\u003cdiv class=\"accordion-title\"\u003eSpecifications\u003c\/div\u003e\n\u003cdiv class=\"accordion-icon\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-inner\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eFull Name\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003eApocalypse M101SE PRO\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eShort Name\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003eM101SE PRO\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eSeries\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003eApocalypse\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eSize (inch\/mm)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e10\/259.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eSurround Material\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003eCloth\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eCone Material\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003ePressed Paper\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eFrame Material\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003eStamped Steel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eMagnet Type\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003eFerrite\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003ePower RMS (Watt)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e300\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003ePower MAX (Watt)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e600\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eVoice Coil Size (inch\/mm)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e1.75\/44.50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eVoice Coil Wire\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003eCCAW\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eFrequency Response (Hz-Hz)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e90-10,000\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eImpedance (Ohm)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eSPL (dB)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e97.7\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eFs (Hz)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e91.3\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eVas (L)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e27.77\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eQts\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e0.49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eBL\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e8.73\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eQuantity in Individual Package (pcs)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e2\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-label\"\u003eQuantity in Group Package (pcs)\u003c\/td\u003e\n\u003ctd class=\"spec-value\"\u003e2\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MANUAL --\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cdiv class=\"accordion-header\"\u003e\n\u003cdiv class=\"accordion-title\"\u003eManual\u003c\/div\u003e\n\u003cdiv class=\"accordion-icon\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-inner\"\u003e\n\u003cdiv class=\"coming-soon\"\u003e\n\u003cdiv class=\"coming-soon-icon\"\u003e📖\u003c\/div\u003e\n\u003cdiv class=\"coming-soon-text\"\u003eCOMING SOON\u003c\/div\u003e\n\u003cp class=\"coming-soon-desc\"\u003eInstallation and user manual will be available shortly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SYSTEM CONFIGURATOR --\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cdiv class=\"accordion-header\"\u003e\n\u003cdiv class=\"accordion-title\"\u003eSystem Configurator\u003c\/div\u003e\n\u003cdiv class=\"accordion-icon\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-inner\"\u003e\n\u003c!-- Step 1: Select quantity --\u003e\n\u003cdiv class=\"configurator-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eSTEP 1: How many speakers do you need?\u003c\/div\u003e\n\u003cdiv class=\"quantity-selector\"\u003e\n\u003cbutton class=\"quantity-btn\"\u003e1 Pair (2 pcs)\u003c\/button\u003e \u003cbutton class=\"quantity-btn\"\u003e2 Pairs (4 pcs)\u003c\/button\u003e \u003cbutton class=\"quantity-btn\"\u003e3 Pairs (6 pcs)\u003c\/button\u003e \u003cbutton class=\"quantity-btn\"\u003e4 Pairs (8 pcs)\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Step 2: Choose amplifier tier (shown after quantity selected) --\u003e\n\u003cdiv id=\"amp-tiers\" class=\"configurator-step\" style=\"display: none;\"\u003e\n\u003cdiv class=\"step-title\"\u003eSTEP 2: CHOOSE YOUR AMPLIFIER\u003c\/div\u003e\n\u003cdiv class=\"tier-grid\"\u003e\n\u003c!-- GOOD --\u003e\n\u003cdiv class=\"tier-card\"\u003e\n\u003cdiv class=\"tier-amp-image\"\u003e\u003cimg id=\"good-amp-image\" alt=\"Amplifier\" class=\"amp-product-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"tier-badge tier-good\"\u003eGOOD\u003c\/div\u003e\n\u003cdiv class=\"tier-amp-name\" id=\"good-amp-name\"\u003eAtom 500.2 Pro\u003c\/div\u003e\n\u003cdiv class=\"tier-amp-specs\" id=\"good-amp-specs\"\u003e500W, 2-channel\u003c\/div\u003e\n\u003cdiv class=\"tier-price\" id=\"good-amp-price\"\u003eBudget-friendly option\u003c\/div\u003e\n\u003cbutton class=\"tier-select-btn\"\u003eVIEW PRODUCT\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- BETTER --\u003e\n\u003cdiv class=\"tier-card tier-featured\"\u003e\n\u003cdiv class=\"tier-ribbon\"\u003ePOPULAR\u003c\/div\u003e\n\u003cdiv class=\"tier-amp-image\"\u003e\u003cimg id=\"better-amp-image\" alt=\"Amplifier\" class=\"amp-product-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"tier-badge tier-better\"\u003eBETTER\u003c\/div\u003e\n\u003cdiv class=\"tier-amp-name\" id=\"better-amp-name\"\u003eMFA 2.420\u003c\/div\u003e\n\u003cdiv class=\"tier-amp-specs\" id=\"better-amp-specs\"\u003e420W, 2-channel\u003c\/div\u003e\n\u003cdiv class=\"tier-price\" id=\"better-amp-price\"\u003eBest value - recommended\u003c\/div\u003e\n\u003cbutton class=\"tier-select-btn tier-select-featured\"\u003eVIEW PRODUCT\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- BEST --\u003e\n\u003cdiv class=\"tier-card\"\u003e\n\u003cdiv class=\"tier-amp-image\"\u003e\u003cimg id=\"best-amp-image\" alt=\"Amplifier\" class=\"amp-product-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"tier-badge tier-best\"\u003eBEST\u003c\/div\u003e\n\u003cdiv class=\"tier-amp-name\" id=\"best-amp-name\"\u003eASA 550.4\u003c\/div\u003e\n\u003cdiv class=\"tier-amp-specs\" id=\"best-amp-specs\"\u003e550W, 4-channel\u003c\/div\u003e\n\u003cdiv class=\"tier-price\" id=\"best-amp-price\"\u003eMaximum power \u0026amp; flexibility\u003c\/div\u003e\n\u003cbutton class=\"tier-select-btn\"\u003eVIEW PRODUCT\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Step 3: Wiring diagram (shown after clicking View Product) --\u003e\n\u003cdiv id=\"wiring-diagram\" class=\"configurator-step\" style=\"display: none;\"\u003e\n\u003cdiv class=\"step-title\"\u003eSTEP 3: Wiring Diagram\u003c\/div\u003e\n\u003cdiv class=\"diagram-container\"\u003e\n\u003cimg id=\"diagram-image\" class=\"wiring-image\" alt=\"Wiring Diagram\"\u003e\n\u003cdiv class=\"diagram-caption\" id=\"diagram-caption\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"system-summary\" id=\"system-summary\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECOMMENDED TWEETERS --\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cdiv class=\"accordion-header\"\u003e\n\u003cdiv class=\"accordion-title\"\u003eLooking for Best Tweeters to Match?\u003c\/div\u003e\n\u003cdiv class=\"accordion-icon\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-inner\" style=\"padding: 0;\"\u003e\n\u003cdiv class=\"tweeters-showcase\"\u003e\n\u003cimg src=\"https:\/\/images.streaming-inference.models.runwayml.cloud\/streams-server-cpu\/raw_image\/commands\/compressed_image\/result.jpg?input_image=https%3A%2F%2Fdnznrvs05pmza.cloudfront.net%2Fgemini%2Fgemini-3-pro-image-preview%2Fimages%2F5bb162ba-d400-43b9-aca6-f8546716e80c%2F_________________________________________________________________________4K__________________________2.png%3F_jwt%3DeyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXlIYXNoIjoiMDUwY2M3NWI3YzIyZWVkYiIsImJ1Y2tldCI6InJ1bndheS10YXNrLWFydGlmYWN0cyIsInN0YWdlIjoicHJvZCIsImV4cCI6MTc3MDg1NDQwMH0.oID-b_pLnCxe9LTvuagUqhl53iPdQTcc7aOI1WA_PdA\u0026amp;input_max_width=1920\u0026amp;input_max_height=1920\u0026amp;hardware=cpu\u0026amp;priority=high\u0026amp;tok=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MTgxMzY1MjQsImVtYWlsIjoiZXZnZW55QGRlYWZib25jZS5pbmZvIiwiZXhwIjoxNzczMDAzODI5LjI4MywiaWF0IjoxNzcwNDExODI5LjI4Mywic3NvIjpmYWxzZX0.xsnLENzGh5qgRnurafBluRdc_yhn22MU9hIrnpnrZ9M\" class=\"tweeters-image\" alt=\"Apocalypse Tweeters\"\u003e \u003c!-- Left Tweeter - AT-32 SPORT --\u003e\u003ca href=\"https:\/\/alphardaudio.us\/products\/apocalypse-at-32-sport-tweeters-pair\" class=\"tweeter-hotspot\" style=\"left: 35%; top: 50%;\" target=\"_blank\"\u003e\n\u003cdiv class=\"hotspot-pulse\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hotspot-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- Right Tweeter - AT-32 --\u003e\u003ca href=\"https:\/\/alphardaudio.us\/products\/apocalypse-at-32-tweeters-pair\" class=\"tweeter-hotspot\" style=\"left: 65%; top: 50%;\" target=\"_blank\"\u003e\n\u003cdiv class=\"hotspot-pulse\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hotspot-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- INTERACTIVE SPECS ACCORDION - END --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- SECTION 1: FRONT VIEW --\u003e\n\u003cdiv class=\"hud-speaker-section section-1\"\u003e\n\u003cdiv class=\"hud-title\"\u003e\n\u003cdiv class=\"hud-series\"\u003eAPOCALYPSE SERIES\u003c\/div\u003e\n\u003cdiv class=\"hud-model\"\u003e\n\u003cspan class=\"hud-model-main\"\u003eM101SE\u003c\/span\u003e \u003cspan class=\"hud-model-pro\"\u003ePRO\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hud-subtitle\"\u003eDEAF BONCE \/\/ 10\" MID-RANGE SPEAKER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hud-display\"\u003e\n\u003cdiv class=\"hud-speaker-container\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0011\/0916\/4084\/files\/Remove_background_project_18.png?v=1770672477\" class=\"hud-speaker-img\" alt=\"M101SE PRO Front\"\u003e\n\u003cdiv class=\"hud-datapoint hud-datapoint-1\"\u003e\n\u003cdiv class=\"hud-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hud-box\"\u003e\n\u003cdiv class=\"hud-label\"\u003eRMS POWER\u003c\/div\u003e\n\u003cdiv class=\"hud-value\"\u003e300 W\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hud-datapoint hud-datapoint-2\"\u003e\n\u003cdiv class=\"hud-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hud-box\"\u003e\n\u003cdiv class=\"hud-label\"\u003eVOICE COIL\u003c\/div\u003e\n\u003cdiv class=\"hud-value\"\u003e1.75\"\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hud-datapoint hud-datapoint-3\"\u003e\n\u003cdiv class=\"hud-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hud-box\"\u003e\n\u003cdiv class=\"hud-label\"\u003eFREQUENCY\u003c\/div\u003e\n\u003cdiv class=\"hud-value\"\u003e90-10K Hz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hud-datapoint hud-datapoint-4\"\u003e\n\u003cdiv class=\"hud-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hud-box\"\u003e\n\u003cdiv class=\"hud-label\"\u003eSPL\u003c\/div\u003e\n\u003cdiv class=\"hud-value\"\u003e97.7 dB\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 2: BACK VIEW --\u003e\n\u003cdiv class=\"hud-speaker-section section-2\"\u003e\n\u003cdiv class=\"hud-display\"\u003e\n\u003cdiv class=\"hud-speaker-container\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0011\/0916\/4084\/files\/Remove_background_project_20.png?v=1770732691\" class=\"hud-speaker-img\" alt=\"M101SE PRO Back\"\u003e\n\u003cdiv class=\"hud-datapoint hud-datapoint-1\"\u003e\n\u003cdiv class=\"hud-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hud-box\"\u003e\n\u003cdiv class=\"hud-label\"\u003eMAGNET TYPE\u003c\/div\u003e\n\u003cdiv class=\"hud-value\"\u003eFerrite\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hud-datapoint hud-datapoint-2\"\u003e\n\u003cdiv class=\"hud-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hud-box\"\u003e\n\u003cdiv class=\"hud-label\"\u003eIMPEDANCE\u003c\/div\u003e\n\u003cdiv class=\"hud-value\"\u003e4 Ω\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hud-datapoint hud-datapoint-3\"\u003e\n\u003cdiv class=\"hud-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hud-box\"\u003e\n\u003cdiv class=\"hud-label\"\u003eFRAME MATERIAL\u003c\/div\u003e\n\u003cdiv class=\"hud-value\"\u003eStamped Steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hud-datapoint hud-datapoint-4\"\u003e\n\u003cdiv class=\"hud-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hud-box\"\u003e\n\u003cdiv class=\"hud-label\"\u003eCONE MATERIAL\u003c\/div\u003e\n\u003cdiv class=\"hud-value\"\u003ePressed Paper\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- SPEAKER SHOWCASE - END --\u003e","brand":"Apocalypse","offers":[{"title":"Default Title","offer_id":49036747702580,"sku":null,"price":179.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0011\/0916\/4084\/files\/Resizeimageproject_10.png?v=1770411788","url":"https:\/\/alphardaudio.us\/products\/apocalypse-ap-m101se-pro-10-mid-range-speakers-pair","provider":"Deaf Bonce","version":"1.0","type":"link"}