/* 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:/local/components/blades/steel.grade.page/templates/.default/style.css?178723389365627*/
.steelGrade {
    --steel-grade-accent: #d78a0b;
    --steel-grade-accent-dark: #a96500;
    --steel-grade-ink: #282d33;
    --steel-grade-muted: #737c86;
    --steel-grade-line: #dfe3e6;
    --steel-grade-soft: #f5f6f7;
    color: var(--steel-grade-ink);
    font-family: inherit;
}

.steelGrade *,
.steelGrade *::before,
.steelGrade *::after {
    box-sizing: border-box;
}

.steelGrade a {
    color: inherit;
}

.steelGrade--summary {
    margin: 22px 0 32px;
}

.steelGrade__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.steelGrade__intro,
.steelGrade__block {
    border: 1px solid var(--steel-grade-line);
    border-radius: 14px;
    background: #fff;
}

.steelGrade__intro {
    padding: 32px;
}

.steelGrade__eyebrow,
.steelGrade__cardHeader span {
    display: block;
    margin-bottom: 9px;
    color: var(--steel-grade-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.075em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__brandLockup {
    display: flex;
    min-height: 76px;
    align-items: center;
    gap: 22px;
    margin-bottom: 20px;
}

.steelGrade__brandLogo {
    display: inline-flex;
    max-width: 220px;
    min-width: 0;
    min-height: 52px;
    align-items: center;
    justify-content: flex-start;
    flex: 0 1 220px;
    text-decoration: none;
}

.steelGrade__brandLogo img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 72px;
    object-fit: contain;
    object-position: left center;
}

.steelGrade__brandLogo--text {
    color: #343a40;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.1;
}

.steelGrade__brandLogo:hover,
.steelGrade__brandLogo:focus-visible {
    opacity: .72;
    outline: none;
}

.steelGrade__gradeMark {
    display: flex;
    min-height: 58px;
    align-items: center;
    padding-left: 22px;
    border-left: 1px solid var(--steel-grade-line);
    color: var(--steel-grade-ink);
    font-size: 38px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
    white-space: nowrap;
}

.steelGrade__lead {
    max-width: 850px;
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.62;
}

.steelGrade__editorial {
    display: flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 16px;
    color: var(--steel-grade-muted);
    font-size: 12px;
    line-height: 1.4;
}

.steelGrade__editorial strong {
    color: #424a51;
    font-size: inherit;
}

.steelGrade__editorialDot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #d18b13;
    box-shadow: 0 0 0 3px rgba(209, 139, 19, .12);
}

.steelGrade__editorial--verified .steelGrade__editorialDot {
    background: #329b50;
    box-shadow: 0 0 0 3px rgba(50, 155, 80, .12);
}

.steelGrade__editorialInfo {
    display: inline-flex;
    width: 17px;
    height: 17px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd1d6;
    border-radius: 50%;
    color: #717b84;
    font-size: 10px;
    font-weight: 700;
    cursor: help;
}

.steelGrade__heroGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(250px, .62fr);
    align-items: stretch;
    gap: 32px;
}

.steelGrade__heroCopy {
    min-width: 0;
    padding: 4px 0 6px;
}

