Περιγραφή
.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: 'o';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;}} Description The Tech-Protect Magmat MagSafe case combines elegant design with the highest level of protection. Its hybrid construction utilizes high-quality TPU and PC components, guaranteeing comprehensive protection for your smartphone.
The flexible polyurethane frame provides excellent shock absorption and protects the phone during drops, while the hard polycarbonate back effectively protects against scratches and mechanical damage. The transparent finish highlights the device's original appearance while preserving its unique character.
The raised design around the camera and screen protects the most sensitive elements from contact with flat surfaces. A built-in magnetic ring ensures full compatibility with MagSafe technology, enabling the use of magnetic accessories. Precise cutouts guarantee full access to all ports, buttons, and speakers.
Product features 100% Original
Packed in original packaging
Hybrid TPU + PC construction
Transparent finish
Built-in MagSafe magnetic ring
Raised protective edges
Precise cutouts and fit
High resistance to impacts and scratches
Specification Material TPU + PC Design Hybrid Color Matte Grey MagSafe Yes Compatibility Samsung Galaxy A57 5G The set includes 1 x Tech-Protect Magmat 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) {const isMobile = window.innerWidth
