/*
 * AvvalStock universal mobile submenu component v67.
 * Native class names isolate card geometry from historical navigation skins.
 */
@media (max-width:1023px){
  .avs-mobile-nav .avs-menu-toolbar{
    box-sizing:border-box;
    display:flex;
    direction:rtl;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:100%;
    min-height:54px;
    margin:0 0 9px;
    padding:4px 2px 8px;
    position:relative;
  }

  .avs-mobile-nav .avs-menu-toolbar::after{
    content:"";
    position:absolute;
    right:2px;
    bottom:0;
    left:2px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(var(--avs-context-rgb,125,91,214),.28),transparent);
  }

  .avs-mobile-nav .avs-menu-back{
    appearance:none;
    box-sizing:border-box;
    display:flex;
    direction:rtl;
    align-items:center;
    gap:7px;
    min-width:105px;
    height:42px;
    margin:0;
    padding:4px 7px 4px 10px;
    border:1px solid rgba(var(--avs-context-rgb,125,91,214),.20);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(var(--avs-context-rgb,125,91,214),.09),#fff 72%);
    box-shadow:0 5px 14px rgba(var(--avs-context-rgb,125,91,214),.09);
    color:var(--avs-context-dark,#39236d);
    font:inherit;
    text-align:right;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
  }

  .avs-mobile-nav .avs-menu-back__icon{
    box-sizing:border-box;
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:10px;
    background:linear-gradient(145deg,var(--avs-context,#7650d0),var(--avs-context-dark,#5636a7));
    box-shadow:0 4px 10px rgba(var(--avs-context-rgb,125,91,214),.20);
    color:#fff;
  }

  .avs-mobile-nav .avs-menu-back__icon svg{width:13px;height:13px;stroke-width:2.3}
  .avs-mobile-nav .avs-menu-back__copy{display:flex;flex-direction:column;min-width:0;line-height:1.2}
  .avs-mobile-nav .avs-menu-back__copy small{color:#8b93a2;font-size:7.5px;font-weight:700}
  .avs-mobile-nav .avs-menu-back__copy strong{margin-top:2px;color:#243047;font-size:10.4px;font-weight:950;white-space:nowrap}

  .avs-mobile-nav .avs-menu-context{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:0;
    direction:rtl;
    text-align:right;
  }

  .avs-mobile-nav .avs-menu-context small{color:#959dac;font-size:7.6px;font-weight:700}
  .avs-mobile-nav .avs-menu-context strong{margin-top:2px;overflow:hidden;color:#172033;font-size:13px;font-weight:950;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
  .avs-mobile-nav .avs-menu-back:active,.avs-mobile-nav .avs-menu-back.is-pressed{transform:scale(.975);box-shadow:0 3px 9px rgba(var(--avs-context-rgb,125,91,214),.12)}
  .avs-mobile-nav .avs-menu-back:focus-visible{outline:3px solid rgba(var(--avs-context-rgb,125,91,214),.18);outline-offset:2px}

  .avs-mobile-nav .avs-menu-list{
    display:flex;
    flex-direction:column;
    gap:5px;
    width:100%;
    margin:0;
    padding:0;
  }

  .avs-mobile-nav .avs-menu-item{--avs-card-rgb:var(--avs-context-rgb,125,91,214);display:block;width:100%;height:68px;margin:0}
  .avs-mobile-nav .avs-menu-item.is-type-brand{--avs-card-rgb:36,132,210}
  .avs-mobile-nav .avs-menu-item.is-type-cpu{--avs-card-rgb:34,151,202}
  .avs-mobile-nav .avs-menu-item.is-type-generation{--avs-card-rgb:75,110,210}
  .avs-mobile-nav .avs-menu-item.is-type-gpu{--avs-card-rgb:62,166,111}
  .avs-mobile-nav .avs-menu-item.is-type-engineering{--avs-card-rgb:218,71,85}

  .avs-mobile-nav .avs-menu-card{
    appearance:none;
    box-sizing:border-box;
    display:grid;
    direction:ltr;
    grid-template-columns:minmax(118px,46%) minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
    align-items:center;
    width:100%;
    height:68px;
    min-height:0;
    margin:0;
    padding:0 13px 0 7px;
    column-gap:9px;
    overflow:hidden;
    position:relative;
    isolation:isolate;
    border:1px solid rgba(var(--avs-card-rgb),.14);
    border-radius:15px;
    background:linear-gradient(90deg,rgba(var(--avs-card-rgb),.06),#fff 46%,#fff);
    box-shadow:0 3px 10px rgba(15,23,42,.045);
    color:#172033;
    font:inherit;
    text-decoration:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
  }

  .avs-mobile-nav .avs-menu-card__media{
    grid-column:1;
    grid-row:1;
    display:grid;
    place-items:center;
    width:min(100%,var(--avs-media-width,118px));
    height:min(62px,var(--avs-media-height,62px));
    min-width:0;
    justify-self:center;
    position:relative;
    overflow:visible;
    isolation:isolate;
  }

  .avs-mobile-nav .avs-menu-card__media::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:14% 7%;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(var(--avs-card-rgb),.15),rgba(var(--avs-card-rgb),.05) 48%,transparent 74%);
  }

  .avs-mobile-nav .avs-menu-card__media img{
    display:block;
    position:relative;
    z-index:1;
    width:min(100%,var(--avs-artwork-width,100%));
    height:min(100%,var(--avs-artwork-height,100%));
    max-width:100%;
    max-height:100%;
    margin:0;
    object-fit:contain;
    object-position:center;
    border:0;
    background:transparent;
    filter:drop-shadow(0 5px 7px rgba(15,23,42,.11));
    transform:scale(var(--avs-media-scale,1));
    transform-origin:center;
  }

  .avs-mobile-nav .avs-menu-card__media.is-icon span{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border:0;
    border-radius:0;
    background:transparent;
    color:rgb(var(--avs-card-rgb));
    filter:drop-shadow(0 5px 8px rgba(var(--avs-card-rgb),.16));
  }

  .avs-mobile-nav .avs-menu-card__media.is-icon svg{width:27px;height:27px}
  .avs-mobile-nav .avs-menu-card__media.is-tone-dark{height:min(52px,var(--avs-media-height,52px));overflow:hidden;border:1px solid rgba(var(--avs-card-rgb),.18);border-radius:13px;background:#030712;box-shadow:0 6px 15px rgba(15,23,42,.16)}
  .avs-mobile-nav .avs-menu-card__media.is-tone-dark::before{display:none}

  /* Brand and Series badges now share the base media contract via registry geometry. */
  .avs-mobile-nav .avs-menu-item.is-brand-choice .avs-menu-card__media,
  .avs-mobile-nav .avs-menu-item.is-cpu-choice .avs-menu-card__media,
  .avs-mobile-nav .avs-menu-item.is-cpu-generation-choice .avs-menu-card__media,
  .avs-mobile-nav .avs-menu-item.is-gpu-choice .avs-menu-card__media{
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .avs-mobile-nav .avs-menu-item.is-brand-choice .avs-menu-card__media::before,
  .avs-mobile-nav .avs-menu-item.is-cpu-choice .avs-menu-card__media::before,
  .avs-mobile-nav .avs-menu-item.is-cpu-generation-choice .avs-menu-card__media::before,
  .avs-mobile-nav .avs-menu-item.is-gpu-choice .avs-menu-card__media::before{display:none}

  .avs-mobile-nav .avs-menu-item.is-brand-choice .avs-menu-card__media img,
  .avs-mobile-nav .avs-menu-item.is-cpu-choice .avs-menu-card__media img,
  .avs-mobile-nav .avs-menu-item.is-cpu-generation-choice .avs-menu-card__media img,
  .avs-mobile-nav .avs-menu-item.is-gpu-choice .avs-menu-card__media img{filter:none}

  .avs-mobile-nav .avs-menu-card__copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;min-width:0;direction:rtl;text-align:right}
  .avs-mobile-nav .avs-menu-card__copy strong{display:block;overflow:hidden;color:#172033;font-size:13px;font-weight:900;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
  .avs-mobile-nav .avs-menu-card__copy small{display:block;margin-top:2px;overflow:hidden;color:#858f9f;font-size:8.8px;font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
  .avs-mobile-nav .avs-menu-card:active,.avs-mobile-nav .avs-menu-card.is-pressed{transform:scale(.988);border-color:rgba(var(--avs-card-rgb),.32);box-shadow:0 5px 13px rgba(var(--avs-card-rgb),.11)}
  .avs-mobile-nav .avs-menu-card:focus-visible{outline:3px solid rgba(var(--avs-card-rgb),.18);outline-offset:2px}
}

@media (max-width:389px){
  .avs-mobile-nav .avs-menu-toolbar{min-height:50px;margin-bottom:8px}
  .avs-mobile-nav .avs-menu-back{min-width:99px;height:39px;padding-inline:6px 9px}
  .avs-mobile-nav .avs-menu-back__icon{width:26px;height:26px;flex-basis:26px}
  .avs-mobile-nav .avs-menu-context strong{font-size:12.2px}
  .avs-mobile-nav .avs-menu-item,.avs-mobile-nav .avs-menu-card{height:64px}
  .avs-mobile-nav .avs-menu-card{grid-template-columns:minmax(104px,44%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:0 10px 0 6px;column-gap:7px;border-radius:14px}
  .avs-mobile-nav .avs-menu-card__media{height:min(58px,var(--avs-media-height,58px))}
  .avs-mobile-nav .avs-menu-card__copy strong{font-size:12.4px}
  .avs-mobile-nav .avs-menu-card__copy small{font-size:8.2px}
}

@media (prefers-reduced-motion:reduce){
  .avs-mobile-nav .avs-menu-card,.avs-mobile-nav .avs-menu-back{transition:none}
}

/* v71.3.0 — canonical Brand -> Series registry states */
@media (max-width:767px){
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card{
    cursor:default;
  }
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card:active,
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card.is-pressed{
    transform:none;
  }
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card__copy small{
    opacity:.78;
  }
}


/* v71.5.0 — brand-list order/typography polish */
@media (max-width:767px){
  .avs-mobile-nav .avs-menu-card__copy small.is-series-preview{
    direction:ltr;
    unicode-bidi:isolate;
    text-align:right;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
    letter-spacing:0;
  }
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card__copy small:empty{display:none}
}