/* Phone: desktop Home (#/pc-home) must not keep a 230px category rail. */
@media (max-width:800px){
  .page,
  .page .page-content,
  .home-container,
  .main-content{
    width:100% !important;
    max-width:100vw !important;
    overflow-x:hidden !important;
  }
  .main-content{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    padding:8px 10px 88px !important;
    box-sizing:border-box;
  }
  .main-content .mc-menu,
  .mc-menu{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 0 4px !important;
    padding:10px 6px !important;
    gap:4px 0;
  }
  .main-content .mc-menu .mc-menu-item,
  .mc-menu-item,
  .mc-menu-item1{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    padding:8px 4px !important;
    gap:6px !important;
  }
  .mc-menu-icon,
  .mc-menu-item img,
  .mc-menu-item .icon{
    width:28px !important;
    height:28px !important;
    object-fit:contain !important;
  }
  .mc-menu-text,
  .mmi1-title{
    font-size:11px !important;
    line-height:1.2 !important;
    text-align:center !important;
    white-space:normal !important;
    word-break:break-word;
    color:#333 !important;
  }
  .mc-body{
    width:100% !important;
    max-width:100% !important;
  }
  .home-swiper,
  .home-swiper .my-swipe{
    width:100% !important;
  }
  .home-swiper .swiper-button-next,
  .home-swiper .swiper-button-prev{
    display:none !important;
  }
  .swipe-img,
  .home-swiper img{
    width:100% !important;
    max-height:168px !important;
    object-fit:cover !important;
    border-radius:10px;
  }
  .home-hots-content,
  .home-goods-content{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .home-hots-item{
    width:auto !important;
    max-width:none !important;
  }
  .home-hots-img,
  .home-hots-item img,
  .box-right .home-hots-img,
  .container .content .box .box-right .home-goods-content .home-hots-item .home-hots-img{
    width:100% !important;
    height:148px !important;
    min-height:148px !important;
    max-height:148px !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    background:#f4f4f5;
    border-radius:8px;
  }
  .home-hots-img[src*="/imgs/cats/"],
  .home-hots-item img[src*="/imgs/cats/"]{
    object-fit:contain !important;
    padding:18px;
    background:#f7f7f8;
  }
  .home-hots-price{
    color:#e62e04 !important;
    font-weight:700 !important;
  }

  /* Native mobile Home */
  .container.safari_only,
  .home-header,
  .header-box,
  .content-box{
    width:100% !important;
    max-width:100vw !important;
  }

  /* Drop leftover Outnet hero: blue/white branded background + 20vw empty Join strip. */
  .container.safari_only .content-box,
  .content-box{
    background: none !important;
    background-image: none !important;
  }
  .container .home-header .home-join,
  .home-join{
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .home-swiper{
    min-height: 0 !important;
  }
  .header_image,
  .home-header img[src*="outnet" i],
  .home-swiper img[src*="outnet" i],
  .home-swiper img[src*="logo-icon" i],
  .swipe-img[src*="outnet" i],
  .swipe-img[src*="favicon" i],
  .hnb-left,
  .hnb-img,
  .home-notice-box img{
    display: none !important;
  }
  .home-quick{
    min-height: 0 !important;
  }
  .home-quick-links{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px 4px !important;
    padding:8px 6px 4px !important;
  }
  .quick-link-item,
  .hnb-right-item{
    width:auto !important;
  }
  .quick-link-text,
  .hnb-right-text{
    font-size:11px !important;
    line-height:1.2 !important;
    text-align:center;
  }
  .header-input-box,
  .header-input{
    width:100% !important;
  }
  .home-chat{
    bottom:calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    right:12px !important;
  }
  /* Home only — Classification uses .container.safari_only too. */
  body.dx-shop-tabs .content-box{
    padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  }
}