/* New catalogue colors and motion, original storefront dimensions and typography.
 * Do not set widths, heights, spacing, layout or fonts in this stylesheet. */
:is(.content_products, .storefront-cards) #breadcrumbs,
.content_product_detail #breadcrumbs {
    color: var(--mc-muted);
}

:is(.content_products, .storefront-cards) #breadcrumbs a,
.content_product_detail #breadcrumbs a {
    color: var(--mc-muted);
    text-decoration: none;
}

:is(.content_products, .storefront-cards) .category_products_sorting {
    background: var(--mc-paper);
    border-radius: 10px;
}

:is(.content_products, .storefront-cards) .category_products_sorting .panel_item,
:is(.content_products, .storefront-cards) .category_products_sorting .sort_title {
    background: none;
}

:is(.content_products, .storefront-cards) .sort_title_first {
    color: var(--mc-muted);
}

:is(.content_products, .storefront-cards) .sort_item_button a {
    color: var(--mc-ink);
    border-radius: 6px;
    transition: color .25s ease;
}

:is(.content_products, .storefront-cards) .sort_item_button a:hover,
:is(.content_products, .storefront-cards) .sort_item_button a:focus-visible,
:is(.content_products, .storefront-cards) .sort_item_button.active a {
    background: transparent;
    color: var(--mc-blue);
}

:is(.content_products, .storefront-cards) .product_image {
    background: white;
}

:is(.content_products, .storefront-cards) .product_image img {
    transition: transform .5s var(--mc-ease);
}

:is(.content_products, .storefront-cards) .product:hover .product_image img {
    transform: scale(1.06);
}
:is(.content_products, .storefront-cards) .product .product_title a,
:is(.content_products, .storefront-cards) .product .product_buy_block_price,
:is(.content_products, .storefront-cards) .product_inline h2 a,
:is(.content_products, .storefront-cards) .product_inline .product_buy_block_price {
    transition: color .25s ease;
}
:is(.content_products, .storefront-cards) .product:hover .product_title a,
:is(.content_products, .storefront-cards) .product:hover .product_buy_block_price,
:is(.content_products, .storefront-cards) .product_inline:hover h2 a,
:is(.content_products, .storefront-cards) .product_inline:hover .product_buy_block_price {
    color: var(--mc-blue);
}

:is(.content_products, .storefront-cards) .product_title a {
    color: var(--mc-ink);
    text-decoration: none;
}

:is(.content_products, .storefront-cards) .product_parametrs {
    color: var(--mc-muted);
}

:is(.content_products, .storefront-cards) .product_buy_block {
    background: none;
}

:is(.content_products, .storefront-cards) .product_buy_block_price {
    color: var(--mc-ink);
}

:is(.content_products, .storefront-cards) .product_buy_block .button_product_buy,
:is(.content_products, .storefront-cards) .product_inline_buy .button_product_buy {
    background: #e9f1f6;
    border-radius: 8px;
    color: var(--mc-blue);
    transition: background .2s,color .2s,transform .2s;
}

:is(.content_products, .storefront-cards) .product:hover .button_product_buy,
:is(.content_products, .storefront-cards) .product_inline:hover .button_product_buy {
    background: var(--mc-blue);
    color: white;
}

:is(.content_products, .storefront-cards) .button_product_buy:active {
    transform: scale(.97);
}

:is(.content_products, .storefront-cards) .product_status {
    background: none!important;
}

:is(.content_products, .storefront-cards) .product_status_available {
    color: #33836a;
}

:is(.content_products, .storefront-cards) .product_status_not_available {
    color: #89949c;
}

:is(.content_products, .storefront-cards) .paginator a {
    border-radius: 9px;
    background: white;
    color: var(--mc-ink);
    transition: background .2s,transform .2s;
}

:is(.content_products, .storefront-cards) .paginator a:hover {
    transform: translateY(-2px);
}

:is(.content_products, .storefront-cards) .paginator a.active {
    background: var(--mc-ink);
    color: white;
}

