.catalog-title-panel,
.h1-with-counter{
	display:flex;
	align-items:baseline;
	gap:8px;
	min-width:0;
	max-width:100%;
	margin-bottom:14px!important;
}
.catalog-title-scroll{
	position:relative;
	flex:0 1 auto;
	display:inline-flex;
	min-width:0;
	max-width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	cursor:grab;
	user-select:none;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
.catalog-title-scroll::-webkit-scrollbar{
	display:none;
	width:0;
	height:0;
}
.catalog-title-scroll.catalog-title-scroll--dragging{
	cursor:grabbing;
	cursor:-webkit-grabbing;
}
.catalog-title-scroll.catalog-title-scroll--overflow{
	-webkit-mask-image:linear-gradient(to right, #000 calc(100% - 32px), transparent 100%);
	mask-image:linear-gradient(to right, #000 calc(100% - 32px), transparent 100%);
}
.catalog-title-scroll h1,
.h1-with-counter h1{
	display:inline-block;
	margin:0;
	padding:0;
	white-space:nowrap;
	font-size:1.35rem;
	line-height:1.25;
	font-weight:700;
	color:#111827;
}
.h1-with-counter .product-count,
.catalog-title-panel .product-count{
	flex:0 0 auto;
	white-space:nowrap;
	color:#6b7280;
	background:#f3f4f6;
	padding:4px 12px;
	border-radius:9999px;
	font-size:13px;
	font-weight:500;
	line-height:1.2;
	margin:0;
	align-self:baseline;
}

@media(max-width: 991.98px){
	.catalog-title-scroll h1,
	.h1-with-counter h1{
		font-size:1.18rem;
	}
}

@media(max-width: 575.98px){
	.catalog-title-scroll h1,
	.h1-with-counter h1{
		font-size:1.15rem;
	}
	.catalog-title-panel,
	.h1-with-counter{
		gap:8px;
		flex-direction:row !important;
		align-items:baseline !important;
	}
	.h1-with-counter .product-count,
	.catalog-title-panel .product-count{
		color:#6b7280;
		background:transparent;
		padding:0;
		font-size:13px;
		font-weight:400;
		height:auto !important;
		align-self:baseline !important;
		vertical-align:baseline !important;
	}
}

.dsnewprice,
.dscallme{
	z-index: 5 !important;
}


.dspopup-modal-bg
{
	z-index: 9999998 !important;
}
.sortBy{
	padding: 0;
	color:#555;
	border:0;
	margin:0;
	outline:none;	
}

.productCount
{
	color:#555;
}

.showOnPage{
	cursor: pointer;
	border:1px solid #ccc;
}

.showOnPage input:checked{
	font-weight: bolder;
}

.pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:10px;
	margin:0;
	list-style:none;
	border:0;
	background:transparent;
}
.pagination .page-item .page-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:34px;
	height:34px;
	padding:0 8px;
	border-radius:6px;
	border:0;
	background:transparent;
	color:#495057;
	font-size:15px;
	line-height:1;
	font-weight:500;
	cursor:pointer;
	transition:background-color .15s ease, color .15s ease, transform .1s ease;
}
.pagination .page-item:not(.active):not(.disabled) .page-link:hover{
	background-color:#f1f3f5;
	color:#111;
	text-decoration:none;
}
.pagination .page-item.active .page-link{
	background-color:#e9ecef!important;
	color:#212529!important;
	font-weight:700!important;
	border-radius:6px!important;
	border:0!important;
	box-shadow:none!important;
	cursor:default!important;
	pointer-events:none;
}
.pagination .page-item.disabled .page-link{
	color:#8c8c8c!important;
	background:transparent!important;
	min-width:18px!important;
	padding:0 4px!important;
	box-shadow:none!important;
	pointer-events:none;
	cursor:default;
}
.pagination .page-item-prev .page-link,
.pagination .page-item-next .page-link{
	font-size:18px!important;
	font-weight:700!important;
	min-width:30px!important;
}

.filterName{
	text-align:left;
	color:#555;
	font-size:1.5rem;
}

#emptyResults{
	display: none;
	z-index: 9999999 !important;
	border-radius:.25rem;
	position:absolute;
	right:-125px;
	background: #fff;
	width:120px;
	text-align:center;
	cursor:pointer;	
}

