/* #86eybxxdv: spec-table group-column fix.

   This lives OUTSIDE the Smidge bundle on purpose: it uses :has(), which
   Nuglify cannot minify (a :has() rule inside a bundled CSS makes the whole
   bundle skip minification on the frontend and 500 in the backoffice). Raw
   <link> in StyleSheets.cshtml, same pattern as mobile-btn-override.css.

   Problem it solves: 3-column grouped spec tables (e.g. POS Swift
   "Mechanical Design") have a "group | spec-name | value" layout. The
   bundled rule in product-desc.css only whitens rowspan>1 group cells, so a
   group with a SINGLE row (rowspan=1, e.g. "Mechanical Design") kept the
   zebra grey and looked inconsistent next to multi-row groups (Environment,
   Certification) that are white.

   Fix: in any grouped table (one that contains a rowspan>1 label cell),
   whiten the first cell of every group-START row. A group-start row is one
   with 3 cells (group + spec-name + value); continuation rows have only 2
   cells (their first DOM cell is the spec-name in column 2, which must stay
   zebra), so :has(> *:nth-child(3)) correctly targets only real column-1
   group cells and leaves continuation rows alone. Simple 2-column rows and
   ungrouped spec tables are never matched. */
.product-specs-table table:has(td[rowspan]:not([rowspan="1"]), th[rowspan]:not([rowspan="1"])) tr:has(> *:nth-child(3)) > :first-child {
    background-color: #fff;
}