.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: 0; 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; } @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; } }
Beschrijving: Flexibele hoes. De Spigen Rugged Armor hoes heeft een carbonstructuur met een moderne uitstraling. De slanke vorm omsluit de telefoon perfect zonder de oorspronkelijke vorm te veranderen. De hoes is volledig gemaakt van flexibel TPU, dat duurzaamheid combineert met uitstekende schokabsorptie. De interne Spider Web-structuur verdeelt effectief de energie bij een val, waardoor het risico op schade aan het apparaat wordt geminimaliseerd. Verhoogde randen rond het scherm en de camera beschermen de meest kwetsbare componenten tegen krassen en direct contact met de grond. Nauwkeurige uitsparingen zorgen voor volledige toegang tot alle poorten, knoppen en luidsprekers. De getextureerde zijkanten verbeteren de grip, terwijl het matte oppervlak met patroon een stijlvolle uitstraling geeft
Beschermhoes voor Xiaomi 17T Pro, Spigen, Rugged Armor, zwart, model ACS11869