#filterButtons{
	display: none;
	z-index: 9999999 !important;
	position:absolute;
	right:-105%;
	background: #fff;
	width:100%;
	padding: 0;
	margin: 0;
	text-align:center;
	cursor:pointer;
}

#filterButtons button{
	width:100%;
	border: none!important;
	box-sizing: border-box;
	border-radius: .25rem;
}
@media (max-width: 992px){

	#filterButtons{
		display: none;
		position:fixed;
		bottom:0px;
		z-index:1000000;
		width:100%;
		left:0;
		text-align:center;
		cursor:pointer;
	}

	#filterButtons::after {
		border:0;
	}

}

/* Нижняя пагинация под каталогом */
#paginatorBottom,
.paginatorBottom{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:36px;
	margin-bottom:48px;
}

#paginatorBottom .pagination,
.paginatorBottom .pagination{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:16px;
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	background:transparent;
	scrollbar-width:none!important;
	-ms-overflow-style:none!important;
}

#paginatorBottom .pagination::-webkit-scrollbar,
.paginatorBottom .pagination::-webkit-scrollbar,
#paginatorTop .pagination::-webkit-scrollbar{
	display:none!important;
	width:0!important;
	height:0!important;
}

#paginatorBottom .pagination::-webkit-scrollbar-track,
.paginatorBottom .pagination::-webkit-scrollbar-track,
#paginatorTop .pagination::-webkit-scrollbar-track,
#paginatorBottom .pagination::-webkit-scrollbar-thumb,
.paginatorBottom .pagination::-webkit-scrollbar-thumb,
#paginatorTop .pagination::-webkit-scrollbar-thumb{
	display:none!important;
	background:transparent!important;
	box-shadow:none!important;
}

#paginatorBottom .page-item,
.paginatorBottom .page-item{
	display:inline-flex;
	align-items:center;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
}

#paginatorBottom .page-link,
.paginatorBottom .page-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:38px;
	height:38px;
	padding:0 10px;
	font-size:1.05rem;
	line-height:1;
	font-weight:500;
	color:#495057;
	border:0!important;
	border-radius:6px!important;
	background:transparent!important;
	box-shadow:none!important;
	outline:none!important;
	touch-action:manipulation;
	transition:background-color .15s ease, color .15s ease, transform .1s ease;
}

#paginatorBottom .page-item:not(.active):not(.disabled) .page-link:hover,
.paginatorBottom .page-item:not(.active):not(.disabled) .page-link:hover{
	background-color:#f1f3f5!important;
	color:#111!important;
	text-decoration:none!important;
}

#paginatorBottom .page-link:active,
.paginatorBottom .page-link:active{
	opacity:0.65;
	transform:scale(0.95);
}

#paginatorBottom .page-item.active .page-link,
.paginatorBottom .page-item.active .page-link{
	font-size:1.05rem;
	font-weight:700!important;
	color:#212529!important;
	background-color:#e9ecef!important;
	border-radius:6px!important;
	box-shadow:none!important;
	text-decoration:none!important;
	pointer-events:none;
}

#paginatorBottom .page-item.disabled .page-link,
.paginatorBottom .page-item.disabled .page-link{
	min-width:20px;
	padding:0 4px;
	color:#8c8c8c!important;
	background:transparent!important;
	box-shadow:none!important;
	opacity:0.6;
	pointer-events:none;
}

#paginatorBottom .page-item-prev .page-link,
#paginatorBottom .page-item-next .page-link,
.paginatorBottom .page-item-prev .page-link,
.paginatorBottom .page-item-next .page-link{
	font-size:1.4rem;
	font-weight:700;
	line-height:1;
}

@media(max-width:767.98px){
	#paginatorBottom,
	.paginatorBottom{
		margin-top:24px!important;
		margin-bottom:32px!important;
	}

	#paginatorBottom .pagination,
	.paginatorBottom .pagination{
		gap:12px!important;
		padding:4px 8px!important;
	}

	#paginatorBottom .page-link,
	.paginatorBottom .page-link{
		min-width:42px!important;
		min-height:44px!important;
		padding:10px 8px!important;
		font-size:1.05rem!important;
	}
}

