body{margin:0;background:#f7f6f0;color:#183c32;font:16px/1.6 system-ui,sans-serif}main,nav{max-width:1080px;margin:auto;padding:24px}a{color:#175d47}nav{display:flex;gap:24px;flex-wrap:wrap}h1{line-height:1.2}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.gallery img{width:100%;height:320px;object-fit:contain;background:white}li{margin:7px 0}.cta{display:inline-block;background:#183c32;color:white;padding:12px 22px;margin:10px;border-radius:6px}.badge{font-weight:bold;background:#e7efda;padding:8px;display:inline-block}.sock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sock-grid article{background:white;border:1px solid #e1e6e0;border-radius:9px;padding:20px}.sock-grid img{width:100%;height:190px;object-fit:contain}.sock-grid a{text-decoration:none}.sock-grid h3{font-size:17px}.sock-grid p{font-size:14px}.sock-grid .cta{margin:0;border:0;cursor:pointer}@media(max-width:700px){.sock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.sock-grid{grid-template-columns:1fr}}