/* ═══════════════════════════════════════════════════════════════
   service.css — additive ONLY, shared by every inner page (service
   pages, About, Blog, FAQ). Each block below is namespaced with its
   own prefix (.svcp- / .abtp- / .blogp- / .faqp-) so nothing can
   collide with style.css or with another block in this file.
   Everything else on these pages (inner-hero, section-head,
   services-grid/svc, steps, testi-grid, faq, cta-band, pf-stats,
   chip, legal-layout/legal-nav/legal-card, foot-grid…) reuses
   style.css as-is.
   ═══════════════════════════════════════════════════════════════ */

/* ── .svcp- — service pages (kitchen, wardrobe, living room…) ── */
.svcp-exp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.svcp-exp-list li{padding-left:22px;border-left:2px solid var(--terra);font-size:15.5px;color:var(--ink2)}
.svcp-exp-list li strong{display:block;color:var(--ink);font-family:var(--ff-d);font-weight:600;font-size:17px;margin-bottom:4px}

.svcp-quote{background:var(--dark);color:var(--cream);border-radius:var(--radius);padding:34px 32px;margin-top:8px}
.svcp-quote p{font-family:var(--ff-d);font-style:italic;font-size:19px;line-height:1.5;color:#fff;margin:0 0 16px}
.svcp-quote footer{font-size:13.5px;color:rgba(247,239,226,.65)}

.svcp-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.svcp-split img{border-radius:var(--radius);width:100%;height:100%;object-fit:cover;box-shadow:var(--shadow)}
.svcp-split-photo{aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}

.svcp-materials{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:52px}
.svcp-materials div{border-top:1px solid var(--line);padding-top:16px}
.svcp-materials h4{font-size:15.5px;font-weight:800;color:var(--terra-deep);margin-bottom:8px}
.svcp-materials p{font-size:13.5px;color:var(--ink2);margin:0}

@media (max-width:1020px){
  .svcp-split{grid-template-columns:1fr}
  .svcp-materials{grid-template-columns:1fr 1fr}
}

/* ── .abtp- — about-us.html only ── */
.abtp-vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}
.abtp-vm-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 34px;box-shadow:var(--shadow)}
.abtp-vm-card .abtp-vm-icon{width:46px;height:46px;border-radius:14px;background:var(--terra-soft);display:grid;place-items:center;color:var(--terra-deep);margin-bottom:18px}
.abtp-vm-card h3{font-family:var(--ff-d);font-size:20px;margin:0 0 12px}
.abtp-vm-card p{font-size:14.5px;line-height:1.75;color:var(--ink2);margin:0}

.abtp-achieve{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.abtp-achieve-photo{aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.abtp-achieve-photo img{width:100%;height:100%;object-fit:cover}

@media(max-width:1020px){
  .abtp-vm-grid{grid-template-columns:1fr}
  .abtp-achieve{grid-template-columns:1fr}
}

/* ── .blogp- — blog.html only ── */
.blogp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.blogp-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .25s, box-shadow .25s}
.blogp-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(36,28,18,.14)}
.blogp-thumb{aspect-ratio:4/3;overflow:hidden}
.blogp-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.blogp-card:hover .blogp-thumb img{transform:scale(1.05)}
.blogp-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.blogp-cat{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--terra-deep);margin-bottom:10px}
.blogp-card h3{font-family:var(--ff-d);font-size:19px;line-height:1.32;font-weight:600;margin:0 0 12px}
.blogp-card p{font-size:13.5px;line-height:1.7;color:var(--ink2);margin:0 0 20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blogp-readmore{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:var(--terra-deep);margin-top:auto}
.blogp-readmore svg{transition:transform .2s}
.blogp-card:hover .blogp-readmore svg{transform:translateX(3px)}

.blogp-featured{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:44px}
.blogp-featured-photo{overflow:hidden}
.blogp-featured-photo img{width:100%;height:100%;object-fit:cover;min-height:320px}
.blogp-featured-body{padding:44px 44px 40px;display:flex;flex-direction:column;justify-content:center}
.blogp-featured-body h3{font-family:var(--ff-d);font-size:29px;line-height:1.18;font-weight:600;margin:0 0 16px}
.blogp-featured-body p{font-size:15px;line-height:1.75;color:var(--ink2);margin:0 0 22px}

@media(max-width:1020px){
  .blogp-grid{grid-template-columns:1fr 1fr}
  .blogp-featured{grid-template-columns:1fr}
  .blogp-featured-photo img{min-height:240px}
}
@media(max-width:720px){
  .blogp-grid{grid-template-columns:1fr}
  .blogp-featured-body{padding:30px 26px}
}

/* ── .faqp- — faq.html only ── */
.faqp-nav-list{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}
.faqp-nav-list li{border-bottom:1px solid var(--line)}
.faqp-nav-list a{display:flex;align-items:baseline;gap:10px;padding:14px 0;font-size:12.5px;font-weight:700;color:var(--ink2)}
.faqp-nav-list a:hover,.faqp-nav-list a.is-current{color:var(--terra-deep)}
.faqp-nav-list em{font-style:normal;font-family:var(--ff-d);font-size:12px;color:var(--terra);min-width:20px}
.faqp-nav-list span{display:block;font-size:10.5px;color:var(--ink2);font-weight:600;margin-top:2px}

.faqp-section{margin-bottom:58px;scroll-margin-top:112px}
.faqp-section:last-child{margin-bottom:0}
.faqp-section-num{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-deep);margin-bottom:10px}
.faqp-section-num::before{content:"";width:22px;height:1px;background:var(--terra)}
.faqp-section p.faqp-lede{color:var(--ink2);font-size:14.5px;margin:0 0 22px}

@media(max-width:1020px){
  .faqp-nav-list{display:none}
}