/* filemagoods.com — phone fixes only (loaded with media="(max-width: 767px)"; desktop/tablet stay exactly as the original).
   2026-11-05 Claude: measured on iPhone 15 (WebKit) + Pixel 7 (Chromium).
   Only REAL breakage is fixed: the points-of-sale table made the whole page 569px wide on a 393px iPhone
   (logo/menu pushed off-screen; Android zoomed the page out). The home product strips and the product gallery
   look like they overflow by 5-10px, but that is the original's design (negative margins inside overflow:hidden,
   clipped padding only) — left untouched on purpose. */
/* page wrapper is display:table in the original -> it grew to the widest content */
.Layout-Table { display: block; width: 100%; table-layout: fixed; }
.Layout-Table > .MiddleColumn { display: block; width: 100%; }
/* points of sale on phones: each shop becomes a card (column name above each value); per-column filters hidden,
   the main "Point Of Sale Search" + records-per-page stay. data-label is filled by filema-mobile.js */
#PointsOfSaleTable_wrapper { max-width: 100%; }
#PointsOfSaleTable, #PointsOfSaleTable tbody, #PointsOfSaleTable tr { display: block; width: 100% !important; box-sizing: border-box; }
#PointsOfSaleTable thead, #PointsOfSaleTable tfoot { display: none !important; }  /* tfoot = per-column search row (shown on top by DataTables) */
#PointsOfSaleTable tbody tr { margin: 0 0 14px; border: 1px solid #ddd; background: #fff !important; }
#PointsOfSaleTable tbody td { display: block !important; width: 100% !important; box-sizing: border-box; border: 0 !important; padding: 6px 12px !important;
  text-align: left; overflow-wrap: anywhere; word-break: normal; }
#PointsOfSaleTable tbody td::before { content: attr(data-label); display: block !important; position: static !important;
  font-weight: bold; font-size: 12px; color: #78695f; margin: 0 0 2px; background: none !important; border: 0 !important;
  box-shadow: none !important; width: auto !important; height: auto !important; line-height: 1.4; }
#PointsOfSaleTable tbody td:first-child { background: #faf2e1; font-weight: bold; padding-left: 12px !important; }
#PointsOfSaleTable tbody td:empty, #PointsOfSaleTable tbody td.filema-empty { display: none !important; }