/* P5-C4 — Sofa Fabrics in Nanded. Loads after approved R4 style.css */

.breadcrumb{
  display:flex;align-items:center;gap:9px;margin-bottom:24px;
  color:#858077;font-size:11px;font-weight:750;letter-spacing:.55px;text-transform:uppercase
}
.breadcrumb a{color:var(--gold-deep)}

.fabric-hero{
  padding:30px 0 50px;
  background:
    radial-gradient(circle at 12% 15%,rgba(198,154,53,.10),transparent 28%),
    linear-gradient(180deg,#fff 0%,#faf8f4 100%)
}
.fabric-hero-grid{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:62px;align-items:center
}
.fabric-hero-copy h1{
  max-width:690px;margin:0;color:var(--ink);font-family:var(--serif);
  font-size:clamp(50px,5.2vw,76px);font-weight:500;letter-spacing:-1.9px;line-height:1.01
}
.fabric-hero-copy h1 em{color:var(--gold-deep);font-style:normal}
.fabric-lead{
  max-width:625px;margin:26px 0 0;color:#5f6268;font-size:17px;line-height:1.85
}
.fabric-microcopy{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.fabric-microcopy span{
  padding:7px 13px;border:1px solid #e1dacb;border-radius:999px;background:#fff;
  color:#625e56;font-size:10px;font-weight:800;letter-spacing:.55px;text-transform:uppercase
}
.fabric-hero-media{
  position:relative;margin:0;overflow:hidden;height:520px;border-radius:26px;
  background:#ddd;box-shadow:var(--shadow)
}
.fabric-hero-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.75))
}
.fabric-hero-media img{width:100%;height:100%;object-fit:cover}
.fabric-hero-media figcaption{
  position:absolute;z-index:2;left:30px;right:30px;bottom:27px;color:#fff
}
.fabric-hero-media figcaption span{
  display:block;color:#ead28b;font-size:9px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase
}
.fabric-hero-media figcaption strong{
  display:block;max-width:420px;margin-top:5px;font-family:var(--serif);
  font-size:25px;font-weight:500;line-height:1.2
}