.steelGrade__snapshot {
    position: relative;
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    padding: 24px 26px;
    border: 1px solid #30373d;
    border-radius: 12px;
    background:
        radial-gradient(circle at 100% 0, rgba(215, 138, 11, .19), transparent 42%),
        linear-gradient(145deg, #20262b 0%, #2b3238 100%);
    box-shadow: 0 14px 30px rgba(31, 37, 42, .12);
    color: #fff;
}

.steelGrade__snapshot > * {
    position: relative;
    z-index: 1;
}

.steelGrade__snapshot--empty {
    background: linear-gradient(145deg, #20262b 0%, #2b3238 100%);
}

.steelGrade__snapshotEyebrow {
    display: block;
    margin-bottom: 7px;
    color: #f1b34d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .075em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__snapshotEyebrow::before {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #e89a18;
    box-shadow: 0 0 0 4px rgba(232, 154, 24, .13);
    content: '';
    vertical-align: 1px;
}

.steelGrade__snapshot--empty .steelGrade__snapshotEyebrow {
    color: rgba(255, 255, 255, .58);
}

.steelGrade__snapshot--empty .steelGrade__snapshotEyebrow::before {
    background: #8b959d;
    box-shadow: 0 0 0 4px rgba(139, 149, 157, .12);
}

.steelGrade__snapshotCount,
.steelGrade__snapshotEmpty {
    display: block;
    color: #fff;
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.1;
}

.steelGrade__snapshotCount {
    font-size: 34px;
}

.steelGrade__snapshotEmpty {
    max-width: 230px;
    font-size: 22px;
    line-height: 1.2;
}

.steelGrade__snapshotHint {
    display: block;
    max-width: 260px;
    margin-top: 10px;
    color: rgba(255, 255, 255, .65);
    font-size: 13px;
    line-height: 1.5;
}

.steelGrade__snapshotFacts {
    display: grid;
    gap: 7px;
    margin: 22px 0 0;
}

.steelGrade__snapshotFacts > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding-top: 7px;
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.steelGrade__snapshotFacts dt,
.steelGrade__snapshotFacts dd {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
}

.steelGrade__snapshotFacts dt {
    color: rgba(255, 255, 255, .62);
}

.steelGrade__snapshotFacts dd {
    color: #fff;
    font-weight: 700;
    text-align: right;
}

.steelGrade__snapshotFact--price dd {
    color: #ffc45f;
    font-weight: 800;
}

.steelGrade__snapshotAction {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding: 10px 13px 10px 15px;
    border-radius: 8px;
    background: #e99a19;
    color: #171b1f !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
    transition: background-color .18s ease, transform .18s ease;
}

.steelGrade__snapshotAction span:last-child {
    font-size: 18px;
    line-height: 1;
}

.steelGrade__snapshotAction:hover,
.steelGrade__snapshotAction:focus-visible {
    background: #ffb136;
    outline: none;
    transform: translateY(-1px);
}

.steelGrade__passportFacts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 28px 0 0;
    padding-top: 20px;
    border-top: 1px solid var(--steel-grade-line);
}

.steelGrade__passportFacts > div {
    min-width: 0;
    padding: 0 22px;
}

.steelGrade__passportFacts > div:first-child {
    padding-left: 0;
}

.steelGrade__passportFacts > div + div {
    border-left: 1px solid var(--steel-grade-line);
}

.steelGrade__passportFacts dt {
    margin: 0 0 7px;
    color: var(--steel-grade-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .055em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__passportFacts dd {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px 10px;
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}

.steelGrade__passportFacts dd strong,
.steelGrade__passportFacts dd a {
    font-weight: 800;
}

.steelGrade__passportFacts dd span {
    color: #66717a;
}

.steelGrade__passportFacts a {
    text-decoration-color: #c7ccd0;
    text-underline-offset: 3px;
}

.steelGrade__passportAnalogs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.steelGrade__passportAnalogs dd {
    display: grid;
    gap: 7px;
}

.steelGrade__passportRelationGroup {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    align-items: baseline;
    gap: 6px 10px;
}

.steelGrade__passportRelationLabel {
    color: #75808a;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .035em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__passportRelationEmpty {
    color: #8c959d;
}

.steelGrade__passportAnalogs li a,
.steelGrade__passportAnalogs li > span {
    color: var(--steel-grade-ink);
    font-weight: 750;
}

.steelGrade__passportAnalogs li a::after {
    margin-left: 5px;
    color: var(--steel-grade-muted);
    content: '→';
}

.steelGrade__passportAnalogs li a:hover,
.steelGrade__passportAnalogs li a:focus-visible {
    color: var(--steel-grade-accent-dark);
    outline: none;
}

.steelGrade__meta,
.steelGrade__signals,
.steelGrade__technicalList,
.steelGrade__facts {
    margin: 0;
}

.steelGrade__meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--steel-grade-line);
    border-radius: 10px;
    background: var(--steel-grade-line);
}

.steelGrade__meta > div {
    min-width: 0;
    padding: 13px 15px;
    background: #fff;
}

.steelGrade__meta dt,
.steelGrade__signals dt,
.steelGrade__technicalList dt,
.steelGrade__facts dt {
    margin: 0 0 5px;
    color: var(--steel-grade-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.035em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__meta dd,
.steelGrade__signals dd,
.steelGrade__technicalList dd,
.steelGrade__facts dd {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.steelGrade__meta a {
    text-decoration-color: #c7ccd0;
    text-underline-offset: 3px;
}

.steelGrade__metaAnalogs {
    grid-column: 1 / -1;
}

.steelGrade__metaAnalogs dd > small {
    display: block;
    margin-top: 7px;
    color: var(--steel-grade-muted);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
}

.steelGrade__metaAnalogList {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.steelGrade__metaAnalogList a,
.steelGrade__metaAnalogList span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid var(--steel-grade-line);
    border-radius: 999px;
    background: var(--steel-grade-soft);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.steelGrade__metaAnalogList a:hover,
.steelGrade__metaAnalogList a:focus-visible {
    border-color: var(--steel-grade-accent);
    color: var(--steel-grade-accent-dark);
    outline: none;
}

.steelGrade__applications {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 18px;
}

.steelGrade__applications span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid #dfe3e6;
    border-radius: 999px;
    background: var(--steel-grade-soft);
    color: #555e67;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.steelGrade__profileVisual {
    display: grid;
    min-width: 0;
    place-items: center;
    padding: 0 22px;
    scroll-margin-top: 20px;
}

.steelGrade--details {
    margin: 44px 0 20px;
    scroll-margin-top: 20px;
}

.steelGrade__blockHeader h3 {
    margin: 0;
    color: var(--steel-grade-ink);
    font-weight: 800;
    letter-spacing: -0.025em;
}

.steelGrade__detailsBody {
    display: grid;
    gap: 18px;
}

.steelGrade__storyGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
    align-items: center;
    gap: 18px;
}

.steelGrade__storyGrid > * {
    min-width: 0;
}

.steelGrade__storyGrid .steelGrade__description {
    display: flex;
    grid-template-columns: 1fr;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
}

.steelGrade__descriptionHeader {
    margin-bottom: 20px;
}

.steelGrade__descriptionHeader h2 {
    margin: 0;
    color: var(--steel-grade-ink);
    font-size: 22px;
    font-weight: 720;
    line-height: 1.15;
}

.steelGrade__description {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    padding: 24px 28px;
    border: 1px solid var(--steel-grade-line);
    border-radius: 14px;
    background: #fff;
}

.steelGrade__description p,
.steelGrade__note p,
.steelGrade__treatment p,
.steelGrade__methodology {
    margin: 0;
    color: #4f5861;
    font-size: 14px;
    line-height: 1.7;
}

.steelGrade__description p + p {
    margin-top: 18px;
}

.steelGrade__storyGrid .steelGrade__description.is-carousel-ready {
    display: grid;
    height: 580px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.steelGrade__descriptionViewport {
    position: relative;
    min-height: 0;
    overflow: hidden;
}

.steelGrade__descriptionSource,
.steelGrade__descriptionPages,
.steelGrade__descriptionPage {
    min-width: 0;
}

.steelGrade__descriptionPages,
.steelGrade__descriptionPage {
    position: absolute;
    inset: 0;
}

.steelGrade__descriptionPage {
    overflow: hidden;
}

.steelGrade__descriptionPage[hidden] {
    display: none;
}

.steelGrade__descriptionControls {
    display: flex;
    min-height: 32px;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--steel-grade-line);
}

.steelGrade__descriptionControls[hidden] {
    display: none;
}

.steelGrade__descriptionDots {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    flex: 1 1 auto;
}

.steelGrade__descriptionDot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #d6dade;
    cursor: pointer;
    transition: width .18s ease, background-color .18s ease;
}

.steelGrade__descriptionDot.is-active {
    width: 22px;
    background: var(--steel-grade-ink);
}

.steelGrade__descriptionDot:focus-visible,
.steelGrade__descriptionArrow:focus-visible {
    outline: 2px solid var(--steel-grade-accent);
    outline-offset: 2px;
}

.steelGrade__descriptionCounter {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    color: var(--steel-grade-muted);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    letter-spacing: .06em;
}

.steelGrade__descriptionActions {
    display: flex;
    align-items: center;
    gap: 7px;
}

.steelGrade__descriptionArrow {
    display: inline-grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--steel-grade-line);
    border-radius: 999px;
    background: #fff;
    color: var(--steel-grade-ink);
    cursor: pointer;
    font: inherit;
    font-size: 16px;
    line-height: 1;
}

.steelGrade__descriptionArrow:hover:not(:disabled) {
    border-color: #bdc4c9;
    background: var(--steel-grade-soft);
}

.steelGrade__descriptionArrow:disabled {
    color: #b7bdc2;
    cursor: default;
}

.steelGrade__block {
    min-width: 0;
    padding: 26px 28px;
    scroll-margin-top: 20px;
}

.steelGrade__chemistryBlock,
.steelGrade__tests,
.steelGrade__treatment,
.steelGrade__workshop {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.steelGrade__chemistryBlock {
    border-color: #cbb4df;
}

.steelGrade__tests {
    border-color: #d2dad6;
}

.steelGrade__treatment {
    border-color: #e8b49e;
}

.steelGrade__workshop {
    border-color: #a9ccdc;
}

.steelGrade__chemistryBlock .steelGrade__eyebrow {
    color: #7b4e9f;
}

.steelGrade__tests .steelGrade__eyebrow {
    color: #28724a;
}

.steelGrade__treatment .steelGrade__eyebrow {
    color: #b24d2c;
}

.steelGrade__workshop .steelGrade__eyebrow {
    color: #2f708f;
}

.steelGrade__chemistryBlock > *:not(.steelGrade__sectionIcon),
.steelGrade__tests > *:not(.steelGrade__sectionIcon),
.steelGrade__treatment > *:not(.steelGrade__sectionIcon),
.steelGrade__workshop > *:not(.steelGrade__sectionIcon) {
    position: relative;
    z-index: 1;
}

.steelGrade__blockHeader {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.steelGrade__blockHeader h3 {
    font-size: 22px;
    line-height: 1.25;
}

.steelGrade__blockHeader > span,
.steelGrade__blockHeaderAside > span {
    color: var(--steel-grade-muted);
    font-size: 11px;
    line-height: 1.4;
}

.steelGrade__blockHeaderAside {
    display: flex;
    align-items: center;
    gap: 14px;
}

.steelGrade__chemistryBlock .steelChemistryLegend {
    margin-top: 9px;
}

.steelGrade__sectionIcon {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .08;
    pointer-events: none;
}

.steelGrade__sectionIcon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.steelGrade__sectionIcon--chemistry {
    color: #8d5fb5;
    -webkit-mask-image: linear-gradient(105deg, rgba(0, 0, 0, .42) 0%, #000 82%);
    mask-image: linear-gradient(105deg, rgba(0, 0, 0, .42) 0%, #000 82%);
}

.steelGrade__sectionIcon--heat {
    color: #d9633d;
    opacity: .085;
    -webkit-mask-image: linear-gradient(135deg, rgba(0, 0, 0, .38) 0%, #000 92%);
    mask-image: linear-gradient(135deg, rgba(0, 0, 0, .38) 0%, #000 92%);
}

.steelGrade__sectionIcon--workshop {
    color: #397a9b;
    opacity: .085;
    -webkit-mask-image: linear-gradient(110deg, rgba(0, 0, 0, .38) 0%, #000 84%);
    mask-image: linear-gradient(110deg, rgba(0, 0, 0, .38) 0%, #000 84%);
}

.steelGrade__chemistryStage {
    position: relative;
}

.steelGrade__chemistry {
    display: grid;
    grid-template-columns: repeat(var(--steel-grade-chemistry-columns), minmax(76px, 1fr));
    gap: 8px;
}

.steelGrade__componentChemistryLead {
    max-width: 760px;
    margin: -4px 0 16px;
    color: #59616a;
    font-size: 12px;
    line-height: 1.55;
}

.steelGrade__componentChemistry {
    display: grid;
    gap: 14px;
}

.steelGrade__componentChemistryRow {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(123, 78, 159, .2);
    border-radius: 12px;
    background: rgba(255, 255, 255, .84);
}

.steelGrade__componentChemistryRow > header {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 11px;
}

.steelGrade__componentChemistryRow > header > span {
    color: var(--steel-grade-muted);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .045em;
    line-height: 1.3;
    text-transform: uppercase;
}

.steelGrade__componentChemistryRow > header > strong,
.steelGrade__componentChemistryRow > header > a {
    color: var(--steel-grade-ink);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
}

.steelGrade__componentChemistryRow > header > a {
    text-decoration-color: rgba(123, 78, 159, .35);
    text-underline-offset: 3px;
}

.steelGrade__componentChemistryRow > header > a:hover,
.steelGrade__componentChemistryRow > header > a:focus-visible {
    color: #6f3e94;
    text-decoration-color: currentColor;
    outline: none;
}

.steelGrade__componentChemistryViewport {
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.steelGrade__componentChemistryGrid {
    display: grid;
    min-width: 100%;
    grid-template-columns: repeat(var(--steel-grade-component-columns), minmax(112px, 1fr));
    gap: 8px;
}

.steelGrade__componentChemistryGrid .steelChemical,
.steelGrade__chemicalMissing {
    min-height: 116px;
}

.steelGrade__chemicalMissing {
    display: grid;
    min-width: 0;
    grid-template-rows: auto minmax(46px, 1fr) auto;
    align-items: center;
    padding: 11px 12px 10px;
    border: 1px dashed #cfd5d9;
    border-radius: 10px;
    background: rgba(245, 247, 248, .72);
    color: #8a9299;
}

.steelGrade__chemicalMissingIdentity {
    display: inline-flex;
    align-items: baseline;
    justify-self: start;
    gap: 5px;
}

.steelGrade__chemicalMissingIdentity small {
    font-size: 9px;
    font-weight: 650;
    line-height: 1;
}

.steelGrade__chemicalMissingIdentity strong {
    font-size: 23px;
    font-weight: 780;
    letter-spacing: -.035em;
    line-height: 1;
}

.steelGrade__chemicalMissing > b {
    justify-self: center;
    font-size: 26px;
    line-height: 1;
}

.steelGrade__chemicalMissing > span:last-child {
    justify-self: center;
    overflow: hidden;
    font-size: 9px;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.steelGrade__chemistryInfo {
    position: relative;
    margin-top: 10px;
    padding: 18px 54px 18px 20px;
    border: 1px solid #e1d1b4;
    border-radius: 10px;
    background: #fbf7ef;
}

.steelGrade__chemistryInfo[hidden] {
    display: none;
}

.steelGrade__chemistryInfo > strong {
    display: block;
    font-size: 15px;
    line-height: 1.35;
}

.steelGrade__chemistryInfo > span {
    display: block;
    margin-top: 4px;
    color: var(--steel-grade-muted);
    font-size: 11px;
    line-height: 1.4;
}

.steelGrade__chemistryInfo p {
    margin: 10px 0 0;
    color: #4e565d;
    font-size: 13px;
    line-height: 1.6;
}

.steelGrade__chemistryClose {
    position: absolute;
    top: 7px;
    right: 7px;
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #6d757c;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.steelGrade__chemistryClose:hover,
.steelGrade__chemistryClose:focus-visible {
    background: rgba(0, 0, 0, 0.055);
    color: var(--steel-grade-ink);
    outline: none;
}

.steelGrade__note {
    margin-top: 14px;
    padding: 13px 15px;
    border-left: 3px solid #cfd5d9;
    background: var(--steel-grade-soft);
}

.steelGrade__chemicalAnalogs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--steel-grade-line);
}

.steelGrade__chemicalAnalogsIntro {
    max-width: 460px;
}

.steelGrade__chemicalAnalogsIntro strong,
.steelGrade__chemicalAnalogsIntro span {
    display: block;
}

.steelGrade__chemicalAnalogsIntro strong {
    font-size: 14px;
    line-height: 1.4;
}

.steelGrade__chemicalAnalogsIntro span {
    margin-top: 4px;
    color: var(--steel-grade-muted);
    font-size: 11px;
    line-height: 1.45;
}

.steelGrade__sectionIcon--tests {
    color: #7e8b84;
    opacity: .05;
    -webkit-mask-image: linear-gradient(115deg, rgba(0, 0, 0, .32) 0%, #000 88%);
    mask-image: linear-gradient(115deg, rgba(0, 0, 0, .32) 0%, #000 88%);
}

.steelGrade__chemicalRelationGroup {
    display: grid;
    gap: 6px;
}

.steelGrade__chemicalRelationGroup > strong {
    color: var(--steel-grade-muted);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .045em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__chemicalAnalogs ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.steelGrade__chemicalAnalogs li a,
.steelGrade__chemicalAnalogs li > span,
.steelGrade__chemicalAnalogs li button {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 6px 11px;
    border: 1px solid var(--steel-grade-line);
    border-radius: 999px;
    background: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.steelGrade__chemicalAnalogs li button {
    color: inherit;
    font: inherit;
    cursor: pointer;
    appearance: none;
}

.steelGrade__chemicalAnalogs li a {
    text-decoration: none;
}

.steelGrade__chemicalAnalogs li a:hover,
.steelGrade__chemicalAnalogs li a:focus-visible,
.steelGrade__chemicalAnalogs li button:hover,
.steelGrade__chemicalAnalogs li button:focus-visible,
.steelGrade__chemicalAnalogs li button[aria-expanded="true"] {
    border-color: var(--steel-grade-accent);
    color: var(--steel-grade-accent-dark);
    outline: none;
}

.steelGrade__chemicalAnalogs li > span {
    color: var(--steel-grade-muted);
}

.steelGrade__analogPanels {
    flex: 0 0 100%;
    width: 100%;
}

.steelGrade__analogPanel {
    padding: 18px;
    border: 1px solid #e1d1b4;
    border-radius: 10px;
    background: #fbf7ef;
}

.steelGrade__analogPanel[hidden] {
    display: none;
}

.steelGrade__analogPanel > header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.steelGrade__analogPanel > header strong {
    font-size: 14px;
    line-height: 1.4;
}

.steelGrade__analogPanel > header span,
.steelGrade__analogPanel > p {
    color: var(--steel-grade-muted);
    font-size: 11px;
    line-height: 1.45;
}

.steelGrade__analogPanel > p {
    margin: 0;
}

.steelGrade__analogTable {
    overflow-x: auto;
    border: 1px solid #e4dccd;
    border-radius: 8px;
    background: #fff;
}

.steelGrade__analogRow {
    display: grid;
    min-width: 520px;
    grid-template-columns: minmax(72px, 0.65fr) repeat(2, minmax(120px, 1fr)) minmax(92px, 0.8fr);
    border-top: 1px solid #ece6db;
}

.steelGrade__analogRow:first-child {
    border-top: 0;
}

.steelGrade__analogRow > * {
    min-width: 0;
    padding: 9px 11px;
    overflow-wrap: anywhere;
    border-left: 1px solid #ece6db;
    font-size: 11px;
    font-style: normal;
    line-height: 1.35;
}

.steelGrade__analogRow > *:first-child {
    border-left: 0;
}

.steelGrade__analogRow--head {
    background: #f4f1eb;
    color: #6f685d;
    font-weight: 700;
}

.steelGrade__analogRow > strong {
    font-size: 13px;
}

.steelGrade__analogDelta--higher {
    color: #a75223;
}

.steelGrade__analogDelta--lower {
    color: #267042;
}

.steelGrade__analogDelta--equal,
.steelGrade__analogDelta--unknown {
    color: var(--steel-grade-muted);
}

.steelGrade__detailGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.steelGrade__technicalList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--steel-grade-line);
    border-radius: 10px;
    background: var(--steel-grade-line);
}

.steelGrade__technicalList > div {
    padding: 13px 15px;
    background: #fff;
}

.steelGrade__technicalList dd {
    font-size: 13px;
}

.steelGrade__workshop .steelGrade__technicalList {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.steelGrade__workshopNote {
    position: relative;
    z-index: 1;
    margin-top: 16px;
    padding: 14px 16px;
    border: 1px solid rgba(104, 164, 197, .32);
    border-radius: 9px;
    background: rgba(245, 250, 253, .9);
}

.steelGrade__workshopNote strong {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 800;
}

.steelGrade__workshopNote p {
    margin: 0;
    color: #4e5b65;
    font-size: 13px;
    line-height: 1.55;
}

.steelGrade__warning {
    margin-top: 16px !important;
    padding: 13px 15px;
    border-radius: 9px;
    background: #fff7e7;
    color: #665330 !important;
}

.steelGrade__use {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #e7eaec;
}

.steelGrade__use > strong,
.steelGrade__sourceGrid h4 {
    display: block;
    margin: 0;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
}

.steelGrade__use .steelGrade__applications {
    margin-top: 10px;
}

.steelGrade__facts {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--steel-grade-line);
    border-radius: 10px;
    background: var(--steel-grade-line);
}

.steelGrade__facts > div {
    padding: 14px 15px;
    background: #fff;
}

.steelGrade__methodology {
    margin-top: 16px;
    padding: 13px 15px;
    border-radius: 9px;
    background: var(--steel-grade-soft);
    font-size: 12px;
}

.steelGrade__sourceGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
}

.steelGrade__sourceGroup {
    min-width: 0;
    padding: 18px;
    border: 1px solid #e2e6e9;
    border-radius: 12px;
    background: #f8fafb;
}

.steelGrade__sourceGroup--documents {
    background: #fbfaf9;
}

.steelGrade__sourceGroup:only-child {
    grid-column: 1 / -1;
}

.steelGrade__sourceGroupHeader {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    margin-bottom: 15px;
}

.steelGrade__sourceGroupIcon {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eef3f6;
    color: #587383;
}

.steelGrade__sourceGroup--documents .steelGrade__sourceGroupIcon {
    background: #fff0ed;
    color: #b94d45;
}

.steelGrade__sourceGroupIcon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.55;
}

.steelGrade__sourceGroupHeading {
    min-width: 0;
}

.steelGrade__sourceGrid .steelGrade__sourceGroupHeading h4 {
    margin: 0 0 2px;
    font-size: 14px;
}

.steelGrade__sourceGroupHeading > span {
    display: block;
    overflow: hidden;
    color: var(--steel-grade-muted);
    font-size: 10px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.steelGrade__sourceGroupCount {
    display: inline-flex;
    min-width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border: 1px solid #dfe4e7;
    border-radius: 999px;
    background: #fff;
    color: #65717a;
    font-size: 10px;
    font-weight: 800;
}

.steelGrade__linkList {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.steelGrade__linkList--sources {
    counter-reset: steel-grade-source;
}

.steelGrade__linkList--sources li {
    position: relative;
    padding-left: 32px;
    counter-increment: steel-grade-source;
}

.steelGrade__linkList--sources li::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef1f2;
    color: #68717a;
    content: counter(steel-grade-source);
    font-size: 10px;
    font-weight: 700;
    transform: translateY(-50%);
}

.steelGrade__linkList a {
    display: grid;
    min-width: 0;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
    border: 1px solid var(--steel-grade-line);
    border-radius: 9px;
    background: #fff;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.steelGrade__linkList--documents a {
    grid-template-columns: 42px minmax(0, 1fr) auto;
}

.steelGrade__linkList--sources a {
    grid-template-columns: minmax(0, 1fr) 25px;
}

.steelGrade__linkList a:hover,
.steelGrade__linkList a:focus-visible {
    border-color: #bcc5cb;
    box-shadow: 0 7px 18px rgba(40, 45, 51, .07);
    outline: none;
    transform: translateY(-1px);
}

.steelGrade__fileBadge {
    position: relative;
    display: inline-flex;
    width: 38px;
    height: 42px;
    align-items: center;
    justify-content: center;
    color: #c44941;
}

.steelGrade__fileBadge > svg {
    width: 31px;
    height: 36px;
    fill: #fff7f5;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 1.4;
}

.steelGrade__fileBadge > span {
    position: absolute;
    bottom: 7px;
    left: 5px;
    display: block;
    padding: 1px 3px;
    border-radius: 2px;
    background: #c44941;
    color: #fff;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.25;
}

.steelGrade__linkCopy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.steelGrade__linkCopy strong {
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.4;
}

.steelGrade__linkCopy > span {
    color: var(--steel-grade-muted);
    font-size: 11px;
    line-height: 1.35;
}

.steelGrade__linkAction {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #59656e;
    font-size: 11px;
    font-weight: 700;
}

.steelGrade__linkAction svg,
.steelGrade__externalIcon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5;
}

.steelGrade__externalIcon {
    display: inline-flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #f0f3f5;
    color: #65747e;
}

.steelGradeCatalogEmpty {
    display: grid;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.8fr);
    overflow: hidden;
    margin: 24px 0 38px;
    border: 1px solid var(--steel-grade-line);
    border-radius: 14px;
    background: #fff;
}

.steelGradeCatalogEmpty__status,
.steelGradeCatalogEmpty__alternatives {
    min-width: 0;
    padding: 28px 30px;
}

.steelGradeCatalogEmpty__status {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--steel-grade-line);
    background: #fff;
}

.steelGradeCatalogEmpty__category {
    display: block;
    color: #2a72d8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGradeCatalogEmpty h2 {
    margin: 0;
    color: var(--steel-grade-ink);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.18;
}

.steelGradeCatalogEmpty__status > p {
    margin: 13px 0 0;
    color: var(--steel-grade-muted);
    font-size: 13px;
    line-height: 1.55;
}

.steelGradeCatalogEmpty__actions {
    display: grid;
    gap: 12px;
    margin-top: auto;
    padding-top: 25px;
}

.steelGradeCatalogEmpty__notify {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    max-width: 215px;
    padding: 10px 14px 10px 16px;
    border-radius: 7px;
    background: #eb9913;
    color: #171b1f !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
    transition: background-color .18s ease, transform .18s ease;
}

.steelGradeCatalogEmpty__notify span:last-child {
    font-size: 18px;
    line-height: 1;
}

.steelGradeCatalogEmpty__notify:hover,
.steelGradeCatalogEmpty__notify:focus-visible {
    background: #ffae28;
    outline: none;
    transform: translateY(-1px);
}

.steelGradeCatalogEmpty__compare {
    width: fit-content;
    border-bottom: 1px dashed #c98517;
    color: #394047 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    text-decoration: none;
}

.steelGradeCatalogEmpty__compare:hover,
.steelGradeCatalogEmpty__compare:focus-visible {
    border-bottom-style: solid;
    color: var(--steel-grade-accent-dark) !important;
    outline: none;
}

.steelGradeCatalogEmpty__header {
    margin-bottom: 22px;
}

.steelGradeCatalogEmpty__header h2 {
    font-size: 21px;
}

.steelGradeCatalogEmpty__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.steelGradeCatalogEmpty__option {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 3px 24px 0;
}

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

.steelGradeCatalogEmpty__option:last-child {
    padding-right: 0;
}

.steelGradeCatalogEmpty__option + .steelGradeCatalogEmpty__option {
    border-left: 1px solid var(--steel-grade-line);
}

.steelGradeCatalogEmpty__category {
    margin-top: 8px;
}

.steelGradeCatalogEmpty__grade {
    display: block;
    margin-top: 0;
    color: var(--steel-grade-ink) !important;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.25;
    text-decoration: none;
}

a.steelGradeCatalogEmpty__grade:hover,
a.steelGradeCatalogEmpty__grade:focus-visible {
    color: var(--steel-grade-accent-dark) !important;
    outline: none;
}

.steelGradeCatalogEmpty__option > p {
    min-height: 38px;
    margin: 7px 0 0;
    color: var(--steel-grade-muted);
    font-size: 12px;
    line-height: 1.5;
}

.steelGradeCatalogEmpty__stock {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 11px;
    margin-top: 17px;
    color: var(--steel-grade-muted);
    font-size: 11px;
    line-height: 1.35;
}

.steelGradeCatalogEmpty__stockLabel {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #3f7447;
    font-weight: 700;
}

.steelGradeCatalogEmpty__stockLabel i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #34a340;
    box-shadow: 0 0 0 3px rgba(52, 163, 64, .10);
}

.steelGradeCatalogEmpty__optionFooter {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

.steelGradeCatalogEmpty__optionFooter strong {
    color: var(--steel-grade-ink);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
}

.steelGradeCatalogEmpty__optionFooter > span {
    color: var(--steel-grade-muted);
    font-size: 11px;
}

.steelGradeCatalogEmpty__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0 3px 8px;
    color: #333a40 !important;
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
    transition: border-color .18s ease, color .18s ease, transform .18s ease;
}

.steelGradeCatalogEmpty__arrow:hover,
.steelGradeCatalogEmpty__arrow:focus-visible {
    color: var(--steel-grade-accent-dark) !important;
    outline: none;
    transform: translateX(2px);
}

.steelGradeCatalogEmpty__note {
    margin: 24px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--steel-grade-line);
    color: #858d94;
    font-size: 11px;
    line-height: 1.5;
}

.steelGradeCatalogEmpty__fallback {
    padding: 22px;
    border: 1px solid var(--steel-grade-line);
    border-radius: 9px;
    background: #f7f8f8;
}

.steelGradeCatalogEmpty__fallback p {
    margin: 0;
    color: var(--steel-grade-muted);
    font-size: 13px;
    line-height: 1.55;
}

.steelGradeCatalogEmpty__fallback a {
    display: inline-block;
    margin-top: 12px;
    color: var(--steel-grade-accent-dark) !important;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 1180px) {
    .steelGrade__hero {
        grid-template-columns: 1fr;
    }

    .steelGrade__meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .steelGrade__facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .steelGradeCatalogEmpty {
        grid-template-columns: minmax(230px, .62fr) minmax(0, 1.7fr);
    }

    .steelGradeCatalogEmpty__status,
    .steelGradeCatalogEmpty__alternatives {
        padding: 24px;
    }

    .steelGradeCatalogEmpty__option {
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media (max-width: 820px) {
    .steelGrade__heroGrid {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .steelGrade__snapshot {
        display: grid;
        grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.3fr);
        grid-template-rows: auto 1fr;
        align-items: start;
        gap: 16px 24px;
    }

    .steelGrade__snapshotEyebrow {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 0;
    }

    .steelGrade__snapshotCount,
    .steelGrade__snapshotEmpty {
        grid-column: 1;
        grid-row: 2;
    }

    .steelGrade__snapshotFacts {
        grid-column: 2;
        grid-row: 1 / span 2;
        margin-top: 0;
    }

    .steelGrade__snapshotHint {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
        margin-top: 0;
    }

    .steelGrade__snapshotAction {
        grid-column: 1 / -1;
        grid-row: 3;
        margin-top: 2px;
    }

    .steelGrade__chemistry {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .steelGrade__detailGrid,
    .steelGrade__sourceGrid {
        grid-template-columns: 1fr;
    }

    .steelGrade__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .steelGradeCatalogEmpty {
        grid-template-columns: minmax(0, 1fr);
    }

    .steelGradeCatalogEmpty__status {
        border-right: 0;
        border-bottom: 1px solid var(--steel-grade-line);
    }

    .steelGradeCatalogEmpty__actions {
        grid-template-columns: minmax(190px, .65fr) minmax(0, 1fr);
        align-items: center;
        margin-top: 0;
    }
}

@media (max-width: 620px) {
    .steelGrade--summary {
        margin: 14px 0 22px;
    }

    .steelGrade__hero {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .steelGrade__profileVisual {
        padding: 8px 0;
    }

    .steelGrade__intro {
        padding: 20px 17px;
    }

    .steelGrade__heroGrid {
        gap: 18px;
    }

    .steelGrade__snapshot {
        display: block;
        padding: 18px;
    }

    .steelGrade__snapshotCount {
        font-size: 27px;
    }

    .steelGrade__snapshotFacts {
        margin-top: 18px;
    }

    .steelGrade__snapshotAction {
        margin-top: 16px;
    }

    .steelGrade__passportFacts {
        grid-template-columns: minmax(0, 1fr);
        gap: 13px;
        margin-top: 22px;
        padding-top: 17px;
    }

    .steelGrade__passportFacts > div,
    .steelGrade__passportFacts > div:first-child {
        padding: 0;
    }

    .steelGrade__passportFacts > div + div {
        padding-top: 13px;
        border-top: 1px solid var(--steel-grade-line);
        border-left: 0;
    }

    .steelGrade__brandLockup {
        min-height: 54px;
        gap: 14px;
        margin-bottom: 17px;
    }

    .steelGrade__brandLogo {
        max-width: 145px;
        min-height: 38px;
        flex-basis: 145px;
    }

    .steelGrade__brandLogo img {
        max-height: 50px;
    }

    .steelGrade__brandLogo--text {
        font-size: 17px;
    }

    .steelGrade__gradeMark {
        min-height: 44px;
        padding-left: 14px;
        font-size: 30px;
    }

    .steelGrade__lead {
        font-size: 15px;
        line-height: 1.55;
    }

    .steelGrade__meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .steelGrade--details {
        margin-top: 32px;
        padding-bottom: 84px;
    }

    .steelGrade__detailsBody {
        gap: 10px;
    }

    .steelGrade__description {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 18px 12px;
        border: 0;
        border-radius: 0;
    }

    .steelGrade__storyGrid .steelGrade__description.is-carousel-ready {
        height: 560px;
        height: min(560px, calc(100svh - 32px));
        padding: 18px 16px;
        border: 1px solid var(--steel-grade-line);
        border-radius: 12px;
    }

    .steelGrade__descriptionControls {
        gap: 10px;
        margin-top: 12px;
        padding-top: 10px;
    }

    .steelGrade__descriptionHeader {
        margin-bottom: 16px;
    }

    .steelGrade__descriptionHeader h2 {
        font-size: 20px;
    }

    .steelGrade__block {
        padding: 20px 12px;
        border-radius: 9px;
    }

    .steelGrade__blockHeader {
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .steelGrade__blockHeaderAside {
        align-items: flex-start;
        gap: 8px;
    }

    .steelGrade__blockHeaderAside > span {
        max-width: 90px;
        text-align: right;
    }

    .steelGrade__sectionIcon,
    .steelGrade__sectionIcon--chemistry,
    .steelGrade__sectionIcon--tests,
    .steelGrade__sectionIcon--heat,
    .steelGrade__sectionIcon--workshop {
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: .065;
        transform: none;
    }

    .steelGrade__sectionIcon--tests {
        opacity: .05;
    }

    .steelGrade__blockHeader h3 {
        font-size: 20px;
    }

    .steelGrade__chemistry {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .steelGrade__componentChemistry {
        gap: 10px;
    }

    .steelGrade__componentChemistryRow {
        padding: 12px;
    }

    .steelGrade__componentChemistryGrid {
        grid-template-columns: repeat(var(--steel-grade-component-columns), minmax(108px, 1fr));
        gap: 6px;
        scroll-snap-type: x proximity;
    }

    .steelGrade__componentChemistryGrid > * {
        scroll-snap-align: start;
    }

    .steelGrade__chemistryInfo {
        margin: 8px 0 2px;
        padding: 17px 50px 17px 15px;
    }

    .steelGrade__chemicalAnalogs {
        flex-direction: column;
        gap: 12px;
    }

    .steelGrade__chemicalAnalogs ul {
        justify-content: flex-start;
    }

    .steelGrade__chemicalRelationGroup {
        width: 100%;
    }

    .steelGrade__analogPanel {
        padding: 14px 10px 10px;
    }

    .steelGrade__analogPanel > header {
        display: block;
    }

    .steelGrade__analogPanel > header span {
        display: block;
        margin-top: 4px;
    }

    .steelGrade__technicalList,
    .steelGrade__workshop .steelGrade__technicalList,
    .steelGrade__facts {
        grid-template-columns: 1fr;
    }

    .steelGrade__sourceGroup {
        padding: 14px;
    }

    .steelGrade__sourceGroupHeader {
        grid-template-columns: 36px minmax(0, 1fr) auto;
        gap: 9px;
    }

    .steelGrade__sourceGroupIcon {
        width: 36px;
        height: 36px;
    }

    .steelGrade__linkList--documents a {
        grid-template-columns: 38px minmax(0, 1fr) 20px;
        gap: 10px;
        padding: 11px;
    }

    .steelGrade__linkAction > span {
        display: none;
    }

    .steelGrade__linkList--sources li {
        padding-left: 29px;
    }

    .steelGradeCatalogEmpty {
        margin: 18px 0 30px;
        border-radius: 10px;
    }

    .steelGradeCatalogEmpty__status,
    .steelGradeCatalogEmpty__alternatives {
        padding: 20px 17px;
    }

    .steelGradeCatalogEmpty h2 {
        font-size: 21px;
    }

    .steelGradeCatalogEmpty__actions {
        grid-template-columns: minmax(0, 1fr);
        gap: 11px;
        padding-top: 20px;
    }

    .steelGradeCatalogEmpty__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .steelGradeCatalogEmpty__option,
    .steelGradeCatalogEmpty__option:first-child,
    .steelGradeCatalogEmpty__option:last-child {
        padding: 17px 0;
    }

    .steelGradeCatalogEmpty__option:first-child {
        padding-top: 0;
    }

    .steelGradeCatalogEmpty__option + .steelGradeCatalogEmpty__option {
        border-top: 1px solid var(--steel-grade-line);
        border-left: 0;
    }

    .steelGradeCatalogEmpty__category,
    .steelGradeCatalogEmpty__option > p {
        min-height: 0;
    }

    .steelGradeCatalogEmpty__stock {
        margin-top: 13px;
    }

    .steelGradeCatalogEmpty__note {
        margin-top: 10px;
    }

}

.steelGrade__testIntroduction {
    max-width: 880px;
    margin: -4px 0 20px;
    color: #4e5c54;
    font-size: 14px;
    line-height: 1.65;
}

.steelGrade__testSeriesList,
.steelGrade__testCards {
    display: grid;
    gap: 14px;
}

.steelGrade__testSeries {
    overflow: hidden;
    border: 1px solid #d5ddd9;
    border-radius: 11px;
    background: rgba(252, 253, 252, .98);
}

.steelGrade__testSeriesHeader {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid #dce2df;
    background: #f4f6f5;
}

.steelGrade__testSeriesHeader > div {
    min-width: 0;
}

.steelGrade__testSeriesHeader strong {
    display: block;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.4;
}

.steelGrade__testSeriesHeader > span {
    flex: 0 0 auto;
    color: #5d6a62;
    font-size: 12px;
    line-height: 1.4;
}

.steelGrade__testMethod {
    display: block;
    margin-bottom: 4px;
    color: #657169;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .075em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__testCards {
    padding: 14px;
}

.steelGrade__testCard {
    overflow: hidden;
    border: 1px solid #d9e0dc;
    border-radius: 9px;
    background: #fff;
}

.steelGrade__testResult {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    padding: 18px;
}

.steelGrade__testResult > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.steelGrade__testResult span {
    color: var(--steel-grade-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .055em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__testResult strong {
    color: #1f5e3c;
    font-size: 26px;
    font-variant-numeric: tabular-nums;
    font-weight: 820;
    letter-spacing: -.035em;
    line-height: 1.1;
}

.steelGrade__testHardness {
    align-items: flex-end;
    padding-left: 20px;
    border-left: 1px solid #e3e8e5;
    text-align: right;
}

.steelGrade__testHardness strong {
    color: var(--steel-grade-ink);
    font-size: 20px;
}

.steelGrade__testBadges {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 0 18px 16px;
}

.steelGrade__testBadges span {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    padding: 4px 8px;
    border: 1px solid #d4ded8;
    border-radius: 999px;
    background: #f5f8f6;
    color: #526158;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
}

.steelGrade__testBadges .is-partial {
    border-color: #ead7ac;
    background: #fff8e8;
    color: #80642b;
}

.steelGrade__testBadges .is-complete {
    border-color: #bcdac8;
    background: #edf8f1;
    color: #276943;
}

.steelGrade__testDetails {
    border-top: 1px solid #d8dfdb;
}

.steelGrade__testDetails summary {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 18px;
    color: #38443d;
    cursor: pointer;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.4;
    list-style: none;
}

.steelGrade__testDetails summary::-webkit-details-marker {
    display: none;
}

.steelGrade__testDetails summary:focus-visible {
    outline: 2px solid var(--steel-grade-accent);
    outline-offset: -3px;
}

.steelGrade__testDetailsLabel {
    min-width: 0;
    flex: 0 1 auto;
    text-align: center;
}

.steelGrade__testDetailsMarker {
    display: inline-flex;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    animation: steelGradeTestDetailsMarker 1.25s ease-in-out infinite;
}

.steelGrade__testDetailsMarker img {
    width: 22px;
    height: 22px;
    transform: rotate(90deg);
    transition: transform .2s ease;
}

.steelGrade__testDetails[open] .steelGrade__testDetailsMarker {
    animation: none;
}

.steelGrade__testDetails[open] .steelGrade__testDetailsMarker img {
    transform: rotate(-90deg);
}

@keyframes steelGradeTestDetailsMarker {
    0%,
    100% {
        transform: translateY(-2px);
    }

    50% {
        transform: translateY(3px);
    }
}

.steelGrade__testFacts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin: 0 18px 16px;
    overflow: hidden;
    border: 1px solid #e1e7e3;
    border-radius: 8px;
    background: #e1e7e3;
}

.steelGrade__testFacts > div {
    min-width: 0;
    padding: 11px 12px;
    background: #fff;
}

.steelGrade__testFacts dt {
    margin: 0 0 4px;
    color: var(--steel-grade-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .045em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__testFacts dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: #39433d;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
}

.steelGrade__testSource {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 18px 18px;
    color: #276943;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
    text-decoration: underline;
    text-decoration-color: rgba(39, 105, 67, .35);
    text-underline-offset: 3px;
}

.steelGrade__testSource::after {
    content: '↗';
}

.steelGrade__testSource span {
    margin-left: auto;
    color: var(--steel-grade-muted);
    font-size: 10px;
    font-weight: 600;
}

.steelGrade__testSource:hover,
.steelGrade__testSource:focus-visible {
    color: #17482d;
    outline: none;
    text-decoration-color: currentColor;
}

.steelGrade__testWarning {
    margin: 16px 0 0;
    padding: 13px 15px;
    border-left: 3px solid #c38a22;
    border-radius: 0 8px 8px 0;
    background: rgba(255, 248, 232, .94);
    color: #67542f;
    font-size: 12px;
    line-height: 1.55;
}

/* CATRA evidence card: desktop report with compact responsive disclosure. */
.steelGrade__testIntroduction {
    max-width: 980px;
    margin: 0;
    color: #4d5952;
    font-size: 14px;
    line-height: 1.65;
}

.steelGrade__testIntroductionRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: -2px 0 24px;
}

.steelGrade__testRatingLink {
    display: inline-flex;
    min-height: 42px;
    flex: 0 0 auto;
    align-items: center;
    gap: 9px;
    padding: 9px 14px;
    border: 1px solid #bad0c2;
    border-radius: 7px;
    background: #f5f9f6;
    color: #17613a;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.35;
    text-decoration: none;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}

.steelGrade__testRatingLink img {
    width: 17px;
    height: 17px;
    transform: none;
}

.steelGrade__testRatingLink:hover,
.steelGrade__testRatingLink:focus-visible {
    border-color: #77a88a;
    background: #eaf4ed;
    color: #0d4b2b;
    outline: none;
}

.steelGrade__testSeriesList,
.steelGrade__testCards {
    gap: 16px;
}

.steelGrade__testSeries {
    border-color: #d5ddd9;
    border-radius: 12px;
    background: rgba(252, 253, 252, .98);
}

.steelGrade__testSeriesHeader {
    align-items: center;
    padding: 18px 22px;
    border-bottom-color: #dce2df;
    background: #f4f6f5;
}

.steelGrade__testSeriesHeader strong {
    font-size: 14px;
    font-weight: 760;
    line-height: 1.45;
}

.steelGrade__testSeriesHeader > span {
    color: #4e5a53;
    font-size: 12px;
}

.steelGrade__testMethod {
    margin-bottom: 5px;
    color: #657169;
    font-size: 9px;
    letter-spacing: .085em;
}

.steelGrade__testCards {
    padding: 14px;
}

.steelGrade__testCard {
    border-color: #d9e0dc;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(42, 51, 46, .04);
}

.steelGrade__testSummary {
    display: grid;
    grid-template-columns: minmax(320px, .75fr) minmax(510px, 1.25fr);
    align-items: center;
    gap: 28px;
    padding: 22px 24px;
}

.steelGrade__testMetrics {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(130px, .85fr);
    align-items: stretch;
    gap: 20px;
}

.steelGrade__testMetric {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.steelGrade__testMetric > span {
    color: var(--steel-grade-muted);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .065em;
    line-height: 1.35;
    text-transform: uppercase;
}

.steelGrade__testMetric > strong {
    color: #1d673f;
    font-size: clamp(24px, 2vw, 30px);
    font-variant-numeric: tabular-nums;
    font-weight: 820;
    letter-spacing: -.04em;
    line-height: 1.08;
}

.steelGrade__testHardness {
    align-items: flex-start;
    justify-content: center;
    padding-left: 22px;
    border-left-color: #e0e6e2;
    text-align: left;
}

.steelGrade__testHardness > strong {
    color: #17251d;
    font-size: clamp(21px, 1.55vw, 25px);
}

.steelGrade__testStatuses {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.steelGrade__testStatuses li {
    display: grid;
    min-width: 0;
    min-height: 48px;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 4px 18px;
    border-left: 1px solid #e1e7e3;
    color: #4c5851;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.45;
}

.steelGrade__testStatuses img {
    width: 23px;
    height: 23px;
}

.steelGrade__testStatuses .is-partial {
    color: #745b29;
}

.steelGrade__testStatuses .is-complete {
    color: #285f42;
}

.steelGrade__testDisclosure {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    margin: 0 14px 14px;
    padding: 14px 16px;
    border: 1px solid #e8d3a9;
    border-left: 3px solid #c67f0b;
    border-radius: 7px;
    background: #fff8e9;
}

.steelGrade__testDisclosure > img {
    width: 26px;
    height: 26px;
}

.steelGrade__testDisclosure strong {
    color: #594117;
    font-size: 12px;
    font-weight: 780;
}

.steelGrade__testDisclosure p {
    margin: 4px 0 7px;
    color: #66583f;
    font-size: 11px;
    line-height: 1.55;
}

.steelGrade__testDisclosure a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #21683f;
    font-size: 11px;
    font-weight: 720;
    text-decoration: underline;
    text-decoration-color: rgba(33, 104, 63, .35);
}

.steelGrade__testDisclosure a img {
    width: 13px;
    height: 13px;
}

.steelGrade__testDetails {
    border-top-color: #d8dfdb;
}

.steelGrade__testDetails summary {
    min-height: 54px;
    padding: 13px 18px;
    background: #eef1ef;
    box-shadow:
        inset 0 1px 0 rgba(51, 65, 56, .12),
        inset 0 -1px 0 rgba(51, 65, 56, .12);
    color: #26342c;
    font-size: 14px;
    font-weight: 760;
    transition: background-color .16s ease, box-shadow .16s ease;
}

.steelGrade__testDetails summary:hover {
    background: #e3e9e5;
    box-shadow:
        inset 0 1px 0 rgba(51, 65, 56, .17),
        inset 0 -1px 0 rgba(51, 65, 56, .17);
}

.steelGrade__testDetails summary:active {
    background: #d8e1db;
}

.steelGrade__testDetails[open] summary {
    background: #f6f8f6;
    box-shadow: inset 0 -1px 0 rgba(51, 65, 56, .13);
}

.steelGrade__testDetailsBody {
    padding: 22px 18px 18px;
}

.steelGrade__testFactColumns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.steelGrade__testFactGroup {
    min-width: 0;
    padding: 0 26px 0 0;
}

.steelGrade__testFactGroup + .steelGrade__testFactGroup {
    padding: 0 0 0 26px;
    border-left: 1px solid #dfe5e1;
}

.steelGrade__testFactGroup > header {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 11px;
    margin-bottom: 10px;
}

.steelGrade__testFactGroup h4,
.steelGrade__testUncertainty h4,
.steelGrade__testSourcePanel h4 {
    margin: 0;
    color: #175f3a;
    font-size: 14px;
    font-weight: 780;
    line-height: 1.35;
}

.steelGrade__testFactIcon {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf6f0;
}

.steelGrade__testFactIcon img {
    width: 22px;
    height: 22px;
}

.steelGrade__testFactList {
    margin: 0;
}

.steelGrade__testFactList > div {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(126px, .72fr) minmax(0, 1.28fr);
    gap: 16px;
    padding: 9px 0;
    border-bottom: 1px dashed #dfe4e1;
}

.steelGrade__testFactList > div:last-child {
    border-bottom: 0;
}

.steelGrade__testFactList dt,
.steelGrade__testFactList dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.steelGrade__testFactList dt {
    color: #727b75;
    font-size: 11px;
    font-weight: 620;
    line-height: 1.5;
}

.steelGrade__testFactList dd {
    color: #2b352f;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.5;
}

.steelGrade__testEvidence {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid #eadfca;
    border-left: 3px solid #d08b13;
    border-radius: 7px;
    background: #fff9ed;
}

.steelGrade__testEvidence.is-source-only {
    grid-template-columns: minmax(0, 1fr);
}

.steelGrade__testUncertainty,
.steelGrade__testSourcePanel {
    display: grid;
    min-width: 0;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 16px 18px;
}

.steelGrade__testSourcePanel {
    border-left: 1px solid #eadfca;
}

.steelGrade__testEvidence.is-source-only .steelGrade__testSourcePanel {
    border-left: 0;
}

.steelGrade__testUncertainty > img,
.steelGrade__testSourcePanel > img {
    width: 27px;
    height: 27px;
}

.steelGrade__testUncertainty h4,
.steelGrade__testSourcePanel h4 {
    color: #263a2e;
    font-size: 12px;
}

.steelGrade__testUncertainty p {
    margin: 5px 0 0;
    color: #5f5647;
    font-size: 11px;
    line-height: 1.55;
}

.steelGrade__testSourceHost,
.steelGrade__testSource {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #435047;
    font-size: 11px;
    line-height: 1.45;
    text-decoration: none;
}

.steelGrade__testSourceHost {
    margin-top: 5px;
}

.steelGrade__testSource {
    margin: 10px 0 0;
    color: #21683f;
    font-weight: 720;
    text-decoration: underline;
    text-decoration-color: rgba(33, 104, 63, .35);
    text-underline-offset: 3px;
}

.steelGrade__testSource::after {
    content: none;
}

.steelGrade__testSourceHost img,
.steelGrade__testSource img {
    width: 12px;
    height: 12px;
    opacity: .72;
}

.steelGrade__testSourceHost:hover,
.steelGrade__testSourceHost:focus-visible,
.steelGrade__testSource:hover,
.steelGrade__testSource:focus-visible {
    color: #17482d;
    outline: none;
    text-decoration-color: currentColor;
}

.steelGrade__testWarning {
    margin-top: 14px;
    padding: 12px 14px;
    border-left-color: #d08b13;
    background: #fff8e9;
    color: #62533a;
    font-size: 11px;
}

@media (max-width: 1180px) {
    .steelGrade__testSummary {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .steelGrade__testStatuses li:first-child {
        border-left: 0;
    }
}

@media (max-width: 820px) {
    .steelGrade__testFactColumns,
    .steelGrade__testEvidence {
        grid-template-columns: minmax(0, 1fr);
    }

    .steelGrade__testFactGroup,
    .steelGrade__testFactGroup + .steelGrade__testFactGroup {
        padding: 0;
        border-left: 0;
    }

    .steelGrade__testFactGroup + .steelGrade__testFactGroup {
        margin-top: 22px;
        padding-top: 20px;
        border-top: 1px solid #dfe5e1;
    }

    .steelGrade__testSourcePanel {
        border-top: 1px solid #eadfca;
        border-left: 0;
    }
}

@media (max-width: 620px) {
    .steelGrade__testIntroductionRow {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 18px;
    }

    .steelGrade__testIntroduction {
        font-size: 13px;
    }

    .steelGrade__testRatingLink {
        justify-content: space-between;
    }

    .steelGrade__testSeriesHeader {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        padding: 15px;
    }

    .steelGrade__testCards {
        padding: 8px;
    }

    .steelGrade__testSummary {
        gap: 16px;
        padding: 17px 15px;
    }

    .steelGrade__testMetrics {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .steelGrade__testHardness {
        padding: 13px 0 0;
        border-top: 1px solid #e0e6e2;
        border-left: 0;
    }

    .steelGrade__testStatuses {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .steelGrade__testStatuses li {
        min-height: 42px;
        padding: 8px 0;
        border-top: 1px solid #e1e7e3;
        border-left: 0;
    }

    .steelGrade__testDetails summary {
        padding: 12px 15px;
    }

    .steelGrade__testDetailsMarker {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    .steelGrade__testDetailsMarker img {
        width: 20px;
        height: 20px;
    }

    .steelGrade__testDetailsBody {
        padding: 18px 14px 14px;
    }

    .steelGrade__testFactList > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 3px;
        padding: 10px 0;
    }

    .steelGrade__testUncertainty,
    .steelGrade__testSourcePanel {
        padding: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .steelGrade__testDetails summary {
        transition: none;
    }

    .steelGrade__testDetailsMarker {
        animation: none;
    }

    .steelGrade__testDetailsMarker img {
        transition: none;
    }
}

@media (max-width: 360px) {
    .steelGrade__brandLockup {
        gap: 10px;
    }

    .steelGrade__brandLogo {
        max-width: 112px;
        flex-basis: 112px;
    }

    .steelGrade__gradeMark {
        padding-left: 10px;
        font-size: 26px;
    }

    .steelGrade__meta {
        grid-template-columns: 1fr;
    }
}

/* End */


/* Start:/local/components/blades/shared/steel-profile.css?178574716510454*/
.steelProfile {
    --steel-profile-text: #24272a;
    --steel-profile-muted: #687078;
    --steel-profile-line: #dde1e3;
    --steel-profile-panel: #f5f6f6;
    --steel-profile-score-1: #c95f63;
    --steel-profile-score-2: #d47a5f;
    --steel-profile-score-3: #d2a146;
    --steel-profile-score-4: #a5aa4d;
    --steel-profile-score-5: #6e9d69;
    --steel-profile-score-6: #3f8962;
    display: grid;
    grid-template-columns: minmax(220px, .92fr) minmax(180px, 1.08fr);
    align-items: center;
    gap: 24px;
    min-width: 0;
    color: var(--steel-profile-text);
}

.steelProfile *,
.steelProfile *::before,
.steelProfile *::after {
    box-sizing: border-box;
}

.steelProfile__visual {
    position: relative;
    width: 100%;
    max-width: 306px;
    aspect-ratio: 1;
    margin: -2px auto;
}

.steelProfile--visualOnly {
    display: block;
    width: 100%;
}

.steelProfile--visualOnly .steelProfile__visual {
    height: 400px;
    max-width: 560px;
    aspect-ratio: auto;
    margin: 0 auto;
}

.steelProfile--visualOnly .steelProfile__svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 334px;
    height: 334px;
    margin: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.steelProfile--visualOnly .steelProfile__visual::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(226, 231, 232, .52) 0, rgba(242, 244, 244, .26) 44%, rgba(255, 255, 255, 0) 70%);
    content: '';
    transform: translate(-50%, -50%);
    z-index: 0;
}

.steelProfile__svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.steelProfile__track {
    fill: #eef1f1;
}

.steelProfile__sector {
    filter: drop-shadow(0 3px 6px rgba(36, 39, 42, .10));
}


.steelProfile__petal {
    filter: drop-shadow(0 5px 9px rgba(36, 39, 42, .10));
}

.steelProfile__segment {
    fill: #e9edef;
    stroke: rgba(255, 255, 255, .92);
    stroke-width: 1;
}

.steelProfile__segment--filled {
    opacity: var(--steel-profile-segment-opacity, 1);
}

.steelProfile__segment--score-1 {
    fill: var(--steel-profile-score-1);
}

.steelProfile__segment--score-2 {
    fill: var(--steel-profile-score-2);
}

.steelProfile__segment--score-3 {
    fill: var(--steel-profile-score-3);
}

.steelProfile__segment--score-4 {
    fill: var(--steel-profile-score-4);
}

.steelProfile__segment--score-5 {
    fill: var(--steel-profile-score-5);
}

.steelProfile__segment--score-6 {
    fill: var(--steel-profile-score-6);
}

.steelProfile__connector {
    stroke: #cfd5d8;
    stroke-linecap: round;
    stroke-width: 2;
}

.steelProfile__connector--score-1 {
    stroke: var(--steel-profile-score-1);
}

.steelProfile__connector--score-2 {
    stroke: var(--steel-profile-score-2);
}

.steelProfile__connector--score-3 {
    stroke: var(--steel-profile-score-3);
}

.steelProfile__connector--score-4 {
    stroke: var(--steel-profile-score-4);
}

.steelProfile__connector--score-5 {
    stroke: var(--steel-profile-score-5);
}

.steelProfile__connector--score-6 {
    stroke: var(--steel-profile-score-6);
}

.steelProfile__sector--score-1 {
    fill: var(--steel-profile-score-1);
}

.steelProfile__sector--score-2 {
    fill: var(--steel-profile-score-2);
}

.steelProfile__sector--score-3 {
    fill: var(--steel-profile-score-3);
}

.steelProfile__sector--score-4 {
    fill: var(--steel-profile-score-4);
}

.steelProfile__sector--score-5 {
    fill: var(--steel-profile-score-5);
}

.steelProfile__sector--score-6 {
    fill: var(--steel-profile-score-6);
}

.steelProfile__hub {
    fill: #fff;
    stroke: #d8dddf;
    stroke-width: 1.25;
}

.steelProfile__hubHalo {
    fill: rgba(255, 255, 255, .72);
    stroke: rgba(211, 218, 221, .68);
    stroke-width: 7;
}

.steelProfile--visualOnly .steelProfile__hub {
    filter: drop-shadow(0 6px 12px rgba(36, 39, 42, .14));
    stroke: #cfd6d9;
    stroke-width: 1.5;
}

.steelProfile__center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    width: 76px;
    gap: 4px;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
    z-index: 3;
}

.steelProfile__center strong {
    overflow: hidden;
    font-size: 15px;
    font-weight: 780;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.steelProfile__center span {
    color: var(--steel-profile-muted);
    font-size: 8px;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.steelProfile--visualOnly .steelProfile__center {
    width: 112px;
}

.steelProfile--visualOnly .steelProfile__center strong {
    font-size: 21px;
    font-weight: 820;
    letter-spacing: -.025em;
}

.steelProfile__label {
    position: absolute;
    display: grid;
    min-width: 86px;
    gap: 3px;
    line-height: 1.15;
    pointer-events: none;
    z-index: 2;
}

.steelProfile__label span {
    color: var(--steel-profile-muted);
    font-size: 10px;
}

.steelProfile__label strong {
    font-size: 11px;
    font-weight: 760;
}

.steelProfile__label--score-1 strong {
    color: var(--steel-profile-score-1);
}

.steelProfile__label--score-2 strong {
    color: var(--steel-profile-score-2);
}

.steelProfile__label--score-3 strong {
    color: var(--steel-profile-score-3);
}

.steelProfile__label--score-4 strong {
    color: var(--steel-profile-score-4);
}

.steelProfile__label--score-5 strong {
    color: var(--steel-profile-score-5);
}

.steelProfile__label--score-6 strong {
    color: var(--steel-profile-score-6);
}

.steelProfile__label--score-1 {
    --steel-profile-label-color: var(--steel-profile-score-1);
}

.steelProfile__label--score-2 {
    --steel-profile-label-color: var(--steel-profile-score-2);
}

.steelProfile__label--score-3 {
    --steel-profile-label-color: var(--steel-profile-score-3);
}

.steelProfile__label--score-4 {
    --steel-profile-label-color: var(--steel-profile-score-4);
}

.steelProfile__label--score-5 {
    --steel-profile-label-color: var(--steel-profile-score-5);
}

.steelProfile__label--score-6 {
    --steel-profile-label-color: var(--steel-profile-score-6);
}

.steelProfile__label--edge_retention {
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.steelProfile__label--toughness {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    text-align: right;
}

.steelProfile__label--corrosion {
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.steelProfile__label--wear_resistance {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.steelProfile--visualOnly .steelProfile__label {
    min-width: 150px;
    gap: 6px;
}

.steelProfile--visualOnly .steelProfile__label::before {
    width: 24px;
    height: 3px;
    border-radius: 999px;
    background: var(--steel-profile-label-color, #cfd5d8);
    content: '';
}

.steelProfile--visualOnly .steelProfile__label span {
    color: #535c64;
    font-size: 13px;
    font-weight: 650;
}

.steelProfile--visualOnly .steelProfile__label strong {
    font-size: 15px;
    font-weight: 800;
}

.steelProfile--visualOnly .steelProfile__label--edge_retention {
    top: 0;
    justify-items: center;
}

.steelProfile--visualOnly .steelProfile__label--toughness {
    right: 0;
    justify-items: end;
}

.steelProfile--visualOnly .steelProfile__label--corrosion {
    bottom: 0;
    min-width: 210px;
    justify-items: center;
}

.steelProfile--visualOnly .steelProfile__label--wear_resistance {
    left: 0;
    justify-items: start;
}

.steelProfile__copy {
    min-width: 0;
    padding-right: 4px;
}

.steelProfile__eyebrow {
    color: #9a6208;
    font-size: 11px;
    font-weight: 760;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.steelProfile__summary {
    margin: 10px 0 0;
    font-size: 16px;
    font-weight: 620;
    line-height: 1.5;
}

.steelProfile__signals {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0 0;
}

.steelProfile__signals > div {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid var(--steel-profile-line);
    border-radius: 999px;
    background: var(--steel-profile-panel);
}

.steelProfile__signals dt,
.steelProfile__signals dd {
    margin: 0;
    font-size: 11px;
    line-height: 1.2;
}

.steelProfile__signals dt {
    color: var(--steel-profile-muted);
}

.steelProfile__signals dd {
    font-weight: 720;
}

.steelProfile__context {
    margin: 16px 0 0;
    color: var(--steel-profile-muted);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .steelProfile {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .steelProfile__visual {
        max-width: 286px;
    }

    .steelProfile--visualOnly .steelProfile__visual {
        width: 100%;
        height: 300px;
        max-width: 390px;
        aspect-ratio: auto;
    }

    .steelProfile--visualOnly .steelProfile__svg {
        width: min(62vw, 212px);
        height: min(62vw, 212px);
    }

    .steelProfile--visualOnly .steelProfile__visual::before {
        width: min(72vw, 248px);
        height: min(72vw, 248px);
    }

    .steelProfile--visualOnly .steelProfile__center {
        width: 76px;
    }

    .steelProfile--visualOnly .steelProfile__center strong {
        font-size: 16px;
    }

    .steelProfile--visualOnly .steelProfile__label {
        min-width: 92px;
        gap: 4px;
    }

    .steelProfile--visualOnly .steelProfile__label::before {
        width: 18px;
        height: 2px;
    }

    .steelProfile--visualOnly .steelProfile__label span {
        font-size: 10px;
    }

    .steelProfile--visualOnly .steelProfile__label strong {
        font-size: 12px;
    }

    .steelProfile--visualOnly .steelProfile__label--corrosion {
        min-width: 178px;
    }

    .steelProfile--visualOnly .steelProfile__label--toughness {
        padding: 6px 0 6px 10px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 22%, #fff 100%);
    }

    .steelProfile--visualOnly .steelProfile__label--wear_resistance {
        padding: 6px 10px 6px 0;
        background: linear-gradient(90deg, #fff 0, #fff 78%, rgba(255, 255, 255, 0));
    }

    .steelProfile__copy {
        padding: 6px 2px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .steelProfile__sector {
        filter: none;
    }
}

/* End */


/* Start:/local/components/blades/shared/steel-chemical-tile.css?17870535465017*/
.steelChemical {
    --steel-chemical-bg: #f3f5f6;
    --steel-chemical-border: #dce1e4;
    --steel-chemical-independent-hatch: rgba(72, 81, 90, .12);
    --steel-chemical-ink: #48515a;
    position: relative;
    display: grid;
    width: 100%;
    min-width: 0;
    min-height: 122px;
    grid-template-rows: auto minmax(50px, 1fr) auto;
    align-items: center;
    padding: 11px 12px 10px;
    overflow: hidden;
    border: 1px solid var(--steel-chemical-border);
    border-radius: 10px;
    background: var(--steel-chemical-bg);
    color: #282d33;
    font: inherit;
    text-align: left;
}
.steelChemical--transition-metal {
    --steel-chemical-bg: #f8ecec;
    --steel-chemical-border: #ebcdcf;
    --steel-chemical-independent-hatch: rgba(149, 65, 74, .13);
    --steel-chemical-ink: #95414a;
}

.steelChemical--metalloid {
    --steel-chemical-bg: #e9f4f2;
    --steel-chemical-border: #c9dfda;
    --steel-chemical-independent-hatch: rgba(49, 115, 109, .13);
    --steel-chemical-ink: #31736d;
}

.steelChemical--nonmetal {
    --steel-chemical-bg: #eef5e8;
    --steel-chemical-border: #d2e1c7;
    --steel-chemical-independent-hatch: rgba(77, 113, 57, .13);
    --steel-chemical-ink: #4d7139;
}

.steelChemical--provenance-independent {
    background-color: var(--steel-chemical-bg);
    background-image: repeating-linear-gradient(
        135deg,
        transparent 0,
        transparent 9px,
        var(--steel-chemical-independent-hatch) 9px,
        var(--steel-chemical-independent-hatch) 11px
    );
}

.steelChemical--provenance-standard {
    box-shadow: inset 0 3px 0 var(--steel-grade-accent, var(--steel-passport-accent, #d78a0b));
}

.steelChemistryLegend {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 14px;
    color: #68717a;
    font-size: 11px;
    line-height: 1.25;
}

.steelChemistryLegend__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.steelChemistryLegend__sample {
    width: 20px;
    height: 10px;
    flex: 0 0 20px;
    border: 1px solid #aeb6bc;
    border-radius: 3px;
    background: #f5f7f7;
}

.steelChemistryLegend__sample--independent {
    background-color: #f5f7f7;
    background-image: repeating-linear-gradient(
        135deg,
        transparent 0,
        transparent 4px,
        rgba(72, 81, 90, .28) 4px,
        rgba(72, 81, 90, .28) 5px
    );
}

.steelChemistryLegend__sample--standard {
    box-shadow: inset 0 3px 0 var(--steel-grade-accent, var(--steel-passport-accent, #d78a0b));
}

button.steelChemical {
    margin: 0;
    appearance: none;
}

.steelChemical--interactive {
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.steelChemical--interactive:hover,
.steelChemical--interactive:focus-visible,
.steelChemical--interactive[aria-expanded="true"] {
    border-color: var(--steel-grade-accent, var(--steel-passport-accent, #d78a0b));
    box-shadow: 0 6px 18px rgba(36, 39, 42, .1);
    outline: none;
    transform: translateY(-1px);
}

.steelChemical--interactive:focus-visible {
    outline: 2px solid var(--steel-grade-accent, var(--steel-passport-accent, #d78a0b));
    outline-offset: 2px;
}

.steelChemical__identity {
    display: inline-flex;
    min-width: 0;
    align-items: baseline;
    justify-self: start;
    gap: 5px;
    color: var(--steel-chemical-ink);
}

.steelChemical__number {
    color: #7b848c;
    font-size: 9px;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    line-height: 1;
}

.steelChemical__symbol {
    font-size: 23px;
    font-weight: 780;
    letter-spacing: -.035em;
    line-height: 1;
}

.steelChemical__value {
    align-self: center;
    justify-self: center;
    color: var(--steel-chemical-ink);
    font-size: 26px;
    font-variant-numeric: tabular-nums;
    font-weight: 820;
    letter-spacing: -.035em;
    line-height: 1;
    text-align: center;
}

.steelChemical__range {
    position: absolute;
    top: calc(50% + 20px);
    left: 50%;
    max-width: calc(100% - 16px);
    overflow: hidden;
    color: var(--steel-chemical-ink);
    font-size: 9px;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    line-height: 1.1;
    opacity: .68;
    text-align: center;
    text-overflow: ellipsis;
    transform: translateX(-50%);
    white-space: nowrap;
}

.steelChemical__name {
    justify-self: center;
    max-width: 100%;
    overflow: hidden;
    color: #68717a;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 620px) {
    .steelChemical {
        min-height: 112px;
        padding: 10px;
    }

    .steelChemical__symbol {
        font-size: 21px;
    }

    .steelChemical__value {
        font-size: 24px;
    }

    .steelChemical__range {
        top: calc(50% + 18px);
        font-size: 8px;
    }

    .steelChemistryLegend {
        gap: 6px 11px;
        font-size: 10px;
    }
}

/* End */


/* Start:/local/components/blades/steel.grade.corrections/templates/.default/style.css?178677758519054*/
.steelCorrections {
    --steel-corrections-border: #d9dee3;
    --steel-corrections-muted: #6d7884;
    --steel-corrections-soft: #f7f9fa;
    --steel-corrections-ink: #20262c;
    --steel-corrections-accent: #f5a000;
    margin: 30px 0 0;
    overflow: hidden;
    border: 1px solid var(--steel-corrections-border);
    border-radius: 14px;
    background: #fff;
    color: var(--steel-corrections-ink);
}

.steelCorrections *,
.steelCorrections *::before,
.steelCorrections *::after {
    box-sizing: border-box;
}

.steelCorrections__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    padding: 28px 30px 20px;
}

.steelCorrections__header h2 {
    margin: 4px 0 8px;
    font-size: 26px;
    line-height: 1.16;
}

.steelCorrections__header p {
    max-width: 760px;
    margin: 0;
    color: var(--steel-corrections-muted);
    line-height: 1.55;
}

.steelCorrections__eyebrow {
    color: #d77c00;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.steelCorrections__primary,
.steelCorrections__empty button,
.steelCorrections__formFooter button {
    padding: 13px 18px;
    border: 0;
    border-radius: 7px;
    background: var(--steel-corrections-accent);
    color: #171b1f;
    cursor: pointer;
    font-weight: 700;
    white-space: nowrap;
}

.steelCorrections__primary:hover,
.steelCorrections__empty button:hover,
.steelCorrections__formFooter button:hover {
    background: #ffad16;
}

.steelCorrections__stats {
    display: flex;
    gap: 22px;
    padding: 0 30px 20px;
    color: #7b858f;
    font-size: 12px;
}

.steelCorrections__stats strong {
    color: var(--steel-corrections-ink);
    font-size: 15px;
}

.steelCorrections__empty {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 30px 30px;
    padding: 24px;
    border: 1px dashed #cbd2d9;
    border-radius: 10px;
    background: #f8fafb;
}

.steelCorrections__emptyMark {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 50%;
    background: var(--steel-corrections-ink);
    color: var(--steel-corrections-accent);
    font-size: 24px;
}

.steelCorrections__empty strong {
    font-size: 16px;
}

.steelCorrections__empty p {
    margin: 5px 0 0;
    color: #737e89;
}

.steelCorrections__empty button {
    margin-left: auto;
}

.steelCorrections__list {
    border-top: 1px solid #e2e6ea;
}

.steelCorrections__item + .steelCorrections__item {
    border-top: 1px solid #e2e6ea;
}

.steelCorrections__itemSummary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 29%);
    width: 100%;
    padding: 0;
    border: 0;
    background: #fff;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.steelCorrections__itemSummary:hover {
    background: #fbfcfd;
}

.steelCorrections__itemSummaryMain {
    display: block;
    min-width: 0;
    padding: 26px 30px 22px;
}

.steelCorrections__itemSummaryRail {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 13px;
    min-width: 0;
    padding: 26px 30px 22px;
    border-left: 1px solid #e2e6ea;
    background: #fbfcfd;
}

.steelCorrections__section {
    color: #6f7b87;
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.steelCorrections__itemSummaryRailLabel {
    color: #6f7b87;
    font-size: 13px;
}

.steelCorrections__status {
    display: inline-flex;
    padding: 6px 11px;
    border-radius: 999px;
    background: #eef1f4;
    color: #56616c;
    font-size: 12px;
    font-weight: 700;
}

.steelCorrections__status--pending {
    background: #fff1d9;
    color: #9b6200;
}

.steelCorrections__status--in-review,
.steelCorrections__status--needs-info {
    background: #e7f1fb;
    color: #28638e;
}

.steelCorrections__status--accepted,
.steelCorrections__status--applied {
    background: #e2f4e8;
    color: #25723d;
}

.steelCorrections__status--rejected,
.steelCorrections__status--duplicate {
    background: #f7e8e8;
    color: #943a3a;
}

.steelCorrections__itemTitle {
    display: block;
    max-width: 900px;
    margin: 13px 0 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.steelCorrections__itemAuthor,
.steelCorrections__itemCounters {
    color: #7d8893;
    font-size: 12px;
}

.steelCorrections__itemCounters {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    line-height: 1.45;
}

.steelCorrections__itemToggleText {
    margin-top: auto;
    border-bottom: 1px dashed #b9c1c8;
    color: #596672;
    font-size: 12px;
}

.steelCorrections__item.is-expanded .steelCorrections__itemToggleText {
    color: #34729d;
}

.steelCorrections__item.is-expanded .steelCorrections__itemCounters {
    display: none;
}

.steelCorrections__itemBody {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 29%);
    border-top: 1px solid #e2e6ea;
    background: #fff;
}

.steelCorrections__itemBody[hidden] {
    display: none;
}

.steelCorrections__itemContent {
    min-width: 0;
    padding: 0 30px 30px;
}

.steelCorrections__itemRail {
    min-width: 0;
    padding: 0 30px 30px;
    border-left: 1px solid #e2e6ea;
    background: #fbfcfd;
}

.steelCorrections__evidence {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    padding: 18px 0;
    border-bottom: 1px solid #e4e8eb;
    color: #68747f;
    font-size: 13px;
}

.steelCorrections__evidence a {
    border-bottom: 1px dashed #d69a48;
    color: #a95f00;
    text-decoration: none;
}

.steelCorrections__editorResponse {
    margin-top: 24px;
    padding: 18px 20px;
    border-left: 3px solid var(--steel-corrections-accent);
    background: #fff7e9;
}

.steelCorrections__editorResponse strong {
    color: #c66f00;
}

.steelCorrections__editorResponse p {
    margin: 8px 0 0;
    color: #2e353b;
    line-height: 1.55;
}

.steelCorrections__railSection {
    padding: 24px 0;
    border-bottom: 1px solid #dfe4e8;
}

.steelCorrections__railSection h3,
.steelCorrections__historyPanel summary {
    margin: 0;
    color: #596774;
    font-size: 15px;
    font-weight: 400;
}

.steelCorrections__votes {
    margin-top: 14px;
}

.steelCorrections__voteButtons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.steelCorrections__voteButtons button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 70px;
    padding: 9px 12px;
    border: 1px solid #cdd4da;
    border-radius: 12px;
    background: #fff;
    color: #3a444d;
    cursor: pointer;
}

.steelCorrections__voteButtons button:hover:not(:disabled),
.steelCorrections__voteButtons button.is-active {
    border-color: #e49300;
    background: #fff5df;
}

.steelCorrections__voteButtons button:disabled {
    cursor: not-allowed;
    border-color: #d9dee3;
    background: #f7f8f9;
    color: #7c8791;
    opacity: 1;
}

.steelCorrections__voteButtons button:disabled img {
    opacity: .58;
}

.steelCorrections__voteButtons b {
    font-size: 13px;
}

.steelCorrections__voteButtons img {
    display: block;
    width: 18px;
    height: 18px;
    opacity: .78;
}

.steelCorrections__voteButtons button.is-active img {
    opacity: 1;
}

.steelCorrections__voteButtons > strong {
    padding: 9px 12px;
    border: 1px solid #d8dde1;
    border-radius: 12px;
    background: #fff;
    color: #3e4952;
    font-size: 12px;
    font-weight: 500;
}

.steelCorrections__votes > small,
.steelCorrections__votes > [data-vote-message] {
    display: block;
    margin-top: 8px;
    color: #808b95;
    font-size: 11px;
    line-height: 1.45;
}

.steelCorrections__historyPanel {
    padding: 24px 0;
    border-bottom: 1px solid #dfe4e8;
}

.steelCorrections__historyPanel summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    list-style: none;
}

.steelCorrections__historyPanel summary::-webkit-details-marker {
    display: none;
}

.steelCorrections__historyState {
    color: #347eb2;
    font-size: 12px;
}

.steelCorrections__historyState span:last-child,
.steelCorrections__historyPanel[open] .steelCorrections__historyState span:first-child {
    display: none;
}

.steelCorrections__historyPanel[open] .steelCorrections__historyState span:last-child {
    display: inline;
}

.steelCorrections__history {
    display: grid;
    gap: 16px;
    margin: 19px 0 0;
    padding: 0 0 0 21px;
    border-left: 1px solid #d6dde3;
    list-style: disc;
}

.steelCorrections__history li {
    padding-left: 2px;
}

.steelCorrections__history li::marker {
    color: #6aa7d4;
}

.steelCorrections__history strong,
.steelCorrections__history small {
    display: block;
}

.steelCorrections__history strong {
    color: #2e353b;
    font-size: 13px;
}

.steelCorrections__history small {
    margin-top: 4px;
    color: #7e8993;
    font-size: 11px;
}

.steelCorrections__railActions {
    padding-top: 22px;
}

.steelCorrections__withdraw {
    padding: 0;
    border: 0;
    border-bottom: 1px dashed #bd5555;
    background: none;
    color: #a33b3b;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
}

.steelCorrections__withdraw:hover {
    color: #7f2020;
}

.steelCorrections__withdraw:disabled {
    opacity: .5;
}

.steelCorrections__discussion {
    margin-top: 26px;
}

.steelCorrections__discussion h3 {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 500;
}

.steelCorrections__muted {
    margin: 0 0 14px;
    color: #808b95;
    line-height: 1.5;
}

.steelCorrections__comments {
    display: grid;
    gap: 16px;
}

.steelCorrections__comments[hidden],
.steelCorrections__muted[hidden] {
    display: none;
}

.steelCorrections__comment.is-new {
    animation: steelCorrectionCommentAdded .7s ease-out;
}

@keyframes steelCorrectionCommentAdded {
    from {
        background: #fff5df;
        transform: translateY(6px);
    }
    to {
        background: transparent;
        transform: translateY(0);
    }
}

.steelCorrections__comment {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    padding: 0 0 16px;
    border-bottom: 1px solid #e2e6ea;
}

.steelCorrections__commentAvatar {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: #eef1f3;
    color: #273039;
    font-size: 13px;
    font-weight: 700;
}

.steelCorrections__commentContent {
    min-width: 0;
}

.steelCorrections__comment header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.steelCorrections__comment header span {
    padding: 2px 6px;
    border-radius: 4px;
    background: var(--steel-corrections-ink);
    color: #fff;
    font-size: 10px;
}

.steelCorrections__comment time {
    margin-left: auto;
    color: #8a949e;
    font-size: 11px;
}

.steelCorrections__comment p {
    margin: 8px 0 0;
    line-height: 1.55;
}

.steelCorrections__replyToggle {
    margin-top: 14px;
    padding: 7px 0;
    border: 0;
    border-bottom: 1px dashed #aeb7bf;
    background: none;
    color: #536575;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
}

.steelCorrections__commentForm {
    margin-top: 14px;
    padding-top: 16px;
    border-top: 1px solid #e2e6ea;
}

.steelCorrections__commentForm[hidden] {
    display: none;
}

.steelCorrections textarea,
.steelCorrections input,
.steelCorrections select {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #c7ced5;
    border-radius: 6px;
    background: #fff;
    color: var(--steel-corrections-ink);
    font: inherit;
}

.steelCorrections textarea {
    resize: vertical;
    line-height: 1.45;
}

.steelCorrections label {
    display: block;
}

.steelCorrections label > span {
    display: block;
    margin: 0 0 6px;
    color: #58636e;
    font-size: 12px;
}

.steelCorrections label > small,
.steelCorrections__commentForm > small {
    display: block;
    margin-top: 4px;
    color: #87919b;
}

.steelCorrections__guestFields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 12px;
}

.steelCorrections__formFooter,
.steelCorrections__drawerFooter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 12px;
}

.steelCorrections__formFooter [data-form-message],
.steelCorrections__drawerFooter [data-form-message] {
    color: #b14242;
    font-size: 12px;
}

.steelCorrections__formFooter [data-form-message].is-success,
.steelCorrections__drawerFooter [data-form-message].is-success {
    color: #24713d;
}

.steelCorrections__honey {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

.steelCorrections__overlay {
    position: fixed;
    z-index: 10020;
    inset: 0;
    background: rgba(20, 25, 30, .58);
    opacity: 0;
    transition: opacity .2s;
}

.steelCorrections__overlay.is-open {
    opacity: 1;
}

.steelCorrections__drawer {
    position: fixed;
    z-index: 10021;
    top: 0;
    right: 0;
    width: min(560px, 100%);
    height: 100%;
    padding: 0;
    overflow: auto;
    background: #fff;
    box-shadow: -15px 0 40px rgba(0, 0, 0, .18);
    transform: translateX(100%);
    transition: transform .22s;
}

.steelCorrections__drawer.is-open {
    transform: translateX(0);
}

.steelCorrections__drawer > header {
    position: sticky;
    z-index: 2;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    border-bottom: 1px solid #e1e5e8;
    background: var(--steel-corrections-ink);
    color: #fff;
}

.steelCorrections__drawer > header span,
.steelCorrections__drawer > header strong {
    display: block;
}

.steelCorrections__drawer > header span {
    color: #9ca6af;
    font-size: 11px;
    text-transform: uppercase;
}

.steelCorrections__drawer > header strong {
    font-size: 17px;
}

.steelCorrections__drawer > header button {
    border: 0;
    background: none;
    color: #fff;
    cursor: pointer;
    font-size: 31px;
}

.steelCorrections__drawer form {
    display: grid;
    gap: 17px;
    padding: 26px;
}

.steelCorrections__drawer h2 {
    margin: 0;
    font-size: 25px;
}

.steelCorrections__drawer form > p {
    margin: -10px 0 3px;
    color: #707b85;
    line-height: 1.5;
}

.steelCorrections__notice,
.steelCorrections__signedIn {
    padding: 13px;
    border-radius: 7px;
    background: #f3f5f6;
    color: #626d77;
    font-size: 12px;
    line-height: 1.45;
}

.steelCorrectionsOpen {
    overflow: hidden;
}

.steelCorrections button:disabled {
    cursor: wait;
    opacity: .55;
}

@media (max-width: 920px) {
    .steelCorrections__itemSummary,
    .steelCorrections__itemBody {
        grid-template-columns: minmax(0, 1fr) minmax(225px, 34%);
    }

    .steelCorrections__itemSummaryMain,
    .steelCorrections__itemSummaryRail,
    .steelCorrections__itemContent,
    .steelCorrections__itemRail {
        padding-right: 22px;
        padding-left: 22px;
    }
}

@media (max-width: 720px) {
    .steelCorrections {
        margin-top: 22px;
        border-radius: 10px;
    }

    .steelCorrections__header {
        display: block;
        padding: 22px 18px 16px;
    }

    .steelCorrections__header h2 {
        font-size: 23px;
    }

    .steelCorrections__header .steelCorrections__primary {
        width: 100%;
        margin-top: 18px;
    }

    .steelCorrections__stats {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 0 18px 18px;
    }

    .steelCorrections__stats span {
        padding: 9px;
        border-radius: 6px;
        background: #f4f6f7;
    }

    .steelCorrections__empty {
        display: block;
        margin: 0 18px 20px;
        padding: 18px;
    }

    .steelCorrections__emptyMark {
        margin-bottom: 12px;
    }

    .steelCorrections__empty button {
        width: 100%;
        margin: 16px 0 0;
    }

    .steelCorrections__itemSummary,
    .steelCorrections__itemBody {
        grid-template-columns: minmax(0, 1fr);
    }

    .steelCorrections__itemSummary {
        display: grid;
        width: 100%;
        padding: 0;
        border: 0;
        background: #fff;
        color: inherit;
        text-align: left;
    }

    .steelCorrections__itemSummaryMain {
        padding: 20px 18px 16px;
    }

    .steelCorrections__itemTitle {
        display: block;
        margin: 10px 0 8px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;
    }

    .steelCorrections__section,
    .steelCorrections__itemAuthor,
    .steelCorrections__itemCounters {
        display: block;
        font-size: 12px;
        line-height: 1.45;
    }

    .steelCorrections__itemSummaryRail {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        padding: 14px 18px;
        border-top: 1px solid #e4e8eb;
        border-left: 0;
        background: #fbfcfd;
    }

    .steelCorrections__itemSummaryRailLabel {
        display: none;
    }

    .steelCorrections__itemCounters {
        display: flex;
        flex: 1 1 100%;
        flex-wrap: wrap;
        gap: 5px 12px;
    }

    .steelCorrections__itemToggleText {
        margin: 0 0 0 auto;
    }

    .steelCorrections__itemContent {
        padding: 0 18px 24px;
    }

    .steelCorrections__itemRail {
        padding: 0 18px 24px;
        border-top: 1px solid #e2e6ea;
        border-left: 0;
    }

    .steelCorrections__voteButtons {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
        gap: 7px;
    }

    .steelCorrections__voteButtons button {
        min-width: 0;
        padding: 9px 8px;
    }

    .steelCorrections__voteButtons > strong {
        align-self: stretch;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-right: 9px;
        padding-left: 9px;
    }

    .steelCorrections__editorResponse {
        margin-top: 20px;
    }

    .steelCorrections__comment {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
    }

    .steelCorrections__commentAvatar {
        width: 36px;
        height: 36px;
        font-size: 11px;
    }

    .steelCorrections__comment time {
        width: 100%;
        margin-left: 0;
    }

    .steelCorrections__guestFields {
        grid-template-columns: 1fr;
    }

    .steelCorrections__formFooter,
    .steelCorrections__drawerFooter {
        align-items: stretch;
        flex-direction: column;
    }

    .steelCorrections__formFooter button,
    .steelCorrections__drawerFooter button {
        width: 100%;
    }

    .steelCorrections__drawer form {
        padding: 22px 18px;
    }

    .steelCorrections__drawer > header {
        padding: 15px 18px;
    }
}

/* 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 */
/* /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 */
/* /local/components/blades/steel.grade.page/templates/.default/style.css?178723389365627 */
/* /local/components/blades/shared/steel-profile.css?178574716510454 */
/* /local/components/blades/shared/steel-chemical-tile.css?17870535465017 */
/* /local/components/blades/steel.grade.corrections/templates/.default/style.css?178677758519054 */
/* /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 */