.soc{max-width:1400px;margin:0 auto;padding:20px 24px 60px;color:#263d3b}.soc-title{text-align:center;font-size:34px;font-weight:750;margin:15px 0 28px}.soc-banner{--banner-fill:#285b58;--banner-line:#dcc78c;--banner-title:#fff5db;--banner-text:#f5edda}.soc-nav{text-align:center;margin:34px auto 50px}.soc-nav h2{font-size:21px;margin-bottom:25px}.soc-circles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px;max-width:1150px;margin:auto}.soc-circle{color:#285b58;text-decoration:none;font-size:15px}.soc-circle span{display:block;border:1px solid #c8b98e;padding:6px;border-radius:50%;aspect-ratio:1;background:#fff;margin-bottom:13px;transition:transform .15s}.soc-circle img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.soc-circle:hover span,.soc-circle[aria-current=page] span{border:2px solid #285b58;transform:translateY(-3px)}.soc-back{display:inline-block;margin-top:25px;color:#285b58;text-underline-offset:5px}.soc-results{border-top:1px solid #e5ddcb;padding-top:30px}.soc-results>h2{font-size:28px;margin:0 0 26px}.soc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.soc-product{border:1px solid #ded9cc;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:white}.soc-product-image{display:block;aspect-ratio:1;background:#fff}.soc-product-image img{width:100%;height:100%;object-fit:contain}.soc-product>div{padding:18px;display:flex;flex-direction:column;flex:1}.soc-price{font-size:23px;font-weight:750;color:#285b58;margin:0 0 10px}.soc-product h3{font-size:16px;line-height:1.45;margin:0 0 22px}.soc-product h3 a{color:#273f3c}.soc-options{display:flex;justify-content:space-between;margin-top:auto;background:#285b58;color:#fff9e8;padding:12px 17px;border-radius:24px;font-weight:700}.soc-options:hover{background:#19423f;color:white}.soc a:focus-visible{outline:3px solid #b39347;outline-offset:4px}@media(max-width:1000px){.soc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.soc-circles{gap:16px}}@media(max-width:700px){.soc{padding:12px 16px 40px}.soc-title{font-size:28px}.soc-circles{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 18px}.soc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.soc-product>div{padding:13px}.soc-product h3{font-size:14px}.soc-options{font-size:12px}.soc-results>h2{font-size:23px}}