/* ===== Catalogue: product cards + detail pages ===== */
.cat-wrap{max-width:min(1400px,90vw)}

/* product card grid */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
.product-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.product-grid.cols-4{grid-template-columns:repeat(4,1fr)}

.pcard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line-l);border-radius:var(--r-md);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.pcard:hover{transform:translateY(-4px);box-shadow:0 22px 48px -26px rgba(15,34,52,.5);border-color:var(--accent)}
/* Product image area */
.pcard-img{position:relative;aspect-ratio:4/3;background:linear-gradient(150deg,#12293D,#0B1B2B);overflow:hidden;display:grid;place-items:center}
.pcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.pcard-img .ph{position:absolute;inset:0;background-image:linear-gradient(rgba(42,151,120,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(42,151,120,.14) 1px,transparent 1px);background-size:26px 26px;opacity:.5}
.pcard-img .ph-mark{position:relative;z-index:2;width:54px;height:54px;opacity:.5}
.pcard-img .pcard-tag{position:absolute;top:12px;left:12px;z-index:3;background:rgba(11,27,43,.72);color:var(--accent);font-family:var(--font-h);font-weight:600;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:100px;border:1px solid rgba(42,151,120,.4)}
.pcard-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.pcard-body h3{color:var(--ink-d);font-size:1.08rem;margin-bottom:.4em}
.pcard-body p{color:var(--muted-d);font-size:.9rem;margin:0 0 16px;flex:1}
.pcard-specs{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--line-l)}
.pcard-specs li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-l);font-size:.84rem}
.pcard-specs li span{color:var(--muted-d)}
.pcard-specs li b{color:var(--ink-d);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.pcard-cta{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-family:var(--font-h);font-weight:600;font-size:.86rem;margin-top:auto}
.pcard-cta::after{content:"\203A";font-size:1.1rem;transition:transform .2s}
.pcard:hover .pcard-cta::after{transform:translateX(3px)}

/* category intro row with count */
.cat-cathead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px;flex-wrap:wrap}
.cat-cathead .sec-intro{margin-bottom:0}
.cat-count{font-family:var(--font-h);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}

/* sub-category detail page: spec panel + application list */
.detail-split{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start;margin-top:8px}
.detail-media{position:relative;aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(150deg,#12293D,#0B1B2B);display:grid;place-items:center;border:1px solid var(--line)}
.detail-media .ph{position:absolute;inset:0;background-image:linear-gradient(rgba(42,151,120,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(42,151,120,.14) 1px,transparent 1px);background-size:30px 30px;opacity:.5}
.detail-media img{width:100%;height:100%;object-fit:cover}
.detail-media .ph-mark{position:relative;z-index:2;width:70px;opacity:.5}
.applications{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.app-chip{background:var(--paper);border:1px solid var(--line-l);border-left:2px solid var(--accent);border-radius:var(--r-sm);padding:14px 16px;font-size:.88rem;color:var(--ink-d)}
.app-chip span{display:block;color:var(--muted-d);font-size:.8rem;margin-top:3px}

/* sub-category quick nav (within a silo) */
.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.subnav a{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted);font-size:.85rem;font-weight:500;padding:9px 16px;border-radius:100px;transition:.2s}
.subnav a:hover,.subnav a.active{background:var(--accent);color:#04121c;border-color:var(--accent)}

@media(max-width:1024px){
  .product-grid,.product-grid.cols-4{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .product-grid,.product-grid.cols-2,.product-grid.cols-4{grid-template-columns:1fr}
  .detail-split{grid-template-columns:1fr;gap:28px}
  .applications{grid-template-columns:1fr}
  .cat-cathead{align-items:flex-start}
}

/* product detail level */
.prod-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:8px}
.prod-gallery{display:grid;grid-template-columns:1fr;gap:12px}
.prod-gallery .pg-main{position:relative;aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(150deg,#12293D,#0B1B2B);display:grid;place-items:center;border:1px solid var(--line)}
.prod-gallery .pg-main .ph{position:absolute;inset:0;background-image:linear-gradient(rgba(42,151,120,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(42,151,120,.14) 1px,transparent 1px);background-size:30px 30px;opacity:.5}
.prod-gallery .pg-main img{width:100%;height:100%;object-fit:cover}
.prod-gallery .pg-main .ph-mark{position:relative;z-index:2;width:66px;opacity:.5}
.prod-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.prod-thumbs .pt{aspect-ratio:1;border-radius:var(--r-sm);background:linear-gradient(150deg,#12293D,#0B1B2B);border:1px solid var(--line);display:grid;place-items:center;opacity:.7}
.prod-thumbs .pt img{width:26px;opacity:.5}
.prod-lead h2{color:var(--ink-d)}
.prod-badges{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}
.prod-badge{background:var(--green-soft,rgba(42,151,120,.12));color:var(--accent);font-family:var(--font-h);font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:100px;border:1px solid rgba(42,151,120,.3)}

/* spec sheet table (product level) */
.spec-sheet{margin-top:34px}
.spec-sheet h3{color:var(--ink-d);font-size:1.15rem;margin-bottom:14px}
.spec-sheet .spec-table th{width:38%}

/* standards chips */
.standards{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.std-chip{background:var(--paper);border:1px solid var(--line-l);border-radius:var(--r-sm);padding:8px 14px;font-family:var(--font-h);font-weight:600;font-size:.8rem;color:var(--ink-d)}

/* product listing under a category (cards linking to product pages) */
.prodfam-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:8px}

@media(max-width:900px){
  .prod-hero-split{grid-template-columns:1fr;gap:28px}
  .prodfam-grid{grid-template-columns:1fr}
}