.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


 


 


ESR OmniLock to solidny uchwyt samochodowy na deskę rozdzielczą z precyzyjnym dopasowaniem MagSafe. Telefon można jednym ruchem przypiąć do uchwytu i równie szybko go zdjąć, a silne magnesy gwarantują stabilną i pewną pozycję nawet na nierównych drogach.


Uchwyt mocuje się do deski rozdzielczej, szyby lub konsoli środkowej za pomocą przyssawki próżniowej, która nie pozostawia śladów ani nie niszczy powierzchni pojazdu. Przyssawkę można myć i ponownie przyklejać. 


Obrotowa podstawa 360° oraz trójprzegubowe ramię pozwalają ustawić telefon w dowolnym kącie i kierunku zarówno w pionie do rozmów, jak i w poziomie do nawigacji. Nakrętka blokująca umożliwia pełne zablokowanie pozycji, eliminując niepotrzebne ruchy podczas jazdy. W zestawie znajdują się dwa metalowe pierścienie magnetyczne dla urządzeń bez wbudowanego MagSafe.


ESR OmniLock to idealne rozwiązanie dla kierowców, którzy chcą mieć telefon zawsze w zasięgu wzroku i dłoni bez kabli i bez kompromisów w zakresie stabilności. Uwaga: uchwyt nie obsługuje ładowania bezprzewodowego.


* Funkcja magnetyczna MagSafe działa tylko i wyłącznie bezpośrednio do telefonu lub do etui z wbudowanym oczkiem magnetycznym o zastosowaniu MagSafe.


{
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().length > 0) {
return;
}
this.classList.toggle('active');
});
});
});