Contact information
Contact Us — VaultStock
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--text-primary: #1a1a1a;
--text-secondary: #6b6b6b;
--text-tertiary: #9e9e9e;
--bg-primary: #ffffff;
--bg-secondary: #f8f7f5;
--bg-tertiary: #f0eeeb;
--border: rgba(0,0,0,0.10);
--border-strong: rgba(0,0,0,0.18);
--accent-info: #185FA5;
--accent-success: #0F6E56;
}
@media (prefers-color-scheme: dark) {
:root {
--text-primary: #f0eeeb;
--text-secondary: #a8a49e;
--text-tertiary: #6e6b66;
--bg-primary: #1a1918;
--bg-secondary: #222120;
--bg-tertiary: #2a2927;
--border: rgba(255,255,255,0.09);
--border-strong: rgba(255,255,255,0.16);
--accent-info: #85B7EB;
--accent-success: #5DCAA5;
}
}
body {
font-family: 'DM Sans', sans-serif;
background: var(--bg-secondary);
color: var(--text-primary);
min-height: 100vh;
padding: 3rem 1.5rem 5rem;
}
.page {
max-width: 740px;
margin: 0 auto;
}
/* Header */
.eyebrow {
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--text-tertiary);
margin-bottom: 0.75rem;
}
h1 {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(36px, 6vw, 52px);
font-weight: 300;
line-height: 1.05;
color: var(--text-primary);
margin-bottom: 0.75rem;
}
.subtitle {
font-size: 14px;
line-height: 1.7;
color: var(--text-secondary);
max-width: 460px;
margin-bottom: 2.5rem;
}
.divider {
width: 36px;
height: 1px;
background: var(--border-strong);
margin-bottom: 2.5rem;
}
/* Contact grid */
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
background: var(--border);
border: 0.5px solid var(--border);
border-radius: 14px;
overflow: hidden;
margin-bottom: 1.25rem;
}
.contact-card {
background: var(--bg-primary);
padding: 1.75rem 1.5rem;
display: flex;
flex-direction: column;
gap: 4px;
}
.contact-card.address {
grid-column: 1 / -1;
background: var(--bg-secondary);
flex-direction: row;
align-items: flex-start;
gap: 3rem;
}
.card-label {
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--text-tertiary);
margin-bottom: 6px;
}
.card-title {
font-family: 'Cormorant Garamond', serif;
font-size: 17px;
font-weight: 400;
color: var(--text-primary);
margin-bottom: 3px;
}
.card-value {
font-size: 13px;
color: var(--accent-info);
text-decoration: none;
transition: opacity 0.15s;
}
.card-value:hover { opacity: 0.72; }
.address-line {
font-size: 13px;
color: var(--text-secondary);
line-height: 1.7;
}
/* WhatsApp row */
.wa-row {
display: flex;
align-items: center;
gap: 14px;
padding: 1.25rem 1.5rem;
background: var(--bg-primary);
border: 0.5px solid var(--border);
border-radius: 14px;
margin-bottom: 2rem;
text-decoration: none;
color: inherit;
transition: background 0.15s;
}
.wa-row:hover { background: var(--bg-tertiary); }
.wa-icon {
width: 36px;
height: 36px;
flex-shrink: 0;
}
.wa-label {
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--text-tertiary);
margin-bottom: 3px;
}
.wa-number {
font-size: 15px;
font-weight: 500;
color: var(--text-primary);
}
.wa-cta {
margin-left: auto;
font-size: 13px;
color: var(--accent-success);
white-space: nowrap;
}
/* Hours note */
.hours-note {
font-size: 12px;
color: var(--text-tertiary);
border-top: 0.5px solid var(--border);
padding-top: 1.5rem;
line-height: 1.8;
}
/* Responsive */
@media (max-width: 520px) {
.contact-grid { grid-template-columns: 1fr; }
.contact-card.address { flex-direction: column; gap: 1.5rem; }
}
WhatsApp
Chat now →
Get in touch
Contact Us
Our team is here to help with orders, returns, and general enquiries. Reach us through the channel that best fits your need.
Our location
Via Maddalena 16
Piacenza, 29121
Italy
+39 331 623 8785
We typically respond to emails within 1–2 business days. For faster assistance, reach us on WhatsApp during business hours (Mon–Fri, 9:00–17:00 CET).