/* Start:/local/templates/main1/components/bitrix/catalog.section/.default/style.css?170205838864*/
.product-card__button .filter__button{
    margin-bottom: 0;
}
/* End */


/* Start:/local/templates/main1/components/bitrix/catalog.smart.filter/lb_chips/style.css?179293035810575*/
/* LABBERRY 24.10.2026: кнопки фильтра каталога (lb_chips). Цвета и шрифты — как в main.css: CeraPro, текст #323232,
   выбранное #4e4e4e, рамки #c4c4c4, второстепенное #818181, «Сбросить» — фирменный розовый #D7607F. Анимации ≤ 0,18 с. */
.lbf { position: relative; min-height: 56px; margin: 0 0 12px; }
.lbf-bar { background: #fff; z-index: 895; }
.lbf-bar.is-stuck { position: fixed; left: 0; right: 0; top: 0; padding: 0 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, .06); }
.lbf-bar.is-stuck .lbf-bar__scroll { max-width: 1240px; margin: 0 auto; }
.lbf-bar__scroll { display: flex; gap: 8px; overflow-x: auto; padding: 8px 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.lbf-bar__scroll::-webkit-scrollbar { display: none; }
html.lbf-stuck .mobile-menu.mobile-menu--fixed { visibility: hidden; }

.lbf-chip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 16px; margin: 0;
	border: 1px solid #c4c4c4; border-radius: 30px; background: #fff; color: #323232; cursor: pointer; white-space: nowrap;
	font: 500 15px/1 CeraPro, "CeraPro Fallback", Arial, sans-serif; text-decoration: none; -webkit-tap-highlight-color: transparent;
	transition: background-color .12s, color .12s, border-color .12s; }
