/* Shared by the public storefront, including Bitrix fragments loaded by AJAX. */
.mz-classic-page {
    --store-accent: #215942;
    --store-deep: #183a2a;
    --store-heading: #254437;
    --store-ink: #293d32;
    --store-muted: #506657;
    --store-line: #cbdccc;
    --store-hover-line: #83a88c;
    --store-wash: #f1f6ef;
    --store-radius: 12px;
    --mz-blue: var(--store-accent);
    --mz-blue-dark: var(--store-deep);
    --mz-text: var(--store-ink);
    --mz-muted: var(--store-muted);
    --mz-line: var(--store-line);
    --mz-bg-soft: var(--store-wash);
    --swiper-theme-color: var(--store-accent);
}

.workarea {
    color: var(--store-ink);
    font-family: Arial, Helvetica, sans-serif;
    accent-color: var(--store-accent);
}
.workarea .bx-content-seection {
    padding: 0 15px 24px;
    border: 0;
}
.mzc-heading.container {
    margin-bottom: 24px;
}
.mzc-heading #pagetitle,
.mz-home .primary__h1,
.workarea h2.primary__h2 {
    margin: 12px 0 0;
    color: var(--store-heading);
    font: 700 clamp(24px, 2.4vw, 35px)/1.18 Arial, Helvetica, sans-serif;
    letter-spacing: -.035em;
    overflow-wrap: break-word;
}
.mzc-heading #navigation .bx-breadcrumb-item :is(a, span, i) { color: var(--store-muted); }
.mzc-dropdown .bx-blue.bx-top-nav .bx-top-nav-container { background: white; }
.mzc-dropdown .bx-blue.bx-top-nav .bx-top-nav-container li > a:is(:hover, :focus-visible, .bx-active),
.mzc-dropdown .bx-blue.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-hover > a {
    background: var(--store-wash);
    color: var(--store-accent);
}
.mz-classic-page .bx_smart_searche.theme-blue .bx_item_block_href:hover { background: var(--store-wash); }
.mz-classic-page .bx_smart_searche.theme-blue :is(.bx_item_block_href_category_name, .bx_item_block_item_name b, .bx_item_element a b) {
    color: var(--store-accent);
}
.mz-classic-page .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button {
    background: var(--store-accent);
    border-color: var(--store-accent);
    border-radius: 8px;
    color: white;
}
.workarea :is(h2, h3, h4) { color: var(--store-heading); font-family: inherit; }
.workarea a:not(.btn) { color: var(--store-accent); }
.workarea a:not(.btn):hover { color: var(--store-deep); }
.mz-classic-page :is(.workarea, .mzc-heading, .mz-tabbar, .mz-buybar) :focus-visible {
    outline: 2px solid var(--store-accent);
    outline-offset: 3px;
}

/* A lighter green distinguishes purchase actions from navigation. */
html:not([data-store-palette="blue"]) .mz-classic-page :is(
    .btn[id$="_buy_link"],
    .btn[id$="_add_basket_link"],
    .offer-item__add-btn.add-to-cart,
    .mz-deals__cta[data-deal-buy],
    .mz-buybar__btn
):not(:disabled, .disabled, [aria-disabled="true"]) {
    --store-accent: #388052;
    --store-deep: #2c6b45;
    --mz-blue: var(--store-accent);
    --mz-blue-dark: var(--store-deep);
}

