/* sgle-compat.css - mobile adaptation & layout compat patch (2026-10-02) */
/* 1) mobile header-top welcome bar & quick menu stacking fix */
@media (max-width: 767px) {
  .header-top .col-xs-2, .header-top .col-xs-10 { width: 100%; float: none; }
  .header-top .header-top-dropdown { text-align: center; padding: 4px 0; }
  .header-top .textLink { display: inline-block; margin: 0 8px; }
  .header-top div[style*="line-height"] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
  .container { padding-left: 12px; padding-right: 12px; }
  img { max-width: 100%; height: auto; }
  .table { table-layout: auto; }
  #cart-list .table, .checkout-items-table { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  #cart-list .table td, #cart-list .table th { white-space: nowrap; word-break: keep-all; }
}
/* 2) PC homepage banner overflow guard (rs-slider text layer overflow) */
.page-wrapper, section.main-container, .slider-container, .fullwidthbanner-container, .tp-banner-container { overflow-x: hidden; }
body { overflow-x: hidden; }
/* 3) checkout/cashier grid defense (fallback for legacy unclosed markup) */
.main > .container > .row > .col-md-12 > .row > [class*="col-md"] { min-width: 0; }

/* 4) checkout/cashier content box fix: template .box is a 60px icon tile, restore full-width block when used as content container */
.col-md-5 > .box, .col-md-8 > .box, .col-md-7 > .box, .col-md-12 > .box {
  width: 100%; height: auto; float: none; display: block;
  font-size: inherit; margin: 0 0 15px 0; text-align: left;
}