.header{height:68px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:relative;z-index:10;backdrop-filter:blur(16px)}.header__inner{height:100%;display:flex;align-items:center;gap:52px}.logo{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:900}.logo__mark{width:30px;height:30px;display:grid;place-items:center;color:#101814;font-weight:900;border:2px solid var(--green);border-radius:7px;transform:rotate(45deg)}.logo__mark::first-letter{transform:rotate(-45deg)}.nav{display:flex;gap:32px;flex:1}.nav a{font-size:12px;color:#38433d;font-weight:600;padding:25px 0}.nav a.active{color:var(--text)}.header__actions{display:flex;gap:6px;align-items:center}.header__actions button{background:transparent;width:38px;height:38px;border-radius:11px;color:#334039}.header__actions button:hover{background:#f0f4f1}.header__actions b{background:var(--green);color:#fff;border-radius:9px;font-size:8px;padding:2px 4px}.burger{display:none}@media(max-width:850px){.nav{display:none}.header__inner{justify-content:space-between}.header__actions button:nth-child(3),.header__actions button:nth-child(4){display:none}.burger{display:block!important;background:#f0f4f1!important}}
/* =========================================================
   ArCar — mobile smart header
   Вниз >20px: скрыть
   Вверх: показать
   ========================================================= */

@media (max-width: 850px) {

    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        transform: translateY(0);
        transition: transform .22s ease, box-shadow .22s ease;
        z-index: 1000;
    }

    .header.is-hidden {
        transform: translateY(-100%);
    }

    body {
        padding-top: 68px;
    }

}

/* Telegram avatar */
.user-menu__avatar--photo {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    pointer-events: none;
    -webkit-user-drag: none;
}

/* =========================================================
   ArCar — cart header
   ========================================================= */

.header__actions .cart-header-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    width: 54px !important;
    height: 38px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    border-radius: 11px !important;

    color: #334039 !important;
}

.header__actions .cart-header-button:hover {
    background: #f0f4f1 !important;
}

.header__actions .cart-header-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 20px !important;
    line-height: 22px !important;
}

.header__actions .cart-header-count {
    position: static !important;

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

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

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    box-sizing: border-box !important;

    border-radius: 50% !important;

    background: var(--green) !important;
    color: #fff !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 20px !important;
}


/* TEST CART */
.cart-header-button {
    background: yellow !important;
    width: 120px !important;
}

.cart-header-icon {
    font-size: 30px !important;
}

.cart-header-count {
    background: red !important;
    color: white !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}