/**
 * Storefront Contact — 1:1 with the design spec. Header/footer are the site's
 * Elementor globals. `.so-primary__cta/__copy`, `.so-panel__btn` and
 * `.so-handoff__cta` are <a>/<button>, so their colours/backgrounds are written
 * 2-class to beat the Elementor kit's `a`/`button` bleed (0,1,1).
 */

.so-contactpage { background: #0B0508; color: #F5EDE7; font-family: 'Manrope', system-ui, sans-serif; }

/* hero — identical to the FAQ hero */
.so-hero { border-bottom: 1px solid rgba(245,237,231,.12); background: radial-gradient(120% 140% at 50% 0%, #1A0F15, #0B0508 62%); }
.so-hero > div { max-width: 760px; margin: 0 auto; padding: 64px clamp(20px,4vw,48px) 48px; text-align: center; }
.so-hero__eyebrow { margin: 0 0 12px; font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #E0102F; }
.so-hero__title { margin: 0; font-family: 'Playfair Display', Georgia, serif; font-size: 42px; font-weight: 600; line-height: 1.1; color: #F5EDE7; }
.so-hero__lede { margin: 16px auto 0; max-width: 540px; font-size: 15px; line-height: 1.65; color: #A98D96; }

.so-contact { max-width: 1200px; margin: 0 auto; padding: 48px clamp(20px,4vw,48px) 0; }

/* primary band */
.so-primary { display: grid; grid-template-columns: 1.25fr 1fr; gap: 0; border: 1px solid rgba(224,16,47,.5); border-radius: 28px; overflow: hidden; background: radial-gradient(110% 150% at 12% 8%, rgba(224,16,47,.12), #1A0F15 62%); }
.so-primary__main { padding: 40px; }
.so-primary__channel { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.so-primary__channel > span:first-child { display: flex; color: #E0102F; }
.so-primary__channel > span:last-child { font-size: 10px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #E0102F; }
.so-primary__phone { margin: 0 0 14px; font-family: 'Playfair Display', Georgia, serif; font-size: 42px; font-weight: 700; line-height: 1; letter-spacing: -.01em; color: #F5EDE7; }
.so-primary__body { margin: 0 0 32px; max-width: 400px; font-size: 14px; line-height: 1.65; color: #DCC6CC; }
.so-primary__actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.so-primary .so-primary__cta {
	padding: 16px 32px; border-radius: 999px; background: #E0102F; color: #FFF6F0;
	font-family: 'Manrope', system-ui, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; text-decoration: none; cursor: pointer; border: 0;
	box-shadow: 0 0 0 1px rgba(224,16,47,.4), 0 8px 28px rgba(224,16,47,.35);
	transition: background 150ms cubic-bezier(.22,1,.36,1);
}
.so-primary .so-primary__cta:hover { background: #F03A50; color: #FFF6F0; }
.so-primary__copy.so-primary__copy {
	padding: 15px 26px; border-radius: 999px; border: 1px solid rgba(245,237,231,.12); background: transparent; box-shadow: none;
	color: #DCC6CC; font-family: 'Manrope', system-ui, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-decoration: none; cursor: pointer;
	transition: all 150ms cubic-bezier(.22,1,.36,1);
}
.so-primary__copy.so-primary__copy:hover { border-color: rgba(245,237,231,.24); color: #F5EDE7; }
.so-primary__copy.so-primary__copy.is-copied { border-color: rgba(79,174,127,.4); background: rgba(79,174,127,.12); color: #4FAE7F; cursor: default; }

/* stats pane */
.so-primary__side { border-left: 1px solid rgba(245,237,231,.12); background: rgba(11,5,8,.35); padding: 40px 32px; display: flex; flex-direction: column; justify-content: center; gap: 22px; }
.so-stat__n { margin: 0 0 7px; font-family: 'Playfair Display', Georgia, serif; font-size: 26px; font-weight: 700; line-height: 1; color: #F5EDE7; }
.so-stat__l { margin: 0; font-size: 12.5px; line-height: 1.5; color: #A98D96; }

/* intent cards */
.so-intents { margin-top: 64px; }
.so-intents__head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; }
.so-intents__head h2 { margin: 0; font-family: 'Playfair Display', Georgia, serif; font-size: 25px; font-weight: 600; color: #F5EDE7; }
.so-rule { flex: 1; height: 1px; background: rgba(245,237,231,.12); }
.so-intents__note { font-size: 11.5px; color: #77606A; white-space: nowrap; }
.so-intents__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.so-intents .so-intent { display: flex; flex-direction: column; padding: 22px 22px 20px; border-radius: 14px; background: #1A0F15; border: 1px solid rgba(245,237,231,.12); text-decoration: none; cursor: pointer; transition: all 150ms cubic-bezier(.22,1,.36,1); }
.so-intents .so-intent:hover { border-color: rgba(224,16,47,.5); background: #22131B; }
.so-intent__icon { display: flex; margin-bottom: 16px; color: #E0102F; }
.so-intent__title { margin-bottom: 9px; font-size: 14.5px; font-weight: 600; line-height: 1.35; color: #F5EDE7; }
.so-intent__prefill { font-size: 12.5px; line-height: 1.6; font-style: italic; color: #A98D96; }

/* email + hours pair */
.so-pair { margin-top: 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.so-panel { background: #1A0F15; border: 1px solid rgba(245,237,231,.12); border-radius: 20px; padding: 32px 32px 40px; }
.so-panel__head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.so-panel__head > span:first-child { display: flex; color: #A98D96; }
.so-panel__label { font-size: 10px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #A98D96; }
.so-panel__value { margin: 0 0 12px; font-family: 'Playfair Display', Georgia, serif; font-size: 20px; font-weight: 600; color: #F5EDE7; }
.so-panel__body { margin: 0 0 20px; font-size: 13.5px; line-height: 1.65; color: #DCC6CC; }
.so-panel .so-panel__btn { display: inline-block; padding: 13px 24px; border-radius: 999px; border: 1px solid rgba(245,237,231,.12); background: transparent; color: #DCC6CC; font-family: 'Manrope', system-ui, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-decoration: none; cursor: pointer; transition: all 150ms cubic-bezier(.22,1,.36,1); }
.so-panel .so-panel__btn:hover { border-color: rgba(245,237,231,.24); color: #F5EDE7; }
.so-hours { display: flex; flex-direction: column; gap: 12px; }
.so-hours__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 13.5px; }
.so-hours__row > span:first-child { color: #DCC6CC; }
.so-hours__row > span:last-child { color: #A98D96; }
.so-hours__note { margin: 18px 0 0; padding-top: 18px; border-top: 1px solid rgba(245,237,231,.12); font-size: 12.5px; line-height: 1.6; color: #77606A; }

/* badges */
.so-badges { margin-top: 32px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.so-tb { display: flex; gap: 14px; align-items: flex-start; background: #1A0F15; border: 1px solid rgba(245,237,231,.12); border-radius: 20px; padding: 24px; }
.so-tb__ic { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 999px; color: #E0102F; background: rgba(224,16,47,.07); border: 1px solid rgba(224,16,47,.35); }
.so-tb__title { margin: 0 0 3px; font-size: 13px; font-weight: 600; color: #F5EDE7; }
.so-tb__body { margin: 0; font-size: 12.5px; line-height: 1.5; color: #A98D96; }

/* FAQ hand-off (outlined CTA — must not compete with WhatsApp) */
.so-handoff { margin-top: 32px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; background: #120A0F; border: 1px solid rgba(245,237,231,.12); border-radius: 20px; padding: 32px 40px; }
.so-handoff__text { flex: 1; min-width: 240px; }
.so-handoff__title { margin: 0 0 8px; font-family: 'Playfair Display', Georgia, serif; font-size: 20px; font-weight: 600; color: #F5EDE7; }
.so-handoff__body { margin: 0; font-size: 13.5px; line-height: 1.6; color: #A98D96; }
.so-handoff .so-handoff__cta { flex-shrink: 0; padding: 15px 30px; border-radius: 999px; border: 1px solid rgba(245,237,231,.24); background: transparent; color: #DCC6CC; font-family: 'Manrope', system-ui, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; text-decoration: none; transition: all 150ms cubic-bezier(.22,1,.36,1); }
.so-handoff .so-handoff__cta:hover { border-color: rgba(224,16,47,.5); color: #F5EDE7; }

/* responsive */
@media (max-width: 900px) {
	.so-contact { padding-top: 32px; }
	.so-hero__title { font-size: 32px; }
	.so-primary { grid-template-columns: 1fr; }
	.so-primary__side { border-left: 0; border-top: 1px solid rgba(245,237,231,.12); }
	.so-intents__grid { grid-template-columns: repeat(2,1fr); }
	.so-pair, .so-badges { grid-template-columns: 1fr; }
	.so-handoff { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 560px) {
	.so-intents__grid { grid-template-columns: 1fr; }
	.so-primary__phone { font-size: 34px; }
}