Spigen A720 Dynamic Shield ML Running Vest - Black

.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 } }

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 ) }) }) })