/* Livibi Interiors — page-specific overrides for bathroom-interiors.html.
   These selectors have a DIFFERENT rule body on other pages in this handover
   (verified by diffing every page's CSS against every other page's) — load this
   file AFTER base.css on this page only. Do not merge into base.css. */

.hero{padding:30px 0 60px;}

.hero-copy h1{font-size:clamp(36px,4.4vw,54px);margin-bottom:22px;color:var(--ink);}

.hero-copy p{font-size:17px;color:var(--ink-soft);max-width:480px;margin-bottom:32px;}

.hero-visual{border-radius:28px;overflow:hidden;height:460px;}

.hero-visual img{width:100%;height:100%;object-fit:cover;}

section{padding:60px 0;}

.section-head{max-width:680px;margin:0 auto 40px;}

.section-head h2{font-size:clamp(28px,3.4vw,40px);margin-top:12px;color:var(--ink);}

.style-card-img{height:220px;}

.cta-band h2{color:#fff;font-size:clamp(28px,4vw,42px);margin-bottom:16px;}

@media(max-width:980px){
    .navlinks{display:none;}
    .hero-grid{grid-template-columns:1fr;}
    .split{grid-template-columns:1fr;}
    .check-grid{grid-template-columns:repeat(2,1fr);}
    .live-grid{grid-template-columns:repeat(2,1fr);}
    .style-grid{grid-template-columns:repeat(2,1fr);}
    .related-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .cta-band{margin:0 16px;padding:60px 30px;}
  }

@media(max-width:600px){
    .check-grid{grid-template-columns:1fr;}
    .live-grid{grid-template-columns:1fr;}
    .style-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr;}
  }