.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.social-links[hidden]{display:none}
.social-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:58px;min-height:64px;padding:8px;border-radius:6px;color:var(--ink);font-size:11px;line-height:1.2;text-decoration:none;border:1px solid transparent;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 160ms ease}
.social-link svg{width:23px;height:23px;display:block;flex-shrink:0}
.social-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.social-links-compact .social-link{min-width:44px;min-height:44px;padding:10px}
.social-links-compact .social-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.social-admin-title{display:flex;align-items:center;gap:9px}.social-admin-title svg{width:20px;height:20px;color:#74243b}.commerce-admin-form .social-admin-heading{grid-column:1/-1;margin:13px 0 0}.social-admin-help{grid-column:1/-1;margin:0;color:#66565d;font-size:14px}
.site-footer{display:block;padding:54px 5% 25px;background:#f4e8dd;border-top:1px solid var(--line);color:var(--text)}
.storefront .site-footer{padding:54px 5% 25px}
.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;max-width:1500px;margin:0 auto 36px}
.footer-home .footer-brand{width:145px;height:73px;margin-bottom:18px}
.footer-home p{font:25px/1.3 var(--serif);margin:0;max-width:20ch;color:var(--ink)}
.footer-column h2{font:600 11px/1.5 var(--sans);letter-spacing:1.3px;text-transform:uppercase;margin:0 0 17px;color:var(--ink)}
.footer-column>a{display:flex;align-items:center;min-height:38px;font-size:14px;width:fit-content;color:var(--muted)}
.footer-column>a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-column p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 14px}
.footer-column .social-links{gap:2px;align-items:flex-start}
.footer-social .social-links{flex-wrap:nowrap;gap:8px}
.footer-social .social-link{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;gap:0;border:1px solid #cba699;border-radius:50%}
.footer-social .social-link>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:22px 185px 0 0;border-top:1px solid #d8beb0;font-size:12px;color:var(--muted)}
.footer-bottom>span{margin-right:auto}.footer-bottom>a{font-size:12px;min-height:36px;display:inline-flex;align-items:center}.footer-bottom .privacy-settings-button{font-size:12px;min-height:36px}
.footer-channels{width:100%;padding-top:14px;display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:14px}.footer-channels>span{font-size:13px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.social-link:hover{background:#ead1c0;transform:translateY(-2px)}.social-whatsapp:hover{color:#075e3b;background:#d6edda}.social-link:active{transform:scale(.98)}}
@media(max-width:900px){.footer-main{grid-template-columns:1.2fr 1fr;gap:33px}.site-footer{padding-top:38px}}
@media(max-width:1150px){.footer-main{grid-template-columns:1.2fr 1fr}}
@media(max-width:800px){.footer-bottom{padding-right:0}}
@media(max-width:500px){.footer-main{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-home,.footer-social{grid-column:1/-1}.footer-home{display:flex;gap:22px;align-items:center}.footer-home .footer-brand{width:126px;height:63px;flex-shrink:0;margin:0}.footer-home p{font-size:23px}.footer-main .social-links{gap:10px}.site-footer{padding:34px 6% 86px}.footer-column>a{font-size:14px;min-height:42px}.footer-column h2{margin-bottom:10px}.footer-bottom{gap:8px 20px}.footer-bottom>span{flex-basis:100%;margin:0}.footer-channels{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:500px){.storefront .site-footer{padding:34px 6% 86px}}
@media(prefers-reduced-motion:reduce){.social-link{transition:none}.social-link:hover,.social-link:active{transform:none}}
/* App colours; keep the existing circular controls and spacing. */
.social-link.social-instagram{color:#E1306C}
.social-link.social-tiktok{color:#161823}
.social-link.social-whatsapp{color:#128C7E}
.social-link.social-email{color:#0078D4}
.social-link.social-facebook{color:#1877F2}
.footer-social .social-link{border-color:currentColor}
.social-tiktok svg{overflow:visible;filter:drop-shadow(-.7px -.4px 0 #25F4EE) drop-shadow(.7px .4px 0 #FE2C55)}
@media(hover:hover) and (pointer:fine){.social-link.social-whatsapp:hover{color:#128C7E}}