/* vk-mobile-tight-20261023.css - phones only. Removes the empty caption gap under the section title box
   (the "Apparel" box) when the section has no caption text. Staged, not installed.
   Sections whose caption has text are not matched (their .SectionHeaderCaptionInner is not :empty). */

/* 1) Empty caption: drop the block (it is 20px of bottom padding with nothing in it). Works in every browser. */
body.mobile #SectionHeader .SectionHeaderCaptionInner:empty{display:none;}

/* 2) Its wrapper keeps padding-top:10px; remove it only when the wrapper holds nothing but that empty caption.
      Needs :has() (iOS Safari 15.4+, Chrome 105+). Older phones simply keep this 10px. */
body.mobile #SectionHeader .SectionHeaderInner:has(> .SectionHeaderCaptionWrap:only-child > .SectionHeaderCaptionInner:empty:only-child){padding-top:0;}

/* 3) Balance the title box: bottom padding 15px -> 13px to match the 13px top, same empty-caption pages only. */
body.mobile #SectionHeader:has(.SectionHeaderCaptionInner:empty) h1{padding-bottom:13px;}

/* ===== Phone tile grid: rows start clean (same rules as the desktop grid draft in vk-nav-scrim-20261023.css) =====
   .categoryItem tiles are float:left at 48% on phones. A taller tile (e.g. Final Sale + SHIPS FREE lines) snags the
   next float, so a tile lands under the shorter neighbour on the right and a lone last tile sits on the right.
   Flex-wrap puts every row on its own line in DOM order; a partial last row stays on the left. Widths/gutters unchanged.
   Tiles hidden by the size filter / filter bar are display:none, so they drop out of the flex flow (rows stay clean).
   The .group clearfix pseudo-elements are switched off so they do not become flex items. Other children (e.g. the
   "None in size XL right now" note) take a full row. Harmless duplicate if vk-nav-scrim-20261023.css ships too. */
body.mobile .categoryItems{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch}
body.mobile .categoryItems.group:before,body.mobile .categoryItems.group:after{content:none;display:none}
body.mobile .categoryItems>.categoryItem,body.mobile .categoryItems>.subsectionViewall{float:none;flex:0 0 auto}
body.mobile .categoryItems>:not(.categoryItem):not(.subsectionViewall){flex:0 0 100%}