{"product_id":"spigen-rugged-armor-case-til-xiaomi-17-sort","title":"Spigen Rugged Armor case til Xiaomi 17 - sort","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\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 The flexible \u003cstrong\u003eSpigen Rugged Armor\u003c\/strong\u003e case features a modern, carbon-fiber texture. Its slim design fits perfectly around the phone without altering its original silhouette.\u003c\/p\u003e\n\u003cp\u003e The case is made entirely of flexible TPU, combining durability with excellent shock absorption. The internal Spider Web structure effectively disperses energy during a fall, minimizing the risk of damage to the device. Raised edges around the screen and camera island protect the most sensitive elements from scratches and direct contact with the ground.\u003c\/p\u003e\n\u003cp\u003e Precise cutouts provide full access to all ports, buttons, and speakers. Textured sides improve grip, and a matte finish with a carbon fiber pattern gives the case a sleek, technical look. Installation is quick and intuitive – simply insert your phone into the case without any additional tools. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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 Flexible TPU construction\u003c\/li\u003e\n\u003cli\u003e Carbon Fiber Texture\u003c\/li\u003e\n\u003cli\u003e Spider Web cushioning technology\u003c\/li\u003e\n\u003cli\u003e Raised protective edges\u003c\/li\u003e\n\u003cli\u003e Precise cutouts and fit\u003c\/li\u003e\n\u003cli\u003e Textured sides for better grip \u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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 Material\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e TPU\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Design\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Flexible\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 Matte Black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e MagSafe\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e NO\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 Xiaomi 17 \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\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 × Spigen Rugged Armor Case\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            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\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 Die flexible \u003cstrong\u003eSpigen Rugged Armor\u003c\/strong\u003e Hülle besticht durch ihre moderne Carbonfaser-Optik. Ihr schlankes Design schmiegt sich perfekt an das Smartphone an, ohne dessen ursprüngliche Silhouette zu verändern.\u003c\/p\u003e\n\u003cp\u003e Das Gehäuse besteht vollständig aus flexiblem TPU und vereint Robustheit mit hervorragender Stoßdämpfung. Die interne Spinnennetzstruktur verteilt die Aufprallenergie effektiv und minimiert so das Beschädigungsrisiko des Geräts. Erhöhte Ränder um Bildschirm und Kamera schützen die empfindlichsten Elemente vor Kratzern und direktem Bodenkontakt.\u003c\/p\u003e\n\u003cp\u003e Präzise Aussparungen gewährleisten vollen Zugriff auf alle Anschlüsse, Tasten und Lautsprecher. Strukturierte Seiten sorgen für besseren Halt, und die matte Oberfläche mit Carbonfaser-Muster verleiht der Hülle einen eleganten, technischen Look. Die Installation ist schnell und intuitiv – legen Sie Ihr Smartphone einfach ohne zusätzliches Werkzeug in die Hülle ein. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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 Flexible TPU-Konstruktion\u003c\/li\u003e\n\u003cli\u003e Kohlefaserstruktur\u003c\/li\u003e\n\u003cli\u003e Spinnennetz-Dämpfungstechnologie\u003c\/li\u003e\n\u003cli\u003e Erhöhte Schutzkanten\u003c\/li\u003e\n\u003cli\u003e Präzise Ausschnitte und Passform\u003c\/li\u003e\n\u003cli\u003e Strukturierte Seiten für besseren Halt \u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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 Material\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e TPU\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Design\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Flexibel\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 Mattschwarz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e MagSafe\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e NEIN\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 Xiaomi 17 \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\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 × Spigen Rugged Armor Hülle\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            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\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\u003eElastyczne etui \u003cstrong\u003eSpigen Rugged Armor\u003c\/strong\u003e wyróżnia się karbonową teksturą o nowoczesnym wyglądzie. Jego smukła forma idealnie dopasowuje się do telefonu, nie zmieniając jego oryginalnej sylwetki.\u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003eEtui wykonane jest w całości z elastycznego TPU, które łączy trwałość z doskonałą amortyzacją uderzeń. Wewnętrzna struktura Spider Web skutecznie rozprasza energię podczas upadku, minimalizując ryzyko uszkodzenia urządzenia. Podniesione krawędzie wokół ekranu i wyspy aparatu chronią najbardziej wrażliwe elementy przed zarysowaniami i bezpośrednim kontaktem z podłożem.\u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003ePrecyzyjne wycięcia zapewniają pełny dostęp do wszystkich portów, przycisków i głośników. Fakturowane boki poprawiają chwyt, a matowe wykończenie z wzorem włókna węglowego nadaje etui elegancki, techniczny wygląd. Montaż jest szybki i intuicyjny – wystarczy włożyć telefon w etui bez użycia dodatkowych narzędzi.\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\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% Oryginalny\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eZapakowany w oryginalne opakowanie\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eElastyczna konstrukcja z TPU\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eTekstura karbonowa Carbon Fiber\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eTechnologia amortyzacji Spider Web\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003ePodniesione krawędzie ochronne\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003ePrecyzyjne wycięcia i spasowanie\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eFakturowane boki dla lepszego chwytu\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\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\"\u003eMateriał\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eTPU\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\"\u003eKonstrukcja\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eElastyczna\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\"\u003eMatte Black \/ Czarny matowy\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\"\u003eMagSafe\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eNie\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\"\u003eXiaomi 17\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\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 Spigen Rugged Armor\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            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":"Spigen","offers":[{"title":"Default Title","offer_id":53072568451400,"sku":"8800283315905","price":128.0,"currency_code":"DKK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0509\/0361\/3640\/files\/207260_1.jpg?v=1778421042","url":"https:\/\/itfon.dk\/products\/spigen-rugged-armor-case-til-xiaomi-17-sort","provider":"ITFON, EL-SALG Vordingborg","version":"1.0","type":"link"}