.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-left: 24px;
margin: 0;
}
.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: 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;
}
}
Description
The Tech-Protect Kevlar Aura MagSafe case offers solid smartphone protection with a modern twist. Made of durable material, it provides high resistance to scratches, shocks, and drops, while maintaining a slim profile and elegant appearance.
The integrated stand function is a convenient solution for watching movies, video chatting, or working on the go. The foldable stand allows you to position your phone both vertically and horizontally, ensuring comfortable use in any situation. The built-in MagSafe ring ensures full compatibility with MagSafe chargers and accessories without the need to remove the case.
The case features a camera protector that protects the lenses from damage and dirt. Precise cutouts and gently raised edges around the camera island provide additional protection for everyday use. The lightweight design doesn't significantly increase the phone's size, and integrated button covers allow for full device functionality.
Product features
- 100% Original
- Packed in original packaging
- Folding stand
- MagSafe compatible
- Protective camera cover
- Extreme fall protection
- Lightweight construction
- Raised screen edges
- Easy assembly and disassembly
Specification
Model
Kevlar Aura MagSafe
Compatibility
Samsung Galaxy S26
The set includes
1 × Tech-Protect Kevlar Aura MagSafe Case
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) {
// Sprawdź czy użytkownik zaznaczał tekst
const selection = window.getSelection();
if (selection.toString().length > 0) {
return; // Jeśli tekst jest zaznaczony, nie rób nic
}
// Przełącz stan aktywności sekcji
this.classList.toggle('active');
});
});
});
| Name |
Details |
| Category |
Phones and accessories |
| Product Type |
Cases |
| Producer |
Hikvision |
| Colour |
Orange |
