/* Shared catalog and account flows; mobile layout only. */
@media (max-width: 767px) {
  body { padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)); }
  .cn-mobile-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: calc(58px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    box-sizing: border-box;
  }
  .cn-mobile-nav a { min-width: 0; min-height: 44px; }
  .cn-hero-slide { min-height: 0 !important; height: auto !important; display: flex !important; flex-direction: column; }
  .cn-hero-slide .item-text { width: 100% !important; float: none !important; padding: 24px 20px 0 !important; }
  .cn-hero-slide .header-item .name { font-size: 28px !important; line-height: 1.25 !important; overflow-wrap: anywhere; }
  .cn-hero-slide .cn-hero-sub { font-size: 14px; line-height: 1.6; margin-top: 10px; }
  .cn-hero-slide .content-item { margin-top: 16px !important; }
  .cn-hero-slide .price { gap: 10px; margin-left: 0 !important; padding-left: 0 !important; width: 100% !important; }
  .cn-hero-slide .price .sale { min-width: 0 !important; max-width: 100%; margin-left: 0 !important; padding: 10px 18px !important; font-size: 24px !important; transform: none !important; }
  .cn-hero-slide .item-image { width: 100% !important; float: none !important; min-height: 0 !important; height: 230px !important; padding: 18px 20px !important; }
  .cn-hero-slide .item-image > img { max-height: 190px !important; max-width: 85% !important; }
  .cn-hero-slide .sale-off { width: 60px !important; height: 60px !important; top: 8px !important; left: 16px !important; font-size: 16px !important; }
  .cn-deal-section { padding: 24px 0 !important; }
  .cn-deal-section .cn-deal-wrap { gap: 14px; grid-template-columns: minmax(0, 1fr); }
  .cn-deal-copy { padding: 20px; min-width: 0; }
  .cn-deal-copy h2 { font-size: 26px; margin: 12px 0; }
  .cn-countdown { margin-top: 16px; gap: 8px; }
  .cn-deal-main { min-width: 0; min-height: 0; padding: 64px 20px 20px; gap: 16px; }
  .cn-deal-main img { max-height: 190px; }
  .cn-save { top: 16px; left: 20px; padding: 8px 16px; }
  .cn-deal-info h3 { font-size: 21px; overflow-wrap: anywhere; }
  .cn-deal-side a { min-width: 0; grid-template-columns: 72px minmax(0, 1fr); }
  .cn-deal-side span { overflow-wrap: anywhere; }
  .cn-service-widget { bottom: calc(78px + env(safe-area-inset-bottom, 0px)); }
  .cn-service-panel { max-height: calc(100dvh - 170px - env(safe-area-inset-bottom, 0px)); overflow-y: auto; }
  .cn-service-body { max-height: 32vh; overscroll-behavior: contain; }
  .cn-service-foot input { font-size: 16px; }
  .cn-icp-footer { overflow-wrap: anywhere; line-height: 1.8; }
  footer .widget-about .info { min-width: 0; }
  .flat-shop-cart .container,
  .flat-shop-cart .row,
  .flat-shop-cart [class*="col-"] { min-width: 0; }
  .flat-shop-cart .table-cart { width: 100%; overflow: hidden; }
  .flat-shop-cart .table-cart table,
  .flat-shop-cart .table-cart tbody { display: block; width: 100% !important; min-width: 0 !important; }
  .flat-shop-cart .table-cart thead { display: none; }
  .flat-shop-cart .table-cart tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; width: 100% !important; min-width: 0 !important; padding: 16px 0; }
  .flat-shop-cart .table-cart tbody td { display: block; width: auto !important; min-width: 0 !important; padding: 8px 4px !important; }
  .flat-shop-cart .table-cart tbody td:first-child { grid-column: 1 / -1; }
  .flat-shop-cart .table-cart tbody td[colspan] { grid-column: 1 / -1; width: 100% !important; padding: 0 !important; }
  .flat-shop-cart .cn-empty-cart { width: 100%; min-width: 0; min-height: 180px; padding: 24px 12px; text-align: center; box-sizing: border-box; }
  .flat-shop-cart .cn-empty-cart a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
  .flat-shop-cart .form-coupon { padding: 20px 0; }
  .flat-shop-cart.cn-cart-empty-state .form-coupon { display: none !important; }
  .flat-shop-cart:has(.cn-empty-cart) .form-coupon { display: none !important; }
  .flat-shop-cart .coupon-input { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .flat-shop-cart .coupon-input input { margin: 0 !important; min-width: 0; }
  .flat-shop-cart .coupon-input button { width: 100%; min-height: 44px; }
  .flat-shop-cart .cart-totals { width: 100%; margin-top: 22px; padding: 24px 18px; box-sizing: border-box; }
  .flat-shop-cart .cart-totals table { width: 100%; table-layout: fixed; }
  .flat-shop-cart .btn-cart-totals { display: grid; gap: 10px; }
  .flat-shop-cart .btn-cart-totals a { width: 100% !important; min-height: 44px; margin: 0 !important; box-sizing: border-box; text-align: center; }
}