.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{background-color:#fff;}
.page-header .panel.wrapper{background-color:#0d1b2e;}
.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:#001932;border-color:#001932;}
.action.primary:hover, .action.primary:focus, .action.primary:active{background:#001932;border-color:#001932;}
.tocart.action, .block.soldtogether-block .soldtogether-cart-btn, .bundle-actions .action.primary.customize{background:#0d1b2e;border-color:#0d1b2e;}
.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:#e85a00;border-color:#e85a00;}
.page-title-wrapper .page-title, .catalog-product-view .column.main > .block .block-title [role="heading"]{font-family:'Barlow Condensed';}
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:'Work Sans', sans-serif;color:#111827;}
.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:#ea1819;}
/* ══════════════════════════════════════════════════════
   Theme Editor Custom CSS — esd.equipment
   Весь плоский CSS (без LESS-переменных и миксинов).
   LESS-часть → _argento_custom.less
   ══════════════════════════════════════════════════════

   CHANGELOG (April 2026):
   ────────────────────────
   FIX #1: .products-grid .product-item — УДАЛЁН width:auto!important
   FIX #2: .switcher-language — УДАЛЁН display:none на мобилке
   FIX #3: Добавлен стиль активной категории в мобильном меню
   FIX #4: Переписан highlight mobile grid — гарантированно 2 колонки
   ADD #1: Category Cards V1 — Amasty child categories

   CLEANUP 2026-08-08 (NUR STAGING, Prod unveraendert):
   ────────────────────────
   Entfernt, weil das zugehoerige Modul auf Staging aus ist oder
   der Selektor im Markup nicht vorkommt. Alles Herausgenommene
   steht vollstaendig in theme_editor_css_removed.css und laesst
   sich durch Anhaengen wiederherstellen.

     - saemtliche .amsearch-* Regeln (Amasty Xsearch)
       -> Staging faehrt Swissup_Ajaxsearch; im Markup
          "amsearch-" 0 Treffer, "block-swissup-ajaxsearch" 3
     - .amshopby-morefrom (Mehr von dieser Marke)
     - .am-childer-categories (ADD #1, Kinderkategorie-Kacheln)
     - .amslider, .ambrands-slider-container.amslider_id1815
     - div.eln-breadcrumb, .easycatalogimg
     - alle .esd-*-Tags aus "OPTIONAL ELEMENTS" (nie gebautes Markup)
     - zwei wirkungslose Doppelungen (siehe removed-Datei)

   GEBLIEBEN, obwohl Amasty: .ambrands-letter und
   .ambrands-brand-item. Amasty_ShopbyBrand und _ShopbyBase
   bleiben laut RUNBOOK aktiv, die Markenseiten haengen daran.

   Belegt durch Auszaehlung im echten Markup, Prod auf fuenf
   Seitentypen (Start, Kategorie, Produkt, Markenseite,
   Elternkategorie) und Staging auf zwei.
   ══════════════════════════════════════════════════════ */

/* ── BASE ──────────────────────────────────────────────── */
body { color: #1d1d1f; font-size: 1.5rem; }
.page-title-wrapper h1.page-title,
.cms-page-view .column.main > h1 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.25;
	color: #0d1b2e;
	text-transform: none;
	padding-left: 1rem;
	margin-bottom: 1.25rem;
	border-left: 4px solid #0066cc;
}
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; }
.page-title-wrapper p.subtitle {
	display: inline-block;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1;
	color: #185fa5;
	background: #e6f1fb;
	border-radius: 20px;
	padding: 4px 12px;
	margin: 0 0 8px;
	letter-spacing: 0.02em;
	text-transform: none;
}

/* ── TOP ──────────────────────────────────────────────── */
.product-item .old-price { visibility: hidden; }
.product-item-name, .product.name a { color: #001932; }
.sidebar .product-item-name > a { color: #1d1d1f; }
.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;
}

/* ── MINI CART ─────────────────────────────────────────── */
/* HINWEIS: der Zaehler bekommt hier #ea1819, weiter oben im
   Block TOP steht fuer dieselben Elemente #D82115. Die
   spaetere Regel gewinnt - zwei verschiedene Rottoene fuer
   dasselbe Element. Bewusst nicht angefasst, das ist eine
   Design-Entscheidung, keine Aufraeumarbeit. */
.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 { width: 70px; }

/* ── CATEGORY PAGE ─────────────────────────────────────── */
.sidebar .block { padding: 10px; }
.page-products .price-wrapper.price-excluding-tax,
.catalog-product-view .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; }

/* ── 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 ────────────────────────────────────────────── */
/* Bleibt: Amasty_ShopbyBrand und _ShopbyBase sind auch nach der
   Umstellung aktiv, die Markenseiten haengen daran.
   .ambrands-brand-item ist im Markup vorhanden. */
.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; }

/* ── 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: 90;
}
.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 ─────────────────────────────────────── */
/* Nur die Schriftgroesse. Die Farbe wird weiter unten von
   color:#ffffff !important gesetzt - die fruehere
   rgba(255,255,255,0.58) war wirkungslos und ist raus. */
.panel.wrapper a,
.panel.wrapper .tb-email,
.panel.wrapper .tb-highlight,
.panel.wrapper .tb-sep {
	font-size: 12px;
}

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

/* ── 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 — все мобильные правила
   ══════════════════════════════════════════════════════════ */
@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;
	}

	/* FIX #3 */
	.nav-sections .navigation .level0.active > a.level-top,
	.nav-sections .navigation .level0.has-active > a.level-top {
		color: #e85a00 !important;
		font-weight: 700 !important;
		background: #fff5ef !important;
		border-left: 3px solid #e85a00 !important;
	}

	/* FIX #2 */
	.switcher-language {
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin: 0;
	}
	.switcher-language .switcher-dropdown {
		flex-direction: row !important;
	}

	.minicart-wrapper {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.argento-grid { margin-left: 0; margin-right: 0; }
	.img-disc { display: none; }

	/* FIX #5 */
	.nav-sections-items > .section-item-title:nth-child(5),
	.nav-sections-items > .section-item-content:nth-child(6),
	#store\.settings {
		display: none !important;
	}

	.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; }

	.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; }

