/* Start:/local/templates/.default/components/dresscode/catalog/.default/style.css?17868115792339*/
.steelCatalogHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	box-sizing: border-box;
	margin: 0 0 24px;
}

.steelCatalogHeader__title {
	display: flex;
	align-items: baseline;
	flex: 0 0 auto;
	gap: 16px;
	min-width: 0;
}

.steelCatalogHeader__title h1 {
	margin: 0;
}

.steelCatalogHeader__count {
	color: #83909c;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
}

.steelCatalogNav {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	min-width: 0;
}

.steelCatalogNav__link {
	display: flex;
	align-items: center;
	gap: 12px;
	box-sizing: border-box;
	min-width: 0;
	min-height: 42px;
	padding: 0 0 0 28px;
	color: #22262b;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
	transition: color 0.2s ease;
}

.steelCatalogNav__link + .steelCatalogNav__link {
	margin-left: 28px;
	border-left: 1px solid #d8dde1;
}

.steelCatalogNav__link:hover,
.steelCatalogNav__link:focus {
	color: #f6a000;
	text-decoration: none;
}

.steelCatalogNav__link:focus-visible {
	outline: 2px solid #f6a000;
	outline-offset: 4px;
}

.steelCatalogNav__meta {
	color: #5f6b76;
	white-space: nowrap;
}

.steelCatalogNav__arrow {
	display: block;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	transition: transform 0.2s ease;
}

.steelCatalogNav__link:hover .steelCatalogNav__arrow,
.steelCatalogNav__link:focus .steelCatalogNav__arrow {
	transform: translateX(3px);
}

@media all and (max-width: 1200px) {
	.steelCatalogHeader {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}

	.steelCatalogNav {
		justify-content: flex-start;
		width: 100%;
	}

	.steelCatalogNav__link:first-child {
		padding-left: 0;
	}
}

@media all and (max-width: 700px) {
	.steelCatalogHeader {
		gap: 12px;
		margin-bottom: 18px;
	}

	.steelCatalogHeader__title {
		gap: 10px;
	}

	.steelCatalogHeader__count {
		font-size: 12px;
	}

	.steelCatalogNav {
		align-items: stretch;
		flex-direction: column;
	}

	.steelCatalogNav__link,
	.steelCatalogNav__link:first-child {
		justify-content: space-between;
		min-height: 44px;
		padding: 0;
		font-size: 13px;
	}

	.steelCatalogNav__link + .steelCatalogNav__link {
		margin-left: 0;
		border-top: 1px solid #e7eaed;
		border-left: 0;
	}

	.steelCatalogNav__meta {
		white-space: normal;
	}
}

/* End */


/* Start:/bitrix/templates/dresscode/components/dresscode/catalog/.default/style.min.css?1769281835146*/
#middleSlider{margin-bottom:24px}.panel-click.selected{pointer-events:none}.items.productList{margin-bottom:24px}.removeFromWishlist{display:none}
/* End */


/* Start:/bitrix/components/dresscode/catalog.tags/templates/.default/style.min.css?17692818241131*/
.catalogTagItems{margin-bottom:12px}.catalogTagItems .catalogTagItem{vertical-align:middle;display:inline-block;margin-bottom:12px;margin-right:12px}.catalogTagItems .catalogTagItem:last-child{margin-right:0}.catalogTagItems .catalogTagLink{transition:all .2s ease-in-out;display:block;background-color:#f4f4f4;text-decoration:none;padding:6px 12px;border-radius:4px;color:#000}.catalogTagItems .catalogTagLink.selected{font-family:robotomedium}.catalogTagItems .catalogTagLink.selected .reset{vertical-align:middle;display:inline-block;margin-left:6px;font-size:13px}.catalogTagItems .catalogTagLink:hover{background-color:#f0f0f0}.catalogTagItems .catalogTagLink:active{position:relative;top:1px}.catalogTagItems .moreButton .catalogTagLink{background-color:#fff;border:1px solid #e7e8ea}.catalogTagItems .moreButton .catalogTagLink:hover{background-color:#fbfbfb}.catalogTagItems .catalogTagItem.showAll{display:inline-block!important}@media screen and (min-width:600px){.catalogTagItems .desktopHidden{display:none}}@media screen and (max-width:600px){.catalogTagItems .mobileHidden,.catalogTagItems.mobileHidden{display:none}}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/style.css?178741185620884*/
#smartFilter {
	margin-top: 24px;
	border: 1px solid #e7e8ea;
	position: relative;
	border-radius: 4px;
}

#smartFilterForm {
	padding-bottom: 24px;
}

#smartFilter a {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#smartFilter span.heading {
	font-family: "robotobold";
	text-transform: uppercase;
	background: #f3f3f3;
	text-align: center;
	padding-left: 0px;
	cursor: pointer;
	font-size: 14px;
	color: #000000;
}

#smartFilter .paramsBox {
	border-bottom: 1px solid #e7e8ea;
	padding: 24px;
	position: relative;
	clear: both;
	font-size: 14px;
}

#smartFilter .paramsBoxTitle {
	display: inline-block;
	margin-bottom: 18px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
}

#smartFilter .paramsBoxTitle span {
	cursor: pointer;
}

#smartFilter .propExpander {
	background: url(/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/images/expander.png) 50% 8px no-repeat transparent;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	line-height: 16px;
	cursor: pointer;
	height: 26px;
	width: 21px;
	top: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#smartFilter .propExpander.expanded {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

#smartFilter .showALL {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#smartFilter .showALL:active {
	position: relative;
	top: 1px;
}

#smartFilter .params {
	transition: all 0.2s ease;
	clear: both;
	opacity: 1;
}

#smartFilter .params.collapsed {
	display: block;
	margin-top: -18px;
	overflow: hidden;
	opacity: 0;
	max-height: 0;
}

#smartFilter .radio,
#smartFilter .checkbox {
	list-style: none;
	padding: 0;
	margin: 0;
}

#smartFilter .radio li,
#smartFilter .checkbox li {
	padding-bottom: 12px;
}

#smartFilter .radio label,
#smartFilter .checkbox label {
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

#smartFilter .radio .off,
#smartFilter .checkbox .off {
	display: none;
}

#smartFilter .radio li:last-child,
#smartFilter .checkbox li:last-child {
	padding-bottom: 0;
}

#smartFilter .disabled {
	cursor: default !important;
	color: #888;
}

#smartFilter .disabled .wrap {
	opacity: 0.6;
}

#smartFilter .dropdown {
	background-color: #ffffff;
	border: 1px solid #e7e8ea;
	position: relative;
	line-height: 13px;
	font-size: 13px;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border-radius: 4px;
}

#smartFilter .checkedItem {
	padding: 12px 30px 12px 8px !important;
	border-radius: 4px;
	background: url(/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/images/selectArrow.png) 97% 50% no-repeat transparent;
	display: block;
	cursor: pointer;
}

#smartFilter .dropdown label:before,
#smartFilter .checkboxList label:before {
	display: none;
}

#smartFilter .dropdownList {
	background-color: #ffffff;
	border: 1px solid #e7e8ea;
	position: absolute;
	list-style: none;
	margin: 0 -1px;
	opacity: 0;
	padding: 0;
	z-index: 2;
	top: 47px;
	right: 0;
	left: 0;
	visibility: hidden;
}

#smartFilter .dropdownList.opened {
	visibility: visible;
	opacity: 1;
}

#smartFilter .pics .dropdownList {
	top: 52px;
}

#smartFilter .dropdownList .item {
	padding: 8px !important;
	display: block;
}

#smartFilter .dropdownList .selected,
#smartFilter .dropdownList .item:hover {
	cursor: pointer;
	color: #ffffff;
}

#smartFilter .dropdown input {
	top: -44px;
}

#smartFilter .rangeSlider input[type="text"] {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #ffffff;
	border-color: #e7e8ea;
	border-radius: 4px;
	color: #888888;
	height: 26px;
	width: 68px;
}

#smartFilter .rangeSlider input[type="text"]:nth-of-type(1) {
	margin-right: 12px;
}

#smartFilter .rangeSlider label {
	display: inline-block;
	margin-right: 12px;
}

#smartFilter .slider {
	background: url(/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/images/uiBg.png) 3px 0 repeat-x transparent;
	margin: 24px auto 0;
	position: relative;
	max-width: 300px;
	height: 54px;
	width: 100%;
}

#smartFilter .slider .trans {
	-webkit-transition:
		width 0.2s ease-in-out,
		visibility 0.2s linear;
	-moz-transition:
		width 0.2s ease-in-out,
		visibility 0.2s linear;
	-o-transition:
		width 0.2s ease-in-out,
		visibility 0.2s linear;
	transition:
		width 0.2s ease-in-out,
		visibility 0.2s linear;
}

#smartFilter .handler {
	position: absolute;
	cursor: pointer;
	height: 14px;
	width: 100%;
	top: 19px;
}

#smartFilter .slider .blackoutLeft,
#smartFilter .slider .blackoutRight {
	background: url(/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/images/handler.png) 0 0 repeat-x transparent;
	position: absolute;
	height: 14px;
	width: 0;
	top: 0;
}

#smartFilter .slider .blackoutLeft {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	left: 0px;
}

#smartFilter .slider .blackoutRight {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	right: 0px;
}

#smartFilter .slider ins {
	background: url(/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/images/motionButton.png) 0 0 no-repeat transparent;
	position: absolute;
	cursor: pointer;
	display: block;
	height: 34px;
	width: 34px;
	z-index: 10;
	top: -10px;
}

#smartFilter .slider ins:hover {
	background-position: -34px 0;
}

#smartFilter .slider ins:active {
	background-position: -68px 0;
}

#smartFilter .slider .left {
	right: -24px;
}

#smartFilter .slider .right {
	left: -24px;
}

#smartFilterControls {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding: 0px 12px;
	margin: 24px 0 0;
	overflow: hidden;
	list-style: none;
}

#smartFilterControls li {
	width: 48%;
	float: left;
}

#smartFilterControls li:last-child {
	float: right;
}

#set_filter,
#del_filter {
	line-height: 46px;
	font-size: 16px;
	height: 46px;
}

#set_filter {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	text-decoration: none;
	border-radius: 4px;
	font-size: 13px;
	display: block;
	color: #fff;
}

#set_filter:active {
	position: relative;
	top: 1px;
}

#del_filter {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	background-color: #2b2b2b;
	text-decoration: none;
	border-radius: 4px;
	text-align: center;
	color: #ffffff;
	font-size: 13px;
	display: block;
	border: none;
}

#del_filter:hover {
	background-color: #1e1e1e;
}

#del_filter:active {
	position: relative;
	top: 1px;
}

#smartFilter .checkboxList {
	list-style: none;
	padding: 0;
	margin: 0;
}

#smartFilter .checkboxList li {
	padding-bottom: 12px;
	position: relative;
	cursor: pointer;
}

#smartFilter .checkboxList li:last-child {
	padding-bottom: 0;
}

#smartFilter .checkboxList label {
	padding-left: 0 !important;
	display: block;
	vertical-align: middle;
}

#smartFilter .checkboxList.inline li {
	display: inline-block;
}

#smartFilter .checkboxList input {
	top: 10px;
}

#smartFilter .checkboxList .icon,
#smartFilter .dropdown .icon {
	vertical-align: middle;
	border: 1px solid #e7e8ea;
	display: inline-block;
	margin-right: 12px;
	padding: 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: border-color 0.3s ease;
	-moz-transition: border-color 0.3s ease;
	-o-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
}

#smartFilter .checkboxList .disabled .icon,
#smartFilter .dropdown .disabled .icon {
	border-color: #e7e8ea !important;
}

#smartFilter .checkboxList .icon .wrap,
#smartFilter .dropdown .icon .wrap {
	-webkit-background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	vertical-align: middle;
	display: inline-block;
	height: 24px;
	width: 24px;
}

#smartFilter .dropdown .icon {
	padding: 4px;
}

#smartFilter .dropdown .icon .wrap {
	height: 20px;
	width: 20px;
}

#smartFilter .checkboxList .value,
#smartFilter .dropdown .value {
	vertical-align: middle;
	display: inline-block;
	line-height: 16px;
}

#smartFilter .filterCalendar {
	position: relative;
	display: block;
	float: left;
	width: 45%;
}

#smartFilter .filterCalendar + .filterCalendar {
	margin-left: 10%;
}

#smartFilter .filterCalendar .calendar-icon {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 2;
	opacity: 0;
}

#smartFilter .filterCalendar .fakeCalendarIcon {
	position: absolute;
	top: 6px;
	right: 5px;
	z-index: 1;
	height: 20px;
	width: 20px;
	background-color: #ccc;
}

#smartFilter .filterCalendar input[type="text"] {
	background-color: #2d2d2d;
	border-color: #454545;
	padding-right: 30px;
	text-align: center;
	display: block;
	height: 32px;
	width: 100%;
}

