/* Vapehouse Option D — consolidated overrides (loaded LAST, after mobile.css).
   Previously these lived as an inline <style> in index.html, where inline
   !important beats any stylesheet !important. To preserve that exact cascade
   from a stylesheet, this file must be linked AFTER mobile.css so it wins the
   stylesheet-vs-stylesheet tie on equal specificity. */
.modal__panel {
  width: min(100%, 460px) !important;
  max-width: min(100%, 460px) !important;
}
.section-head h2 { font-size: clamp(1.9rem, 4.5vw, 2.9rem) !important; }
.quick-flavor.is-oos {
  opacity: .45;
  text-decoration: line-through;
  cursor: not-allowed;
}
.quick-flavor.is-oos .dot { filter: grayscale(1); }