/* Активные фильтры (чипсы) */
.catalog-active-filters{
	display:block;
	min-height:32px;
	margin:0 0 12px!important;
	padding:0!important;
	visibility:hidden;
	pointer-events:none;
	box-sizing:border-box;
}
.catalog-active-filters:empty{
	display:none;
	min-height:0;
	margin:0!important;
}
.catalog-active-filters--visible{
	visibility:visible;
	pointer-events:auto;
	contain:layout style;
}
.catalog-active-filters__inner{
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	gap:8px;
	min-height:32px;
	margin:0!important;
	padding:0!important;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
.catalog-active-filters__inner::-webkit-scrollbar{
	display:none;
	width:0;
	height:0;
}
.catalog-filter-chip{
	height:32px;
	min-height:32px;
	border:1px solid #e5e7eb;
	border-radius:9999px;
	background:#f3f4f6;
	color:#1f2937;
	padding:0 12px;
	font-size:13px;
	font-weight:500;
	line-height:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:border-color .15s,color .15s,background-color .15s;
	flex:0 0 auto;
	text-transform: capitalize;
}
.catalog-filter-chip span{
	margin-left:6px;
	color:#9ca3af;
	font-weight:600;
}
.catalog-filter-chip:hover,
.catalog-filter-chip:focus{
	border-color:#d1d5db;
	background:#e5e7eb;
	color:#111827;
	outline:none;
}
.catalog-filter-reset{
	color:#71717a;
	font-weight:500;
	border-color:transparent;
	background:transparent;
	padding:4px 8px;
	text-decoration:underline;
}
.catalog-filter-reset:hover,
.catalog-filter-reset:focus{
	color:#000;
	outline:none;
}
.catalog-filter-search{
	height:36px;
	border-color:#ccc;
	border-radius:0.25rem;
	box-shadow:none!important;
}
.catalog-filter-search:focus{
	border-color:#555!important;
	box-shadow:0 0 0 0.2rem rgba(85,85,85,.15)!important;
}
.catalog-filter-more{
	color:#555;
	font-weight:600;
	text-decoration:none!important;
}
.catalog-filter-more:hover,
.catalog-filter-more:focus{
	color:#000;
	box-shadow:none;
}

@media(max-width: 991.98px){
	.catalog-active-filters__inner{
		overflow-x:auto;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
	}
	.catalog-active-filters__inner::-webkit-scrollbar{
		display:none;
		width:0;
		height:0;
	}
	.catalog-filter-chip,
	.catalog-filter-reset{
		flex:0 0 auto;
	}
}

@media(max-width: 575.98px){
	.catalog-active-filters__inner{
		flex-wrap:nowrap;
		overflow-x:auto;
		overflow-y:hidden;
		padding-bottom:2px;
	}
	.catalog-filter-chip,
	.catalog-filter-reset{
		flex:0 0 auto;
	}
}

/* ==========================================================================
   Компактный горизонтальный слайдер облака тегов каталога RIEKER (Вариант 1)
   ========================================================================== */
.catalog-cloud-container {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	min-height: 28px;
	height: 28px;
	margin-bottom: 12px;
	padding: 0;
	contain: layout style;
}

.catalog-cloud__arrow {
	display: none;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	border-radius: 50%;
	border: 1px solid #e5e7eb;
	background-color: #ffffff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	color: #4b5563;
	cursor: pointer;
	padding: 0;
	margin: 0;
	outline: none;
	transition: all 0.15s ease;
	user-select: none;
	flex-shrink: 0;
	z-index: 2;
}

@media (min-width: 992px) {
	.catalog-cloud__arrow:not(.is-hidden):not(.is-disabled) {
		display: flex !important;
	}
}

.catalog-cloud__arrow.is-hidden,
.catalog-cloud__arrow.is-disabled {
	display: none !important;
}

.catalog-cloud__arrow:hover:not(:disabled):not(.is-disabled) {
	background-color: #f8f9fa;
	border-color: #111111;
	color: #111111;
}

.catalog-cloud__arrow:focus {
	outline: none;
	border-color: #111111;
}

.catalog-cloud__arrow--prev {
	margin-right: 6px;
}

.catalog-cloud__arrow--next {
	margin-left: 6px;
}

.catalog-cloud__arrow svg {
	display: block;
	width: 13px;
	height: 13px;
	stroke: currentColor;
	stroke-width: 2.2;
	fill: none;
	pointer-events: none;
}

.catalog-cloud__track {
	display: flex;
	align-items: center;
	gap: 6px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	width: 100%;
	min-width: 0;
	padding: 1px 0;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
}

.catalog-cloud__track.is-grabbing,
.catalog-cloud__track.is-dragging {
	cursor: grabbing !important;
	scroll-behavior: auto !important;
}

.catalog-cloud__track.is-dragging .catalog-cloud__item {
	cursor: grabbing !important;
	pointer-events: none;
}

.catalog-cloud__item,
.catalog-cloud__track a {
	-webkit-user-drag: none;
	user-drag: none;
}

.catalog-cloud__track::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.catalog-cloud__item,
.catalog-cloud__track .btn-light {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	flex: 0 0 auto;
	margin: 0 !important;
	height: 28px;
	min-height: 28px;
	padding: 4px 10px;
	font-size: 12.5px;
	line-height: 1.2;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
	background-color: #f8f9fa;
	color: #333333;
	text-decoration: none;
	transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.catalog-cloud__item:hover,
.catalog-cloud__item:focus,
.catalog-cloud__track .btn-light:hover,
.catalog-cloud__track .btn-light:focus {
	background-color: #ffffff;
	border-color: #222222;
	color: #000000;
	text-decoration: none;
	outline: none;
}

@media (max-width: 767.98px) {
	.catalog-cloud__arrow {
		display: none !important;
	}
	.catalog-cloud-container {
		margin-bottom: 8px;
	}
	.catalog-cloud__track {
		gap: 5px;
	}
}

/* ==========================================================================
   RIEKER MOBILE CATALOG: СВЕТЛЫЙ APPLE HIG
   ========================================================================== */

/* Универсальное скрытие скроллбаров */
.no-scrollbar {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.no-scrollbar::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Стрелка возврата назад (строго для мобильных) */
.rieker-back-chevron {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 24px !important;
  flex: 0 0 18px !important;
  margin: 0 4px 0 0 !important;
  padding: 0 !important;
  color: #34353a !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}
.rieker-back-chevron:hover,
.rieker-back-chevron:focus {
  color: #dc2626 !important;
}
.rieker-back-chevron svg {
  display: block !important;
  width: 7px !important;
  height: 12px !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}

@media (min-width: 992px) {
  .rieker-back-chevron {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  #breadcrumb .breadcrumb-item.active {
    font-weight: 500 !important;
    color: #111827 !important;
  }
  #breadcrumb .breadcrumb-item:last-child {
    flex-shrink: 0 !important;
    padding-right: 8px !important;
  }
}

/* Чипсы подкатегорий (облако тегов) */
#shoesCloud {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}
#shoesCloud .catalog-cloud__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  gap: 8px !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
#shoesCloud .catalog-cloud__track.is-grabbing,
#shoesCloud .catalog-cloud__track.is-dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
}
#shoesCloud .catalog-cloud__track.is-dragging .catalog-cloud__item {
  cursor: grabbing !important;
  pointer-events: none;
}
#shoesCloud .catalog-cloud__track::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
#shoesCloud .catalog-cloud__item.d-none,
#shoesCloud .catalog-cloud__item.is-hidden {
  display: none !important;
}
#shoesCloud .catalog-cloud__item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
  height: 32px !important;
  padding: 0 14px !important;
  background: #f3f4f6 !important;
  color: #374151 !important;
  border: none !important;
  border-radius: 9999px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background 0.15s ease, color 0.15s ease;
}
#shoesCloud .catalog-cloud__item:hover,
#shoesCloud .catalog-cloud__item:focus {
  background: #e5e7eb !important;
  color: #111827 !important;
}
#shoesCloud .catalog-cloud__item.active {
  background: #f3f4f6 !important;
  color: #374151 !important;
  border: none !important;
  font-weight: 500 !important;
}

