/* v95 CUSTOM UX batch 2 (c7). External file, loaded LAST in <head> of index.html. Rollback: remove the <link> tag.
   (a) Mobile floating stack: cookie pill + Contact us pill + sticky Buy bar never overlap.
       When the sticky Buy bar is showing and the cookie pill is minimised, the Buy bar sits at the very bottom
       (no longer lifted by the pill), and the cookie pill (left) and Contact us pill (right) share one row just above it.
   (b) Studio frame-finish labels: each swatch gets its own column and label row, so labels cannot collide.
   No font sizes change. Museum/collection layouts untouched. */
@media (max-width:920px){
  html:has(#af-consent.afc-min) body #stickyBar.show{bottom:0}
  html body:has(#stickyBar.show) #af-consent.afc-min{bottom:calc(93px + env(safe-area-inset-bottom))}
  html body:has(#stickyBar.show) #fab{bottom:calc(93px + env(safe-area-inset-bottom))!important}
}
html body #swatches.swrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px 8px;justify-items:center}
html body #swatches .sw{margin-bottom:20px;flex:none}
html body #swatches .sw .nm{width:76px;text-align:center;white-space:normal;line-height:1.15}