.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 V5 "Editorial + Hover Reveal"
 * ============================================================
 * Theme: Swissup Argento Home / Magento 2.4
 * Target: esd.equipment
 * Tested: /de/arbeitsplatzsysteme/reeco.html (22 cards, 294 products)
 *
 * DOM structure (verified live):
 *   .product-item-info
 *     .prolabels-wrapper
 *       a.product-item-photo > span.product-image-container > span.product-image-wrapper > img
 *       .product-item-actions (INSIDE prolabels-wrapper)
 *         .actions-primary > form > button.action.tocart
 *         .actions-secondary > a.towishlist, a.tocompare, a.quick-view
 *     .product-item-details
 *       .product-item-name > a.product-item-link
 *       .price-box > .price-container > .price-including-tax + .price-excluding-tax
 *       .price-details > .tax-details
 *
 * Install:
 *   Paste into Theme Editor Custom CSS (Admin > Content > Argento > Custom CSS)
 *   REPLACE the old "Product Cards: Variant 5" block entirely.
 *   Then: setup:static-content:deploy de_DE en_US fr_FR -f && sudo cacheflush
 */


/* ============================================================
   1. CSS VARIABLES
   ============================================================ */
.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;
}


/* ============================================================
   2. CARD CONTAINER
   ============================================================ */
.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) !important;
    background: var(--card-bg) !important;
    overflow: hidden !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    transition: border-color var(--card-t), box-shadow var(--card-t) !important;
    box-shadow: none !important;
}

