.my-nav{ gap:10px; margin-left:0!important; }
.my-nav a{ margin:0 !important; display:inline-flex; color: #222; padding: 5px 10px; font-size: 14px; border: 1px solid #eee; border-radius: 4px; height: 32px; line-height: 20px; align-items: center; box-sizing: border-box; }
.my-nav a:hover{ box-shadow: 0 5px 20px rgba(61,61,61,.1); color: var(--cheme-color);}
.my-nav a.my-nav__active{ color: #fff; background:#232b46; }


.filter-img {
    filter: grayscale(100%);
    opacity: 0.5;
}

.shopPluginPredzakazCartItemsDeficit:before {
    content: "Предзаказ";
    display: block;
    border-radius: 3px;
    background: #e04144;
    color: white;
    padding: 3px 10px;
    font-size: 14px;
    width: fit-content;
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body {
    padding: 8px 0;
}


/* Cart / checkout product-name links.
   Base theme sets `a, a:hover { color: var(--cheme-color) }` (red #e04144),
   which made cart item titles glare. Use the normal text colour and move the
   accent to hover/focus instead. */
.wa-order-cart-wrapper a.wa-name,
.wa-order-cross_selling-wrapper a.wa-name {
    color: #222;
    transition: color .2s ease-out;
}

.wa-order-cart-wrapper a.wa-name:hover,
.wa-order-cart-wrapper a.wa-name:focus,
.wa-order-cross_selling-wrapper a.wa-name:hover,
.wa-order-cross_selling-wrapper a.wa-name:focus {
    color: var(--cheme-color);
}

/* Marketplace buttons in the LIST catalogue layout sit directly under the
   "Купить в 1 клик" button and need a little more breathing room than the
   shared 6px. Scoped to .s-products__item so the tile (thumbs) layout keeps
   its original spacing. */
.s-products__item .p__marketplaces {
    margin-top: 11px;
}