.social-shop { padding-block: 42px; }
.social-intro { max-width: 760px; margin-bottom: 24px; }
.social-intro h1 { font-size: clamp(2.2rem, 7vw, 3.8rem); line-height: 1.1; margin: 14px 0; }
.social-intro p { margin-bottom: 16px; }
.social-shop h1, .social-shop h2 { font-family: var(--font-display); font-weight: 400; }
.social-shop .disclosure, .social-shop .affiliate-note { color: var(--ink-muted); }
.social-kicker a, .social-end a { text-decoration: underline; text-underline-offset: 3px; }
.social-kicker { font-size: .85rem; line-height: 1.5; }
.social-jumps { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }
.social-jumps a { padding: 12px 16px; border: 1px solid #bec8be; border-radius: 24px; line-height: 1.4; }
.social-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.social-product { display: flex; flex-direction: column; min-width: 0; scroll-margin-top: 100px; }
.social-product > img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: white; padding: 20px; box-sizing: border-box; }
.social-product h2 { font-size: 1.55rem; line-height: 1.25; margin: 12px 0; overflow-wrap: anywhere; }
.social-product .pick-body { padding: 24px; }
.social-product p { margin-bottom: 16px; }
.social-product .btn { white-space: normal; text-align: center; min-height: 44px; }
.social-product .affiliate-note { margin-top: 12px; line-height: 1.5; }
.social-shop a:focus-visible { outline: 3px solid #305b48; outline-offset: 4px; }
.social-end { margin-top: 32px; }
@media (max-width: 640px) { .social-grid { grid-template-columns: minmax(0, 1fr); } .social-product .pick-body { padding: 20px; } }