/*
 * AvvalStock Navigation v63 — Mobile Accessories Layout Owner
 *
 * This file loads after the legacy/v60/v61/v62 navigation stack and is the
 * sole active owner of Accessories card geometry. The :is() scope deliberately
 * includes the real Bakala body-portal mount with enough specificity to beat
 * historical !important selectors without affecting any other menu panel.
 */
@media (max-width:1023px){
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel > ul{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
  }

  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity{
    display:block!important;
    width:100%!important;
    min-height:92px!important;
    height:92px!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid #e3e8ef!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff 0%,#fdfdff 100%)!important;
    box-shadow:0 3px 11px rgba(15,23,42,.035)!important;
  }

  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity > a,
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity > button{
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:minmax(112px,43%) minmax(0,1fr)!important;
    grid-template-rows:90px!important;
    width:100%!important;
    min-width:0!important;
    min-height:90px!important;
    height:90px!important;
    margin:0!important;
    padding:0 14px 0 8px!important;
    gap:10px!important;
    align-items:center!important;
    border:0!important;
    background:transparent!important;
  }

  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity .avs-mobile-nav__identity--accessory{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:86px!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    align-self:center!important;
    justify-self:stretch!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    flex:none!important;
  }

  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity .avs-mobile-nav__identity--accessory img{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:drop-shadow(0 6px 8px rgba(15,23,42,.09))!important;
    transform:scale(1)!important;
    transform-origin:center!important;
  }

  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity .avs-mobile-nav__item-copy{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    direction:rtl!important;
    text-align:right!important;
  }

  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__item-title{
    display:-webkit-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:#172033!important;
    font-size:13.6px!important;
    font-weight:900!important;
    line-height:1.38!important;
    letter-spacing:-.012em!important;
    direction:rtl!important;
    text-align:right!important;
  }

  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__item-subtitle{
    display:-webkit-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:4px 0 0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:#858f9f!important;
    font-size:9.3px!important;
    font-weight:650!important;
    line-height:1.48!important;
    direction:rtl!important;
    text-align:right!important;
  }

  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__row-chevron{
    display:none!important;
  }

  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory img{transform:scale(1.08)!important}
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.is-cables .avs-mobile-nav__identity--accessory img{transform:scale(1.04)!important}
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.is-cooling-pad .avs-mobile-nav__identity--accessory img{transform:scale(1.04)!important}
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.is-bag .avs-mobile-nav__identity--accessory img{transform:scale(.98)!important}
}

@media (max-width:389px){
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity{
    min-height:88px!important;
    height:88px!important;
  }
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity > a,
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity > button{
    grid-template-columns:minmax(100px,42%) minmax(0,1fr)!important;
    grid-template-rows:86px!important;
    min-height:86px!important;
    height:86px!important;
    gap:8px!important;
    padding:0 11px 0 7px!important;
  }
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity .avs-mobile-nav__identity--accessory{
    height:82px!important;
  }
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__item-title{font-size:12.8px!important}
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__item-subtitle{font-size:8.7px!important}
}

@media (prefers-reduced-motion:reduce){
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity,
  :is(
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63 .avs-mobile-nav,
    body.avs-navigation-v61.avs-navigation-v62.avs-navigation-v63.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal
  ) .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__identity--accessory img{
    transition:none!important;
  }
}