/* Start:/bitrix/templates/elektro_flat/components/bitrix/news/vendors_253648/bitrix/news.list/.default/style.css?178531529018516*/
/* Vendors hub desktop styles. Moved from template.php so Bitrix asset cache loads it reliably. */
.workarea-vendor .h1-reset-filter-row { display:none !important; }
body, .vendors-hub-page { --v-blue:#0078bd; --v-blue-dark:#12395a; --v-ink:#17263d; --v-text:#233653; --v-muted:#68788e; --v-border:#dde6f0; --v-warm:#c78a2d; --v-amber:#f5bd62; --v-soft:#f7f9fc; }
body [class^="vendors-"], body [class*=" vendors-"] { box-sizing:border-box; }
body .vendors-page-modern a, body .content > .vendors-popular a, body .content > .vendors-letter-section a, body .content > .vendors-control-panel a { text-decoration:none; }
body .content > .vendors-control-panel, body .content > .vendors-popular, body .content > .vendors-list-toolbar, body .content > .vendors-letter-section, body .content > .vendors-no-results, body .content > .vendors-topline-text, body .content > .vendors-topline-stats { color:var(--v-text); font-family:Arial, Helvetica, sans-serif; }
	.workarea-vendor { --v-blue:#0078bd; --v-blue-dark:#12395a; --v-ink:#17263d; --v-text:#233653; --v-muted:#68788e; --v-border:#dde6f0; --v-warm:#c78a2d; --v-amber:#f5bd62; --v-soft:#f7f9fc; margin:4px 0 34px; padding-bottom:78px; color:var(--v-text); font-family:Arial, Helvetica, sans-serif; }
	.workarea-vendor * { box-sizing:border-box; }
	.workarea-vendor a { text-decoration:none; }
	body .vendors-topline { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:286px; margin:0 0 18px; padding:34px 34px 30px; border:1px solid rgba(209,220,233,.9); border-radius:8px; background-image:linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.92) 33%, rgba(255,255,255,.62) 54%, rgba(255,255,255,.1) 78%), url('/bitrix/templates/elektro_flat/images/vendors-hero-2026-07-28.webp'); background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; box-shadow:0 18px 38px rgba(23,38,61,.1); }
	body .vendors-topline:before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.44)); pointer-events:none; }
	body .vendors-topline:after { content:""; position:absolute; left:0; right:0; bottom:0; height:4px; background:linear-gradient(90deg, var(--v-blue), var(--v-amber), rgba(255,255,255,0)); opacity:.9; pointer-events:none; }
	body .vendors-topline-content, body .vendors-topline-stats { position:relative; z-index:1; }
	body .vendors-topline-content { width:min(575px, 100%); }
	body .vendors-topline-kicker { display:inline-flex; align-items:center; margin:0 0 12px; padding:7px 10px; border:1px solid rgba(0,120,189,.16); border-radius:6px; background:rgba(255,255,255,.76); color:var(--v-blue); font-size:12px; line-height:1; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
	body .vendors-topline-title { margin:0; color:#4f586f; font-family:'Times New Roman', Times, Georgia, serif; font-size:34px; line-height:1.04; font-weight:500; letter-spacing:0; }
	body .vendors-topline-text { max-width:560px; margin:12px 0 0; color:#435269; font-size:16px; line-height:1.55; font-weight:500; }
	body .vendors-topline-stats { display:grid; grid-template-columns:minmax(185px, 1fr) minmax(185px, 1fr) minmax(285px, 1.45fr); gap:12px; width:min(770px, 100%); margin:24px 0 0; }
	.workarea-vendor > .vendors-topline-text, body .content > .vendors-topline-text { max-width:none; min-height:126px; margin:0; padding:34px 34px 12px; border:1px solid rgba(209,220,233,.9); border-bottom:0; border-radius:8px 8px 0 0; background-image:linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.92) 42%, rgba(255,255,255,.55) 72%), url('/bitrix/templates/elektro_flat/images/vendors-hero-2026-07-28.webp'); background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:0 18px 38px rgba(23,38,61,.1); }
	.workarea-vendor > .vendors-topline-stats, body .content > .vendors-topline-stats { width:auto; margin:0 0 18px; padding:0 34px 30px; border:1px solid rgba(209,220,233,.9); border-top:0; border-radius:0 0 8px 8px; background-image:linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.9) 42%, rgba(255,255,255,.48) 72%), url('/bitrix/templates/elektro_flat/images/vendors-hero-2026-07-28.webp'); background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:0 18px 38px rgba(23,38,61,.1); }
	body .vendors-topline-stat { display:grid; grid-template-columns:54px minmax(0, 1fr); gap:14px; align-items:center; min-height:82px; padding:14px 18px; border:1px solid rgba(211,225,238,.76); border-radius:8px; background:linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(248,252,255,.62) 100%); box-shadow:0 14px 30px rgba(23,38,61,.055), inset 0 1px 0 rgba(255,255,255,.84); backdrop-filter:blur(8px); }
	body .vendors-topline-stat-icon { display:flex; align-items:center; justify-content:center; width:54px; height:54px; color:var(--v-blue); }
	body .vendors-topline-stat-icon svg { display:block; width:48px; height:48px; fill:none; stroke:currentColor; stroke-width:.95; stroke-linecap:round; stroke-linejoin:round; }
	body .vendors-topline-stat-copy { display:block; min-width:0; font-family:"Segoe UI", Arial, Helvetica, sans-serif; }
	body .vendors-topline-stat strong { display:block; color:#1d2b43; font-size:16px; line-height:1.14; font-weight:700; letter-spacing:0; white-space:nowrap; }
	body .vendors-topline-stat-copy > span { display:block; margin-top:5px; color:#64748a; font-size:12px; line-height:1.28; font-weight:500; letter-spacing:0; }
	body .vendors-topline-stat:nth-child(3) strong { font-size:16px; }
	body .vendors-topline-stat:nth-child(3) .vendors-topline-stat-copy > span { max-width:210px; }
	body .vendors-popular { margin:0 0 24px; padding:18px; border:1px solid #e3ebf4; border-radius:8px; background:linear-gradient(180deg, #fff, #f8fafc); box-shadow:0 12px 28px rgba(23,38,61,.06); }
	body .vendors-block-title { margin:0 0 14px; color:#17263d; font-size:21px; line-height:1.25; font-weight:800; letter-spacing:0; }
	body .vendors-popular-grid { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:12px; }
	body .vendors-popular-card { position:relative; min-height:118px; padding:16px 15px 14px; border:1px solid #dde7f1; border-radius:8px; background:#fff; color:#233653; box-shadow:0 8px 18px rgba(23,38,61,.04); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; overflow:hidden; }
	body .vendors-popular-card:before { content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg, var(--v-blue), var(--v-amber)); opacity:.72; }
	body .vendors-popular-card:hover { border-color:#b9c9dc; box-shadow:0 14px 28px rgba(23,38,61,.1); transform:translateY(-2px); }
	body .vendors-popular-logo { display:flex; align-items:center; justify-content:flex-start; min-height:42px; margin:0 0 10px; }
	body .vendors-popular-logo img { max-width:100%; max-height:42px; width:auto; height:auto; object-fit:contain; filter:contrast(1.04); }
	body .vendors-popular-name { display:-webkit-box; overflow:hidden; color:#18283f; font-size:14px; line-height:1.18; font-weight:800; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	body .vendors-popular-label { display:-webkit-box; overflow:hidden; margin-top:5px; color:#68778c; font-size:12px; line-height:1.36; font-weight:400; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	body .vendors-control-panel { margin:-6px 0 22px; padding:18px; border:1px solid rgba(216,226,238,.96); border-radius:8px; background:rgba(255,255,255,.96); box-shadow:0 14px 34px rgba(23,38,61,.08); }
	body .vendors-search-row { display:grid; grid-template-columns:132px minmax(0, 1fr) 116px; gap:12px; align-items:center; margin-bottom:10px; }
	body .vendors-search-label { color:#1d314c; font-size:14px; line-height:1.2; font-weight:800; }
	body .vendors-search-field { position:relative; }
	body .vendors-search-field:before { content:""; position:absolute; left:15px; top:50%; width:13px; height:13px; margin-top:-8px; border:2px solid #8090a7; border-radius:50%; pointer-events:none; }
	body .vendors-search-field:after { content:""; position:absolute; left:27px; top:27px; width:8px; height:2px; background:#8090a7; transform:rotate(45deg); transform-origin:left center; pointer-events:none; }
	body #brandSearchInput { width:100%; height:44px; padding:0 14px 0 42px; border:1px solid #ccd6e4; border-radius:6px; background:#fff; color:#233653; font-size:15px; outline:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.85); }
	body #brandSearchInput:focus { border-color:var(--v-blue); box-shadow:0 0 0 3px rgba(0,120,189,.12); }
	body .vendors-search-button { height:44px; border:1px solid #006fae; border-radius:6px; background:linear-gradient(180deg, #0089cf, #0074b7); color:#fff; font-size:14px; font-weight:800; cursor:pointer; box-shadow:0 8px 18px rgba(0,120,189,.22); }
	body .vendors-search-button:hover { background:#006da9; border-color:#006da9; }
	body .vendors-search-example { grid-column:2 / 3; margin:-7px 0 0; color:#7b8798; font-size:12px; line-height:1.35; }
	body .vendors-az { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:6px; margin:0; padding:12px 0 0; border-top:1px solid #edf1f6; }
	body .vendors-az-link { display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:30px; padding:0 9px; border:1px solid #d9e2ee; border-radius:6px; background:#fff; color:#35506f; font-size:12px; font-weight:800; line-height:1; cursor:pointer; box-shadow:0 1px 2px rgba(23,38,61,.03); transition:border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease; }
	body .vendors-az-link:hover, body .vendors-az-link.is-active { border-color:var(--v-blue); background:linear-gradient(180deg, #098ed1, #0078bd); color:#fff; text-decoration:none; box-shadow:0 6px 14px rgba(0,120,189,.18); }
	body .vendors-az-link.is-disabled { opacity:.32; cursor:default; pointer-events:none; box-shadow:none; }
	body .vendors-filter-row { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:12px 0 0; padding-top:12px; border-top:1px solid #edf1f6; }
	body .vendors-filter-chip { display:inline-flex; align-items:center; gap:5px; min-height:31px; padding:0 10px; border:1px solid #d8e1ed; border-radius:6px; background:#fff; color:#334963; font-size:12px; line-height:1; font-weight:800; cursor:pointer; box-shadow:0 1px 2px rgba(23,38,61,.03); }
	body .vendors-filter-chip span { color:#78879a; font-weight:700; }
	body .vendors-filter-chip:hover { border-color:#b7c7da; background:#f5f8fb; }
	body .vendors-filter-chip.is-active { border-color:var(--v-blue); background:linear-gradient(180deg, #098ed1, #0078bd); color:#fff; box-shadow:0 6px 14px rgba(0,120,189,.18); }
	body .vendors-filter-chip.is-active span { color:#e5f4fb; }
	body .vendors-filter-chip.is-disabled, body .vendors-filter-chip:disabled { opacity:.36; cursor:default; background:#f7f9fc; color:#8a98aa; box-shadow:none; }
	body .vendors-filter-chip.is-disabled span, body .vendors-filter-chip:disabled span { color:#9aa7b6; }
	body .vendors-filter-chip.is-disabled:hover, body .vendors-filter-chip:disabled:hover { border-color:#d8e1ed; background:#f7f9fc; }
	body .vendors-select { height:30px; max-width:170px; padding:0 28px 0 10px; border:1px solid #d8e1ed; border-radius:6px; background:#fff; color:#334963; font-size:12px; font-weight:800; }
	body .vendors-list-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 14px; }
	body .vendors-list-toolbar-title { color:#17263d; font-size:20px; line-height:1.2; font-weight:800; }
	body .vendors-sort { width:210px; max-width:100%; }
	body .vendors-letter-section { margin:0 0 32px; scroll-margin-top:110px; }
	body .vendors-letter-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 14px; margin:0 0 12px; padding:12px 14px; border:1px solid rgba(216,226,238,.92); border-radius:8px; background:linear-gradient(90deg, rgba(248,252,255,.92) 0%, rgba(255,255,255,.96) 64%, rgba(255,250,239,.72) 100%); box-shadow:0 8px 22px rgba(23,38,61,.035); }
	body .vendors-letter-section:nth-of-type(even) .vendors-letter-head { background:linear-gradient(90deg, rgba(255,251,242,.86) 0%, rgba(255,255,255,.96) 64%, rgba(245,250,255,.74) 100%); }
	body .vendors-letter-title { flex:1 1 260px; display:flex; align-items:center; gap:12px; min-width:0; margin:0; padding:0; border:0; color:#4f586f; font-family:'Times New Roman', Times, Georgia, serif; font-size:24px; line-height:1.05; font-weight:500; letter-spacing:0; }
	body .vendors-letter-title:before { display:none; }
	body .vendors-letter-symbol { display:inline-flex; align-items:center; justify-content:center; width:42px; min-width:42px; height:34px; border:1px solid rgba(0,120,189,.16); border-radius:8px; color:#0078bd; background:rgba(255,255,255,.82); font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:1; font-weight:800; box-shadow:inset 0 1px 0 rgba(255,255,255,.9); }
	body .vendors-letter-copy { display:block; min-width:0; line-height:1.14; }
	body .vendors-letter-count { display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:6px 12px; border:1px solid rgba(215,225,237,.92); border-radius:999px; color:#68778c; background:rgba(255,255,255,.86); font-size:12px; font-weight:500; line-height:1; white-space:nowrap; }
	body .vendors-section-items { display:grid !important; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:12px; width:100%; margin:0; padding:0; }
	body .vendors-section-item { float:none !important; display:block; margin:0 !important; padding:0; }
	body .vendors-section-item.is-hidden { display:none !important; }
	body .vendors-section-item a { position:relative; display:block; width:auto !important; min-height:118px; height:100%; margin:0; padding:16px 15px 14px; border:1px solid #dde7f1; border-radius:8px; background:#fff; color:#233653; box-shadow:0 8px 18px rgba(23,38,61,.04); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; overflow:hidden; }
	body .vendors-section-item a:before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg, rgba(0,120,189,.20), rgba(245,189,98,.18)); opacity:.55; pointer-events:none; }
	body .vendors-section-item.is-top-brand a { border-color:rgba(196,154,69,.34); background:linear-gradient(180deg, #fff, #fffdf8); box-shadow:0 10px 22px rgba(23,38,61,.055); }
	body .vendors-section-item.is-top-brand a:before { height:3px; background:linear-gradient(90deg, var(--v-blue), var(--v-amber)); opacity:.9; }
	body .vendors-section-item.is-top-brand a:after { content:""; position:absolute; top:10px; right:10px; width:8px; height:8px; border:1px solid rgba(199,138,45,.72); border-radius:2px; background:#fffaf0; transform:rotate(45deg); box-shadow:0 0 0 4px rgba(245,189,98,.11); pointer-events:none; }
	body .vendors-section-item a:hover { border-color:#b9c9dc; box-shadow:0 14px 28px rgba(23,38,61,.1); transform:translateY(-2px); text-decoration:none; }
	body .vendors-section-item.is-top-brand a:hover { border-color:rgba(196,154,69,.52); }
	body .vendors-section-item a:hover .item { border-color:transparent; }
	body .vendors-section-item a .item { display:block; min-height:0; padding:0; border:0; border-radius:0; }
	body .vendors-section-item a .item .image { display:flex; align-items:center; justify-content:flex-start; width:auto; height:auto; min-height:42px; margin:0 0 10px; padding:0; }
	body .vendors-section-item a .item .image img { max-width:100%; max-height:42px; width:auto; height:auto; object-fit:contain; border:0; filter:contrast(1.04); }
	body .vendors-section-item a .item .item-title { display:block; min-width:0; height:auto; padding:0; color:#233653; font-size:14px; line-height:1.25; font-weight:800; text-decoration:none; }
	body .vendors-brand-name { display:-webkit-box; overflow:hidden; color:#17263d; text-decoration:none; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	body .vendors-brand-label { display:-webkit-box; overflow:hidden; margin-top:5px; color:#68778c; font-size:12px; line-height:1.36; font-weight:400; text-align:left; text-decoration:none; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	.vendors-hub-page .visually-hidden { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
	body .vendors-no-results { display:none; margin:24px 0; padding:18px; border:1px solid #e1e7f0; border-radius:8px; background:#fff; color:#66758a; text-align:center; font-size:15px; }
	@media (max-width:1180px) {
		body .vendors-topline { min-height:260px; background-position:58% center; }
		body .vendors-popular-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
		body .vendors-section-items { grid-template-columns:repeat(4, minmax(0, 1fr)); }
	}
	@media (max-width:768px) {
		.workarea-vendor { overflow-x:hidden !important; }
		.workarea-vendor .mob-h1 { font-size:22px; }
		.workarea-vendor { padding-bottom:74px; }
		body .vendors-topline { min-height:0; padding:22px 16px; background-image:linear-gradient(90deg, rgba(255,255,255,.97), rgba(255,255,255,.86)), url('/bitrix/templates/elektro_flat/images/vendors-hero-2026-07-28.webp'); background-position:60% center; }
		.workarea-vendor > .vendors-topline-text, body .content > .vendors-topline-text { min-height:0; padding:22px 16px 10px; }
		.workarea-vendor > .vendors-topline-stats, body .content > .vendors-topline-stats { padding:0 16px 22px; }
		body .vendors-topline-title { font-size:25px; }
	body .vendors-topline-stats { grid-template-columns:1fr; }
		body .vendors-search-row { grid-template-columns:1fr; gap:8px; }
		body .vendors-search-label, body .vendors-search-example { display:none; }
		body .vendors-filter-row, body .vendors-az { flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; }
		body .vendors-filter-chip, body .vendors-az-link, body .vendors-select { flex:0 0 auto; }
		body .vendors-list-toolbar { align-items:stretch; flex-direction:column; gap:8px; }
		body .vendors-sort { width:100%; }
		body .vendors-popular-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
		body .vendors-section-items { grid-template-columns:repeat(2, minmax(0, 1fr)); }
	}

	@media (max-width:520px) {
		body .vendors-section-items { grid-template-columns:1fr; }
	}

/* End */
/* /bitrix/templates/elektro_flat/components/bitrix/news/vendors_253648/bitrix/news.list/.default/style.css?178531529018516 */