/* Разделительная линия между блоком фильтров/подкатегорий и тулбаром каталога */
#headerPanel {
  border-top: 1px solid #e5e7eb !important;
  padding-top: 16px !important;
  margin-top: 16px !important;
}

@media (max-width: 991.98px) {
  #headerPanel {
    padding-top: 14px !important;
    margin-top: 14px !important;
  }
}

/* Десктопный тулбар (>= 992px) */
@media (min-width: 992px) {
  .catalog-toolbar {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
  }
  .catalog-toolbar__desktop-sort {
    margin-right: 12px !important;
    padding: 0 !important;
  }
  .catalog-toolbar__show-count {
    padding: 0 !important;
    margin: 0 !important;
  }
  #paginatorTop {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Трио-тулбар на мобильных устройствах (< 992px) — Apple HIG по макету */
@media (max-width: 991.98px) {
  .catalog-toolbar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    border: none !important;
    overflow: visible !important;
  }
  .catalog-toolbar > div {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 1. Кнопка «Фильтры» — в неактивном состоянии светло-серая капсула в тон соседним кнопкам */
  .catalog-toolbar__filter-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3f4f6 !important;
    border: none !important;
    border-radius: 9999px !important;
    color: #1f2937 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 0 12px !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background-color 0.15s ease, color 0.15s ease;
  }
  .catalog-toolbar__filter-btn:hover,
  .catalog-toolbar__filter-btn:focus {
    background: #e5e7eb !important;
    color: #111827 !important;
  }
  .catalog-toolbar__filter-btn:active {
    background: #e5e7eb !important;
  }
  .catalog-toolbar__filter-icon {
    width: 15px !important;
    height: 15px !important;
    margin-right: 5px !important;
    stroke: #1f2937 !important;
    fill: none !important;
    flex-shrink: 0 !important;
    transition: stroke 0.15s ease;
  }
  .catalog-toolbar__filter-btn:hover .catalog-toolbar__filter-icon,
  .catalog-toolbar__filter-btn:focus .catalog-toolbar__filter-icon {
    stroke: #111827 !important;
  }

  /* Активное состояние кнопки «Фильтры» (когда выбраны параметры фильтрации) */
  .catalog-toolbar__filter-btn.is-active {
    background: #34353a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
  }
  .catalog-toolbar__filter-btn.is-active .catalog-toolbar__filter-icon {
    stroke: #ffffff !important;
  }
  .catalog-toolbar__filter-btn.is-active:hover,
  .catalog-toolbar__filter-btn.is-active:focus,
  .catalog-toolbar__filter-btn.is-active:active {
    background: #43444a !important;
    color: #ffffff !important;
  }
  .catalog-toolbar__filter-btn.is-active:hover .catalog-toolbar__filter-icon,
  .catalog-toolbar__filter-btn.is-active:focus .catalog-toolbar__filter-icon {
    stroke: #ffffff !important;
  }
  .catalog-toolbar__filter-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 5px;
    background: #62646b; /* МЯГКИЙ СЕРЫЙ ЦВЕТ ИЗ ПРИМЕРА */
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 9999px;
    line-height: 1;
  }
  .catalog-toolbar__filter-badge:empty,
  .catalog-toolbar__filter-badge.is-hidden,
  .catalog-toolbar__filter-badge[style*="display: none"],
  .catalog-toolbar__filter-badge[style*="display:none"] {
    display: none !important;
  }

  /* 2. Кнопка «Сортировка» — аккуратная серая капсула, НЕ растянутая на всю ширину */
  #orderButton {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #orderButton .dropdown,
  #orderButton .catalog-sort-control {
    width: auto !important;
    display: inline-block !important;
  }
  #orderButton .catalog-text-control__toggle {
    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    background: #f3f4f6 !important;
    border: none !important;
    border-radius: 9999px !important;
    padding: 0 12px !important;
    color: #212124 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease;
  }
  #orderButton .catalog-text-control__toggle:active,
  #orderButton .catalog-text-control__toggle:focus {
    background: #e5e7eb !important;
    color: #111827 !important;
  }
  #orderButton .catalog-text-control__toggle .sort-label-text {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    text-align: center !important;
    flex: 0 0 auto !important;
  }
  #orderButton .catalog-text-control__toggle:after {
    margin-left: 2px !important;
    border-top: 4px solid #6b7280 !important;
    border-right: 4px solid transparent !important;
    border-bottom: 0 !important;
    border-left: 4px solid transparent !important;
    vertical-align: middle !important;
  }

  /* 3. Кнопка «Лимит на странице» — компактная серая капсула */
  #showOnPageBlock {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #showOnPageBlock .catalog-show-count,
  #showOnPageBlock .show-on-page-dropdown {
    width: auto !important;
    display: inline-block !important;
  }
  #showOnPageBlock .catalog-text-control__toggle {
    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    background: #f3f4f6 !important;
    border: none !important;
    border-radius: 9999px !important;
    padding: 0 10px !important;
    color: #212124 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease;
  }
  #showOnPageBlock .catalog-text-control__toggle:active,
  #showOnPageBlock .catalog-text-control__toggle:focus {
    background: #e5e7eb !important;
    color: #111827 !important;
  }
  #showOnPageBlock .catalog-text-control__toggle:after {
    margin-left: 2px !important;
    border-top: 4px solid #6b7280 !important;
    border-right: 4px solid transparent !important;
    border-bottom: 0 !important;
    border-left: 4px solid transparent !important;
    vertical-align: middle !important;
  }

  /* 4. Пагинация — аккуратные плитки 36×36px с выравниванием по левому краю сетки */
  #paginatorTop {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  #paginatorTop::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  #paginatorTop .pagination {
    margin: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
  }
  #paginatorTop .page-item {
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
  #paginatorTop .pagination .page-item:first-child .page-link,
  #paginatorTop .page-item:first-child .page-link {
    margin-left: 0 !important;
  }
  #paginatorTop .page-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background: #f3f4f6 !important;
    border: none !important;
    color: #212124 !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, color 0.15s ease;
  }

  /* Выравнивание левого края сетки товаров строго по единой вертикали 15px */
  #productsBlock .parts.row,
  #productsBlock .parts,
  .catalogPart .parts,
  .parts {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
    color: #212124 !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, color 0.15s ease;
  }
  #paginatorTop .page-item.active .page-link {
    background: #5d6067 !important; /* МЯГКИЙ ГРАФИТОВЫЙ ЦВЕТ ИЗ ПРИМЕРА */
    border-color: #5d6067 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
  }
  #paginatorTop .page-item.disabled .page-link {
    background: #f3f4f6 !important;
    color: #9ca3af !important;
    opacity: 0.6 !important;
  }

  /* Кнопка «Сбросить» — фирменный красный цвет по макету */
  .catalog-filter-reset {
    font-size: 13px !important;
    color: #dc2626 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 4px !important;
    margin-left: 10px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
  }
  .catalog-filter-reset:hover,
  .catalog-filter-reset:focus {
    color: #b91c1c !important;
    text-decoration: underline !important;
    outline: none !important;
  }

  /* Полноэкранный оверлей фильтра (< 992px) — Apple HIG */
  body.catalog-filter-open {
    overflow: hidden !important;
  }
  body.catalog-filter-open jdiv#jvLabelWrap,
  body.catalog-filter-open .__jivoMobileButton {
    display: none !important;
  }
  #filter.collapse.show,
  #filter.collapsing {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    z-index: 1045 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    background: #ffffff !important;
    padding: 0 16px 84px 16px !important;
    margin: 0 !important;
  }
  .catalog-filter-panel {
    min-height: 100%;
    background: #ffffff;
  }
  .catalog-filter-topbar {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    background: #ffffff;
    margin: 0 -16px 12px -16px;
    padding: 0 16px;
    border-bottom: 1px solid #f0ece8;
  }
  .catalog-filter-topbar__reset {
    background: none;
    border: none;
    padding: 6px 4px;
    font-size: 13px;
    font-weight: 500;
    color: #e11d48;
    cursor: pointer;
  }
  .catalog-filter-topbar__reset:hover {
    color: #be123c;
    text-decoration: underline;
  }
  .catalog-filter-mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1046 !important;
    padding: 12px 16px;
    background: #ffffff;
    border-top: 1px solid #f0ece8;
    box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.06);
  }
  .catalog-filter-apply-btn {
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #34353a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 9999px !important;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  }
  .catalog-filter-apply-btn:hover,
  .catalog-filter-apply-btn:active {
    background: #1f2937 !important;
    color: #ffffff !important;
  }
  #filterButtons {
    display: none !important;
  }
}

