- New
(edit with the Customer Reassurance module)
(edit with the Customer Reassurance module)
(edit with the Customer Reassurance module)
.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-space: 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; } @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 Tech-Protect Defense is an exceptionally durable case offering comprehensive protection for your phone. Its design consists of two elements: a durable frame wrapping around the edges of the phone with integrated 5H hybrid glass, and hybrid armor that fits over the back of the device. Both elements integrate with a precise snap-on system, creating complete 360-degree protection. Made of a mixture of soft TPU thermoplastic and a hard PC polycarbonate shell, the case combines flexibility with hardness, providing excellent shock absorption. The raised bezel around the screen and camera elevates the phone above a flat surface, protecting the most sensitive elements from scratches and direct contact with the surface. Precise cutouts guarantee full access to all buttons, ports, and device functions, while maintaining maximum protection against drops and everyday damage. Product features 100% Original Packed in original packaging TPU + PC hybrid construction Integrated 5H hybrid lens 360-degree protection Snap-On mounting system Raised screen and camera edges Precise cutouts Specification Model Defense Design Hybrid Screen protection Integrated 5H hybrid lens Mounting system Snap-On MagSafe Yes Color Matte Black Compatibility Samsung Galaxy A36 / A56 / A27 / A37 5G The set includes 1× Tech-Protect Defense 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 (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().length > 0) { return; } const isMobile = window.innerWidth
Specific References