#smartFilter .hint {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-right: 6px;
	cursor: pointer;
	height: 18px;
	width: 18px;
}

#smartFilter .hint:hover {
	background-position: -18px 0;
}

#smartFilter .hintValue {
	background-color: #ffffff;
	border: 1px solid #e7e8ea;
	position: absolute;
	line-height: 18px;
	min-width: 250px;
	margin-top: 8px;
	font-size: 13px;
	cursor: default;
	display: none;
	padding: 16px;
	z-index: 3;
	top: 100%;
}

#smartFilter .hintValue .heading {
	line-height: 18px;
	font-size: 16px;
	margin: 0 0 8px;
	color: #fff;
	padding: 0;
}

#smartFilter .hintValue .close {
	text-decoration: none;
	position: absolute;
	font-size: 22px;
	cursor: pointer;
	z-index: 2;
	right: 6px;
	top: 6px;
}

#smartFilter button,
#smartFilter input,
#smartFilter select,
#smartFilter textarea {
	box-sizing: border-box;
}

#smartFilter button:focus,
#smartFilter input:focus,
#smartFilter select:focus,
#smartFilter textarea:focus {
	outline: none;
}

#smartFilter button,
#smartFilter select {
	text-transform: none;
}

#smartFilter button {
	overflow: visible;
}

#smartFilter input[type="submit"],
#smartFilter input[type="reset"],
#smartFilter button {
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#smartFilter input[type="file"] {
	background: transparent;
	border: 1px solid transparent;
}

#smartFilter input[type="text"],
#smartFilter input[type="password"],
#smartFilter input[type="email"],
#smartFilter input[type="tel"],
#smartFilter input[type="url"],
#smartFilter textarea,
#smartFilter select {
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid #373737;
	height: 42px;
	padding: 0px 8px;
	font-size: 13px;
	color: #fff;
	margin: 0;
}

#smartFilter textarea {
	padding: 4px 8px;
}

#smartFilter input[type="text"]:focus,
#smartFilter input[type="email"]:focus,
#smartFilter input[type="password"]:focus,
#smartFilter input[type="tel"]:focus,
#smartFilter input[type="url"]:focus,
#smartFilter textarea:focus,
#smartFilter select:focus {
	border-color: #cccccc;
}

#smartFilter input[type="checkbox"] + label,
#smartFilter input[type="radio"] + label {
	cursor: pointer;
}

#smartFilter input[type="checkbox"]:not(checked),
#smartFilter input[type="radio"]:not(checked) {
	position: absolute;
	opacity: 0;
}

#smartFilter input[type="checkbox"]:not(checked) + label,
#smartFilter input[type="radio"]:not(checked) + label {
	position: relative;
	padding-left: 28px;
}

#smartFilter input[type="checkbox"] + label:before {
	background: url(/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/images/checkBox.png) 0 0 no-repeat transparent;
}

#smartFilter input[type="radio"] + label:before {
	background: url(/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/images/radio.png) 0 0 no-repeat transparent;
}

#smartFilter input[type="checkbox"]:not(checked) + label:before,
#smartFilter input[type="radio"]:not(checked) + label:before {
	position: absolute;
	content: " ";
	height: 17px;
	width: 17px;
	left: 0;
	top: 0px;
}

#smartFilter input[type="checkbox"]:not(checked) + label:hover:before,
#smartFilter input[type="radio"]:not(checked) + label:hover:before {
	background-position: 0 -17px;
}

#smartFilter input[type="checkbox"]:checked + label:before,
#smartFilter input[type="radio"]:checked + label:before {
	background-position: 0 -34px;
}

#smartFilter input[type="checkbox"]:checked + label:hover:before,
#smartFilter input[type="radio"]:checked + label:hover:before {
	background-position: 0 -51px;
}

#smartFilter input[type="checkbox"]:disabled + label,
#smartFilter input[type="radio"]:disabled + label {
	cursor: default;
}

#smartFilter input[type="checkbox"]:disabled + label:before,
#smartFilter input[type="radio"]:disabled + label:before {
	background-position: 0 -68px !important;
}

#smartFilter textarea {
	resize: vertical;
	overflow: auto;
	height: auto;
}

#smartFilter button::-moz-focus-inner,
#smartFilter input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

#smartFilter input::-moz-placeholder,
#smartFilter textarea::-moz-placeholder {
	color: #fff;
}

#smartFilter input:focus::-moz-placeholder,
#smartFilter textarea:focus::-moz-placeholder {
	color: transparent;
}

#smartFilter input::-ms-input-placeholder,
#smartFilter textarea::-ms-input-placeholder {
	color: #fff;
}

#smartFilter input:focus::-webkit-input-placeholder,
#smartFilter textarea:focus::-webkit-input-placeholder {
	color: #fff;
}

#smartFilter input:focus::-webkit-input-placeholder {
	color: transparent;
}

#smartFilter textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

#smartFilter input[type="search"] {
	-webkit-appearance: textfield;
}

#smartFilter input[type="search"]::-webkit-search-cancel-button,
#smartFilter input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

#modef {
	-webkit-transition: top 0.2s ease;
	-moz-transition: top 0.2s ease;
	-o-transition: top 0.2s ease;
	transition: top 0.2s ease;
	position: absolute;
	line-height: 38px;
	padding-left: 7px;
	text-align: center;
	font-size: 12px;
	width: 193px;
	height: 38px;
	left: 400px;
	color: #fff;
	z-index: 99;
}

#modef .close {
	background: url(/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/images/closeModef.png) 0 0 no-repeat;
	vertical-align: middle;
	display: inline-block;
	margin-right: 8px;
	margin-top: -2px;
	height: 12px;
	width: 12px;
}

#modef .close:hover {
	opacity: 0.8;
}

#modef .close:active {
	position: relative;
	top: 1px;
}

#modef_send {
	margin-left: 8px;
	color: #ffffff;
}

#modef_send:hover {
	opacity: 0.9;
}

#modef_num {
	display: inline-block;
}

#modef_send {
	display: inline-block;
}

#smartFilter .elCount {
	text-decoration: none;
}

/* Approved compact sidebar filter. Expansion is controlled by Bitrix DISPLAY_EXPANDED. */
#smartFilter {
	margin-top: 20px;
	color: #171c21;
	background: #ffffff;
	border: 1px solid #e1e4e7;
	border-radius: 4px;
	box-shadow: 0 8px 20px rgb(28 33 38 / 5%);
}

#smartFilterForm {
	padding-bottom: 0;
}

#smartFilter span.heading {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: space-between;
	min-height: 60px;
	padding: 0 24px;
	color: #171c21;
	font-size: 16px;
	font-family: "robotobold";
	line-height: 22px;
	text-align: left;
	text-transform: none;
	background: #ffffff;
	border-bottom: 1px solid #e4e6e8;
}

#smartFilter .smartFilterHeading__count {
	color: #6f767d;
	font-size: 14px;
	font-family: "roboto_ltregular";
	white-space: nowrap;
}

#smartFilter .paramsBox {
	box-sizing: border-box;
	min-height: 60px;
	padding: 19px 24px;
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #e4e6e8;
}

#smartFilter .paramsBoxTitle {
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding-right: 34px;
	font-size: 15px;
	font-family: "roboto_ltregular";
	line-height: 22px;
}

#smartFilter .paramsBoxTitle span {
	display: inline-block;
	cursor: pointer;
}

#smartFilter .paramsBoxTitle__unit::before {
	content: ", ";
}

#smartFilter .smartFilterHeading__count.is-hidden,
#smartFilter .smartFilterResultSuffix.is-hidden {
	display: none;
}

#smartFilter .propExpander,
#smartFilter button.propExpander {
	position: absolute;
	top: 17px;
	right: 20px;
	display: block;
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	min-width: 0;
	padding: 0;
	background-color: transparent;
	background-image: url("/bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/../../menu/leftMenu/images/arrow-dropdown-black.svg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 9px 5px;
	border: 0;
	border-radius: 50%;
	transform: rotate(-90deg);
	transition: background-color 0.16s ease, transform 0.16s ease;
}

#smartFilter .propExpander:hover,
#smartFilter button.propExpander:hover {
	background-color: #f2f3f4;
}

#smartFilter .propExpander.expanded {
	transform: rotate(180deg);
}

#smartFilter .propExpander:focus-visible,
#smartFilter input:focus-visible,
#smartFilter a:focus-visible {
	outline: 2px solid #f5a000;
	outline-offset: 2px;
}

#smartFilter .params {
	max-height: 1200px;
	margin-top: 16px;
	opacity: 1;
	transition: max-height 0.2s ease, margin-top 0.2s ease, opacity 0.16s ease;
}

#smartFilter .params.collapsed {
	max-height: 0;
	margin-top: 0;
	opacity: 0;
	pointer-events: none;
}

#smartFilter .paramsBox_price .params {
	margin-top: 14px;
}

#smartFilter .rangeSlider {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
	gap: 0 10px;
	align-items: center;
}

#smartFilter .rangeSlider label {
	margin: 0;
	color: #666d74;
	line-height: 42px;
}

#smartFilter .rangeSlider input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0 12px;
	color: #242a30;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #d9dde1;
	border-radius: 4px;
}

#smartFilter .rangeSlider input[type="text"]:nth-of-type(1) {
	margin-right: 0;
}

#smartFilter .slider {
	grid-column: 1 / -1;
	box-sizing: border-box;
	width: calc(100% - 10px);
	height: 38px;
	margin: 14px 5px 0;
	background-position: 3px -8px;
}

#smartFilter .rangeSlider .slider .handler {
	top: 14px;
	height: 4px;
	background: #f5a000;
	background-image: none;
	border-radius: 2px;
}

#smartFilter .slider .blackoutLeft,
#smartFilter .slider .blackoutRight {
	top: 0;
	height: 4px;
	background: #d7d9dd;
}

#smartFilter .slider ins {
	box-sizing: border-box;
	top: -13px;
	width: 30px;
	height: 30px;
	background: #f5a000;
	background-image: none;
	border: 5px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #d7dade, 0 2px 6px rgb(20 24 28 / 18%);
}

#smartFilter .slider ins:hover {
	background: #ffae17;
}

#smartFilter .slider ins:active {
	background: #e99000;
}

#smartFilter .slider .left {
	right: -20px;
}

#smartFilter .slider .right {
	left: -20px;
}

#smartFilter .radio,
#smartFilter .checkbox {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

#smartFilter .radio li,
#smartFilter .checkbox li {
	box-sizing: border-box;
	padding: 0;
}

#smartFilter .radio label,
#smartFilter .checkbox label {
	display: flex;
	box-sizing: border-box;
	align-items: flex-start;
	min-height: 20px;
	padding-left: 28px;
	color: #242a30;
	line-height: 20px;
}

#smartFilter .filterValueName {
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 12px;
}

#smartFilter .elCount {
	flex: 0 0 auto;
	margin-left: auto;
	color: #777d83;
	font-size: 13px;
	font-family: "roboto_ltregular";
}

#smartFilter input[type="checkbox"]:not(checked) + label::before,
#smartFilter input[type="radio"]:not(checked) + label::before {
	top: 1px;
}

#smartFilter .showALL {
	display: inline-block;
	color: #343a40;
	font-size: 13px;
	line-height: 18px;
	text-decoration: underline;
	text-underline-offset: 2px;
}

#smartFilter .showALL:hover {
	color: #a86600;
}

#smartFilterControls {
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	gap: 0;
	margin: 0;
	padding: 20px 24px 16px;
	overflow: visible;
}

#smartFilterControls li,
#smartFilterControls li:last-child {
	float: none;
	width: 100%;
}

#set_filter,
#del_filter {
	box-sizing: border-box;
	height: 50px;
	font-size: 15px;
	line-height: 50px;
}

#smartFilter #smartFilterControls #set_filter {
	color: #171c21;
	font-family: "robotomedium";
	background: linear-gradient(90deg, #f5a000 0%, #ffb000 100%);
	border-radius: 4px;
}

#smartFilter #smartFilterControls #set_filter:hover {
	color: #111111;
	background: #ffae17;
}

#del_filter {
	height: 44px;
	color: #555c63;
	font-size: 14px;
	line-height: 44px;
	background: transparent;
	border-radius: 0;
}

#del_filter:hover {
	color: #171c21;
	background: transparent;
	text-decoration: underline;
}

#modef {
	display: none !important;
}

#smartFilter .srOnly {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (prefers-reduced-motion: reduce) {
	#smartFilter .params,
	#smartFilter .propExpander,
	#smartFilter a {
		transition: none;
	}
}

/* End */


/* Start:/local/css/catalog-listing-pilot/style.css?179034607164008*/
/* R0.9 list presentation, intentionally frozen pending separate design approval.
   Grid/table rules below are independent: no override stack against this list. */
