/* Static preview responsive polish: preserve legacy desktop while preventing mobile horizontal clipping. */
img { max-width: 100%; height: auto; }
body > table[align="center"][width="912"] { max-width: 912px; width: 100%; }
.footerMenu { max-width: 912px; width: 100% !important; }
@media (max-width: 720px) {
  body { background-size: auto 220px; overflow-x: hidden; }
  body > table[align="center"][width="912"],
  body > table[align="center"][width="912"] > tbody,
  body > table[align="center"][width="912"] > tbody > tr,
  body > table[align="center"][width="912"] > tbody > tr > td {
    display: block; width: 100% !important; max-width: 100% !important; height: auto !important; box-sizing: border-box;
  }
  table[width="912"], table[width="898"], .footerMenu { width: 100% !important; max-width: 100% !important; }
  img[src*="menuLeft"], img[src*="menuRight"], img[src*="menu_shadow"], img[src*="menuLeft_shadow"], img[src*="menuRight_shadow"],
  img[src*="aboutTop"], img[src*="aboutBottom"], img[src*="aboutShadow"], img[src*="right_contact-top"], img[src*="right_contact-bottom"] { display: none !important; }
  .menu { display: block; width: 100% !important; border-radius: 6px; overflow: hidden; }
  .menu ul { display: flex; flex-wrap: wrap; justify-content: center; }
  .menu ul li { float: none; flex: 1 1 auto; min-width: 110px; }
  .menu ul li a, .menu ul li a:hover { padding: 0 10px !important; }
  .mainbody { padding: 12px !important; }
  .mainbody > table, .mainbody > table > tbody, .mainbody > table > tbody > tr, .mainbody > table > tbody > tr > td {
    display: block; width: 100% !important; max-width: 100% !important; box-sizing: border-box;
  }
  .leftTitle, .leftListing { width: 100% !important; }
  .leftListing ul li { line-height: 24px; }
  .aboutBody { background: #fff; border: 1px solid #d0d0d0; border-radius: 8px; padding: 12px !important; height: auto !important; box-sizing: border-box; }
  .aboutBody table, .aboutBody tbody, .aboutBody tr, .aboutBody td { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
  .aboutBody img[align="left"] { max-width: 48%; margin: 0 12px 8px 0; }
  .contactBlock { border-radius: 8px; margin-top: 12px; line-height: 22px; }
  .footer { height: auto; min-height: 78px; }
  .footerMenu, .footerMenu tbody, .footerMenu tr, .footerMenu td { display: block; width: 100% !important; text-align: center !important; box-sizing: border-box; }
  .footerMenu td { padding: 8px 12px; height: auto !important; }
}
@media (max-width: 430px) {
  body > table[align="center"][width="912"] > tbody > tr:first-child td { text-align: center; }
  body > table[align="center"][width="912"] > tbody > tr:first-child img { max-width: 82%; }
  .aboutBody img[align="left"] { float: none !important; display: block; max-width: 100%; margin: 0 auto 12px auto; }
}

.static-gallery-detail h1 { font: normal 24px Arial, Helvetica, sans-serif; color: #8A2223; margin: 0 0 10px; }
.static-gallery-detail p { margin: 0 0 16px; font: normal 13px Arial, Helvetica, sans-serif; }
.static-gallery-detail a { color: #254985; }
.static-photo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
.static-photo-grid figure { margin: 0; padding: 8px; border: 1px solid #d4d4d4; background: #fafafa; text-align: center; }
.static-photo-grid img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.static-photo-grid figcaption { font: normal 12px Arial, Helvetica, sans-serif; color: #343434; margin-top: 6px; }
@media (max-width: 720px) { .static-photo-grid { grid-template-columns: 1fr; } }