/* ==========================================================
   products.html — catalogue page extras
   ========================================================== */

.page-hero{
  padding:126px 0 74px;
  background:
    radial-gradient(900px 460px at 82% 0%,#FDEDE3 0%,rgba(253,237,227,0) 62%),
    var(--cream);
  border-bottom:1px solid var(--line);
}
.crumbs{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:20px;}
.crumbs a{color:var(--muted);}
.crumbs a:hover{color:var(--peach-deep);}
.crumbs span{margin:0 8px;opacity:.6;}
.page-hero h1{font-size:clamp(1.85rem,3.6vw,2.9rem);font-weight:900;letter-spacing:-0.045em;line-height:1.26;}
.page-hero h1 .accent{color:var(--peach-deep);}
.page-hero-sub{margin-top:20px;max-width:720px;font-size:16.5px;color:var(--ink-2);line-height:1.85;}
.page-hero-sub strong{color:var(--peach-deep);font-weight:800;}
.page-hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px;}

/* catalogue blocks */
.cat-block{margin-bottom:74px;}
.cat-block:last-child{margin-bottom:0;}
.cat-block h2{
  font-size:clamp(1.35rem,2.3vw,1.8rem);font-weight:900;letter-spacing:-0.04em;
  padding-bottom:16px;border-bottom:2px solid var(--line);position:relative;
}
.cat-block h2::after{
  content:'';position:absolute;left:0;bottom:-2px;width:74px;height:2px;background:var(--peach);border-radius:2px;
}
.cat-desc{margin-top:14px;color:var(--muted);font-size:15px;max-width:760px;line-height:1.8;}

.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px;}
.c-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-s);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);}
.c-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-m);border-color:#F0D9C9;}
.c-img{background:var(--cream-2);}
.c-img img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .6s var(--ease);}
.c-item:hover .c-img img{transform:scale(1.05);}
.c-item h3{font-size:15.5px;font-weight:800;padding:16px 16px 0;letter-spacing:-0.03em;}
.c-item p{font-size:12.5px;color:var(--peach-deep);font-weight:700;padding:5px 16px 18px;}

/* spec table */
.spec-table{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow-s);
}
.spec-row{display:grid;grid-template-columns:190px 1fr;gap:0;border-bottom:1px solid var(--line);}
.spec-row:last-child{border-bottom:none;}
.spec-row:nth-child(even){background:#FCFAF7;}
.spec-k{
  padding:17px 22px;font-size:14px;font-weight:800;color:var(--ink);
  background:var(--cream-2);border-right:1px solid var(--line);
}
.spec-v{padding:17px 22px;font-size:14.5px;color:var(--ink-2);line-height:1.7;}
.spec-caution{margin-top:16px;font-size:12.5px;color:var(--muted);}

/* guide */
.guide-list{display:flex;flex-direction:column;gap:16px;}
.guide-item{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:26px 28px;box-shadow:var(--shadow-s);transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.guide-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-m);}
.guide-item h3{font-size:16.5px;font-weight:800;margin-bottom:10px;letter-spacing:-0.03em;}
.guide-item p{font-size:14.5px;color:var(--muted);line-height:1.85;}

@media (max-width:1080px){
  .cat-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  .cat-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:720px){
  .page-hero{padding:104px 0 56px;}
  .page-hero-cta{flex-direction:column;align-items:stretch;}
  .page-hero-cta .btn{width:100%;}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .cat-block{margin-bottom:52px;}
  .c-item h3{font-size:14px;padding:13px 13px 0;}
  .c-item p{font-size:11.5px;padding:4px 13px 15px;}
  .spec-row{grid-template-columns:1fr;}
  .spec-k{border-right:none;border-bottom:1px solid var(--line);padding:13px 18px;}
  .spec-v{padding:13px 18px 17px;}
  .guide-item{padding:22px 20px;}
}