Contact Us — ooWOLF *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --color-bg: #ffffff; --color-fg: #1a1a1a; --color-accent: #8b1a1a; --color-muted: #6b6b6b; --color-border: #e8e2da; --color-surface: #f7f4f0; --font: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif; } body { font-family: var(--font); background-color: var(--color-bg); color: var(--color-fg); font-size: 16px; line-height: 1.75; -webkit-font-smoothing: antialiased; } /* Header */ .page-header { background-color: var(--color-fg); color: #ffffff; padding: 64px 48px 56px; border-bottom: 3px solid var(--color-accent); } .page-header .brand { font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 20px; font-weight: 500; } .page-header h1 { font-size: clamp(28px, 4vw, 48px); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; line-height: 1.1; margin-bottom: 16px; } .page-header .subtitle { font-size: 15px; color: rgba(255,255,255,0.55); font-weight: 300; max-width: 480px; line-height: 1.7; } /* Layout */ .page-wrap { max-width: 960px; margin: 0 auto; padding: 72px 48px 96px; } /* Response time banner */ .response-banner { display: flex; align-items: center; gap: 16px; background-color: var(--color-surface); border-left: 3px solid var(--color-accent); padding: 20px 28px; margin-bottom: 56px; } .response-banner .dot { width: 8px; height: 8px; border-radius: 50%; background-color: #2d7a4a; flex-shrink: 0; } .response-banner p { font-size: 14px; color: var(--color-muted); line-height: 1.6; } .response-banner strong { color: var(--color-fg); } /* Grid */ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin-bottom: 48px; background-color: var(--color-border); } .contact-card { background-color: var(--color-bg); padding: 40px 36px; } .contact-card .card-label { font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--color-accent); font-weight: 700; margin-bottom: 16px; } .contact-card h2 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 20px; color: var(--color-fg); } .contact-card .info-row { display: flex; flex-direction: column; gap: 12px; } .info-item { display: flex; flex-direction: column; gap: 3px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border); } .info-item:last-child { border-bottom: none; padding-bottom: 0; } .info-label { font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--color-muted); font-weight: 500; } .info-value { font-size: 15px; color: var(--color-fg); line-height: 1.6; } .info-value a { color: var(--color-accent); text-decoration: none; } .info-value a:hover { text-decoration: underline; } /* Full-width dark card */ .contact-card-dark { background-color: var(--color-fg); color: #ffffff; padding: 40px 36px; grid-column: 1 / -1; } .contact-card-dark .card-label { color: rgba(255,255,255,0.4); } .contact-card-dark h2 { color: #ffffff; } .contact-card-dark .info-label { color: rgba(255,255,255,0.4); } .contact-card-dark .info-value { color: rgba(255,255,255,0.85); } .contact-card-dark .info-item { border-bottom-color: rgba(255,255,255,0.08); } .contact-card-dark .info-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } /* Topics */ .topics-section { margin-top: 48px; } .topics-section h3 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: var(--color-muted); margin-bottom: 20px; } .topics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .topic-item { border: 1px solid var(--color-border); padding: 20px 20px; background-color: var(--color-surface); } .topic-item .topic-icon { font-size: 20px; margin-bottom: 10px; } .topic-item .topic-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; color: var(--color-fg); } .topic-item .topic-desc { font-size: 13px; color: var(--color-muted); line-height: 1.6; } /* Footer */ .policy-footer { background-color: var(--color-surface); padding: 24px 48px; text-align: center; font-size: 12px; color: var(--color-muted); letter-spacing: 0.05em; border-top: 1px solid var(--color-border); margin-top: 0; } @media (max-width: 640px) { .page-header { padding: 48px 24px 40px; } .page-wrap { padding: 48px 24px 72px; } .contact-grid { grid-template-columns: 1fr; } .contact-card-dark .info-row { grid-template-columns: 1fr; } .topics-grid { grid-template-columns: 1fr; } .policy-footer { padding: 20px 24px; } }

Contact Us

We're here to help. Reach out with any questions about your order, our products, or anything else.

© 2026 LED STAR LIGHTING TECHNOLOGY CO., LIMITED · All rights reserved · ooWOLF is a registered trademark.