/* ── CUSTOMERS WHO BOUGHT ──────────────────────────────── */
#soldtogether\.product\.customer .price { font-size: 24px; }
#soldtogether\.product\.customer .price-box,
#soldtogether\.product\.customer .price-container { text-align: center; }

/* ═══════════════════════════════════════════════════════
   Белый цвет текста в шапке (top bar)
   ═══════════════════════════════════════════════════════ */
.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;
}

/* ===== Сайдбар — рестайлинг ===== */
/* Die Kategorie-Gruppe wird als statische Ueberschrift gestylt
   (kein Pfeil, nicht klappbar) - sie ist dauerhaft offen:
   Prod = Amasty attr_category_ids.is_expanded = 1,
   Staging = ALN is_explode_filter = 1 + explode_filter = cat.
   Selektoren gehen ueber den FILTERNAMEN, nicht ueber die Position:
     ALN     -> .filter-options-item-category
     Amasty  -> .filter-options-item:first-child ohne Modifier-Klasse
   Frueher stand hier :first-child / :nth-child(2); nach der
   Umstellung auf ALN traf pointer-events: none die echte
   Kategorie-Gruppe und machte sie unklickbar (2026-08-08). */
.sidebar-main .filter-subtitle { display: none !important; }
/* Desktop only: below 768px this block has no content height, so the
   border and the 20px margin were the only things it contributed - a
   hairline and a gap in the empty band under the breadcrumbs. */
