{"product_id":"spigen-rugged-armor-case-for-xiaomi-17-black","title":"Spigen Rugged Armor case for Xiaomi 17 - black","description":"\u003cstyle\u003e\n    .fd-accordion-container {\n        max-width: 882px;\n        margin: 0 auto;\n        font-family: inherit;\n        color: #333333;\n        line-height: 1.6;\n        font-size: 16px;\n    }\n\n    .fd-accordion-container *,\n    .fd-accordion-container *::before,\n    .fd-accordion-container *::after {\n        box-sizing: border-box;\n        font-family: inherit;\n    }\n\n    .fd-accordion-item {\n        border-bottom: 1px solid #f3f2f1;\n        display: grid;\n        grid-template-columns: 200px 1fr;\n        gap: 32px;\n        padding: 26px 0;\n        cursor: pointer;\n        align-items: start;\n        margin: 0;\n    }\n\n    .fd-accordion-header {\n        transition: all 0.3s ease;\n    }\n\n    .fd-accordion-title {\n        font-size: 11pt;\n        font-weight: 600;\n        letter-spacing: 0.011em;\n        padding-top: 2px;\n        text-transform: uppercase;\n        margin: 0;\n    }\n\n    .fd-accordion-right {\n        position: relative;\n    }\n\n    .fd-accordion-header-right {\n        position: absolute;\n        top: 0;\n        right: 0;\n    }\n\n    .fd-accordion-icon {\n        width: 24px;\n        height: 24px;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .fd-accordion-icon::before,\n    .fd-accordion-icon::after {\n        content: '';\n        position: absolute;\n        background: #1d1d1f;\n        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .fd-accordion-icon::before {\n        width: 11px;\n        height: 1.5px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n    }\n\n    .fd-accordion-icon::after {\n        width: 1.5px;\n        height: 11px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n    }\n\n    .fd-accordion-item.active .fd-accordion-icon::after {\n        transform: translate(-50%, -50%) rotate(90deg);\n        opacity: 0;\n    }\n\n    .fd-accordion-content {\n        overflow: hidden;\n        display: grid;\n        grid-template-rows: 1fr;\n        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        padding-right: 40px;\n    }\n\n    .fd-accordion-content-inner {\n        padding-bottom: 26px;\n        line-height: 1.7;\n        overflow: hidden;\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n                    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content {\n        grid-template-rows: 0fr;\n    }\n\n    .fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content-inner {\n        opacity: 0;\n        transform: translateY(-8px);\n    }\n\n    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content {\n        grid-template-rows: 1fr;\n    }\n\n    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content-inner {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .fd-accordion-content p {\n        margin: 0 0 16px 0;\n        padding: 0;\n        color: #333333;\n    }\n\n    .fd-accordion-content p:last-child {\n        margin-bottom: 0;\n    }\n\n    .fd-accordion-content ul {\n        list-style-type: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .fd-accordion-content ul li {\n        padding: 4px 0 4px 16px;\n        position: relative;\n        color: #333333;\n        margin: 0;\n    }\n\n    .fd-accordion-content ul li::before {\n        content: '•';\n        position: absolute;\n        left: 0;\n        font-weight: 600;\n    }\n\n    .fd-spec-table {\n        width: 100%;\n    }\n\n    .fd-spec-row {\n        display: grid;\n        grid-template-columns: 140px 1fr;\n        padding: 12px 0;\n        border-bottom: 1px solid #f3f2f1;\n        gap: 16px;\n    }\n\n    .fd-spec-row:last-child {\n        border-bottom: none;\n    }\n\n    .fd-spec-label {\n        font-weight: 600;\n        color: #333333;\n    }\n\n    .fd-spec-value {\n        color: #333333;\n    }\n\n    .fd-accordion-icon-mobile {\n        display: none;\n    }\n\n    @media (max-width: 768px) {\n        .fd-accordion-item {\n            display: block;\n            cursor: default;\n            padding: 0;\n        }\n\n        .fd-accordion-header {\n            padding: 16px 0;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .fd-accordion-right {\n            padding: 0;\n            position: static;\n        }\n\n        .fd-accordion-header-right {\n            display: none;\n        }\n\n        .fd-accordion-content {\n            padding-right: 0;\n        }\n\n        .fd-accordion-icon {\n            display: none;\n        }\n\n        .fd-accordion-icon-mobile {\n            display: block;\n            width: 20px;\n            height: 20px;\n            position: relative;\n            flex-shrink: 0;\n            margin-left: 20px;\n        }\n\n        .fd-accordion-icon-mobile::before,\n        .fd-accordion-icon-mobile::after {\n            content: '';\n            position: absolute;\n            background: #1d1d1f;\n            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .fd-accordion-icon-mobile::before {\n            width: 11px;\n            height: 1.5px;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n\n        .fd-accordion-icon-mobile::after {\n            width: 1.5px;\n            height: 11px;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n\n        .fd-accordion-item.active .fd-accordion-icon-mobile::after {\n            transform: translate(-50%, -50%) rotate(90deg);\n            opacity: 0;\n        }\n\n        .fd-accordion-content-inner {\n            padding-bottom: 16px;\n        }\n\n        .fd-spec-row {\n            grid-template-columns: 1fr;\n            gap: 8px;\n        }\n\n        .fd-spec-label {\n            font-weight: 700;\n        }\n\n        .fd-accordion-item:last-child .fd-accordion-content-inner {\n            padding-bottom: 8px;\n        }\n    }\n\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;\"\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\ndocument.addEventListener('DOMContentLoaded', function() {\n    const accordion = document.querySelector('.fd-accordion');\n    const accordionItems = document.querySelectorAll('.fd-accordion-item');\n\n    function isInEditor() {\n        if (window.frameElement) return true;\n        if (document.designMode === 'on') return true;\n        if (document.body.contentEditable === 'true') return true;\n        if (window.location.href.includes('\/admin')) return true;\n        if (window.location.href.includes('\/edit')) return true;\n        if (window.location.href.includes('editor')) return true;\n        if (document.querySelector('[contenteditable=\"true\"]')) return true;\n        if (document.querySelector('.cke_editable, .mce-content-body, .fr-element')) return true;\n        return false;\n    }\n\n    if (isInEditor()) {\n        return;\n    }\n\n    accordion.classList.add('js-initialized');\n\n    accordionItems.forEach((item, index) =\u003e {\n        if (index === 0) {\n            item.classList.add('active');\n        } else {\n            item.classList.remove('active');\n        }\n    });\n\n    accordionItems.forEach(item =\u003e {\n        item.addEventListener('click', function(e) {\n            const isMobile = window.innerWidth \u003c= 768;\n            \n            if (isMobile) {\n                const header = this.querySelector('.fd-accordion-header');\n                if (!header.contains(e.target)) return;\n            }\n\n            this.classList.toggle('active');\n        });\n    });\n});\n\u003c\/script\u003e\u003c\/p\u003e","brand":"Spigen","offers":[{"title":"Default Title","offer_id":53258733257051,"sku":"H-207260","price":19.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0865\/0152\/3803\/files\/207260_1.jpg?v=1780525585","url":"https:\/\/prime-electronics.eu\/products\/spigen-rugged-armor-case-for-xiaomi-17-black","provider":"Prime Electronics","version":"1.0","type":"link"}