/* Reference-inspired Contact Us layout; existing Outfit and Bootstrap containers are reused. */
.ls-contact { background:var(--contact-bg,var(--theme-page-bg)); color:var(--contact-text,var(--theme-paragraph-color)); padding:28px 0 76px; }
.ls-contact__breadcrumb { margin-bottom:32px; font-size:var(--theme-small-size,.75rem); }
.ls-contact__breadcrumb a { color:var(--contact-accent,var(--livspace-accent)); text-decoration:none; }
.ls-contact__intro { text-align:center; padding-top:2px; }
.ls-contact__image { display:block; width:64px; height:64px; object-fit:contain; margin:0 auto 8px; }
.ls-contact h1 { margin:0; color:var(--contact-heading,var(--theme-h1-color)); font-size:var(--theme-h1-size,2rem); line-height:1.3; }
.ls-contact__intro h2 { margin:18px 0 5px; color:var(--contact-heading,var(--theme-h2-color)); font-size:var(--theme-h2-size); line-height:1.4; }
.ls-contact__availability { margin:0; font-size:var(--theme-paragraph-size,var(--livspace-font-size)); }
.ls-contact__card { width:100%; max-width:375px; margin:36px auto 0; padding:6px 20px; border:1px solid var(--livspace-border); border-radius:12px; text-align:start; }
.ls-contact__card a { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:44px; padding:10px 0; color:inherit; text-decoration:none; font-size:var(--theme-small-size,.875rem); }
.ls-contact__card a+a { border-top:1px dashed var(--livspace-border); }
.ls-contact__card a span { overflow-wrap:anywhere; }
.ls-contact__card svg { width:18px; height:18px; flex:0 0 18px; color:var(--contact-accent,var(--livspace-accent)); }
.ls-contact__card a:hover { color:var(--contact-accent,var(--livspace-accent)); }
.ls-contact__copy { max-width:760px; margin:36px auto 0; }
.ls-contact-map { padding:44px 0 60px; background:var(--contact-bg,var(--livspace-surface)); color:var(--contact-text,var(--theme-paragraph-color)); text-align:center; }
.ls-contact-map h2 { margin:0 0 16px; color:var(--contact-heading,var(--theme-h2-color)); font-size:var(--theme-h2-size,1.5rem); }
.ls-contact-map address { margin:0 0 24px; font-style:normal; }
.ls-contact-map__frame { display:block; width:100%; height:420px; border:0; border-radius:12px; background:var(--livspace-border); }
.ls-contact-map__directions { display:inline-flex; margin-top:22px; color:var(--contact-accent,var(--livspace-accent)); text-decoration:none; font-weight:500; }
@media(max-width:575px) { .ls-contact { padding-block:22px 56px; } .ls-contact__breadcrumb { margin-bottom:28px; } .ls-contact__card { max-width:100%; } .ls-contact-map { padding-block:32px 44px; } .ls-contact-map__frame { height:320px; } }