.mz-classic-page .workarea .btn:is(.btn-primary, .btn-default, .btn-themes),
.mz-classic-page .workarea .mz-deals .mz-deals__cta,
.mz-classic-page .workarea .search-page input[type="submit"] {
    border: 1px solid var(--store-accent);
    border-radius: 8px;
    background: var(--store-accent);
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-shadow: none;
    box-shadow: none;
}
.mz-classic-page .workarea .btn:is(.btn-primary, .btn-default, .btn-themes):is(:hover, :active, :focus-visible),
.mz-classic-page .workarea .mz-deals .mz-deals__cta:hover,
.mz-classic-page .workarea .search-page input[type="submit"]:hover {
    border-color: var(--store-deep);
    background: var(--store-deep);
    color: white;
}
.mz-classic-page .workarea .btn:is(.btn-primary, .btn-default, .btn-themes):is(.disabled, :disabled, [aria-disabled="true"]) {
    border-color: var(--store-line);
    background: #e1e9e1;
    color: var(--store-muted);
    opacity: 1;
}
.workarea :is(.form-control, .bx-authform-input-container input, .search-page input[type="text"]) {
    max-width: 100%;
    border: 1px solid var(--store-line);
    border-radius: 7px;
    background-color: white;
    color: var(--store-ink);
    box-shadow: none;
}
.workarea :is(.form-control, .bx-authform-input-container input, .search-page input[type="text"]):focus {
    border-color: var(--store-accent);
    box-shadow: 0 0 0 2px #21594224;
}

/* Home, editorial content and section introductions. */
.mz-home .nbrains-slider-block { overflow: hidden; border-radius: var(--store-radius); }
.mz-home .bx-content > .primary__h1 { margin: 22px 0 10px; text-align: left; }
.mz-home .bx-content > .primary__simpletext {
    margin: 0;
    color: var(--store-muted);
    font: 16px/1.6 Arial, Helvetica, sans-serif;
    text-align: left !important;
}
.mz-home .bx-content > .primary__simpletext:has(> br:only-child) { display: none; }
.workarea h2.primary__h2 { margin: 32px 0 16px; text-align: left; }
.workarea .primary__h2 a span { color: var(--store-heading) !important; }
.workarea .primary__pc, .workarea .lead {
    padding: 14px 18px;
    border: 1px solid var(--store-line);
    border-radius: var(--store-radius);
    background: var(--store-wash);
    color: var(--store-heading);
    box-shadow: none;
}
.workarea .mz-deals[data-design] {
    border: 1px solid var(--store-line);
    border-radius: var(--store-radius);
    background: white;
    overflow: hidden;
}
.workarea .mz-deals[data-design] .mz-deals__header {
    border: 0;
    border-bottom: 1px solid var(--store-line);
    background: var(--store-wash);
}
.workarea .mz-deals[data-design] .mz-deals__heading {
    color: var(--store-heading);
    font: 700 23px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: -.03em;
    text-transform: none;
}
.workarea .mz-deals[data-design] .mz-deals__badge { background: var(--store-accent); color: white; }
.workarea .mz-deals .mz-deals__image { border-color: var(--store-line); border-radius: 8px; }
.workarea .sidebar .center-picture { max-width: 100%; height: auto; border-radius: 8px; }
.workarea .bx-s-info-titleicon { background-color: var(--store-accent); }
.workarea .bx-newslist-block, .workarea .mz-manufacturer-intro {
    padding: clamp(14px, 2vw, 22px);
    border: 1px solid var(--store-line);
    border-radius: var(--store-radius);
    background: white;
}
.workarea .bx-newslist-block { margin-bottom: 18px; }
.workarea .bx-newslist-title a { color: var(--store-heading); }
.workarea .bx-newslist:has(.manufacturers-list__title) > .row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 205px), 1fr));
    gap: 12px;
    margin: 0;
}
.workarea .bx-newslist:has(.manufacturers-list__title) > .row::before,
.workarea .bx-newslist:has(.manufacturers-list__title) > .row::after { display: none; }
.workarea .bx-newslist-container:has(.manufacturers-list__title) { width: auto; padding: 0; }
.workarea .bx-newslist-block:has(.manufacturers-list__title) {
    height: 100%;
    margin: 0;
    padding: 16px 12px;
}
.workarea .bx-newslist-block:has(.manufacturers-list__title):is(:hover, :focus-within) {
    border-color: var(--store-hover-line);
}
.workarea .bx-newslist-block:has(.manufacturers-list__title) .bx-newslist-img {
    margin-bottom: 12px;
}
.workarea .bx-newslist-block:has(.manufacturers-list__title) img {
    width: 100%;
    height: 132px;
    object-fit: contain;
}
.workarea .manufacturers-list__title, .workarea .manufacturers-list__title a {
    padding: 0;
    font: 600 16px/1.4 Arial, Helvetica, sans-serif;
}
.workarea .mz-manufacturer-intro { background: var(--store-wash); }
.workarea .mz-manufacturer-logo { background: white; border-radius: 8px; }
.mz-information { font-size: 16px; line-height: 1.65; overflow-wrap: break-word; }
.mz-information :is(p, li) { font: inherit; }
.mz-information :is(h2, h3, h4) {
    margin: 24px 0 10px;
    font-weight: 700;
    letter-spacing: -.02em;
}
.mz-information hr { margin: 24px 0; border-color: var(--store-line); }
.mz-information img { max-width: 100%; height: auto; }
.mz-information iframe { max-width: 100%; border-radius: var(--store-radius); }
.mz-information li::marker { color: var(--store-accent); }
.mz-feeding-guides {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    gap: 12px;
}
.mz-feeding-guides a {
    padding: 10px;
    border: 1px solid var(--store-line);
    border-radius: var(--store-radius);
}
.mz-feeding-guides a:is(:hover, :focus-visible) { border-color: var(--store-hover-line); }
.mz-feeding-guides img { display: block; width: 100%; }
.mz-information .mz-help-links {
    display: grid;
    gap: 10px;
    padding: 0;
    list-style: none;
}
.mz-help-links a {
    display: block;
    padding: 12px 16px;
    background: var(--store-wash);
    border: 1px solid var(--store-line);
    border-radius: 8px;
    font-weight: 600;
}