/* Компактный режим для ультра-узких экранов (<= 360px) */
@media (max-width: 360px) {
  .catalog-toolbar {
    gap: 5px !important;
  }
  .catalog-toolbar__filter-btn {
    padding: 0 10px !important;
    font-size: 12px !important;
  }
  .catalog-toolbar__filter-icon {
    width: 14px !important;
    height: 14px !important;
    margin-right: 4px !important;
  }
  .catalog-toolbar__filter-badge {
    min-width: 18px !important;
    height: 18px !important;
    font-size: 11px !important;
    padding: 0 4px !important;
    margin-left: 5px !important;
  }
  #orderButton .catalog-text-control__toggle {
    padding: 0 10px !important;
    font-size: 12px !important;
    gap: 4px !important;
  }
  #showOnPageBlock .catalog-text-control__toggle {
    padding: 0 8px !important;
    font-size: 12px !important;
  }
  #paginatorTop .page-link {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 13px !important;
  }
}

/* Выпадающие меню сортировки и лимита во всех разрешениях — Apple HIG */
.catalog-text-control .dropdown-menu {
  min-width: 190px !important;
  padding: 6px !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  z-index: 1050 !important;
  margin-top: 6px !important;
  overflow: hidden !important;
}

.catalog-text-control .dropdown-item {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #1f2937 !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.catalog-text-control .dropdown-item:hover,
.catalog-text-control .dropdown-item:focus {
  background: #f3f4f6 !important;
  color: #111827 !important;
  outline: none !important;
}

.catalog-text-control .dropdown-item.active,
.catalog-text-control .dropdown-item:active {
  background: #f3f4f6 !important;
  color: #dc2626 !important;
  font-weight: 600 !important;
}

/* Блокировка элементов управления каталога при AJAX-загрузке страницы */
.catalog-mobile-stepper.is-loading,
.catalog-mobile-stepper.is-loading *,
#paginatorBottom.is-loading,
#paginatorBottom.is-loading *,
#paginatorTop.is-loading,
#paginatorTop.is-loading *,
#showOnPageBlock.is-loading,
#showOnPageBlock.is-loading *,
#orderButton.is-loading,
#orderButton.is-loading *,
#catalogMobileSort.is-loading,
#catalogMobileSort.is-loading * {
  pointer-events: none !important;
  cursor: wait !important;
}