@media (min-width: 768px) {
.sidebar-main .block.filter {
  background-color: #fff !important;
  border: 1px solid #e5e8ec !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
}
}
.sidebar-main .filter-options-item-category > .filter-options-title,
.sidebar-main .filter-options-item:first-child:not([class*="filter-options-item-"]) > .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-category > .filter-options-title::after,
.sidebar-main .filter-options-item:first-child:not([class*="filter-options-item-"]) > .filter-options-title::after { display: none !important; }
.sidebar-main .filter-options-item-category > .filter-options-content,
.sidebar-main .filter-options-item:first-child:not([class*="filter-options-item-"]) > .filter-options-content { padding: 8px 0 12px !important; }
.sidebar-main .filter-options-item-category .item a,
.sidebar-main .filter-options-item:first-child:not([class*="filter-options-item-"]) .am-filter-item a,
.sidebar-main .filter-options-item:first-child:not([class*="filter-options-item-"]) .item a {
  display: block; padding: 6px 14px; font-size: 14px; color: #1d1d1f; text-decoration: none;
}
.sidebar-main .filter-options-item-category .item a:hover,
.sidebar-main .filter-options-item:first-child:not([class*="filter-options-item-"]) .am-filter-item a:hover { color: #e87722; background: #f5f6f8; }
.sidebar-main .filter-options-item-category + .filter-options-item::before,
.sidebar-main .filter-options-item[class*="filter-options-item-"]:not(.filter-options-item-category):first-child::before,
.sidebar-main .filter-options-item:nth-child(2):not([class*="filter-options-item-"])::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;
}
.sidebar-main details.swissup-richsnippets__faqs--item { border-radius: 0 !important; }
.sidebar-main .swissup-richsnippets__faqs--item summary { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; }

/* ══════════════════════════════════════════════════════════
   Product Cards V5 "Editorial + Hover Reveal"
   ══════════════════════════════════════════════════════════ */
.products-grid .product-item-info {
	--card-accent:        #e06f1a;
	--card-bg:            #ffffff;
	--card-border:        rgba(0, 0, 0, 0.09);
	--card-border-hover:  rgba(0, 0, 0, 0.22);
	--card-radius:        14px;
	--card-t:             0.18s ease;
}
.products-grid .product-item {
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !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;
}
.products-grid .product-item-info::before {
	display: none !important;
}
.products-grid .prolabels-wrapper {
	background: #ffffff !important;
	position: relative !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.products-grid .actions-secondary .action span,
.products-grid .actions-primary .action.tocart span {
	display: none !important;
}
.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; }
.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; }
.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;
}
.products-grid .product-item-details {
	padding: 14px 16px 16px !important;
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	background: #f9f8f4 !important;
}
.products-grid .product-item-name {
	display: -webkit-box !important;
	-webkit-line-clamp: 5 !important;
	-webkit-box-orient: vertical !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	margin-bottom: 0 !important;
	overflow: hidden !important;
	white-space: normal !important;
	height: calc(13.5px * 1.4 * 5) !important;
	min-height: calc(13.5px * 1.4 * 5) !important;
	max-height: calc(13.5px * 1.4 * 5) !important;
}
.products-grid .product-item-link {
	color: #1a1a1a !important;
	text-decoration: none !important;
}
.products-grid .product-item-link:hover {
	color: #e06f1a !important;
}
.products-grid .price-box {
	margin-top: auto !important;
	padding-top: 10px !important;
}
.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-excluding-tax::before {
	display: none !important;
	content: none !important;
}
.products-grid .price-container .price-label {
	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;
}
.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;
}
.products-grid .prolabel-wrapper,
.products-grid .prolabels-wrapper .prolabel {
	z-index: 7 !important;
}
.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 PRODUCT CARDS — FIXED
   ══════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
	.products-grid .products.list.items.product-items {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 8px !important;
	}
	.products-grid .product-item-info {
		overflow: visible !important;
	}
	.products-grid .prolabels-wrapper {
		overflow: hidden !important;
		border-radius: 14px 14px 0 0 !important;
	}
	.products-grid .product-item-actions {
		opacity: 1 !important;
		transform: translateX(-50%) translateY(0) !important;
		bottom: 8px !important;
		z-index: 10 !important;
	}
	.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: 10px 12px 12px !important;
	}
	.products-grid .product-item-name {
		font-size: 12px !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
		-webkit-line-clamp: 6 !important;
		height: calc(12px * 1.4 * 6) !important;
		min-height: calc(12px * 1.4 * 6) !important;
		max-height: calc(12px * 1.4 * 6) !important;
	}
	.products-grid .price-wrapper.price-excluding-tax .price { color: #d82115 !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;
	}
}

/* ══════════════════════════════════════════════════════════
   FIX #4: HIGHLIGHT GRID
   Steht noch drin, obwohl .highlight-cols-4 auf den fuenf
   geprueften Seiten nicht vorkommt: es ist eine Widget-Klasse
   und kann auf einer beliebigen CMS-Seite auftauchen.
   ══════════════════════════════════════════════════════════ */
