.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


 


 


Tech-Protect Icon to silikonowe etui ochronne na lokalizator, które łączy prostą, minimalistyczną formę z praktyczną funkcjonalnością. Elastyczny silikon pewnie otula lokalizator, chroniąc go przed zarysowaniami, uderzeniami i zabrudzeniami w codziennym użytkowaniu.


Lekka i smukła konstrukcja nie zwiększa znacząco gabarytów lokalizatora, dzięki czemu etui nie przeszkadza podczas noszenia. Zintegrowany karabińczyk umożliwia wygodne przymocowanie do kluczy, plecaka, torebki, walizki czy innych przedmiotów lokalizator zawsze będzie tam, gdzie jest potrzebny.


Minimalistyczny design sprawia, że etui prezentuje się estetycznie i dyskretnie, pasując do każdego stylu.


Cechy produktu


 


 


100% Oryginalny

Zapakowany w oryginalne opakowanie

Łatwe mocowanie do kluczy, torby, plecaka

Minimalistyczny i sportowy design

Ochrona przed zarysowanami i uderzeniami

Lekka i elastyczna konstrukcja


Specyfikacja


 


 


Model
Icon


Materiał
Silikon


Kompatybilność
Xiaomi Tag


Mocowanie
Zintegrowany karabińczyk


Wymiary
48.3 × 33.6 × 10.15 mm


Kolor
Black / Czarny


Zestaw zawiera


 


 


1 × Etui Tech-Protect Icon


1 × Karabińczyk


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 selection = window.getSelection();
if (selection && selection.toString