Contact information
Contact Us – Whisker Wonders Co.
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Jost:wght@300;400;500&display=swap');
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
background-color: #FAF7F2;
color: #2E2A26;
font-family: 'Jost', sans-serif;
font-weight: 400;
line-height: 1.8;
padding: 60px 20px;
}
.container { max-width: 860px; margin: 0 auto; }
.brand { text-align: center; margin-bottom: 48px; }
.brand-name {
font-family: 'Cormorant Garamond', serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 4px;
text-transform: uppercase;
color: #C8A97E;
margin-bottom: 12px;
}
h1 {
font-family: 'Cormorant Garamond', serif;
font-size: 42px;
font-weight: 700;
color: #2E2A26;
line-height: 1.2;
margin-bottom: 10px;
}
.subtitle { font-size: 15px; color: #7a6f65; font-weight: 300; }
.divider {
width: 48px;
height: 2px;
background: #C8A97E;
margin: 32px auto;
}
.intro { text-align: center; font-size: 16px; color: #7a6f65; max-width: 520px; margin: 0 auto 52px; font-style: italic; }
/* Two column layout */
.grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
/* Info column */
.info-col { display: flex; flex-direction: column; gap: 20px; }
.info-card {
background: #fff;
border: 1px solid #e8e0d5;
border-radius: 8px;
padding: 24px;
}
.info-card-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
.info-icon {
width: 38px;
height: 38px;
background: #f3ede3;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
flex-shrink: 0;
}
.info-card-title {
font-family: 'Cormorant Garamond', serif;
font-size: 19px;
font-weight: 600;
color: #2E2A26;
}
.info-card p {
font-size: 14px;
color: #7a6f65;
margin-bottom: 6px;
}
.info-card a {
color: #C8A97E;
text-decoration: none;
font-size: 15px;
font-weight: 500;
}
.info-card a:hover { text-decoration: underline; }
/* Social links */
.social-links { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.social-link {
display: flex;
align-items: center;
gap: 12px;
background: #FAF7F2;
border: 1px solid #e8e0d5;
border-radius: 6px;
padding: 10px 14px;
text-decoration: none;
transition: border-color 0.2s, background 0.2s;
}
.social-link:hover {
background: #f3ede3;
border-color: #C8A97E;
}
.social-link-icon {
width: 32px;
height: 32px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
flex-shrink: 0;
}
.tiktok-icon { background: #000; }
.instagram-icon { background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.social-link-text { display: flex; flex-direction: column; }
.social-platform {
font-size: 12px;
color: #9e9188;
text-transform: uppercase;
letter-spacing: 1px;
}
.social-handle {
font-size: 14px;
font-weight: 500;
color: #2E2A26;
}
/* Form column */
.form-col {
background: #fff;
border: 1px solid #e8e0d5;
border-radius: 8px;
padding: 32px;
}
.form-title {
font-family: 'Cormorant Garamond', serif;
font-size: 26px;
font-weight: 700;
color: #2E2A26;
margin-bottom: 6px;
}
.form-subtitle {
font-size: 14px;
color: #7a6f65;
margin-bottom: 28px;
}
.form-group { margin-bottom: 18px; }
label {
display: block;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #2E2A26;
margin-bottom: 7px;
}
input[type="text"],
input[type="email"],
select,
textarea {
width: 100%;
background: #FAF7F2;
border: 1px solid #e8e0d5;
border-radius: 4px;
padding: 12px 14px;
font-family: 'Jost', sans-serif;
font-size: 14px;
color: #2E2A26;
outline: none;
transition: border-color 0.2s;
appearance: none;
}
input:focus, select:focus, textarea:focus {
border-color: #C8A97E;
background: #fff;
}
textarea { resize: vertical; min-height: 120px; }
.submit-btn {
width: 100%;
background: #2E2A26;
color: #FAF7F2;
border: none;
border-radius: 4px;
padding: 14px;
font-family: 'Jost', sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
margin-top: 8px;
transition: background 0.2s;
}
.submit-btn:hover { background: #C8A97E; }
.form-note {
font-size: 12px;
color: #9e9188;
text-align: center;
margin-top: 14px;
font-style: italic;
}
/* Hours badge */
.hours-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #f3ede3;
border-radius: 20px;
padding: 4px 12px;
font-size: 13px;
color: #7a6f65;
margin-top: 4px;
}
.hours-dot {
width: 7px;
height: 7px;
background: #8A9E85;
border-radius: 50%;
}
@media (max-width: 680px) {
.grid { grid-template-columns: 1fr; }
h1 { font-size: 32px; }
.form-col { padding: 24px 20px; }
}
Whisker Wonders Co.
Get in Touch
We'd love to hear from you 🐾
Whether you have a question about an order, need product advice, or just want to say hello — we're here for it.
Email Us
Send us a message anytime and we'll get back to you within 1–2 business days.
Whiskerwondersco08@gmail.comWe're Available
Our team is here to help every day of the week.
Every day — 7 days a week
Follow Along
Stay connected for new arrivals, pet inspo, and behind-the-scenes moments.
Send Us a Message
Fill out the form below and we'll respond within 1–2 business days.
Your Name
Email Address
Subject
Select a topic...
Order Question
Shipping Inquiry
Return or Refund
Product Question
Wholesale Inquiry
Other
Message
Send Message
We read every message personally 🐾