.store-contacts { padding-top: 60px; padding-bottom: 72px; }
.store-contacts[hidden], .store-socials[hidden] { display: none; }
.store-contact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.store-contact-card { min-width: 0; min-height: 112px; display: flex; align-items: center; gap: 18px; padding: 25px; border: 1px solid rgba(176,141,74,.2); border-radius: 25px; background: rgba(255,255,255,.63); box-shadow: inset 0 1px 0 white,0 14px 36px rgba(46,42,68,.035); color: #1D1D1F; text-decoration: none; }
.store-contact-card div { min-width: 0; flex: 1; }
.store-contact-card h3 { margin: 0 0 7px; font-size: 16px; font-weight: 650; }
.store-contact-card p { margin: 0; line-height: 1.6; font-size: 14px; color: #655f54; overflow-wrap: anywhere; white-space: pre-line; }
.contact-mark, .social-mark { display: grid; place-items: center; flex-shrink: 0; border: 1px solid rgba(176,141,74,.18); background: rgba(255,255,255,.74); color: #806632; font-weight: 600; }
.contact-mark { width: 44px; height: 44px; border-radius: 15px; font-size: 12px; }
.contact-arrow { color: #806632; flex-shrink: 0; }
.store-socials { margin-top: 27px; }
.store-socials > p { color: #655f54; margin: 0 0 12px; font-size: 14px; }
.social-link-row { display: flex; gap: 10px; flex-wrap: wrap; }
.store-social-link { min-height: 52px; display: flex; align-items: center; gap: 10px; padding: 8px 16px 8px 9px; border: 1px solid rgba(176,141,74,.22); border-radius: 18px; color: #1D1D1F; background: rgba(255,255,255,.68); box-shadow: inset 0 1px 0 white; font-size: 14px; text-decoration: none; }
.social-mark { height: 32px; width: 32px; border-radius: 11px; font-size: 10px; }
.store-contact-card[href]:hover,.store-social-link:hover { border-color: #B08D4A; background: #fff; }
.store-contact-card[href]:focus-visible,.store-social-link:focus-visible { outline: 2px solid #806632; outline-offset: 4px; }
@supports (backdrop-filter: blur(10px)) { .store-contact-card,.store-social-link { backdrop-filter: blur(10px); } }
@media(max-width:760px) { .store-contacts { padding-top: 40px; padding-bottom: 48px; } .store-contact-grid { grid-template-columns: minmax(0,1fr); gap: 10px; } .store-contact-card { padding: 20px; border-radius: 22px; min-height: 100px; gap: 14px; } .social-link-row { gap: 8px; } .store-social-link { flex: 1 1 140px; justify-content: flex-start; } }