.page-wrapper{max-width:100%;}
.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main{max-width:1440px;}
.page-header{border-color:#fff;}
.page-header .panel.wrapper{background-color:#0d1b2e;}
.page-header .block-search .input-text{border-color:#ebebeb;background:#f3f3f3;}
.page-header .block-search.inline .action.close{color:#fff;}
.page-footer{color:#0d1b2e;}
.footer.content .links a, .footer.content .links a:visited, .page-footer .footer-toolbar-top a, .page-footer .footer-toolbar-top .alink{color:#0d1b2e;}
.footer.content .links a:hover, .footer.content .links a:visited:hover, .page-footer .footer-toolbar-top a:hover, .page-footer .footer-toolbar-top .alink:hover{color:#ea1819;}
.page-footer div.title, .page-footer .block.newsletter .label{color:#0d1b2e;}
.action.primary{background:#ea1819;border-color:#ea1819;}
.action.primary:hover, .action.primary:focus, .action.primary:active{background:#ea1819;border-color:#ea1819;}
.tocart.action, .block.soldtogether-block .soldtogether-cart-btn, .bundle-actions .action.primary.customize{background:#ea1819;border-color:#ea1819;}
.tocart.action:hover, .block.soldtogether-block .soldtogether-cart-btn:hover, .bundle-actions .action.primary.customize:hover, .tocart.action:active, .block.soldtogether-block .soldtogether-cart-btn:active, .bundle-actions .action.primary.customize:active, .tocart.action:focus, .block.soldtogether-block .soldtogether-cart-btn:focus, .bundle-actions .action.primary.customize:focus{background:#ea1819;border-color:#ea1819;}
.page-title-wrapper .page-title, .catalog-product-view .column.main > .block .block-title [role="heading"]{font-family:sans-serif;color:#0d1b2e;}
div.block .block-title strong, .block.askit-question-form > .block-title strong, .contact.form .legend, .column.main .block-title [aria-level="3"], div.block .content-heading [role="heading"]{font-family:sans-serif;color:#0d1b2e;}
.product-info-main .product-info-price .price-box .price-container [data-price-type=finalPrice] .price, .product-info-main .product-info-price .price-box .price-container [data-price-type=minPrice] .price, .product-info-main .product-info-price .price-box .price-container [data-price-type=maxPrice] .price, .bundle-options-container .block-bundle-summary .price-box [data-price-type=finalPrice] .price{color:#0d1b2e;}
/* ══════════════════════════════════════════════════════
   Theme Editor Custom CSS — esd.equipment
   Весь плоский CSS (без LESS-переменных и миксинов).
   LESS-часть → _argento_custom.less
   ══════════════════════════════════════════════════════ */

/* ── BASE ──────────────────────────────────────────────── */
body { color: #1d1d1f; font-size: 1.5rem; }
h1 { font-size: 2.5rem; line-height: 3.5rem; }
h2 { line-height: 2.5rem; }
h3, .product-info-sticky .name { font-size: 1.5rem; }
.breadcrumbs a { color: #1d1d1f; }
.breadcrumbs a:hover { color: #1d1d1f; }
.breadcrumbs .items { color: #4b7caa; }
.breadcrumbs a:visited { color: #1d1d1f; }
a, .alink { color: #D82115; }
a:hover { color: #D82115 !important; }
.footer-toolbar-bottom { display: none; }

/* ── SEARCH (базовые стили без @переменных) ───────────── */
.amsearch-autocomplete-image .product-image-photo { border: none; }

/* Search form */
.page-header.amsearch-full-width .amsearch-form-block,
.amsearch-form-block {
    background: #f4f5f7 !important;
    border: 1.5px solid #e2e4e8 !important;
    border-radius: 12px !important;
    height: 50px !important;
    overflow: visible !important;
    transition: border-color 0.2s, background 0.2s, box-shadow 0.2s !important;
}
.page-header.amsearch-full-width .amsearch-form-block:hover:not(:focus-within),
.amsearch-form-block:hover:not(:focus-within) {
    border-color: #b0b6c0 !important;
    background: #f0f1f3 !important;
}
/* Input wrapper */
.amsearch-input-wrapper {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
/* Input field */
.amsearch-input,
.amsearch-input-wrapper .amsearch-input {
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    color: #012a3b !important;
    box-shadow: none !important;
    width: 100% !important;
}
.amsearch-input::placeholder,
.amsearch-input-wrapper .amsearch-input::placeholder {
    color: #9aa3af !important;
    font-size: 14px !important;
}
.amsearch-input:focus,
.amsearch-input-wrapper .amsearch-input:focus {
    box-shadow: none !important;
    outline: none !important;
}
/* Button position */
.amsearch-input-wrapper .amsearch-button.-loupe {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
}
/* Typed state — кнопка остаётся справа */
.amsearch-input-wrapper.-typed .amsearch-button.-loupe {
    right: 0 !important;
    left: auto !important;
}
.amsearch-input-wrapper.-typed .amsearch-input {
    padding-left: 16px !important;
    padding-right: 60px !important;
}
/* Opened state — убрать position:fixed (баг из старого LESS) */
.amsearch-form-block.-opened {
    position: relative !important;
    justify-content: flex-start !important;
}

/* Search results — цвет текста #012a3b */
.amsearch-result-section,
[data-amsearch-js="result-section"],
.amsearch-results {
    color: #012a3b !important;
}
.amsearch-result-section a,
.amsearch-result-section .amsearch-link,
.amsearch-result-section .amsearch-item-name,
.amsearch-result-section .item-name,
.amsearch-result-section .amsearch-category-title,
.amsearch-result-section .amsearch-section-title,
.amsearch-result-section .amsearch-text,
.amsearch-result-section .amsearch-highlight,
[data-amsearch-js="result-section"] a,
[data-amsearch-js="result-section"] .amsearch-link {
    color: #012a3b !important;
}
.amsearch-products-section .amsearch-link,
.amsearch-products-section a.amsearch-link,
a.amsearch-link.item-name {
    color: #012a3b !important;
    font-size: 1.4rem !important;
}
.amsearch-category-title,
.amsearch-section-title {
    color: #012a3b !important;
}

/* ── SEARCH — десктоп: полная ширина ─────────────────── */
@media (min-width: 768px) {
    .amsearch-wrapper-block {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    .amsearch-form-block {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
    }
    .amsearch-input-wrapper {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        width: auto !important;
    }
    .flex-grow-1.flex-col-center {
        padding: 0 16px !important;
        min-width: 0 !important;
    }
    .amsearch-result-section,
    [data-amsearch-js="result-section"],
    .amsearch-overlay {
        z-index: 1000001 !important;
    }
}

/* ── TOP ──────────────────────────────────────────────── */
.product-item .old-price { visibility: hidden; }
.product-item-name, .product.name a { color: #001932; }
.sidebar .product-item-name > a { color: #1d1d1f; }
.easycatalogimg a { color: #012a3b; }
.easycatalogimg a:hover { color: #D82115; }
.product-item .price-box [data-price-type="finalPrice"] .price,
.product-item .price-box > .regular-price .price,
.product-item .price-box > .minimal-price .price,
.product-item .price-box > .price-from .price,
.product-item .price-box > .price-to .price { color: #D82115; }
.page-header .minicart-wrapper .action.showcart .counter.qty,
.page-header .minicart-wrapper .action.showcart.active .counter.qty { background: #D82115; }

/* ── MAIN MENU ─────────────────────────────────────────── */
.nav-sections .nav-sections-items .navigation:not(.navpro) {
    padding-top: 0px;
    padding-bottom: 0px;
}
.navigation .level0 > .level-top {
    color: #ffffff;
    line-height: 40px;
}
div.eln-breadcrumb ol.items li.item a.action.remove:before { content: ''; }
.amslider .slide .category-item-title,
.amslider .swiper-slide .swiper-category-item { font-weight: bold; }

/* ── MINI CART ─────────────────────────────────────────── */
.minicart-items .product-item-name a {
    font-size: 12px;
    line-height: 18px;
    color: #012a3b;
}
.minicart-items .product-item-details .price { color: #ea1819; }
.block-minicart .subtotal { text-align: left; }
.minicart-wrapper .action.showcart .counter.qty,
.minicart-wrapper .action.showcart.active .counter.qty { background: #ea1819; }

/* ── FRONTPAGE ─────────────────────────────────────────── */
.jumbotron { padding: 0 0 0; }
.argento-grid { margin-left: 10px; margin-right: 10px; }
.footer.content .footer-newsletter { margin: 20px 30px; padding: 0px 0px; }

/* ── PRODUCT PAGE ──────────────────────────────────────── */
.catalog-product-view .page-title-wrapper .page-title {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 40px;
}
.product-info-main .product-options-bottom .price-box .price-container .price,
.product-info-main .product-info-price .price-box .price-container .price {
    color: #ea1819;
    font-size: 35px;
}
#product\.info\.description p { color: #1d1d1f; }
.product-info-main .product.attribute.overview { color: #1d1d1f; }
.product-info-sticky .price-excluding-tax,
.product-info-sticky .old-price { display: none !important; }
.action.primary:hover,
.block-authentication .action.action-login:hover {
    background: #ea1819;
    border: 0;
    color: #fff;
}
.action.primary,
.block-authentication .action.action-login {
    background: #001932;
    border: 0;
    color: #ffffff;
}
.product-info-main .box-tocart.is_stuck .price-box .price-label+.price-wrapper,
.bundle-options-container .box-tocart.is_stuck .price-box .price-label+.price-wrapper { margin-top: 15%; }
.product-info-main .product-options-bottom .price-box .price-container .price-label,
.product-info-main .product-info-price .price-box .price-container .price-label {
    font-size: 1.5rem;
    color: #000;
}
.product-info-main .product-info-stock-sku {
    color: #1d1d1f;
    text-align: left;
    font-size: 2rem;
}
.product-info-main .product-social-links .action.tocompare,
.product-info-main .product-social-links .action.towishlist { color: #012a3b; }
.product.pricing { background: #ffcc33; }
.fotorama__stage .fotorama__img,
.fotorama__nav-wrap .fotorama__img { filter: contrast(100%); }
.argento-float-photo img { filter: contrast(94%); }
.product-info-main .product.attribute.sku .type:after { content: ':'; }
.product-info-main .product.attribute.sku { display: inline-flex; }
.product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax .price,
.product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax .price,
.product-options-bottom .price-box .price-container .weee + .price-excluding-tax .price,
.product-info-price .price-box .price-container .weee + .price-excluding-tax .price,
.product-options-bottom .price-box .price-container .weee .price,
.product-info-price .price-box .price-container .weee .price {
    font-size: 18px;
    font-weight: 400;
}
.is_stuck .product-info-sticky .price-box .price-container .price {
    font-size: 2.5rem;
    font-weight: 700;
}
.price-including-tax, .price-excluding-tax { line-height: 0.5; }
.tocart.action,
.block.soldtogether-block .soldtogether-cart-btn,
.bundle-actions .action.primary.customize { background: #012a3b; }
.soldtogether-block .swiper-button-next:after { display: none; }
.soldtogether-block .swiper-button-prev:after { display: none; }
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after { display: none; }
.technical-specifications__item--value { padding-left: 20px; }
.product-info-main .product-options-bottom .price-box .old-price .price,
.product-info-main .product-info-price .price-box .old-price .price,
.product-info-main .product-options-bottom .price-box .old-price .price-container,
.product-info-main .product-info-price .price-box .old-price .price-container { visibility: hidden; }
.abs-input-qty, .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty,
.box-tocart .input-text.qty, .account .data.table-return-items .qty .input-text,
.table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty,
.table.grouped .col.qty .control.qty .qty, .block-wishlist-info-items .input-text.qty,
.multicheckout .table-wrapper .col .qty .input-text,
.account .table-wrapper .data.table.wishlist .box-tocart .qty,
.products-grid.wishlist .product-item .box-tocart input.qty,
.sidebar .block-addbysku .fieldset .fields .field.qty .qty { width: 70px; }

/* ── CATEGORY PAGE ─────────────────────────────────────── */
.sidebar .block { padding: 10px; }
.price-wrapper.price-excluding-tax { display: none; }

/* ── SUCCESS / ACCOUNT PAGE ────────────────────────────── */
.account .main .block .block-title { color: #011a3b; }
.abs-status-desktop, .return-status, .order-status { visibility: hidden; }

/* ── FOOTER ────────────────────────────────────────────── */
.page-footer > .content { padding: 0 0 0 0; }
.footer-links .item > .content > div { margin-bottom: 0; }
.footer.content .links > li { font-size: 14px; }
.footer-toolbar-bottom { visibility: hidden; }

/* ── PRODUCT GRID — item name overflow ─────────────────── */
.page-products .column.main .products-grid:not(.swiper-container) .product-items .product-item .product-item-name,
.column.main .block.widget .products-grid:not(.swiper-container) .product-items .product-item .product-item-name {
    overflow: visible !important;
    white-space: initial !important;
}

@media (min-width: 1024px) {
    .page-products .column.main .products-grid:not(.swiper-container) .product-items .product-item,
    .column.main .block.widget .products-grid:not(.swiper-container) .product-items .product-item {
        height: auto !important;
    }
    .page-layout-1column .column.main .block.widget .products-grid:not(.swiper-container) .product-items .product-item { height: 500px; }
}

/* ── BRANDS ────────────────────────────────────────────── */
.category-image-wrapper .page-title-wrapper { visibility: hidden; }
.ambrands-letter .ambrands-brand-item .ambrands-inner { height: 70%; }
.ambrands-letter .ambrands-brand-item .ambrands-count { color: #cb2b24; }
.ambrands-slider-container.amslider_id1815 { background-color: #FFF; }

/* ── SUBTITLE fix ──────────────────────────────────────── */
.page-products .main .page-title-wrapper .page-title:after {
    content: '';
    border: 2px solid;
    width: 70px;
    display: inline-block;
    margin-left: 16px;
}
.page-products .main .page-title-wrapper .page-title,
.account .main .page-title,
.contact-index-index .page-title-wrapper .page-title { margin: 0; }
.page-products .main .page-title-wrapper .subtitle {
    font-weight: 600;
    font-size: 28px;
    color: #7a8fa3;
}

/* ── FAQ ───────────────────────────────────────────────── */
.swissup-richsnippets__faqs--item {
    border: var(--faqs-item__border, solid #ddd);
    border-width: var(--faqs-item__border-width, 1px 0 1px);
    margin: var(--faqs-item__margin, -1px 0 0);
}
.swissup-richsnippets__faqs--question {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    font-weight: var(--faqs-question__font-weight, 600);
    padding: var(--faqs-question__padding, 1.25rem 0);
}
.swissup-richsnippets__faqs--question::after {
    content: var(--faqs-question__icon__code, '\2039');
    font-weight: normal;
    padding: var(--faqs-question__icon__padding, 0 1rem);
    transform: var(--faqs-question__icon__transform, scale(1.5) rotate(-90deg));
}
[open] > .swissup-richsnippets__faqs--question::after {
    transform: var(--faqs-question-open__icon__transform, scale(1.5) rotate(90deg));
}
.swissup-richsnippets__faqs--answer {
    padding: var(--faqs-answer__padding, 0 0 1.25rem);
}

/* ── CONTENT WRAPPER 1440px ────────────────────────────── */
.panel.header,
.header.content,
.header.bottom,
.nav-sections .navigation,
.breadcrumbs,
.page-main,
.page-messages,
.footer.content { max-width: 1440px; }

/* ── HEADER + NAV z-index ──────────────────────────────── */
.page-header {
    position: relative;
    z-index: 500;
}
.nav-sections {
    position: relative;
    z-index: 400;
}
.navigation .level0 > .submenu,
.nav-sections .navigation ul.submenu,
ul.level0 > li > ul.submenu { z-index: 800 !important; }

/* ── LANGUAGE SWITCHER (плоские правила) ───────────────── */
.switcher-language .switcher-label { display: none !important; }
.switcher-language .switcher-options {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
}
.switcher-language .switcher-dropdown,
.switcher-language .switcher-dropdown[aria-hidden="true"] {
    display: flex !important;
    flex-direction: row !important;
    position: static !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: all !important;
    list-style: none !important;
    order: 2;
}
.switcher-language .view-de span::after { content: 'DE'; }
.switcher-language .view-en a::after { content: 'EN'; }
.switcher-language .view-fr a::after { content: 'FR'; }

/* ── LOGO ──────────────────────────────────────────────── */
.logo img {
    max-height: 58px !important;
    width: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* ── HEADER bottom bar ─────────────────────────────────── */
.header.bottom.flex-row {
    max-width: 100% !important;
    background: #0d1b2e;
}
.header.bottom .flex-col-left,
.header.bottom .navigation {
    max-width: 1440px !important;
    margin: 0 auto;
}

/* ── TOP BAR links ─────────────────────────────────────── */
.panel.wrapper a,
.panel.wrapper .tb-email,
.panel.wrapper .tb-highlight,
.panel.wrapper .tb-sep {
    color: rgba(255,255,255,0.58);
    font-size: 12px;
}
.panel.wrapper a:hover,
.panel.wrapper .tb-email:hover,
.panel.wrapper .tb-highlight:hover { color: #fff; }

/* ── NAVIGATION ────────────────────────────────────────── */
.navigation ul {
    padding: 0;
    background: #011a3b;
}
.nav-sections .nav-sections-items { padding-top: 0; }

/* ── HERO content (плоские правила) ───────────────────── */
.hero-content-overlay {
    position: absolute;
    left: 5%;
    top: 0;
    height: 600px;
    width: 500px;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0;
    box-sizing: border-box;
    z-index: 10;
    transform: none;
}
.hero-desc {
    font-size: 13.5px;
    color: rgba(255,255,255,0.82);
    line-height: 1.6;
    margin-bottom: 16px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.hero-cta-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.hero-content-overlay a:visited,
.hero-content-overlay a:visited:hover { color: #ffffff !important; }
.slick-slider a:visited,
.pagebuilder-slider a:visited,
.slider-container a:visited,
.easyslide-wrapper a:visited,
.easyslide-link:visited,
.btn-hero-primary:visited,
.btn-hero-secondary:visited,
.btn-hero-primary:visited:hover,
.btn-hero-secondary:visited:hover { color: #ffffff !important; }

/* ── DESKTOP: nav + submenu ────────────────────────────── */
@media (min-width: 768px) {
    .header.bottom.flex-row {
        max-width: 100% !important;
        background-color: #011a3b !important;
    }
    .nav-sections {
        overflow: visible !important;
        background-color: #011a3b;
    }
    .sections.nav-sections .section-items.nav-sections-items { overflow: visible !important; }
    .nav-sections .navigation .level0 > .submenu,
    .nav-sections .navigation ul.submenu,
    ul.level0.submenu {
        background-color: #f3f6f8 !important;
        border: 1px solid #dce3e8 !important;
        z-index: 999999 !important;
        position: absolute !important;
    }
    ul.level0.submenu li { background-color: #f3f6f8 !important; }
    ul.level0.submenu li a { color: #011a3b !important; }
    ul.level0.submenu li:hover { background-color: #e2e8ed !important; }
}

/* ── MOBILE: navigation drawer ─────────────────────────── */
@media only screen and (max-width: 767px) {
    .nav-sections .navigation a.level-top {
        color: #000 !important;
        background: #fff;
    }
    .navigation ul { background: #fff; }
    .navigation .submenu:not(:first-child).expanded { background: #fff; }
    .nav-sections-item-title.active { background: #fff; }
    .navigation a, .navigation a:hover { background: #fff; }
    .nav-sections-item-title { background: #fff; }
    .nav-sections-item-title a {
        color: #D82115;
        background: #fff;
    }
    .switcher-language { display: none; }
    .amsearch-input-wrapper .amsearch-input { width: 100%; }
    .minicart-wrapper {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .argento-grid { margin-left: 0; margin-right: 0; }
    .img-disc { display: none; }
    /* Mobile nav drawer */
    .nav-sections {
        position: fixed !important;
        top: 0;
        left: calc(-1 * (100% - 54px));
        width: calc(100% - 54px);
        height: 100%;
        overflow: auto;
        transition: left 0.3s;
        z-index: 99999;
    }
    html.nav-open .nav-sections { left: 0; }
    .nav-sections .navigation { max-width: 100% !important; }
    .navigation ul { width: 100% !important; }
    /* Mobile search */
    .amsearch-form-block { height: 44px !important; border-radius: 10px !important; }
    .page-header .amsearch-button.-loupe,
    .amsearch-button.-loupe { width: 44px !important; }
    .amsearch-input-wrapper .amsearch-input,
    .amsearch-input { font-size: 16px !important; }
    .switcher-language .switcher-dropdown { flex-direction: row !important; }
    /* Mobile misc */
    .panel.header.flex-row { padding: 0 12px; }
    .tb-email,
    .tb-sep:nth-child(n+3),
    .top-bar-right { display: none !important; }
    .logo img { max-height: 44px !important; }
}

/* ── RELATED block ─────────────────────────────────────── */
.block.related .block-title { display: inline-block; }

/* ── PRODUCT DESCRIPTION ───────────────────────────────── */
.product.detailed #description {
    padding: 60px;
    background: linear-gradient(to left, #fff 35%, #f3f6f9 35%);
}
.product.detailed #description .argento-float-photo {
    margin: 0;
    padding: 10px;
    background: #fff;
}
.product.detailed #description .argento-float-photo img { filter: contrast(94%); }
.product.detailed #description > *:not(.argento-float-photo) { max-width: 400px; }

/* ── MORE FROM BRAND ───────────────────────────────────── */
.amshopby-morefrom .block-title { padding: 40px 0 0; margin: 0 0 30px; }
.amshopby-morefrom .block-title strong { font-size: 28px; line-height: 30.8px; }
.amshopby-morefrom .block-content {
    background: rgb(247, 249, 251);
    padding: 30px 0 0;
    border-radius: 4px;
}
.amshopby-morefrom .products-morefrom { padding: 0 30px; box-sizing: border-box; }
.amshopby-morefrom .products-morefrom .product-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    list-style: none;
    gap: 10px;
}
.amshopby-morefrom .products-morefrom .product-items > .product-item {
    display: block;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.02) 0px 4px 24px 0px;
    margin: 0 0 10px 0 !important;
    width: 332px !important;
    box-sizing: border-box;
    text-align: left;
}
.amshopby-morefrom .product-item-info {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 5px;
}
.amshopby-morefrom .product-item-photo { display: block; }
.amshopby-morefrom .product-image-container { width: 240px; display: block; margin: 0 auto; }
.amshopby-morefrom .product-image-wrapper {
    width: 240px;
    height: auto !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}
.amshopby-morefrom .product-image-photo {
    position: static !important;
    display: block;
    width: 240px;
    height: 240px;
    object-fit: contain;
    margin: 0 !important;
}
.amshopby-morefrom .product-item-actions,
.amshopby-morefrom .actions-secondary { display: none; }
.amshopby-morefrom .price-box,
.amshopby-morefrom .price-container { text-align: center; }

/* ── CUSTOMERS WHO BOUGHT ──────────────────────────────── */
#soldtogether\.product\.customer .price { font-size: 24px; }
#soldtogether\.product\.customer .price-box,
#soldtogether\.product\.customer .price-container { text-align: center; }
/* ===================================================
   Исправления переключателя языков (Language Switcher)
   Добавить в: Swissup Admin → Content → Argento → Custom CSS
   или в тему: web/css/source/_extend.less
   =================================================== */

/* 1. Убрать стрелку (треугольник) дропдауна */
.switcher-language .switcher-dropdown::before,
.switcher-language .switcher-dropdown::after {
    display: none !important;
}

/* 2. Выровнять trigger (активный язык) по вертикали с остальными.
      Переопределяем базовое правило с высокой специфичностью (padding: 0) */
.page-header .panel.wrapper .switcher .options .action.toggle.switcher-trigger,
.switcher-language .switcher-trigger {
    padding: 0 12px !important;
    align-self: center !important;
}

/* 3. Корректное отображение strong/span внутри trigger */
.switcher-language .switcher-trigger strong {
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
}
.switcher-language .switcher-trigger strong span {
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
    line-height: 1 !important;
}

/* 4. Показать «EN» когда текущий язык — английский */
.switcher-language .view-en span::after {
    content: "EN";
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #ff6b1a;
    line-height: 1;
}

/* 5. Показать «FR» когда текущий язык — французский */
.switcher-language .view-fr span::after {
    content: "FR";
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #ff6b1a;
    line-height: 1;
}

/* 6. Показать «DE» в ссылках дропдауна
      (правило для span::after "DE" уже есть, но для a::after — нет) */
.switcher-language .view-de a::after {
    content: "DE";
}
/* ===================================================
   Белый цвет текста в шапке (top bar)
   email, разделитель, "We ship WORLDWIDE", "400,000+"
   Телефон остаётся оранжевым (фирменный цвет)
   =================================================== */
.panel.wrapper a,
.panel.wrapper .tb-email,
.panel.wrapper .tb-highlight,
.panel.wrapper .tb-sep {
    color: #ffffff !important;
}
.panel.wrapper a:hover,
.panel.wrapper .tb-email:hover,
.panel.wrapper .tb-highlight:hover {
    color: #ffffff !important;
}
// ════════════════════════════════════════
// Описание категории — font-size
// ════════════════════════════════════════

.category-description p {
    font-size: 15px;
}
/* ===== Сайдбар — рестайлинг под скриншот ===== */

/* Убрать "Shopping-Möglichkeiten" */
.sidebar-main .filter-subtitle { display: none !important; }

/* Блок фильтров — белый, без скруглений */
.sidebar-main .block.filter {
  background-color: #fff !important;
  border: 1px solid #e5e8ec !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
}

/* Первая секция (Kategorie) — заголовок как "KATEGORIEN" */
.sidebar-main .filter-options-item:first-child > .filter-options-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #1d1d1f !important;
  padding: 14px 14px 12px !important;
  border-bottom: 1px solid #e5e8ec !important;
  pointer-events: none !important;
}
.sidebar-main .filter-options-item:first-child > .filter-options-title::after { display: none !important; }
.sidebar-main .filter-options-item:first-child > .filter-options-content { padding: 8px 0 12px !important; }
.sidebar-main .filter-options-item:first-child .am-filter-item a,
.sidebar-main .filter-options-item:first-child .item a {
  display: block; padding: 6px 14px; font-size: 14px; color: #1d1d1f; text-decoration: none;
}
.sidebar-main .filter-options-item:first-child .am-filter-item a:hover { color: #e87722; background: #f5f6f8; }

/* Заголовок "EINKAUFSOPTIONEN" перед вторым фильтром */
.sidebar-main .filter-options-item:nth-child(2)::before {
  content: "EINKAUFSOPTIONEN" !important;
  display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.08em;
  color: #1d1d1f; padding: 14px 14px 12px;
  border-bottom: 1px solid #e5e8ec; border-top: 2px solid #e5e8ec;
}

/* Post-it в FAQ — ровные края */
.sidebar-main details.swissup-richsnippets__faqs--item { border-radius: 0 !important; }

/* FAQ вопросы — sans-serif */
.sidebar-main .swissup-richsnippets__faqs--item summary { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; }
/**
 * ESD Equipment — Product Cards: Variant 5 "Editorial + Hover Reveal"
 * Theme: Swissup Argento Force / Magento 2
 * Verified against: /arbeitsplatzsysteme/reeco (view-source)
 *
 * Реальная DOM-структура карточки:
 *
 *   <li class="item product product-item">
 *     <div class="product-item-info" data-container="product-grid">
 *       <div class="prolabels-wrapper">
 *         <a class="product photo product-item-photo" href="...">
 *           <span class="product-image-container product-image-container-{ID}">  ← width инлайн
 *             <span class="product-image-wrapper">  ← padding-bottom: 125% инлайн через <script>
 *               <img class="product-image-photo" ...>  ← position:absolute инлайн
 *             </span>
 *           </span>
 *         </a>
 *       </div>
 *       <div class="product actions product-item-actions">
 *         <div class="actions-primary">
 *           <form><button class="action tocart primary">In den Warenkorb</button></form>
 *         </div>
 *         <div class="actions-secondary" data-role="add-to-links">
 *           <a class="action towishlist">...</a>
 *           <a class="action tocompare">...</a>
 *         </div>
 *       </div>
 *       <div class="product details product-item-details">
 *         <strong class="product name product-item-name">
 *           <a class="product-item-link" href="...">Название товара</a>
 *         </strong>
 *         <div class="price-box price-final_price">
 *           <span class="price-wrapper price-including-tax"><span class="price">2.138,74 €</span></span>
 *           <span class="price-wrapper price-excluding-tax"><span class="price">1.797,26 €</span></span>
 *         </div>
 *         <div class="price-details">
 *           <span class="tax-details">exkl. <a href="...">Versandkosten</a></span>
 *         </div>
 *         <div class="product-item-inner"></div>
 *       </div>
 *     </div>
 *   </li>
 *
 * Ключевые находки из анализа разметки:
 *   1. Бренда в HTML нет — добавить через item.phtml (см. секцию 7)
 *   2. product-item-actions — СНАРУЖИ prolabels-wrapper, после фото в потоке
 *   3. padding-bottom на .product-image-wrapper задаётся инлайн через <script>
 *      (125% = соотношение 240x300), нужен !important override
 *   4. <img> внутри padding-trick имеет position:absolute инлайн — тоже нужен override
 *   5. product-image-container получает width инлайн — нужен override до 100%
 *
 * Деплой:
 *   bin/magento setup:static-content:deploy de_DE -f && bin/magento cache:flush
 */


/* ============================================================
   1. CSS-ПЕРЕМЕННЫЕ
   ============================================================ */

.products-grid .product-item-info {
    --card-accent:        #e06f1a;
    --card-bg:            #ffffff;
    --card-bg-image:      #f0f0eb;
    --card-border:        rgba(0, 0, 0, 0.09);
    --card-border-hover:  rgba(0, 0, 0, 0.22);
    --card-radius:        10px;
    --card-t:             0.18s ease;
    --price-discount:     #d0421a;
    --brand-color:        #9a9890;
    --norm-bg:            #E1F5EE;
    --norm-color:         #0F6E56;
}


/* ============================================================
   2. КАРТОЧКА — product-item-info
   ============================================================ */

/* Сброс дефолтных стилей на <li> */
.products-grid .product-item {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}

/* Основной контейнер карточки */
.products-grid .product-item-info {
    border: 0.5px solid var(--card-border) !important;
    border-radius: var(--card-radius);
    background: var(--card-bg);
    overflow: hidden;
    position: relative;          /* контекст для акцент-полосы и CTA */
    display: flex;
    flex-direction: column;
    transition: border-color var(--card-t);
    box-shadow: none !important;
}

.products-grid .product-item-info:hover {
    border-color: var(--card-border-hover) !important;
}


/* ============================================================
   3. АКЦЕНТ-ПОЛОСА 3px — тянется по всей высоте карточки
   ============================================================ */

.products-grid .product-item-info::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--card-accent);
    z-index: 5;
    border-radius: 0;
    pointer-events: none;
}


/* ============================================================
   4. ЗОНА ФОТО — исправление padding-trick
      Magento инлайн через <script> ставит:
        .product-image-container   → style.width = "240px"
        .product-image-wrapper     → style.paddingBottom = "125%"
        .product-image-photo       → position: absolute (неявно через padding-trick)
      Переопределяем всё это с !important
   ============================================================ */

/* Обёртка prolabels — фон фото-зоны */
.products-grid .prolabels-wrapper {
    background: var(--card-bg-image);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

/* Ссылка-фото */
.products-grid .product-item-photo {
    display: block;
}

/* Контейнер — сбрасываем инлайн ширину */
.products-grid .product-image-container {
    width: 100% !important;
    display: block;
}

/* Wrapper: убираем padding-trick, задаём фиксированную высоту */
.products-grid .product-image-wrapper {
    padding-bottom: 0 !important;   /* override 125% из <script> */
    height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
}

/* Изображение: убираем position:absolute из padding-trick */
.products-grid .product-image-photo {
    position: static !important;    /* override absolute из padding-trick */
    width: auto !important;
    height: auto !important;
    max-height: 176px;
    max-width: 88%;
    object-fit: contain !important;
    mix-blend-mode: multiply;
    transition: transform 0.28s ease;
    display: block;
    margin: auto;
}

.products-grid .product-item-info:hover .product-image-photo {
    transform: scale(1.04);
}


/* ============================================================
   5. HOVER REVEAL — product-item-actions
      actions находится в потоке ПОСЛЕ prolabels-wrapper.
      Решение без изменения шаблона: отрицательный margin-top
      поднимает блок поверх нижней части фото.
      Высота блока ~42px, поэтому -42px.
   ============================================================ */

.products-grid .product-item-actions {
    position: relative;
    z-index: 10;
    margin-top: -42px;
    display: flex !important;
    align-items: center;
    gap: 6px;
    padding: 6px 10px 8px;
    background: linear-gradient(to top, rgba(240, 240, 235, 0.92) 30%, transparent 100%);
    opacity: 0;
    transform: translateY(5px);
    transition: opacity var(--card-t), transform var(--card-t);
}

.products-grid .product-item-info:hover .product-item-actions {
    opacity: 1;
    transform: translateY(0);
}

/* actions-secondary — иконки (слева) */
.products-grid .actions-secondary {
    order: 1;
    display: flex !important;
    gap: 5px;
}

.products-grid .actions-secondary .action {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 0.5px solid rgba(0, 0, 0, 0.16);
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;      /* скрываем текст внутри <span> */
    line-height: 1;
    color: transparent;
    transition: background var(--card-t), border-color var(--card-t);
    cursor: pointer;
    text-decoration: none;
}

.products-grid .actions-secondary .action:hover {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.28);
}

/* Иконки Font Awesome 4.7 (уже подключена в Argento) */
.products-grid .actions-secondary .action::before {
    font-family: FontAwesome;
    font-size: 13px;
    color: #666;
}

.products-grid .actions-secondary .action.towishlist::before  { content: '\f08a'; }
.products-grid .actions-secondary .action.tocompare::before   { content: '\f0ec'; }

/* actions-primary — кнопка корзины (справа) */
.products-grid .actions-primary {
    order: 2;
    margin-left: auto;
    flex-shrink: 0;
}

.products-grid .actions-primary .action.tocart {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    border-radius: 6px;
    border: 0.5px solid rgba(0, 0, 0, 0.18);
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    color: #1a1a1a;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--card-t);
    text-transform: none;
    letter-spacing: 0;
}

.products-grid .actions-primary .action.tocart:hover {
    background: #ebebE6;
}

/* Shopping-cart иконка перед текстом */
.products-grid .actions-primary .action.tocart::before {
    content: '\f07a';
    font-family: FontAwesome;
    font-size: 11px;
    margin-right: 6px;
    color: #666;
}


/* ============================================================
   6. ТЕЛО КАРТОЧКИ — название + цена
   ============================================================ */

.products-grid .product-item-details {
    padding: 10px 14px 14px;
    flex: 1;
}

/* Название */
.products-grid .product-item-name {
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 8px;
}

.products-grid .product-item-link {
    color: #1a1a1a;
    text-decoration: none;
}

.products-grid .product-item-link:hover {
    color: var(--card-accent);
    text-decoration: none;
}

/* Цена: скрываем цену с НДС, показываем только без */
.products-grid .price-wrapper.price-including-tax {
    display: none;
}

.products-grid .price-wrapper.price-excluding-tax .price {
    font-size: 17px;
    font-weight: 500;
    color: #1a1a1a;
    font-variant-numeric: tabular-nums;
}

/* B2B / special price — красная цена */
.products-grid .special-price .price-wrapper.price-excluding-tax .price {
    color: var(--price-discount) !important;
}

/* tax-details */
.products-grid .price-details {
    margin-top: 2px;
}

.products-grid .tax-details,
.products-grid .tax-details a {
    font-size: 10px;
    color: #b0b0a8;
    text-decoration: none;
}

/* product-item-inner пустой — скрываем */
.products-grid .product-item-inner {
    display: none;
}


/* ============================================================
   7. БРЕНД-ТЕГ — нужно добавить в шаблон
   ============================================================
   Файл для переопределения (создать если не существует):
     app/design/frontend/<Vendor>/<theme>/
       Magento_Catalog/templates/product/list/item.phtml

   Найти строку с <div class="prolabels-wrapper"> и добавить ПОСЛЕ неё:

     <?php $brand = $block->getProduct()->getAttributeText('manufacturer'); ?>
     <?php if ($brand): ?>
         <span class="esd-brand-tag"><?= $escaper->escapeHtml($brand) ?></span>
     <?php endif; ?>

   Или если атрибут называется иначе — заменить 'manufacturer' на нужный код.
   Проверить код атрибута: Stores → Attributes → Product → найти бренд → Attribute Code
   ============================================================ */

.products-grid .esd-brand-tag {
    position: absolute;
    top: 8px;
    left: 12px;
    z-index: 6;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--brand-color);
    line-height: 1;
    pointer-events: none;
    /* Чуть правее акцент-полосы */
    left: 10px;
}

/* Норм-тег (опционально) — атрибут esd_norm или similar */
.products-grid .esd-norm-tag {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 6;
    font-size: 9px;
    font-family: 'Courier New', monospace;
    background: var(--norm-bg);
    color: var(--norm-color);
    padding: 2px 7px;
    border-radius: 4px;
    line-height: 1.4;
    pointer-events: none;
}


/* ============================================================
   8. GRID — сетка (Argento использует float/inline-block по умолчанию)
   ============================================================ */

.products-grid .products.list.items.product-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 14px;
    list-style: none;
    padding: 0;
    margin: 0;
}


/* ============================================================
   9. MOBILE (≤ 767px)
   ============================================================ */

@media (max-width: 767px) {
    .products-grid .products.list.items.product-items {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    /* Тач: hover не работает — CTA всегда виден */
    .products-grid .product-item-actions {
        opacity: 1 !important;
        transform: none !important;
        background: rgba(240, 240, 235, 0.7);
    }

    /* Скрываем иконки, оставляем только корзину */
    .products-grid .actions-secondary {
        display: none !important;
    }

    .products-grid .product-image-wrapper {
        height: 150px !important;
    }

    .products-grid .product-image-photo {
        max-height: 130px;
    }
}