Knee Wraps

About

/* Scoped to knee wraps block, white theme */ .gr-knee-wraps-desc{ color:#111 !important; background:#fff; margin:0; padding:0 2%; max-width:none; } .gr-knee-wraps-desc *{ box-sizing:border-box; text-align:left; } /* Typography */ .gr-knee-wraps-desc h2, .gr-knee-wraps-desc h3, .gr-knee-wraps-desc h4{ color:#111 !important; line-height:1.22; font-weight:800; margin:2.1rem 0 1rem; letter-spacing:.2px; } .gr-knee-wraps-desc h2{ font-size:clamp(1.7rem,2.6vw,2.1rem); } .gr-knee-wraps-desc h3{ font-size:clamp(1.28rem,2.2vw,1.55rem); } .gr-knee-wraps-desc h4{ font-size:clamp(1.06rem,1.6vw,1.2rem); font-weight:750; } .gr-knee-wraps-desc p{ margin:.75rem 0 1.1rem; line-height:1.65; color:#222; } .gr-knee-wraps-desc ul{ margin:.5rem 0 1.25rem 1.25rem; } .gr-knee-wraps-desc li{ margin:.35rem 0; } .gr-knee-wraps-desc strong{ font-weight:750; } /* --- Comparison table (scroll on mobile like the shorts example) --- */ .gr-knee-wraps-desc .table-wrap{ margin:1rem 0 2rem; border-radius:14px; overflow:hidden; border:1px solid rgba(0,0,0,.12); background:#fff; } /* Header strip with swipe hint */ .gr-knee-wraps-desc .table-head{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.75rem 1rem; background:#fff; border-bottom:1px solid rgba(0,0,0,.06); } .gr-knee-wraps-desc .table-head .label{ font-weight:800; color:#111; } .gr-knee-wraps-desc .table-head .swipe{ display:none; align-items:center; gap:.35rem; padding:.25rem .6rem; border-radius:999px; background:#f2f3f5; border:1px solid rgba(0,0,0,.12); font-size:.82rem; color:#333; white-space:nowrap; } .gr-knee-wraps-desc .table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .gr-knee-wraps-desc table{ width:100%; min-width:760px; border-collapse:separate; border-spacing:0; } .gr-knee-wraps-desc thead th{ text-align:left; padding:.9rem 1rem; font-weight:750; color:#111; background:#f6f7f8; border-bottom:1px solid rgba(0,0,0,.12); } .gr-knee-wraps-desc tbody td{ padding:.85rem 1rem; border