/* Compact category cards share the landing-page skin, not its larger layout. */
:is(.content_products, .storefront-cards) .content_categories_block .content_categories_items .content_categories_item {
    position: relative;
    background: var(--mc-paper);
    border-color: transparent;
    border-radius: 16px;
    color: var(--mc-ink);
    box-shadow: none;
    transform: translateY(0);
    transition: transform .4s var(--mc-ease), box-shadow .4s ease,
                border-color .3s ease, background-color .3s ease;
}
:is(.content_products, .storefront-cards) .content_categories_block .content_categories_items .content_categories_item:hover,
:is(.content_products, .storefront-cards) .content_categories_block .content_categories_items .content_categories_item:focus-within {
    transform: translateY(-6px);
    background: #fff;
    border-color: #c6d8e4;
    box-shadow: 0 18px 38px rgba(24, 48, 68, .09);
}
:is(.content_products, .storefront-cards) .content_categories_block .content_categories_item_title a {
    color: var(--mc-ink);
    text-decoration: none;
    transition: color .25s ease;
}
/* The existing title link covers the card without adding another tab stop. */
:is(.content_products, .storefront-cards) .content_categories_item_title a::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    z-index: 2;
}
:is(.content_products, .storefront-cards) .content_categories_item:focus-within {
    outline: 2px solid #70b5db;
    outline-offset: 3px;
}
:is(.content_products, .storefront-cards) .content_categories_item_img img {
    mix-blend-mode: multiply;
    transform: scale(1) rotate(0deg);
    transition: transform .55s var(--mc-ease);
}
:is(.content_products, .storefront-cards) .content_categories_item:hover .content_categories_item_img img,
:is(.content_products, .storefront-cards) .content_categories_item:focus-within .content_categories_item_img img {
    transform: scale(1.07) rotate(-3deg);
}
:is(.content_products, .storefront-cards) .category-card-arrow {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: white;
    color: var(--mc-ink);
    font-size: 19px;
    line-height: 1;
    pointer-events: none;
    transform: rotate(0deg);
    transition: background-color .3s ease, color .3s ease, transform .4s var(--mc-ease);
}
:is(.content_products, .storefront-cards) .content_categories_item:hover .category-card-arrow,
:is(.content_products, .storefront-cards) .content_categories_item:focus-within .category-card-arrow {
    background: var(--mc-ink);
    color: white;
    transform: rotate(45deg);
}

:is(.content_products, .storefront-cards) .page_block_description_arrows {
    color: var(--mc-muted);
}

:is(.content_products, .storefront-cards) .product_inline {
    border-radius: 14px;
    transition: box-shadow .25s,transform .25s;
}

:is(.content_products, .storefront-cards) .product_inline:hover {
    box-shadow: 0 12px 25px #18304410;
    transform: translateY(-3px);
}

:is(.content_products, .storefront-cards) .product_inline h2 a {
    color: var(--mc-ink);
}

.content_product_detail .product_detail_slider_block {
    background: var(--mc-paper);
    border-radius: 18px;
}

.content_product_detail .product-main-splide {
    border-radius: 12px;
}

.content_product_detail .product-main-splide .splide__slide img {
    transition: transform .5s var(--mc-ease);
}

.content_product_detail .product-main-splide .splide__slide a:hover img {
    transform: scale(1.06);
}

.content_product_detail .product-thumb-splide .splide__slide {
    border-radius: 9px;
    background: white;
    transition: opacity .2s,border .2s,transform .2s;
}

.content_product_detail .product-thumb-splide .splide__slide:hover {
    transform: translateY(-2px);
}

.content_product_detail .product_detail_articul {
    color: var(--mc-muted);
}

.content_product_detail .product_detail_articul .font-bold {
    color: var(--mc-ink);
}

.content_product_detail .table_arrows_characteristics td {
    background: none!important;
}

.content_product_detail .table_arrows_characteristics td:first-child {
    color: var(--mc-muted);
}

.content_product_detail .table_arrows_characteristics td:last-child {
    color: var(--mc-ink);
}

.content_product_detail .char_open_all a {
    color: var(--mc-blue);
}

.content_product_detail .product_detail_price_block {
    background: white;
    border-radius: 16px;
    box-shadow: 0 14px 35px #18304409;
}

.content_product_detail .product_detail_price_block_wrapper {
    background: none;
}

.content_product_detail .product_detail_price {
    color: var(--mc-ink);
}

.content_product_detail .product_detail_price [itemprop=priceCurrency] {
    color: #84939f;
}

.content_product_detail .product_detail_buy button {
    border-radius: 10px;
    background: var(--mc-blue);
    color: #fff;
    transition: background .2s,transform .2s,box-shadow .2s;
}

.content_product_detail .product_detail_buy button:hover {
    background: #145a83;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px #176b9d30;
}

.content_product_detail .product_detail_buy button:active {
    transform: scale(.97);
}

.content_product_detail .product_basket_counter {
    border-radius: 8px;
    background: var(--mc-paper);
}

.content_product_detail .product_basket_counter>* {
    background: transparent!important;
    color: var(--mc-ink);
}

.content_product_detail .product_basket_counter .counter_minus,
.content_product_detail .product_basket_counter .counter_plus {
    transition: background .2s;
}

.content_product_detail .product_basket_counter .counter_minus:hover,
.content_product_detail .product_basket_counter .counter_plus:hover {
    background: #e2ebf1!important;
}

.content_product_detail .product_detail_price_block .product_status {
    background: none;
}

.content_product_detail .tabs_arrows_product_detail {
    border-radius: 15px;
}

.content_product_detail .tabs_arrows_title_items {
    background: var(--mc-paper);
}

.content_product_detail .tabs_arrows_title_item__link {
    background: none;
    color: var(--mc-muted);
    border-radius: 8px;
    transition: background .25s,color .25s,box-shadow .25s;
}

