/* ---------- Product detail page ---------- */
/* Calmer, single-accent, editorial treatment: one accent colour (teal) used
   sparingly as a line/glyph rather than repeated as filled badge circles,
   more whitespace, fewer competing panel fills. */

.pd-breadcrumb{
  position:relative; overflow:hidden; background:#0c0c0e;
  padding:clamp(3.4rem,7vw,5.6rem) 0 clamp(2.6rem,5vw,3.6rem);
  text-align:center;
}
.pd-breadcrumb-media{position:absolute; inset:0; z-index:0;}
.pd-breadcrumb-media img{
  width:100%; height:100%; object-fit:cover; object-position:center 35%;
  filter:grayscale(.75) contrast(1.1) brightness(.55);
}
.pd-breadcrumb::before{
  content:""; position:absolute; inset:0; z-index:1;
  background: radial-gradient(ellipse at 50% 35%, rgb(6 6 8 / 22%) 0%, rgb(6 6 8 / 48%) 100%);}
.pd-breadcrumb-inner{position:relative; z-index:3;}
.pd-breadcrumb-trail{
  display:flex; align-items:center; justify-content:center;
  font-family:'IBM Plex Mono',monospace; font-size:.72rem; letter-spacing:.03em;
  color:#B8B2A5; margin-bottom:1.3rem;
}
.pd-breadcrumb-trail a{color:#B8B2A5; transition:color .2s;}
.pd-breadcrumb-trail a:hover{color:var(--ceramic);}
.pd-breadcrumb-trail i{font-size:.6rem; margin:0 .5rem; vertical-align:1px; color:rgba(245,243,238,.3);}
.pd-breadcrumb-trail .is-current{color:var(--ceramic); font-weight:600;}
.pd-breadcrumb-title{
  font-family:'Space Grotesk',sans-serif; font-weight:700; color:var(--ceramic);
  font-size:clamp(2rem,4.6vw,3.1rem); line-height:1; margin-bottom:.7rem;
}
.pd-breadcrumb-desc{
  color:#C9C3B6; font-size:.98rem; max-width:520px; margin:0 auto; line-height:1.6;
}

.pd-hero{padding-bottom:0;}
.pd-media-wrap{position:relative; max-width:400px; margin:0 auto;}
.pd-media{
  position:relative; border-radius:4px; overflow:hidden; background:#fff;
  border:1px solid var(--line);
  padding:20px; width:100%; 
  height:490px;
}
.pd-media img{width:100%; height:100%; object-fit:contain; display:block; border-radius:4px;}
@media (max-width:575.98px){
  .pd-media{height:340px; padding:1.6rem;}
}

.pd-quickspecs{
  display:flex; flex-wrap:wrap; margin:1.5rem 0 .3rem; max-width:560px;
}
.pd-qs-item{
  display:flex; align-items:center; gap:.7rem; flex:1 1 130px; min-width:130px;
  padding:0 1.1rem .2rem 0; margin-right:1.1rem; border-right:1px solid var(--line);
}
.pd-qs-item:last-child{border-right:none;}
.pd-qs-item i{color:var(--teal); font-size:1.05rem; flex:0 0 auto;}
.pd-qs-value{display:block; font-weight:700; color:var(--ink); font-size:.92rem; line-height:1.2;}
.pd-qs-label{display:block; font-family:'IBM Plex Mono',monospace; font-size:.62rem; letter-spacing:.05em; text-transform:uppercase; color:#8a8478; margin-top:.15rem;}
@media (max-width:575.98px){
  .pd-qs-item{border-right:none; border-bottom:1px solid var(--line); padding:0 0 .8rem; margin:0 0 .8rem;}
}

.pd-tds-note{
  display:flex; align-items:flex-start; gap:.6rem; margin-top:1.3rem;
  font-size:.85rem; color:#8a8478; max-width:480px; line-height:1.55;
}
.pd-tds-note i{color:var(--teal); margin-top:.15rem;}

.pd-description{font-size:1rem; color:#4a463f; line-height:1.8;}

/* ---------- Features & Benefits: table ---------- */
.pd-tablewrap{
  border:1px solid var(--line); border-radius:6px; overflow:hidden; background:#fff;
}
.pd-feature-table{width:100%; border-collapse:collapse; font-size:.9rem;}
.pd-feature-table thead th{
  background:var(--ceramic-2); color:#6b665c;
  font-family:'IBM Plex Mono',monospace; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
  font-weight:500; text-align:left; padding:.85rem 1.1rem;
}
.pd-feature-table tbody td{
  padding:.85rem 1.1rem; border-top:1px solid var(--line); color:#3c3833; vertical-align:middle;
}
.pd-feature-table tbody td:first-child{
  font-weight:600; color:var(--ink); white-space:nowrap; width:1%;
}
.pd-feature-table tbody td:first-child i{color:var(--teal); margin-right:.65rem; font-size:.95rem;}
.pd-feature-table tbody tr:hover{background:var(--ceramic-2);}
@media (max-width:575.98px){
  .pd-feature-table{font-size:.82rem;}
  .pd-feature-table thead th, .pd-feature-table tbody td{padding:.65rem .7rem;}
  .pd-feature-table tbody td:first-child{white-space:normal;}
}

/* ---------- Technical Data: cards ---------- */
.pd-techcard-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem;
}
.pd-techcard{
  display:flex; flex-direction:column; align-items:flex-start; gap:.5rem;
  background:#fff; border:1px solid var(--line); border-radius:8px;
  padding:1.2rem 1.3rem; transition:border-color .2s ease, transform .2s ease;
}
.pd-techcard:hover{border-color:rgba(8,102,105,.35); transform:translateY(-2px);}
.pd-techcard i{color:var(--teal); font-size:1.15rem;}
.pd-techcard-value{font-weight:700; color:var(--ink); font-size:1.02rem; line-height:1.25;}
.pd-techcard-label{font-family:'IBM Plex Mono',monospace; font-size:.62rem; letter-spacing:.05em; text-transform:uppercase; color:#8a8478;}
@media (max-width:991.98px){
  .pd-techcard-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:575.98px){
  .pd-techcard-grid{grid-template-columns:1fr 1fr; gap:.7rem;}
  .pd-techcard{padding:1rem;}
}

/* ---------- Performance: table only ---------- */
.pd-perf-table{width:100%; border-collapse:collapse; font-size:.85rem;}
.pd-perf-table thead th{
  color:#8a8478;
  font-family:'IBM Plex Mono',monospace; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
  font-weight:500; text-align:left; padding:.85rem 1.1rem; background:var(--ceramic-2);
}
.pd-perf-table tbody td{
  padding:.85rem 1.1rem; border-top:1px solid var(--line); color:#3c3833; vertical-align:top;
}
.pd-perf-table tbody td:nth-child(3){color:var(--teal); font-weight:600; white-space:nowrap;}
.pd-perf-table td.pd-perf-method{
  vertical-align:middle; text-align:center; white-space:normal;
  color:#8a8478; font-weight:500; font-family:'IBM Plex Mono',monospace; font-size:.74rem; letter-spacing:.02em;
  border-left:1px solid var(--line);
}
@media (max-width:767.98px){
  .pd-perf-table{font-size:.78rem;}
  .pd-perf-table thead th, .pd-perf-table tbody td{padding:.65rem .7rem;}
}

/* ---------- Products listing page ---------- */
.product-cat-section{scroll-margin-top:100px;}

.products-jumpnav{
  display:flex; flex-wrap:wrap; gap:.6rem; margin:.5rem 0 0;
}
.products-jumpnav a{
  display:inline-flex; align-items:center; gap:.5rem;
  border:1px solid var(--line); border-radius:999px;
  padding:.55rem 1.1rem; background:#fff; color:var(--grout);
  font-family:'IBM Plex Mono',monospace; font-size:.78rem; letter-spacing:.03em;
  transition:.25s;
}
.products-jumpnav a i{color:var(--teal); font-size:.85rem;}
.products-jumpnav a:hover{border-color:var(--teal); color:var(--teal-dark); transform:translateY(-2px);}
@media (max-width:575.98px){
  .products-jumpnav a{padding:.5rem .9rem; font-size:.74rem;}
}