.lbf-chip:hover { border-color: #4e4e4e; }
.lbf-chip:focus-visible { outline: 2px solid #4e4e4e; outline-offset: 2px; }
.lbf-chip.is-active { background: #4e4e4e; border-color: #4e4e4e; color: #fff; }
.lbf-chip[aria-expanded="true"] { border-color: #4e4e4e; }
.lbf-chip__chev { flex: 0 0 auto; transition: transform .12s; }
.lbf-chip[aria-expanded="true"] .lbf-chip__chev { transform: rotate(180deg); }
.lbf-chip__icon { flex: 0 0 auto; }
.lbf-chip--clear { border-color: transparent; color: #D7607F; padding: 0 8px; }
.lbf-chip--clear:hover { border-color: transparent; text-decoration: underline; }

.lbf-overlay { position: fixed; inset: 0; z-index: 10040; background: rgba(30, 30, 30, .42); opacity: 0; transition: opacity .15s; }
.lbf-overlay.is-open { opacity: 1; }
.lbf-overlay[hidden], .lbf-sheet[hidden] { display: none !important; }

.lbf-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10050; display: flex; flex-direction: column;
	max-height: calc(100vh - 110px); max-height: calc(100dvh - 110px); background: #fff; border-radius: 20px 20px 0 0;
	padding-bottom: env(safe-area-inset-bottom); transform: translateY(100%); transition: transform .18s ease-out;
	color: #323232; font-family: CeraPro, "CeraPro Fallback", Arial, sans-serif; }
.lbf-sheet.is-open { transform: none; }
.lbf-sheet__head { display: flex; align-items: center; gap: 12px; padding: 18px 20px 6px; }
.lbf-sheet__title { font-size: 20px; font-weight: 500; }
.lbf-sheet__reset { margin-left: auto; padding: 4px 0; border: 0; background: none; color: #D7607F; font: 500 15px CeraPro, Arial, sans-serif; cursor: pointer; }
.lbf-sheet__close { width: 32px; height: 32px; margin-right: -6px; border: 0; background: none; color: #818181; font-size: 28px; line-height: 1; cursor: pointer; }
.lbf-sheet__title + .lbf-sheet__close { margin-left: auto; }
.lbf-sheet__body { min-height: 0; overflow-y: auto; padding: 4px 20px 18px; overscroll-behavior: contain; }
.lbf-sheet__foot { padding: 12px 20px 16px; border-top: 1px solid #f0f0f0; }
.lbf-apply { width: 100%; height: 50px; border: 0; border-radius: 12px; background: #4e4e4e; color: #fff; cursor: pointer;
	font: 500 16px CeraPro, Arial, sans-serif; transition: background-color .12s; }
.lbf-apply:hover { background: #2e2c2c; }
.lbf-apply:disabled { background: #c4c4c4; cursor: default; }

.lbf-sub { margin: 16px 0 8px; color: #818181; font-size: 13px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.lbf-sheet__body > .lbf-sub:first-child { margin-top: 8px; }
.lbf-sheet__body > .lbf-opts:first-child { margin-top: 10px; }
.lbf-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.lbf-opt { position: relative; display: inline-flex; margin: 0; }
button.lbf-opt { padding: 0; border: 0; background: none; font: inherit; color: inherit; }
.lbf-opt input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.lbf-opt:not(.lbf-sw) > span { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border: 1px solid #c4c4c4;
	border-radius: 30px; background: #fff; color: #323232; font-size: 15px; cursor: pointer; transition: background-color .12s, color .12s, border-color .12s; }
/* кружки цвета (.lbf-sw) не перекрашиваем — у выбранного своё кольцо (.lbf-sw input:checked ~ .lbf-sw__dot) */
.lbf-opt:not(.lbf-sw) input:checked + span, .lbf-preset.is-on > span { background: #4e4e4e; border-color: #4e4e4e; color: #fff; }
.lbf-opt:not(.lbf-sw) input:focus-visible + span, button.lbf-opt:focus-visible > span { outline: 2px solid #4e4e4e; outline-offset: 2px; }
.lbf-opt.is-disabled { opacity: .35; pointer-events: none; }

.lbf-swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); gap: 14px 6px; }
.lbf-sw { flex-direction: column; align-items: center; gap: 6px; cursor: pointer; }
.lbf-sw__dot { width: 44px; height: 44px; border-radius: 50%; background: var(--sw, #ddd); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
	transition: box-shadow .12s; }
.lbf-sw input:checked ~ .lbf-sw__dot { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), 0 0 0 3px #fff, 0 0 0 5px #4e4e4e; }
.lbf-sw input:focus-visible ~ .lbf-sw__dot { outline: 2px solid #4e4e4e; outline-offset: 4px; }
.lbf-sw__name { color: #525252; font-size: 13px; text-align: center; }
.lbf-sw input:checked ~ .lbf-sw__name { color: #323232; font-weight: 500; }
.lbf-sw--belye { --sw: #fff; } .lbf-sw--belye .lbf-sw__dot { box-shadow: inset 0 0 0 1px #c9c9c9; }
.lbf-sw--belye input:checked ~ .lbf-sw__dot { box-shadow: inset 0 0 0 1px #c9c9c9, 0 0 0 3px #fff, 0 0 0 5px #4e4e4e; }
.lbf-sw--rozovye { --sw: #f08faf; }
.lbf-sw--krasnye { --sw: #ce2029; }
.lbf-sw--bordovye { --sw: #761428; }
.lbf-sw--persikovye { --sw: #ffbd96; }
.lbf-sw--zheltye { --sw: #ffd447; }
.lbf-sw--golubye { --sw: #8cc4f0; }
.lbf-sw--sirenevye { --sw: #ba98de; }
.lbf-sw--miks { --sw: conic-gradient(#f08faf 0 25%, #ffd447 0 50%, #8cc4f0 0 75%, #ce2029 0); }

.lbf-price { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.lbf-price__field { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 10px 14px; border-radius: 12px; background: #f5f5f5; }
.lbf-price__field span { color: #818181; font-size: 13px; }
.lbf-price__field input { width: 100%; padding: 0; border: 0; background: transparent; color: #323232; font: 400 17px CeraPro, Arial, sans-serif; outline: none; }

.lbf-sort { display: flex; flex-direction: column; padding-top: 4px; }
.lbf-sort__item { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid #f0f0f0;
	color: #323232; font-size: 16px; text-decoration: none; }
.lbf-sort__item:last-child { border-bottom: 0; }
.lbf-sort__item.is-active { font-weight: 500; }
.lbf-sort__item.is-active::after { content: ""; width: 16px; height: 9px; margin-right: 2px; border-left: 2px solid #4e4e4e; border-bottom: 2px solid #4e4e4e; transform: rotate(-45deg) translateY(-3px); }

html.lbf-lock, html.lbf-lock body { overflow: hidden; }

@media (min-width: 993px) {
	.lbf { margin-bottom: 20px; }
	.lbf-overlay { background: transparent; }
	.lbf-sheet { right: auto; bottom: auto; width: 400px; max-height: 70vh; border-radius: 16px; padding-bottom: 0;
		box-shadow: 0 12px 40px rgba(0, 0, 0, .14); transform: translateY(-6px); opacity: 0; transition: opacity .12s, transform .12s; }
	.lbf-sheet.is-open { transform: none; opacity: 1; }
	.lbf-sheet[data-lbf-sheet="sort"] { width: 280px; }
	.lbf-sheet__head { padding-top: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.lbf-sheet, .lbf-overlay, .lbf-chip, .lbf-chip__chev { transition: none; }
}

/* 25.10.2026: главная — только шторки, без своей строки (открывают кнопки «Цена» / «Цвет» в ряду категорий шапки) */
.lbf.lbf--nobar { min-height: 0; margin: 0; }
/* 25.10.2026: значок «сортировка и цена» (как у MATE) — квадратнее, без подписи */
.lbf-chip--icon { padding: 0 14px; }

/* 25.10.2026: строка подразделов раздела (lbSubsectionChips, section.php) — над кнопками фильтра, прокрутка вбок */
/* 25.10.2026 (Денис: «в подарках много овалов» → вариант «В»): подразделы — кружки с фото товара и подписью, текущий в тёмном кольце */
.lbs { margin: 0 0 8px; }
.lbs__scroll { display: flex; gap: 12px; overflow-x: auto; padding: 2px 0 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.lbs__scroll::-webkit-scrollbar { display: none; }
.lbs__pic { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 68px; color: #4e4e4e; text-align: center;
	text-decoration: none; font: 400 12px/1.25 CeraPro, "CeraPro Fallback", Arial, sans-serif; -webkit-tap-highlight-color: transparent; }
.lbs__img { display: block; width: 64px; height: 64px; padding: 2px; border: 2px solid transparent; border-radius: 50%; box-sizing: border-box; transition: border-color .12s; }
.lbs__img img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; background: #f2f2f2; }
.lbs__ico { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: #f2f2f2; color: #323232; }
.lbs__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lbs__pic:hover .lbs__img { border-color: #c4c4c4; }
.lbs__pic.is-active { color: #323232; font-weight: 500; }
.lbs__pic.is-active .lbs__img { border-color: #323232; }
@media (min-width: 993px) {
	.lbs__scroll { gap: 16px; }
	.lbs__pic { width: 86px; font-size: 13px; }
	.lbs__img { width: 80px; height: 80px; }
}

/* 25.10.2026: «Наборы» — шторка «Сколько клубник в наборе» (кнопка «Количество ▾», LB_EXTRA): число наборов серым после названия */
.lbf-sort__n { margin-left: 6px; color: #9a9a9a; font-weight: 400; font-size: 14px; }

/* End */
/* /local/templates/main1/components/bitrix/catalog.section/.default/style.css?170205838864 */
/* /local/templates/main1/components/bitrix/catalog.smart.filter/lb_chips/style.css?179293035810575 */