:root {
  --color-text: #333333;
  --color-muted: #7d7d7d;
  --color-bg: #ffffff;
  --color-surface: #f6f6f6;
  --color-border: #c4c4c4;
  --color-dark: #333333;
  --color-footer: #333333;
  --color-accent: #ffc700;
  --color-success: #179b52;
  --shadow-soft: 0 0 15px rgba(0, 0, 0, 0.1);
  --radius-sm: 0.9375rem;
  --radius-md: 1.5rem;
  --container: 1340px;
  --z-header: 500;
  --z-toolbar: 490;
  --z-menu: 600;
  --z-dropdown: 620;
  --z-modal: 2600;

  --asdtd-soft-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  --asdtd-hint-z-index: 100;
  --breadcrumbs-muted: var(--color-muted);
  --breadcrumbs-shadow: var(--asdtd-soft-shadow);
  --breadcrumbs-padding-top: 0;
  --breadcrumbs-padding-bottom: 0.25rem;
  --layout-section-padding-top: 1.25rem;
  --layout-section-offset-top: 1.25rem;

}

@media (max-width: 743px) {:root {
		--mobile-font-scale: 1;
	}
}
@media (min-width: 320px) and (max-width: 743px) {
  .header-contact-hint:last-child {
    display: none;;
  }
  :root {
		--mobile-font-scale: 1.04;
	}
}@media (min-width: 340px) and (max-width: 743px) {
  :root {
		--mobile-font-scale: 1.06;
	}
}@media (min-width: 360px) and (max-width: 743px) {:root {
		--mobile-font-scale: 1.12;
	}
}@media (min-width: 380px) and (max-width: 743px) {:root {
		--mobile-font-scale: 1.18;
	}
}@media (min-width: 400px) and (max-width: 743px) {:root {
		--mobile-font-scale: 1.24;
	}
}@media (min-width: 420px) and (max-width: 743px) {:root {
		--mobile-font-scale: 1.3;
	}
}@media (min-width: 743px) {:root {
		  --layout-section-padding-top: 1rem;
		  --breadcrumbs-padding-top: 1.25rem; 
	}
}@media (min-width: 1280px) {:root {
    /* --breadcrumbs-padding-top: 1.25rem; */
    /* --layout-section-padding-top: 1.5rem; */
  }
}*, *::before, *::after { box-sizing: border-box; }html { scroll-behavior: smooth; overflow-x: clip; scroll-padding-top: 120px; }body { margin: 0; min-width: 320px; overflow-x: clip; color: var(--color-text); background: var(--color-bg); -webkit-font-smoothing: antialiased; transition: padding-bottom .22s ease; }html.is-locked, body.is-locked,
html.is-search-results-locked, body.is-search-results-locked { overflow: hidden; overscroll-behavior: none; }a { color: inherit; text-decoration: none; }picture, img { display: block; max-width: 100%; }button, input { border: 0; }button { cursor: pointer; }.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }.container { width: min(100% - 1.25rem, calc(var(--container) + 1.25rem)); margin: 0 auto; }.section-offset { padding-top: var(--layout-section-offset-top, 1.25rem); }.site-header { position: relative; z-index: var(--z-header); 
	/* background: #ffffff;  */
}
.header-topline--desktop, .header-main--desktop, .header-bottomline { display: none; }.header-topline--tablet { display: block; padding-top: 0.75rem; }.header-topline__inner, .header-topline__left, .header-topline__contacts { display: flex; align-items: center; }.header-topline__inner--tablet { justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }.header-topline__contacts-scroll { min-width: 0; }.header-topline__left, .header-topline__contacts { gap: 0.75rem; flex-wrap: wrap; }.header-topline__contacts > a[href^="mailto:"] { display: inline-flex; align-items: center; gap: 0.375rem; }.header-topline__contacts > a[href^="mailto:"]::before { content: ""; flex: 0 0 auto; width: 0.875rem; height: 0.875rem; background: url("../img/icons/other/icon_mail.svg") center/contain no-repeat; }.header-contact-hint { position: relative; display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 0.25rem; padding-top: 0; }.header-contact-hint__button { position: static; display: inline-flex; align-items: center; justify-content: center; width: 0.875rem; height: 0.875rem; padding: 0; border: 0; border-radius: 50%; background: url("../img/icons/other/icon_question.svg") center/contain no-repeat; color: transparent; }.header-contact-hint__tooltip { position: absolute; top: calc(100% + 0.375rem); left: 0; z-index: var(--z-dropdown); min-width: 11rem; max-width: 14rem; padding: 0.625rem 0.75rem; border-radius: 0.75rem; background: #ffffff; box-shadow: var(--shadow-soft); color: #333333; opacity: 0; visibility: hidden; transform: translateY(-0.25rem); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; }.header-contact-hint:hover .header-contact-hint__tooltip, .header-contact-hint:focus-within .header-contact-hint__tooltip { opacity: 1; visibility: visible; transform: translateY(0); }.header-mobile { display: flex; flex-direction: column; gap: 0.875rem; padding-block: 0.875rem; }.header-mobile__logo { display: block; }.logo { flex: 0 0 auto; }.catalog-trigger img { filter: brightness(0) saturate(100%); }.mobile-toolbar { position: relative; display: none; align-items: center; gap: 0.375rem; padding: 0.3125rem; border-radius: 1.5rem; background: #222222; color: #ffffff; }.mobile-toolbar-placeholder { display: block; flex: 0 0 auto; width: 100%; }.mobile-toolbar-placeholder[hidden] { display: none !important; }.mobile-toolbar--mobile { display: flex; transition: transform .22s ease, opacity .22s ease, box-shadow .22s ease; }.mobile-toolbar--mobile.is-floating { position: fixed; right: 0.625rem; bottom: calc(0.625rem + env(safe-area-inset-bottom, 0px)); left: 0.625rem; z-index: var(--z-toolbar); box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.2); }.mobile-toolbar__button, .mobile-toolbar__icon { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 2.375rem; border-radius: 0.625rem; background: transparent; color: #ffffff; }.mobile-toolbar__button { gap: 0.3125rem; min-width: 4.5rem; }.mobile-toolbar__button--compact { min-width: auto; padding-inline: 0.5625rem; }.mobile-toolbar__icon { min-width: 2.375rem; }.mobile-toolbar__icon--action img { width: 1.5rem; height: 1.5rem; max-height: none; object-fit: contain; filter: brightness(0) invert(1); }.mobile-toolbar__icon[data-counter-link="basket"].is-active { background: var(--color-accent); color: #333333; }.mobile-toolbar__icon[data-counter-link="basket"].is-active img { filter: brightness(0) saturate(100%); }.mobile-toolbar__icon--search img { width: 1.375rem; height: 1.375rem; object-fit: contain; filter: brightness(0) invert(1); }.mobile-toolbar__search button img { width: 1.25rem; height: 1.25rem; object-fit: contain; filter: brightness(0) invert(1); }.mobile-toolbar__icon--search picture,
.mobile-toolbar__search button picture,
.mobile-search-overlay__form [data-search-trigger] picture { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 1.25rem; width: 1.25rem; max-width: none; }.mobile-toolbar__icon--search picture img,
.mobile-toolbar__search button picture img,
.mobile-search-overlay__form [data-search-trigger] picture img { width: 100%; height: auto; max-width: none; }.mobile-toolbar .header-counter { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 0.75rem; height: 0.75rem; padding: 0 0.25rem; border-radius: 3.375rem; background: #ffffff; color: #222222; }.header-counter[hidden] { display: none !important; }.mobile-toolbar__divider { width: 1px; height: 1rem; margin-inline: 0.0625rem; background: rgba(255,255,255,0.16); }.mobile-toolbar__search-wrap, .mobile-search-overlay { flex: 1; }.mobile-toolbar__search, .mobile-search-overlay__form { display: flex; align-items: center; gap: 0.5rem; }.mobile-toolbar__search input, .mobile-search-overlay__form input { width: 100%; min-width: 0; height: 2.125rem; padding: 0 0.75rem; border-radius: 0.625rem; background: #ffffff; color: #333333; }.mobile-toolbar__search button, .mobile-search-overlay__form button { display: inline-flex; align-items: center; justify-content: center; width: 2.125rem; height: 2.125rem; border-radius: 0.625rem; background: var(--color-accent); color: #333333; }.mobile-search-overlay { position: absolute; inset: 0; padding: 0.3125rem; background: #222222; border-radius: 1.5rem; }.mobile-search-overlay__form { display: grid; grid-template-columns: minmax(0, 1fr) 2.125rem; }.mobile-search-overlay__field { display: grid; grid-template-columns: minmax(0, 1fr) 2.125rem; align-items: center; min-width: 0; }.mobile-search-overlay__form input { width: auto; border-radius: 2rem 0 0 2rem; }.mobile-search-overlay__form button { width: 2.125rem; min-width: 2.125rem; max-width: 2.125rem; padding: 0; }.mobile-search-overlay__form [data-search-trigger] { border-radius: 0 1rem 1rem 0; }.mobile-search-overlay__form [data-search-trigger] img, .mobile-search-overlay__form img { width: 1.25rem; height: 1.25rem; object-fit: contain; filter: brightness(0) saturate(100%); }.mobile-search-overlay__form button[data-mobile-search-close] { border-radius: 1rem 2rem 2rem 1rem; }.mobile-drawer { position: fixed; inset: 0; z-index: var(--z-menu); background: rgba(0,0,0,0.38); opacity: 0; pointer-events: none; transition: opacity .24s ease-out; }.mobile-drawer.is-open { opacity: 1; pointer-events: auto; }.mobile-drawer__panel { position: fixed; left: 0; top: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); width: min(92vw, 22.5rem); height: 100vh; height: 100dvh; overflow: hidden; border-radius: 0 1.875rem 1.875rem 0; background: #ffffff; transform: translateX(-100%); transition: transform .26s ease-out; }.mobile-drawer.is-open .mobile-drawer__panel { transform: translateX(0); }.mobile-drawer__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1rem 0.875rem; border-bottom: 1px solid #e7e7e7; }.mobile-drawer__heading { color: #111111; }.mobile-drawer__layout { min-height: 0; height: 100%; }.mobile-drawer__catalog { display: grid; min-height: 0; height: 100%; }.mobile-drawer__viewport { position: relative; min-height: 0; height: 100%; overflow: hidden; }.mobile-drawer__track { display: flex; width: 200%; height: 100%; transition: transform .28s ease; will-change: transform; }.mobile-drawer__viewport[data-mobile-view="detail"] .mobile-drawer__track { transform: translateX(-50%); }.mobile-drawer__screen { flex: 0 0 50%; width: 50%; min-width: 0; min-height: 0; }.mobile-drawer__screen-scroll { height: 100%; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 1rem; }.mobile-drawer__close, .catalog-menu__close { position: absolute; top: 0.75rem; right: 0.75rem; z-index: 5; display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: #222222; color: #ffffff; padding: 0;}.mobile-drawer__back { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: #222222; color: #ffffff; padding: 0;}.mobile-drawer__back span {
    transform: translateY(-0.05em) translateX(-0.03em);
}.mobile-drawer__nav, .mobile-drawer__panel-list, .mobile-drawer__categories { display: grid; gap: 0.75rem; }.mobile-drawer__nav { overflow: visible; }.mobile-drawer__nav a, .mobile-drawer__catalog-trigger { display: flex; align-items: center; min-height: 3rem; padding: 0.875rem 1rem; border-radius: 1rem; background: #f6f6f6; }.mobile-drawer__categories button { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.25rem; padding: 0.875rem 1rem; border-radius: 1rem; background: #f6f6f6; color: #333333; text-align: left; }.mobile-drawer__categories button:hover { background: #f3f3f3; }.mobile-drawer__categories button.is-active { background: var(--color-accent); }.mobile-drawer__category-main { display: flex; align-items: center; gap: 0.875rem; min-width: 0; }.mobile-drawer__category-label { min-width: 0; }.mobile-drawer__category-arrow { flex: 0 0 auto; color: #8c8c8c; }.mobile-drawer__category-icon { flex: 0 0 1.125rem; width: 1.125rem; height: 1.125rem; background-color: currentColor; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; }.mobile-drawer__category-icon.is-image { background-color: transparent; -webkit-mask-image: none; mask-image: none; }.mobile-drawer__category-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }.mobile-drawer__category-icon--video { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 7a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v1.38l2.55-1.7A1 1 0 0 1 21 7.5v9a1 1 0 0 1-1.45.83L17 15.62V17a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7Zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 7a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v1.38l2.55-1.7A1 1 0 0 1 21 7.5v9a1 1 0 0 1-1.45.83L17 15.62V17a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7Zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--intercom { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H8Zm0 2h8a1 1 0 0 1 1 1v9H7V6a1 1 0 0 1 1-1Zm4 14.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H8Zm0 2h8a1 1 0 0 1 1 1v9H7V6a1 1 0 0 1 1-1Zm4 14.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--access { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V9.5a1 1 0 1 0-2 0V17a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5.5a1 1 0 1 0 0-2H7Zm10.3.3a1 1 0 0 0-1.4 1.4l.3.3H14a1 1 0 1 0 0 2h2.2l-.3.3a1 1 0 1 0 1.4 1.4l2-2a1 1 0 0 0 0-1.4l-2-2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V9.5a1 1 0 1 0-2 0V17a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5.5a1 1 0 1 0 0-2H7Zm10.3.3a1 1 0 0 0-1.4 1.4l.3.3H14a1 1 0 1 0 0 2h2.2l-.3.3a1 1 0 1 0 1.4 1.4l2-2a1 1 0 0 0 0-1.4l-2-2Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--network { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 4a2 2 0 1 1 4 0a2 2 0 0 1-4 0ZM4 11a2 2 0 1 1 4 0a2 2 0 0 1-4 0Zm12 0a2 2 0 1 1 4 0a2 2 0 0 1-4 0ZM10 18a2 2 0 1 1 4 0a2 2 0 0 1-4 0Zm1-12v3.13a4 4 0 0 0-2.87 1.44L6.8 9.9A4 4 0 0 0 11 6Zm2 0a4 4 0 0 0 4.2 3.9l-1.33.67A4 4 0 0 0 13 9.13V6Zm-2 8.87a4 4 0 0 0-2.87-1.44L6.8 14.1A4 4 0 0 0 11 18v-3.13Zm2 0V18a4 4 0 0 0 4.2-3.9l-1.33-.67A4 4 0 0 0 13 14.87Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 4a2 2 0 1 1 4 0a2 2 0 0 1-4 0ZM4 11a2 2 0 1 1 4 0a2 2 0 0 1-4 0Zm12 0a2 2 0 1 1 4 0a2 2 0 0 1-4 0ZM10 18a2 2 0 1 1 4 0a2 2 0 0 1-4 0Zm1-12v3.13a4 4 0 0 0-2.87 1.44L6.8 9.9A4 4 0 0 0 11 6Zm2 0a4 4 0 0 0 4.2 3.9l-1.33.67A4 4 0 0 0 13 9.13V6Zm-2 8.87a4 4 0 0 0-2.87-1.44L6.8 14.1A4 4 0 0 0 11 18v-3.13Zm2 0V18a4 4 0 0 0 4.2-3.9l-1.33-.67A4 4 0 0 0 13 14.87Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--power { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 2a1 1 0 0 0-1 1v7H9a1 1 0 0 0-.77 1.64l5 6A1 1 0 0 0 15 17v-7h3a1 1 0 0 0 .77-1.64l-5-6A1 1 0 0 0 13 2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 2a1 1 0 0 0-1 1v7H9a1 1 0 0 0-.77 1.64l5 6A1 1 0 0 0 15 17v-7h3a1 1 0 0 0 .77-1.64l-5-6A1 1 0 0 0 13 2Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--consumables { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m20.7 7.3-4-4a1 1 0 0 0-1.4 0L10 8.6l-1.3-1.3a1 1 0 0 0-1.4 0l-4 4a1 1 0 0 0 0 1.4l8 8a1 1 0 0 0 1.4 0l8-8a1 1 0 0 0 0-1.4ZM12 18.59 5.41 12 8 9.41l1.3 1.3a1 1 0 0 0 1.4 0L16 5.41 18.59 8 12 18.59Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m20.7 7.3-4-4a1 1 0 0 0-1.4 0L10 8.6l-1.3-1.3a1 1 0 0 0-1.4 0l-4 4a1 1 0 0 0 0 1.4l8 8a1 1 0 0 0 1.4 0l8-8a1 1 0 0 0 0-1.4ZM12 18.59 5.41 12 8 9.41l1.3 1.3a1 1 0 0 0 1.4 0L16 5.41 18.59 8 12 18.59Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--racks { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H6Zm0 2h12v4H6V5Zm0 6h12v2H6v-2Zm0 4h12v4H6v-4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H6Zm0 2h12v4H6V5Zm0 6h12v2H6v-2Zm0 4h12v4H6v-4Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--alert { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a5 5 0 0 0-5 5v2.59l-.7.7A2 2 0 0 0 5.7 14H18.3a2 2 0 0 0 1.4-3.41l-.7-.7V8a5 5 0 0 0-5-5Zm0 18a3 3 0 0 0 2.82-2H9.18A3 3 0 0 0 12 21Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a5 5 0 0 0-5 5v2.59l-.7.7A2 2 0 0 0 5.7 14H18.3a2 2 0 0 0 1.4-3.41l-.7-.7V8a5 5 0 0 0-5-5Zm0 18a3 3 0 0 0 2.82-2H9.18A3 3 0 0 0 12 21Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--fire { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.5 2.5c.5 2-1 3.5-2.2 4.8C9.8 8.8 8 10.7 8 14a4 4 0 0 0 8 0c0-1.8-.8-3.2-1.8-4.5c-.6-.8-1.2-1.5-1.2-2.5c0-.8.2-1.4.5-2c1.3 1 2.5 2.6 3.4 4.3A8.86 8.86 0 0 1 18 14a6 6 0 1 1-12 0c0-4.7 3.1-7.8 5.3-10c.8-.8 1.6-1.6 2.2-1.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.5 2.5c.5 2-1 3.5-2.2 4.8C9.8 8.8 8 10.7 8 14a4 4 0 0 0 8 0c0-1.8-.8-3.2-1.8-4.5c-.6-.8-1.2-1.5-1.2-2.5c0-.8.2-1.4.5-2c1.3 1 2.5 2.6 3.4 4.3A8.86 8.86 0 0 1 18 14a6 6 0 1 1-12 0c0-4.7 3.1-7.8 5.3-10c.8-.8 1.6-1.6 2.2-1.5Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--smart { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3.2 4 9v10a2 2 0 0 0 2 2h3v-6a3 3 0 1 1 6 0v6h3a2 2 0 0 0 2-2V9l-8-5.8Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3.2 4 9v10a2 2 0 0 0 2 2h3v-6a3 3 0 1 1 6 0v6h3a2 2 0 0 0 2-2V9l-8-5.8Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--cable { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3a3 3 0 0 0-3 3v5a5 5 0 0 0 5 5h1v2H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2h1a5 5 0 0 0 5-5V6a3 3 0 1 0-6 0v4a1 1 0 0 1-2 0V6a3 3 0 0 0-3-3Zm-1 3a1 1 0 1 1 2 0v4a3 3 0 1 0 6 0V6a1 1 0 1 1 2 0v5a3 3 0 0 1-3 3h-4a3 3 0 0 1-3-3V6Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3a3 3 0 0 0-3 3v5a5 5 0 0 0 5 5h1v2H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2h1a5 5 0 0 0 5-5V6a3 3 0 1 0-6 0v4a1 1 0 0 1-2 0V6a3 3 0 0 0-3-3Zm-1 3a1 1 0 1 1 2 0v4a3 3 0 1 0 6 0V6a1 1 0 1 1 2 0v5a3 3 0 0 1-3 3h-4a3 3 0 0 1-3-3V6Z'/%3E%3C/svg%3E"); }.mobile-drawer__category-icon--trays { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3H4V6Zm0 5h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7Zm3 2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H7Zm4 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3H4V6Zm0 5h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7Zm3 2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H7Zm4 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2Z'/%3E%3C/svg%3E"); }.mobile-drawer__mega { min-height: 0; overflow: visible; }.mobile-drawer__submenu-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }.mobile-drawer__panel-list { min-height: 0; overflow: visible; }.mobile-drawer__subpanel { position: relative; z-index: 1; display: none; align-content: start; gap: 0.875rem; min-height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }.mobile-drawer__subpanel.is-active { display: grid; animation: mobileDrawerSubmenuIn .22s ease-out both; }.mobile-drawer__submenu-title { display: block; margin: 0; color: #111111; }.mobile-drawer__submenu-grid { display: grid; grid-template-columns: 1fr; gap: 0.625rem; }.mobile-drawer__submenu-grid a { display: flex; align-items: center; min-height: 3rem; padding: 0.875rem 1rem; border-radius: 1rem; background: #f6f6f6; color: #333333; }.mobile-drawer__submenu-grid a:hover { color: #111111; text-decoration: underline; text-underline-offset: 0.1875rem; }.mobile-drawer__all-link { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-height: 3rem; margin-top: 1rem; padding: 0.875rem 1rem; border-radius: 1rem; background: var(--color-accent); color: #333333; }.mobile-drawer__all-link:hover { background: #ffd84d; }.mobile-drawer__nav-box { display: grid; margin-top: 1rem; }.mobile-drawer__nav--secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem 1rem; }.mobile-drawer__nav--secondary a { min-height: 3rem; padding: 0.875rem 1rem; border-radius: 1rem; align-items: center; }@keyframes mobileDrawerSubmenuIn {from { opacity: 0; transform: translateX(0.625rem); }to { opacity: 1; transform: translateX(0); }
}.hero { color: #ffffff; }.hero__inner { position: relative; overflow: hidden; min-height: 18.75rem; border-radius: var(--radius-sm); background: #1b1e24; }.hero-slide { position: relative; color: #ffffff; background: #1b1e24; }.hero-slide::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(20,22,28,0.78) 0%, rgba(20,22,28,0.42) 45%, rgba(20,22,28,0.18) 100%); }.hero-slide__media { position: absolute; inset: 0; z-index: 0; display: block; }.hero-slide__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }.hero__grid { display: flex; flex-direction: column; gap: 1.125rem; min-height: 18.75rem; padding: 2rem; }.hero__grid, .hero__text, .hero__models { position: relative; z-index: 2; }.hero__brand { display: block; max-width: min(100%, 11rem); max-height: 2.75rem; margin-bottom: 1rem; object-fit: contain; object-position: left center; }.hero__title { margin: 0 0 1.125rem; }.hero__columns { display: grid; gap: 1rem; margin-left: 1rem;}.hero__feature-list, .hero__models { margin: 0; }.hero__feature-list { display: grid; gap: 0.625rem; padding: 0; list-style: none; }.hero__feature-list li { position: relative }.hero__feature-list li::before { content: ""; position: absolute; top: 0.45rem; left: -1rem; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--color-accent); }.hero__models a { color: inherit; text-decoration: underline; text-underline-offset: 0.1875rem; }.hero__badge { display: inline-flex; align-items: center; justify-content: center; min-width: 10rem; min-height: 2.625rem; margin-top: 1.125rem; padding: 0 1.125rem; border-radius: 100px; background: var(--color-accent); color: var(--color-dark); }.hero__badge--link { width: fit-content; }.hero__pagination { position: absolute; right: auto !important; left: 50% !important; bottom: 1rem !important; z-index: 4; display: flex; justify-content: center; gap: 0.625rem; width: max-content !important; padding: 0.375rem 0.625rem; border-radius: 1.5rem; background: rgba(18,18,18,0.18); transform: translateX(-50%) !important; }.hero__pagination .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; margin: 0 !important; border-radius: 50%; background: rgba(255,255,255,0.7); opacity: 1; }.hero__pagination .swiper-pagination-bullet-active { background: var(--color-accent); }@media (max-width: 743px) {.hero__inner, .hero-slide, .hero__grid { min-height: min(34rem, 72svh); }.hero-slide__image {object-position: -200px center; }.hero__brand {margin: 0;}.hero__title {margin:0; }.hero__grid { justify-content: space-between; }.hero__text { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-evenly; gap: 1rem; order: 1; }.hero__models { order: 2; margin-top: auto;  margin-bottom: 1rem;}
}.benefits { padding-top: 1.25rem; }.benefits__surface { padding: 2rem 8rem; border-radius: var(--radius-sm); background: var(--color-surface); }.benefits__grid { display: grid; gap: 4rem; }.benefit-card { display: grid; grid-template-columns: 1.875rem 1fr; gap: 0.375rem 1.25rem; align-items: start; background: transparent; }.benefit-card__content { display: flex; flex-direction: column; gap: 0.25rem; }.benefit-card__title, .benefit-card p { margin: 0; }.benefit-card p { color: var(--color-text); }