/* ===== styles for category & testimonial pages (Brick 4a) ===== */
.crumbs{font-size:.85rem;color:var(--ink-soft);margin-bottom:26px}
.crumbs a{color:var(--gold);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.page-hero{padding:120px 0 40px}
.page-hero h1{font-family:'Fraunces',serif;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.12;font-weight:640;margin-bottom:18px}
.page-hero h1 em{font-style:italic;color:var(--gold)}
.page-hero .lead{max-width:720px;color:var(--ink-soft);font-size:1.06rem}
.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:38px 0 8px}
.spec{background:var(--white);border:1px solid rgba(38,52,31,.14);border-radius:var(--radius);padding:18px 20px}
.spec b{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.spec span{font-size:.94rem;color:var(--ink)}
.faq{max-width:820px}
.faq details{background:var(--white);border:1px solid rgba(38,52,31,.14);border-radius:var(--radius);padding:18px 22px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::after{content:"+";color:var(--gold);font-size:1.4rem;font-weight:400;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:12px;color:var(--ink-soft);font-size:.97rem}
.cta-band{background:var(--ink);border-radius:calc(var(--radius) + 6px);padding:46px 40px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-top:56px}
.cta-band h3{font-family:'Fraunces',serif;color:var(--white);font-size:1.6rem;font-weight:560;max-width:520px}
.cta-band h3 em{color:var(--thread);font-style:italic}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn.wa-green{background:#1FA855;color:#fff;border:none}
.btn.wa-green:hover{background:#178A45}
.other-fibres{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.fibre-link{display:block;background:var(--white);border:1px solid rgba(38,52,31,.14);border-radius:var(--radius);padding:16px 18px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem;transition:border-color .2s, transform .2s}
.fibre-link:hover{border-color:var(--gold);transform:translateY(-2px)}
.fibre-link span{display:block;font-weight:400;font-size:.82rem;color:var(--ink-soft);margin-top:2px}
/* testimonials */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.testi{background:var(--white);border:1px solid rgba(38,52,31,.14);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px}
.testi .stars{color:var(--thread);letter-spacing:.15em;font-size:.95rem}
.testi blockquote{font-size:.98rem;color:var(--ink-soft);font-style:italic;line-height:1.6}
.testi .who{margin-top:auto;border-top:1px dashed rgba(185,134,46,.5);padding-top:12px}
.testi .who b{display:block;font-size:.95rem}
.testi .who span{font-size:.83rem;color:var(--ink-soft)}
.placeholder-flag{display:inline-block;background:#FBEBD3;border:1px dashed var(--gold);color:#8A6320;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:99px;text-transform:uppercase}
@media (max-width:900px){.spec-strip,.other-fibres{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.page-hero{padding:104px 0 30px}.spec-strip,.other-fibres,.testi-grid{grid-template-columns:1fr}.cta-band{padding:34px 24px}.cta-actions{width:100%}.cta-actions .btn{width:100%;text-align:center}}