@media only screen and (max-width: 767px) {
  .block.widget.highlight-cols-4 .products-grid .products.list.items.product-items,
  .block.block-highlight.highlight-cols-4 .products-grid .products.list.items.product-items,
  .block.block-highlight .products-grid .products.list.items.product-items {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
  }
  html body .page-wrapper .page-main .column.main .block.widget.highlight-cols-4 .products-grid .products.list.items.product-items > .product-item,
  html body .page-wrapper .page-main .column.main .block.block-highlight .products-grid .products.list.items.product-items > .product-item,
  .page-layout-1column .block.widget.highlight-grid:not(.highlight-cols-1):not(.highlight-carousel) .product-items:not(.product-items-images) .product-item {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
  }
}
@media only screen and (max-width: 480px) {
  html body .page-wrapper .page-main .column.main .block.widget.highlight-cols-4 .products-grid .products.list.items.product-items > .product-item,
  html body .page-wrapper .page-main .column.main .block.block-highlight .products-grid .products.list.items.product-items > .product-item,
  .page-layout-1column .block.widget.highlight-grid:not(.highlight-cols-1):not(.highlight-carousel) .product-items:not(.product-items-images) .product-item {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
  }
}
@media only screen and (min-width: 768px) {
  .block.widget.highlight-cols-4 .products-grid .products.list.items.product-items {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 10px !important;
	margin: 0 !important;
  }
  html body .page-wrapper .page-main .column.main .block.widget.highlight-cols-4 .products-grid .products.list.items.product-items > .product-item {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
  }
}

