{"product_id":"ringke-onyx-case-til-samsung-galaxy-a57-5g-sort","title":"Ringke Onyx Case til Samsung Galaxy A57 5G - 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    .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    .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        user-select: none;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-header {\u003cbr \/\u003e        transition: all 0.3s ease;\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    .fd-accordion-right {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-header-right {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        right: 0;\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    .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    .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    .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    .fd-accordion-item.active .fd-accordion-icon::after {\u003cbr \/\u003e        transform: translate(-50%, -50%) rotate(90deg);\u003cbr \/\u003e        opacity: 0;\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    .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        user-select: text;\u003cbr \/\u003e        cursor: text;\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    .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    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content {\u003cbr \/\u003e        grid-template-rows: 1fr;\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    .fd-accordion-content p {\u003cbr \/\u003e        margin: 0 0 16px 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\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    .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    .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    .fd-accordion-content ol {\u003cbr \/\u003e        padding-left: 24px;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-content ol li {\u003cbr \/\u003e        padding: 4px 0;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-spec-table {\u003cbr \/\u003e        width: 100%;\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    .fd-spec-row:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-spec-label {\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-spec-value {\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-icon-mobile {\u003cbr \/\u003e        display: none;\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        .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        .fd-accordion-right {\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e            position: static;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-accordion-header-right {\u003cbr \/\u003e            display: none;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-accordion-content {\u003cbr \/\u003e            padding-right: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-accordion-icon {\u003cbr \/\u003e            display: none;\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        .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        .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        .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        .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        .fd-accordion-content-inner {\u003cbr \/\u003e            padding-bottom: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-spec-row {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 8px;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-spec-label {\u003cbr \/\u003e            font-weight: 700;\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 Ringke Onyx\u003c\/strong\u003e is a flexible case made of durable thermoplastic polyurethane (TPU) that combines effective protection with a distinctive design. Its unique, textured, all-over texture is a solution to smooth cases prone to scratches and fingerprints. The textured surface conceals any scratches and smudges, providing a more secure grip. The flexible material makes it easy to put the case on and take it off.\u003c\/p\u003e\n\u003cp\u003e The case effectively protects the device against drops thanks to its Military Grade certification, which means it has passed a series of durability tests. The design absorbs shocks and protects the phone from mechanical damage. Raised edges around the screen and camera island protect the display and lenses from scratches when the phone is placed on flat surfaces.\u003c\/p\u003e\n\u003cp\u003e The case provides easy access to all interfaces thanks to precise port cutouts and integrated button covers. The textured sides ensure the phone fits securely in your hand, minimizing the risk of accidental slipping. Special cutouts allow for the attachment of a lanyard or keychain. \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 Thermoplastic TPU material\u003c\/li\u003e\n\u003cli\u003e Characteristic rough texture\u003c\/li\u003e\n\u003cli\u003e Military Grade Certificate\u003c\/li\u003e\n\u003cli\u003e Raised screen and camera edges\u003c\/li\u003e\n\u003cli\u003e Integrated button covers\u003c\/li\u003e\n\u003cli\u003e Precise port cutouts \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 Onyx\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 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 Certificate\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Military Grade\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Color\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Black\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 Samsung Galaxy A57 5G \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× Ringke Onyx 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    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    if (isInEditor()) {\u003cbr \/\u003e        return;\u003cbr \/\u003e    }\u003cbr \/\u003e    accordion.classList.add('js-initialized');\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    accordionItems.forEach(item =\u003e {\u003cbr \/\u003e        item.addEventListener('click', function(e) {\u003cbr \/\u003e            const isMobile = window.innerWidth \u003c= 768;\u003cbr \/\u003e            \u003cbr \/\u003e            const selection = window.getSelection();\u003cbr \/\u003e            const hasSelection = selection \u0026\u0026 selection.toString().length \u003e 0;\u003cbr \/\u003e            \u003cbr \/\u003e            if (hasSelection) {\u003cbr \/\u003e                return;\u003cbr \/\u003e            }\u003cbr \/\u003e            \u003cbr \/\u003e            if (isMobile) {\u003cbr \/\u003e                const header = this.querySelector('.fd-accordion-header');\u003cbr \/\u003e                if (!header.contains(e.target)) return;\u003cbr \/\u003e            }\u003cbr \/\u003e            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    .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    .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        user-select: none;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-header {\u003cbr \/\u003e        transition: all 0.3s ease;\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    .fd-accordion-right {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-header-right {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        right: 0;\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    .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    .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    .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    .fd-accordion-item.active .fd-accordion-icon::after {\u003cbr \/\u003e        transform: translate(-50%, -50%) rotate(90deg);\u003cbr \/\u003e        opacity: 0;\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    .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        user-select: text;\u003cbr \/\u003e        cursor: text;\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    .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    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content {\u003cbr \/\u003e        grid-template-rows: 1fr;\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    .fd-accordion-content p {\u003cbr \/\u003e        margin: 0 0 16px 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\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    .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    .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    .fd-accordion-content ol {\u003cbr \/\u003e        padding-left: 24px;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-content ol li {\u003cbr \/\u003e        padding: 4px 0;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-spec-table {\u003cbr \/\u003e        width: 100%;\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    .fd-spec-row:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-spec-label {\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-spec-value {\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-icon-mobile {\u003cbr \/\u003e        display: none;\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        .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        .fd-accordion-right {\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e            position: static;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-accordion-header-right {\u003cbr \/\u003e            display: none;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-accordion-content {\u003cbr \/\u003e            padding-right: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-accordion-icon {\u003cbr \/\u003e            display: none;\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        .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        .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        .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        .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        .fd-accordion-content-inner {\u003cbr \/\u003e            padding-bottom: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-spec-row {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 8px;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-spec-label {\u003cbr \/\u003e            font-weight: 700;\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\u003eDie Ringke Onyx\u003c\/strong\u003e ist eine flexible Hülle aus robustem thermoplastischem Polyurethan (TPU), die effektiven Schutz mit einem unverwechselbaren Design vereint. Ihre einzigartige, strukturierte Oberfläche ist die Lösung für glatte Hüllen, die anfällig für Kratzer und Fingerabdrücke sind. Die strukturierte Oberfläche kaschiert Kratzer und Flecken und sorgt für einen sicheren Halt. Dank des flexiblen Materials lässt sich die Hülle mühelos anbringen und entfernen.\u003c\/p\u003e\n\u003cp\u003e Das Case schützt das Gerät dank seiner Zertifizierung nach Militärstandard effektiv vor Stürzen. Das bedeutet, dass es eine Reihe von Haltbarkeitstests bestanden hat. Das Design absorbiert Stöße und schützt das Smartphone vor mechanischen Beschädigungen. Erhöhte Ränder um Bildschirm und Kamera schützen Display und Linsen vor Kratzern, wenn das Smartphone auf flachen Oberflächen abgelegt wird.\u003c\/p\u003e\n\u003cp\u003e Dank präziser Aussparungen für Anschlüsse und integrierter Tastenabdeckungen bietet die Hülle einfachen Zugriff auf alle Schnittstellen. Die strukturierte Oberfläche sorgt für sicheren Halt und minimiert das Risiko eines versehentlichen Abrutschens. Spezielle Aussparungen ermöglichen die Anbringung eines Lanyards oder Schlüsselanhängers. \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 Thermoplastisches TPU-Material\u003c\/li\u003e\n\u003cli\u003e Charakteristische raue Textur\u003c\/li\u003e\n\u003cli\u003e Militärgradzertifikat\u003c\/li\u003e\n\u003cli\u003e Erhöhte Bildschirm- und Kameraränder\u003c\/li\u003e\n\u003cli\u003e Integrierte Tastenabdeckungen\u003c\/li\u003e\n\u003cli\u003e Präzise Portausschnitte \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 Onyx\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 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 Zertifikat\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Militärstandard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-row\"\u003e\n\u003cdiv class=\"fd-spec-label\"\u003e Farbe\u003c\/div\u003e\n\u003cdiv class=\"fd-spec-value\"\u003e Schwarz\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 Samsung Galaxy A57 5G \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× Ringke Onyx 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    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    if (isInEditor()) {\u003cbr \/\u003e        return;\u003cbr \/\u003e    }\u003cbr \/\u003e    accordion.classList.add('js-initialized');\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    accordionItems.forEach(item =\u003e {\u003cbr \/\u003e        item.addEventListener('click', function(e) {\u003cbr \/\u003e            const isMobile = window.innerWidth \u003c= 768;\u003cbr \/\u003e            \u003cbr \/\u003e            const selection = window.getSelection();\u003cbr \/\u003e            const hasSelection = selection \u0026\u0026 selection.toString().length \u003e 0;\u003cbr \/\u003e            \u003cbr \/\u003e            if (hasSelection) {\u003cbr \/\u003e                return;\u003cbr \/\u003e            }\u003cbr \/\u003e            \u003cbr \/\u003e            if (isMobile) {\u003cbr \/\u003e                const header = this.querySelector('.fd-accordion-header');\u003cbr \/\u003e                if (!header.contains(e.target)) return;\u003cbr \/\u003e            }\u003cbr \/\u003e            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    .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    .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        user-select: none;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-header {\u003cbr \/\u003e        transition: all 0.3s ease;\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    .fd-accordion-right {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-header-right {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        right: 0;\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    .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    .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    .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    .fd-accordion-item.active .fd-accordion-icon::after {\u003cbr \/\u003e        transform: translate(-50%, -50%) rotate(90deg);\u003cbr \/\u003e        opacity: 0;\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    .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        user-select: text;\u003cbr \/\u003e        cursor: text;\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    .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    .fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content {\u003cbr \/\u003e        grid-template-rows: 1fr;\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    .fd-accordion-content p {\u003cbr \/\u003e        margin: 0 0 16px 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\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    .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    .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    .fd-accordion-content ol {\u003cbr \/\u003e        padding-left: 24px;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-content ol li {\u003cbr \/\u003e        padding: 4px 0;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-spec-table {\u003cbr \/\u003e        width: 100%;\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    .fd-spec-row:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-spec-label {\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-spec-value {\u003cbr \/\u003e        color: #333333;\u003cbr \/\u003e    }\u003cbr \/\u003e    .fd-accordion-icon-mobile {\u003cbr \/\u003e        display: none;\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        .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        .fd-accordion-right {\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e            position: static;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-accordion-header-right {\u003cbr \/\u003e            display: none;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-accordion-content {\u003cbr \/\u003e            padding-right: 0;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-accordion-icon {\u003cbr \/\u003e            display: none;\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        .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        .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        .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        .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        .fd-accordion-content-inner {\u003cbr \/\u003e            padding-bottom: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-spec-row {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 8px;\u003cbr \/\u003e        }\u003cbr \/\u003e        .fd-spec-label {\u003cbr \/\u003e            font-weight: 700;\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\u003eRingke Onyx\u003c\/strong\u003e to elastyczne etui wykonane z trwałego termoplastycznego poliuretanu TPU, które łączy skuteczną ochronę z charakterystycznym designem. Niebanalna, chropowata faktura pokrywająca całą powierzchnię stanowi odpowiedź na gładkie futerały podatne na zarysowania i odciski palców. Teksturowana powierzchnia ukrywa ewentualne zarysowania i plamy, zapewniając przy tym bezpieczniejsze trzymanie w dłoni. Elastyczny materiał ułatwia zakładanie i zdejmowanie etui z telefonu.\u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003eCase skutecznie zabezpiecza urządzenie przed skutkami upadków dzięki certyfikatowi Military Grade, co oznacza przejście szeregu testów wytrzymałościowych. Konstrukcja amortyzuje wstrząsy i chroni telefon przed uszkodzeniami mechanicznymi. Podniesione krawędzie wokół ekranu i wyspy aparatu zabezpieczają wyświetlacz oraz soczewki przed zarysowaniami podczas kładzenia telefonu na płaskich powierzchniach.\u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003ePokrowiec zapewnia swobodny dostęp do wszystkich interfejsów dzięki precyzyjnym wycięciom na porty oraz zintegrowanym osłonom na przyciski. Chropowate boki sprawiają, że telefon pewnie leży w dłoni, minimalizując ryzyko przypadkowego wyślizgnięcia. Specjalne wycięcia umożliwiają zamontowanie smyczy czy breloka.\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\u003eMateriał TPU termoplastyczny\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eCharakterystyczna chropowata faktura\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eCertyfikat Military Grade\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003ePodniesione krawędzie ekranu i aparatu\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eZintegrowane osłony na przyciski\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003ePrecyzyjne wycięcia na porty\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\"\u003eOnyx\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\"\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\"\u003eCertyfikat\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"fd-spec-value\"\u003eMilitary Grade\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\"\u003eCzarny \/ Black\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\"\u003eSamsung Galaxy A57 5G\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 Ringke Onyx\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    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    if (isInEditor()) {\u003cbr \/\u003e        return;\u003cbr \/\u003e    }\u003cbr \/\u003e    accordion.classList.add('js-initialized');\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    accordionItems.forEach(item =\u003e {\u003cbr \/\u003e        item.addEventListener('click', function(e) {\u003cbr \/\u003e            const isMobile = window.innerWidth \u003c= 768;\u003cbr \/\u003e            \u003cbr \/\u003e            const selection = window.getSelection();\u003cbr \/\u003e            const hasSelection = selection \u0026\u0026 selection.toString().length \u003e 0;\u003cbr \/\u003e            \u003cbr \/\u003e            if (hasSelection) {\u003cbr \/\u003e                return;\u003cbr \/\u003e            }\u003cbr \/\u003e            \u003cbr \/\u003e            if (isMobile) {\u003cbr \/\u003e                const header = this.querySelector('.fd-accordion-header');\u003cbr \/\u003e                if (!header.contains(e.target)) return;\u003cbr \/\u003e            }\u003cbr \/\u003e            this.classList.toggle('active');\u003cbr \/\u003e        });\u003cbr \/\u003e    });\u003cbr \/\u003e});\u003cbr \/\u003e\u003c\/script\u003e\u003cbr\u003e\u003c\/p\u003e    ","brand":"Ringke","offers":[{"title":"Default Title","offer_id":52840610922824,"sku":"8800328818101","price":84.0,"currency_code":"DKK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0509\/0361\/3640\/files\/209931_1.jpg?v=1775438489","url":"https:\/\/itfon.dk\/products\/ringke-onyx-case-til-samsung-galaxy-a57-5g-sort","provider":"ITFON, EL-SALG Vordingborg","version":"1.0","type":"link"}