#catalog.catalogListingPilot { container-type: inline-size; container-name: catalog-pilot; }
#catalogListingPilotGrid.catalogPilotList .items.productList {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 6px;
	margin: 6px 0 0;
	padding: 0;
	background: transparent;
	border: 0;
}

#catalogListingPilotGrid.catalogPilotList .product {
	float: none;
	width: auto;
	height: auto;
	min-width: 0;
	background: transparent;
	border: 0;
}

#catalogListingPilotGrid.catalogPilotList .product::before {
	display: none;
}

#catalogListingPilotGrid.catalogPilotList .product .tabloid,
#catalogListingPilotGrid.catalogPilotList .product:hover .tabloid {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: visible;
	background: #ffffff;
	border: 1px solid #e1e4e8;
	border-radius: 10px;
	box-shadow: none;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

#catalogListingPilotGrid.catalogPilotList .product:focus-within .tabloid {
	background: #1d242c;
	border-color: #1d242c;
	box-shadow: 0 12px 30px rgb(18 27 38 / 18%);
}

#catalogListingPilotGrid.catalogPilotList .product.product--unavailable .tabloid::after {
	position: absolute;
	inset: 0;
	z-index: 20;
	background: rgb(255 255 255 / 50%);
	border-radius: inherit;
	content: "";
	pointer-events: none;
}

#catalogListingPilotGrid.catalogPilotList .product .productTable {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	min-height: 0;
}

#catalogListingPilotGrid.catalogPilotList .product .productColImage,
#catalogListingPilotGrid.catalogPilotList .product .productColText {
	display: block;
	width: auto;
}

#catalogListingPilotGrid.catalogPilotList .product .productColImage {
	position: relative;
	flex: 0 0 auto;
	aspect-ratio: 1 / 1;
	height: auto;
	overflow: hidden;
	border-radius: 9px 9px 0 0;
	background: #eef0f2;
}

#catalogListingPilotGrid.catalogPilotList .product .picture {
	position: absolute;
	inset: 0;
	display: block;
	width: auto;
	height: auto;
	line-height: normal;
	background: #eef0f2;
}

#catalogListingPilotGrid.catalogPilotList .product .picture img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: center;
	transform: none;
	transition: none;
}

#catalogListingPilotGrid.catalogPilotList .product .picture:hover img,
#catalogListingPilotGrid.catalogPilotList .product .picture:active img {
	top: 0;
	opacity: 1;
}

#catalogListingPilotGrid.catalogPilotList .product .catalogPilotMeta {
	position: absolute;
	top: 12px;
	left: 12px;
	right: 12px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	z-index: 4;
}
#catalogListingPilotGrid.catalogPilotList .product .markerContainer {
	position: static;
	min-width: 0;
	flex: 1 1 auto;
}

#catalogListingPilotGrid.catalogPilotList .product .marker {
	width: fit-content;
	max-width: 100%;
	box-sizing: border-box;
	white-space: normal;
	margin-bottom: 6px;
	padding: 5px 9px;
	font: 12px/16px robotomedium, Arial, sans-serif;
	border-radius: 12px;
	box-shadow: 0 2px 7px rgb(0 0 0 / 16%);
}

#catalogListingPilotGrid.catalogPilotList .product .rating {
	position: relative;
	top: 2px;
	bottom: auto;
	flex: 0 0 79px;
	margin-left: auto;
	height: 15px;
	right: 0;
	z-index: 4;
	display: block;
	transform: scale(1.15);
	transform-origin: top right;
	filter: none;
}

#catalogListingPilotGrid.catalogPilotList .product .productSpecialTime {
	position: static;
	width: auto;
	margin: 8px;
}

#catalogListingPilotGrid.catalogPilotList .product .productColText {
	display: grid;
	flex: 1 1 auto;
	grid-template-rows: minmax(66px, auto) 1fr minmax(48px, auto) minmax(38px, auto);
	grid-template-columns: 92px minmax(0, 1fr) 48px;
	gap: 8px;
	box-sizing: border-box;
	min-height: 0;
	padding: 14px 14px 10px;
	transition: background-color 0.18s ease;
}

#catalogListingPilotGrid.catalogPilotList .product .name {
	display: -webkit-box;
	grid-column: 1 / -1;
	height: auto;
	margin: 0;
	overflow: hidden;
	color: #151b26;
	font: 15px/22px roboto_ltregular, Arial, sans-serif;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-decoration: none;
	transition: color 0.18s ease;
}

#catalogListingPilotGrid.catalogPilotList .product .name:hover {
	color: #151b26;
}

#catalogListingPilotGrid.catalogPilotList .product:focus-within .name,
#catalogListingPilotGrid.catalogPilotList .product:focus-within .name:hover {
	color: #ffffff;
}

#catalogListingPilotGrid.catalogPilotList .product .middle {
	display: inline;
	line-height: inherit;
	vertical-align: baseline;
}

#catalogListingPilotGrid.catalogPilotList .product .price {
	align-self: center;
	grid-row: 3;
	grid-column: 1 / 3;
	margin: 0;
	padding: 0;
	color: #111720;
	font: 19px/24px robotobold, Arial, sans-serif;
	white-space: normal;
	overflow-wrap: anywhere;
	transition: color 0.18s ease;
}

#catalogListingPilotGrid.catalogPilotList .product:focus-within .price {
	color: #ffffff;
}

#catalogListingPilotGrid.catalogPilotList .product .price .measure {
	font-size: 15px;
}

#catalogListingPilotGrid.catalogPilotList .product .price .discount {
	display: block;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
}

#catalogListingPilotGrid.catalogPilotList .product .addCartContainer {
	display: contents;
	grid-row: 3;
	grid-column: 3;
	width: 48px;
	height: 48px;
	margin: 0;
	overflow: visible;
}

#catalogListingPilotGrid.catalogPilotList .product .addCart {
	grid-row: 3;
	grid-column: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font: 14px/18px robotoregular, Arial, sans-serif;
	color: #fff;
	width: 100%;
	height: 48px;
	padding: 0 10px;
	box-sizing: border-box;
	background: #ff9f00;
	border-radius: 10px;
}

#catalogListingPilotGrid.catalogPilotList .product .addCart:hover {
	background: #f29400;
}

#catalogListingPilotGrid.catalogPilotList .product .addCart.added,
#catalogListingPilotGrid.catalogPilotList .product .addCart.added:hover {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #30363e;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
}

#catalogListingPilotGrid.catalogPilotList .product .addCart.added .icon {
	margin: 0;
}

#catalogListingPilotGrid.catalogPilotList .product .addCart span,
#catalogListingPilotGrid.catalogPilotList .product .addCartContainer:hover .addCart span,
#catalogListingPilotGrid.catalogPilotList .product .addCartContainer.viewed .addCart span {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	left: auto;
	top: auto;
	width: auto;
	font: inherit;
	transform: none;
}

#catalogListingPilotGrid.catalogPilotList .product .addCart .icon {
	width: 22px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#catalogListingPilotGrid.catalogPilotList .product .addCart .icon[src*="shopping-cart.svg"] {
	filter: invert(1);
}

#catalogListingPilotGrid.catalogPilotList .product .optional {
	display: grid;
	flex: 0 0 auto;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: minmax(44px, auto) 38px;
	gap: 7px 8px;
	box-sizing: border-box;
	margin: 0 14px 14px;
	transition: background-color 0.18s ease;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .row,
#catalogListingPilotGrid.catalogPilotList .product .optional .row:first-child {
	display: contents;
	margin: 0;
	overflow: visible;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .label {
	float: none;
	box-sizing: border-box;
	width: auto;
	font-family: roboto_ltregular, Arial, sans-serif;
	text-decoration: none;
}

#catalogListingPilotGrid.catalogPilotList .product .productColText .changeAvailable {
	display: flex;
	grid-row: 4;
	grid-column: 2 / -1;
	align-self: center;
	align-items: center;
	justify-self: end;
	float: none;
	width: auto;
	min-width: 0;
	gap: 5px;
	font: 12px/16px roboto_ltregular, Arial, sans-serif;
	white-space: normal;
}

#catalogListingPilotGrid.catalogPilotList .product .changeAvailable > span:last-child {
	white-space: normal;
}

#catalogListingPilotGrid.catalogPilotList .product .changeAvailable .icon {
	flex: 0 0 9px;
	width: 9px;
	height: 9px;
	margin: 0 5px 0 0;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy {
	display: flex;
	grid-row: 1;
	grid-column: 1 / -1;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	height: 100%;
	padding: 4px 8px;
	color: #2c333d;
	font-size: 13px;
	line-height: 18px;
	white-space: normal;
	text-align: center;
	border: 1px solid #d8dce1;
	border-radius: 8px;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#catalogListingPilotGrid.catalogPilotList .product:focus-within .optional .quickBuy {
	color: #ffffff;
	border-color: #59616b;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy:hover,
#catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy:focus-visible {
	color: #151b26;
	background: #ff9f00;
	border-color: #ff9f00;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare,
#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 38px;
	color: transparent;
	font-size: 0;
	line-height: 0;
	border: 1px solid #d8dce1;
	border-radius: 8px;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare {
	grid-row: 2;
	grid-column: 1;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist {
	grid-row: 2;
	grid-column: 2;
}

#catalogListingPilotGrid.catalogPilotList .product:focus-within .optional .addCompare,
#catalogListingPilotGrid.catalogPilotList .product:focus-within .optional .addWishlist {
	border-color: #59616b;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare:hover,
#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare:focus-visible {
	background: rgb(255 159 0 / 12%);
	border-color: #ff9f00;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist:hover,
#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist:focus-visible {
	background: rgb(211 54 71 / 10%);
	border-color: #d33647;
}

#catalogListingPilotGrid.catalogPilotList .product .optional .label .icon {
	width: 17px;
	height: 17px;
	margin: 0 7px 0 0;
	padding: 0;
	filter: brightness(0.7);
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare .icon,
#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist .icon {
	margin: 0;
	transition: filter 0.15s ease, opacity 0.15s ease;
}

#catalogListingPilotGrid.catalogPilotList .product:focus-within .optional .label .icon {
	filter: brightness(0) invert(1);
}

#catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy:hover .icon,
#catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy:focus-visible .icon,
#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare:hover .icon,
#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare:focus-visible .icon {
	filter: brightness(0);
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist:hover .icon,
#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist:focus-visible .icon {
	filter: brightness(0) saturate(100%) invert(26%) sepia(55%) saturate(3624%) hue-rotate(334deg) brightness(91%) contrast(86%);
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare.added,
#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare.added:hover,
#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare.added:focus-visible {
	background: #ff9f00;
	border-color: #ff9f00;
	box-shadow: 0 0 0 2px rgb(255 159 0 / 18%);
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare.added .icon,
#catalogListingPilotGrid.catalogPilotList .product:focus-within .optional .addCompare.added .icon {
	filter: brightness(0);
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist.added,
#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist.added:hover,
#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist.added:focus-visible {
	background: #d33647;
	border-color: #d33647;
	box-shadow: 0 0 0 2px rgb(211 54 71 / 17%);
}

#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist.added .icon,
#catalogListingPilotGrid.catalogPilotList .product:focus-within .optional .addWishlist.added .icon {
	filter: brightness(0) invert(1);
}

#catalogListingPilotGrid.catalogPilotList .product .optional .label:focus-visible,
#catalogListingPilotGrid.catalogPilotList .product .addCart:focus-visible {
	outline: 2px solid #ff9f00;
	outline-offset: 2px;
}

