.fd-accordion-container {
max-width: 882px;
margin: 0 auto;
font-family: inherit;
color: #333333;
line-height: 1.6;
font-size: 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;
cursor: pointer;
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: uppercase;
margin: 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;
background: #1d1d1f;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.fd-accordion-icon::before {
width: 11px;
height: 1.5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fd-accordion-icon::after {
width: 1.5px;
height: 11px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fd-accordion-item.active .fd-accordion-icon::after {
transform: translate(-50%, -50%) rotate(90deg);
opacity: 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;
line-height: 1.7;
overflow: hidden;
opacity: 1;
transform: translateY(0);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content {
grid-template-rows: 0fr;
}
.fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content-inner {
opacity: 0;
transform: translateY(-8px);
}
.fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content {
grid-template-rows: 1fr;
}
.fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content-inner {
opacity: 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;
position: relative;
color: #333333;
margin: 0;
}
.fd-accordion-content ul li::before {
content: '•’;
position: absolute;
left: 0;
font-weight: 600;
}
.fd-accordion-content ol {
padding: 0;
margin: 0 0 0 20px;
}
.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;
cursor: pointer;
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;
width: 20px;
height: 20px;
position: relative;
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%;
left: 50%;
transform: translate(-50%, -50%);
}
.fd-accordion-item.active .fd-accordion-icon-mobile::after {
transform: translate(-50%, -50%) rotate(90deg);
opacity: 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
ESR Classic Hybrid MagSafe to hybrydowe etui łączące minimalistyczny design z zaawansowaną ochroną. Transparentna warstwa z akrylu oplatająca tył i boki telefonu współgra z wytrzymałą ramką wykonaną z termoplastycznego, miękkiego materiału TPU, który skutecznie absorbuje wstrząsy i chroni urządzenie przed upadkami.
Etui posiada wbudowany pierścień magnetyczny kompatybilny z technologią MagSafe, który zapewnia maksymalną wydajność ładowania bezprzewodowego oraz pewne połączenie ze wszystkimi akcesoriami MagSafe. Konstrukcja została poddana testom wojskowym Military-Grade, a specjalnie zaprojektowane narożniki Air Guard absorbują uderzenia i chronią telefon przed skutkami upadków.
Podniesione krawędzie wokół ekranu oraz ramka Camera Guard wokół obiektywu zapewniają dodatkową ochronę przed zarysowaniami przy codziennym użytkowaniu. Precyzyjne wycięcia umożliwiają swobodny dostęp do wszystkich portów, a transparentna konstrukcja pozwala cieszyć się oryginalnym wyglądem Twojego telefonu.
Cechy produktu
100% Oryginalny
Zapakowany w oryginalne opakowanie
Ochrona Military-Grade z Air Guard
Podniesione krawędzie ekranu i aparatu
Hybrydowa konstrukcja akryl + TPU
Precyzyjne wycięcia na porty i przyciski
Specyfikacja
Rodzaj
Etui hybrydowe
Materiał
Akryl + TPU
Konstrukcja
Hybrydowa
Kolor
Clear Black / Czarno-Przezroczysty
MagSafe
Tak
Ochrona
Military-Grade, Air Guard
Kompatybilność
Apple iPhone 16E / 17E
Zestaw zawiera
1 × Etui ESR Classic Hybrid MagSafe
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”]’)) return true;
if (document.querySelector(’.cke_editable, .mce-content-body, .fr-element’)) return 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) {
return;
}
if (isMobile) {
const header = this.querySelector(’.fd-accordion-header’);
if (!header.contains(e.target)) return;
}
this.classList.toggle(’active’);
});
});
});




Opinie
Na razie nie ma opinii o produkcie.