{"product_id":"ringke-ux-magnetisk-case-til-airpods-pro-3-sort-og-klar","title":"Ringke UX Magnetisk Case til AirPods Pro 3 - sort og klar","description":"\u003cp\u003e              \u003cstyle\u003e\u003cbr \/\u003e    .fd-accordion-container {\u003cbr \/\u003e        max-width: 882px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        font-family: inherit;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        font-size: 16px;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-container *,\u003cbr \/\u003e    .fd-accordion-container *::before,\u003cbr \/\u003e    .fd-accordion-container *::after {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        font-family: inherit;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-item {\u003cbr \/\u003e        border-bottom: 1px solid #f3f2f1;\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 200px 1fr;\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        padding: 26px 0;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-header {\u003cbr \/\u003e        transition: all 0.3s ease;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-title {\u003cbr \/\u003e        font-size: 11pt;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        letter-spacing: 0.011em;\u003cbr \/\u003e        padding-top: 2px;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-right {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-header-right {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon {\u003cbr \/\u003e        width: 24px;\u003cbr \/\u003e        height: 24px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon::before,\u003cbr \/\u003e    .fd-accordion-icon::after {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        background: #1d1d1f;\u003cbr \/\u003e        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon::before {\u003cbr \/\u003e        width: 11px;\u003cbr \/\u003e        height: 1.5px;\u003cbr \/\u003e        top: 50%;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translate(-50%, -50%);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon::after {\u003cbr \/\u003e        width: 1.5px;\u003cbr \/\u003e        height: 11px;\u003cbr \/\u003e        top: 50%;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translate(-50%, -50%);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-item.active .fd-accordion-icon::after {\u003cbr \/\u003e        transform: translate(-50%, -50%) rotate(90deg);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content {\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-rows: 1fr;\u003cbr \/\u003e        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e        padding-right: 40px;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content-inner {\u003cbr \/\u003e        padding-bottom: 26px;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e        transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),\u003cbr \/\u003e                    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content {\u003cbr \/\u003e        grid-template-rows: 0fr;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content-inner {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content {\u003cbr \/\u003e        grid-template-rows: 1fr;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content-inner {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content p {\u003cbr \/\u003e        margin: 0 0 16px 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content ul {\u003cbr \/\u003e        list-style-type: none;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content ul li {\u003cbr \/\u003e        padding: 4px 0 4px 16px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content ul li::before {\u003cbr \/\u003e        content: '•';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-table {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-row {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 140px 1fr;\u003cbr \/\u003e        padding: 12px 0;\u003cbr \/\u003e        border-bottom: 1px solid #f3f2f1;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-row:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-label {\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-value {\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon-mobile {\u003cbr \/\u003e        display: none;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .fd-accordion-item {\u003cbr \/\u003e            display: block;\u003cbr \/\u003e            cursor: default;\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-header {\u003cbr \/\u003e            padding: 16px 0;\u003cbr \/\u003e            cursor: pointer;\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            justify-content: space-between;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-right {\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e            position: static;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-header-right {\u003cbr \/\u003e            display: none;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-content {\u003cbr \/\u003e            padding-right: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon {\u003cbr \/\u003e            display: none;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile {\u003cbr \/\u003e            display: block;\u003cbr \/\u003e            width: 20px;\u003cbr \/\u003e            height: 20px;\u003cbr \/\u003e            position: relative;\u003cbr \/\u003e            flex-shrink: 0;\u003cbr \/\u003e            margin-left: 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile::before,\u003cbr \/\u003e        .fd-accordion-icon-mobile::after {\u003cbr \/\u003e            content: '';\u003cbr \/\u003e            position: absolute;\u003cbr \/\u003e            background: #1d1d1f;\u003cbr \/\u003e            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile::before {\u003cbr \/\u003e            width: 11px;\u003cbr \/\u003e            height: 1.5px;\u003cbr \/\u003e            top: 50%;\u003cbr \/\u003e            left: 50%;\u003cbr \/\u003e            transform: translate(-50%, -50%);\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile::after {\u003cbr \/\u003e            width: 1.5px;\u003cbr \/\u003e            height: 11px;\u003cbr \/\u003e            top: 50%;\u003cbr \/\u003e            left: 50%;\u003cbr \/\u003e            transform: translate(-50%, -50%);\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-item.active .fd-accordion-icon-mobile::after {\u003cbr \/\u003e            transform: translate(-50%, -50%) rotate(90deg);\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-content-inner {\u003cbr \/\u003e            padding-bottom: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-spec-row {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 8px;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-spec-label {\u003cbr \/\u003e            font-weight: 700;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-item:last-child .fd-accordion-content-inner {\u003cbr \/\u003e            padding-bottom: 8px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003cbr \/\u003e\u003c\/style\u003e\u003c\/p\u003e\u003cdiv class=\"fd-accordion-container\"\u003e\u003cdiv class=\"fd-accordion\"\u003e\n\u003c!-- SEKCJA OPIS --\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003ch2 class=\"fd-accordion-title\"\u003e \u003cspan style=\"font-size: 12pt;\"\u003eDescription\u003c\/span\u003e \u003c\/h2\u003e\n\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cdiv class=\"fd-accordion-header-right\"\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-content\"\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\n\u003cp\u003e \u003cstrong\u003eThe Ringke UX Magnetic\u003c\/strong\u003e is an advanced case that combines exceptional protection with a transparent, minimalist design. Its hybrid construction consists of three layers: a soft, flexible TPU exterior, a durable polycarbonate (Hard PC) interior, and embedded neodymium magnets in the base. Four magnets ensure precise Qi2 alignment for smooth MagSafe charging.\u003c\/p\u003e\n\u003cp\u003e Reinforced corners with shock-absorbing technology effectively absorb shock, protecting against damage during everyday use. The transparent design maintains the case's original appearance, allowing you to enjoy the original color and design.\u003c\/p\u003e\n\u003cp\u003e The well-thought-out design provides convenient access to the back edge of the case, making it easy to open and close without risk of damage. A built-in carabiner allows you to conveniently attach the case to a backpack, belt, or bag, ensuring quick access and preventing loss. Precise cutouts guarantee full access to the charging port and status LED without having to remove the case. The lightweight and slim design maintains a compact size without adding unnecessary bulk. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEKCJA CECHY PRODUKTU --\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003ch2 class=\"fd-accordion-title\"\u003e \u003cspan style=\"font-size: 12pt;\"\u003eProduct features\u003c\/span\u003e \u003c\/h2\u003e\n\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cdiv class=\"fd-accordion-header-right\"\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-content\"\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\u003cul\u003e\n\u003cli\u003e 100% Original\u003c\/li\u003e\n\u003cli\u003e Packed in original packaging\u003c\/li\u003e\n\u003cli\u003e Hybrid TPU + PC construction\u003c\/li\u003e\n\u003cli\u003e MagSafe compatible\u003c\/li\u003e\n\u003cli\u003e Built-in magnets\u003c\/li\u003e\n\u003cli\u003e Reinforced corners\u003c\/li\u003e\n\u003cli\u003e Shock absorption\u003c\/li\u003e\n\u003cli\u003e Precise cutouts\u003c\/li\u003e\n\u003cli\u003e Light and slim design\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEKCJA SPECYFIKACJA --\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003ch2 class=\"fd-accordion-title\"\u003e \u003cspan style=\"font-size: 12pt;\"\u003eSpecification\u003c\/span\u003e \u003c\/h2\u003e\n\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cdiv class=\"fd-accordion-header-right\"\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-content\"\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\u003cdiv class=\"fd-spec-table\"\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Model\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e UX Magnetic\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Material\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e TPU + PC + Neodymium magnets\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Security\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Reinforced corners with shock absorption\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Color\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Black Clear\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Compatibility\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Apple AirPods Pro 3 \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEKCJA ZESTAW ZAWIERA --\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003ch2 class=\"fd-accordion-title\"\u003e \u003cspan style=\"font-size: 12pt;\"\u003eThe set includes\u003c\/span\u003e \u003c\/h2\u003e\n\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cdiv class=\"fd-accordion-header-right\"\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-content\"\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\u003cp\u003e 1 × Ringke UX Magnetic Case\u003cbr\u003e 1 × Metal snap hook\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cp\u003e\u003cscript\u003e\u003cbr \/\u003edocument.addEventListener('DOMContentLoaded', function() {\u003cbr \/\u003e    const accordion = document.querySelector('.fd-accordion');\u003cbr \/\u003e    const accordionItems = document.querySelectorAll('.fd-accordion-item');\u003cbr \/\u003e\u003cbr \/\u003e    function isInEditor() {\u003cbr \/\u003e        if (window.frameElement) return true;\u003cbr \/\u003e        if (document.designMode === 'on') return true;\u003cbr \/\u003e        if (document.body.contentEditable === 'true') return true;\u003cbr \/\u003e        if (window.location.href.includes('\/admin')) return true;\u003cbr \/\u003e        if (window.location.href.includes('\/edit')) return true;\u003cbr \/\u003e        if (window.location.href.includes('editor')) return true;\u003cbr \/\u003e        if (document.querySelector('[contenteditable=\"true\"]')) return true;\u003cbr \/\u003e        if (document.querySelector('.cke_editable, .mce-content-body, .fr-element')) return true;\u003cbr \/\u003e        return false;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    if (isInEditor()) {\u003cbr \/\u003e        return;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    accordion.classList.add('js-initialized');\u003cbr \/\u003e\u003cbr \/\u003e    accordionItems.forEach((item, index) =\u003e {\u003cbr \/\u003e        if (index === 0) {\u003cbr \/\u003e            item.classList.add('active');\u003cbr \/\u003e        } else {\u003cbr \/\u003e            item.classList.remove('active');\u003cbr \/\u003e        }\u003cbr \/\u003e    });\u003cbr \/\u003e\u003cbr \/\u003e    accordionItems.forEach(item =\u003e {\u003cbr \/\u003e        item.addEventListener('click', function(e) {\u003cbr \/\u003e            const isMobile = window.innerWidth \u003c= 768;\u003cbr \/\u003e            \u003cbr \/\u003e            const selection = window.getSelection();\u003cbr \/\u003e            if (selection.toString().length \u003e 0) {\u003cbr \/\u003e                return;\u003cbr \/\u003e            }\u003cbr \/\u003e            \u003cbr \/\u003e            if (isMobile) {\u003cbr \/\u003e                const header = this.querySelector('.fd-accordion-header');\u003cbr \/\u003e                if (!header.contains(e.target)) return;\u003cbr \/\u003e            }\u003cbr \/\u003e\u003cbr \/\u003e            this.classList.toggle('active');\u003cbr \/\u003e        });\u003cbr \/\u003e    });\u003cbr \/\u003e});\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e      \u003cstyle\u003e\u003cbr \/\u003e    .fd-accordion-container {\u003cbr \/\u003e        max-width: 882px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        font-family: inherit;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        font-size: 16px;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-container *,\u003cbr \/\u003e    .fd-accordion-container *::before,\u003cbr \/\u003e    .fd-accordion-container *::after {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        font-family: inherit;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-item {\u003cbr \/\u003e        border-bottom: 1px solid #f3f2f1;\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 200px 1fr;\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        padding: 26px 0;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-header {\u003cbr \/\u003e        transition: all 0.3s ease;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-title {\u003cbr \/\u003e        font-size: 11pt;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        letter-spacing: 0.011em;\u003cbr \/\u003e        padding-top: 2px;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-right {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-header-right {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon {\u003cbr \/\u003e        width: 24px;\u003cbr \/\u003e        height: 24px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon::before,\u003cbr \/\u003e    .fd-accordion-icon::after {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        background: #1d1d1f;\u003cbr \/\u003e        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon::before {\u003cbr \/\u003e        width: 11px;\u003cbr \/\u003e        height: 1.5px;\u003cbr \/\u003e        top: 50%;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translate(-50%, -50%);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon::after {\u003cbr \/\u003e        width: 1.5px;\u003cbr \/\u003e        height: 11px;\u003cbr \/\u003e        top: 50%;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translate(-50%, -50%);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-item.active .fd-accordion-icon::after {\u003cbr \/\u003e        transform: translate(-50%, -50%) rotate(90deg);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content {\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-rows: 1fr;\u003cbr \/\u003e        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e        padding-right: 40px;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content-inner {\u003cbr \/\u003e        padding-bottom: 26px;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e        transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),\u003cbr \/\u003e                    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content {\u003cbr \/\u003e        grid-template-rows: 0fr;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content-inner {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content {\u003cbr \/\u003e        grid-template-rows: 1fr;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content-inner {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content p {\u003cbr \/\u003e        margin: 0 0 16px 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content ul {\u003cbr \/\u003e        list-style-type: none;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content ul li {\u003cbr \/\u003e        padding: 4px 0 4px 16px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content ul li::before {\u003cbr \/\u003e        content: '•';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-table {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-row {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 140px 1fr;\u003cbr \/\u003e        padding: 12px 0;\u003cbr \/\u003e        border-bottom: 1px solid #f3f2f1;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-row:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-label {\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-value {\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon-mobile {\u003cbr \/\u003e        display: none;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .fd-accordion-item {\u003cbr \/\u003e            display: block;\u003cbr \/\u003e            cursor: default;\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-header {\u003cbr \/\u003e            padding: 16px 0;\u003cbr \/\u003e            cursor: pointer;\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            justify-content: space-between;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-right {\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e            position: static;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-header-right {\u003cbr \/\u003e            display: none;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-content {\u003cbr \/\u003e            padding-right: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon {\u003cbr \/\u003e            display: none;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile {\u003cbr \/\u003e            display: block;\u003cbr \/\u003e            width: 20px;\u003cbr \/\u003e            height: 20px;\u003cbr \/\u003e            position: relative;\u003cbr \/\u003e            flex-shrink: 0;\u003cbr \/\u003e            margin-left: 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile::before,\u003cbr \/\u003e        .fd-accordion-icon-mobile::after {\u003cbr \/\u003e            content: '';\u003cbr \/\u003e            position: absolute;\u003cbr \/\u003e            background: #1d1d1f;\u003cbr \/\u003e            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile::before {\u003cbr \/\u003e            width: 11px;\u003cbr \/\u003e            height: 1.5px;\u003cbr \/\u003e            top: 50%;\u003cbr \/\u003e            left: 50%;\u003cbr \/\u003e            transform: translate(-50%, -50%);\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile::after {\u003cbr \/\u003e            width: 1.5px;\u003cbr \/\u003e            height: 11px;\u003cbr \/\u003e            top: 50%;\u003cbr \/\u003e            left: 50%;\u003cbr \/\u003e            transform: translate(-50%, -50%);\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-item.active .fd-accordion-icon-mobile::after {\u003cbr \/\u003e            transform: translate(-50%, -50%) rotate(90deg);\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-content-inner {\u003cbr \/\u003e            padding-bottom: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-spec-row {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 8px;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-spec-label {\u003cbr \/\u003e            font-weight: 700;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-item:last-child .fd-accordion-content-inner {\u003cbr \/\u003e            padding-bottom: 8px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003cbr \/\u003e\u003c\/style\u003e\u003cdiv class=\"fd-accordion-container\"\u003e\u003cdiv class=\"fd-accordion\"\u003e\n\u003c!-- SEKCJA OPIS --\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003ch2 class=\"fd-accordion-title\"\u003e \u003cspan style=\"font-size: 12pt;\"\u003eBeschreibung\u003c\/span\u003e \u003c\/h2\u003e\n\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cdiv class=\"fd-accordion-header-right\"\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-content\"\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\n\u003cp\u003e \u003cstrong\u003eDas Ringke UX Magnetic\u003c\/strong\u003e ist eine fortschrittliche Schutzhülle, die außergewöhnlichen Schutz mit einem transparenten, minimalistischen Design vereint. Ihre Hybridkonstruktion besteht aus drei Schichten: einer weichen, flexiblen TPU-Außenseite, einer robusten Polycarbonat-Innenseite (Hard PC) und eingebetteten Neodym-Magneten an der Unterseite. Vier Magnete gewährleisten die präzise Qi2-Ausrichtung für reibungsloses MagSafe-Laden.\u003c\/p\u003e\n\u003cp\u003e Verstärkte Ecken mit stoßdämpfender Technologie absorbieren Stöße effektiv und schützen so vor Beschädigungen im Alltag. Das transparente Design erhält das ursprüngliche Aussehen der Hülle, sodass Sie die Originalfarbe und das Design genießen können.\u003c\/p\u003e\n\u003cp\u003e Das durchdachte Design ermöglicht einen bequemen Zugriff auf die Rückseite der Hülle und erleichtert so das Öffnen und Schließen ohne Beschädigungsrisiko. Dank des integrierten Karabiners lässt sich die Hülle einfach an Rucksack, Gürtel oder Tasche befestigen – für schnellen Zugriff und um Verlust zu vermeiden. Präzise Aussparungen gewährleisten vollen Zugriff auf Ladeanschluss und Status-LED, ohne die Hülle entfernen zu müssen. Das leichte und schlanke Design sorgt für kompakte Größe ohne unnötiges Volumen. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEKCJA CECHY PRODUKTU --\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003ch2 class=\"fd-accordion-title\"\u003e \u003cspan style=\"font-size: 12pt;\"\u003eProduktmerkmale\u003c\/span\u003e \u003c\/h2\u003e\n\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cdiv class=\"fd-accordion-header-right\"\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-content\"\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\u003cul\u003e\n\u003cli\u003e 100 % Original\u003c\/li\u003e\n\u003cli\u003e In Originalverpackung verpackt\u003c\/li\u003e\n\u003cli\u003e Hybridkonstruktion aus TPU und PC\u003c\/li\u003e\n\u003cli\u003e MagSafe-kompatibel\u003c\/li\u003e\n\u003cli\u003e Eingebaute Magnete\u003c\/li\u003e\n\u003cli\u003e Verstärkte Ecken\u003c\/li\u003e\n\u003cli\u003e Stoßdämpfung\u003c\/li\u003e\n\u003cli\u003e Präzise Aussparungen\u003c\/li\u003e\n\u003cli\u003e Leichtes und schlankes Design\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEKCJA SPECYFIKACJA --\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003ch2 class=\"fd-accordion-title\"\u003e \u003cspan style=\"font-size: 12pt;\"\u003eSpezifikation\u003c\/span\u003e \u003c\/h2\u003e\n\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cdiv class=\"fd-accordion-header-right\"\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-content\"\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\u003cdiv class=\"fd-spec-table\"\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Modell\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e UX Magnetic\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Material\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e TPU + PC + Neodym-Magnete\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Sicherheit\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Verstärkte Ecken mit Stoßdämpfung\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Farbe\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Schwarz Klar\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Kompatibilität\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Apple AirPods Pro 3 \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEKCJA ZESTAW ZAWIERA --\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003ch2 class=\"fd-accordion-title\"\u003e \u003cspan style=\"font-size: 12pt;\"\u003eDas Set beinhaltet\u003c\/span\u003e \u003c\/h2\u003e\n\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cdiv class=\"fd-accordion-header-right\"\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"fd-accordion-content\"\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\u003cp\u003e 1 × Ringke UX Magnethülle\u003cbr\u003e 1 × Metall-Karabinerhaken\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cp\u003e\u003cscript\u003e\u003cbr \/\u003edocument.addEventListener('DOMContentLoaded', function() {\u003cbr \/\u003e    const accordion = document.querySelector('.fd-accordion');\u003cbr \/\u003e    const accordionItems = document.querySelectorAll('.fd-accordion-item');\u003cbr \/\u003e\u003cbr \/\u003e    function isInEditor() {\u003cbr \/\u003e        if (window.frameElement) return true;\u003cbr \/\u003e        if (document.designMode === 'on') return true;\u003cbr \/\u003e        if (document.body.contentEditable === 'true') return true;\u003cbr \/\u003e        if (window.location.href.includes('\/admin')) return true;\u003cbr \/\u003e        if (window.location.href.includes('\/edit')) return true;\u003cbr \/\u003e        if (window.location.href.includes('editor')) return true;\u003cbr \/\u003e        if (document.querySelector('[contenteditable=\"true\"]')) return true;\u003cbr \/\u003e        if (document.querySelector('.cke_editable, .mce-content-body, .fr-element')) return true;\u003cbr \/\u003e        return false;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    if (isInEditor()) {\u003cbr \/\u003e        return;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    accordion.classList.add('js-initialized');\u003cbr \/\u003e\u003cbr \/\u003e    accordionItems.forEach((item, index) =\u003e {\u003cbr \/\u003e        if (index === 0) {\u003cbr \/\u003e            item.classList.add('active');\u003cbr \/\u003e        } else {\u003cbr \/\u003e            item.classList.remove('active');\u003cbr \/\u003e        }\u003cbr \/\u003e    });\u003cbr \/\u003e\u003cbr \/\u003e    accordionItems.forEach(item =\u003e {\u003cbr \/\u003e        item.addEventListener('click', function(e) {\u003cbr \/\u003e            const isMobile = window.innerWidth \u003c= 768;\u003cbr \/\u003e            \u003cbr \/\u003e            const selection = window.getSelection();\u003cbr \/\u003e            if (selection.toString().length \u003e 0) {\u003cbr \/\u003e                return;\u003cbr \/\u003e            }\u003cbr \/\u003e            \u003cbr \/\u003e            if (isMobile) {\u003cbr \/\u003e                const header = this.querySelector('.fd-accordion-header');\u003cbr \/\u003e                if (!header.contains(e.target)) return;\u003cbr \/\u003e            }\u003cbr \/\u003e\u003cbr \/\u003e            this.classList.toggle('active');\u003cbr \/\u003e        });\u003cbr \/\u003e    });\u003cbr \/\u003e});\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e      \u003cstyle\u003e\u003cbr \/\u003e    .fd-accordion-container {\u003cbr \/\u003e        max-width: 882px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        font-family: inherit;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        font-size: 16px;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-container *,\u003cbr \/\u003e    .fd-accordion-container *::before,\u003cbr \/\u003e    .fd-accordion-container *::after {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        font-family: inherit;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-item {\u003cbr \/\u003e        border-bottom: 1px solid #f3f2f1;\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 200px 1fr;\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        padding: 26px 0;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-header {\u003cbr \/\u003e        transition: all 0.3s ease;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-title {\u003cbr \/\u003e        font-size: 11pt;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        letter-spacing: 0.011em;\u003cbr \/\u003e        padding-top: 2px;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-right {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-header-right {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon {\u003cbr \/\u003e        width: 24px;\u003cbr \/\u003e        height: 24px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon::before,\u003cbr \/\u003e    .fd-accordion-icon::after {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        background: #1d1d1f;\u003cbr \/\u003e        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon::before {\u003cbr \/\u003e        width: 11px;\u003cbr \/\u003e        height: 1.5px;\u003cbr \/\u003e        top: 50%;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translate(-50%, -50%);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon::after {\u003cbr \/\u003e        width: 1.5px;\u003cbr \/\u003e        height: 11px;\u003cbr \/\u003e        top: 50%;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translate(-50%, -50%);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-item.active .fd-accordion-icon::after {\u003cbr \/\u003e        transform: translate(-50%, -50%) rotate(90deg);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content {\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-rows: 1fr;\u003cbr \/\u003e        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e        padding-right: 40px;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content-inner {\u003cbr \/\u003e        padding-bottom: 26px;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e        transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),\u003cbr \/\u003e                    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content {\u003cbr \/\u003e        grid-template-rows: 0fr;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content-inner {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content {\u003cbr \/\u003e        grid-template-rows: 1fr;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content-inner {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content p {\u003cbr \/\u003e        margin: 0 0 16px 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content ul {\u003cbr \/\u003e        list-style-type: none;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content ul li {\u003cbr \/\u003e        padding: 4px 0 4px 16px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-content ul li::before {\u003cbr \/\u003e        content: '•';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-table {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-row {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 140px 1fr;\u003cbr \/\u003e        padding: 12px 0;\u003cbr \/\u003e        border-bottom: 1px solid #f3f2f1;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-row:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-label {\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-spec-value {\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    .fd-accordion-icon-mobile {\u003cbr \/\u003e        display: none;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .fd-accordion-item {\u003cbr \/\u003e            display: block;\u003cbr \/\u003e            cursor: default;\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-header {\u003cbr \/\u003e            padding: 16px 0;\u003cbr \/\u003e            cursor: pointer;\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            justify-content: space-between;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-right {\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e            position: static;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-header-right {\u003cbr \/\u003e            display: none;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-content {\u003cbr \/\u003e            padding-right: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon {\u003cbr \/\u003e            display: none;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile {\u003cbr \/\u003e            display: block;\u003cbr \/\u003e            width: 20px;\u003cbr \/\u003e            height: 20px;\u003cbr \/\u003e            position: relative;\u003cbr \/\u003e            flex-shrink: 0;\u003cbr \/\u003e            margin-left: 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile::before,\u003cbr \/\u003e        .fd-accordion-icon-mobile::after {\u003cbr \/\u003e            content: '';\u003cbr \/\u003e            position: absolute;\u003cbr \/\u003e            background: #1d1d1f;\u003cbr \/\u003e            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile::before {\u003cbr \/\u003e            width: 11px;\u003cbr \/\u003e            height: 1.5px;\u003cbr \/\u003e            top: 50%;\u003cbr \/\u003e            left: 50%;\u003cbr \/\u003e            transform: translate(-50%, -50%);\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-icon-mobile::after {\u003cbr \/\u003e            width: 1.5px;\u003cbr \/\u003e            height: 11px;\u003cbr \/\u003e            top: 50%;\u003cbr \/\u003e            left: 50%;\u003cbr \/\u003e            transform: translate(-50%, -50%);\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-item.active .fd-accordion-icon-mobile::after {\u003cbr \/\u003e            transform: translate(-50%, -50%) rotate(90deg);\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-content-inner {\u003cbr \/\u003e            padding-bottom: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-spec-row {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 8px;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-spec-label {\u003cbr \/\u003e            font-weight: 700;\u003cbr \/\u003e        }\u003cbr \/\u003e\u003cbr \/\u003e        .fd-accordion-item:last-child .fd-accordion-content-inner {\u003cbr \/\u003e            padding-bottom: 8px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cdiv class=\"fd-accordion-container\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion\"\u003e\n\u003c!-- SEKCJA OPIS --\u003e\u003cbr\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003cbr\u003e\u003ch2 class=\"fd-accordion-title\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003eOpis\u003c\/span\u003e\u003c\/h2\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e \u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-header-right\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e \u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-content\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cstrong\u003eRingke UX Magnetic\u003c\/strong\u003e to zaawansowane etui łączące wyjątkową ochronę z przezroczystym, minimalistycznym designem. Hybrydowa konstrukcja  składa się z trzech warstw: miękkiego elastycznego TPU na zewnątrz, wytrzymałego poliwęglanu (Hard PC) w środku oraz wbudowanych magnesów neodymowych w podstawie. Cztery magnesy zapewniają precyzyjne wyrównanie Qi2 dla płynnego ładowania MagSafe.\u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003eWzmocnione narożniki z technologią amortyzacji uderzeń skutecznie absorbują wstrząsy, chroniąc przed uszkodzeniami podczas codziennego użytkowania. Przezroczysta konstrukcja utrzymuje pierwotny wygląd etui, pozwalając cieszyć się oryginalnym kolorem i designem. \u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003ePrzemyślany design zapewnia wygodny dostęp do tylnej krawędzi etui, ułatwiając otwieranie i zamykanie bez ryzyka uszkodzenia. Wbudowany karabińczyk pozwala na wygodne przypięcie etui do plecaka, paska czy torby, zapewniając szybki dostęp i bezpieczeństwo przed zgubieniem. Precyzyjne wycięcia gwarantują pełny dostęp do portu ładowania oraz diody LED statusu, bez konieczności zdejmowania etui. Lekka i smukła konstrukcja zachowuje kompaktowe wymiary, nie dodając zbędnej objętości. \u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003c!-- SEKCJA CECHY PRODUKTU --\u003e\u003cbr\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003cbr\u003e\u003ch2 class=\"fd-accordion-title\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003eCechy produktu\u003c\/span\u003e\u003c\/h2\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e \u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-header-right\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e \u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-content\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\n\u003cbr\u003e\u003cul\u003e\n\u003cbr\u003e\u003cli\u003e100% Oryginalne\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eZapakowane w oryginalne opakowanie\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eHybrydowa konstrukcja TPU + PC\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eKompatybilne z MagSafe\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eWbudowane magnesy\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eWzmocnione narożniki\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eAmortyzacja uderzeń\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003ePrecyzyjne wycięcia\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eLekka i smukła konstrukcja\u003c\/li\u003e\n\u003cbr\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003c!-- SEKCJA SPECYFIKACJA --\u003e\u003cbr\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003cbr\u003e\u003ch2 class=\"fd-accordion-title\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003eSpecyfikacja\u003c\/span\u003e\u003c\/h2\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e \u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-header-right\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e \u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-content\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-table\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-label\"\u003eModel\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eUX Magnetic\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-label\"\u003eMateriał\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eTPU + PC + Magnesy neodymowe\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-label\"\u003eOchrona\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eWzmocnione narożniki z amortyzacją uderzeń\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-label\"\u003eKolor\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eBlack Clear \/ Czarno-Przezroczysty\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-label\"\u003eKompatybilność\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eApple AirPods Pro 3\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003c!-- SEKCJA ZESTAW ZAWIERA --\u003e\u003cbr\u003e\u003cdiv class=\"fd-accordion-item active\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-header\"\u003e\n\u003cbr\u003e\u003ch2 class=\"fd-accordion-title\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003eZestaw zawiera\u003c\/span\u003e\u003c\/h2\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-icon-mobile\"\u003e \u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-right\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-header-right\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-icon\"\u003e \u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-content\"\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-accordion-content-inner\"\u003e\n\u003cbr\u003e\u003cp\u003e1 × Etui Ringke UX Magnetic\u003cbr\u003e1 × Metalowy karabińczyk\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cscript\u003e\u003cbr \/\u003edocument.addEventListener('DOMContentLoaded', function() {\u003cbr \/\u003e    const accordion = document.querySelector('.fd-accordion');\u003cbr \/\u003e    const accordionItems = document.querySelectorAll('.fd-accordion-item');\u003cbr \/\u003e\u003cbr \/\u003e    function isInEditor() {\u003cbr \/\u003e        if (window.frameElement) return true;\u003cbr \/\u003e        if (document.designMode === 'on') return true;\u003cbr \/\u003e        if (document.body.contentEditable === 'true') return true;\u003cbr \/\u003e        if (window.location.href.includes('\/admin')) return true;\u003cbr \/\u003e        if (window.location.href.includes('\/edit')) return true;\u003cbr \/\u003e        if (window.location.href.includes('editor')) return true;\u003cbr \/\u003e        if (document.querySelector('[contenteditable=\"true\"]')) return true;\u003cbr \/\u003e        if (document.querySelector('.cke_editable, .mce-content-body, .fr-element')) return true;\u003cbr \/\u003e        return false;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    if (isInEditor()) {\u003cbr \/\u003e        return;\u003cbr \/\u003e    }\u003cbr \/\u003e\u003cbr \/\u003e    accordion.classList.add('js-initialized');\u003cbr \/\u003e\u003cbr \/\u003e    accordionItems.forEach((item, index) =\u003e {\u003cbr \/\u003e        if (index === 0) {\u003cbr \/\u003e            item.classList.add('active');\u003cbr \/\u003e        } else {\u003cbr \/\u003e            item.classList.remove('active');\u003cbr \/\u003e        }\u003cbr \/\u003e    });\u003cbr \/\u003e\u003cbr \/\u003e    accordionItems.forEach(item =\u003e {\u003cbr \/\u003e        item.addEventListener('click', function(e) {\u003cbr \/\u003e            const isMobile = window.innerWidth \u003c= 768;\u003cbr \/\u003e            \u003cbr \/\u003e            const selection = window.getSelection();\u003cbr \/\u003e            if (selection.toString().length \u003e 0) {\u003cbr \/\u003e                return;\u003cbr \/\u003e            }\u003cbr \/\u003e            \u003cbr \/\u003e            if (isMobile) {\u003cbr \/\u003e                const header = this.querySelector('.fd-accordion-header');\u003cbr \/\u003e                if (!header.contains(e.target)) return;\u003cbr \/\u003e            }\u003cbr \/\u003e\u003cbr \/\u003e            this.classList.toggle('active');\u003cbr \/\u003e        });\u003cbr \/\u003e    });\u003cbr \/\u003e});\u003cbr \/\u003e\u003c\/script\u003e\u003cbr\u003e\u003c\/p\u003e    ","brand":"Ringke","offers":[{"title":"Default Title","offer_id":52840606204232,"sku":"8800293859444","price":128.0,"currency_code":"DKK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0509\/0361\/3640\/files\/210279_1.jpg?v=1775438474","url":"https:\/\/itfon.dk\/products\/ringke-ux-magnetisk-case-til-airpods-pro-3-sort-og-klar","provider":"ITFON, EL-SALG Vordingborg","version":"1.0","type":"link"}