#catalogListingPilotGrid.catalogPilotList .productList > .clear { display: none; }
#catalogListingPilotGrid.catalogPilotList .product .quantityContainer {
 display: flex;
 position: static; grid-column: 1; grid-row: 4; margin: 0; align-self: center;
 padding: 0; line-height: normal; min-width: 0;
 opacity: 1; visibility: visible; transform: none; transition: none;
}
#catalogListingPilotGrid.catalogPilotList .product .addCart.added + .quantityContainer,
#catalogListingPilotGrid.catalogPilotList .product .addCart.disabled + .quantityContainer,
#catalogListingPilotGrid.catalogPilotList .product .addCart.subscribe + .quantityContainer,
#catalogListingPilotGrid.catalogPilotList .product .addCart.requestPrice + .quantityContainer { display: none; }
#catalogListingPilotGrid.catalogPilotList .product .quantityWrapper {
 display: flex; align-items: center; width: 100%; box-sizing: border-box; border: 1px solid #d8dce1; border-radius: 7px;
}
#catalogListingPilotGrid.catalogPilotList .product .quantityContainer .quantity { color: #151b26; width: 30px; min-width: 0; flex: 1 1 30px; height: 36px; margin: 0; padding: 0; font-size: 14px; box-sizing: border-box; }
#catalogListingPilotGrid.catalogPilotList .product .quantityContainer .plus,
#catalogListingPilotGrid.catalogPilotList .product .quantityContainer .minus { display: flex; align-items: center; justify-content: center; filter: none; color: #151b26; width: 30px; min-width: 0; flex: 1 1 30px; height: 36px; background: none; text-decoration: none; }
#catalogListingPilotGrid.catalogPilotList .product .quantityContainer .plus::before { content: "+"; }
#catalogListingPilotGrid.catalogPilotList .product .quantityContainer .minus::before { content: "−"; }
#catalogListingPilotGrid.catalogPilotList .product .quantityContainer [aria-disabled="true"] { opacity: .35; cursor: not-allowed; }
#catalogListingPilotGrid.catalogPilotList .product:focus-within .quantityContainer .quantity,
#catalogListingPilotGrid.catalogPilotList .product:focus-within .skuPropertyName { color: white; }
#catalogListingPilotGrid.catalogPilotList .product:focus-within .quantityContainer .plus,
#catalogListingPilotGrid.catalogPilotList .product:focus-within .quantityContainer .minus { color: #fff; }
#catalogListingPilotGrid.catalogPilotList .product .catalogPilotSku { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
#catalogListingPilotGrid.catalogPilotList .product .skuProperty { display: block; margin: 0 0 8px; }
#catalogListingPilotGrid.catalogPilotList .product .addCart.disabled { background: #777; }
#catalogListingPilotGrid.catalogPilotList .product .addCart .icon[src*="incart.svg"] { content: url("/local/css/catalog-listing-pilot/shopping-cart.svg"); filter: invert(1); }
#catalog.catalogListingPilot #catalogLine {
 display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; height: auto;
 margin: 20px 0 16px; padding: 0 0 16px; line-height: normal;
 border: 0; border-bottom: 1px solid #dfe3e7; background: transparent;
}
#catalog.catalogListingPilot #catalogLine .column { float: none; width: auto; margin: 0; padding: 0; }
#catalog.catalogListingPilot .catalogPilotSelect { display: flex; align-items: center; gap: 10px; color: #59616b; font: 14px/20px roboto_ltregular, Arial, sans-serif; }
#catalog.catalogListingPilot .catalogPilotSelect select {
 box-sizing: border-box; max-width: 100%; min-height: 44px; padding: 8px 30px 8px 12px;
 color: #151b26; background: #fff; border: 1px solid #d8dce1; border-radius: 8px; font: inherit;
}
#catalog.catalogListingPilot .catalogPilotViews { display: flex; gap: 4px; margin-left: auto; }
#catalog.catalogListingPilot .catalogPilotViews a {
 display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; box-sizing: border-box;
 color: #59616b; background: transparent; font: 14px/20px roboto_ltregular, Arial, sans-serif; border-radius: 8px; text-decoration: none;
}
#catalog.catalogListingPilot .catalogPilotViews a.selected { color: #151b26; background: #fff2d9; box-shadow: inset 0 -2px #ff9f00; }
#catalog.catalogListingPilot .catalogPilotViews a:hover { color: #151b26; background: #fff2d9; }
#catalog.catalogListingPilot .catalogPilotToolbar :focus-visible { outline: 2px solid #ff9f00; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
 #catalogListingPilotGrid.catalogPilotList .product:hover .tabloid { background: #1d242c; border-color: #1d242c; box-shadow: 0 12px 30px rgb(18 27 38 / 18%); }
 #catalogListingPilotGrid.catalogPilotList .product:hover .name,
 #catalogListingPilotGrid.catalogPilotList .product:hover .price,
 #catalogListingPilotGrid.catalogPilotList .product:hover .skuPropertyName,
 #catalogListingPilotGrid.catalogPilotList .product:hover .quantityContainer .quantity,
 #catalogListingPilotGrid.catalogPilotList .product:hover .optional .quickBuy { color: white; }
 #catalogListingPilotGrid.catalogPilotList .product:hover .optional .label .icon { filter: brightness(0) invert(1); }
 #catalogListingPilotGrid.catalogPilotList .product:hover .quantityContainer .minus,
 #catalogListingPilotGrid.catalogPilotList .product:hover .quantityContainer .plus { color: #fff; }
 #catalogListingPilotGrid.catalogPilotList .product:hover .optional .addCompare.added .icon { filter: brightness(0); }
}
@container catalog-pilot (max-width: 1199px) { #catalogListingPilotGrid.catalogPilotList .items.productList { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container catalog-pilot (max-width: 979px) { #catalogListingPilotGrid.catalogPilotList .items.productList { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container catalog-pilot (max-width: 659px) {
 #catalogListingPilotGrid.catalogPilotList .items.productList { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 #catalog.catalogListingPilot #catalogLine { display: grid; grid-template-columns: minmax(0, 1fr) 82px; gap: 8px; }
 #catalog.catalogListingPilot .catalogPilotSelect { min-width: 0; gap: 4px; }
 #catalog.catalogListingPilot .catalogPilotSort { grid-row: 1; grid-column: 1 / -1; margin-left: 106px; }
 #catalog.catalogListingPilot .catalogPilotSort > span { display: none; }
 #catalog.catalogListingPilot .catalogPilotSelect select { width: 100%; min-width: 0; }
 #catalog.catalogListingPilot .catalogPilotCount { grid-row: 2; grid-column: 2; }
 #catalog.catalogListingPilot .catalogPilotCount select { padding: 8px 2px; }
 #catalog.catalogListingPilot #catalogLine .oSmartFilter { width: 98px; min-width: 0; justify-content: center; padding: 0 8px; min-height: 44px; display: inline-flex; align-items: center; box-sizing: border-box; border-radius: 8px; }
 #catalog.catalogListingPilot .catalogPilotViews { grid-row: 2; grid-column: 1; margin: 0; gap: 0; }
 #catalog.catalogListingPilot .catalogPilotViews a { padding: 0 9px; font-size: 13px; }
 #catalog.catalogListingPilot #catalogLine .oFilter { grid-row: 1; grid-column: 1; display: block; width: 98px; z-index: 1; }
}
@container catalog-pilot (max-width: 659px) {
	#catalogListingPilotGrid.catalogPilotList .product .productColImage {
		aspect-ratio: 4 / 3;
	}

	#catalogListingPilotGrid.catalogPilotList .product .catalogPilotMeta {
		top: 8px;
		left: 8px;
		right: 8px;
		flex-wrap: wrap;
	}
	#catalogListingPilotGrid.catalogPilotList .product .catalogPilotMeta .markerContainer { flex-basis: 100%; }
	#catalogListingPilotGrid.catalogPilotList .product .catalogPilotMeta .rating { order: -1; }

	#catalogListingPilotGrid.catalogPilotList .product .marker {
		margin-bottom: 4px;
		padding: 3px 6px;
		font-size: 10px;
		line-height: 14px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .rating {
		top: 2px;
		bottom: auto;
		right: 0;
		transform: scale(1.05);
		transform-origin: top right;
	}

	#catalogListingPilotGrid.catalogPilotList .product .productColText {
		grid-template-rows: minmax(58px, auto) 1fr minmax(44px, auto) minmax(42px, auto);
		grid-template-columns: minmax(0, 72px) minmax(0, 1fr) 44px;
		gap: 6px 3px;
		padding: 10px 9px 8px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .name {
		font-size: 13px;
		line-height: 18px;
		line-clamp: 3;
		-webkit-line-clamp: 3;
	}

	#catalogListingPilotGrid.catalogPilotList .product .price {
		font-size: 16px;
		line-height: 20px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .price .measure {
		font-size: 12px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .addCartContainer,
	#catalogListingPilotGrid.catalogPilotList .product .addCart {
		width: 44px;
		height: 44px;
		line-height: 44px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .addCart {
		border-radius: 8px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .addCart .icon {
		width: 19px;
		height: 18px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .optional {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: minmax(44px, auto) 44px;
		gap: 6px;
		margin: 0 9px 9px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .productColText .changeAvailable {
		font-size: 11px;
		line-height: 15px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .quantityContainer .quantity,
	#catalogListingPilotGrid.catalogPilotList .product .quantityContainer .minus,
	#catalogListingPilotGrid.catalogPilotList .product .quantityContainer .plus { width: 26px; height: 40px; }

	#catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy,
	#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare,
	#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist {
		width: 100%;
		height: 44px;
		padding: 0;
		font-size: 0;
		line-height: 0;
		border-radius: 7px;
	}

	#catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy .icon {
		margin: 0 5px 0 0;
		flex-shrink: 0;
	}
	#catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy { font-size: 12px; line-height: 16px; height: 100%; padding: 4px; }

}
#catalogListingPilotGrid.catalogPilotList .product .quantityContainer .quantity.maxQuantity { color: #df6245; }
/* Two-column cards below 344 viewport px cannot fit both controls legibly. */
@container catalog-pilot (max-width: 319px) {
 #catalogListingPilotGrid.catalogPilotList .product .productColText { grid-template-rows: minmax(58px, auto) 1fr minmax(44px, auto) 42px auto; }
 #catalogListingPilotGrid.catalogPilotList .product .quantityContainer { grid-column: 1 / -1; width: 92px; }
 #catalogListingPilotGrid.catalogPilotList .product .productColText .changeAvailable { grid-row: 5; grid-column: 1 / -1; justify-self: start; }
}
#catalogListingPilotGrid.catalogPilotList .product:focus-within { z-index: 3; }
#catalogListingPilotGrid.catalogPilotList a:focus-visible, #catalogListingPilotGrid.catalogPilotList input:focus-visible { outline: 2px solid #ff9f00; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
 #catalogListingPilotGrid.catalogPilotList .product .tabloid, #catalogListingPilotGrid.catalogPilotList .product .name, #catalogListingPilotGrid.catalogPilotList .product .price { transition: none; }
}

/* Compact list: one pilot item DOM, the same native purchase/SKU hooks. */
#catalogListingPilotGrid.catalogPilotList .items.productList { grid-template-columns: minmax(0, 1fr); gap: 10px; }
#catalogListingPilotGrid.catalogPilotList .product .tabloid,
#catalogListingPilotGrid.catalogPilotList .product:hover .tabloid {
 display: grid; grid-template-columns: 176px minmax(0, 1fr) 144px 134px;
 grid-template-rows: minmax(48px, auto) minmax(38px, auto) minmax(38px, auto);
 gap: 10px 16px; padding: 14px; align-items: start;
}
#catalogListingPilotGrid.catalogPilotList .product .productTable,
#catalogListingPilotGrid.catalogPilotList .product .productColText { display: contents; }
#catalogListingPilotGrid.catalogPilotList .product .productColImage {
 grid-column: 1; grid-row: 1 / 4; width: 176px; min-height: 0; height: auto; aspect-ratio: auto; border-radius: 7px; background: transparent; align-self: start;
}
#catalogListingPilotGrid.catalogPilotList .product .picture { position: static; display: flex; justify-content: center; background: transparent; }
#catalogListingPilotGrid.catalogPilotList .product .picture img { position: static; width: auto; height: auto; max-width: 100%; max-height: 176px; object-fit: contain; }
#catalogListingPilotGrid.catalogPilotList .product .catalogPilotListHeading { grid-column: 2; grid-row: 1; min-width: 0; }
#catalogListingPilotGrid.catalogPilotList .product .catalogPilotMeta { position: static; flex-wrap: wrap; margin-bottom: 6px; }
#catalogListingPilotGrid.catalogPilotList .product .catalogPilotMeta .markerContainer { flex: 0 1 auto; }
#catalogListingPilotGrid.catalogPilotList .product .catalogPilotMeta .rating { order: 0; }
#catalogListingPilotGrid.catalogPilotList .product .rating { transform: none; margin: 5px 0 0; }
#catalogListingPilotGrid.catalogPilotList .product .rating .h { filter: brightness(.65); }
#catalogListingPilotGrid.catalogPilotList .product .markerContainer { position: static; max-width: none; margin: 0 0 6px; }
#catalogListingPilotGrid.catalogPilotList .product .marker { display: inline-block; margin: 0 4px 4px 0; }
#catalogListingPilotGrid.catalogPilotList .product .name {
 grid-column: 2; grid-row: 1; display: block; overflow: visible; -webkit-line-clamp: unset; line-clamp: unset; font: 16px/23px robotomedium, Arial, sans-serif;
}
#catalogListingPilotGrid.catalogPilotList .product .catalogPilotSku { grid-column: 2; grid-row: 2 / 4; }
#catalogListingPilotGrid.catalogPilotList .product .price { grid-column: 3; grid-row: 1; }
#catalogListingPilotGrid.catalogPilotList .product .addCart { grid-column: 4; grid-row: 1; width: 100%; min-width: 0; height: 48px; line-height: 18px; }
#catalogListingPilotGrid.catalogPilotList .product .quantityContainer { grid-column: 3; grid-row: 2; width: 92px; }
#catalogListingPilotGrid.catalogPilotList .product .productColText .changeAvailable { grid-column: 3 / 5; grid-row: 2; margin-left: 100px; }
#catalogListingPilotGrid.catalogPilotList .product .optional { grid-column: 3 / 5; grid-row: 3; margin: 0; width: 100%; grid-template-columns: minmax(0, 1fr) 38px 38px; grid-template-rows: minmax(44px, auto); }
#catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy { grid-column: 1; }
#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare { grid-row: 1; grid-column: 2; }
#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist { grid-row: 1; grid-column: 3; }
#catalogListingPilotGrid.catalogPilotList .product .optional .addCompare,
#catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist { height: 44px; }
#catalogListingPilotGrid.catalogPilotList .product .productSpecialTime { grid-column: 2; grid-row: 4; margin: 0; }
#catalogListingPilotGrid.catalogPilotList .product .clear { display: none; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotFacts { margin: 0 0 12px; font: 13px/19px roboto_ltregular, Arial, sans-serif; color: #59616b; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotFacts summary { cursor: pointer; padding: 8px 0; color: #364351; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotFacts dl { display: block; margin: 8px 0 0; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotFact { display: inline; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotFact:not(:last-child)::after { content: "; "; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotFacts dt::after { content: ": "; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotFacts dt,
#catalogListingPilotGrid.catalogPilotList .catalogPilotFacts dd { display: inline; margin: 0; overflow-wrap: anywhere; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotFacts dd { color: #151b26; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotFacts a { color: inherit; text-decoration: underline; }
#catalogListingPilotGrid.catalogPilotList .catalogPilotDescription { margin: 8px 0; overflow-wrap: anywhere; }
#catalogListingPilotGrid.catalogPilotList .product:focus-within .catalogPilotFacts,
#catalogListingPilotGrid.catalogPilotList .product:focus-within .catalogPilotFacts summary,
#catalogListingPilotGrid.catalogPilotList .product:focus-within .catalogPilotFacts dd { color: #fff; }
@media (hover: hover) and (pointer: fine) {
 #catalogListingPilotGrid.catalogPilotList .product:hover .catalogPilotFacts,
 #catalogListingPilotGrid.catalogPilotList .product:hover .catalogPilotFacts summary,
 #catalogListingPilotGrid.catalogPilotList .product:hover .catalogPilotFacts dd { color: #fff; }
}
@container catalog-pilot (max-width: 799px) {
 #catalogListingPilotGrid.catalogPilotList .product .tabloid,
 #catalogListingPilotGrid.catalogPilotList .product:hover .tabloid { grid-template-columns: 120px minmax(0, 1fr) 48px; grid-template-rows: auto auto auto auto auto; gap: 10px 12px; padding: 12px; }
 #catalogListingPilotGrid.catalogPilotList .product .productColImage { grid-column: 1; grid-row: 1 / 3; width: 120px; }
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotListHeading { grid-column: 2 / 4; grid-row: 1; }
 #catalogListingPilotGrid.catalogPilotList .product .name { font-size: 14px; line-height: 20px; }
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotSku { grid-column: 1 / -1; grid-row: 3; }
 #catalogListingPilotGrid.catalogPilotList .product .price { grid-column: 2 / 4; grid-row: 2; }
 #catalogListingPilotGrid.catalogPilotList .product .addCart { grid-column: 2 / 4; grid-row: 4; height: 44px; }
 #catalogListingPilotGrid.catalogPilotList .product .quantityContainer { grid-column: 1; grid-row: 4; width: 92px; }
 #catalogListingPilotGrid.catalogPilotList .product .productColText .changeAvailable { grid-column: 1 / -1; grid-row: 5; margin: 0; }
 #catalogListingPilotGrid.catalogPilotList .product .optional { grid-column: 1 / -1; grid-row: 6; grid-template-columns: minmax(0, 1fr) 44px 44px; grid-template-rows: 44px; }
 #catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy,
 #catalogListingPilotGrid.catalogPilotList .product .optional .addCompare,
 #catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist { width: 100%; height: 44px; }
 #catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy { font-size: 13px; line-height: 18px; }
 #catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy .icon { margin-right: 7px; }
 #catalogListingPilotGrid.catalogPilotList .product .productSpecialTime { grid-column: 1 / -1; grid-row: 7; }
}
@container catalog-pilot (max-width: 379px) {
 #catalogListingPilotGrid.catalogPilotList .product .tabloid,
 #catalogListingPilotGrid.catalogPilotList .product:hover .tabloid { grid-template-columns: 96px minmax(0, 1fr) 44px; gap: 8px; padding: 10px; }
 #catalogListingPilotGrid.catalogPilotList .product .productColImage { width: 96px; }
#catalogListingPilotGrid.catalogPilotList .product .price { font-size: 16px; line-height: 22px; }
}


