/* Preservation-first updates (2026)
   Maintains the original Muse phone layout while improving fit on modern phones. */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
}

#page {
  max-width: 380px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.browser_width {
  max-width: 100%;
}

img {
  border: 0;
}

a:focus-visible, .AccordionPanelTab:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

/* Scale only oversized image frames down on very narrow screens. */
@media (max-width: 379px) {
  .clip_frame img {
    max-width: 100%;
    height: auto;
  }
}

/* Mobile menu stability fix: keep the Muse accordion panel open after tap. */
#u805.mobile-menu-open,
.AccordionPanelContent.mobile-menu-open {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 220px;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 9999 !important;
}
#u804-4 {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255,255,255,0.2);
}
#menuu806 a {
  pointer-events: auto !important;
}

/* Legacy table-based wine page: preserve design while preventing mobile overflow. */
@media (max-width: 760px) {
  body { min-width: 0 !important; }
  table[width="700"], table[width="600"], table[width="537"] {
    width: 100% !important;
    max-width: 100% !important;
  }
  table[width="700"] td, table[width="600"] td, table[width="537"] td {
    max-width: 100% !important;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  table[width="700"] table[width="700"] td {
    display: inline-block;
    width: 19% !important;
    vertical-align: middle;
    text-align: center;
  }
  table[width="700"] table[width="700"] img {
    max-width: 100%;
    height: auto;
  }
}

/* Wine mobile page preservation fixes (2026-04-26) */
.wine-mobile-header { background: #7F7F7F; padding: 3px 0 0; text-align: center; }
.wine-mobile-logo { display: block; width: 168px; margin: 0 auto 4px; line-height: 0; }
.wine-mobile-logo img { display: block; border: 0; }
.wine-mobile-menu-toggle { display: block; width: 100%; min-height: 44px; border: 0; background: #1B3E67; color: #fff; font-family: alegreya-sc, 'Times New Roman', Times, serif; font-size: 18px; font-weight: 700; letter-spacing: 1px; }
.wine-mobile-menu { display: none; background: #213F60; }
.wine-mobile-menu.is-open { display: block; }
.wine-mobile-menu a { display: block; padding: 12px 16px; color: #fff; text-decoration: none; font-family: alegreya-sc, 'Times New Roman', Times, serif; font-size: 18px; border-top: 1px solid rgba(255,255,255,.25); }
.wine-mobile-menu a.active { background: rgba(0,0,0,.18); }
.wine-mobile-content-table { width: 100% !important; max-width: 700px; }
.purchase-block { display: block; margin: 16px 0 22px; text-align: center; }
.purchase-block form { margin: 0; }
.purchase-submit { display: inline-block; min-width: 112px; min-height: 38px; padding: 8px 18px; border: 0; border-radius: 12px; background: #D7B46A; color: #000; font-family: alegreya-sc, 'Times New Roman', Times, serif; font-size: 13px; font-weight: 700; cursor: pointer; }
@media (max-width: 767px) { body { overflow-x: hidden; } table { max-width: 100%; } img { max-width: 100%; height: auto; } }
