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

/* ===============================
   Apple Floating Tabs
================================ */

.apple-floating-tabs{

    position:fixed;
    left:10px;
    right:10px;
    bottom:12px;

    z-index:9999;

    background:rgba(255,255,255,.60);

    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);

    border:1px solid rgba(255,255,255,.35);

    border-radius:8px;

    padding:8px;

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

    opacity:0;
    transform:translateY(20px);

    pointer-events:none;

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

}

/* Появление панели */

.apple-floating-tabs.is-visible{

    opacity:1;
    transform:translateY(0);

    pointer-events:auto;

}

/* Контейнер кнопок */

.apple-floating-tabs__inner{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:6px;

    width:100%;

}

/* Кнопки */

.apple-floating-tabs a{

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

    min-height:34px;

    padding:0 4px;

    box-sizing:border-box;

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

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

    color:#454444;

    background:rgba(255,255,255,.82);

    border:1px solid #454444;
    border-radius:4px;

    transition:
        background .2s ease,
        color .2s ease,
        transform .15s ease;

}

/* Активная кнопка */

.apple-floating-tabs a.is-active{

    background:#454444;
    color:#fff;

    border-color:#454444;

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.08),
        inset 0 -1px 2px rgba(0,0,0,.18);

}

/* Нажатие */

.apple-floating-tabs a:active{

    transform:scale(.97);

}

}