/* MB CN Nails 1.1.9 — category rows and mobile footer clearance.
 * Author: Milan Bača.
 */
@media (min-width: 992px) {
  /* Keep the configured native widths; stretch only peers in the same row. */
  #home_categories > ul.row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  #home_categories > ul.row::before,
  #home_categories > ul.row::after { display: none; }
  #home_categories > ul.row > .cat_block {
    display: flex;
    float: none;
  }
  #home_categories > ul.row > .cat_block > .cat-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
  }
  #home_categories > ul.row > .cat_block .catimg_container { flex-shrink: 0; }
  #home_categories > ul.row > .cat_block .catlinks_container {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
  }
  #home_categories > ul.row > .cat_block .view_more {
    align-self: center;
    margin-top: auto;
  }
  #home_categories > ul.row > .cat_block > .cat-container > .clearfix { display: none; }
  /* Native styles 3/4 place the image beside the links instead of above them. */
  .feat_cat_style3 #home_categories > ul.row > .cat_block > .cat-container,
  .feat_cat_style4 #home_categories > ul.row > .cat_block > .cat-container { flex-direction: row; }
}
@media (max-width: 767px) {
  /* Include copyright in footer height rather than letting it overflow the end. */
  #footer .footer-container .bottom-footer { position: static; }
  /* Body has a native fixed 100% height: reserve space in the scrolling footer.
     Match the existing 58px navigation plus its inset and a 12px breathing gap. */
  body:not(.mbopc-enabled) #footer:has(> .mbcn-mobile-bottom-nav) .footer-container,
  body.mbopc-cart-enabled #footer:has(> .mbcn-mobile-bottom-nav) .footer-container {
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px));
  }
}