.catalog-mobile-stepper.is-loading,
#paginatorBottom.is-loading,
#showOnPageBlock.is-loading,
#orderButton.is-loading,
#catalogMobileSort.is-loading {
  opacity: 0.6 !important;
}

/* Компактный степпер пагинатора: стабильная ширина без смещения стрелок и интерактивный hover */
.catalog-stepper__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-width: 82px !important;
  gap: 3px !important;
  padding: 0 6px !important;
  height: 28px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums !important;
  -moz-font-feature-settings: "tnum" !important;
  -webkit-font-feature-settings: "tnum" !important;
  font-feature-settings: "tnum" !important;
  color: #1f2937 !important;
  cursor: pointer !important;
  border-radius: 9999px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color .15s ease, color .15s ease !important;
}

.catalog-stepper__toggle:after {
  content: "" !important;
  border-top: 4px solid #6b7280 !important;
  border-right: 3.5px solid transparent !important;
  border-bottom: 0 !important;
  border-left: 3.5px solid transparent !important;
  margin-left: 3px !important;
  transition: border-top-color .15s ease !important;
}

/* Единый серый ховер (#e5e7eb) для устройств с курсором (без залипания на тач) */
@media (hover: hover) and (pointer: fine) {
  .catalog-stepper__toggle:hover {
    background: #e5e7eb !important;
    color: #111827 !important;
  }
  .catalog-stepper__toggle:hover:after {
    border-top-color: #111827 !important;
  }
  #orderButton .catalog-text-control__toggle:hover,
  #showOnPageBlock .catalog-text-control__toggle:hover {
    background: #e5e7eb !important;
    color: #111827 !important;
  }
  #orderButton .catalog-text-control__toggle:hover .catalog-toolbar__sort-icon {
    stroke: #111827 !important;
  }
  .catalog-stepper__btn:hover:not(.disabled) {
    background: #f3f4f6 !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
    color: #111827 !important;
  }
}

.catalog-stepper__toggle:active,
.catalog-stepper__toggle:focus-visible,
.dropdown.show > .catalog-stepper__toggle,
#orderButton .catalog-text-control__toggle:active,
#orderButton .catalog-text-control__toggle:focus-visible,
#orderButton .dropdown.show .catalog-text-control__toggle,
#showOnPageBlock .catalog-text-control__toggle:active,
#showOnPageBlock .catalog-text-control__toggle:focus-visible,
#showOnPageBlock .dropdown.show .catalog-text-control__toggle {
  background: #e5e7eb !important;
  color: #111827 !important;
}

#orderButton .dropdown.show .catalog-text-control__toggle .catalog-toolbar__sort-icon {
  stroke: #111827 !important;
}