/* ============================================================
   BALAJI — Single product detail page
   ============================================================ */

/* Product hero — split with large image */
.pd-hero { position: relative; overflow: hidden; padding-block: clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3.5rem); }
.pd-hero::before {
  content:""; position:absolute; inset:0; z-index:-1;
  background: radial-gradient(circle at 92% 0%, rgba(194,161,90,0.14), transparent 42%);
}
.pd-hero__grid { display:grid; gap:clamp(2rem,5vw,3.5rem); align-items:center; }
@media (min-width:960px){ .pd-hero__grid{ grid-template-columns: 1fr 1fr; } }
.pd-hero .crumb { font-size:0.82rem; color:var(--ink-mute); margin-bottom:1rem; }
.pd-hero .crumb a:hover { color:var(--green-700); }
.pd-hero h1 { font-size:clamp(2rem,1.5rem + 2.1vw,3.1rem); }
.pd-hero__tags { display:flex; flex-wrap:wrap; gap:0.5rem; margin-bottom:1.2rem; }
.pd-hero__lede { margin-top:1.3rem; }
.pd-hero__media {
  position:relative; border-radius:var(--r-lg); overflow:hidden;
  aspect-ratio:4/5; box-shadow:var(--shadow-lg);
}
@media (max-width:960px){ .pd-hero__media{ aspect-ratio:16/11; } }
.pd-hero__media img { width:100%; height:100%; object-fit:cover; }
.pd-hero__num {
  position:absolute; top:1rem; left:1rem;
  font-family:var(--font-display); font-size:1.1rem; font-weight:700;
  color:#fff; background:rgba(13,15,14,0.55); backdrop-filter:blur(6px);
  padding:0.4em 0.9em; border-radius:var(--r-pill);
}

/* Highlights row */
.pd-highlights { display:grid; gap:1.2rem; grid-template-columns:1fr; margin-top:0; }
@media (min-width:700px){ .pd-highlights{ grid-template-columns:repeat(3,1fr); } }
.pd-highlight { border-top:2px solid var(--gold-500); padding-top:1rem; }
.pd-highlight .k { font-family:var(--font-display); font-size:1.45rem; font-weight:700; color:var(--green-800); line-height:1; }
.pd-highlight .v { font-size:0.88rem; color:var(--ink-mute); margin-top:0.5rem; }

/* Overview split */
.pd-overview__lead {
  font-family:var(--font-display); font-weight:500;
  font-size:clamp(1.3rem,1.05rem + 1.15vw,1.95rem); line-height:1.32; color:var(--ink);
  max-width:26ch;
}
.pd-overview__lead b { color:var(--green-700); font-weight:600; }
.pd-overview__body p + p { margin-top:1rem; }

/* Grades / SKU cards reuse .sku-grid + .sku from pages.css */

/* Applications */
.pd-apps { display:grid; gap:1rem; grid-template-columns:1fr; margin-top:2.5rem; }
@media (min-width:640px){ .pd-apps{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1000px){ .pd-apps{ grid-template-columns:repeat(4,1fr); } }
.pd-app {
  background:var(--surface); border:1px solid var(--sand); border-radius:var(--r-md);
  padding:1.5rem;
}
.pd-app .ic { width:42px; height:42px; border-radius:var(--r-sm); background:var(--green-100); color:var(--green-700); display:grid; place-items:center; margin-bottom:1rem; }
.pd-app .ic svg { width:22px; height:22px; }
.pd-app h4 { font-family:var(--font-body); font-size:1.02rem; font-weight:700; color:var(--ink); }
.pd-app p { font-size:0.86rem; margin-top:0.35rem; }

/* Spec strip — grouped, sparse dividers (not row-by-row hairlines) */
.pd-spec { display:grid; gap:0; grid-template-columns:1fr; margin-top:2.5rem; }
@media (min-width:760px){ .pd-spec{ grid-template-columns:repeat(2,1fr); column-gap:3rem; } }
.pd-spec__row { display:flex; justify-content:space-between; gap:1rem; padding:0.9rem 0; border-bottom:1px solid var(--sand); }
.pd-spec__row .lbl { color:var(--ink-mute); font-size:0.9rem; }
.pd-spec__row .val { color:var(--ink); font-weight:600; font-size:0.9rem; text-align:right; }

/* Related products */
.pd-related { display:grid; gap:1rem; grid-template-columns:1fr; margin-top:3rem; }
@media (min-width:640px){ .pd-related{ grid-template-columns:repeat(3,1fr); } }
.pd-rel-card {
  position:relative; border-radius:var(--r-md); overflow:hidden;
  aspect-ratio:4/3; color:#fff; display:flex; isolation:isolate; box-shadow:var(--shadow-sm);
  transition:transform 0.35s var(--ease), box-shadow 0.35s var(--ease);
}
.pd-rel-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-md); }
.pd-rel-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform 0.6s var(--ease); }
.pd-rel-card:hover img { transform:scale(1.06); }
.pd-rel-card::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(13,15,14,0.1),rgba(13,15,14,0.82)); }
.pd-rel-card span { margin-top:auto; padding:1.1rem 1.2rem; font-family:var(--font-display); font-size:1.2rem; font-weight:700; }