@media screen and (max-width:639px){

/* ==========================================================
   TEPLITSA — нижний таббар каталога, mobile < 640px
   ========================================================== */

@media screen and (max-width:639px){

  .apple-floating-tabs{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    bottom:12px !important;
    z-index:9999 !important;

    display:block !important;

    background:rgba(255,255,255,.60) !important;
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);

    border:1px solid rgba(255,255,255,.35) !important;
    border-radius:8px !important;
    padding:8px !important;

    box-shadow:0 10px 30px rgba(0,0,0,.08) !important;

    opacity:0;
    transform:translateY(20px);
    pointer-events:none;

    transition:opacity .28s ease, transform .28s ease;
  }

  .apple-floating-tabs.is-visible{
    opacity:1 !important;
    transform:translateY(0) !important;
    pointer-events:auto !important;
  }

  .apple-floating-tabs__inner{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
  }

  .apple-floating-tabs__inner::-webkit-scrollbar{
    display:none;
  }

  .apple-floating-tabs a{
    flex:0 0 auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:34px !important;
    padding:0 16px !important;

    box-sizing:border-box !important;

    font-family:Manrope,sans-serif !important;
    font-size:13px !important;
    font-weight:300 !important;
    line-height:1 !important;

    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    color:#454444 !important;
    background:rgba(255,255,255,.82) !important;

    border:1px solid #454444 !important;
    border-radius:4px !important;
  }

  .apple-floating-tabs a.is-active{
    background:#454444 !important;
    color:#fff !important;
    border-color:#454444 !important;
  }

  .apple-floating-tabs a:active{
    transform:scale(.97);
  }
}

/* На десктопе скрываем */
@media screen and (min-width:640px){
  .apple-floating-tabs{
    display:none !important;
  }
}