/* Brands hub and brand pages, from the mock-up's brands.html, brand-*.html and axor.html (2026-10-29) */
.lhero{padding-block:24px 4px}
.lhero .eb{font-size:15px;font-weight:600;color:var(--muted);margin-bottom:4px}
.lhero h1{font-size:clamp(44px,6vw,72px);letter-spacing:-0.04em}
.lhero .lead{font-size:clamp(17px,1.6vw,22px);color:var(--muted);max-width:40em;margin-top:10px;line-height:1.45}
.lhero .dist,.bhero .dist{font-size:15px;color:var(--muted);margin-top:10px}
.lhero .bbtn{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.bbtn .more,.ctas .more{display:inline-flex;align-items:center;min-height:44px}

/* hub */
.bhub{padding-bottom:8px}
.brl2{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.brl2 a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--line);border-radius:16px;background:#FFF;text-decoration:none;color:var(--ink)}
.brl2 a:hover{border-color:var(--ink)}
.brl2 .bw{display:flex;align-items:center;height:50px;--lh:58px;color:var(--ink)}
.brl2 .bo{font-size:13px;color:var(--muted);min-height:1em}
.brl2 .bc{font-size:15px;line-height:1.45}
.brl2 .go{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;color:var(--link)}

/* sections */
.sec2{padding-block:40px 0}
.sec2 h2{font-size:clamp(30px,3vw,44px);letter-spacing:-0.02em}
.sec2 .sub{color:var(--muted);margin-top:6px;max-width:44em}
.sec2 .r1t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.sec2 .r1t .more,.foot .more{display:inline-flex;align-items:center;min-height:44px}
.foot{margin-top:10px}
.sec{padding-block:52px}
.sec h2{font-size:clamp(30px,5vw,72px);letter-spacing:-0.03em}
.sec .sub{font-size:clamp(17px,1.6vw,22px);color:var(--muted);margin-top:14px;max-width:38em}
.sec.stone{background:var(--stone);margin-top:52px}
.sec.stone+.ask{margin-top:0;padding-top:8px}
.lsec{padding-top:24px;padding-bottom:0}

/* TOTO: smart toilets and toilet series */
.smart2{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.smart2 a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#FFF;text-decoration:none;color:var(--ink);height:100%}
.smart2 a:hover,.sets2 a:hover{border-color:var(--ink)}
.smart2 .ci,.sets2 .ci{display:block;aspect-ratio:1;background:#FFF;overflow:hidden}
.smart2 .ci img,.sets2 .ci img{width:100%;height:100%;object-fit:contain;display:block}
.smart2 b{display:block;font-size:17px;line-height:1.3}
.smart2 span.cs{display:block;font-size:13px;color:var(--muted);margin-top:4px;line-height:1.4}
.sets2{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.sets2 a{display:flex;flex-direction:column;gap:6px;height:100%;padding:10px 12px 14px;border:1px solid var(--line);border-radius:16px;background:#FFF;text-decoration:none;color:var(--ink)}
.sets2 b{font-size:17px}
.sets2 .marks{margin-top:0}

/* KLUDI series chips */
.klser{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.klser a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-weight:600;background:#FFF}
.klser a:hover{border-color:var(--ink)}

/* AXOR: centred hero, designer lines, starter pieces */
.bhero{text-align:center;padding-block:40px 8px}
.bhero .eb{font-size:17px;font-weight:600;color:var(--muted)}
.bhero h1{font-size:72px;letter-spacing:-0.05em}
.bhero .lead{font-size:clamp(22px,2.2vw,30px);font-weight:500;max-width:24em;margin:8px auto 0}
.bhero .ctas{display:flex;gap:12px 28px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}
.bhero .dist{margin-top:18px}
.lines{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lines .lp{display:block;aspect-ratio:1;background:#FFF;margin-bottom:8px;overflow:hidden}
.lines .lp img{width:100%;height:100%;object-fit:contain;display:block}
.lines a{display:flex;flex-direction:column;gap:6px;padding:18px 20px 24px;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);height:100%;background:#FFF}
.lines a:hover{border-color:var(--ink)}
.lines b{font-size:22px;letter-spacing:-0.02em}
.lines i{font-style:normal;font-size:13px;font-weight:600;color:var(--brown,#7A4B2A)}
.lines span:not(.lp){color:var(--muted)}
.pgrid{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pgrid a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:16px 18px 20px;background:#FFF;height:100%}
.pgrid a:hover{border-color:var(--ink)}
.pgrid .pi{display:block;aspect-ratio:1;overflow:hidden;margin-bottom:6px}
.pgrid .pi img{width:100%;height:100%;object-fit:contain;display:block}
.pgrid b{font-size:17px;line-height:1.25}
.pgrid .c{font-size:13px;color:var(--muted)}

@media (max-width:1000px){.smart2{grid-template-columns:1fr}}
@media (max-width:900px){
  .sets2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .smart2 a{grid-template-columns:96px minmax(0,1fr)}
  .sec{padding-block:36px}
  .sec.stone{margin-top:36px}
  .lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lines a{padding:12px}.lines b{font-size:17px}.lines span:not(.lp){font-size:13px}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pgrid a{padding:12px}
  .bhero{padding-block:28px 0}.bhero h1{font-size:56px}
}
.bbtn .btn{height:auto;min-height:44px;padding-block:8px;text-align:center;line-height:1.3}
.babout{margin-top:10px;max-width:44em;opacity:.85;font-size:16px;line-height:1.5}