.fabric-proof{border-block:1px solid var(--line);background:#fff}
.fabric-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.fabric-proof-grid>div{padding:23px 30px}
.fabric-proof-grid>div+div{border-left:1px solid var(--line)}
.fabric-proof-grid strong,.fabric-proof-grid span{display:block}
.fabric-proof-grid strong{font-family:var(--serif);font-size:18px;font-weight:600}
.fabric-proof-grid span{margin-top:3px;color:var(--muted);font-size:11px}

.fabric-edit{background:#f7f4ee}
.fabric-edit-head{max-width:760px;margin-bottom:42px}
.fabric-edit-head h2{
  margin:0;color:var(--ink);font-family:var(--serif);
  font-size:clamp(42px,4.5vw,62px);font-weight:500;letter-spacing:-1.7px;line-height:1.06
}
.fabric-edit-head>p:not(.eyebrow){max-width:650px;margin:20px 0 0;color:var(--muted);line-height:1.8}
.fabric-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.fabric-swatch{
  min-height:260px;padding:30px;border:1px solid #e2dcd0;border-radius:20px;background:#fff
}
.fabric-swatch>span,.fabric-swatch-copy>span{
  color:var(--gold-deep);font-size:9px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase
}
.fabric-swatch h3{
  max-width:420px;margin:58px 0 12px;font-family:var(--serif);
  font-size:28px;font-weight:600;line-height:1.12
}
.fabric-swatch p{max-width:490px;margin:0;color:var(--muted);font-size:13px;line-height:1.72}
.fabric-swatch--large{
  grid-column:1/span 2;display:grid;grid-template-columns:1.08fr .92fr;
  min-height:405px;padding:0;overflow:hidden
}
.fabric-swatch-image{min-height:405px}
.fabric-swatch-image img{width:100%;height:100%;object-fit:cover}
.fabric-swatch-copy{display:flex;flex-direction:column;justify-content:center;padding:48px}
.fabric-swatch-copy h3{margin:12px 0;font-size:39px}

.fabric-thinking{background:#fff}
.fabric-thinking-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:start}
.fabric-thinking-copy h2{
  margin:0;color:var(--ink);font-family:var(--serif);
  font-size:clamp(40px,4vw,57px);font-weight:500;letter-spacing:-1.6px;line-height:1.08
}
.fabric-thinking-copy>p:not(.eyebrow){margin:20px 0 0;color:var(--muted);line-height:1.85}
.fabric-thinking-list{border-top:1px solid var(--line)}
.fabric-thinking-list>div{
  display:grid;grid-template-columns:50px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid var(--line)
}
.fabric-thinking-list>div>span{
  padding-top:4px;color:var(--gold-deep);font-size:9px;font-weight:850
}
.fabric-thinking-list strong{font-family:var(--serif);font-size:20px}
.fabric-thinking-list p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.65}

.fabric-accent{padding:74px 0;background:#24221f;color:#fff}
.fabric-accent-inner{text-align:center}
.fabric-accent .eyebrow{color:#d9b65f}
.fabric-accent blockquote{
  max-width:870px;margin:0 auto;color:#fff;font-family:var(--serif);
  font-size:clamp(35px,4vw,56px);font-weight:500;letter-spacing:-1.25px;line-height:1.12
}
.fabric-accent a{
  display:inline-flex;gap:8px;margin-top:27px;padding-bottom:4px;
  border-bottom:1px solid #d9b65f;color:#ddd;font-size:12px;font-weight:750
}

.fabric-process{background:#fbfaf7}
.fabric-process-head{display:block;margin-bottom:26px}
.fabric-process-head>div{max-width:780px}
.fabric-process .process-premium-grid{background:#fff}

.fabric-visit{background:#fff}
.fabric-visit-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.fabric-visit-image{
  position:relative;min-height:470px;margin:0;overflow:hidden;border-radius:20px
}
.fabric-visit-image:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.74))
}
.fabric-visit-image img{width:100%;height:100%;object-fit:cover}
.fabric-visit-image figcaption{
  position:absolute;z-index:2;left:25px;right:25px;bottom:23px;color:#fff
}
.fabric-visit-image figcaption span{
  display:block;color:#ead28b;font-size:9px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase
}
.fabric-visit-image figcaption strong{
  display:block;max-width:430px;margin-top:5px;font-family:var(--serif);font-size:25px;font-weight:500
}
.fabric-visit-card{
  display:flex;flex-direction:column;justify-content:center;
  padding:32px;border:1px solid #e3ddd1;border-radius:20px;background:#f7f4ee
}
.fabric-visit-card>span{
  color:var(--gold-deep);font-size:9px;font-weight:850;letter-spacing:1.3px;text-transform:uppercase
}
.fabric-visit-card p{
  margin:13px 0 20px;font-family:var(--serif);font-size:25px;line-height:1.35
}
.fabric-visit-card a{
  width:max-content;max-width:100%;padding-bottom:3px;border-bottom:1px solid var(--gold);
  font-size:11px;font-weight:750
}

.fabric-faq{background:#f7f4ee}
.fabric-faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:start}
.fabric-faq-intro{position:sticky;top:120px}
.fabric-faq-intro h2{
  margin:0;color:var(--ink);font-family:var(--serif);
  font-size:clamp(40px,4vw,56px);font-weight:500;letter-spacing:-1.6px;line-height:1.08
}
.fabric-faq-intro>p:not(.eyebrow){margin:18px 0 0;color:var(--muted)}
.fabric-faq-list{border-top:1px solid #ded8cb}
.fabric-faq-list details{border-bottom:1px solid #ded8cb}
.fabric-faq-list summary{
  position:relative;padding:22px 42px 22px 0;cursor:pointer;list-style:none;
  color:var(--ink);font-family:var(--serif);font-size:21px;font-weight:600
}
.fabric-faq-list summary::-webkit-details-marker{display:none}
.fabric-faq-list summary:after{
  content:"+";position:absolute;right:5px;top:18px;color:var(--gold-deep);
  font-family:var(--sans);font-size:24px
}
.fabric-faq-list details[open] summary:after{content:"−"}
.fabric-faq-list details p{
  margin:-5px 0 22px;padding-right:45px;color:var(--muted);font-size:14px;line-height:1.75
}

@media(max-width:900px){
  .fabric-hero-grid,.fabric-thinking-grid,.fabric-faq-grid{grid-template-columns:1fr}
  .fabric-hero-copy{text-align:center}
  .fabric-hero-copy h1,.fabric-lead{margin-inline:auto}
  .fabric-hero-copy .hero-actions,.fabric-microcopy{justify-content:center}
  .fabric-swatch--large{grid-template-columns:1fr}
  .fabric-faq-intro{position:static}
  .fabric-visit-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .fabric-hero{padding:18px 0 30px}
  .fabric-hero-grid{gap:26px}
  .fabric-hero-copy h1{font-size:clamp(38px,11vw,50px);letter-spacing:-1.2px}
  .fabric-lead{font-size:15px;line-height:1.72}
  .fabric-hero-media{height:375px;border-radius:18px}
  .fabric-proof-grid{grid-template-columns:1fr}
  .fabric-proof-grid>div{padding:15px 0}
  .fabric-proof-grid>div+div{border-left:0;border-top:1px solid var(--line)}
  .fabric-edit-head h2,.fabric-thinking-copy h2,.fabric-faq-intro h2{
    font-size:clamp(34px,10vw,44px);letter-spacing:-1px
  }
  .fabric-edit-grid{grid-template-columns:1fr;gap:14px}
  .fabric-swatch--large{grid-column:auto}
  .fabric-swatch-image{height:300px;min-height:0}
  .fabric-swatch-copy{padding:26px}
  .fabric-swatch-copy h3{font-size:30px}
  .fabric-swatch{min-height:245px;padding:24px 22px}
  .fabric-accent{padding:58px 0}
  .fabric-visit-image{min-height:330px;border-radius:17px}
  .fabric-visit-card{min-height:250px;border-radius:17px}
  .fabric-faq-grid{gap:28px}
  .fabric-faq-list summary{font-size:19px}
}