/* Category archive — layered on home.css */
.catp{padding-block:26px clamp(56px,7vw,88px);background:#fff}
.catp .container{max-width:1240px}
.catp-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:20px}
.catp-breadcrumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.catp-breadcrumb span{color:#9AA3AF}

.catp-hero{position:relative;overflow:hidden;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:clamp(24px,4vw,42px);margin-bottom:22px}
.catp-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(10,14,22,.035) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(10,14,22,.035) 0 1px,transparent 1px 64px);pointer-events:none}
.catp-hero>*{position:relative}
.catp-hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.02;letter-spacing:-.045em;font-weight:900;margin:8px 0 12px}
.catp-hero p{font-size:14px;line-height:1.7;color:#4C5766;max-width:760px}
.catp-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.catp-hero__meta span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:11.5px;font-weight:800;color:#3A4554}
.catp-hero__meta b{color:var(--ink)}
.catp-hero__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.catp-hero__actions .btn{height:44px;font-size:13px}

.catp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}
.catp-chips{display:flex;flex-wrap:wrap;gap:6px}
.catp-chip{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700;color:#3A4554;background:#fff}
.catp-chip:hover{border-color:var(--ink)}
.catp-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.catp-sort{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.catp-sort a{padding:6px 9px;border-radius:6px;font-weight:700;color:#3A4554}
.catp-sort a:hover{background:var(--soft)}
.catp-sort a.is-active{background:var(--ink);color:#fff}

.catp-grid{grid-template-columns:repeat(4,1fr)}
.catp .card__media{aspect-ratio:1/1}
.catp .card__title{min-height:2.7em}
.catp .card__foot{align-items:center}
.catp .add{height:32px;padding:0 10px;font-size:11px}
.catp-empty{padding:56px 20px;text-align:center;border:1px dashed var(--line);border-radius:14px;background:var(--soft);color:var(--muted)}
.catp-empty h2{font-size:24px;color:var(--ink);margin-bottom:8px;letter-spacing:-.02em}
.catp-empty .btn{margin-top:18px}

.catp-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}
.catp-benefit{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}
.catp-benefit b{display:block;font-size:14px;color:var(--ink);margin-bottom:5px}
.catp-benefit p{font-size:12.5px;color:var(--muted);line-height:1.65}

.catp-related{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.catp-related h2{font-size:24px;letter-spacing:-.03em;margin-bottom:14px}
.catp-related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.catp-related__item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px 14px;font-size:12.5px;font-weight:800;color:#2A3442;background:var(--soft)}
.catp-related__item:hover{border-color:var(--ink);background:#fff}
.catp-related__item span{font-size:11px;color:var(--muted)}

.catp .navigation.pagination{margin-top:34px}
.catp .nav-links{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.catp .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:7px;font-size:12.5px;font-weight:800;color:#3A4554;background:#fff}
.catp .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff}
.catp .page-numbers:hover{border-color:var(--ink)}

.catp-links{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.catp-links a{padding:10px 12px;border-radius:8px;font-size:13.5px;font-weight:700;color:#273140}
.catp-links a:hover{background:var(--soft)}
.catp-shop{display:none}
.catp-footer{padding-top:56px}
.catp-footer .footer__grid{grid-template-columns:1.4fr 1fr 1fr}
.catp-footer .footer__bottom{padding-bottom:28px}

@media (max-width:1120px){.catp-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){
  .catp-grid{grid-template-columns:repeat(2,1fr)}
  .catp-links{display:none}
  .catp-shop{display:inline-flex}
  .catp-related__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .catp{padding-block:18px 52px}
  .catp-hero{padding:22px 18px;border-radius:14px}
  .catp-hero h1{font-size:34px}
  .catp-toolbar{align-items:flex-start;flex-direction:column}
  .catp-grid{gap:10px}
  .catp .card__body{padding:11px 11px 12px}
  .catp .card__title{font-size:13px}
  .catp .price{font-size:17px}
  .catp-benefits{grid-template-columns:1fr}
  .catp-related__grid{grid-template-columns:1fr 1fr}
  .catp-footer .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){
  .catp-grid{grid-template-columns:1fr}
  .catp .card__media{aspect-ratio:1.2}
  .catp-shop{display:none}
  .catp-related__grid{grid-template-columns:1fr}
}