.fd-accordion-container { maksymalna szerokość: 882px; margin: 0 auto; rodzina czcionek: dziedziczony; kolor: #333333; wysokość linii: 1.6; rozmiar czcionki: 16px; } .fd-accordion-container *, .fd-accordion-container *::before, .fd-accordion-container *::after { box-sizing: border-box; font-family: inherit; } .fd-accordion-item { border-bottom: 1px solid #f3f2f1; display: grid; grid-template-columns: 200px 1fr; gap: 32px; padding: 26px 0; kursor: wskazujący na użytkownika; wybór-użytkownika: brak; align-items: start; margin: 0; } . fd-accordion-header { transition: all 0.3s ease; } .fd-accordion-title { font-size: 11pt; font-weight: 600; letter-spacing: 0.011em; padding-top: 2px; text-transform: wielka litera; margines: 0; } .fd-accordion-right { position: relative; } .fd-accordion-header-right { position: absolute; top: 0; right: 0; } .fd-accordion-icon { width: 24px; height: 24px; position: relative; flex-shrink: 0; } .fd-accordion-icon::before, .fd-accordion-icon::after { content: ''; position: absolute; thele: #1d1d1f; przejście: transformacja 0,35s sześcienno-beziera (0,4, 0, 0,2, 1); } .fd-accordion-icon::before { szerokość: 11px; wysokość: 1.5px; góra: 50%; lewo: 50%; transform: translate(-50%, -50%); } .fd-accordion-icon::after { szerokość: 1.5px; wysokość: 11px; góra: 50%; lewo: 50%; transform: translate(-50%, -50%); } .fd-accordion-item.active .fd-accordion-icon::after { transform: translate(-50%, -50%) rotate(90°); przezroczystość: 0; } .fd-accordion-content { overflow: hidden; display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1); padding-right: 40px; } .fd-accordion-content-inner { padding-bottom: 26px; wysokość linii: 1,7; przepełnienie: ukryte; przezroczystość: 1; transformacja: translateY(0); przejście: przezroczystość 0,35s sześcienno-bezier(0,4, 0, 0,2, 1), transformacja 0,35s sześcienno-bezier(0,4, 0, 0,2, 1); wybór-użytkownik: tekst; kursor: tekst; } .fd-accordion.js-inicjalizowany .fd-accordion-item:not(.active) .fd-accordion-content { grid-template-rows: 0fr; } .fd-accordion.js-inicjalizowany .fd-accordion-item:not(.active) .fd-accordion-content-inner { przezroczystość: 0; transformacja: translateY(-8px); } .fd-accordion.js-inicjalizowany .fd-accordion-item.active .fd-accordion-content { grid-template-rows: 1fr; } .fd-accordion.js-inicjalizowany .fd-accordion-item.active .fd-accordion-content-inner { przezroczystość: 1; transform: translateY(0); } .fd-accordion-content p { margin: 0 0 16px 0; padding: 0; color: #333333; } .fd-accordion-content p:last-child { margin-bottom: 0; } .fd-accordion-content ul { list-style-type: none; padding: 0; margin: 0; } .fd-accordion-content ul li { padding: 4px 0 4px 16px; pozycja: względna; kolor: #333333; margines: 0; } .fd-accordion-content ul li::before { content: '•'; pozycja: absolutna; left: 0; grubość czcionki: 600; } .fd-accordion-content ol { padding-left: 24px; margin: 0; } .fd-accordion-content ol li { padding: 4px 0; color: #333333; margin: 0; } .fd-spec-table { width: 100%; } .fd-spec-row { display: grid; grid-template-columns: 140px 1fr; padding: 12px 0; border-bottom: 1px solid #f3f2f1; gap: 16px; } .fd-spec-row:last-child { border-bottom: none; } .fd-spec-label { font-weight: 600; color: #333333; } .fd-spec-value { color: #333333; } .fd-accordion-icon-mobile { display: none; } @media (max-width: 768px) { .fd-accordion-item { display: block; cursor: default; padding: 0; } .fd-accordion-header { padding: 16px 0; kursor: wskaźnik; display: flex; justify-content: space-between; align-items: center; } .fd-accordion-right { padding: 0; position: static; } .fd-accordion-header-right { display: none; } .fd-accordion-content { padding-right: 0; } .fd-accordion-icon { display: none; } . fd-accordion-icon-mobile { display: block; szerokość: 20px; wysokość: 20px; pozycja: relatywna; flex-shrink: 0; margin-left: 20px; } .fd-accordion-icon-mobile::before, .fd-accordion-icon-mobile::after { content: ''; position: absolute; background: #1d1d1f; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .fd-accordion-icon-mobile::before { width: 11px; height: 1.5px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fd-accordion-icon-mobile::after { width: 1.5px; height: 11px; top: 50%; lewa: 50%; transform: translate(-50%, -50%); } .fd-accordion-item.active .fd-accordion-icon-mobile::after { transform: translate(-50%, -50%) rotate(90°f); przezroczystość: 0; } .fd-accordion-content-inner { padding-bottom: 16px; } .fd-spec-row { grid-template-columns: 1fr; gap: 8px; } .fd-spec-label { font-weight: 700; } .fd-accordion-item:last-child .fd-accordion-content-inner { padding-bottom: 8px; } } Opis Ringke Onyx 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. Case 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. Pokrowiec 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. Cechy produktu 100% Oryginalny Zapakowany w oryginalne opakowanie Materiał TPU termoplastyczny Charakterystyczna chropowata faktura Certyfikat Military Grade Podniesione krawędzie ekranu i aparatu Zintegrowane osłony na przyciski Precyzyjne wycięcia na porty Specyfikacja Model Onyx Konstrukcja Elastyczna Materiał TPU Certyfikat Military Grade Kolor Grey / Szary Kompatybilność Apple iPhone 16E / 17E Zestaw zawiera 1× Etui Ringke Onyx document.addEventListener('DOMContentLoaded', function() { const accordion = document.querySelector('.fd-accordion'); const accordionItems = document.querySelectorAll('.fd-accordion-item'); function isInEditor() { if (window.frameElement) return true; if (document.designMode === 'on') return true; if (document.body.contentEditable === 'true') return true; if (window.location.href.includes('/admin')) return true; if (window.location.href.includes('/edit')) return true; if (window.location.href.includes('editor')) return true; if ( document.querySelector('[contenteditable="true"]')) zwróć true; jeśli (document.querySelector('.cke_editable, .mce-content-body, .fr-element')) zwróć true; return false; } if (isInEditor()) { return; } accordion.classList.add('js-initialized'); accordionItems.forEach((item, index) => { if (index === 0) { item.classList.add('active'); } else { item.classList.remove('active'); } }); accordionItems.forEach(item => { item.addEventListener('click', function(e) { const isMobile = window.innerWidth 0; if (hasSelection) { return; } if (isMobile) { const header = this.querySelector('.fd-accordion-header'); if (!header.contains(e.target)) return; } this.classList.toggle('active'); }); }); });