/* stock-layer.css — loads the stock KVS stylesheets INSIDE a cascade layer.

   Why: premium CSS uses single-class selectors (.pv-card, .pv-card__img) while
   stock uses two-class descendants (.list-videos .item, .list-videos .is-hd).
   Specificity beats source order, so stock was winning every collision — fixed
   card widths overriding the grid, padding-bottom fighting aspect-ratio, and
   #ee0000 pills replacing the badges.

   Unlayered styles win over EVERY layer, whatever the specificity. Stock goes
   in a layer; premium stays unlayered and therefore always wins. This is the
   only mechanism that fixes it without bloating every premium selector.

   If a browser lacks @layer (pre-Chrome 99 / Safari 15.4 / Firefox 97) these
   @import rules are dropped wholesale: such a browser gets premium CSS only,
   with the long-tail surfaces unstyled rather than mis-styled. */
@import url("../../styles/all-responsive-white.css") layer(stock);
@import url("../../styles/jquery.fancybox-white.css") layer(stock);