/* vickerey CLS fix 2026-10-20. ASCII only. Load in <head> (Cssjs-head-common).
   Desktop item pages, main photo: css-magiczoomplus.css sets .MagicZoomPlus{display:inline-block}
   and .MagicZoomPlus > img{width:100%}. A 100% width inside a shrink-to-fit box is 0 until the photo
   has loaded, so the img width/height attributes (560x560, 488x488, ...) cannot reserve the box and
   the thumbnails and collection link jump down ~540 px when the photo arrives.
   Fix: until the first photo has loaded, give the img back the size from its own width/height
   attributes (revert-layer drops the 100% and falls back to the attribute size), capped at the
   column width. That is exactly the size the photo gets once it is in, so nothing moves.
   As soon as the photo has loaded (or failed), the one-line script at the end of Cssjs-last-common
   adds html.vkZImg and this rule switches off, so later photo swaps (thumbnails, colors, vkzoom)
   size exactly as before. Browsers without revert-layer ignore the rule (behaviour as before).
   Not applied on phones (body.mobile) or to a photo without width/height attributes. */
html:not(.vkZImg) body.desktop .SKUImagePicBin > a#Zoomer > img[width][height] { width: revert-layer; max-width: 100%; }

/* Web-font swap pins (desktop). The page paints first with the Arial fallback and re-lays out when
   Open Sans arrives (display=swap). Two boxes change height on that swap and push everything below
   them: the search box in the header (48 -> 49 px: moves the whole page 1 px) and the CLEARANCE2026
   note (42 -> 48 px), which is now in place at first paint. When that swap lands in the same frame as
   the jQuery-ready top-bar update (Promos tab + free-shipping text, jquery-site-shared initPerks), the
   two compound to about 0.05-0.06. Both values below are exactly what Chrome computes today with
   Open Sans loaded (search box content 33.78125 px; note text 13px Open Sans 'normal' = 18 px per
   line), so the final look does not change; only the pre-swap fallback rendering gets the same box. */
body.desktop .vkPromoItemNote { line-height: 18px; }
body.desktop #headerSearchBin { min-height: 33.78125px; }