/* products-extra.css — additions for the product catalogue pages.
   Loaded AFTER css/style.css; it only adds new classes and does not override existing ones. */
.cat-toc{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:24px auto 0;max-width:1100px}
.cat-toc a{padding:8px 16px;border:1px solid #d9dee5;border-radius:999px;font-size:14px;text-decoration:none;color:inherit;background:#fff}
.cat-toc a:hover{border-color:currentColor}
.section-head.left{text-align:left;margin-bottom:16px}
.card-specs{list-style:none;margin:10px 0 14px;padding:0;font-size:13px;line-height:1.5;color:#5b6573}
.card-specs li span{font-weight:600;color:#1b2430;margin-right:4px}
.card-specs li span::after{content:":"}
.cat-list{list-style:none;margin:12px 0 16px;padding:0;font-size:14px;line-height:1.7}
.cat-list a{text-decoration:none}
.cat-list a:hover{text-decoration:underline}
.cat-list span{color:#7a8594}
.img-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;background:#eef1f5;color:#6b7684;font-size:14px;text-align:center;padding:16px}
.card-img img{width:100%;height:100%;object-fit:cover;display:block}
/* product detail */
.pd-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start;max-width:1200px;margin:0 auto}
.pd-main{background:#f3f5f8;border-radius:10px;overflow:hidden;aspect-ratio:771/488;display:flex}
.pd-main img{width:100%;height:100%;object-fit:cover;display:block}
.pd-summary .hero-buttons{justify-content:flex-start}
.pd-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin-top:12px}
.pd-thumbs .thumb{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#f3f5f8;cursor:pointer;aspect-ratio:4/3}
.pd-thumbs .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pd-thumbs .thumb.active{border-color:#1b2430}
.pd-lead{font-size:16px;line-height:1.7;margin:12px 0 18px}
.pd-hl{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.pd-hl li{border:1px solid #e3e7ec;border-radius:8px;padding:12px 14px;background:#fff}
.pd-hl li span{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#7a8594;margin-bottom:4px}
.pd-hl li strong{font-size:15px}
.pd-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;max-width:1200px;margin:0 auto}
.spec-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
.spec-table th,.spec-table td{padding:10px 14px;border-bottom:1px solid #e3e7ec;text-align:left;vertical-align:top}
.spec-table th{width:34%;font-weight:600;background:#f7f8fa;color:#1b2430}
.muted{color:#6b7684}
.pd-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1200px;margin:40px auto 0}
.pd-figs figure{margin:0}
.pd-figs img{width:100%;border-radius:8px;display:block}
.pd-figs figcaption{font-size:13px;color:#5b6573;margin-top:8px}
@media (max-width:860px){.pd-grid,.pd-detail{grid-template-columns:minmax(0,1fr);gap:28px}}
.pd-grid>*,.pd-detail>*{min-width:0}
.pd-hl strong,.spec-table td{overflow-wrap:anywhere}

.cmp-wrap{max-width:1200px;margin:28px auto 0;overflow-x:auto}
.cmp th,.cmp td{min-width:160px}
.cmp thead th{background:#1b2430;color:#fff}