.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-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;
}

(at)media (max-width: 768px) {
.fd-accordion-item {
display: block;
cursor: pointer;
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


 


 


Spigen Classic LS MagSafe 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.


Tył 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.


Wbudowany magnes MagSafe zapewnia precyzyjne dopasowanie do ładowarek, uchwytów samochodowych, portfeli i innych akcesoriów magnetycznych. 


Spigen Classic LS to połączenie nowoczesnej ochrony i ponadczasowego designu dla tych, którzy pamiętają, kiedy komputery miały charakter.


Cechy produktu


 


 


100% Oryginalny

Zapakowany w oryginalne opakowanie

Limitowana edycja specjalna

Matowe wykończenie

Pełna kompatybilność z MagSafe

Przyciski boczne stylizowane na vintage 

Logo Spigen przeprojektowane w stylu tęczowego logo Apple

Wbudowany otwór na smycz w ramce etui

Uniesione krawędzie wokół aparatu i ekranu


Specyfikacja


 


 


Model
Classic LS


Kompatybilność
iPhone 17 Pro


Materiał
PC + TPU


Technologia
MagSafe 


Kolor
Stone / Beżowy


Zestaw zawiera


 


 


1 × Etui Spigen Classic LS 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.class