Cocktail Shakers & Strainers

About

#rh-cocktail-shakers { --rh-max: 1200px; --rh-black: #000; --rh-white: #fff; --rh-ink: #111; --rh-sub: #444; --rh-line: rgba(0,0,0,.12); --rh-soft: #f6f6f6; --rh-soft2: #fbfbfb; --rh-radius: 16px; font-family: inherit; color: var(--rh-ink); } #rh-cocktail-shakers * { box-sizing: border-box; } #rh-cocktail-shakers .rh-wrap { max-width: var(--rh-max); margin: 0 auto; padding: 24px 20px 40px; } #rh-cocktail-shakers .rh-hero { background: linear-gradient(180deg, var(--rh-soft2), #fff); border: 1px solid var(--rh-line); border-radius: var(--rh-radius); padding: 28px; margin-bottom: 22px; } #rh-cocktail-shakers h2, #rh-cocktail-shakers h3 { color: var(--rh-ink); line-height: 1.2; margin: 0 0 12px; } #rh-cocktail-shakers h2 { font-size: clamp(28px, 3.2vw, 40px); } #rh-cocktail-shakers h3 { font-size: clamp(20px, 2.1vw, 26px); margin-top: 0; } #rh-cocktail-shakers p { margin: 0 0 14px; color: var(--rh-sub); font-size: 16px; line-height: 1.7; } #rh-cocktail-shakers a { color: var(--rh-black); text-decoration: underline; text-underline-offset: 2px; } #rh-cocktail-shakers .rh-jump { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; } #rh-cocktail-shakers .rh-jump a { display: inline-block; background: var(--rh-black); color: var(--rh-white); text-decoration: none; padding: 10px 14px; border-radius: 999px; font-size: 14px; line-height: 1; } #rh-cocktail-shakers .rh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 22px 0; } #rh-cocktail-shakers .rh-card { background: #fff; border: 1px solid var(--rh-line); border-radius: var(--rh-radius); padding: 22px; } #rh-cocktail-shakers .rh-card ul { margin: 0; padding-left: 20px; } #rh-cocktail-shakers .rh-card li { margin: 0 0 10px; color: var(--rh-sub); line-height: 1.6; } #rh-cocktail-shakers .rh-section { margin-top: 22px; padding: 26px; background: var(--rh-soft2); border: 1px solid var(--rh-line); border-radius: var(--rh-radius); } #rh-cocktail-shakers .rh-top-picks { margin: 22px