/* Product lists, filtering and the product detail page. */
.mz-catalog-controls { border-color: var(--store-line); color: var(--store-muted); }
.mz-catalog-controls__field.is-active { color: var(--store-accent); }
.mz-catalog-controls select:hover { background-color: var(--store-wash); }
.mz-catalog-controls__field::after { border-color: var(--store-muted); }
.workarea .catalog-section .product-item-container .product-item,
.workarea .catalog-top .product-item {
    border: 1px solid var(--store-line) !important;
    border-radius: var(--store-radius);
    background: white;
}
.workarea :is(.catalog-section, .catalog-top) .product-item-container:is(:hover, :focus-within) .product-item {
    border-color: var(--store-hover-line) !important;
}
.workarea .product-item-title a { color: var(--store-heading); font: 600 15px/1.4 Arial, Helvetica, sans-serif; }
.workarea .catalog-element-default-mod { margin-top: 0; }
.workarea .product-item-detail-nav-container {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin: 0 0 14px;
}
.workarea .product-item-detail-nav-container::before,
.workarea .product-item-detail-nav-container::after { display: none; }
.workarea .product-item-detail-nav-container > div { width: auto; margin: 0; }
.workarea .product-item-detail-nav-container a {
    display: inline-block;
    padding: 6px 8px;
    border-radius: 6px;
    background: var(--store-wash);
    font-size: 13px;
}
.workarea .product-item-price-current { color: var(--store-heading); }
.workarea .product-item-button-container .btn { min-height: 34px; padding: 7px 10px; }
.workarea .mz-favorite { color: var(--store-muted); border-color: var(--store-line); }
.workarea .mz-favorite:is(:hover, [aria-pressed="true"]) {
    color: var(--store-accent);
    border-color: var(--store-hover-line);
    background: var(--store-wash);
}
.workarea .product-item-detail-pay-block {
    padding: 18px;
    border: 1px solid var(--store-line);
    border-radius: var(--store-radius);
    background: var(--store-wash);
}
.workarea .product-item-detail-price-current { color: var(--store-heading); }
.workarea .product-item-detail-pay-block:has(.product-item-detail-price-old:not([style*="none"], :empty)) .product-item-detail-price-current {
    color: #a53229;
}
.workarea .product-item-detail-tab-link { color: var(--store-accent); }
.workarea .product-item-detail-tab.active .product-item-detail-tab-link { color: var(--store-heading); }
.workarea .product-item-detail-tab-link::after,
.workarea .product-item-image-slider-control.active,
.workarea .product-item-image-slider-control:hover,
.workarea .product-item-detail-slider-progress-bar,
.workarea .product-item-image-slider-progress-bar { background-color: var(--store-accent); }
.workarea :is(.product-item-scu-item-text-container, .product-item-scu-item-color-container).selected > *,
.workarea .product-item-detail-slider-controls-image:is(.active, :hover) { outline-color: var(--store-accent); }
.workarea .bx-pagination .bx-pagination-container ul li.bx-active span { background: var(--store-accent); color: white; }
.workarea .bx-pagination .bx-pagination-container ul li a:hover span { background: var(--store-wash); color: var(--store-accent); }

