- 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-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; } @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 Nylon Pro Strap is a braided nylon strap in the Alpine Loop style that combines a sporty design with a modern, textured look. The densely woven nylon structure resists stretching, sweat, and moisture while allowing skin to breathe – ensuring all-day comfort, even during exercise. The metal hook & loop clasp allows for infinite adjustment of the strap circumference without being limited to fixed holes—the strap can be precisely adjusted to fit your wrist size. Despite its robust construction, the strap is lightweight and virtually unnoticeable during prolonged wear. Product features 100% Original Packed in original packaging Durable, breathable Alpine Loop Style Hook & Loop clasp Resistance to sweat and moisture Lightweight construction Specification Model Nylon Pro Compatibility Samsung Galaxy Wach 8 / 9 / Classic (40 / 44 / 46 mm) Material Braided nylon Clasp Hook & Loop (metal hooks, stepless) Long shorter part 220 ± 3 mm Width 22 mm Wrist circumference 130–200 mm Color Black The set includes 1 × Tech-Protect Nylon Pro Strap 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 selection = window.getSelection(); if (selection && selection.toString().length > 0) { return; } this.classList.toggle('active'); }); }); });
Specific References