/* Livibi Interiors -- page-specific overrides for index.html.
   Each selector here differs from the shared version in assets/css/base.css
   on THIS page specifically -- load this file after base.css. */

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

.hero-copy h1{font-size:clamp(38px,4.6vw,58px);margin-bottom:22px;color:var(--ink);}

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

.hero-visual{position:relative;min-height:460px;}

.hero-visual img{width:100%;height:460px;object-fit:cover;border-radius:28px;}

section{padding:64px 0;}

.section-head{text-align:center;max-width:600px;margin:0 auto 40px;}

.section-head h2{font-size:clamp(30px,3.6vw,44px);margin-top:14px;color:var(--ink);}

.faq-list{display:flex;flex-direction:column;gap:14px;}

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

@media(max-width:980px){
    .navlinks{display:none;}
    .hero-grid,.why{grid-template-columns:1fr;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .process-grid{grid-template-columns:repeat(2,1fr);}
    .pf-scroll{grid-template-columns:repeat(2,1fr);}
    .testi-grid{grid-template-columns:1fr;}
    .testi-card{flex:0 0 100%;}
    .testi-slider{max-width:100%;}
    .price-grid{grid-template-columns:repeat(2,1fr);}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .cta-band{margin:0 16px;padding:60px 30px;}
    .float-card{position:static;margin-top:-40px;margin-left:20px;width:fit-content;}
    .brand-item{padding:10px 22px;font-size:17px;}
    .contact-grid{grid-template-columns:1fr;}
  }

@media(max-width:600px){
    .services-grid{grid-template-columns:1fr;}
    .process-grid{grid-template-columns:1fr;}
    .pf-scroll{grid-template-columns:1fr;}
    .price-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
    .brand-item{border-right:none;padding:8px 16px;}
    .founder-card{flex-direction:column;text-align:center;gap:20px;}
    .testi-slider{max-width:100%;}
    .testi-arrow.prev{left:4px;}
    .testi-arrow.next{right:4px;}
    .testi-arrow{width:36px;height:36px;font-size:17px;}
    .testi-card{padding:32px 52px;}
  }