/* Dikon 27.10.2026 (audit/195, Irina's iPhone remarks 26.10). style.css of the site is not changed. */

/* Two-column tables "Article | Buy" (furniture mechanisms): style.css gives every table scroll a 650px minimum width,
   and below 680px (the same breakpoint as style.css) the Buy column sticks to the right edge and covers the product
   name. On a phone such a table needs no scroll: it takes the screen width, the Buy column only as wide as its button.
   Desktop is not changed. */
@media (max-width: 680px) {
  .single_table_scroll:has(> .single_table_grid > thead > tr:first-child > th:nth-child(2):last-child) {
    min-width: 0;
  }
  .single_table_scroll:has(> .single_table_grid > thead > tr:first-child > th:nth-child(2):last-child) .col_actions {
    width: 1%;
    white-space: nowrap;
  }
}

/* "Products" tiles (home page and /catalog/) up to 1365.6px, where style.css makes the picture block 146px high: the
   block has no width, so Safari sizes it by the file width (309px) and object-fit: cover crops the picture's top and
   bottom (Irina's iPhone, 26.10). contain never crops; right bottom keeps the picture in the corner where the block
   itself sits (right: 0; bottom: 0) whatever width the browser gives the block. In Chrome the block is as wide as the picture, so nothing changes there. Not checked in
   Safari itself yet (no WebKit at hand). */
@media (max-width: 1365.6px) {
  .product_img_wrap .image_cover {
    object-fit: contain;
    object-position: right bottom;
  }
}