.products-grid .product-item-info:hover {
    border-color: var(--card-border-hover) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

/* No vertical accent stripe */
.products-grid .product-item-info::before {
    display: none !important;
}


/* ============================================================
   3. PHOTO ZONE + HORIZONTAL ACCENT STRIP
   ============================================================ */
.products-grid .prolabels-wrapper {
    background: var(--card-bg-image) !important;
    position: relative !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

/* Horizontal 3px color strip at bottom of photo zone */
.products-grid .prolabels-wrapper::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: var(--card-accent) !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

.products-grid .product-item-photo {
    display: block !important;
}

.products-grid .product-image-container {
    width: 100% !important;
    display: block !important;
}

/* Override Magento inline padding-trick */
.products-grid .product-image-wrapper {
    padding-bottom: 0 !important;
    height: 210px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* Override Magento inline position:absolute */
.products-grid .product-image-photo {
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-height: 185px !important;
    max-width: 88% !important;
    object-fit: contain !important;
    mix-blend-mode: multiply !important;
    transition: transform 0.28s ease !important;
    display: block !important;
    margin: auto !important;
}

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


/* ============================================================
   4. HOVER ACTIONS — centered over photo, all round buttons
      4 icons: wishlist, compare, quickview, cart (orange)
   ============================================================ */
.products-grid .product-item-actions {
    position: absolute !important;
    bottom: 12px !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    transform: translateX(-50%) translateY(8px) !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    width: auto !important;
    height: auto !important;
}

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

/* --- Shared round button base --- */
.products-grid .actions-secondary {
    display: flex !important;
    gap: 8px !important;
    order: 1 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.products-grid .actions-secondary .action,
.products-grid .actions-primary .action.tocart {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: transparent !important;
    box-sizing: border-box !important;
    transition: background 0.15s, border-color 0.15s, transform 0.15s !important;
    flex-shrink: 0 !important;
}

/* Secondary: white bg + thin border */
.products-grid .actions-secondary .action {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.products-grid .actions-secondary .action:hover {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.25) !important;
    transform: scale(1.1) !important;
}

/* Hide inner span text */
.products-grid .actions-secondary .action span,
.products-grid .actions-primary .action.tocart span {
    display: none !important;
}

/* FontAwesome icons */
.products-grid .actions-secondary .action::before {
    font-family: FontAwesome !important;
    font-size: 15px !important;
    color: #555 !important;
    text-indent: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    position: static !important;
}

.products-grid .actions-secondary .action.towishlist::before { content: '\f08a' !important; }
.products-grid .actions-secondary .action.tocompare::before  { content: '\f0ec' !important; font-size: 14px !important; }
.products-grid .actions-secondary .action.quick-view::before  { content: '\f06e' !important; }

/* Hover tints per icon */
.products-grid .actions-secondary .action.towishlist:hover::before { color: #d0421a !important; }
.products-grid .actions-secondary .action.quick-view:hover::before { color: #1a73e8 !important; }
.products-grid .actions-secondary .action.tocompare:hover::before  { color: #0F6E56 !important; }

/* --- Cart: ORANGE circle --- */
.products-grid .actions-primary {
    order: 2 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.products-grid .actions-primary .action.tocart {
    background: #e06f1a !important;
    border: none !important;
}

.products-grid .actions-primary .action.tocart:hover {
    background: #c85e12 !important;
    transform: scale(1.1) !important;
}

.products-grid .actions-primary .action.tocart::before {
    content: '\f07a' !important;
    font-family: FontAwesome !important;
    font-size: 16px !important;
    color: #ffffff !important;
    text-indent: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    position: static !important;
}


/* ============================================================
   5. CARD BODY — name, price, tax
   ============================================================ */
.products-grid .product-item-details {
    padding: 12px 14px 14px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.products-grid .product-item-name {
    display: block !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    margin-bottom: 10px !important;
    overflow: visible !important;
    white-space: normal !important;
}

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

.products-grid .product-item-link:hover {
    color: #e06f1a !important;
}

/* Show excl. tax price, hide incl. tax */
.products-grid .product-item .price-wrapper.price-excluding-tax {
    display: inline !important;
}

.products-grid .product-item .price-wrapper.price-including-tax {
    display: none !important;
}

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

/* Hide "Exkl. Steuern:" pseudo-element */
.products-grid .price-excluding-tax::before {
    display: none !important;
    content: none !important;
}

/* Hide price label */
.products-grid .price-container .price-label {
    display: none !important;
}

/* Special price red */
.products-grid .special-price .price-wrapper.price-excluding-tax .price {
    color: #d0421a !important;
}

.products-grid .price-details {
    margin-top: 2px !important;
}

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

.products-grid .product-item-inner {
    display: none !important;
}


/* ============================================================
   6. PROLABELS (TOP-SELLER, NEU, etc.)
   ============================================================ */
.products-grid .prolabel-wrapper,
.products-grid .prolabels-wrapper .prolabel {
    z-index: 7 !important;
}


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

@media (min-width: 1200px) {
    .products-grid .products.list.items.product-items {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}


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

    /* Touch: always visible actions */
    .products-grid .product-item-actions {
        opacity: 1 !important;
        transform: translateX(-50%) translateY(0) !important;
    }

    /* Hide wishlist + compare, keep quickview + cart */
    .products-grid .actions-secondary .action.towishlist,
    .products-grid .actions-secondary .action.tocompare {
        display: none !important;
    }

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

    .products-grid .product-image-photo {
        max-height: 140px !important;
    }

    .products-grid .product-item-details {
        padding: 8px 10px 12px !important;
    }

    .products-grid .product-item-name {
        font-size: 12px !important;
    }

    .products-grid .price-wrapper.price-excluding-tax .price {
        font-size: 16px !important;
    }

    .products-grid .actions-secondary .action,
    .products-grid .actions-primary .action.tocart {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }
}


/* ============================================================
   9. OPTIONAL: Brand tag + Category tag + Stock + Details
      Requires item.phtml template override (see guide below)
   ============================================================ */
.products-grid .esd-brand-tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9a9890;
    line-height: 1;
    margin-bottom: 2px;
    vertical-align: middle;
}

.products-grid .esd-cat-tag {
    display: inline-block;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #5f5e5a;
    background: #f0f0eb;
    border: 0.5px solid rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    padding: 2px 7px;
    margin-left: 8px;
    vertical-align: middle;
}

.products-grid .esd-norm-tag {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 6;
    font-size: 9.5px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 600;
    background: #E1F5EE;
    color: #0F6E56;
    padding: 3px 8px;
    border-radius: 4px;
    line-height: 1.3;
    pointer-events: none;
}

.products-grid .esd-stock-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 10px;
}

.products-grid .esd-stock-indicator {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #0F6E56;
}

.products-grid .esd-stock-indicator::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0F6E56;
    flex-shrink: 0;
}

.products-grid .esd-details-link {
    font-size: 12.5px;
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.15s;
}

.products-grid .esd-details-link:hover {
    color: #e06f1a;
}


/* ============================================================
   TEMPLATE OVERRIDE GUIDE (item.phtml)
   ============================================================
   File: app/design/frontend/Local/ESD/Magento_Catalog/templates/product/list/item.phtml

   A) BRAND + CATEGORY TAG — add after .product-item-details opens:

      <?php
        $brand = $block->getProduct()->getAttributeText('manufacturer');
        $_cats = $block->getProduct()->getCategoryCollection()
            ->addAttributeToSelect('name')->setPageSize(1)->setOrder('level','desc');
        $catName = $_cats->getFirstItem() ? $_cats->getFirstItem()->getName() : '';
      ?>
      <?php if ($brand || $catName): ?>
        <div style="margin-bottom:6px">
          <?php if ($brand): ?>
            <span class="esd-brand-tag"><?= $escaper->escapeHtml($brand) ?></span>
          <?php endif; ?>
          <?php if ($catName): ?>
            <span class="esd-cat-tag"><?= $escaper->escapeHtml($catName) ?></span>
          <?php endif; ?>
        </div>
      <?php endif; ?>

   B) NORM BADGE — add inside .prolabels-wrapper:

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

   C) STOCK + DETAILS — add after .price-details:

      <div class="esd-stock-row">
        <span class="esd-stock-indicator">Auf Lager</span>
        <a href="<?= $escaper->escapeUrl($block->getProductUrl($block->getProduct())) ?>"
           class="esd-details-link">Details &rarr;</a>
      </div>
   ============================================================ */