.content_product_detail .tabs_arrows_title_item__link:hover {
    color: var(--mc-ink);
    background: #e8edf1;
}

.content_product_detail .tabs_arrows_title_item__link.active {
    background: white;
    color: var(--mc-ink);
    box-shadow: 0 2px 6px #18304408;
}

.content_product_detail .div_table_arrows_thead {
    background: var(--mc-paper);
    color: var(--mc-ink);
}

:is(.content_products, .storefront-cards) button:focus-visible,
.content_product_detail button:focus-visible {
    outline: 3px solid #79b8da;
    outline-offset: 3px;
}


/* Card motion lives on the resting state, so hover-in and hover-out both ease. */
:is(.content_products .category_products, .storefront-cards) .product,
:is(.content_products, .storefront-cards) .product_inline {
    border-color: var(--mc-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(24, 48, 68, .035);
    transform: translateY(0);
    transition: transform .42s cubic-bezier(.22, 1, .36, 1),
                box-shadow .42s ease, border-color .3s ease, background-color .3s ease;
}
:is(.content_products .category_products, .storefront-cards) .product:hover,
:is(.content_products .category_products, .storefront-cards) .product:focus-within,
:is(.content_products, .storefront-cards) .product_inline:hover,
:is(.content_products, .storefront-cards) .product_inline:focus-within {
    transform: translateY(-7px);
    border-color: #a5c9de;
    box-shadow: 0 18px 36px -10px rgba(24, 48, 68, .23),
                0 5px 12px -5px rgba(23, 107, 157, .12);
}
:is(.content_products, .storefront-cards) .product .product_image img,
:is(.content_products, .storefront-cards) .product_inline .product_inline_img img {
    transform: scale(1) translateY(0);
    transition: transform .65s cubic-bezier(.22, 1, .36, 1);
}
:is(.content_products, .storefront-cards) .product:hover .product_image img,
:is(.content_products, .storefront-cards) .product:focus-within .product_image img,
:is(.content_products, .storefront-cards) .product_inline:hover .product_inline_img img,
:is(.content_products, .storefront-cards) .product_inline:focus-within .product_inline_img img {
    transform: scale(1.08) translateY(-3px);
}
:is(.content_products, .storefront-cards) .product .product_buy_block .button_product_buy,
:is(.content_products, .storefront-cards) .product_inline .button_product_buy {
    background: #e9f1f6;
    color: var(--mc-blue);
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #dce9f1;
    transform: translateY(0);
    transition: background-color .3s ease, color .3s ease,
                box-shadow .35s ease, transform .35s cubic-bezier(.22, 1, .36, 1);
}
:is(.content_products, .storefront-cards) .product:hover .button_product_buy,
:is(.content_products, .storefront-cards) .product:focus-within .button_product_buy,
:is(.content_products, .storefront-cards) .product_inline:hover .button_product_buy,
:is(.content_products, .storefront-cards) .product_inline:focus-within .button_product_buy {
    background: var(--mc-blue);
    color: white;
    box-shadow: 0 5px 12px rgba(23, 107, 157, .18);
    transform: translateY(-2px);
}
:is(.content_products, .storefront-cards) .product .product_buy_block .button_product_buy:hover,
:is(.content_products, .storefront-cards) .product_inline .button_product_buy:hover {
    background: #145a83;
    box-shadow: 0 7px 16px rgba(23, 107, 157, .26);
    transform: translateY(-3px);
}
:is(.content_products, .storefront-cards) .product .product_buy_block .button_product_buy:active,
:is(.content_products, .storefront-cards) .product_inline .button_product_buy:active {
    transform: translateY(0) scale(.96);
    box-shadow: 0 2px 5px rgba(23, 107, 157, .12);
}
/* Enter animations do not change the card's position in the grid. */
.modern-catalog-root .catalog-card-enter,
:is(.content_products, .storefront-cards) .catalog-card-enter {
    animation: catalog-card-enter .55s var(--mc-ease) both;
    animation-delay: var(--reveal-delay, 0ms);
}
@keyframes catalog-card-enter {
    from { opacity: 0; translate: 0 18px; }
    to { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
    .modern-catalog-root .catalog-card-enter,
    :is(.content_products, .storefront-cards) .catalog-card-enter { animation: none; }
    :is(.content_products, .storefront-cards) *,
    .content_product_detail * { transition: none !important; }
    :is(.content_products .category_products, .storefront-cards) .product,
    :is(.content_products, .storefront-cards) .product_inline,
    :is(.content_products, .storefront-cards) .content_categories_item,
    :is(.content_products, .storefront-cards) .content_categories_item img,
    :is(.content_products, .storefront-cards) .category-card-arrow,
    :is(.content_products, .storefront-cards) .product img,
    :is(.content_products, .storefront-cards) .product_inline img,
    :is(.content_products, .storefront-cards) .button_product_buy { transform: none !important; }
}
