/* v1.2.0-fix422-r2 Smartphone menu-management density and readability */

.company-menu-page.fix422-company-menu-shell .fix422-mobile-guide-summary{
  display:none;
}

@media (max-width:760px){
  /* Keep the onboarding guide useful without forcing five steps to occupy the first screen. */
  .company-menu-page.fix422-company-menu-shell .fix420-product-guide-head{
    align-items:flex-start;
    margin-bottom:8px;
  }

  .company-menu-page.fix422-company-menu-shell .fix420-product-guide-head p{
    display:none;
  }

  .company-menu-page.fix422-company-menu-shell .fix420-product-guide-head h3{
    font-size:15px;
    line-height:1.35;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide{
    margin-top:8px;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:48px;
    padding:8px 10px;
    border:1px solid #f0c49d;
    border-radius:9px;
    background:#fff;
    cursor:pointer;
    list-style:none;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide-summary::-webkit-details-marker{
    display:none;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide-current{
    display:grid;
    gap:1px;
    min-width:0;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide-current small{
    color:#9b5a24;
    font-size:9px;
    font-weight:800;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide-current b{
    overflow:hidden;
    font-size:12px;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide-cue{
    display:flex;
    align-items:center;
    gap:4px;
    flex:0 0 auto;
    color:#9d4b0e;
    font-size:10px;
    font-weight:800;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide[open] .fix422-mobile-guide-summary{
    background:#fff7ef;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide > .fix420-product-guide-steps{
    margin-top:8px;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-mobile-guide > .fix420-product-guide-footnote{
    margin-top:7px;
  }

  /* Five management destinations stay scan-friendly without becoming a long one-column list. */
  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button{
    min-height:46px!important;
    padding:8px!important;
    font-size:11px!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button:last-child{
    grid-column:1/-1!important;
  }

  /* Product search: keyword first, then paired filters. */
  .company-menu-page.fix422-company-menu-shell [data-fix422-product-filters]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:end!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-product-filters] [data-fix422-filter]{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-product-filters] [data-fix422-filter="search"]{
    grid-column:1/-1!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-product-filters] [data-fix422-filter] input,
  .company-menu-page.fix422-company-menu-shell [data-fix422-product-filters] [data-fix422-filter] select{
    width:100%!important;
    min-width:0!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-product-filters] [data-fix422-filter-clear]{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
  }
}

@media (max-width:350px){
  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav]{
    grid-template-columns:1fr!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button:last-child{
    grid-column:auto!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-product-filters]{
    grid-template-columns:1fr!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-product-filters] [data-fix422-filter="search"],
  .company-menu-page.fix422-company-menu-shell [data-fix422-product-filters] [data-fix422-filter-clear]{
    grid-column:auto!important;
  }
}