✦ Verified product
G.A.K MEN’S FLEX DOUBLE LAYERED SHORTS
GBP 27.00
Size
Grind Active Kinetics
Verified independent store
→
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap'); :root{ --pa-gap:12px; --pa-pad-x:16px; --pa-pad-y-head:18px; --pa-pad-y-panel-t:12px;
--pa-pad-y-panel-b:16px; } .product-accordion, .product-accordion *{ box-sizing:border-box; max-width:100%; word-break:break-word; overflow-wrap:anywhere; } .product-accordion{ font-family:'Poppins',sans-serif; width:100%; margin:0; padding:0; overflow-x:hidden; /* no horizontal scroll */ } /* Desktop cap to match ATC width */ @media (min-width:1024px){ .product-accordion{ max-width:567px; } } /* Each accordion item */ .pa-item{ margin:var(--pa-gap) 0; border:0; border-radius:10px; background:#fff; overflow:hidden; /* keeps corners rounded */ } /* Summary header — Final 1 look */ .pa-summary{ list-style:none; display:flex; align-items:center; justify-content:space-between; /* title left, icon right */ gap:12px; width:100%; padding:var(--pa-pad-y-head) var(--pa-pad-x); font-size:21px; font-weight:500; /* medium */ line-height:1.25; color:#111; cursor:pointer; border-radius:10px; user-select:none; -webkit-tap-highlight-color: transparent; } .pa-summary:hover, .pa-item[open] .pa-summary{ background:#f5f5f5; } /* Hide default marker (Safari/Chrome) */ .pa-summary::-webkit-details-marker{ display:none; } .pa-title{ flex:1 1 auto; min-width:0; } /* Icon */ .pa-icon{ display:inline-flex !important; align-items:center; justify-content:center; min-width:22px; font-weight:700; font-size:20px; line-height:1; color:#111 !important; } .pa-icon .icon-minus{ display:none; } .pa-item[open] .pa-icon .icon-plus{ display:none; } .pa-item[open] .pa-icon .icon-minus{ display:inline; } /* Panel (animated via max-height) — side padding only here */ .pa-panel{ overflow:hidden; max-height:0; /* start closed */ opacity:0; /* fade */ padding:0 var(--pa-pad-x); transition: max-height 280ms cubic-bezier(.2,.7,.3,1), opacity 220ms linear; will-change:max-height,opacity; } /* When open, JS will set an explicit max-height. We only manage opacity here. */ .pa-item[open] .pa-panel{ opacity:1; } /* Stable inner wrapper holds vertical padding ALWAYS (prevents close jitter) */ .pa-panel-inner{ padding-top:var(--pa-pad-y-panel-t); padding-bottom:var(--pa-pad-y-panel-b); } /* Text */ .pa-panel p, .pa-panel li, .pa-panel strong{ font-size:14px; line-height:1.6; color:#333; } .pa-panel p{ margin:0; } .pa-panel ul{ margin:8px 0 0 18px; padding:0; } .pa-panel li{ margin:4px 0; } /* Mobile tweaks */ @media (max-width:480px){ .pa-summary{ font-size:19px; padding:16px 14px; } .pa-icon{ font-size:19px; min-width:20px; } .pa-panel{ padding:0 14px; } } Description + – Built for performance and all-day comfort, these double-layered athletic shorts combine functionality with smart design. Featuring both interior and exterior pockets, an elastic waistband, and a lightweight, breathable construction, they're perfect for training, running, or casual wear. Care and Material + – Fabric Composition: 96% Polyester, 4% Spandex Machine wash cold (below 30°C) Do not bleach Do not tumble dry Iron at low temperature Do not dry clean Product Details + – Double-Layer Design: Offers added support and coverage Inner & Outer Pockets: Secure storage for essentials Elastic Waistband: Ensures a flexible, stay-put fit High-Stretch Fabric: Moves with your body without restriction Quick-Dry & Sweat-Wicking: Keeps you cool and dry Lightweight & Breathable: Built for high-performance comfort /* Single-open + smooth height animation */ (function(){ const root = document.getElementById('pa-root'); if(!root) return; const items = Array.from(root.querySelectorAll('.pa-item')); const panels = new WeakMap(); // cache panel elements items.forEach(d => { const panel = d.querySelector('.pa-panel'); panels.set(d, panel); // Ensure closed visual state on load panel.style.maxHeight = d.open ? panel.scrollHeight + 'px' : '0px'; d.addEventListener('toggle', () => { if (d.open) { // Close others items.forEach(other => { if (other !== d && other.open) { other.removeAttribute('open'); const p = panels.get(other); if (p) p.style.maxHeight = '0px'; } }); // Open this requestAnimationFrame(() => { panel.style.maxHeight = panel.scrollHeight + 'px'; }); } else { // Close this panel.style.maxHeight = '0px'; } }); }); // Recalculate height on resize for the currently open item window.addEventListener('resize', () => { const openItem = items.find(d => d.open); if (!openItem) return; const p = panels.get(openItem); if (p) p.style.maxHeight = p.scrollHeight + 'px'; }); })();
