/* Contact Us Page Shopify Custom CSS */ .contact-us-wrap { max-width: 1200px; margin: 0 auto; padding: 40px 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .contact-top-note { text-align: center; font-size: 12px; letter-spacing: 0.5px; margin-bottom:10px; } .contact-main-title { text-align:center; font-size:42px; font-weight:400; margin:0 0 30px; } .common-topics-bar { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:50px; align-items:center; } .common-topics-bar .label-small { font-size:11px; color:#444; margin-right:6px; } .topic-btn { border:1px solid #222; border-radius:20px; padding:6px 14px; background:#fff; font-size:12px; } /* Help Center button grid */ .help-center-title { text-align:center; font-size:40px; font-weight:400; margin:40px 0 30px; } .help-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:12px; margin-bottom:45px; } .help-grid button { border:1px solid #222; background:#fff; padding:16px 10px; font-size:13px; } /* 3 column contact block */ .contact-three-col { display:grid; grid-template-columns: repeat(3,1fr); gap:15px; margin-bottom:50px; } .contact-card { text-align:center; border:1px solid #eee; padding:30px 15px; } .contact-card svg { width:32px; height:32px; margin-bottom:12px; } .contact-card h4 { margin:0 0 8px; font-size:14px; } .contact-card p { font-size:13px; margin:4px 0; } .fastest-badge { background:#0e7c61; color:#fff; font-size:11px; display:inline-block; padding:3px 8px; border-radius:12px; } /* Press section */ .press-title { text-align:center; font-size:40px; font-weight:400; margin:60px 0 25px; } .press-box { border:1px solid #eee; padding:30px 15px; text-align:center; } .press-box h5 { margin:0 0 8px; } .press-box p { font-size:13px; } /* Bottom donate banner */ .donate-banner { background:#f1f1ed; padding:60px 20px; text-align:center; margin-top:60px; } .donate-banner h3 { font-size:26px; font-weight:400; max-width:700px; margin:0 auto 25px; line-height:1.4; } .donate-btn { background:#0e7c61; color:white; border:none; padding:12px 28px; font-size:14px; } /* Mobile responsive */ @media(max-width:749px){ .help-grid { grid-template-columns:1fr; } .contact-three-col { grid-template-columns:1fr; } .contact-main-title,.help-center-title,.press-title { font-size:28px; } .donate-banner h3 { font-size:20px; } }