/* ==========================================================================
   Batch 66 — product pages (racquet, string, ball, grip) in the Tension
   Calculator's manner: numbered sections, icon cards for the specification,
   icons on the six criteria, Where to buy in the hero.
   ========================================================================== */
.pd-page { counter-reset: pdsec; }
.pd-sec-h { display: flex; align-items: baseline; gap: 12px; }
.pd-sec-h::before {
    counter-increment: pdsec; content: counter(pdsec, decimal-leading-zero);
    font-family: var(--num, Archivo, sans-serif); font-weight: 700; font-size: 15px; color: #7C9A00;
}
.darkpanel .pd-sec-h::before { color: var(--mark, #D6F531); }

/* Where to buy in the hero: two by two beside the photo */
.pd-hero-info .wtb2 { margin-top: 2px; }
.pd-hero-info .wtb2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pd-hero-info .wtb2-p { display: none; }

/* specification cards */
.pd-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pd-spec {
    background: var(--card, #FFFFFF); border: 1px solid var(--line, #E4E8DF); border-radius: 14px;
    padding: 16px; display: flex; flex-direction: column; gap: 6px; min-width: 0;
}
.pd-spec > i { font-size: 26px; color: var(--brand, #1B5E20); }
.pd-spec .k { font-size: 12px; color: var(--ink-2, #4A574E); }
.pd-spec .v { font-size: 22px; font-weight: 700; line-height: 1.15; color: var(--ink, #14201A); overflow-wrap: anywhere; }
.pd-spec .v small { font-size: 13px; font-weight: 500; color: var(--ink-2, #4A574E); }
.pd-spec .sub { font-size: 12px; color: var(--ink-2, #4A574E); }
.pd-spec .src { font-size: 11.5px; color: var(--ink-3, #7B877E); margin-top: auto; padding-top: 2px; }
.pd-spec .src.is-measured { color: #2B7A33; font-weight: 600; }
.pd-spec .src.is-unchecked { color: #9A6B00; }

/* six criteria: icon before the name */
.critcard .top .n { display: inline-flex; align-items: center; gap: 10px; }
.pd-crit-ico { font-size: 22px; color: var(--brand, #1B5E20); }

@media (max-width: 1100px) {
    .pd-specs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .pd-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .pd-spec { padding: 12px; }
    .pd-spec > i { font-size: 22px; }
    .pd-spec .v { font-size: 18px; }
    .pd-sec-h::before { font-size: 13px; }
}

/* Batch 70: bench measurements */
.pd-bench { width: 100%; border-collapse: collapse; font-size: 14px; }
.pd-bench th, .pd-bench td { padding: 9px 10px; border-bottom: 1px solid var(--line, #E4E8DF); text-align: left; white-space: nowrap; }
.pd-bench th { font-size: 12px; color: var(--ink-2, #4A574E); font-weight: 600; }
.pd-bench .num { text-align: right; font-family: var(--num, Archivo, sans-serif); }
.pd-bench tr.is-demo td { background: repeating-linear-gradient(135deg, transparent 0 10px, rgba(227, 162, 26, .06) 10px 20px); }
.pd-bench-note td { white-space: normal; font-size: 12.5px; color: var(--ink-2, #4A574E); }