/* Account, cart, checkout, search and the configurator. */
.workarea :is(.bx-authform, .mz-favorites-empty, .bx-sbb-empty-cart-container, .mz-catalog-empty) {
    padding: clamp(18px, 3vw, 36px);
    border: 1px solid var(--store-line);
    border-radius: var(--store-radius);
    background: var(--store-wash);
    color: var(--store-muted);
}
.workarea .search-page form { margin-bottom: 20px; }
.workarea .search-page input:is([type="text"], [type="submit"]) { padding: 8px 12px; }
.workarea .sale-personal-section-index-block.bx-theme-blue {
    border: 1px solid var(--store-line);
    border-radius: var(--store-radius);
    background: var(--store-wash);
    opacity: 1;
    text-transform: none;
}
.workarea .sale-personal-section-index-block :is(a, h2, i) { color: var(--store-heading); text-shadow: none; }
.workarea .sale-personal-section-index-block:hover { border-color: var(--store-hover-line); }
.workarea .bx-inclinkspersonal-item.bx-inclinkspersonal-selected {
    border-color: var(--store-accent);
    background: var(--store-wash);
}
.workarea :is(.basket-checkout-container, .basket-items-list-wrapper, .bx-soa-section, .bx-soa-cart-total) {
    border-color: var(--store-line);
    border-radius: var(--store-radius);
}
.workarea :is(.basket-items-list-header, .bx-soa-section-title-container) {
    background: var(--store-wash);
    color: var(--store-heading);
}
#webprostor_configurator .panel-primary { border-color: var(--store-line); border-radius: 8px; }
#webprostor_configurator .panel-primary > .panel-heading {
    border-color: var(--store-line);
    background: var(--store-wash);
    color: var(--store-heading);
}
#webprostor_configurator .progress-bar-primary { background-color: var(--store-accent); }
#webprostor_configurator .btn-link { color: var(--store-accent); }
#order_form_div .edost_main { border-radius: var(--store-radius); }
#order_form_div div.edost_format_head { background: var(--store-wash); color: var(--store-heading); }
.mz-classic-page :is(.mz-toast, .mz-favorites-notice) { background: var(--store-deep); }
.mz-classic-page .mz-toast__link { background: var(--store-wash); color: var(--store-deep) !important; }

@media (max-width: 767px) {
    .mz-classic-page .mzc-mobile-header { border-bottom-color: var(--store-accent); }
    .mz-classic-page .mz-classic #smart-title-search input.bx-form-control {
        background: var(--store-wash);
        border-color: var(--store-line) !important;
        color: var(--store-ink);
    }
    .mz-classic-page .mz-classic #smart-title-search .bx-input-group-btn button svg { color: var(--store-accent); }
    .mzc-heading.container { margin-bottom: 16px; }
    .mzc-heading #pagetitle { margin: 8px 0 0; font-size: 25px; }
    .workarea .product-item-title a { font-size: 14px; }
    .workarea .bx-newslist:has(.manufacturers-list__title) > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .workarea .bx-newslist-block:has(.manufacturers-list__title) img { height: 108px; }
    .mz-feeding-guides { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .workarea .product-item-button-container .btn { min-height: 40px; }
    .mz-classic-page .mz-buybar__btn { border-radius: 8px; }
    .mz-information { font-size: 15px; }
}
