- 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 Spigen A712 Dynamic Shield Running Waist Pack is a lightweight and functional sports belt made of flexible stretch fabric that adapts to your body's movements and provides a secure, stable fit during runs, jogs, hikes, and workouts. An inner layer of breathable mesh improves air circulation and keeps the belt comfortable throughout your workout. The waistband features 4 circumferential pockets with easy-access flaps and a hidden zippered pocket that securely holds a smartphone (up to 6.9"), keys, cards, and other small items. Non-slip elastic straps prevent contents from shifting during intense movement, while the fitted design minimizes bounce and interference while running. Reflective elements increase visibility in low light, making the waist packs a good choice for morning and evening outdoor workouts. Product features 100% Original Packed in original packaging Flexible stretch fabric - adapts to body movements Mesh - breathability and comfort during training 4 pockets with pleats - easy access on the go Hidden zippered pocket - fits phones up to 6.9" Anti-slip elastic straps - stable content Minimizes bounce while running Reflective elements - visibility in low light Specification Model A712 Dynamic Shield Size L Waist circumference 81-89 cm Pockets Yes Phone number to 6.9" Material Stretch fabric + mesh Color Black The set includes 1 × Spigen A712 Dynamic Shield Running Bag 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'); }); }); });