{"product_id":"spigen-classic-ls-magsafe-case-til-iphone-17-pro-max-beige","title":"Spigen Classic LS MagSafe Case til iPhone 17 Pro Max - Beige","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: pointer;\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 \u003cstrong\u003eThe Spigen Classic LS MagSafe\u003c\/strong\u003e is a limited-edition case designed as a tribute to the iconic 1984 Macintosh 128K computer—celebrating Apple 50th anniversary. Inspired by the warm hues of early Apple computer cases, the matte finish evokes the aesthetic of the hardware that changed the history of technology.\u003c\/p\u003e\n\u003cp\u003e The back of the case is decorated with a subtle accent reminiscent of a 3.5-inch floppy drive slot, and the Spigen logo has been redesigned in the style of the rainbow Apple logo from the 1970s and 1980s. The side buttons replicate the shape of vintage mechanical keys – the power button is embellished with an engraving of \"Hello\" to complete the retro vibe.\u003c\/p\u003e\n\u003cp\u003e Built-in MagSafe magnet ensures precise fit with chargers, car mounts, wallets and other magnetic accessories.\u003c\/p\u003e\n\u003cp\u003e Spigen Classic LS is a combination of modern protection and timeless design – for those who remember when computers had character. \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 Limited special edition\u003c\/li\u003e\n\u003cli\u003e Matte finish\u003c\/li\u003e\n\u003cli\u003e Fully compatible with MagSafe\u003c\/li\u003e\n\u003cli\u003e Vintage-style side buttons\u003c\/li\u003e\n\u003cli\u003e Spigen logo redesigned in the style of the rainbow Apple logo\u003c\/li\u003e\n\u003cli\u003e Built-in lanyard hole in the case frame\u003c\/li\u003e\n\u003cli\u003e Raised edges around the camera and screen \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 Model\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Classic LS\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 iPhone 17 Pro\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 PC + TPU\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Technology\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e MagSafe\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 Stone \/ Beige \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 Classic LS MagSafe 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 selection = window.getSelection();\u003cbr \/\u003e            if (selection \u0026\u0026 selection.toString().length \u003e 0) {\u003cbr \/\u003e                return;\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: pointer;\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 \u003cstrong\u003eDas Spigen Classic LS MagSafe\u003c\/strong\u003e ist eine limitierte Sonderedition, die als Hommage an den legendären Macintosh 128K-Computer von 1984 – und damit anlässlich des 50-jährigen Jubiläums von Apple– entworfen wurde. Inspiriert von den warmen Farbtönen früher Apple-Computergehäuse, erinnert die matte Oberfläche an die Ästhetik jener Hardware, die die Geschichte der Technologie revolutionierte.\u003c\/p\u003e\n\u003cp\u003e Die Rückseite des Gehäuses ziert ein dezentes Detail, das an einen 3,5-Zoll-Diskettenlaufwerksschacht erinnert, und das Spigen Logo wurde im Stil des Regenbogen Apple Logos der 1970er- und 1980er-Jahre neu gestaltet. Die seitlichen Tasten sind der Form klassischer mechanischer Tasten nachempfunden – der Ein-\/Ausschalter trägt die Gravur „Hello“ und rundet so den Retro-Look ab.\u003c\/p\u003e\n\u003cp\u003e Der integrierte MagSafe-Magnet gewährleistet eine präzise Passform mit Ladegeräten, Autohalterungen, Geldbörsen und anderem magnetischen Zubehör.\u003c\/p\u003e\n\u003cp\u003e Spigen Classic LS vereint modernen Schutz mit zeitlosem Design – für all jene, die sich noch an Zeiten erinnern, als Computer Charakter hatten. \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 Limitierte Sonderedition\u003c\/li\u003e\n\u003cli\u003e Mattes Finish\u003c\/li\u003e\n\u003cli\u003e Vollständig kompatibel mit MagSafe\u003c\/li\u003e\n\u003cli\u003e Seitliche Knöpfe im Vintage-Stil\u003c\/li\u003e\n\u003cli\u003e Das Spigen Logo wurde im Stil des Regenbogen Apple -Logos neu gestaltet.\u003c\/li\u003e\n\u003cli\u003e Eingebaute Öse für ein Lanyard im Gehäuserahmen\u003c\/li\u003e\n\u003cli\u003e Erhöhte Ränder um Kamera und Bildschirm \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 Modell\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Klassischer LS\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 iPhone 17 Pro\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 PC + TPU\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Technologie\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e MagSafe\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 Stein \/ Beige \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 Classic LS MagSafe 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 selection = window.getSelection();\u003cbr \/\u003e            if (selection \u0026\u0026 selection.toString().length \u003e 0) {\u003cbr \/\u003e                return;\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: pointer;\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\u003e\u003cstrong\u003eSpigen Classic LS MagSafe\u003c\/strong\u003e to limitowane etui zaprojektowane jako hołd dla ikonicznego komputera Macintosh 128K z 1984 roku – z okazji 50. rocznicy istnienia Apple. Matowe wykończenie, inspirowane ciepłą barwą obudów wczesnych komputerów Apple, przywołuje estetykę sprzętu, który zmienił historię technologii.\u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003eTył etui zdobi dyskretny akcent nawiązujący do szczeliny napędu dyskietek 3,5 cala, a logo Spigen zostało przeprojektowane w stylu tęczowego logo Apple z lat 70. i 80. Przyciski boczne odwzorowują kształt vintage klawiszy mechanicznych – przycisk zasilania ozdobiono grawerem „Hello\" dla dopełnienia retro klimatu.\u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003eWbudowany magnes MagSafe zapewnia precyzyjne dopasowanie do ładowarek, uchwytów samochodowych, portfeli i innych akcesoriów magnetycznych. \u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003eSpigen Classic LS to połączenie nowoczesnej ochrony i ponadczasowego designu – dla tych, którzy pamiętają, kiedy komputery miały charakter.\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\u003eLimitowana edycja specjalna\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eMatowe wykończenie\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003ePełna kompatybilność z MagSafe\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003ePrzyciski boczne stylizowane na vintage \u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eLogo Spigen przeprojektowane w stylu tęczowego logo Apple\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eWbudowany otwór na smycz w ramce etui\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eUniesione krawędzie wokół aparatu i ekranu\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\"\u003eModel\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eClassic LS\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\"\u003eiPhone 17 Pro\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\"\u003ePC + TPU\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\"\u003eTechnologia\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eMagSafe \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\"\u003eStone \/ Beżowy\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 Classic LS MagSafe\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 selection = window.getSelection();\u003cbr \/\u003e            if (selection \u0026\u0026 selection.toString().length \u003e 0) {\u003cbr \/\u003e                return;\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":52936185184584,"sku":"8800283316100","price":274.0,"currency_code":"DKK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0509\/0361\/3640\/files\/210732_1.jpg?v=1776609033","url":"https:\/\/itfon.dk\/products\/spigen-classic-ls-magsafe-case-til-iphone-17-pro-max-beige","provider":"ITFON, EL-SALG Vordingborg","version":"1.0","type":"link"}