body { background: #faf8f4; color: #202020; }
header { background: #f4f0e9; border-color: #e9e3d8; }
a { color: #6e542b; }
h1 { color: #202020; letter-spacing: -.035em; }
button, .shop-action { background: #202020; border: 1px solid #202020; border-radius: .55rem; color: white; }
button:hover, .shop-action:hover { background: #3b3329; }
.swatches button { color: #202020; }
.swatches button[aria-pressed="true"] { background: #202020; color: white; border-color: #a17a35; }
:focus-visible { outline: 2px solid #a17a35; outline-offset: 2px; }

#related-products { display:block; margin:2rem 0; }
#related-products[hidden] { display:none; }
#related-products ul { display:flex;overflow-x:auto;gap:.6rem;list-style:none;padding:.25rem;margin:0;scroll-snap-type:x proximity; }
#related-products li { flex:0 0 min(42%,12rem);min-width:0;scroll-snap-align:start; }
#related-products li a { display:grid;gap:.3rem;background:white;padding:.6rem;border:1px solid #e9e3d8;border-radius:.75rem;color:#202020;text-decoration:none; }
#related-products img { width:100%;aspect-ratio:1;object-fit:contain; }
#related-products span { color:#6e542b; }