/*
|--------------------------------------------------------------------------
| HEADER CART
|--------------------------------------------------------------------------
*/

.ftr-header-cart{
    position:relative;

    width:44px;
    height:44px;

    flex:0 0 44px;

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

    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;

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

    color:#fff;

    text-decoration:none;

    transition:
        border-color .16s ease,
        background .16s ease,
        transform .16s ease;
}


.ftr-header-cart:hover{
    transform:translateY(-1px);

    border-color:
        rgba(174,60,255,.55);

    background:
        rgba(132,35,210,.12);
}


.ftr-header-cart.is-active{
    border-color:
        rgba(178,64,255,.7);

    background:
        rgba(137,37,213,.15);
}


.ftr-header-cart__icon{
    width:21px;
    height:21px;

    display:block;
}


.ftr-header-cart__count{
    position:absolute;

    top:-6px;
    right:-6px;

    min-width:20px;
    height:20px;

    padding:0 5px;

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

    border:2px solid #16001f;
    border-radius:999px;

    background:#ffd400;

    color:#16001f;

    font-size:10px;
    line-height:1;
    font-weight:900;
}


/*
|--------------------------------------------------------------------------
| MOBILE CART
|--------------------------------------------------------------------------
*/

.ftr-mobile-cart-link{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
}


.ftr-mobile-cart-count{
    min-width:22px;
    height:22px;

    padding:0 6px;

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

    border-radius:999px;

    background:#ffd400;

    color:#16001f;

    font-size:10px;
    font-weight:900;
}


@media (max-width:900px){

    .ftr-header-cart{
        width:40px;
        height:40px;

        flex-basis:40px;

        border-radius:12px;
    }

}

/* ==========================================================
   DESKTOP SAFETY — MOBILE CART / SIDEBAR MUST NEVER ENTER FLOW
   ========================================================== */
@media (min-width: 901px) {
    .ftr-mobile-sidebar,
    .ftr-mobile-sidebar-overlay,
    .ftr-mobile-cart-summary,
    [data-ftr-mobile-sidebar],
    [data-ftr-mobile-sidebar-overlay],
    [data-ftr-mobile-cart-summary] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}