Contact information
/* ─────────────────────────────────────────────
STERLING × PRESTIGE — CONTACT PAGE (FINAL)
Matches full policy suite design language
───────────────────────────────────────────── */
.scp {
--wine: #7A0C12;
--fawn: #C6A96B;
--parchment: #F6F1EA;
--graphite: #2B2B2B;
--muted: #888888;
--warm-mid: #6B5C5C;
--rule: rgba(43,43,43,0.10);
--rule-gold: rgba(198,169,107,0.30);
font-family: var(--font-body-family, 'DM Sans', -apple-system, sans-serif);
color: var(--graphite);
max-width: 860px;
margin: 0 auto;
padding: 0 0 80px;
}
/* ── META BAR ── */
.scp__meta {
display: flex;
align-items: center;
justify-content: space-between;
padding: 28px 0 24px;
border-bottom: 1px solid var(--rule);
margin-bottom: 52px;
flex-wrap: wrap;
gap: 12px;
}
.scp__meta-left {
display: flex;
align-items: center;
gap: 20px;
}
.scp__eyebrow {
font-size: 10px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--fawn);
}
.scp__meta-divider {
width: 1px;
height: 16px;
background: var(--rule-gold);
}
.scp__status {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: var(--muted);
}
.scp__status-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #4CAF50;
flex-shrink: 0;
}
/* ── TITLE BLOCK ── */
.scp__title-block {
margin-bottom: 52px;
}
.scp__title-block h1 {
font-family: var(--font-heading-family, 'Playfair Display', Georgia, serif);
font-size: clamp(32px, 5vw, 52px);
font-weight: 400;
color: var(--graphite);
line-height: 1.1;
letter-spacing: -0.02em;
margin: 0 0 20px;
}
.scp__lead {
font-size: 16px;
color: var(--warm-mid);
line-height: 1.8;
max-width: 560px;
margin: 0;
border-left: 1px solid var(--fawn);
padding-left: 20px;
}
/* ── CHANNEL CARDS ── */
.scp__channels {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--rule);
border: 1px solid var(--rule);
margin-bottom: 56px;
}
.scp__channel {
background: var(--parchment);
padding: 28px 24px;
transition: background 0.2s;
text-decoration: none;
display: block;
cursor: default;
}
.scp__channel.is-link { cursor: pointer; }
.scp__channel.is-link:hover { background: rgba(122,12,18,0.03); }
.scp__channel-icon {
font-size: 22px;
margin-bottom: 14px;
display: block;
}
.scp__channel-label {
font-size: 10px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--fawn);
margin-bottom: 6px;
display: block;
}
.scp__channel-value {
font-size: 14px;
font-weight: 600;
color: var(--graphite);
display: block;
margin-bottom: 4px;
line-height: 1.4;
}
.scp__channel-sub {
font-size: 12px;
color: var(--muted);
display: block;
line-height: 1.5;
}
/* ── MAIN LAYOUT ── */
.scp__layout {
display: grid;
grid-template-columns: 1fr 320px;
gap: 60px;
align-items: start;
margin-bottom: 56px;
}
/* ── FORM ── */
.scp__form-heading {
font-family: var(--font-heading-family, 'Playfair Display', Georgia, serif);
font-size: 22px;
font-weight: 400;
color: var(--graphite);
margin: 0 0 6px;
}
.scp__form-sub {
font-size: 13px;
color: var(--muted);
margin: 0 0 32px;
}
.scp__form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.scp__field {
margin-bottom: 20px;
}
.scp__label {
display: block;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--warm-mid);
margin-bottom: 8px;
}
.scp__label .scp__req {
color: var(--wine);
margin-left: 2px;
font-size: 11px;
}
.scp__input,
.scp__select,
.scp__textarea {
width: 100%;
background: transparent;
border: none;
border-bottom: 1px solid rgba(43,43,43,0.2);
border-radius: 0;
padding: 10px 0 10px;
font-family: var(--font-body-family, 'DM Sans', sans-serif);
font-size: 14px;
color: var(--graphite);
outline: none;
transition: border-color 0.25s;
-webkit-appearance: none;
}
.scp__input::placeholder,
.scp__textarea::placeholder { color: var(--muted); font-size: 14px; }
.scp__input:focus,
.scp__select:focus,
.scp__textarea:focus {
border-bottom-color: var(--wine);
}
.scp__select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23C6A96B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 4px center;
padding-right: 24px;
cursor: pointer;
}
.scp__textarea {
resize: none;
min-height: 110px;
padding-top: 10px;
line-height: 1.7;
}
/* Character counter */
.scp__field-footer {
display: flex;
justify-content: flex-end;
margin-top: 5px;
}
.scp__char-count {
font-size: 11px;
color: var(--muted);
font-variant-numeric: tabular-nums;
}
/* Submit button */
.scp__submit-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 8px;
flex-wrap: wrap;
}
.scp__privacy-note {
font-size: 11px;
color: var(--muted);
line-height: 1.5;
max-width: 260px;
}
.scp__privacy-note a {
color: var(--wine);
text-decoration: none;
border-bottom: 1px solid rgba(122,12,18,0.2);
}
.scp__btn-submit {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--wine);
color: var(--parchment);
border: 1px solid var(--wine);
padding: 13px 32px;
font-family: var(--font-body-family, 'DM Sans', sans-serif);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.25s, border-color 0.25s;
white-space: nowrap;
}
.scp__btn-submit:hover {
background: #5A0910;
border-color: #5A0910;
}
.scp__btn-submit svg {
transition: transform 0.25s;
}
.scp__btn-submit:hover svg {
transform: translateX(3px);
}
/* Success state */
.scp__success {
display: none;
padding: 32px 28px;
border: 1px solid var(--rule-gold);
background: rgba(198,169,107,0.06);
text-align: center;
margin-top: 24px;
}
.scp__success-icon { font-size: 32px; margin-bottom: 12px; }
.scp__success h4 {
font-family: var(--font-heading-family, 'Playfair Display', Georgia, serif);
font-size: 20px;
font-weight: 400;
color: var(--graphite);
margin: 0 0 8px;
}
.scp__success p {
font-size: 13px;
color: var(--warm-mid);
margin: 0;
line-height: 1.7;
}
/* ── SIDEBAR ── */
.scp__sidebar {
position: sticky;
top: 80px;
}
.scp__sidebar-block {
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 1px solid var(--rule);
}
.scp__sidebar-block:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.scp__sidebar-label {
font-size: 10px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--fawn);
margin-bottom: 16px;
display: block;
}
/* Hours */
.scp__hours-row {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: 8px 0;
border-bottom: 1px solid var(--rule);
font-size: 13px;
}
.scp__hours-row:last-child { border-bottom: none; }
.scp__hours-day { color: var(--warm-mid); }
.scp__hours-time { color: var(--graphite); font-weight: 500; }
.scp__hours-closed { color: var(--muted); font-style: italic; }
/* WhatsApp button */
.scp__wa-btn {
display: flex;
align-items: center;
gap: 10px;
background: #25D366;
color: #fff;
padding: 12px 18px;
font-family: var(--font-body-family, 'DM Sans', sans-serif);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.2s;
width: 100%;
justify-content: center;
margin-top: 12px;
}
.scp__wa-btn:hover { background: #1DA851; color: #fff; }
/* Response promise */
.scp__promise {
display: flex;
gap: 12px;
align-items: flex-start;
margin-bottom: 12px;
}
.scp__promise:last-child { margin-bottom: 0; }
.scp__promise-icon {
width: 30px;
height: 30px;
border: 1px solid var(--rule-gold);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
flex-shrink: 0;
margin-top: 1px;
}
.scp__promise-text h5 {
font-size: 12px;
font-weight: 600;
color: var(--graphite);
margin: 0 0 2px;
}
.scp__promise-text p {
font-size: 12px;
color: var(--muted);
margin: 0;
line-height: 1.5;
}
/* ── BOTTOM DIVIDER RULE ── */
.scp__divider {
height: 1px;
background: var(--rule);
margin-bottom: 40px;
}
/* ── RELATED PAGES ── */
.scp__related {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--rule);
border: 1px solid var(--rule);
}
.scp__related-link {
background: var(--parchment);
padding: 20px;
text-decoration: none;
display: block;
transition: background 0.2s;
}
.scp__related-link:hover { background: rgba(122,12,18,0.04); }
.scp__related-link-label {
font-size: 10px;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--fawn);
margin-bottom: 6px;
display: block;
}
.scp__related-link-title {
font-size: 13px;
font-weight: 600;
color: var(--graphite);
display: flex;
align-items: center;
justify-content: space-between;
}
.scp__related-arrow { color: var(--fawn); }
/* ── RESPONSIVE ── */
@media (max-width: 700px) {
.scp__channels { grid-template-columns: 1fr; }
.scp__layout { grid-template-columns: 1fr; gap: 40px; }
.scp__sidebar { position: static; }
.scp__form-row { grid-template-columns: 1fr; }
.scp__submit-row { flex-direction: column; align-items: flex-start; }
.scp__btn-submit { width: 100%; justify-content: center; }
.scp__related { grid-template-columns: 1fr; }
.scp__title-block h1 { font-size: 30px; }
.scp__privacy-note { max-width: 100%; }
}
Contact
/* Character counter */
function scpCount(el) {
var counter = document.getElementById('scp-counter');
if (counter) counter.textContent = el.value.length + ' / 1000';
}
/* Form submit — shows success state */
function scpSubmit(e) {
e.preventDefault();
var form = document.getElementById('scp-form');
var success = document.getElementById('scp-success');
var emailEl = document.getElementById('scp-email');
var emailDisplay = document.getElementById('scp-success-email');
if (emailDisplay && emailEl) {
emailDisplay.textContent = emailEl.value;
}
if (form) form.style.display = 'none';
if (success) success.style.display = 'block';
/* Scroll success message into view smoothly */
if (success) success.scrollIntoView({ behavior: 'smooth', block: 'center' });
}
Contact
Sterling
A question about your order, sizing advice, a styling suggestion, or anything else — our team is here and happy to help.
Email us
support@sterlingwear.in
Reply within 24 business hours
WhatsApp
+91 98765 43210
Fastest — typically within the hour
Location
Delhi, India
Shipping pan-India from Delhi NCR
Send us a message
Fill in the form and we will get back to you within 24 hours on business days.
Full name *
Email address *
Phone / WhatsApp
Order number
What is this about? *
Select a topic
Order status / tracking
Order cancellation
Modify my order
Return request
Size exchange
Refund status
Sizing advice
Product availability / query
Damaged or wrong item
Payment issue
COD query
Bulk / wholesale enquiry
Feedback or suggestion
Something else
Your message *
Your information is kept private and used only to respond to your query. See our Privacy Policy.
Send MessageMessage received
Thank you for reaching out. We will reply to within 24 hours on business days.
For urgent matters, WhatsApp us at +91 98765 43210.