Περιγραφή
.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;user-select: none;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);user-select: text;cursor: text;}.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-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: 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 MagFlex is a functional case with a colorful frame and a transparent back that showcases the original beauty of your phone while providing additional protection. Its slim design allows the phone to fit easily in a pocket while remaining unobtrusive during everyday use.
Equipped with a built-in magnetic ring compatible with MagSafe accessories, you can freely use magnetic mounts and MagSafe wallets in any situation. MagFlex also guarantees comprehensive protection for your phone's camera - you don't have to worry about damage or scratches to the camera lens.
The precisely crafted design fits the smartphone perfectly, providing full access to all ports and buttons. The lightweight and slim form makes the case comfortable for everyday use, protecting the phone from scratches and minor damage.
Product features 100% Original
Packed in original packaging
Colorful frame with a transparent back
Compatible with MagSafe technology
Magnetic ring
Light and slim design
Lens protection
Precise fit
Full access to ports and buttons
Easy assembly and disassembly
Specification Model MagFlex MagSafe Design Flexible Frame Colorful MagSafe Yes Color Sky Blue Compatibility Samsung Galaxy A57 5G The set includes 1x Tech-Protect MagFlex 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 0;if (hasSelection) {return;}if (isMobile) {const header = this.querySelector('.fd-accordion-header');if (!header.contains(e.target)) return;}this.classList.toggle('active');});});});
