Knee Sleeves

About

/* Scoped styles (white theme) */ .gr-knee-sleeves-desc { color:#111 !important; margin:0 auto; padding:0 2%; max-width:1280px; 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; } /* Intro: copy + lead product image (SERP thumbnail candidate) */ .gr-knee-sleeves-desc .gr-ks-intro{ display:flex; flex-direction:column; align-items:center; gap:1.2rem; } .gr-knee-sleeves-desc .gr-ks-intro__copy{ flex:1 1 auto; min-width:0; } .gr-knee-sleeves-desc .gr-ks-intro__copy > :first-child{ margin-top:0; } .gr-knee-sleeves-desc .gr-ks-intro__copy p:last-child{ margin-bottom:0; } /* Frame crops the packshot's built-in padding so the product fills the box */ .gr-knee-sleeves-desc .gr-ks-hero-frame{ width:100%; max-width:300px; margin:0 auto; aspect-ratio:1 / 1; overflow:hidden; border-radius:12px; } .gr-knee-sleeves-desc .gr-ks-hero{ display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.2); } @media screen and (min-width:1150px){ .gr-knee-sleeves-desc .gr-ks-intro{ flex-direction:row; align-items:center; gap:2.5rem; } .gr-knee-sleeves-desc .gr-ks-hero-frame{ flex:0 0 clamp(240px,22vw,300px); max-width:none; margin:0; } } /* 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; bo