Knee Sleeves

About

/* Scoped styles (white theme) */ .gr-knee-sleeves-desc { color:#111 !important; margin:0; padding:0 2%; max-width:none; background:#fff; } .gr-knee-sleeves-desc *{ box-sizing:border-box; text-align:left; } .gr-knee-sleeves-desc h2, .gr-knee-sleeves-desc h3, .gr-knee-sleeves-desc h4{ color:#111 !important; line-height:1.22; font-weight:800; margin:2.1rem 0 1rem; letter-spacing:.2px; } .gr-knee-sleeves-desc h2{ font-size:clamp(1.7rem,2.6vw,2.1rem); } .gr-knee-sleeves-desc h3{ font-size:clamp(1.28rem,2.2vw,1.55rem); } .gr-knee-sleeves-desc h4{ font-size:clamp(1.06rem,1.6vw,1.2rem); font-weight:750; } .gr-knee-sleeves-desc p{ margin:.75rem 0 1.1rem; line-height:1.65; color:#222; } .gr-knee-sleeves-desc ul{ margin:.5rem 0 1.25rem 1.25rem; } .gr-knee-sleeves-desc li{ margin:.35rem 0; } .gr-knee-sleeves-desc strong{ font-weight:750; } /* Comparison table (desktop + mobile keeps table with horizontal scroll & sticky header) */ .gr-knee-sleeves-desc .table-wrap{ margin:1rem 0 2rem; border-radius:12px; overflow:hidden; border:1px solid rgba(0,0,0,.12); background:#fff; position:relative; } .gr-knee-sleeves-desc .table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .gr-knee-sleeves-desc table{ width:100%; min-width:720px; border-collapse:separate; border-spacing:0; } .gr-knee-sleeves-desc thead th{ position:sticky; top:0; z-index:1; text-align:left; padding:.85rem .95rem; font-weight:750; background:#f6f7f8; border-bottom:1px solid rgba(0,0,0,.12); color:#111; } .gr-knee-sleeves-desc tbody td{ padding:.75rem .95rem; border-bottom:1px solid rgba(0,0,0,.08); vertical-align:top; color:#111; background:#fff; } .gr-knee-sleeves-desc tbody tr:nth-child(even){ background:#fafafa; } .gr-knee-sleeves-desc tbody tr:last-child td{ border-bottom:0; } @media (max-width:900px){ .gr-knee-sleeves-desc .table-wrap:after{ content:"Swipe →"; position:absolute; right:10px; top:10px; font-size:.75rem; font-weight:700; color:#666; background:#f6f7f8; padding:3px 6px; border-radius:6p