/* Products + OEM mobile secondary navigation
   Scope: mobile and portrait tablet only. Desktop remains untouched. */
.mobile-secondary-nav{display:none;}

@media (max-width: 900px), (min-width: 901px) and (max-width: 1180px) and (orientation: portrait){
  body.products-page .products-hero,
  body.oem-odm-page .page-head{
    display:none !important;
  }

  body.products-page aside.sidebar,
  body.oem-odm-page aside.sidebar{
    display:none !important;
  }

  .mobile-secondary-nav{
    display:block !important;
    position:relative;
    top:auto;
    z-index:1;
    padding:10px 0 8px;
    background:rgba(247,243,238,.96);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(61,43,31,.10);
  }

  .mobile-secondary-nav .secondary-nav-inner{
    width:min(100% - 24px, 1180px);
    margin:0 auto;
    padding:10px 10px 9px;
    border:1px solid rgba(61,43,31,.12);
    border-radius:18px;
    background:#F7F3EE;
    box-shadow:0 12px 26px rgba(61,43,31,.08);
  }

  .mobile-secondary-nav .secondary-nav-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
  }

  .mobile-secondary-nav .secondary-nav-head strong{
    font-size:13px;
    line-height:1;
    color:#3D2B1F;
    letter-spacing:.01em;
  }

  .mobile-secondary-nav .secondary-nav-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 36px;
    width:36px;
    height:34px;
    border-radius:999px;
    border:1px solid rgba(61,43,31,.14);
    background:#fff;
    color:#3D2B1F;
    font-size:18px;
    line-height:1;
    cursor:pointer;
  }

  .mobile-secondary-nav .secondary-chip-track{
    display:flex;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:1px;
  }

  .mobile-secondary-nav .secondary-chip-track::-webkit-scrollbar{display:none;}

  .mobile-secondary-nav .secondary-chip{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(61,43,31,.14);
    background:#fff;
    color:#3D2B1F;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
  }

  .mobile-secondary-nav .secondary-chip.is-active,
  .mobile-secondary-nav .secondary-chip:focus,
  .mobile-secondary-nav .secondary-chip:hover{
    background:#E7DCC6;
    border-color:#C8A27A;
  }

  .mobile-secondary-nav .secondary-nav-panel{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding-top:10px;
  }
  .mobile-secondary-nav .secondary-nav-panel[hidden]{display:none !important;}

  .mobile-secondary-nav .secondary-nav-panel a{
    display:flex;
    align-items:center;
    min-height:38px;
    padding:0 12px;
    border-radius:12px;
    background:#fff;
    border:1px solid rgba(61,43,31,.10);
    color:#3D2B1F;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
  }

  body.products-page main,
  body.oem-odm-page main{
    padding-top:0 !important;
  }

  body.products-page .layout,
  body.oem-odm-page .layout{
    display:block !important;
    margin-top:16px !important;
  }

  body.products-page .content-sections,
  body.oem-odm-page .content-sections{
    gap:18px !important;
  }

  body.products-page .product-card,
  body.oem-odm-page .oem-card,
  body.oem-odm-page .cta-panel{
    scroll-margin-top:86px !important;
  }
}