.shop{padding-top:56px;padding-bottom:64px;border-top:1px solid var(--line)}
.shop-heading{margin-bottom:22px}
.shop-heading h2{margin:0;color:var(--pine);font:600 35px var(--serif);letter-spacing:-.7px}
.shop-heading .subheading{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.7}
.shop-card{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:20px;padding:23px 25px;background:var(--paper);border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 24px #26382a0a}
.shop-yarn{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#f2eada;font-size:31px}
.shop-category{font-size:8px;font-weight:700;letter-spacing:1.8px;color:var(--red)}
.shop-copy h3{margin:5px 0 6px;color:var(--pine);font:600 21px var(--serif)}
.shop-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.shop-button{white-space:nowrap;gap:15px}
.shop-note{margin:11px 0 0;color:#898d82;font-size:9px}
.shop-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:600px){.shop{padding-top:45px;padding-bottom:48px}.shop-heading h2{font-size:30px}.shop-card{grid-template-columns:52px 1fr;gap:13px;padding:16px}.shop-yarn{width:48px;height:48px;font-size:25px}.shop-copy h3{font-size:18px}.shop-copy p{font-size:10px}.shop-button{grid-column:1/-1;justify-content:center}}