/* ---- 6. Sidebar "Kürzlich angesehen" widget — single column, horizontal card --- */
.sidebar .block-viewed-products-grid .products-grid .product-item,
.sidebar .block.widget .products-grid .product-item,
.sidebar .block-viewed-products-grid .product-items .product-item {
  display: block !important;
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  float: none !important;
}
.sidebar .block-viewed-products-grid .product-item:nth-child(2n+1) {
  margin-left: 0 !important;
}
/* двойной класс = усиленная специфичность, перебивает тему/общий фикс карточек */
.sidebar .block-viewed-products-grid .product-item .product-item-info.product-item-info {
  display: flex !important;
  flex-direction: row !important;       /* ← ключевое: было column */
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.sidebar .block-viewed-products-grid .product-item-photo {
  float: none !important;               /* ← убираем лишний float */
  flex: 0 0 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.sidebar .block-viewed-products-grid .product-image-container { width: 64px !important; }
.sidebar .block-viewed-products-grid .product-image-wrapper {
  padding-bottom: 0 !important;
  height: 64px !important;
  width: 64px !important;
  display: block !important;
}
.sidebar .block-viewed-products-grid img.product-image-photo {
  position: static !important;
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;       /* ← товар не растягивается */
}
.sidebar .block-viewed-products-grid .product-item-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: block !important;            /* ← было flex, ломало текст */
  text-align: left !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.sidebar .block-viewed-products-grid .prolabels-wrapper,
.sidebar .block-viewed-products-grid .prolabels-wrapper::after {
  display: none !important;
}
.sidebar .block-viewed-products-grid .product-item-actions {
  display: none !important;             /* кнопки скрываем в мини-карточке */
}
.sidebar .block-viewed-products-grid .product-item-name {
  margin: 0 0 4px 0 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: none !important;
}
.sidebar .block-viewed-products-grid .product-item-name a,
.sidebar .block-viewed-products-grid .product-item-link {
  color: #0d1b2e !important;            /* navy esd (не #002d57 fluidics) */
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.sidebar .block-viewed-products-grid .price-box { margin: 0 !important; }
.sidebar .block-viewed-products-grid .price-including-tax .price,
.sidebar .block-viewed-products-grid .price-box .price {
  color: #e85a00 !important;            /* orange esd (не #f66560 fluidics) */
  font-weight: 600 !important;
  font-size: 16px !important;
}
.sidebar .block-viewed-products-grid .price-excluding-tax,
.sidebar .block-viewed-products-grid .price-excluding-tax .price,
.sidebar .block-viewed-products-grid .price-excluding-tax .price-label {
  color: #5c6670 !important;            /* серый esd */
  font-weight: 400 !important;
}

/* ══════════════════════════════════════════════════════════
   HEADER-FEINSCHLIFF  (2026-08-03)
   1) Sprachflaggen 10 Prozent kleiner, gleichmaessiger Abstand
   3) Menueleiste heller
   4) kein weisser Spalt zwischen Menue und Hero (nur Startseite)

   Punkt 2 (Suchfeld 50px -> 38px) ist entfallen: er bestand
   ausschliesslich aus .amsearch-Regeln. Die Hoehe der neuen
   Swissup-Leiste wird in _argento_custom.less gesetzt.
   ══════════════════════════════════════════════════════════ */

/* ── 1. SPRACHFLAGGEN ──────────────────────────────────────
   Vorher: .easyflags .flag-image{max-height:22px} plus
   margin:0 4px je Flagge und margin:0 2px je <a>.
   Dadurch waren die Abstaende ungleich, gemessen 10px
   zwischen Flagge 1 und 2, aber 12px zwischen 2 und 3, weil
   die aktive Flagge in .easyflags-active liegt und die
   uebrigen in .easyflags-clickable-options.
   Jetzt: alle Margins auf 0, Abstand ausschliesslich ueber
   flex gap, deshalb auf allen drei Ebenen gesetzt.        */
.easyflags.switcher-language .flag-image,
.switcher-options .flag-image {
	height: 19.8px !important;      /* 22px minus 10 Prozent */
	max-height: 19.8px !important;
	width: auto !important;         /* Seitenverhaeltnis bleibt, FR ist schmaler */
	margin: 0 !important;
	display: block !important;
}
.switcher-language .switcher-options,
.actions.switcher-options {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 5px !important;
}
.switcher-options .easyflags-active,
.switcher-options .easyflags-clickable-options {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.switcher-options .easyflags-active > a,
.switcher-options .easyflags-active > strong,
.switcher-options .easyflags-clickable-options > a {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
}

/* ── 3. MENUELEISTE HELLER ─────────────────────────────────
   Vorher rgb(1,26,59) auf .header.bottom.flex-row und auf
   .navigation ul. Bewusst nur der direkte Kind-ul, damit die
   Untermenue-Panels (ul.submenu) ihre Farbe behalten.
   html body davor, weil weiter oben in dieser Datei ein
   @media(min-width:768px)-Block .header.bottom.flex-row mit
   background-color:#011a3b !important setzt. Gleiche
   Spezifitaet haette nicht sicher gewonnen.               */
/* Nur Desktop: unter 768px ist .nav-sections das ausklappbare Menue-Panel
   und muss weiss bleiben. Global gesetzt war das Panel dunkelblau und im
   Reiter "Konto" standen blaue Links auf blauem Grund (2026-08-09). */
@media (min-width: 768px) {
html body .header.bottom.flex-row,
html body .nav-sections,
html body .nav-sections.sections,
html body .navigation > ul {
	background-color: rgb(30, 60, 100) !important;
}
}

/* ── 4. SPALT VOR DEM HERO ─────────────────────────────────
   .page-main hat margin-top:20px. Bewusst nur auf der
   Startseite genullt, damit der Abstand auf Kategorie-,
   Produkt- und CMS-Seiten unveraendert bleibt.            */
.cms-index-index .page-main {
	margin-top: 0 !important;
}

/* ══════════════════════════════════════════════════════════
   STOREFRONT-FIX: mobile flag spacing  (Job 2)
   Die SPRACHFLAGGEN-Regeln oben setzen gap:5px !important auf
   drei Ebenen. Auf dem Desktop bleibt das so - dort wurde der
   Wert am 2026-08-03 bewusst gemessen und gewaehlt. Mobil muss
   der Abstand zwischen den Tap-Targets mindestens 6px betragen,
   deshalb hier 8px, ausschliesslich unter 768px.
   ══════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
	.switcher-language .switcher-options,
	.actions.switcher-options,
	.switcher-options .easyflags-active,
	.switcher-options .easyflags-clickable-options {
		gap: 8px !important;
	}
}

/* ══════════════════════════════════════════════════════════
   A1-FULLBLEED
   HINWEIS, nicht angefasst: drei Angaben in diesem Block sind
   wirkungslos, weil der Product-Cards-V5-Block weiter oben
   dieselbe Spezifitaet mit !important belegt:
     border-radius  -> V5 setzt var(--card-radius) !important
     box-shadow     -> V5 setzt none !important
     transition     -> V5 setzt border-color/box-shadow !important
   Ausserdem bleibt object-fit auf "contain" (V5, !important),
   obwohl hier "cover" steht - das Bild fuellt das quadratische
   Feld also NICHT, wie es der Blockname nahelegt.
   Zum Aufraeumen gehoert eine Design-Entscheidung, deshalb
   hier nur vermerkt.
   ══════════════════════════════════════════════════════════ */
/*A1-FULLBLEED-BEGIN*/
:root{--a1-card-radius:14px;--a1-photo-top:#fdfdfe;--a1-photo-bottom:#f4f6f8;}.products-grid .product-item-info{padding:0 !important;overflow:hidden;border-radius:var(--a1-card-radius);box-shadow:0 1px 2px rgba(16,24,40,.04), 0 10px 24px -8px rgba(16,24,40,.13);transition:box-shadow .25s ease, transform .25s ease;}.products-grid .product-item-info:hover{box-shadow:0 2px 4px rgba(16,24,40,.05), 0 18px 36px -10px rgba(16,24,40,.20);transform:translateY(-2px);}.products-grid .prolabels-wrapper{margin:0 0 16px !important;border-radius:var(--a1-card-radius) var(--a1-card-radius) 0 0;}.products-grid .product-item-photo{display:block !important;margin:0 !important;padding:0 !important;border-radius:var(--a1-card-radius) var(--a1-card-radius) 0 0;overflow:hidden;background:linear-gradient(180deg, var(--a1-photo-top) 0%, var(--a1-photo-bottom) 100%);line-height:0;}.products-grid .product-item-photo .product-image-container{display:block !important;width:100% !important;height:auto !important;aspect-ratio:1 / 1 !important;}.products-grid .product-item-photo .product-image-wrapper{z-index:auto !important;height:100% !important;width:100% !important;padding-bottom:0 !important;display:block !important;}.products-grid .product-item-photo .product-image-photo{mix-blend-mode:multiply;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover;display:block;}.products-grid .product-item-details{margin:0 !important;padding:14px 16px 16px !important;border-radius:0 0 var(--a1-card-radius) var(--a1-card-radius);}
/*A1-FULLBLEED-END*/

/* A1-HEADER-ICONS-START */
/* ---------------------------------------------------------------
   Fix: выравнивание иконок в шапке (аккаунт / избранное / корзина)
   Проблема: вертикаль задавалась «на глаз» через margin-top
   (6px у аккаунта и избранного, 4px у корзины), а иконка аккаунта
   дополнительно смещалась на ~3px из-за лишней обёртки
   .switcher-options с display:inline-flex + vertical-align:baseline.
   Решение: один флекс-ряд с align-items:center и одинаковые
   боксы 40x40 у всех трёх элементов.
   Скоуп — только десктоп, мобильная вёрстка не затрагивается.
   --------------------------------------------------------------- */

@media (min-width: 768px), print {

  .page-header .flex-col-right.md-flex {
    align-items: center;
  }

  /* одинаковая кликабельная область, никаких ручных отступов */
  .page-header .flex-col-right.md-flex > .switcher-customer,
  .page-header .flex-col-right.md-flex > .wishlist,
  .page-header .flex-col-right.md-flex > .minicart-wrapper,
  .page-header.configurable .flex-col-right.md-flex > .minicart-wrapper {
    display: flex;
    align-items: center;
    height: 40px;
    margin-top: 0;
  }

  /* убираем baseline-смещение внутри обёрток */
  .page-header .flex-col-right.md-flex .switcher-options,
  .page-header .flex-col-right.md-flex .switcher-trigger,
  .page-header .flex-col-right.md-flex .switcher-trigger > strong,
  .page-header .flex-col-right.md-flex > .wishlist > a,
  .page-header .flex-col-right.md-flex > .minicart-wrapper > a.showcart {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1;
  }

  .page-header .flex-col-right.md-flex i.icon {
    display: block;
    line-height: 1;
  }
}
/* A1-HEADER-ICONS-END */