/* R0.10: approved calm grid + compact table. Deliberately excludes frozen list. */
#catalogListingPilotGrid:not(.catalogPilotList) { --pilot-ink: #151b26; --pilot-muted: #677083; --pilot-line: #dfe3e8; --pilot-accent: #ff9f00; }
#catalogListingPilotGrid:not(.catalogPilotList) .items.productList { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:8px 0 0; padding:0; border:0; background:transparent; }
#catalogListingPilotGrid:not(.catalogPilotList) .product { float:none; width:auto; height:auto; min-width:0; border:0; background:transparent; }
#catalogListingPilotGrid:not(.catalogPilotList) .product::before,
#catalogListingPilotGrid:not(.catalogPilotList) .clear { display:none; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .tabloid,
#catalogListingPilotGrid:not(.catalogPilotList) .product:hover .tabloid { position:relative; display:flex; flex-direction:column; width:100%; height:100%; box-sizing:border-box; padding:0; background:#fff; border:1px solid var(--pilot-line); border-radius:10px; box-shadow:none; overflow:visible; z-index:1; color:var(--pilot-ink); }
#catalogListingPilotGrid:not(.catalogPilotList) .product:focus-within .tabloid { border-color:#c1c8d2; }
#catalogListingPilotGrid:not(.catalogPilotList) .product.product--unavailable .tabloid::after { content:""; position:absolute; inset:0; background:rgb(255 255 255 / 50%); border-radius:inherit; pointer-events:none; z-index:5; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .productTable { display:flex; flex-direction:column; flex:1; width:100%; min-height:0; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .productColImage { position:relative; display:block; width:auto; height:auto; aspect-ratio:4 / 3; overflow:hidden; border-radius:9px 9px 0 0; background:#f1f3f5; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .picture { position:absolute; inset:0; display:block; width:100%; height:100%; line-height:normal; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .picture img { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; object-position:center; transform:none; transition:none; opacity:1; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .catalogPilotMeta { position:absolute; top:12px; left:12px; right:108px; z-index:2; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .markerContainer { position:static; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .catalogPilotTag { box-sizing:border-box; width:fit-content; max-width:100%; margin:0 0 5px; padding:5px 9px; font:12px/16px robotoregular,Arial,sans-serif; color:#fff; white-space:normal; border-radius:12px; box-shadow:none; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .productColText { display:grid; flex:1; width:auto; grid-template-columns:108px minmax(0,1fr); grid-template-rows:auto 1fr auto auto; gap:12px 10px; padding:14px 16px 6px; box-sizing:border-box; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .name { display:block; grid-column:1 / -1; grid-row:1; height:auto; min-height:48px; margin:0; padding:0; color:var(--pilot-ink); font:18px/24px robotoregular,Arial,sans-serif; text-decoration:none; overflow-wrap:anywhere; overflow:visible; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .name:hover { text-decoration:underline; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .middle { display:inline; line-height:inherit; vertical-align:baseline; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .catalogPilotNameDetail { display:block; margin-top:3px; color:var(--pilot-muted); font:14px/20px robotoregular,Arial,sans-serif; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .catalogPilotSku { grid-column:1 / -1; grid-row:2; min-width:0; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .skuProperty { display:block; margin:0 0 8px; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .price { grid-column:1; grid-row:3; align-self:center; width:max-content; max-width:calc(100% + 44px); padding:0; margin:0; color:var(--pilot-ink); font:22px/28px robotobold,Arial,sans-serif; white-space:normal; overflow-wrap:anywhere; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .price .measure { font-size:14px; white-space:nowrap; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .price .discount { display:block; height:auto; min-height:0; margin:0; padding:0; font:12px/16px robotoregular,Arial,sans-serif; color:var(--pilot-muted); }
#catalogListingPilotGrid:not(.catalogPilotList) .product .price .discount:empty { display:none; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .productColText .changeAvailable { grid-column:2; grid-row:3; display:flex; align-items:center; justify-self:end; align-self:center; gap:4px; float:none; width:auto; margin:0; font:13px/17px robotoregular,Arial,sans-serif; white-space:normal; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .changeAvailable > span:last-child { white-space:normal; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .changeAvailable .icon { width:9px; height:9px; flex:0 0 9px; margin:0 3px 0 0; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCartContainer,
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional,
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .row { display:contents; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart { grid-column:2; grid-row:4; position:relative; display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; height:48px; margin:0; padding:0 8px; border-radius:9px; background:var(--pilot-accent); color:#fff; font:14px/18px robotoregular,Arial,sans-serif; text-decoration:none; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart span { position:static; display:flex; align-items:center; justify-content:center; gap:8px; left:auto; top:auto; width:auto; margin:0; transform:none; font:inherit; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart .icon { width:23px; height:23px; margin:0; padding:0; flex:0 0 23px; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart .icon[src*="shopping-cart.svg"] { filter:invert(1); }
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart.added { background:#30363e; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart.disabled { background:#7b8189; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .quantityContainer { display:flex; position:static; grid-column:1; grid-row:4; align-self:center; width:108px; height:48px; padding:0; margin:0; opacity:1; visibility:visible; transform:none; transition:none; line-height:normal; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .quantityWrapper { display:flex; width:100%; box-sizing:border-box; border:1px solid var(--pilot-line); border-radius:8px; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .quantityContainer .quantity,
#catalogListingPilotGrid:not(.catalogPilotList) .product .quantityContainer .minus,
#catalogListingPilotGrid:not(.catalogPilotList) .product .quantityContainer .plus { display:flex; align-items:center; justify-content:center; flex:1 1 0; min-width:0; width:34px; height:100%; padding:0; margin:0; border:0; color:var(--pilot-ink); background:none; font:16px/20px robotoregular,Arial,sans-serif; text-decoration:none; filter:none; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .quantityContainer .quantity { text-align:center; box-sizing:border-box; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .quantityContainer .minus::before { content:"−"; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .quantityContainer .plus::before { content:"+"; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .quantityContainer [aria-disabled="true"] { opacity:.35; cursor:not-allowed; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart.added + .quantityContainer,
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart.disabled + .quantityContainer,
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart.subscribe + .quantityContainer,
#catalogListingPilotGrid:not(.catalogPilotList) .product .addCart.unSubscribe + .quantityContainer { display:none; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .label { float:none; width:auto; margin:0; box-sizing:border-box; font-family:robotoregular,Arial,sans-serif; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .quickBuy { display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px; margin:0 12px 8px; color:var(--pilot-muted); font-size:14px; line-height:20px; text-decoration:underline; background:transparent; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .quickBuy .icon { width:17px; height:17px; margin:0; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addCompare,
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addWishlist { position:absolute; top:12px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid var(--pilot-line); border-radius:50%; background:#fff; font-size:0; color:transparent; line-height:0; z-index:3; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addWishlist { right:60px; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addCompare { right:12px; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addCompare .icon,
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addWishlist .icon { width:19px; height:19px; margin:0; padding:0; filter:brightness(.65); }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addCompare.added { background:#ff9f00; border-color:#ff9f00; }
#catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product .optional .addCompare.added .icon { filter:brightness(0) invert(1); }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addWishlist.added { background:#d33647; border-color:#d33647; }
#catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addWishlist.added .icon { filter:brightness(0) invert(1); }
#catalogListingPilotGrid:not(.catalogPilotList) .product .productSpecialTime { position:static; width:auto; margin:8px; }
#catalogListingPilotGrid:not(.catalogPilotList) a:focus-visible,
#catalogListingPilotGrid:not(.catalogPilotList) input:focus-visible { outline:2px solid #ff9f00; outline-offset:2px; }
@media (hover:hover) and (pointer:fine) {
 #catalogListingPilotGrid:not(.catalogPilotList) .product:hover .tabloid { border-color:#c1c8d2; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .addCart:hover { background:#eb9100; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .addCart.added:hover { background:#20262d; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .optional .quickBuy:hover { color:var(--pilot-ink); }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addCompare:hover { border-color:#ff9f00; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addWishlist:hover { border-color:#d33647; }
}
/* Highlight changes paint only, never layout. Table stays a quiet reading surface.
   Pointer hover is limited to fine pointers; keyboard focus uses the same palette. */
#catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product:has(:focus-visible) { --pilot-ink:#fff; --pilot-muted:#c6ced8; --pilot-line:#66727f; }
#catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product:has(:focus-visible) .tabloid { background:#1d242c; border-color:#1d242c; }
#catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product:has(:focus-visible) .skuPropertyName { color:#fff; }
#catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product:has(:focus-visible) .quickBuy .icon { filter:brightness(0) invert(1); }
#catalogListingPilotGrid.catalogPilotTable .product:has(:focus-visible) .tabloid { background:#f5f7fa; }
@media (hover:hover) and (pointer:fine) {
 #catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product:hover { --pilot-ink:#fff; --pilot-muted:#c6ced8; --pilot-line:#66727f; }
 #catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product:hover .tabloid { background:#1d242c; border-color:#1d242c; }
 #catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product:hover .skuPropertyName { color:#fff; }
 #catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product:hover .quickBuy .icon { filter:brightness(0) invert(1); }
 #catalogListingPilotGrid.catalogPilotTable .product:hover .tabloid { background:#f5f7fa; }
}
@container catalog-pilot (min-width:1500px) {
 #catalogListingPilotGrid:not(.catalogPilotList) .items.productList { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@container catalog-pilot (min-width:900px) and (max-width:1199px) {
 #catalogListingPilotGrid:not(.catalogPilotList) .items.productList { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container catalog-pilot (min-width:660px) and (max-width:899px) {
 #catalogListingPilotGrid:not(.catalogPilotList) .items.productList { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container catalog-pilot (max-width:659px) {
 #catalogListingPilotGrid:not(.catalogPilotList) .items.productList { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .productColText { grid-template-columns:minmax(0,1fr) 44px; gap:8px 6px; padding:10px 10px 4px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .name { font-size:14px; line-height:20px; min-height:80px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .catalogPilotNameDetail { font-size:12px; line-height:17px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .price { grid-column:1 / -1; font-size:18px; line-height:24px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .price .measure { font-size:12px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .productColText .changeAvailable { grid-row:4; grid-column:1 / -1; justify-self:start; font-size:13px; line-height:17px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .quantityContainer { grid-row:5; width:100%; max-width:108px; height:44px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .addCart { grid-row:5; height:44px; padding:0; font-size:0; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .addCart .icon { width:21px; height:21px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .addCart span { gap:0; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .optional .quickBuy { margin:0 7px 6px; font-size:12px; line-height:17px; text-align:center; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .optional .quickBuy .icon { display:none; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addWishlist { top:6px; right:50px; width:40px; height:40px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .optional .addCompare { top:6px; right:6px; width:40px; height:40px; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .catalogPilotMeta { top:52px; left:6px; right:6px; }
 #catalogListingPilotGrid:not(.catalogPilotList):not(.catalogPilotTable) .product .catalogPilotMeta { display:none; }
 #catalogListingPilotGrid:not(.catalogPilotList) .product .catalogPilotTag { padding:3px 6px; font-size:10px; line-height:14px; }
}

/* Table: thumbnail / identity / availability / price / quantity / cart / actions.
   These rules replace the old table, not layer another controller over it. */
#catalogListingPilotGrid.catalogPilotTable { --pilot-table-columns:84px minmax(170px,1fr) 130px 144px 108px 44px 92px; }
#catalogListingPilotGrid.catalogPilotTable .items.productList { grid-template-columns:minmax(0,1fr); gap:0; }
#catalogListingPilotGrid.catalogPilotTable .catalogPilotTableHeader,
#catalogListingPilotGrid.catalogPilotTable .product:hover .tabloid,
#catalogListingPilotGrid.catalogPilotTable .product .tabloid { display:grid; grid-template-columns:var(--pilot-table-columns); gap:8px 14px; padding:12px; }
#catalogListingPilotGrid.catalogPilotTable .catalogPilotTableHeader { font:13px/20px robotoregular,Arial,sans-serif; color:#677083; border-bottom:1px solid #dfe3e8; }
#catalogListingPilotGrid.catalogPilotTable .catalogPilotTableHeader > :first-child { grid-column:1 / 3; }
#catalogListingPilotGrid.catalogPilotTable .catalogPilotTableHeader > :last-child { grid-column:6 / 8; }
#catalogListingPilotGrid.catalogPilotTable .product .tabloid,
#catalogListingPilotGrid.catalogPilotTable .product:hover .tabloid { display:grid; height:auto; min-height:88px; align-items:center; border-width:0 0 1px; border-radius:0; }
#catalogListingPilotGrid.catalogPilotTable .product .productTable,
#catalogListingPilotGrid.catalogPilotTable .product .productColText { display:contents; }
#catalogListingPilotGrid.catalogPilotTable .product .productColImage { grid-column:1; grid-row:1; width:84px; height:64px; aspect-ratio:auto; border-radius:5px; background:transparent; }
#catalogListingPilotGrid.catalogPilotTable .product .picture img { object-fit:contain; }
#catalogListingPilotGrid.catalogPilotTable .product .catalogPilotTableHeading { grid-column:2; grid-row:1; min-width:0; }
#catalogListingPilotGrid.catalogPilotTable .product .name { min-height:0; font-size:16px; line-height:22px; }
#catalogListingPilotGrid.catalogPilotTable .product .catalogPilotNameDetail { margin-top:2px; font-size:14px; line-height:20px; }
#catalogListingPilotGrid.catalogPilotTable .catalogPilotArticle { color:#677083; font:11px/16px robotoregular,Arial,sans-serif; overflow-wrap:anywhere; }
#catalogListingPilotGrid.catalogPilotTable .product .catalogPilotMeta { position:static; }
#catalogListingPilotGrid.catalogPilotTable .product .catalogPilotTag { display:inline-block; margin:0 4px 3px 0; padding:0; font:11px/15px robotoregular,Arial,sans-serif; background:transparent; color:#677083; border-radius:0; }
#catalogListingPilotGrid.catalogPilotTable .product .productColText .changeAvailable { grid-column:3; grid-row:1; justify-self:start; font-size:13px; line-height:17px; }
#catalogListingPilotGrid.catalogPilotTable .product .price { grid-column:4; grid-row:1; font-size:18px; line-height:24px; }
#catalogListingPilotGrid.catalogPilotTable .product .quantityContainer { grid-column:5; grid-row:1; width:108px; height:40px; }
#catalogListingPilotGrid.catalogPilotTable .product .addCart { grid-column:6; grid-row:1; width:44px; height:44px; font-size:0; padding:0; }
#catalogListingPilotGrid.catalogPilotTable .product .addCart span { gap:0; }
#catalogListingPilotGrid.catalogPilotTable .product .optional { display:flex; grid-column:7; grid-row:1; gap:6px; margin:0; }
#catalogListingPilotGrid.catalogPilotTable .product .optional .addCompare,
#catalogListingPilotGrid.catalogPilotTable .product .optional .addWishlist { position:static; width:40px; height:40px; flex:0 0 40px; }
#catalogListingPilotGrid.catalogPilotTable .product .optional .row { display:contents; }
#catalogListingPilotGrid.catalogPilotTable .product .optional .addWishlist { order:-1; }
#catalogListingPilotGrid.catalogPilotTable .product .catalogPilotSku { grid-column:2 / -1; grid-row:2; }
#catalogListingPilotGrid.catalogPilotTable .product .catalogPilotSku[hidden] { display:none; }
#catalogListingPilotGrid.catalogPilotTable .product .productSpecialTime { grid-column:2 / -1; grid-row:3; }
@container catalog-pilot (max-width:979px) {
 #catalogListingPilotGrid.catalogPilotTable .catalogPilotTableHeader { display:none; }
 #catalogListingPilotGrid.catalogPilotTable .product .tabloid,
 #catalogListingPilotGrid.catalogPilotTable .product:hover .tabloid { grid-template-columns:64px minmax(0,1fr) 44px; gap:6px 10px; padding:12px 8px; }
 #catalogListingPilotGrid.catalogPilotTable .product .productColImage { grid-column:1; grid-row:1 / 3; width:64px; height:54px; align-self:start; }
 #catalogListingPilotGrid.catalogPilotTable .product .catalogPilotTableHeading { grid-column:2 / 4; grid-row:1; }
 #catalogListingPilotGrid.catalogPilotTable .product .name { min-height:0; font-size:14px; line-height:20px; }
 #catalogListingPilotGrid.catalogPilotTable .product .catalogPilotNameDetail { font-size:13px; line-height:18px; }
 #catalogListingPilotGrid.catalogPilotTable .product .price { grid-column:1 / 3; grid-row:3; font-size:17px; line-height:22px; }
 #catalogListingPilotGrid.catalogPilotTable .product .productColText .changeAvailable { grid-column:2 / 4; grid-row:3; justify-self:end; }
 #catalogListingPilotGrid.catalogPilotTable .product .quantityContainer { grid-column:1 / 3; grid-row:4; width:108px; height:44px; }
 #catalogListingPilotGrid.catalogPilotTable .product .addCart { grid-column:3; grid-row:4; width:44px; height:44px; }
 #catalogListingPilotGrid.catalogPilotTable .product .optional { grid-column:2; grid-row:4; justify-self:end; }
 #catalogListingPilotGrid.catalogPilotTable .product .optional .addCompare,
 #catalogListingPilotGrid.catalogPilotTable .product .optional .addWishlist { width:40px; height:44px; flex-basis:40px; }
 #catalogListingPilotGrid.catalogPilotTable .product .catalogPilotSku { grid-column:1 / -1; grid-row:5; }
 #catalogListingPilotGrid.catalogPilotTable .product .productSpecialTime { grid-column:1 / -1; grid-row:6; }
}

/* Mobile rows have explicit, non-overlapping slots; desktop views stay unchanged. */
@container catalog-pilot (max-width:599px) {
 #catalogListingPilotGrid.catalogPilotList .product .tabloid,
 #catalogListingPilotGrid.catalogPilotList .product:hover .tabloid,
 #catalogListingPilotGrid.catalogPilotList .product:focus-within .tabloid {
  grid-template-columns:104px minmax(0,1fr); grid-template-rows:none; grid-auto-rows:auto;
  gap:12px; padding:12px; align-items:center; background:#fff; border-color:#dfe3e8; box-shadow:none;
 }
 #catalogListingPilotGrid.catalogPilotList .product .productColImage { grid-column:1; grid-row:1; width:104px; height:88px; align-self:start; }
 #catalogListingPilotGrid.catalogPilotList .product .picture { width:100%; height:88px; padding:0; }
 #catalogListingPilotGrid.catalogPilotList .product .picture img { max-width:100%; max-height:88px; object-fit:contain; }
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotListHeading { grid-column:2; grid-row:1; align-self:start; }
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotMeta { gap:4px; margin:0 0 6px; }
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotMeta .markerContainer { flex-basis:auto; margin:0; }
 #catalogListingPilotGrid.catalogPilotList .product .marker { padding:0; margin:0; background:transparent; border:0; box-shadow:none; color:#677083; font:11px/15px robotoregular,Arial,sans-serif; }
 #catalogListingPilotGrid.catalogPilotList .product .rating { height:14px; margin:0; transform:none; }
 #catalogListingPilotGrid.catalogPilotList .product .name,
 #catalogListingPilotGrid.catalogPilotList .product:focus-within .name,
 #catalogListingPilotGrid.catalogPilotList .product:hover .name { min-height:0; font:15px/21px robotomedium,Arial,sans-serif; color:#151b26; }
 #catalogListingPilotGrid.catalogPilotList .product .price,
 #catalogListingPilotGrid.catalogPilotList .product:hover .price,
 #catalogListingPilotGrid.catalogPilotList .product:focus-within .price { grid-column:1; grid-row:2; max-width:100%; font-size:18px; line-height:24px; color:#151b26; }
 #catalogListingPilotGrid.catalogPilotList .product .price { height:auto; }
 #catalogListingPilotGrid.catalogPilotList .product .price .discount:empty,
 #catalogListingPilotGrid.catalogPilotList .product .price .discount.catalogPilotDiscountEmpty { display:none; }
 #catalogListingPilotGrid.catalogPilotList .product .price .measure { font-size:12px; }
 #catalogListingPilotGrid.catalogPilotList .product .productColText .changeAvailable { grid-column:2; grid-row:2; margin:0; justify-self:end; font:13px/18px robotoregular,Arial,sans-serif; }
 #catalogListingPilotGrid.catalogPilotList .product .quantityContainer { grid-column:1; grid-row:3; width:104px; height:44px; }
 #catalogListingPilotGrid.catalogPilotList .product .quantityWrapper { height:44px; box-sizing:border-box; }
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .quantityContainer .quantity,
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .quantityContainer .plus,
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .quantityContainer .minus,
 #catalogListingPilotGrid.catalogPilotList .product .quantityContainer .quantity,
 #catalogListingPilotGrid.catalogPilotList .product .quantityContainer .plus,
 #catalogListingPilotGrid.catalogPilotList .product .quantityContainer .minus { height:42px; color:#151b26; }
 #catalogListingPilotGrid.catalogPilotList .product .addCart { grid-column:2; grid-row:3; height:44px; }
 #catalogListingPilotGrid.catalogPilotList .product .addCart.added { grid-column:1 / -1; }
 #catalogListingPilotGrid.catalogPilotList .product .optional { grid-column:1 / -1; grid-row:4; gap:8px; grid-template-columns:minmax(0,1fr) 44px 44px; margin:0; }
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .optional .quickBuy,
 #catalogListingPilotGrid.catalogPilotList .product .optional .quickBuy { color:#59616b; font:13px/18px robotoregular,Arial,sans-serif; padding:0 6px; }
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .optional .label .icon,
 #catalogListingPilotGrid.catalogPilotList .product .optional .label .icon { filter:brightness(.65); }
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .optional .addCompare.added .icon,
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .optional .addWishlist.added .icon,
 #catalogListingPilotGrid.catalogPilotList .product .optional .addCompare.added .icon,
 #catalogListingPilotGrid.catalogPilotList .product .optional .addWishlist.added .icon { filter:brightness(0) invert(1); }
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotSku { grid-column:1 / -1; grid-row:5; }
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotSku:not(:has(*)) { display:none; }
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .catalogPilotFacts,
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotFacts { margin:0; font:13px/19px robotoregular,Arial,sans-serif; color:#59616b; }
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .catalogPilotFacts summary,
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotFacts summary { min-height:44px; box-sizing:border-box; padding:12px 0; color:#364351; }
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .catalogPilotFacts dd,
 #catalogListingPilotGrid.catalogPilotList .product:is(:hover,:focus-within) .skuPropertyName,
 #catalogListingPilotGrid.catalogPilotList .product .catalogPilotFacts dd,
 #catalogListingPilotGrid.catalogPilotList .product .skuPropertyName { color:#151b26; }
 #catalogListingPilotGrid.catalogPilotList .product .productSpecialTime { grid-column:1 / -1; grid-row:6; }

 #catalogListingPilotGrid.catalogPilotTable .product .tabloid,
 #catalogListingPilotGrid.catalogPilotTable .product:hover .tabloid {
  grid-template-columns:48px 48px minmax(0,1fr) 44px 44px; grid-template-rows:none;
  grid-auto-rows:auto; gap:8px 6px; padding:12px 8px; min-height:0;
 }
 #catalogListingPilotGrid.catalogPilotTable .product .productColImage { grid-column:1 / 3; grid-row:1; width:72px; height:56px; }
 #catalogListingPilotGrid.catalogPilotTable .product .catalogPilotTableHeading { grid-column:3 / -1; grid-row:1; }
 #catalogListingPilotGrid.catalogPilotTable .product .name { font:14px/19px robotoregular,Arial,sans-serif; }
 #catalogListingPilotGrid.catalogPilotTable .product .catalogPilotNameDetail { font-size:12px; line-height:17px; }
 #catalogListingPilotGrid.catalogPilotTable .product .price { grid-column:1 / 3; grid-row:2; max-width:100%; font-size:17px; line-height:23px; }
 #catalogListingPilotGrid.catalogPilotTable .product .productColText .changeAvailable { grid-column:3 / -1; grid-row:2; width:auto; max-width:100%; font-size:13px; line-height:17px; }
 #catalogListingPilotGrid.catalogPilotTable .product .quantityContainer { grid-column:1 / 3; grid-row:3; width:102px; height:44px; }
 #catalogListingPilotGrid.catalogPilotTable .product .optional { grid-column:3 / 5; grid-row:3; justify-self:end; gap:6px; width:94px; }
 #catalogListingPilotGrid.catalogPilotTable .product .optional .addCompare,
 #catalogListingPilotGrid.catalogPilotTable .product .optional .addWishlist { width:44px; height:44px; flex:0 0 44px; }
 #catalogListingPilotGrid.catalogPilotTable .product .addCart { grid-column:5; grid-row:3; }
 #catalogListingPilotGrid.catalogPilotTable .product .catalogPilotSku { grid-column:1 / -1; grid-row:4; }
 #catalogListingPilotGrid.catalogPilotTable .product .productSpecialTime { grid-column:1 / -1; grid-row:5; }
}

/* Mobile navigation is a viewport policy, not a narrow desktop-column policy. */
@media (max-width: 767px) {
 #catalog.catalogListingPilot #catalogLine { display:grid; grid-template-columns:98px minmax(0,1fr); gap:8px; min-height:0; }
 #catalog.catalogListingPilot #catalogLine .catalogPilotViews,
 #catalog.catalogListingPilot #catalogLine .catalogPilotCount { display:none; }
 #catalog.catalogListingPilot #catalogLine .oFilter { display:block; grid-column:1; grid-row:1; width:auto; margin:0; }
 #catalog.catalogListingPilot #catalogLine .catalogPilotSort { grid-column:2; grid-row:1; margin:0; min-width:0; }
 #catalog.catalogListingPilot #catalogLine .catalogPilotSort > span { display:none; }
 #catalog.catalogListingPilot #catalogLine .catalogPilotSort select { width:100%; min-width:0; }
}
#catalog.catalogListingPilot #catalogLine button.oSmartFilter { font:inherit; cursor:pointer; }
#catalog.catalogListingPilot #catalogLine button.oSmartFilter[hidden] { display:none; }
.catalogPilotFilterDialog { padding:0; border:1px solid #dfe3e7; border-radius:12px; width:420px; max-width:calc(100vw - 24px); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); box-sizing:border-box; background:#fff; color:#20262d; box-shadow:0 16px 48px rgb(0 0 0 / 25%); overflow:auto; overscroll-behavior:contain; }
.catalogPilotFilterDialog::backdrop { background:rgb(15 22 28 / 55%); }
.catalogPilotFilterDialog #smartFilter { position:relative; margin:0; width:100%; box-sizing:border-box; border:0; visibility:visible; opacity:1; pointer-events:auto; }
.catalogPilotFilterDialog #smartFilter .heading { padding-right:54px; }
.catalogPilotFilterClose { position:sticky; display:block; top:4px; margin:4px 4px -48px auto; z-index:2; width:44px; height:44px; padding:0; border:0; border-radius:8px; color:#20262d; background:#f3f3f3; font:30px/44px Arial,sans-serif; cursor:pointer; }
.catalogPilotFilterClose:focus-visible { outline:2px solid #ff9f00; outline-offset:-3px; }
.catalogPilotFilterNotice { padding:12px 20px; color:#a43320; font:14px/20px robotoregular,Arial,sans-serif; }
#catalog.catalogListingPilot #ajaxSection[aria-busy="true"] { opacity:.55; pointer-events:none; }
#catalog.catalogListingPilot #ajaxSection[aria-busy="true"]::before { content:'Обновляем товары…'; display:block; padding:12px; color:#20262d; font:14px/20px robotoregular,Arial,sans-serif; }

/* End */


/* Start:/local/css/purchase-dialogs.css?179034607113433*/
/* Only AJAX dialogs on the enabled M390 pilot receive this class. */
html.purchaseDialogOpen { overflow: hidden; }
.bladesPurchaseDialog { box-sizing: border-box; font: 14px/1.5 robotoregular, Arial, sans-serif; color: #1d242c; }
.bladesPurchaseDialog *, .bladesPurchaseDialog *::before, .bladesPurchaseDialog *::after { box-sizing: border-box; }
#appBasket.bladesPurchaseDialog, .product-quick-buy-form.bladesPurchaseDialog {
    position: fixed; inset: 0; width: 100%; height: 100%; z-index: 9999;
    overflow: auto; overscroll-behavior: contain; background: rgb(16 22 28 / 55%);
}
/* Legacy theme hides this popup entirely on phones with !important. */
#appBasket.bladesPurchaseDialog { display: flex !important; padding: 24px 16px; }
#appBasket.bladesPurchaseDialog #appBasketContainer,
.bladesPurchaseDialog .product-quick-buy-form__inner-proxy {
    position: relative; inset: auto; transform: none; margin: auto; padding: 0;
    width: min(880px, 100%); height: auto; min-width: 0; max-width: 880px;
    background: #fff; border: 0; border-radius: 10px; overflow: clip;
    box-shadow: 0 16px 64px rgb(0 0 0 / 20%);
    display: grid; grid-template-columns: minmax(240px, 34%) minmax(0, 1fr); gap: 0;
}
.bladesPurchaseDialog .product-quick-buy-form__inner { padding: 24px 16px; }
#appBasket.bladesPurchaseDialog .purchaseProduct,
.bladesPurchaseDialog .product-quick-buy-form__product {
    display: flex; flex-direction: column; align-items: stretch; gap: 18px;
    min-width: 0; background: #1d242c; color: #fff; padding: 28px 24px;
}
#appBasket.bladesPurchaseDialog .picture { float: none; width: 100%; height: auto; line-height: normal; }
#appBasket.bladesPurchaseDialog .picture a,
.bladesPurchaseDialog .product-quick-buy-form__product-image-container { display: flex; align-items: center; width: 100%; height: 190px; }
#appBasket.bladesPurchaseDialog .picture img,
.bladesPurchaseDialog .product-quick-buy-form__product-image {
    display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px;
}
#appBasket.bladesPurchaseDialog .name,
.bladesPurchaseDialog .product-quick-buy-form__product-name { margin: 0; max-width: none; color: #fff; font: 16px/1.5 robotoregular, Arial, sans-serif; text-align: left; text-decoration: none; overflow-wrap: anywhere; }
#appBasket.bladesPurchaseDialog .price,
.bladesPurchaseDialog .product-quick-buy-form__product-actual-price { margin: 0; color: #fff; font: 26px/1.3 robotobold, Arial, sans-serif; }
#appBasket.bladesPurchaseDialog .measure { font: 14px/1.5 robotoregular, Arial, sans-serif; white-space: nowrap; }
.bladesPurchaseDialog .discount, .bladesPurchaseDialog .product-quick-buy-form__product-discount-price { color: #bac2cc; font-size: 14px; }
.bladesPurchaseDialog .purchaseProductDetail { display: block; margin-top: 6px; color: #bac2cc; font-size: 14px; line-height: 1.45; }
#appBasket.bladesPurchaseDialog .availability { color: #ffb331; font-size: 14px; text-decoration: none; }
#appBasket.bladesPurchaseDialog .outOfStock { color: #ffa0a0; }
#appBasket.bladesPurchaseDialog .purchaseControls { display: flex; flex-direction: column; gap: 24px; min-width: 0; padding: 24px 28px; }
#appBasket.bladesPurchaseDialog .heading,
.bladesPurchaseDialog .product-quick-buy-form__header {
    position: relative; margin: 0; padding: 0 42px 0 0; height: auto; min-height: 44px;
    background: #fff; color: #141c26; text-align: left; border: 0; border-radius: 0;
    font: 24px/1.3 robotobold, Arial, sans-serif;
}
.bladesPurchaseDialog .product-quick-buy-form__heading { padding: 0; color: inherit; font: inherit; text-align: left; }
#appBasket.bladesPurchaseDialog .close,
.bladesPurchaseDialog .product-quick-buy-form__close-button--header {
    position: absolute; top: -8px; right: -10px; width: 44px; height: 44px; margin: 0; padding: 0; border: 0;
    background: url('/bitrix/templates/dresscode/images/delete.svg') center / 26px 26px no-repeat;
    filter: grayscale(1) brightness(.25); cursor: pointer; border-radius: 6px;
}
#appBasket.bladesPurchaseDialog .qtyBlock { display: flex; align-items: center; flex-wrap: wrap; gap: 0; margin: 0; }
#appBasket.bladesPurchaseDialog .qtyBlock .label { flex-basis: 100%; margin: 0 0 8px; font-size: 14px; }
#appBasket.bladesPurchaseDialog .qtyBlock .plus,
#appBasket.bladesPurchaseDialog .qtyBlock .minus,
#appBasket.bladesPurchaseDialog .qtyBlock .qty {
    width: 46px; height: 44px; margin: 0; padding: 0; border: 1px solid #d8dee6;
    border-radius: 0; color: #1d242c; background-color: #fff; font: 16px robotoregular, Arial, sans-serif; text-align: center;
}
#appBasket.bladesPurchaseDialog .qtyBlock .plus { border-radius: 0 6px 6px 0; background: #fff url('/bitrix/templates/dresscode/images/view-basket-add-plus.png') center no-repeat; }
#appBasket.bladesPurchaseDialog .qtyBlock .minus { border-radius: 6px 0 0 6px; background: #fff url('/bitrix/templates/dresscode/images/view-basket-add-minus.png') center no-repeat; }
#appBasket.bladesPurchaseDialog .qtyBlock .qty { border-left: 0; border-right: 0; }
#appBasket.bladesPurchaseDialog [aria-disabled='true'] { opacity: .35; cursor: not-allowed; }
#appBasket.bladesPurchaseDialog .sum { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: auto; padding: 16px; background: #f4f5f7; border-radius: 6px; font: 18px/1.4 robotobold, Arial, sans-serif; }
#appBasket.bladesPurchaseDialog .allSum { font-size: 24px; text-align: right; }
#appBasket.bladesPurchaseDialog .purchaseTools { display: flex; flex-wrap: wrap; gap: 8px 16px; }
#appBasket.bladesPurchaseDialog .purchaseTools a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; color: #475364; font-size: 14px; text-decoration: none; }
#appBasket.bladesPurchaseDialog .purchaseTools .ico { display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; }
#appBasket.bladesPurchaseDialog .addWishlist .ico { background-image: url('/bitrix/templates/dresscode/images/wishlist.svg'); }
#appBasket.bladesPurchaseDialog .addCompare .ico { background-image: url('/bitrix/templates/dresscode/images/compare.svg'); }
#appBasket.bladesPurchaseDialog .delete .ico { background-image: url('/bitrix/templates/dresscode/images/delete.svg'); }
#appBasket.bladesPurchaseDialog .addWishlist.added { color: #c63351; }
#appBasket.bladesPurchaseDialog .addWishlist.added .ico { background-image: url('/bitrix/templates/dresscode/images/wishlistActive.svg'); }
#appBasket.bladesPurchaseDialog .addCompare.added { color: #996000; }
#appBasket.bladesPurchaseDialog .addCompare.added .ico { background-image: url('/bitrix/templates/dresscode/images/compareActive.svg'); }
#appBasket.bladesPurchaseDialog .purchaseFooter { display: flex; gap: 12px; padding-top: 20px; margin-top: auto; border-top: 1px solid #e5e8ec; }
#appBasket.bladesPurchaseDialog .purchaseFooter a,
.bladesPurchaseDialog .product-quick-buy-form__submit-button,
.bladesPurchaseDialog .product-quick-buy-form__close-button--success {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    flex: 1; min-height: 48px; height: auto; padding: 12px 14px; border: 1px solid #ff9f00;
    border-radius: 6px; background: #ff9f00; color: #17212b; font: 15px/1.4 robotomedium, Arial, sans-serif;
    text-align: center; text-decoration: none; cursor: pointer; box-shadow: none;
    transition: none;
}
#appBasket.bladesPurchaseDialog .purchaseFooter .purchaseSecondary { border-color: #d8dee6; background: #fff; color: #243142; }
#appBasket.bladesPurchaseDialog .purchaseFooter img { display: none; }
.bladesPurchaseDialog .product-quick-buy-form__submit-button img { width: 20px; height: 20px; filter: brightness(.2); }
.bladesPurchaseDialog .product-quick-buy-form__header { grid-column: 2; grid-row: 1; margin: 24px 28px 12px; }
.bladesPurchaseDialog .product-quick-buy-form__states { display: contents; padding: 0; }
.bladesPurchaseDialog .product-quick-buy-form__state--input.product-quick-buy-form__state--active { display: contents; }
.bladesPurchaseDialog .product-quick-buy-form__product { grid-column: 1; grid-row: 1 / 3; }
.bladesPurchaseDialog .product-quick-buy-form__form-container { grid-column: 2; grid-row: 2; padding: 0 28px 28px; gap: 16px; min-width: 0; }
.bladesPurchaseDialog .product-quick-buy-form__form-heading { display: none; }
.bladesPurchaseDialog .product-quick-buy-form__form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.bladesPurchaseDialog .purchaseField { display: flex; flex-direction: column; gap: 6px; margin: 0; min-width: 0; font-size: 14px; color: #243142; }
.bladesPurchaseDialog .purchaseField--email, .bladesPurchaseDialog .purchaseField--comment,
.bladesPurchaseDialog .product-quick-buy-form__user-agreement,
.bladesPurchaseDialog .product-quick-buy-form__submit-button { grid-column: 1 / -1; }
.bladesPurchaseDialog .product-quick-buy-form__input,
.bladesPurchaseDialog .product-quick-buy-form__textarea { margin: 0; width: 100%; height: 46px; padding: 11px 12px; border: 1px solid #d8dee6; border-radius: 6px; color: #1d242c; background: #fff; font: 16px/1.4 robotoregular, Arial, sans-serif; }
.bladesPurchaseDialog .product-quick-buy-form__textarea { height: 78px; resize: vertical; }
.bladesPurchaseDialog .product-quick-buy-form__user-agreement { position: relative; display: block; padding-left: 28px; min-height: 24px; font-size: 13px; line-height: 1.5; color: #475364; }
.bladesPurchaseDialog .product-quick-buy-form__checkbox { position: absolute; left: 0; top: 1px; width: 19px; height: 19px; margin: 0; accent-color: #ff9f00; }
.bladesPurchaseDialog .product-quick-buy-form__user-agreement a { color: inherit; text-decoration: underline; }
.bladesPurchaseDialog :is(a,button,input,textarea):focus-visible { outline: 2px solid #cc7800; outline-offset: 3px; }
.bladesPurchaseDialog .product-quick-buy-form__field--error { border-color: #c73131; background: #fff8f8; }
.bladesPurchaseDialog .product-quick-buy-form__field-label--error { color: #b52727; }
.bladesPurchaseDialog .product-quick-buy-form__submit-button:disabled { opacity: .55; cursor: wait; }
.bladesPurchaseDialog .product-quick-buy-form__success { grid-column: 1 / -1; padding: 28px; }
.bladesPurchaseDialog .product-quick-buy-form__success-inner { max-width: 620px; grid-template-columns: 1fr 1.4fr; }
.bladesPurchaseDialog .product-quick-buy-form__inner-proxy:has(.product-quick-buy-form__success.product-quick-buy-form__state--active) .product-quick-buy-form__header { grid-column: 1 / -1; }
@media (hover: hover) {
    #appBasket.bladesPurchaseDialog .purchasePrimary:hover,
    .bladesPurchaseDialog .product-quick-buy-form__submit-button:hover { background: #ed9200; }
    #appBasket.bladesPurchaseDialog .purchaseSecondary:hover { background: #f3f5f7; }
    #appBasket.bladesPurchaseDialog .purchaseTools a:hover { color: #a45f00; }
}
@media (max-width: 640px) {
    #appBasket.bladesPurchaseDialog { padding: 12px; }
    .bladesPurchaseDialog .product-quick-buy-form__inner { padding: 12px; }
    #appBasket.bladesPurchaseDialog #appBasketContainer,
    .bladesPurchaseDialog .product-quick-buy-form__inner-proxy { grid-template-columns: minmax(0, 1fr); width: 100%; }
    #appBasket.bladesPurchaseDialog .purchaseControls { display: contents; }
    #appBasket.bladesPurchaseDialog .heading,
    .bladesPurchaseDialog .product-quick-buy-form__header { position: sticky; top: 0; z-index: 2; grid-column: 1; grid-row: 1; margin: 0; padding: 20px 58px 18px 18px; font-size: 21px; }
    #appBasket.bladesPurchaseDialog .close,
    .bladesPurchaseDialog .product-quick-buy-form__close-button--header { top: 10px; right: 6px; }
    #appBasket.bladesPurchaseDialog .purchaseProduct,
    .bladesPurchaseDialog .product-quick-buy-form__product { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: 88px minmax(0, 1fr); align-content: start; gap: 8px 14px; padding: 18px; }
    #appBasket.bladesPurchaseDialog .picture,
    .bladesPurchaseDialog .product-quick-buy-form__product-image-container { grid-column: 1; grid-row: 1 / 4; height: 100px; }
    #appBasket.bladesPurchaseDialog .picture a { height: 100%; }
    #appBasket.bladesPurchaseDialog .name,
    .bladesPurchaseDialog .product-quick-buy-form__product-name { grid-column: 2; font-size: 14px; line-height: 1.45; }
    #appBasket.bladesPurchaseDialog .price,
    .bladesPurchaseDialog .product-quick-buy-form__product-actual-price { font-size: 21px; }
    .bladesPurchaseDialog .product-quick-buy-form__product-prices,
    #appBasket.bladesPurchaseDialog .availability { grid-column: 2; }
    #appBasket.bladesPurchaseDialog .qtyBlock { margin: 20px 18px 16px; }
    #appBasket.bladesPurchaseDialog .sum { margin: 0 18px; }
    #appBasket.bladesPurchaseDialog .purchaseTools { margin: 12px 18px; gap: 6px 16px; }
    #appBasket.bladesPurchaseDialog .purchaseFooter { margin: 0 18px 20px; flex-direction: column-reverse; padding-top: 16px; }
    .bladesPurchaseDialog .product-quick-buy-form__form-container { grid-column: 1; grid-row: 3; padding: 20px 18px; }
    .bladesPurchaseDialog .product-quick-buy-form__form { grid-template-columns: minmax(0,1fr); gap: 14px; }
    .bladesPurchaseDialog .product-quick-buy-form__success-inner { grid-template-columns: 1fr; }
    .bladesPurchaseDialog .product-quick-buy-form__success { padding: 20px 18px; }
}

/* End */


/* Start:/bitrix/templates/dresscode/components/dresscode/catalog/.default/bitrix/catalog.section.list/catalog-pictures/style.min.css?17692818352284*/
.catalog-section-list-pictures{margin-bottom:24px;border-left:1px solid #f3f3f3}.catalog-section-list-pictures .catalog-section-list-item{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;line-height:206px;text-align:center;padding:0 24px;height:206px;float:left;width:20%}.catalog-section-list-pictures .catalog-section-list-item:before{content:"";position:absolute;left:0;width:100%;top:-1px;height:1px;background:#f3f3f3}.catalog-section-list-pictures .catalog-section-list-item-wp{vertical-align:middle;display:inline-block;line-height:21px}.catalog-section-list-pictures .catalog-section-list-link{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none;text-align:center;line-height:44px;overflow:hidden;color:#000;display:block;height:44px}.catalog-section-list-pictures .catalog-section-list-link span{vertical-align:bottom;display:inline-block;line-height:21px}.catalog-section-list-pictures .catalog-section-list-link:hover{opacity:.7}.catalog-section-list-pictures .catalog-section-list-link:active{position:relative;top:1px}.catalog-section-list-pictures .catalog-section-list-picture{margin-bottom:12px;text-align:center;line-height:100px;display:block;height:100px}.catalog-section-list-pictures .catalog-section-list-picture:hover img{opacity:.8}.catalog-section-list-pictures .catalog-section-list-picture:active{position:relative;top:1px}.catalog-section-list-pictures .catalog-section-list-picture img{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;vertical-align:middle;max-height:100%;max-width:100%}@media all and (max-width:1800px){.catalog-section-list-pictures .catalog-section-list-item{width:25%}}@media all and (max-width:1300px){.catalog-section-list-pictures .catalog-section-list-item{width:33.333333%}}@media all and (max-width:1024px){.catalog-section-list-pictures .catalog-section-list-item{width:25%}}@media all and (max-width:1000px){.catalog-section-list-pictures .catalog-section-list-item{width:33.333333%}}@media all and (max-width:700px){.catalog-section-list-pictures .catalog-section-list-item{width:50%}}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/system.pagenavigation/round/style.min.css?17692818351664*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{position:relative;text-align:center}.bx-pagination .bx-pagination-container ul{display:inline-block;margin:0;padding:0;list-style:none}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px}.bx-pagination .bx-pagination-container ul li span{display:block;box-sizing:border-box;min-width:32px;height:32px;padding:0 8px;color:#444;font-size:14px;line-height:32px;vertical-align:middle;background:#eff0f1;border-radius:16px;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.bx-pagination .bx-pagination-container ul li a{display:block;min-width:32px;height:32px;color:#444;line-height:32px;text-decoration:none;vertical-align:middle;border-radius:16px}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span{padding:0 18px;color:#444;line-height:28px;background:#fff;border:2px solid #eff0f1}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span{padding:0 18px;color:#aab1b4;line-height:28px;background:#fff;border:2px solid #eff0f1}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span{color:#000;background:#fff;border-color:#dadada}
/* End */
/* /local/templates/.default/components/dresscode/catalog/.default/style.css?17868115792339 */
/* /bitrix/templates/dresscode/components/dresscode/catalog/.default/style.min.css?1769281835146 */
/* /bitrix/components/dresscode/catalog.tags/templates/.default/style.min.css?17692818241131 */
/* /bitrix/templates/dresscode/components/bitrix/catalog.smart.filter/.default/style.css?178741185620884 */
/* /local/css/catalog-listing-pilot/style.css?179034607164008 */
/* /local/css/purchase-dialogs.css?179034607113433 */
/* /bitrix/templates/dresscode/components/dresscode/catalog/.default/bitrix/catalog.section.list/catalog-pictures/style.min.css?17692818352284 */
/* /bitrix/templates/dresscode/components/bitrix/system.pagenavigation/round/style.min.css?17692818351664 */