/*Импорт шрифтов*/

@font-face {
	font-family: "Bebas";
	src: url("../fonts/bebasneuecyrillic.woff2") format("woff2"),
	     url("../fonts/bebasneuecyrillic.ttf") format("truetype");
	font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Light'), local('Gilroy-Light'),
         url('../fonts/Gilroy-Light.woff2') format('woff2'),
         url('../fonts/Gilroy-Light.woff') format('woff'),
         url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-display: swap;
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
         url('../fonts/Gilroy-Extrabold.woff2') format('woff2'),
         url('../fonts/Gilroy-Extrabold.woff') format('woff'),
         url('../fonts/Gilroy-Extrabold.ttf') format('truetype');
    font-display: swap;
    font-weight: 800;
    font-style: normal;
}

/* Кастомный векторный шрифт*/
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.woff2?ap13if') format('woff2'),
       url('../fonts/icomoon.woff?ap13if') format('woff'),
       url('../fonts/icomoon.ttf?ap13if') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  /* speak: never; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-check:before          { content: "\e913"; }
.icon-sub:before 			{ content: "\e911"; }
.icon-add:before 			{ content: "\e912"; }
.icon-trash:before 			{ content: "\e910"; }
.icon-whatsapp:before 		{ content: "\e90f"; }
.icon-p-first:before 		{ content: "\e90b"; }
.icon-p-last:before 		{ content: "\e90c"; }
.icon-prev:before 			{ content: "\e90d"; }
.icon-next:before 			{ content: "\e90e"; }
.icon-shopping-cart:before 	{ content: "\e90a"; }
.icon-search:before 		{ content: "\e909"; }
.icon-arrow_left:before 	{ content: "\e908"; }
.icon-call:before 			{ content: "\e907"; }
.icon-download:before 		{ content: "\e905"; }
.icon-paperclip:before 		{ content: "\e906"; }
.icon-shopping-bag:before 	{ content: "\e900"; }
.icon-setting:before 		{ content: "\e901"; }
.icon-medal:before 			{ content: "\e902"; }
.icon-diamonds:before 		{ content: "\e903"; }
.icon-Arrow_Up_Right:before { content: "\e904"; }


/*
 * Глобальные переменные
 * 
 * grid - для сетки
 * font - типография
 * c - цвета
 * 
 * */
:root{
	--grid-gap: 1.25vw;
	--grid-padding: 2.5vw;
	
	--font-size-base: 1.25vw;
	
	--c-black: 29, 28, 27;
	--c-yellow: 248, 192, 49;
	--c-gray: 119, 119, 118;
	--c-white: 255,255,255;
	--c-dim-gray: 251, 248, 248;
}

/* Ресет */
html, body{
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	color: rgb(var(--c-black));
	line-height: 100%;
	font-weight: 400;
	letter-spacing: .02vw;
	margin: 0;
	padding: 0;
}
*{
	box-sizing: content-box;
}
a{text-decoration:none;}

input:focus::placeholder {color: transparent;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/* Сетка в 4 колонки */
.row{
	padding-left: var(--grid-padding);
	padding-right: var(--grid-padding);
	display: grid;
	gap: var(--grid-gap);
	grid-template-columns: repeat(4, 1fr);
}

.col-1 {grid-column: span 1;}
.col-2 {grid-column: span 2;}
.col-3 {grid-column: span 3;}
.col-4 {grid-column: span 4;}

#cat > .row {
	gap: 2.1875vw var(--grid-gap) ;
}

/* 
 * Внешние отступы 
 * 
 * m-<размер отступа в пикселях>
 * 
 * По сути чего и как. 
 * 
 * Дизайн в 1600 и должен быть резиновым.
 * 
 * Поэтому я конвертнул все расстояния в пикселях до ширины вьюпорта.
 * 
 * */
.m-0, .mt-0, .my-0{margin-top:    0px;}
.m-0, .mb-0, .my-0{margin-bottom: 0px;}
.m-0, .ml-0, .mx-0{margin-left:   0px;}
.m-0, .mr-0, .mx-0{margin-right:  0px;}	
 
.m-10, .mt-10, .my-10{margin-top: 0.625vw;}
.m-10, .mb-10, .my-10{margin-bottom: 0.625vw;}
.m-10, .ml-10, .mx-10{margin-left: 0.625vw;}
.m-10, .mr-10, .mx-10{margin-right: 0.625vw;}

.m-20, .mt-20, .my-20{margin-top: 1.25vw;}
.m-20, .mb-20, .my-20{margin-bottom: 1.25vw;}
.m-20, .ml-20, .mx-20{margin-left: 1.25vw;}
.m-20, .mr-20, .mx-20{margin-right: 1.25vw;}

.m-35, .mt-35, .my-35{margin-top: 2.1875vw;}
.m-35, .mb-35, .my-35{margin-bottom: 2.1875vw;}
.m-35, .ml-35, .mx-35{margin-left: 2.1875vw;}
.m-35, .mr-35, .mx-35{margin-right: 2.1875vw;}

.m-40, .mt-40, .my-40{margin-top: 2.5vw;}
.m-40, .mb-40, .my-40{margin-bottom: 2.5vw;}
.m-40, .ml-40, .mx-40{margin-left: 2.5vw;}
.m-40, .mr-40, .mx-40{margin-right: 2.5vw;}

.m-50, .mt-50, .my-50{margin-top: 3.125vw;}
.m-50, .mb-50, .my-50{margin-bottom: 3.125vw;}
.m-50, .ml-50, .mx-50{margin-left: 3.125vw;}
.m-50, .mr-50, .mx-50{margin-right: 3.125vw;}

.m-60, .mt-60, .my-60{margin-top: 3.75vw;}
.m-60, .mb-60, .my-60{margin-bottom: 3.75vw;}
.m-60, .ml-60, .mx-60{margin-left: 3.75vw;}
.m-60, .mr-60, .mx-60{margin-right: 3.75vw;}

.m-80, .mt-80, .my-80{margin-top: 5vw;}
.m-80, .mb-80, .my-80{margin-bottom: 5vw;}
.m-80, .ml-80, .mx-80{margin-left: 5vw;}
.m-80, .mr-80, .mx-80{margin-right: 5vw;}

.m-100, .mt-100, .my-100{margin-top: 6.25vw;}
.m-100, .mb-100, .my-100{margin-bottom: 6.25vw;}
.m-100, .ml-100, .mx-100{margin-left: 6.25vw;}
.m-100, .mr-100, .mx-100{margin-right: 6.25vw;}

.m-200, .mt-200, .my-200{margin-top: 12.5vw;}
.m-200, .mb-200, .my-200{margin-bottom: 12.5vw;}
.m-200, .ml-200, .mx-200{margin-left: 12.5vw;}
.m-200, .mr-200, .mx-200{margin-right: 12.5vw;}

/* 
 * Внутренние отступы 
 * 
 * p-<размер отступа в пикселях>
 * 
 * По сути чего и как. 
 * 
 * Дизайн в 1600 и должен быть резиновым.
 * 
 * Поэтому я конвертнул все расстояния в пикселях до ширины вьюпорта.
 * 
 * */
.p-0, .pt-0, .py-0{padding-top:    0px;}
.p-0, .pb-0, .py-0{padding-bottom: 0px;}
.p-0, .pl-0, .px-0{padding-left:   0px;}
.p-0, .pr-0, .px-0{padding-right:  0px;}	
 
.p-10, .pt-10, .py-10{padding-top: 0.625vw;}
.p-10, .pb-10, .py-10{padding-bottom: 0.625vw;}
.p-10, .pl-10, .px-10{padding-left: 0.625vw;}
.p-10, .pr-10, .px-10{padding-right: 0.625vw;}

.p-20, .pt-20, .py-20{padding-top: 1.25vw;}
.p-20, .pb-20, .py-20{padding-bottom: 3cqmax;}
.p-20, .pl-20, .px-20{padding-left: 1.25vw;}
.p-20, .pr-20, .px-20{padding-right: 1.25vw;}
                 
.p-30, .pt-30, .py-30{padding-top: 1.875vw;}
.p-30, .pb-30, .py-30{padding-bottom: 1.875vw;}
.p-30, .pl-30, .px-30{padding-left: 1.875vw;}
.p-30, .pr-30, .px-30{padding-right: 1.875vw;}

.p-35, .pt-35, .py-35{padding-top: 2.1875vw;}
.p-35, .pb-35, .py-35{padding-bottom: 2.1875vw;}
.p-35, .pl-35, .px-35{padding-left: 2.1875vw;}
.p-35, .pr-35, .px-35{padding-right: 2.1875vw;}
                      
.p-40, .pt-40, .py-40{padding-top: 2.5vw;}
.p-40, .pb-40, .py-40{padding-bottom: 2.5vw;}
.p-40, .pl-40, .px-40{padding-left: 2.5vw;}
.p-40, .pr-40, .px-40{padding-right: 2.5vw;}
                 
.p-50, .pt-50, .py-50{padding-top: 3.125vw;}
.p-50, .pb-50, .py-50{padding-bottom: 3.125vw;}
.p-50, .pl-50, .px-50{padding-left: 3.125vw;}
.p-50, .pr-50, .px-50{padding-right: 3.125vw;}
                      
.p-60, .pt-60, .py-60{padding-top: 3.75vw;}
.p-60, .pb-60, .py-60{padding-bottom: 3.75vw;}
.p-60, .pl-60, .px-60{padding-left: 3.75vw;}
.p-60, .pr-60, .px-60{padding-right: 3.75vw;}
                 
.p-80, .pt-80, .py-80{padding-top: 5vw;}
.p-80, .pb-80, .py-80{padding-bottom: 5vw;}
.p-80, .pl-80, .px-80{padding-left: 5vw;}
.p-80, .pr-80, .px-80{padding-right: 5vw;}

.p-100, .pt-100, .py-100{padding-top: 6.25vw;}
.p-100, .pb-100, .py-100{padding-bottom: 6.25vw;}
.p-100, .pl-100, .px-100{padding-left: 6.25vw;}
.p-100, .pr-100, .px-100{padding-right: 6.25vw;}
                         
.p-200, .pt-200, .py-200{padding-top: 12.5vw;}
.p-200, .pb-200, .py-200{padding-bottom: 12.5vw;}
.p-200, .pl-200, .px-200{padding-left: 12.5vw;}
.p-200, .pr-200, .px-200{padding-right: 12.5vw;}

/* Типография */
.t-ffamily{font-family: "Bebas";}

.t-upper{text-transform: uppercase;}
.t-center{text-align: center;}

.t-fsize-14{font-size: .875vw;}
.t-fsize-16{font-size: 1vw;}
.t-fsize-20{font-size: 1.25vw;}
.t-fsize-30{font-size: 1.875vw;}
.t-fsize-40{font-size: 2.5vw;}

.t-c-white{color: rgb( var(--c-white));}
.t-c-white-fut{color: rgba( var(--c-white),.8);}
.t-c-black-fut{color: rgba( var(--c-black),.8);}
.t-c-black{color: rgb( var(--c-black));}
.t-c-white-dim{color: rgba( var(--c-white), .6);}
.t-c-black-dim{color: rgba( var(--c-black), .6);}
.t-c-yellow{color: rgb( var(--c-yellow));}

.t-lheight-100{line-height: 100%;}
.t-lheight-120{line-height: 120%;}
.t-lheight-130{line-height: 130%;}

.t-fwheight-500{font-weight: 500;}
.t-fwheight-600{font-weight: 600;}
.t-fwheight-700{font-weight: 700;}
.t-fwheight-800{font-weight: 800;}

.section-title{
	font-family: "Bebas";
	font-size: 3.75vw;
	font-weight: 400;
	line-height: 91%;
	text-transform: uppercase;
}

/* Стилистика елементов */

/* Слайдер изображений */
.sl-img-wrp{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#imgSlider.swiper {
	--sw: calc(100vw - 100%);
	--sl-cell: calc( (100vw - var(--sw) - var(--grid-gap) * 3) / 4 );
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-left: var(--grid-padding);
    padding-right: var(--grid-padding);
}
#imgSlider .swiper-slide{display: flex;}
#imgSlider .col-1{
	width: var(--sl-cell);
	flex: none;
	height: auto;
}
#imgSlider .col-2{
	width: calc( var(--sl-cell) * 2 + var(--grid-gap));
	flex: none;
}

/* Слайдер с брендами*/

#brands-prev, #img-prev{margin-right: 1.25vw;}
#brands-next, #brands-prev, #img-next, #img-prev{ 
    height: 1.625vw;
    width: 1.625vw;
	opacity: 0.6; 
	transition: .3s opacity; 
	cursor: pointer;
}
#brands-next:hover, #brands-prev:hover, #img-next:hover, #img-prev:hover{ opacity: 1;}
#brands.swiper {
	box-sizing: border-box;
	width: 100%;
	height: fit-content;
	padding-left: var(--grid-padding);
	padding-right: var(--grid-padding);
}

#brands .swiper-slide{
	flex: none;
    height: auto;
    display: flex;
    align-items: center;
}

#brands .swiper-slide > div > img {
	width: 13.75vw;
}
#brands .swiper-slide > div > img:nth-of-type(2) {
	left:0;
	position: absolute;
	transition: .3s opacity;
	opacity:0;
}

#brands .swiper-slide-next + .swiper-slide > div > img:nth-of-type(2){opacity:1;}

/**/

.price-list-card{
	display: block;
	color: rgb( var(--c-white));
	border: 1px solid rgb( var(--c-white));
	padding: 1.875vw 2.5vw;
	transition: .3s all;
}
.price-list-card:hover{
	color: rgb( var(--c-black));
	border: 1px solid rgb( var(--c-yellow));
	background-color: rgb( var(--c-yellow));
}

/**/

.filler-title{
	position: relative;
	color: rgb( var(--c-black));
	font-family: "Bebas";
	font-size: 8.625vw;
	line-height: 82%;
	text-transform: uppercase;
	width: max-content;
	margin-bottom: -10vw;
	z-index: 2;
}

.filler-gradient{
    position: relative;
    height: 19.6875vw;
    margin-bottom: -19.6875vw;
    z-index: 1;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 89.52%);
}
#banner > img{width:100%}

/* Блок преимущества - точка и стили текста */
.point{position: relative;}
.point:before{
    content: "";
    display: block;
    position: absolute;
	width: .5vw;  height: .5vw;
    top: -.625vw; left: -.625vw;
    background-color: rgb( var(--c-black));
    border-radius: 50%;
    border: .375vw solid rgb( var(--c-yellow));
}
.point:first-of-type:before{left: -.02vw;}
.point > .title{
	margin-top: 1.875vw;
	margin-bottom: 0;
	color: rgba( var(--c-black), 0.8);
	font-size: 1vw;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.02vw;
}
.point > .descr{
	margin-top: 0.3125vw;
	margin-bottom: 0;
	color: rgba( var(--c-black), .8);
	font-size: .875vw;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: .0175vw;
}

/* Галочка, для политики обработки */
.policy-agreement{
	margin-top: 0.625vw;
	color: rgb( var(--c-white));
	font-size: .875vw;
	line-height: 120%;
	font-weight: 500;
	display: flex;
	cursor: pointer;
}
.policy-agreement > .checkbox{
	position: relative;
	margin-right: 0.625vw;
	width: var(--font-size-base);
	height: var(--font-size-base);
	border: 1px solid rgb( var(--c-yellow));
}

.policy-agreement.checked > .checkbox:after {
    content: "";
    display: block;
    position: absolute;
    width: .8vw;
    height: .4vw;
    border-bottom: 1px solid rgb(var(--c-yellow));
    border-left: 1px solid rgb(var(--c-yellow));
    transform: rotate(-45deg);
    top: .2vw;
    left: .2vw;
}

/* Елемент каталога */
.card{
	padding: 1.875vw;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: rgb(var(--c-black));
	background-color: rgb(var(--c-dim-gray));
	transition: .3s all;
	user-select: none;
	cursor: pointer;
}
.card > .card--title--wrp{
	position: relative;
}
.card > .card--title--wrp > .card--title{
	font-weight: 600;
	line-height: 130%; 
	margin: 0;
	padding-right: 1.75vw;
}
.card > .card--title--wrp > .card--subtitle, .card > .card--sub{
	color: rgb( var(--c-gray));
	margin: 0;
	font-size: .875vw;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: 0.0175vw;
}
.card > .card--title--wrp > span{
	font-size: 1.5vw;
	position: absolute;
	top: .125vw;
    right: 0;
}
.card > .card--img--wrp{
	padding-top: .3125vw;
	padding-bottom: 1.875vw;
	text-align: center;
}
.card > .card--img--wrp > img{
	max-height: 12.788vw;
}
.card:hover{
	color: rgb(var(--c-white));
	background-color: rgb(var(--c-black));
}

/* Карточки для "Идеальный сервис" */
.perk{
	border: 1px solid  rgb( var(--c-black));
	padding: 1.8vw;
	height: 16vw;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.perk > span{ font-size: 3.125vw; }
.perk p{margin: 0;}
.perk > .perk--descr > .perk--descr-title{
	font-size: 2.5vw;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: .05vw;
}
.perk > .perk--descr > .perk--descr-subtitle{
	line-height: 130%; /* 26px */
	letter-spacing: .025vw;
}

.form--wrp{
	display: flex;
    padding: 1.25vw 0;
    border-bottom: 1px solid rgb(var(--c-white));
}
.form--wrp > input,textarea{
	flex: 1 1;
    background: none;
    outline: none;
    border: none;
    color: rgb(var(--c-white));
    line-height: 120%;
    font-size: 1vw;
    resize: none;
}
.form--flag.form--wrp > img{
	margin-right: .75vw;
	width: 2vw;
}

.input-file {
	position: relative;
	display: inline-block;
}
.input-file-text {
	display: inline-block;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}

.btn-init{
	box-sizing: border-box;
	display: block;
	width: 100%;
    outline: none;
    border: none;
    padding: .9375vw 0;
	text-align: center;
	font-size: 1.125vw;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: 0.0225vw;
	text-transform: uppercase;
	border-width: 1.5px;
    border-style: solid;
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
    border-color: var(--btn-border-color);
    cursor: pointer;
    transition: .3s all;
}
.btn-white{
    --btn-bg-color: rgb(var(--c-white));
    --btn-color: rgb(var(--c-black));
    --btn-border-color: rgb(var(--c-white));
}
.btn-white:hover{
    --btn-bg-color: rgb(var(--c-yellow));
    --btn-border-color: rgb(var(--c-yellow));
}
.btn-white-outline{
    --btn-bg-color: transparent;
    --btn-color: rgb(var(--c-white));
    --btn-border-color: rgb(var(--c-white));
}
.btn-yellow{
    --btn-bg-color: rgb(var(--c-yellow));
    --btn-color: rgb(var(--c-black));
    --btn-border-color: rgb(var(--c-yellow));
}
.btn-yellow:hover{
    --btn-bg-color: #EDC256;
    --btn-border-color: #EDC256;
}

/* Хедер */
header{   
	padding:0.625vw var(--grid-padding);
    position: fixed;
    top: 0;
    background-color: rgb(var(--c-black));
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
    z-index: 10;
}
/* header > div{flex: 1 1 25%;} */
header > .logo{height: 3.125vw;}
header > .logo img{height: 100%;}
header > ul{
    display: flex;
    gap: 1.25vw;
    list-style: none;
    margin:0;padding:0;
	flex: 1 1 50%;
	justify-content: center;
}
header > ul a{
	color: rgb(var(--c-white));
	font-size: .875vw;
	font-weight: 700;
	letter-spacing: .0175vw;
	text-transform: uppercase;
	transition: .3s color;
}
header > ul a:hover{color: rgb(var(--c-yellow));}
header > .buttons{
    display: flex;
    gap: .7vw;
    flex-direction: row-reverse;
    height: 3.125vw;
}
header .head-price{
	padding: .95vw .9vw;
	color: rgb(var(--c-yellow));
	border: 1px solid rgb(var(--c-yellow));
	font-size: .75vw;
	font-weight: 800;
	letter-spacing: 0.015px;
	text-transform: uppercase;
	transition: .3s all;
}
header .head-price:hover{
	color: #EDC256;
	border-color: #EDC256;
}
header .head-call{
	padding: 1.2vw 1vw;
	text-align: center;
	display: inline-block;
	border: 1px solid rgb(var(--c-yellow));
	color: rgb(var(--c-yellow));
	background-color: rgb(var(--c-black));
	transition: .3s all;
}
header .head-call:hover{
	color: #EDC256;
	border-color: #EDC256;
}
header .head-call > p { margin:0;line-height: 100%;}
header .head-call > p:nth-of-type(1){
	font-size: .75vw;
	font-weight: 800;
	letter-spacing: 0.015vw;
	line-height: 100%;
	text-transform: uppercase;
}
header .head-call > p:nth-of-type(2){
	font-size: .53vw;
	letter-spacing: 0.01075vw;
}
header .head-email{
    display: none;
    color: rgb(var(--c-white));
    padding: .95vw .5vw;
    font-size: 1vw;
}
header .head-whatsapp{
    display: inline-block;
	border: 1px solid rgb(var(--c-yellow));
	color: rgb(var(--c-yellow));
	background-color: rgb(var(--c-black));
    transition: .3s all;
    font-size: 2vw;
    padding: 0.553vw .553vw;
}
header .head-whatsappl:hover{
	color: #EDC256;
	border-color: #EDC256;
}
header .head-cart{
    display: inline-block;
	color: rgb(var(--c-black));
	background-color: rgb(var(--c-yellow));
    transition: .3s all;
    font-size: 2vw;
    padding: 0.553vw .553vw;
    cursor:pointer;
    position: relative;
}
header .head-cart:hover{
    background-color: #EDC256;
}
header .head-cart > div{
    position: absolute;
    font-size: .75vw;
    background: #fff;
    border-radius: 50%;
    width: 1.5vw;
    height: 1.5vw;
    right: -.75vw;
    top: -.2vw;
    text-align: center;
    line-height: 1.5vw;
}
/* Футер */

footer .phone{
	color: rgb( var(--c-white)); 
	display: block;
	font-family: "Bebas";
	font-size: 2.5vw;
	font-weight: 400;
	line-height: 91%;
	text-transform: uppercase;
	margin-top: .5vw;
}
footer .phone.dim{
        color: rgba( var(--c-white),.8);
    font-size: 1.875vw;
}
footer .logo{width: 6.25vw;}
footer .footer-address-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: rgba(var(--c-white), .34);
    text-underline-offset: 3px;
    transition: color .2s ease, text-decoration-color .2s ease;
}

footer .footer-address-link:hover {
    color: rgb(var(--c-white));
    text-decoration-color: rgb(var(--c-yellow));
}

footer .doc-link{
	color: rgba( var(--c-white),.6); 
	display: inline-block;
	font-size: .875vw;
	font-weight: 500;
	line-height: 120%;
	padding-bottom: .3125vw;
	border-bottom: 1px solid rgba( var(--c-white),.6);
}


#mscreen{
	background-image: url(../images/bg.webp);
    background-color: rgb(var(--c-black));
    background-size: cover;
    height: 56.25vw;
}
#mscreen .title{
    margin-top: 10vw; margin-bottom: 0;
    color: rgb(var(--c-yellow));
    text-align: center;
    font-family: "Bebas";
    font-size: 8.75vw;
    font-weight: 400;
    line-height: 91%;
    text-transform: uppercase;
    width: max-content;
}

.invert{
	color: rgb(var(--c-white));
	background-color: rgb(var(--c-black));
}
.sec-name{color: rgba( var(--c-black), .5); }
.invert .sec-name{color: rgba( var(--c-white),.5); }

.sec-numbers{
	font-size: 1.5625vw;
	font-weight: 600;
	letter-spacing: 0.03125vw;
}
.sec-numbers > div{display: inline-block;}
.sec-numbers > div:nth-of-type(1){
	font-family: "Bebas";
	font-size: 6.25vw;
	font-weight: 400;
	line-height: 91%;
}
.sec-numbers > div:nth-of-type(2){
	line-height: 100%;
}
.d-hide,#burger,#sidemenu{
	display:none;
}

#sidemenu{
	position: fixed;
	top: 0;
    width: 100vw;
    left: 100vw;
    height: 100vh;
    background-color: rgb(var(--c-black));    
    z-index: 15;
    transition: .2s left;
}
#sidemenu > ul{
    display: flex;
    gap: 22px;
    list-style: none;
    margin: 0;
    padding: 160px 15px 0 15px;
    flex-direction: column;
}
#sidemenu > ul a{
	color: rgb(var(--c-yellow));
	font-family: "Bebas";
	font-size: 50px;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
}
.form-w{width: 75%;}
/* Переносы строк */
br[d], br.d{display:initial;}
br[m], br.m{display:none;}

#popup-bg{
	position:fixed;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.70);
	z-index: 1000;
	top: 0;
}
.popup-card{
    position: fixed;
    display: flex;
    width: 61.25vw;
    background: rgb(var(--c-black));
    z-index: 1001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.popup-card > .popup-card-img,.popup-card > .popup-card-body{
	width: 50%;
    flex: 1 1 50%;
    box-sizing: border-box;
}
.popup-card > .popup-card-img{background-size: cover;}
.popup-card .form-w{width: 100%;}
.popup-card > .popup-card-close{
	position: absolute;
    display: block;
	width: 1.875vw;
    height: 1.875vw;
    right: 1vw;
    top: 1vw;
    cursor:pointer;
}
.popup-card > .popup-card-close:after,.popup-card > .popup-card-close:before{
	content: "";
	display: block;
	position: absolute;
	width: 1.625vw;
	height: .1875vw;
    left: .1vw;
	background-color: rgb(var(--c-white));
}
.popup-card > .popup-card-close:after{ 
	transform: rotate(45deg);
	top: 0.775vw;
}
.popup-card > .popup-card-close:before{
	transform: rotate(-45deg);
	bottom: 0.9125vw;
}	
.popup-card > .popup-card-body{
	padding: 6.25vw 2.5vw 4.75vw 2.5vw;
}
.popup-card > .popup-card-body.table{
	padding: 3.75vw 2.5vw 4.75vw 2.5vw;
}
.popup-card > .popup-card-body > .popup-card-title{
	color: rgb(var(--c-white));
	font-family: "Bebas";
	font-size: 2.5vw;
	line-height: 100%;
}
.popup-card > .popup-card-body.table > .popup-card-title{
	margin-bottom: 0.625vw;
	text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}
.popup-card > .popup-card-body > .popup-card-sub{
	color: rgb(var(--c-white));
	font-size: 1.125vw;
	line-height: 120%;
	margin-bottom: 2.5vw;
}
.popup-card > .popup-card-body.table > .popup-card-sub{
	color: rgba(var(--c-white),.6);
	margin-bottom: 1.25vw;
}
.popup-card > .popup-card-body > .popup-card-art{
	color: rgb(var(--c-yellow));
	font-family: "Bebas";
	font-size: 1.5625vw;
	margin-bottom: 0.625vw;
	line-height: 100%;
}
.popup-card > .popup-card-body > .popup-card-price{
	color: rgb(var(--c-white));
	font-family: "Bebas";
	font-size: 1.5625vw;
	line-height: 100%;
	margin-bottom: 1.25vw;
}

#cookie{
    position: fixed;
    right: 1.25vw;
    bottom: 1.25vw;
    padding: 1.875vw;
    border: 1px solid rgb(var(--c-white));
    background: rgb(var(--c-black));
    box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.08);
    z-index: 3;
}
#cookie > .t{
	color: rgb(var(--c-white));
	font-size: 1.125vw;
	font-weight: 600;
}
#cookie > .s{
	color: rgba(var(--c-white),.56);
	font-size: 14px;
	line-height: 140%;
	margin: 1vw 0;
}
#cookie > .btn-init{ width: 8.625vw; }

#done{
    position: fixed;
    display: flex;
    flex-direction: column;
    background: rgb(var(--c-black));
    z-index: 1001;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    padding: 4.375vw 5vw;
    transform: translate(-50%, -50%);
}
#done > .done-card-title{
	color: rgb(var(--c-white));
	font-family: "Bebas";
	font-size: 2.5vw;
	line-height: 100%;
}
#done > .done-card-sub{
	color: rgb(var(--c-white));
	font-size: 1.125vw;
	line-height: 120%;
	margin-top: .875vw;
	margin-bottom: 1.875vw;
}


.legal-container{
	width: 46.875vw;
	margin-left: auto;
	margin-right: auto;
}
.legal-back{
    display: block;
    color: rgb(var(--c-black));
    font-size: .875vw;
    font-weight: 500;
    line-height: 91%;
    margin-bottom: 2.5vw;
}
.legal-back > span{
    font-size: 1.25vw;
    vertical-align: middle;
}
.legal-title {
    font-family: "Bebas";
    font-size: 3.75vw;
    font-weight: 400;
    line-height: 91%;
    text-transform: uppercase;
}
.legal-header{
	font-family: "Bebas";
	font-size: 1.875vw;
	line-height: 120%;
	letter-spacing: .0375vw;
}
.legal-text{
	font-size: .875vw;
	line-height: 120%;
}
.legal-table{
	border: 1px solid rgba(var(--c-black),.15);
	display:flex;
	flex-direction: column;
	color: rgba(var(--c-black),.8);
}
.legal-table > .table-wrp{
	display:flex;
	border-bottom: 1px solid rgba(var(--c-black),.15);
}
.legal-table > .table-wrp:last-of-type{
	border-bottom: none;
}
.legal-table > .table-wrp > div{
	padding: 1.5vw .75vw;
	flex: 1;
	border-right: 1px solid rgba(var(--c-black),.15);
}
.legal-table > .table-wrp > div:last-of-type{
	border-right: none;
}
.legal-table > .table-wrp > .table-head{
	width: 10vw;
	flex: none;
	font-size: .875vw;
	font-weight: 500;
	line-height: 120%;
}
.legal-table > .table-wrp > .table-cell{
	font-size: .75vw;
	font-weight: 500;
	line-height: 120%;
}
.legal-table ul{
	margin:0;
	padding:0;
	padding-left: 1.5vw;
}

/* Подглавная */

#sub-screen{
	background: rgb(var(--c-black));
    height: 56.25vw;
    padding-top: 6.25vw;
    display: flex;
    flex-direction: column;
}
#sub-screen .badge {
    display: flex;
    gap: .5vw;
    background: rgb(var(--c-white));
    width: fit-content;
    margin: 0 auto;
    padding: 0.625vw 1.125vw;
    border-radius: 7px;
    align-items: center;
}
#sub-screen .badge > img{ width: 1.25vw;}
#sub-screen .badge > p{
	font-size: .75vw;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 0.015vw;
	text-transform: uppercase;
	margin: 0;
}
#sub-screen h1 {
	text-align: center;
    font-family: "Bebas";
    font-size: 9.125vw;
    font-weight: 400;
    color: rgb(var(--c-white));
    line-height: 91%; 
    text-transform: uppercase;
}
#sub-screen .buttons_area{
	width: 16vw;
    margin: 0 auto;
}
#sub-screen .image_area{
    position: relative;
    width: 30vw;
    margin: 0 auto;
    overflow: hidden;
    flex: 1;
}
#sub-screen .image_area > img{ 
	max-width: 30vw;
    height: 24vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#sub-screen .image_area > .circle-big, #sub-screen .image_area > .circle{
	top: 1vw;
	position: absolute;
	border-radius: 50%;
	border: 0.833px solid rgba(var(--c-yellow),.4);
	left: 50%;
    transform: translateX(-50%);
}
#sub-screen .image_area > .circle-big{
	top: 6vw;
	width: 28vw;
	height: 28vw;
}

#sub-screen .image_area > .circle{
	top: 9vw;
	width: 22vw;
	height: 22vw;
}

/* Таблица */

#page{
	display: flex;
	flex-direction: column;
	margin-top: 1.5vw;
}
#page > .row{
    color: inherit;
	padding-top: 1.125vw;
	padding-bottom: 1.125vw;
	font-size: 1.25vw;
	font-weight: 400;
	line-height: 130%;
	letter-spacing:	0.025vw;
	transition: .2s background-color;
	border-top: 1px solid rgba(207,207,207,.4)
}
#page > .row > .col-1:last-of-type{
    display: flex;
    justify-content: space-between;
}

#page > .row:last-of-type{
	border-bottom: 1px solid rgba(207,207,207,.4)
}

#page > .row:hover{
	cursor:pointer;
	background-color: rgb(var(--c-yellow));
}

#pagination, .mob-pagination{
	display: flex;
	justify-content: center;
	gap: 10px;
	align-items: center;
}
.mob-pagination{
    display: none;
}
.mob-pagination a {
    color: rgb(var(--c-black));
}
#pagination > *, .mob-pagination > *{
	margin:0;
	user-select: none;
}
#pagination > .edge, .mob-pagination > .edge{
    display: block;
    width: 1.75vw;
    height: 1.75vw;
    box-sizing: border-box;
    border: 1px solid rgb(var(--c-black));
    font-size: 1.25vw;
    text-align: center;
    padding-top: .19vw;
    cursor: pointer;
}
#pagination > p.edge, #pagination > p.move, .mob-pagination > p.edge, .mob-pagination > p.move{
	opacity: .4; 
	cursor: initial;
}
#pagination > .move, .mob-pagination > .move{
    display: block;
    width: 2.5vw;
    height: 2.5vw;
    box-sizing: border-box;
    border: 1px solid rgb(var(--c-black));
    font-size: 1.75vw;
    padding-top: .32vw;
    cursor: pointer;
}
#pagination > .move.b, .mob-pagination > .move.b{ padding-left: .4vw; }
#pagination > .move.n, .mob-pagination > .move.n{ padding-left: .57vw; }
#pagination > .pages, .mob-pagination > .pages{
	font-size: 1.25vw;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: .025vw;	
}

#price-search{
    box-sizing: border-box;
	position: relative;
	display: inline-block;
    width: 25.2vw;
    border-radius: 50px;
    border: 1px solid #FFC01E;
    padding: .25vw 1.25vw .25vw 2.5vw;
    line-height: 0;
}
#price-search > input{
	font-family: "Manrope", sans-serif;
	background: none;
    outline: none;
    border: none;
    font-size: .75vw;
    line-height: 1.125vw;
    padding: 0;
    width: 100%;
}
#price-search:before{
	content: "\e909";
    position: absolute;
    opacity: .4;
    left: 1vw;
    display: block;
    font-family: 'icomoon' !important;
    font-size: 1.125vw;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.filter{
	user-select:none;
	cursor:pointer;
	display: inline-block;
	color: rgb(var(--c-black));
	font-family: Manrope;
	font-size: .75vw;
	line-height: 1.125vw;
	text-transform: uppercase;
	border: 1px solid rgb(var(--c-black));
	padding: .25vw 1.25vw;
	border-radius: 50px;
	transition: .2s background, color;
}
.filter.active{
	background: rgb(var(--c-black));
	color: rgb(var(--c-yellow));
}

#page .do-call{
    position: relative;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    font-size: .75vw;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.015vw;
    padding: .95vw 1.9vw;
    margin: -.5vw 0;
    height: max-content;
    transition: .2s background, color;
    cursor: pointer;
}
#page > .row .do-call > span:nth-of-type(1){
    opacity: 1;
}
#page > .row .do-call > span:nth-of-type(2){
    opacity: 0;
    position: absolute;
    left: 1.7vw;
}
#page > .row:hover .do-call{
	background: rgb(var(--c-black));
    color: rgb(var(--c-white));
}
#page > .row:hover .do-call > span:nth-of-type(1){
    opacity: 0;
}
#page > .row:hover .do-call > span:nth-of-type(2){
    opacity: 1;
}
/* попапы для поиска, поиск и др */

#search-head{
    position: absolute;
    display: flex;
    top: 29.5vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: rgb(var(--c-white));
}
#h-search{
    font-family: "Manrope", sans-serif;
    background: none;
    outline: none;
    border: none;
    font-size: .75vw;
    line-height: 120%;
    padding: 0;
    width: 30vw;
}
#search-head .wrap{
    line-height: .875vw;
    font-size: .75vw;
	padding: 1.125vw 1.125vw 1.125vw 3.5vw;
}
#search-head .icon-search{
    position: absolute;
    left: 1vw;
    top: .75vw;
    font-size: 1.875vw;
    opacity: .6;
}
#search-head .btn-init{
    font-size: .875vw;
    font-weight: 800;
    line-height: .875vw;
    padding: 1.15vw;
}
#search-mobile {
	display: hide;
}

/* Корзина */

/* Стили ТОЛЬКО для WebKit (Chrome, Opera, Safari) */
@supports selector(::-webkit-scrollbar) {
    .scroll-container::-webkit-scrollbar {
        width: 7px !important;
        height: 7px !important;
    }

    .scroll-container::-webkit-scrollbar-track {
        background: transparent !important;
    }

    .scroll-container::-webkit-scrollbar-thumb {
        background: rgba(136, 136, 136, 0.7) !important;
        border-radius: 8px !important;
        border: 3px solid transparent !important;
        background-clip: content-box !important;
    }

    .scroll-container::-webkit-scrollbar-thumb:hover {
        background: rgba(85, 85, 85, 0.9) !important;
    }

    .scroll-container::-webkit-scrollbar-button {
        display: none !important;
    }
}

/* Стили ТОЛЬКО для Firefox */
@supports not selector(::-webkit-scrollbar) {
    .scroll-container {
        scrollbar-width: thin !important;
        scrollbar-color: rgba(136, 136, 136, 0.7) transparent !important;
    }
}
#smp-cart{
	position: fixed;
	display: flex;
	flex-direction: column;
    width: 22.5vw;
    height: 100vh;
    right: -22.5vw;
    background: #fff;
    z-index: 1001;
    transition: .3s right;
}
#smp-cart-thanks, #smp-cart-empty{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
}
#smp-cart-thanks > div, #smp-cart-empty > div{
    position: absolute;
    width: 80%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#smp-cart-thanks-done{
    font-size: 0.75vw!important;
}
#smp-cart.cart-open{
	right: 0vw;
}
#smp-cart .cart-body{
	flex: auto;
    overflow: auto;
    padding-bottom: 2vw;
}
#smp-cart .cart-close{
	position: absolute;
	height: 1vw;
	width: 1vw;
	right: 1.5vw;
    top: 1.25vw;;
	cursor: pointer;
	z-index: 1;
}
#smp-cart .cart-close:after, #smp-cart .cart-close:before{
    content: "";
    top: calc(50% - 1px);
    position: absolute;
    display: block;
    width: 100%;
    height: 0.1vw;
    background: rgb(var(--c-black));
}

#smp-cart .cart-close:after{transform: rotate(45deg);}
#smp-cart .cart-close:before{transform: rotate(135deg);}

#smp-cart  .form--wrp{
    position: relative;
    margin-top: .9vw;
    margin-bottom: 1.8vw;
    border: 1px solid rgb(var(--c-black));
    padding: .7vw;
    align-items: center;
}
#smp-cart  .form--wrp > input{
	color: rgb(var(--c-black));
    letter-spacing: .02vw;
    line-height: 100%;
    padding: 0;
    height: 1vw;
}
#smp-cart  .form--wrp:before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 0.1vw;
    background: rgb(var(--c-black));
	opacity: 0.2;
    left: 0;
    bottom: -2vw;
}
#smp-cart .space-between{
	display: flex;
    justify-content: space-between;
}
#smp-cart .btn-init{
	font-size: 0.75vw;
}
#smp-cart i{
	font-size: .66em;
    font-style: inherit;
    margin-left: .25vw
}

#smp-cart .cart-item{
	padding: .9vw 0;
	margin: 0 1.875vw;	
	border-bottom: 1px solid rgba(var(--c-black),.2);
}
#smp-cart .cart-item:first-of-type{
	border-top: 1px solid rgba(var(--c-black),.2);
}

#smp-cart .cart-item > .cart-item-head{
	display: flex;
    justify-content: space-between;
    color: rgba(var(--c-black),.5);
    font-size: .75vw;
    line-height: 130%;
    letter-spacing: 0.015vw;
}
#smp-cart .cart-item > .cart-item-head > .icon-trash{
	font-size: .875vw;
	cursor: pointer;
	color: rgba(var(--c-black),.6);
	transition: .2s color;
}
#smp-cart .cart-item > .cart-item-head > .icon-trash:hover{
	color: rgba(var(--c-black),1);
}

#smp-cart .cart-item > .cart-item-body{
	margin-top: .375vw;
	padding-right: 3.5vw;
}
#smp-cart .cart-item p{
	margin: 0;
}
#smp-cart .cart-item > .cart-item-body > p{
	font-size: 1vw;
	letter-spacing: 0.02vw;
	font-weight: 600;
	line-height: 130%;
}
#smp-cart .cart-item > .cart-item-body > .cart-item-info{
	margin-top: .8vw;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#smp-cart .cart-item .cart-item-price{
	font-family: "Bebas";
	font-size: 1.25vw;
	line-height: 120%;
	letter-spacing: 0.025vw;
}
#smp-cart .cart-item .cart-item-ctr{
	display: flex;
	gap: .625vw;
	align-items: center;
}
#smp-cart .cart-item .cart-item-ctr .ctr-sum{
	font-size: .875vw;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: .0175vw;
}
#smp-cart .cart-item .cart-item-ctr .ctr-sub,#smp-cart .cart-item .cart-item-ctr .ctr-add{
	position: relative;
	display:block;
	height: 1vw;
	width: 1vw;
	font-size: 1vw;
	cursor: pointer;
	color: rgba(var(--c-black),.6);
	transition: .2s color;
}
#smp-cart .cart-item .cart-item-ctr .ctr-sub:hover,#smp-cart .cart-item .cart-item-ctr .ctr-add:hover{
	color: rgba(var(--c-black),1);
}

@media (max-width: 768px) {
	:root{
		--grid-gap: 10px;
		--grid-padding: 15px;
		
		--font-size-base: 14px;
	}
	.form-w{width: 100%;}
	
	.m-col-1 {grid-column: span 1!important;}
	.m-col-2 {grid-column: span 2!important;}
	.m-col-3 {grid-column: span 3!important;}
	.m-col-4 {grid-column: span 4!important;}
	
	.mo-1{order: 1;}
	
	.mm-0, .mmt-0, .mmy-0{margin-top:    0!important;}
	.mm-0, .mmb-0, .mmy-0{margin-bottom: 0!important;}
	.mm-0, .mml-0, .mmx-0{margin-left:   0!important;}
	.mm-0, .mmr-0, .mmx-0{margin-right:  0!important;}	
	
	.mm-5, .mmt-5, .mmy-5{margin-top:    5px;}
	.mm-5, .mmb-5, .mmy-5{margin-bottom: 5px;}
	.mm-5, .mml-5, .mmx-5{margin-left:   5px;}
	.mm-5, .mmr-5, .mmx-5{margin-right:  5px;}	
	
	.mm-15, .mmt-15, .mmy-15{margin-top:    15px;}
	.mm-15, .mmb-15, .mmy-15{margin-bottom: 15px; line-height: 25px;}
	.mm-15, .mml-15, .mmx-15{margin-left:   15px;}
	.mm-15, .mmr-15, .mmx-15{margin-right:  15px;}	
	
	.mm-10, .mmt-10, .mmy-10{margin-top:    10px;}
	.mm-10, .mmb-10, .mmy-10{margin-bottom: 10px;}
	.mm-10, .mml-10, .mmx-10{margin-left:   10px;}
	.mm-10, .mmr-10, .mmx-10{margin-right:  10px;}	
	
	.mm-20, .mmt-20, .mmy-20{margin-top:    20px;}
	.mm-20, .mmb-20, .mmy-20{margin-bottom: 20px;}
	.mm-20, .mml-20, .mmx-20{margin-left:   20px;}
	.mm-20, .mmr-20, .mmx-20{margin-right:  20px;}	
	
	.mm-25, .mmt-25, .mmy-25{margin-top:    25px;}
	.mm-25, .mmb-25, .mmy-25{margin-bottom: 25px;}
	.mm-25, .mml-25, .mmx-25{margin-left:   25px;}
	.mm-25, .mmr-25, .mmx-25{margin-right:  25px;}	
	
	.mm-30, .mmt-30, .mmy-30{margin-top:    30px!important;}
	.mm-30, .mmb-30, .mmy-30{margin-bottom: 30px!important;}
	.mm-30, .mml-30, .mmx-30{margin-left:   30px!important;}
	.mm-30, .mmr-30, .mmx-30{margin-right:  30px!important;}	
	
	.mm-40, .mmt-40, .mmy-40{margin-top:    40px!important;}
	.mm-40, .mmb-40, .mmy-40{margin-bottom: 40px!important;}
	.mm-40, .mml-40, .mmx-40{margin-left:   40px!important;}
	.mm-40, .mmr-40, .mmx-40{margin-right:  40px!important;}	
	
	.mm-100, .mmt-100, .mmy-100{margin-top:    100px!important;}
	.mm-100, .mmb-100, .mmy-100{margin-bottom: 100px!important;}
	.mm-100, .mml-100, .mmx-100{margin-left:   100px!important;}
	.mm-100, .mmr-100, .mmx-100{margin-right:  100px!important;}	
	
	.mp-0, .mpt-0, .mpy-0{padding-top: 	0px!important;}
	.mp-0, .mpb-0, .mpy-0{padding-bottom:0px!important;}
	.mp-0, .mpl-0, .mpx-0{padding-left: 0px!important;}
	.mp-0, .mpr-0, .mpx-0{padding-right: 0px!important;}
	
	.mp-10, .mpt-10, .mpy-10{padding-top: 	10px!important;}
	.mp-10, .mpb-10, .mpy-10{padding-bottom:10px!important;}
	.mp-10, .mpl-10, .mpx-10{padding-left: 	10px!important;}
	.mp-10, .mpr-10, .mpx-10{padding-right: 10px!important;}
	
	.mp-15, .mpt-15, .mpy-15{padding-top: 	15px!important;}
	.mp-15, .mpb-15, .mpy-15{padding-bottom:15px!important;}
	.mp-15, .mpl-15, .mpx-15{padding-left: 	15px!important;}
	.mp-15, .mpr-15, .mpx-15{padding-right: 15px!important;}
	
	.mp-20, .mpt-20, .mpy-20{padding-top: 	20px!important;}
	.mp-20, .mpb-20, .mpy-20{padding-bottom:20px!important;}
	.mp-20, .mpl-20, .mpx-20{padding-left: 	20px!important;}
	.mp-20, .mpr-20, .mpx-20{padding-right: 20px!important;}
	
	.mp-30, .mpt-30, .mpy-30{padding-top: 	30px!important;}
	.mp-30, .mpb-30, .mpy-30{padding-bottom:30px!important;}
	.mp-30, .mpl-30, .mpx-30{padding-left: 	30px!important;}
	.mp-30, .mpr-30, .mpx-30{padding-right: 30px!important;}
	
	.mp-50, .mpt-50, .mpy-50{padding-top: 	50px!important;}
	.mp-50, .mpb-50, .mpy-50{padding-bottom:50px!important;}
	.mp-50, .mpl-50, .mpx-50{padding-left: 	50px!important;}
	.mp-50, .mpr-50, .mpx-50{padding-right: 50px!important;}
	
	.mp-100, .mpt-100, .mpy-100{padding-top:   100px!important;}
	.mp-100, .mpb-100, .mpy-100{padding-bottom:100px!important;}
	.mp-100, .mpl-100, .mpx-100{padding-left:  100px!important;}
	.mp-100, .mpr-100, .mpx-100{padding-right: 100px!important;}
	
	.t-fsize-30{font-size: 40px}
	
	.mt-fsize-12{font-size: 12px;}
	.mt-fsize-14{font-size: 14px;}
	.mt-fsize-16{font-size: 16px;}
	.mt-fsize-20{font-size: 20px;}
	.mt-fsize-22{font-size: 22px;}
	.mt-fsize-30{font-size: 30px;}
	.mt-left	{text-align: left;}
	.mt-center	{text-align: center;}
	
	.policy-agreement{
		margin-top: 10px;
		font-size: 12px;
		letter-spacing: 0.18px;
	}
	.policy-agreement > .checkbox{
		flex: none;
		width: 20px; height: 20px;
		margin-right: 8px;
	}
	.policy-agreement.checked > .checkbox:after{
		width: 16px;
		height: 8px;
		top: 2px;
		left: 2px;
	}	
	
	html, body{	letter-spacing: 0.28px; }	
	
	.m-x-scroll{
		overflow-x: scroll;
		padding-bottom: 20px;
	}
	
	.btn-init{
		padding: 15px 0;
		font-size: 18px;
		letter-spacing: 0.36px;
	}

	/* Переносы строк */
	br[d],br.d{display:none;}
	br[m],br.m,.d-hide{display:block;}
	span.d-hide{display:inline;}

	.m-hide,.sec-name{
		display:none!important;
	}
	
	#sidemenu{display: block;}
	.open#sidemenu{left:0;}
	
	
	header{   
		position: fixed;
		padding: 15px;
		background-color: rgb(var(--c-black));
	}	
	
	header > .logo,header > .buttons{height: auto;}
	header > .logo img{width:100px;}
	header > .logo {position: relative; z-index: 16;}
	
	
	#burger,.mhead-call,.head-whatsapp{
		position: relative;
		display:inline-block;
		height: 46px;
		width: 46px;
		border-radius: 50%;
	}
	.mhead-call{
		background-color: rgb(var(--c-yellow));
		font-size: 24px;
		color: rgb(var(--c-black));
		padding: 11px;
		box-sizing: border-box;
		margin-right: 10px;
	}
	.head-whatsapp{
        font-size: 24px!important;
        padding: 11px!important;
        box-sizing: border-box;
        margin-right: 10px;
        color: rgb(var(--c-black))!important;
        background-color: rgb(var(--c-yellow))!important;
    }
	#burger{background-color: rgb(var(--c-white));z-index: 16;}
	#burger:after,#burger:before{
		content: "";
		display: block;
		position: absolute;
		width: 26px;
		height: 3px;
		background-color: rgb(var(--c-black));
		left: 10px;
		transition: .2s all;
	}
	#burger:after{ top: 18px; }
	#burger:before{ bottom: 18px; }	
	.close#burger:after{ 
		transform: rotate(45deg);
		top: 22px;
	}
	.close#burger:before{
		transform: rotate(-45deg);
		bottom: 21px; 
	}	
		
	#mscreen{
		background-image: url(../images/mobile-bg.webp);
        background-position-y: bottom;
        background-size: contain;
        background-repeat: no-repeat;
        height: 760px;
	}
	
	#mscreen .title {
        font-size: 50px;
        line-height: 100%;
        margin-top: 200px;
        width: auto;
        text-align: left;
	}
	
	.sec-numbers {font-size: 12px;}
	.sec-numbers > div:nth-of-type(1){
		font-size: 70px;
	}
	.section-title{
		font-size: 30px;
	}

	#cat > .row{
		width: calc((100vw - 33.33px)* 5.25 + var(--grid-gap)* 4.5 + 15px);
		gap: var(--grid-gap);
		grid-template-columns: repeat(7, calc((100vw - 33.33px) * .75));
	}	
	.card{ padding: 20px;}
	.card > .card--title--wrp > .card--title{padding-right: 20px;}
	.card > .card--title--wrp > .card--subtitle, .card > .card--sub{
		font-size: 12px;
		letter-spacing: 0.24px;
	}
	.card > .card--title--wrp > span{
		top: 4px;
        font-size: 16px;
	}
	.card > .card--img--wrp > img{ max-height: 138px;}
	.card.m-invert{
		color: rgb(var(--c-white));
		background-color: rgb(var(--c-black));
	}
	.card:hover{
		color: rgb(var(--c-black));
		background-color: rgb(var(--c-dim-gray));
	}
	.card.m-invert:hover{
		color: rgb(var(--c-white));
		background-color: rgb(var(--c-black));
	}
	.perk{
		padding: 11px;	
		height: auto;
	}
	.perk > span { font-size: 18px;	}
	.perk > .perk--descr > .perk--descr-title{
		font-size: 14px;
		letter-spacing: 0.28px;	
		margin: 20px 0 10px 0;
	}
	.perk > .perk--descr > .perk--descr-subtitle{
		font-size: 12px;
		line-height: 120%;
		letter-spacing: 0.24px;
	}
	
	.form--wrp{	padding: 20px 0; }
	.form--wrp > input,textarea{ font-size: 16px; }
	
	.point{
	    display: flex;
	    gap: 10px;
        padding: 20px 0;
        border-top: 1px solid rgb(var(--c-black));
	}
	.point:before{
        width: 4px;
        height: 4px;
        top: -5px;
        left: -1px;
        border: 3px solid rgb(var(--c-yellow));
	}
	.point:first-of-type:before{ left: -1px; }
	.point > .title{
	    font-size: 14px;
        flex: 1 1 50%;
        margin-top: 0;
	 }
	.point > .descr{
        flex: 1 1 50%;
        font-size: 12px;
        letter-spacing: 0.24px;
	}
	
	#images {
		gap: var(--grid-gap);
		grid-template-columns: repeat(9, calc((100vw - 33.33px) * .75));
	}
	#images > div{ grid-column: span 1; }
	
	#banner{
	    overflow: hidden;
		position: relative;
	}
	#banner > .filler-title {
		width: auto;
        font-size: 48px;
        margin-top: 5px;
        margin-bottom: -30px;
	}
	#banner > .filler-gradient {
	    height: 123px;
		margin-bottom: -123px;
	}
	#banner > img{
		width: auto;
		height: 444px;
		transform: translateX(-25%);
    }
    
    .price-list-card{padding: 30px 20px;}
    
    #brands-next, #brands-prev {
		width: 26px;height: 26px;
    }
    #brands-prev{margin-right:20px}
    
    #brands .swiper-slide { width: 80px;}
	#brands .swiper-slide > div > img {
		width: 100%;
	}
	#brands .swiper-slide-next + .swiper-slide > div > img:nth-of-type(2){opacity:0;}
	#brands .swiper-slide-active > div > img:nth-of-type(2){opacity:1;}
	
	footer .logo{width: 100px;}
	footer .phone,footer .phone.dim{
		font-size: 40px;
		margin-top: 0;	
	}
	footer .doc-link{
		font-size: 14px;
		padding-bottom: 5px;	
	}
	
	.popup-card{ 
        flex-direction: column;
        width: calc(100% - 30px);
        margin: 0 15px;
        top: 100px;
        left: 0;
        transform: none;
	}
	.popup-card > .popup-card-img,.popup-card > .popup-card-body{width:100%;}
	.popup-card > .popup-card-img{
		min-height: 135px;
        background-position: center;
	}
	.popup-card > .popup-card-close{display: none;}
	.popup-card > .popup-card-body{
		padding: 30px 20px 50px 20px;
	}
	.popup-card > .popup-card-body > .popup-card-title{
		font-size: 27px;
		text-align: center;
	}
	.popup-card > .popup-card-body > .popup-card-sub{
		font-size: 14px;
		text-align: center;
	}
	.popup-card > .popup-card-body > .popup-card-art{
		font-size: 27px;
		text-align: center;
		margin-bottom: 0px;
		margin-top: 40px;
	}
	.popup-card > .popup-card-body > .popup-card-price{
		font-size: 25px;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	#cookie{
        box-sizing: border-box;
        right: 15px;
        bottom: 15px;
        padding: 15px;
        width: calc(100% - 30px);
	}
	#cookie > .t{
		font-size: 14px;
	}
	#cookie > .s{
		font-size: 12px;
		margin: 10px 0;
	}
	#cookie > .btn-init{
		font-size: 12px;
        width: 110px;
        padding: 10px 0;
	}
	
	#done{
		box-sizing: border-box;
		width: calc(100% - 30px);
        margin: 0 15px;
		padding: 70px 20px;
		top: 50%;
        left: 0;
        transform: translate(0,-50%)
	}
	#done > .done-card-title{
		font-size: 27px;
	}
	#done > .done-card-sub{
		font-size: 14px;
		margin-top: 5px;
		margin-bottom: 25px;
	}	
	
	.legal-container{
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}
	.legal-back{
		font-size: 14px;
		margin-top: 20px;
		margin-bottom: 35px;
	}
	.legal-back > span{
		font-size: 20px;
	}	
	.legal-title{ 
		font-size: 28px;
		letter-spacing: normal;
	}
	.legal-header{
		font-size: 20px;
		letter-spacing: normal;
	}
	.legal-text{
		font-size: 12px;
		letter-spacing: 0.24px;
	}
	.legal-table > .table-wrp{
		padding: 20px 15px;
		flex-direction: column;
	}
	.legal-table > .table-wrp > div{
		padding: 0;
		border-right: none;
	}
	.legal-table > .table-wrp > .table-head{
		width:100%;
		font-size: 14px;
		letter-spacing: 0.28px;
		margin-bottom: 10px;
	}
	.legal-table > .table-wrp > .table-cell{
		font-size: 12px;
		letter-spacing: 0.24px;
	}
	.legal-table ul{
		padding-left: 26px;
	}
	
	/* Подглавная */
	
	#sub-screen{
		height: 600px;
		padding-top: 160px;
		padding-left: 15px;
		padding-right: 15px;
		
	}
	#sub-screen h1 {
		font-size: 55px;
		line-height: 100%;	
	}
	#sub-screen .buttons_area{width: 100%;}
	#sub-screen .image_area{
		 width: 302px;
	}
	#sub-screen .image_area > img{ 
		max-width: 300px;
		height: 240px;
	}
	#sub-screen .image_area > .circle-big{
		top: 30px;
		width: 300px;
		height: 300px;
	}

	#sub-screen .image_area > .circle{
		top: 70px;
		width: 220px;
		height: 220px;
	}
	
	/* Таблица */
	
	.filter{display:none;}
	#price-search{
		padding: 14px 20px 14px 40px;
		width: 100%;
		border-radius: 0;
	}
	#price-search > input{
		font-size: 14px;
        line-height: 16px;
	}
	#price-search:before{
		top: 12px;
		left: 12px;
		font-size: 20px;	
	}	
	
	#page > .row {
	    display: flex;
        gap: 30px;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 12px;
	}
	#page > .row:hover{
    	cursor:pointer;
    	background-color: inherit!important;
    }
	#page > .row > div {
		flex: 0 0 80px;
	}	
	#page > .row > div:nth-of-type(2) {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: space-between;
	}	
	#page > .row > div:nth-of-type(2) > .d-hide {
        display: flex;
        justify-content: space-between;
        color: rgba(var(--c-black),.4);
	}	
	#page > .row > div:last-of-type {
		flex: 0;
	}	
	#page .do-call{
		border-radius: 2px;
		background: rgb(var(--c-black));
		color: rgb(var(--c-yellow));
		font-size: 20px;
		padding: 16px;
		line-height: 1;
	}
	#page > .row:hover .do-call{
        background: rgb(var(--c-black)) !important;
        color: rgb(var(--c-yellow)) !important;
    }
	#pagination, .mob-pagination{
		gap: 10px;
	}
	.mob-pagination{
    	display: flex;
	}
	#pagination > .edge, .mob-pagination > .edge{
		width: 28px;
		height: 28px;
		font-size: 20px;
		padding-top: 3px;
	}
	#pagination > .move, .mob-pagination > .move{
		width: 40px;
		height: 40px;
		font-size: 28px;
		padding-top: 5px;
	}
	#pagination > .move.b, .mob-pagination > .move.b{ padding-left: 6px; }
	#pagination > .move.n, .mob-pagination > .move.n{ padding-left: 9px; }
	#pagination > .pages,  .mob-pagination > .pages{
		font-size: 20px;
		letter-spacing: 0.4px;	
	}	
	.t-head {
		display: flex;
        gap: 30px;
        padding-top: 20px;
		padding-bottom: 15px;
	}
	.t-head > div {
		flex: 0 0 80px;
	}
	.t-head > div:nth-of-type(2){
		flex-grow: 1;
	}

	#search-head{display: none;}
	#search-mobile {
        position: fixed;
        display: flex;
        flex-direction: column;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        box-sizing: border-box;
        padding: 0 10px;
        background: rgb(var(--c-black));
        z-index: 9;
        justify-content: center;
	}
	
	#m-search{
		font-family: "Bebas";
        background: none;
        outline: none;
        border: none;
        color: rgb(var(--c-white));
        font-size: 41px;
        line-height: 100%;
        text-transform: uppercase;
        border-bottom: 1px solid;
	}
	
	/* Корзина */
	
	#smp-cart{
		width: 100vw;
		right: -100vw;
	}	
    #smp-cart-thanks-done{
        font-size: 12px!important;
    }
	#smp-cart .btn-init{
		font-size: 18px;
		margin: 0 -15px;
        width: calc(100% + 30px);
	}
	#smp-cart i{
		margin-left: 2px;
	}
	#smp-cart .cart-close{
		height: 16px;
		width: 16px;
		right: 15px;
		top: 15px;
	}
	#smp-cart .cart-close:after, #smp-cart .cart-close:before{
		height: 1px;
		background: rgb(var(--c-black));
	}
	
	#smp-cart .cart-item{
		padding: 18px 0;
		margin: 0 15px;	
	}
	#smp-cart .cart-item > .cart-item-head{
		font-size: 12px;
		letter-spacing: 0.24px;
	}
	#smp-cart .cart-item > .cart-item-head > .icon-trash{
		font-size: 16px;
	}
	#smp-cart .cart-item > .cart-item-body{
		margin-top: 10px;
		padding-right: 66px;
	}
	#smp-cart .cart-item > .cart-item-body > p{
		font-size: 16px;
		letter-spacing: 0.32px;
	}
	#smp-cart .cart-item > .cart-item-body > .cart-item-info{
		margin-top: 20px;
	}
	#smp-cart .cart-item .cart-item-price{
		font-size: 16px;
		letter-spacing: 0.312px;
	}
	#smp-cart .cart-item .cart-item-ctr{
		gap: 15px;
	}
	#smp-cart .cart-item .cart-item-ctr .ctr-sum{
		font-size: 16px;
		letter-spacing: 0.312px;
	}
	#smp-cart .cart-item .cart-item-ctr .ctr-sub,#smp-cart .cart-item .cart-item-ctr .ctr-add{
		height: 16px;
		width: 16px;
		font-size: 16px;
	}
	#smp-cart  .form--wrp{
		margin-top: 15px;
		margin-bottom: 30px;
		padding: 15px;
	}
	#smp-cart  .form--wrp > input{
		letter-spacing: 0.32px;
		height: 17px;
	}
	#smp-cart  .form--wrp:before{
		height: 1px;
		bottom: -31px;
	}
	#smp-cart  .form--flag.form--wrp > img{
		margin-right: 10px;
        width: 21px;
	}	
}
#item-card > .row > .col-2,
#item-card > .row > .m-col-4 {
  min-width: 0;
}

#item-card .item-offers,
#item-card .item-offers *,
#item-card .item-data-card--offers,
#item-card .item-offers-table-wrap,
#item-card .item-offers-table,
#item-card .item-offers-table th,
#item-card .item-offers-table td,
#item-card .item-offers-table__btn {
  box-sizing: border-box;
}

#item-card .item-data-card--offers,
#item-card .item-offers-table-wrap,
#item-card .item-offers-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

#item-card .item-data-card--offers,
#item-card .item-offers-table-wrap {
  overflow: hidden;
}

#item-card .item-offers-table {
  table-layout: fixed;
  border-collapse: collapse;
}

@media (max-width: 767px) {
  #item-card .item-offers-table-wrap {
    overflow-x: auto;
  }

  #item-card .item-offers-table {
    min-width: 620px !important;
  }
}

/* === cross-browser layout fixes === */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
*, *::before, *::after {
  box-sizing: border-box;
}
img, svg {
  max-width: 100%;
  height: auto;
}
header {
  gap: 16px;
}
header > .logo,
header > .buttons {
  flex-shrink: 0;
}
header > ul {
  min-width: 0;
  flex-wrap: wrap;
}
header .head-call,
header .head-price,
header .head-whatsapp,
header .head-cart {
  box-sizing: border-box;
}
header .head-call {
  min-width: 0;
  white-space: nowrap;
}
header .head-call > p {
  white-space: nowrap;
}
header .head-price {
  white-space: nowrap;
}
@media (min-width: 769px) {
  header > .buttons {
    align-items: stretch;
  }
  header .head-call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    min-height: 50px;
  }
  header .head-call > p:nth-of-type(1) {
    font-size: clamp(13px, .75vw, 16px);
  }
  header .head-call > p:nth-of-type(2) {
    font-size: clamp(10px, .53vw, 12px);
  }
  header .head-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 14px;
    font-size: clamp(12px, .75vw, 14px);
  }
}

@media (min-width: 1025px) {
    header {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        column-gap: 24px;
    }

    header > .logo {
        height: auto;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }

    header > .logo img {
        height: 60px;
        width: auto;
        display: block;
    }

    header > ul {
        flex: none;
        min-width: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 28px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: hidden;
    }

    header > ul li {
        flex: 0 0 auto;
    }

    header > ul a {
        font-size: 18px;
        line-height: 1;
        display: inline-block;
    }

    header > .buttons {
        flex: 0 0 auto;
        height: auto;
        align-items: center;
        gap: 12px;
    }

    .buttons-clump {
        flex: 0 0 auto;
        min-width: 0;
        white-space: nowrap;
    }

    .buttons-clump > a {
        padding: 0 16px;
        min-height: 58px;
    }

    .buttons-clump > a div {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }

    .buttons-clump > a div > span {
        width: 28px;
        height: 28px;
        font-size: 18px;
        padding: 5px;
    }

    .buttons-clump > a p {
        font-size: 14px;
        line-height: 1.1;
        white-space: normal;
    }

    .buttons-clump > a p > span {
        font-size: 12px;
        line-height: 1.1;
    }

    header .head-whatsapp,
    header .head-cart {
        font-size: 32px;
        padding: 12px;
    }
}
/* Mobile header/menu fixes: fit navigation on small screens */
@media (max-width: 768px) {
    header {
        gap: 10px;
        min-height: 76px;
        padding: max(10px, env(safe-area-inset-top)) 12px 10px;
    }

    header > .logo {
        flex: 0 1 auto !important;
        min-width: 0;
    }

    header > .logo img {
        display: block;
        width: clamp(78px, 27vw, 100px);
        height: auto;
    }

    header > .buttons {
        flex: 0 0 auto !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        min-width: 0;
        flex-direction: row-reverse;
    }

    #burger,
    .mhead-call,
    header .head-whatsapp {
        width: clamp(38px, 12vw, 46px) !important;
        height: clamp(38px, 12vw, 46px) !important;
        min-width: clamp(38px, 12vw, 46px);
        padding: 0 !important;
        margin-right: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .mhead-call,
    header .head-whatsapp {
        font-size: clamp(20px, 6vw, 24px) !important;
    }

    #burger:before,
    #burger:after {
        width: 58%;
        left: 21%;
    }

    #burger:after { top: 39%; }
    #burger:before { bottom: 39%; }
    .close#burger:after { top: calc(50% - 1.5px); }
    .close#burger:before { bottom: calc(50% - 1.5px); }

    #sidemenu {
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: calc(24px + env(safe-area-inset-bottom));
        box-sizing: border-box;
    }

    #sidemenu > ul {
        gap: clamp(12px, 4vh, 22px);
        padding: clamp(96px, 18vh, 150px) 15px 0;
    }

    #sidemenu > ul a {
        font-size: clamp(34px, 12vw, 50px);
        line-height: .95;
        overflow-wrap: anywhere;
    }

    #sidemenu > .side-icon-link {
        width: auto !important;
        max-width: calc(100vw - 30px);
        margin-left: 15px !important;
        margin-right: 15px;
        padding: 12px 16px !important;
        box-sizing: border-box;
    }
}

@media (max-width: 380px) {
    header {
        padding-left: 10px;
        padding-right: 10px;
    }

    header > .buttons {
        gap: 6px;
    }

    #sidemenu > ul {
        padding-top: 88px;
    }

    #sidemenu > ul a {
        font-size: 34px;
    }

    #sidemenu > .side-icon-link {
        margin-left: 10px !important;
        margin-right: 10px;
        max-width: calc(100vw - 20px);
    }
}

@media (max-height: 640px) and (max-width: 768px) {
    #sidemenu > ul {
        gap: 10px;
        padding-top: 86px;
    }

    #sidemenu > ul a {
        font-size: clamp(30px, 10vw, 42px);
    }

    #sidemenu > .side-icon-link.mmt-40 {
        margin-top: 22px !important;
    }

    #sidemenu > .side-icon-link.mmt-20 {
        margin-top: 12px !important;
    }
}

/* Адаптация шапки и меню для узких экранов: планшеты, маленькие ноутбуки */
@media (max-width: 1200px) {
    header {
        position: fixed;
        padding: 12px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        background-color: rgb(var(--c-black));
    }

    header > .logo {
        height: auto;
        position: relative;
        z-index: 16;
        flex: 0 0 auto;
    }

    header > .logo img {
        width: 100px;
        height: auto;
        display: block;
    }

    header > ul,
    header .buttons-clump,
    header .head-cart {
        display: none !important;
    }

    header > .buttons {
        height: auto;
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 10px;
        flex-direction: row-reverse;
    }

    #burger,
    .mhead-call,
    header .head-whatsapp {
        position: relative;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        min-width: 46px;
        border-radius: 50%;
        box-sizing: border-box;
        margin-right: 0;
    }

    .mhead-call,
    header .head-whatsapp {
        padding: 0 !important;
        font-size: 24px !important;
        color: rgb(var(--c-black)) !important;
        background-color: rgb(var(--c-yellow)) !important;
        border: 0;
    }

    #burger {
        background-color: rgb(var(--c-white));
        z-index: 16;
        cursor: pointer;
    }

    #burger:after,
    #burger:before {
        content: "";
        display: block;
        position: absolute;
        width: 26px;
        height: 3px;
        background-color: rgb(var(--c-black));
        left: 10px;
        transition: .2s all;
    }

    #burger:after { top: 18px; }
    #burger:before { bottom: 18px; }

    .close#burger:after {
        transform: rotate(45deg);
        top: 22px;
    }

    .close#burger:before {
        transform: rotate(-45deg);
        bottom: 21px;
    }

    #sidemenu {
        display: block;
        position: fixed;
        top: 0;
        left: 100vw;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 32px;
        background-color: rgb(var(--c-black));
        z-index: 15;
        transition: .2s left;
    }

    .open#sidemenu {
        left: 0;
    }

    #sidemenu > ul {
        padding: 110px 15px 0 15px;
        gap: 16px;
    }

    #sidemenu > ul a {
        font-size: clamp(34px, 8vw, 50px);
        line-height: 1;
    }

    #sidemenu > .side-icon-link {
        width: auto;
        max-width: calc(100vw - 30px);
        margin-left: 15px;
        margin-right: 15px;
        padding: 12px 16px;
    }
}

@media (max-width: 380px) {
    header {
        padding: 10px 12px;
        gap: 8px;
    }

    header > .logo img {
        width: 86px;
    }

    #burger,
    .mhead-call,
    header .head-whatsapp {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    #burger:after,
    #burger:before {
        left: 9px;
        width: 24px;
    }

    #burger:after { top: 16px; }
    #burger:before { bottom: 16px; }

    .close#burger:after { top: 20px; }
    .close#burger:before { bottom: 19px; }

    #sidemenu > ul {
        padding-top: 92px;
    }

    #sidemenu > .side-icon-link {
        padding: 10px 12px;
    }
}


/* FIX 2026-05-12: адаптация шапки для узких экранов и планшетов.
   На ширине, где десктопное меню уже не помещается, показываем мобильную шапку. */
@media (max-width: 1440px) {
    header {
        position: fixed;
        padding: 12px 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        background-color: rgb(var(--c-black));
        min-height: 70px;
        overflow: visible !important;
    }

    header > .logo {
        height: auto !important;
        position: relative;
        z-index: 16;
        flex: 0 1 auto !important;
        min-width: 0;
    }

    header > .logo img {
        width: clamp(86px, 18vw, 120px) !important;
        height: auto !important;
        display: block;
    }

    header > ul,
    header .buttons-clump,
    header .head-cart {
        display: none !important;
    }

    header > .buttons {
        height: auto !important;
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        flex-direction: row-reverse !important;
        min-width: 0;
    }

    #burger,
    .mhead-call,
    header .head-whatsapp {
        position: relative;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 50% !important;
        box-sizing: border-box !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }

    .mhead-call,
    header .head-whatsapp {
        font-size: 24px !important;
        color: rgb(var(--c-black)) !important;
        background-color: rgb(var(--c-yellow)) !important;
        border: 0 !important;
    }

    #burger {
        background-color: rgb(var(--c-white));
        z-index: 16;
        cursor: pointer;
    }

    #burger:after,
    #burger:before {
        content: "";
        display: block;
        position: absolute;
        width: 26px;
        height: 3px;
        background-color: rgb(var(--c-black));
        left: 10px;
        transition: .2s all;
    }

    #burger:after { top: 18px; }
    #burger:before { bottom: 18px; }

    .close#burger:after {
        transform: rotate(45deg);
        top: 22px;
    }

    .close#burger:before {
        transform: rotate(-45deg);
        bottom: 21px;
    }

    #sidemenu {
        display: block !important;
        position: fixed;
        top: 0;
        left: 100vw;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: calc(32px + env(safe-area-inset-bottom));
        background-color: rgb(var(--c-black));
        z-index: 15;
        transition: .2s left;
        box-sizing: border-box;
    }

    .open#sidemenu { left: 0; }

    #sidemenu > ul {
        padding: clamp(92px, 14vh, 120px) 15px 0 15px !important;
        gap: clamp(12px, 3vh, 18px) !important;
        display: flex;
        flex-direction: column;
        list-style: none;
        margin: 0;
    }

    #sidemenu > ul a {
        font-size: clamp(32px, 9vw, 50px) !important;
        line-height: .98 !important;
        overflow-wrap: anywhere;
    }

    #sidemenu > .side-icon-link {
        width: auto !important;
        max-width: calc(100vw - 30px) !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        padding: 12px 16px !important;
        box-sizing: border-box;
    }
}

@media (max-width: 420px) {
    header {
        padding-left: 10px !important;
        padding-right: 10px !important;
        gap: 8px !important;
        min-height: 62px;
    }

    header > .logo img {
        width: clamp(78px, 26vw, 96px) !important;
    }

    header > .buttons {
        gap: 7px !important;
    }

    #burger,
    .mhead-call,
    header .head-whatsapp {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }

    #burger:after,
    #burger:before {
        left: 8px;
        width: 24px;
    }

    #burger:after { top: 15px; }
    #burger:before { bottom: 15px; }

    .close#burger:after { top: 19px; }
    .close#burger:before { bottom: 18px; }

    #sidemenu > ul {
        padding-top: 84px !important;
    }
}

@media (max-height: 640px) and (max-width: 1440px) {
    #sidemenu > ul {
        padding-top: 82px !important;
        gap: 10px !important;
    }

    #sidemenu > ul a {
        font-size: clamp(28px, 8vh, 42px) !important;
    }

    #sidemenu > .side-icon-link.mmt-40 {
        margin-top: 20px !important;
    }

    #sidemenu > .side-icon-link.mmt-20 {
        margin-top: 10px !important;
    }
}

/* FIX 2026-05-12 v1.56: принудительно включаем компактную шапку на ноутбуках/малых окнах.
   На 1450-1680px десктопное меню с расширенными кнопками уже не помещается и уезжает вправо. */
@media (max-width: 1680px) {
    header {
        position: fixed;
        padding: 12px 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        background-color: rgb(var(--c-black));
        min-height: 70px;
        overflow: visible !important;
    }

    header > .logo {
        height: auto !important;
        position: relative;
        z-index: 16;
        flex: 0 1 auto !important;
        min-width: 0;
    }

    header > .logo img {
        width: clamp(96px, 12vw, 140px) !important;
        height: auto !important;
        display: block;
    }

    header > ul,
    header .buttons-clump,
    header .head-cart {
        display: none !important;
    }

    header > .buttons {
        height: auto !important;
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        flex-direction: row-reverse !important;
        min-width: 0;
    }

    #burger,
    .mhead-call,
    header .head-whatsapp {
        position: relative;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 50% !important;
        box-sizing: border-box !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }

    .mhead-call,
    header .head-whatsapp {
        font-size: 24px !important;
        color: rgb(var(--c-black)) !important;
        background-color: rgb(var(--c-yellow)) !important;
        border: 0 !important;
    }

    #burger {
        background-color: rgb(var(--c-white));
        z-index: 16;
        cursor: pointer;
    }

    #burger:after,
    #burger:before {
        content: "";
        display: block;
        position: absolute;
        width: 26px;
        height: 3px;
        background-color: rgb(var(--c-black));
        left: 10px;
        transition: .2s all;
    }

    #burger:after { top: 18px; }
    #burger:before { bottom: 18px; }

    .close#burger:after {
        transform: rotate(45deg);
        top: 22px;
    }

    .close#burger:before {
        transform: rotate(-45deg);
        bottom: 21px;
    }

    #sidemenu {
        display: block !important;
        position: fixed;
        top: 0;
        left: 100vw;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: calc(32px + env(safe-area-inset-bottom));
        background-color: rgb(var(--c-black));
        z-index: 15;
        transition: .2s left;
        box-sizing: border-box;
    }

    .open#sidemenu { left: 0; }

    #sidemenu > ul {
        padding: clamp(92px, 14vh, 120px) 15px 0 15px !important;
        gap: clamp(12px, 3vh, 18px) !important;
        display: flex;
        flex-direction: column;
        list-style: none;
        margin: 0;
    }

    #sidemenu > ul a {
        font-size: clamp(32px, 9vw, 50px) !important;
        line-height: .98 !important;
        overflow-wrap: anywhere;
    }

    #sidemenu > .side-icon-link {
        width: auto !important;
        max-width: calc(100vw - 30px) !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        padding: 12px 16px !important;
        box-sizing: border-box;
    }
}

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


/* Закрепленные действия справа на всех страницах и форма заказа звонка. */
#smp-side-actions {
    position: fixed;
    z-index: 900;
    right: 0;
    bottom: 84px;
    display: flex;
    width: 78px;
    flex-direction: column;
    gap: 1px;
    padding: 1px 0 1px 1px;
    background: #111;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}

.smp-side-action {
    position: relative;
    display: flex;
    min-height: 72px;
    width: 100%;
    padding: 8px 6px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, .08);
    border-radius: 0;
    background: #171717;
    color: #fff;
    font: inherit;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.smp-side-action:hover,
.smp-side-action:focus-visible {
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    transform: translateX(-3px);
    outline: none;
}

.smp-side-action--accent {
    background: #171717;
    color: #fff;
}

.smp-side-action--accent:hover,
.smp-side-action--accent:focus-visible {
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
}

.smp-side-action__icon {
    color: rgb(var(--c-yellow));
    font-size: 22px;
    line-height: 1;
    transition: color .2s ease;
}

.smp-side-action:hover .smp-side-action__icon,
.smp-side-action:focus-visible .smp-side-action__icon {
    color: rgb(var(--c-black));
}

.smp-side-action__label {
    max-width: 64px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.smp-side-action--email {
    text-decoration: none;
}

.smp-side-action__email-icon {
    font-family: "Manrope", sans-serif;
    font-size: 23px;
    font-weight: 800;
}

.smp-side-action__label--email {
    max-width: 70px;
    font-size: 10px;
    line-height: 1.15;
    white-space: normal;
}

.smp-side-action__count {
    position: absolute;
    top: 5px;
    right: 6px;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    font-size: 10px;
    font-weight: 800;
    line-height: 19px;
    text-align: center;
    box-sizing: border-box;
}

.callback-popup-bg {
    position: fixed;
    z-index: 1001;
    inset: 0;
    background: rgba(0, 0, 0, .7);
}

.callback-popup {
    position: fixed;
    z-index: 1002;
    top: 50%;
    left: 50%;
    width: min(460px, calc(100vw - 32px));
    max-height: min(90vh, 720px);
    padding: 32px 42px 40px;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background: #fff;
    color: #111;
    box-sizing: border-box;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .3);
}

.callback-popup__title {
    margin: 0 0 32px;
    color: #050505;
    font-family: inherit;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.12;
    text-transform: none;
    text-align: center;
}

.callback-popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.callback-popup__close::before,
.callback-popup__close::after {
    content: "";
    position: absolute;
    top: 13px;
    left: 4px;
    width: 20px;
    height: 2px;
    background: #333;
}

.callback-popup__close::before { transform: rotate(45deg); }
.callback-popup__close::after { transform: rotate(-45deg); }

.callback-field {
    display: block;
    margin-bottom: 15px;
    color: #8a8a8a;
    font-size: 12px;
    line-height: 1.35;
}

.callback-field > span {
    display: block;
    margin-bottom: 7px;
}

.callback-field b {
    color: rgb(var(--c-yellow));
    font-weight: 700;
}

.callback-field input {
    width: 100%;
    height: 42px;
    padding: 0 15px;
    border: 1px solid #dedede;
    border-radius: 3px;
    background: #fafafa;
    color: #111;
    font: inherit;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    transition: border-color .2s ease, background-color .2s ease;
}

.callback-field input::placeholder { color: #dedede; }

.callback-field input:focus {
    border-color: rgb(var(--c-yellow));
    background: #fff;
}

.callback-consent {
    margin: 22px 0 20px;
    align-items: flex-start;
    color: #5a5a5a;
    font-size: 13px;
    line-height: 1.35;
}

.callback-consent > .checkbox {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    margin-right: 10px;
    border-color: #7c7c7c;
}

.callback-consent.checked > .checkbox:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 5px;
    border-color: rgb(var(--c-yellow));
}

.callback-consent .body {
    max-width: 340px;
}

.callback-consent a {
    color: #333;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.callback-popup__submit {
    width: 145px;
    min-width: 145px;
    height: 40px;
    padding: 0 24px;
    border: 0;
    font-size: 14px;
    text-transform: none;
}

.callback-popup__success {
    padding: 18px 0 4px;
    text-align: center;
}

.callback-popup__success-icon {
    display: flex;
    width: 58px;
    height: 58px;
    margin: 0 auto 22px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(var(--c-yellow));
    color: #fff;
    font-size: 28px;
    font-weight: 800;
}

.callback-popup__success h3 {
    margin: 0 0 10px;
    font-family: inherit;
    font-size: 28px;
    line-height: 1.15;
    text-transform: none;
}

.callback-popup__success p {
    margin: 0 0 26px;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

.callback-popup__success .btn-init {
    min-width: 145px;
    border: 0;
}

@media (max-width: 900px) {
    #smp-side-actions { display: none; }

    .callback-popup {
        width: calc(100vw - 24px);
        padding: 30px 20px 28px;
    }

    .callback-popup__title {
        margin-bottom: 24px;
        font-size: 28px;
    }
}

@media (max-height: 560px) and (min-width: 901px) {
    #smp-side-actions { bottom: 54px; }
    .smp-side-action { min-height: 72px; }
}


/* Доставка и оплата */
header > ul a.is-current,
#sidemenu > ul a.is-current {
    color: rgb(var(--c-yellow));
}

.delivery-payment-page {
    background: rgb(var(--c-white));
    overflow: hidden;
}

.delivery-container {
    width: calc(100% - (var(--grid-padding) * 2));
    margin: 0 auto;
}

.delivery-hero {
    padding: 9.5vw 0 6.25vw;
    background: rgb(var(--c-dim-gray));
    border-bottom: 1px solid rgba(var(--c-black), .16);
}

.delivery-breadcrumbs {
    display: flex;
    align-items: center;
    gap: .65vw;
    margin-bottom: 4.4vw;
    color: rgba(var(--c-black), .52);
    font-size: .875vw;
    line-height: 1.3;
}

.delivery-breadcrumbs a {
    color: inherit;
    transition: color .2s ease;
}

.delivery-breadcrumbs a:hover {
    color: rgb(var(--c-black));
}

.delivery-hero__grid,
.delivery-cta__grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 5vw;
    align-items: end;
}

.delivery-kicker,
.delivery-section-heading > span {
    display: block;
    margin-bottom: 1.25vw;
    color: rgba(var(--c-black), .52);
    font-size: .875vw;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.delivery-hero h1,
.delivery-cta h2 {
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: clamp(74px, 8.6vw, 150px);
    font-weight: 400;
    line-height: .82;
    text-transform: uppercase;
}

.delivery-hero__lead {
    padding-bottom: .65vw;
}

.delivery-hero__lead > p,
.delivery-cta__content > p {
    margin: 0;
    font-size: 1.2vw;
    line-height: 1.55;
}

.delivery-hero__actions {
    display: flex;
    align-items: center;
    gap: 1.8vw;
    margin-top: 2.2vw;
}

.delivery-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 12vw;
    padding-left: 1.8vw;
    padding-right: 1.8vw;
    box-sizing: border-box;
}

.delivery-phone-link {
    color: rgb(var(--c-black));
    font-size: 1vw;
    font-weight: 700;
    white-space: nowrap;
    border-bottom: 1px solid rgba(var(--c-black), .35);
    padding-bottom: .22vw;
}

.delivery-overview,
.delivery-payment-terms,
.delivery-faq {
    padding: 6.25vw 0;
}

.delivery-section-heading {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: var(--grid-gap);
    align-items: start;
    margin-bottom: 3.75vw;
}

.delivery-section-heading > span {
    margin: .65vw 0 0;
}

.delivery-section-heading h2 {
    max-width: 58vw;
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: 4.5vw;
    font-weight: 400;
    line-height: .91;
    text-transform: uppercase;
}

.delivery-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--grid-gap);
}

.delivery-feature-card {
    min-height: 19vw;
    padding: 2.25vw;
    background: rgb(var(--c-dim-gray));
    border: 1px solid rgba(var(--c-black), .13);
    display: flex;
    flex-direction: column;
}

.delivery-feature-card__number {
    color: rgb(var(--c-yellow));
    font-family: "Bebas", sans-serif;
    font-size: 3.15vw;
    line-height: 1;
}

.delivery-feature-card h3,
.delivery-option h3,
.delivery-payment-panel h3,
.delivery-documents-panel h3,
.delivery-process-list h3 {
    margin: auto 0 1vw;
    font-family: "Bebas", sans-serif;
    font-size: 2.1vw;
    font-weight: 400;
    line-height: .95;
    text-transform: uppercase;
}

.delivery-feature-card p,
.delivery-option p,
.delivery-payment-panel p,
.delivery-process-list p {
    margin: 0;
    color: rgba(var(--c-black), .72);
    font-size: .97vw;
    line-height: 1.55;
}

.delivery-details,
.delivery-process {
    padding: 6.25vw 0;
}

.delivery-section-heading--light > span {
    color: rgba(var(--c-white), .55);
}

.delivery-section-heading--light h2 {
    color: rgb(var(--c-white));
}

.delivery-details__grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 5vw;
}

.delivery-details__intro p {
    max-width: 24vw;
    margin: 0;
    color: rgba(var(--c-white), .72);
    font-size: 1.1vw;
    line-height: 1.6;
}

.delivery-option-list {
    border-top: 1px solid rgba(var(--c-white), .22);
}

.delivery-option {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 2vw;
    padding: 2vw 0;
    border-bottom: 1px solid rgba(var(--c-white), .22);
}

.delivery-option h3 {
    margin: 0;
    color: rgb(var(--c-white));
}

.delivery-option p {
    color: rgba(var(--c-white), .68);
}

.delivery-note {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 5vw;
    margin-top: 3.5vw;
    padding: 1.55vw 1.8vw;
    color: rgb(var(--c-black));
    background: rgb(var(--c-yellow));
    font-size: .95vw;
    line-height: 1.45;
}

.delivery-payment-terms__grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--grid-gap);
}

.delivery-payment-panel,
.delivery-documents-panel {
    padding: 2.5vw;
    border: 1px solid rgba(var(--c-black), .14);
}

.delivery-payment-panel {
    background: rgb(var(--c-dim-gray));
}

.delivery-payment-panel h3,
.delivery-documents-panel h3 {
    margin: 0 0 1.4vw;
    font-size: 2.6vw;
}

.delivery-payment-panel p + p {
    margin-top: 1vw;
}

.delivery-documents-panel {
    background: rgb(var(--c-yellow));
}

.delivery-documents-panel__icon {
    width: 3.1vw;
    height: 3.1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.9vw;
    border: 1px solid rgb(var(--c-black));
    border-radius: 50%;
    font-size: 1.45vw;
    font-weight: 800;
}

.delivery-documents-panel ul {
    margin: 0;
    padding-left: 1.15vw;
    font-size: .97vw;
    line-height: 1.55;
}

.delivery-documents-panel li + li {
    margin-top: .65vw;
}

.delivery-process-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(var(--c-white), .22);
    border-bottom: 1px solid rgba(var(--c-white), .22);
}

.delivery-process-list li {
    min-height: 16vw;
    padding: 1.9vw;
    border-right: 1px solid rgba(var(--c-white), .22);
    display: flex;
    flex-direction: column;
}

.delivery-process-list li:last-child {
    border-right: 0;
}

.delivery-process-list li > span {
    color: rgb(var(--c-yellow));
    font-family: "Bebas", sans-serif;
    font-size: 2vw;
}

.delivery-process-list h3 {
    margin-top: auto;
    color: rgb(var(--c-white));
}

.delivery-process-list p {
    color: rgba(var(--c-white), .66);
}

.delivery-faq-list {
    width: 75%;
    margin-left: auto;
    border-top: 1px solid rgba(var(--c-black), .2);
}

.delivery-faq-item {
    border-bottom: 1px solid rgba(var(--c-black), .2);
}

.delivery-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2vw;
    padding: 1.7vw 0;
    cursor: pointer;
    list-style: none;
    font-size: 1.15vw;
    font-weight: 700;
    line-height: 1.35;
}

.delivery-faq-item summary::-webkit-details-marker {
    display: none;
}

.delivery-faq-item summary i {
    position: relative;
    width: 1.8vw;
    height: 1.8vw;
    flex: 0 0 1.8vw;
    border: 1px solid rgba(var(--c-black), .4);
    border-radius: 50%;
}

.delivery-faq-item summary i:before,
.delivery-faq-item summary i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .75vw;
    height: 1px;
    background: rgb(var(--c-black));
    transform: translate(-50%, -50%);
    transition: transform .2s ease;
}

.delivery-faq-item summary i:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.delivery-faq-item[open] summary i:after {
    transform: translate(-50%, -50%) rotate(0);
}

.delivery-faq-item > div {
    max-width: 48vw;
    padding: 0 0 1.8vw;
    color: rgba(var(--c-black), .68);
    font-size: 1vw;
    line-height: 1.6;
}

.delivery-cta {
    padding: 5vw 0;
    background: rgb(var(--c-yellow));
}

.delivery-cta .delivery-kicker {
    color: rgba(var(--c-black), .58);
}

.delivery-cta h2 {
    font-size: 5.2vw;
}

.delivery-cta__content {
    align-self: center;
}

.delivery-cta__content .delivery-primary-btn {
    margin-top: 2vw;
    background: rgb(var(--c-black));
    border-color: rgb(var(--c-black));
    color: rgb(var(--c-white));
}

.delivery-cta__content .delivery-primary-btn:hover {
    background: rgba(var(--c-black), .88);
    border-color: rgba(var(--c-black), .88);
}

@media (max-width: 1200px) {
    .delivery-hero {
        padding-top: 135px;
    }

    .delivery-hero__grid,
    .delivery-cta__grid {
        grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
    }

    .delivery-hero__lead > p,
    .delivery-cta__content > p,
    .delivery-details__intro p {
        font-size: 16px;
    }

    .delivery-feature-card p,
    .delivery-option p,
    .delivery-payment-panel p,
    .delivery-process-list p,
    .delivery-documents-panel ul,
    .delivery-faq-item > div,
    .delivery-note {
        font-size: 14px;
    }

    .delivery-faq-item summary {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .delivery-container {
        width: calc(100% - 30px);
    }

    .delivery-hero {
        padding: 110px 0 55px;
    }

    .delivery-breadcrumbs {
        gap: 8px;
        margin-bottom: 38px;
        font-size: 13px;
    }

    .delivery-hero__grid,
    .delivery-cta__grid,
    .delivery-section-heading,
    .delivery-details__grid,
    .delivery-payment-terms__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .delivery-kicker,
    .delivery-section-heading > span {
        margin-bottom: 12px;
        font-size: 12px;
    }

    .delivery-hero h1 {
        font-size: clamp(68px, 24vw, 104px);
    }

    .delivery-hero__lead {
        padding-bottom: 0;
    }

    .delivery-hero__lead > p,
    .delivery-cta__content > p {
        font-size: 16px;
        line-height: 1.55;
    }

    .delivery-hero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
        margin-top: 28px;
    }

    .delivery-primary-btn {
        width: 100%;
        min-width: 0;
        padding-left: 18px;
        padding-right: 18px;
    }

    .delivery-phone-link {
        align-self: flex-start;
        font-size: 16px;
        padding-bottom: 4px;
    }

    .delivery-overview,
    .delivery-payment-terms,
    .delivery-faq,
    .delivery-details,
    .delivery-process {
        padding: 58px 0;
    }

    .delivery-section-heading {
        margin-bottom: 30px;
    }

    .delivery-section-heading > span {
        margin-top: 0;
    }

    .delivery-section-heading h2 {
        max-width: none;
        font-size: 50px;
    }

    .delivery-feature-grid,
    .delivery-process-list {
        grid-template-columns: 1fr;
    }

    .delivery-feature-card {
        min-height: 235px;
        padding: 24px;
    }

    .delivery-feature-card__number {
        font-size: 42px;
    }

    .delivery-feature-card h3,
    .delivery-option h3,
    .delivery-process-list h3 {
        font-size: 31px;
    }

    .delivery-feature-card p,
    .delivery-option p,
    .delivery-payment-panel p,
    .delivery-process-list p {
        font-size: 15px;
    }

    .delivery-details__intro p {
        max-width: none;
    }

    .delivery-option {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 24px 0;
    }

    .delivery-note {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 28px;
        padding: 18px;
        font-size: 14px;
    }

    .delivery-payment-panel,
    .delivery-documents-panel {
        padding: 24px;
    }

    .delivery-payment-panel h3,
    .delivery-documents-panel h3 {
        margin-bottom: 18px;
        font-size: 36px;
    }

    .delivery-payment-panel p + p {
        margin-top: 14px;
    }

    .delivery-documents-panel__icon {
        width: 48px;
        height: 48px;
        margin-bottom: 40px;
        font-size: 36px;
    }

    .delivery-documents-panel ul {
        padding-left: 20px;
        font-size: 15px;
    }

    .delivery-documents-panel li + li {
        margin-top: 10px;
    }

    .delivery-process-list {
        border-bottom: 0;
    }

    .delivery-process-list li {
        min-height: 210px;
        padding: 24px;
        border-right: 0;
        border-bottom: 1px solid rgba(var(--c-white), .22);
    }

    .delivery-process-list li > span {
        font-size: 34px;
    }

    .delivery-faq-list {
        width: 100%;
    }

    .delivery-faq-item summary {
        gap: 16px;
        padding: 20px 0;
        font-size: 16px;
    }

    .delivery-faq-item summary i {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .delivery-faq-item summary i:before,
    .delivery-faq-item summary i:after {
        width: 12px;
    }

    .delivery-faq-item > div {
        max-width: none;
        padding-bottom: 22px;
        font-size: 15px;
    }

    .delivery-cta {
        padding: 52px 0;
    }

    .delivery-cta h2 {
        font-size: 54px;
    }

    .delivery-cta__content .delivery-primary-btn {
        margin-top: 24px;
    }
}


/* Новый компактный футер */
.site-footer {
    padding: 72px 0 24px;
    background: rgb(var(--c-black));
    color: rgb(var(--c-white));
}

.site-footer__container {
    width: calc(100% - 80px);
    max-width: 1500px;
    margin: 0 auto;
}

.site-footer__grid {
    display: grid;
    grid-template-columns: minmax(260px, 1.3fr) minmax(150px, .65fr) minmax(230px, .9fr) minmax(280px, 1.15fr);
    gap: 54px;
    padding-bottom: 56px;
}

.site-footer__brand p {
    max-width: 330px;
    margin: 26px 0 0;
    color: rgba(var(--c-white), .62);
    font-size: 16px;
    line-height: 1.55;
}

.site-footer__logo {
    display: inline-block;
}

.site-footer__logo img {
    display: block;
    width: 104px;
    height: auto;
}

.site-footer__column {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 13px;
}

.site-footer__column h2 {
    margin: 0 0 10px;
    color: rgba(var(--c-white), .48);
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.2;
    text-transform: uppercase;
}

.site-footer__column a,
.site-footer__column p {
    margin: 0;
    color: rgba(var(--c-white), .78);
    font-size: 15px;
    line-height: 1.5;
}

.site-footer__column a {
    transition: color .2s ease;
}

.site-footer__column a:hover {
    color: rgb(var(--c-yellow));
}

.site-footer__phone {
    color: rgb(var(--c-white)) !important;
    font-family: "Bebas", sans-serif;
    font-size: 34px !important;
    line-height: 1 !important;
    letter-spacing: .02em;
}

.site-footer__callback {
    margin-top: 8px;
    padding: 11px 18px;
    border: 1px solid rgba(var(--c-white), .45);
    background: transparent;
    color: rgb(var(--c-white));
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.site-footer__callback:hover {
    border-color: rgb(var(--c-yellow));
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
}

.site-footer__address {
    max-width: 360px;
}

.site-footer__bottom {
    display: flex;
    padding-top: 22px;
    border-top: 1px solid rgba(var(--c-white), .14);
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    color: rgba(var(--c-white), .42);
    font-size: 13px;
}

.site-footer__bottom > div {
    display: flex;
    gap: 28px;
}

.site-footer__bottom a {
    color: rgba(var(--c-white), .52);
}

.site-footer__bottom a:hover {
    color: rgb(var(--c-white));
}

/* Контакты */
.contacts-page {
    background: rgb(var(--c-white));
    overflow: hidden;
}

.contacts-hero__lead {
    align-self: end;
}

.contacts-hero__actions {
    flex-wrap: wrap;
}

.contacts-outline-btn {
    --btn-bg-color: transparent;
    --btn-color: rgb(var(--c-black));
    --btn-border-color: rgb(var(--c-black));
    display: inline-flex;
    width: auto;
    min-width: 12vw;
    padding-right: 1.8vw;
    padding-left: 1.8vw;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.contacts-outline-btn:hover {
    --btn-bg-color: rgb(var(--c-black));
    --btn-color: rgb(var(--c-white));
    --btn-border-color: rgb(var(--c-black));
}

.contacts-hero__links {
    display: flex;
    margin-top: 1.7vw;
    align-items: flex-start;
    flex-direction: column;
    gap: .55vw;
}

.contacts-hero__links a {
    color: rgb(var(--c-black));
    font-size: 1vw;
    font-weight: 700;
    border-bottom: 1px solid rgba(var(--c-black), .3);
}

.contacts-hero__direct-phone {
    display: inline-flex;
    align-items: baseline;
    gap: .12em;
    font-family: "Bebas", sans-serif;
    font-size: 1.55vw !important;
    font-weight: 400 !important;
    line-height: 1;
}

.contacts-info,
.contacts-requisites-section {
    padding: 6.25vw 0;
}

.contacts-method-card {
    min-height: 20vw;
}

.contacts-method-card--accent {
    background: rgb(var(--c-yellow));
}

.contacts-method-card__body {
    margin-top: auto;
}

.contacts-method-card h3 {
    margin: 0 0 1vw;
}

.contacts-method-card__value {
    display: block;
    margin-bottom: 1.2vw;
    color: rgb(var(--c-black));
    font-size: 1.55vw;
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.contacts-method-card__value--phone {
    display: inline-flex;
    align-items: baseline;
    gap: .12em;
    font-family: "Bebas", sans-serif;
    font-size: 2.35vw;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

.contacts-method-card__value--email {
    font-size: 1.45vw;
}

.contacts-method-card__value--schedule {
    font-size: 1.28vw;
    line-height: 1.4;
}

.contacts-location {
    padding: 6.25vw 0;
}

.contacts-location__intro p {
    max-width: 24vw;
}

.contacts-address-item p {
    font-size: 1.05vw;
}

.contacts-address-item p a {
    color: rgb(var(--c-white));
    font-weight: 700;
    border-bottom: 1px solid rgba(var(--c-white), .35);
}

.contacts-map {
    position: relative;
    width: 100%;
    height: min(39vw, 620px);
    min-height: 460px;
    margin-top: 3.5vw;
    overflow: hidden;
    border: 1px solid rgba(var(--c-white), .22);
    background: #2b2b2b;
}

.contacts-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.contacts-requisites {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid rgba(var(--c-black), .18);
    border-left: 1px solid rgba(var(--c-black), .18);
}

.contacts-requisite {
    min-height: 11vw;
    padding: 1.8vw;
    border-right: 1px solid rgba(var(--c-black), .18);
    border-bottom: 1px solid rgba(var(--c-black), .18);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.contacts-requisite--wide {
    grid-column: span 2;
}

.contacts-requisite dt {
    color: rgba(var(--c-black), .5);
    font-size: .75vw;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.25;
    text-transform: uppercase;
}

.contacts-requisite dd {
    margin: 2vw 0 0;
    color: rgb(var(--c-black));
    font-size: 1.05vw;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.contacts-cta {
    border-top: 1px solid rgba(var(--c-black), .12);
}

.contacts-phone-plus {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 1200px) {
    .contacts-hero__links a {
        font-size: 15px;
    }

    .contacts-hero__direct-phone {
        font-size: 25px !important;
    }

    .contacts-method-card__value {
        font-size: 22px;
    }

    .contacts-method-card__value--phone {
        font-size: 36px;
    }

    .contacts-method-card__value--email {
        font-size: 29px;
    }

    .contacts-method-card__value--schedule {
        font-size: 18px;
    }

    .contacts-address-item p,
    .contacts-requisite dd {
        font-size: 15px;
    }

    .contacts-requisite dt {
        font-size: 11px;
    }
}

@media (max-width: 768px) {
    .contacts-outline-btn {
        width: 100%;
        min-width: 0;
        padding-right: 18px;
        padding-left: 18px;
    }

    .contacts-hero__links {
        margin-top: 26px;
        gap: 10px;
    }

    .contacts-hero__links a {
        font-size: 16px;
    }

    .contacts-hero__direct-phone {
        font-size: 28px !important;
    }

    .contacts-info,
    .contacts-location,
    .contacts-requisites-section {
        padding: 58px 0;
    }

    .contacts-method-card {
        min-height: 245px;
    }

    .contacts-method-card h3 {
        margin-bottom: 14px;
    }

    .contacts-method-card__value {
        margin-bottom: 16px;
        font-size: 22px;
    }

    .contacts-method-card__value--phone {
        font-size: 38px;
        white-space: normal;
    }

    .contacts-method-card__value--email {
        font-size: 21px;
    }

    .contacts-method-card__value--schedule {
        font-size: 18px;
    }

    .contacts-location__intro p {
        max-width: none;
    }

    .contacts-address-item p {
        font-size: 16px;
    }

    .contacts-map {
        height: 430px;
        min-height: 0;
        margin-top: 30px;
    }

    .contacts-requisites {
        grid-template-columns: 1fr;
    }

    .contacts-requisite,
    .contacts-requisite--wide {
        min-height: 145px;
        padding: 24px;
        grid-column: auto;
    }

    .contacts-requisite dt {
        font-size: 11px;
    }

    .contacts-requisite dd {
        margin-top: 24px;
        font-size: 24px;
    }
}

/* Unified phone and email block in the desktop header */
.buttons-clump > .header-contact {
    display: flex;
    min-width: 0;
    min-height: 58px;
    padding: 0 12px;
    align-items: center;
    color: inherit;
    border-right: 1px solid rgb(var(--c-yellow));
}

.header-contact__icon {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.header-contact__icon > span {
    display: block;
    width: 28px;
    height: 28px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    font-size: 18px;
}

.header-contact__links {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    line-height: 1.1;
}

.header-contact__phone,
.header-contact__email {
    color: inherit;
    white-space: nowrap;
    transition: color .2s ease-out;
}

.header-contact__phone {
    font-size: 14px;
    font-weight: 700;
}

.header-contact__email {
    font-size: 12px;
    font-weight: 400;
    opacity: .88;
}

.header-contact__phone:hover,
.header-contact__email:hover,
.sidemenu-email:hover {
    color: rgb(var(--c-yellow));
}

#sidemenu > .sidemenu-email {
    display: inline-block;
    margin: 24px 0 0 15px;
    color: rgb(var(--c-white));
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
}

@media (min-width: 1025px) {
    .buttons-clump > .header-contact {
        padding: 0 16px;
    }
}


/* Телефон на странице контактов: знак + вынесен из шрифта Bebas,
   в котором глиф отображался как ±. */
.contacts-hero__phone,
.contacts-card__main-link--phone {
    display: inline-flex;
    align-items: baseline;
}

.contacts-phone-plus {
    display: inline-block;
    margin-right: .12em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .72em;
    font-weight: 700;
    line-height: 1;
}

/* О компании */
.about-company-page {
    background: rgb(var(--c-white));
    overflow: hidden;
}

.about-company-hero {
    padding: 9.5vw 0 6.25vw;
    background: rgb(var(--c-dim-gray));
    border-bottom: 1px solid rgba(var(--c-black), .14);
}

.about-company-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr);
    gap: 5vw;
    align-items: stretch;
}

.about-company-hero__content {
    display: flex;
    padding: 1vw 0 .8vw;
    justify-content: center;
    flex-direction: column;
}

.about-company-hero h1 {
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: clamp(84px, 9.2vw, 158px);
    font-weight: 400;
    line-height: .82;
    text-transform: uppercase;
}

.about-company-hero__content > p {
    max-width: 46vw;
    margin: 2vw 0 0;
    color: rgba(var(--c-black), .72);
    font-size: 1.18vw;
    line-height: 1.58;
}

.about-company-hero__actions {
    display: flex;
    align-items: center;
    gap: 1.8vw;
    margin-top: 2.4vw;
}

.about-company-primary-btn,
.about-company-secondary-btn {
    display: inline-flex;
    width: auto;
    min-width: 13vw;
    padding-right: 1.8vw;
    padding-left: 1.8vw;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.about-company-secondary-btn {
    --btn-bg-color: transparent;
    --btn-color: rgb(var(--c-black));
    --btn-border-color: rgb(var(--c-black));
}

.about-company-secondary-btn:hover {
    --btn-bg-color: rgb(var(--c-black));
    --btn-color: rgb(var(--c-white));
    --btn-border-color: rgb(var(--c-black));
}

.about-company-hero__image {
    position: relative;
    min-height: 31vw;
    margin: 0;
    overflow: hidden;
    background: rgb(var(--c-black));
}

.about-company-hero__image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 52%, rgba(0, 0, 0, .6));
    pointer-events: none;
}

.about-company-hero__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.about-company-hero__image figcaption {
    position: absolute;
    z-index: 1;
    right: 2vw;
    bottom: 1.7vw;
    left: 2vw;
    color: rgb(var(--c-white));
    font-size: .87vw;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.35;
    text-transform: uppercase;
}

.about-company-stats,
.about-company-principles,
.about-company-team {
    padding: 6.25vw 0;
}

.about-company-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(var(--c-black), .18);
    border-bottom: 1px solid rgba(var(--c-black), .18);
}

.about-company-stat {
    min-height: 12vw;
    padding: 1.9vw;
    border-right: 1px solid rgba(var(--c-black), .18);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.about-company-stat:last-child {
    border-right: 0;
}

.about-company-stat strong {
    font-family: "Bebas", sans-serif;
    font-size: 4.3vw;
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase;
}

.about-company-stat span {
    max-width: 13vw;
    color: rgba(var(--c-black), .62);
    font-size: .92vw;
    line-height: 1.45;
}

.about-company-specialization,
.about-company-tasks {
    padding: 6.25vw 0;
}

.about-company-specialization__intro {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 5vw;
    margin: -1vw 0 3.6vw;
}

.about-company-specialization__intro:before {
    content: "";
}

.about-company-specialization__intro p {
    max-width: 44vw;
    margin: 0;
    color: rgba(var(--c-white), .7);
    font-size: 1.08vw;
    line-height: 1.6;
}

.about-company-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(var(--c-white), .22);
    border-bottom: 1px solid rgba(var(--c-white), .22);
}

.about-company-card {
    min-height: 18vw;
    padding: 1.9vw;
    border-right: 1px solid rgba(var(--c-white), .22);
    display: flex;
    flex-direction: column;
}

.about-company-card:last-child {
    border-right: 0;
}

.about-company-card > span {
    color: rgb(var(--c-yellow));
    font-family: "Bebas", sans-serif;
    font-size: 2vw;
    line-height: 1;
}

.about-company-card h3 {
    margin: auto 0 1vw;
    color: rgb(var(--c-white));
    font-family: "Bebas", sans-serif;
    font-size: 2vw;
    font-weight: 400;
    line-height: .96;
    text-transform: uppercase;
}

.about-company-card p {
    margin: 0;
    color: rgba(var(--c-white), .64);
    font-size: .9vw;
    line-height: 1.55;
}

.about-company-principles__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
    gap: 6vw;
    align-items: stretch;
}

.about-company-principles__image-stack {
    position: relative;
    min-height: 39vw;
}

.about-company-principles__image-stack img {
    position: absolute;
    display: block;
    object-fit: cover;
}

.about-company-principles__image--large {
    top: 0;
    left: 0;
    width: 82%;
    height: 88%;
}

.about-company-principles__image--small {
    right: 0;
    bottom: 0;
    width: 45%;
    height: 43%;
    border: .65vw solid rgb(var(--c-white));
    box-sizing: border-box;
}

.about-company-principles__list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(var(--c-black), .2);
}

.about-company-principles__list li {
    display: grid;
    grid-template-columns: 4vw 1fr;
    gap: 1.5vw;
    padding: 1.75vw 0;
    border-bottom: 1px solid rgba(var(--c-black), .2);
}

.about-company-principles__list li > span {
    color: rgb(var(--c-yellow));
    font-family: "Bebas", sans-serif;
    font-size: 2vw;
    line-height: 1;
}

.about-company-principles__list h3 {
    margin: 0 0 .65vw;
    font-family: "Bebas", sans-serif;
    font-size: 2.15vw;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.about-company-principles__list p {
    max-width: 37vw;
    margin: 0;
    color: rgba(var(--c-black), .66);
    font-size: .94vw;
    line-height: 1.55;
}

.about-company-task-list {
    width: 75%;
    margin-left: auto;
    border-top: 1px solid rgba(var(--c-white), .22);
}

.about-company-task-list article {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) minmax(0, 1.25fr);
    gap: 2vw;
    padding: 1.75vw 0;
    border-bottom: 1px solid rgba(var(--c-white), .22);
}

.about-company-task-list h3 {
    margin: 0;
    color: rgb(var(--c-white));
    font-family: "Bebas", sans-serif;
    font-size: 2.15vw;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.about-company-task-list p {
    margin: 0;
    color: rgba(var(--c-white), .66);
    font-size: .95vw;
    line-height: 1.55;
}

.about-company-team__grid {
    display: grid;
    grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
    gap: 6vw;
}

.about-company-team__lead {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.about-company-team__lead > p {
    max-width: 31vw;
    margin: 0;
    color: rgba(var(--c-black), .7);
    font-size: 1.08vw;
    line-height: 1.62;
}

.about-company-team__contacts {
    display: flex;
    margin-top: 3vw;
    align-items: flex-start;
    flex-direction: column;
    gap: .65vw;
}

.about-company-team__contacts a {
    color: rgb(var(--c-black));
    font-size: 1.05vw;
    font-weight: 700;
    border-bottom: 1px solid rgba(var(--c-black), .3);
}

.about-company-team__roles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(var(--c-black), .18);
    border-left: 1px solid rgba(var(--c-black), .18);
}

.about-company-team__roles article {
    min-height: 13vw;
    padding: 1.8vw;
    border-right: 1px solid rgba(var(--c-black), .18);
    border-bottom: 1px solid rgba(var(--c-black), .18);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.about-company-team__roles span {
    margin-bottom: .8vw;
    font-family: "Bebas", sans-serif;
    font-size: 2.15vw;
    line-height: 1;
    text-transform: uppercase;
}

.about-company-team__roles p {
    margin: 0;
    color: rgba(var(--c-black), .62);
    font-size: .9vw;
    line-height: 1.5;
}

.about-company-documents {
    padding: 5.2vw 0;
    background: rgb(var(--c-dim-gray));
    border-top: 1px solid rgba(var(--c-black), .12);
    scroll-margin-top: 110px;
}

.about-company-documents__grid,
.about-company-cta__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 5vw;
    align-items: center;
}

.about-company-documents h2,
.about-company-cta h2 {
    max-width: 55vw;
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: 5.2vw;
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase;
}

.about-company-documents__content > p,
.about-company-cta__content > p {
    margin: 0;
    color: rgba(var(--c-black), .7);
    font-size: 1.08vw;
    line-height: 1.58;
}

.about-company-documents__links {
    display: flex;
    margin-top: 1.8vw;
    align-items: flex-start;
    flex-direction: column;
    gap: .7vw;
}

.about-company-documents__links a {
    color: rgb(var(--c-black));
    font-size: 1vw;
    font-weight: 700;
}

.about-company-document-card {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5vw;
    align-items: center;
    padding: 1.35vw 1.5vw;
    background: rgb(var(--c-white));
    border: 1px solid rgba(var(--c-black), .14);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.about-company-document-card:hover {
    border-color: rgba(var(--c-black), .35);
    transform: translateY(-2px);
    box-shadow: 0 .75vw 1.8vw rgba(var(--c-black), .08);
}

.about-company-document-card__body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .35vw;
}

.about-company-document-card__body strong {
    font-size: 1.08vw;
    line-height: 1.25;
}

.about-company-document-card__body small {
    color: rgba(var(--c-black), .62);
    font-size: .88vw;
    font-weight: 400;
    line-height: 1.45;
}

.about-company-document-card__meta {
    white-space: nowrap;
    color: rgba(var(--c-black), .58);
    font-size: .78vw;
    font-weight: 700;
    text-transform: uppercase;
}

.about-company-cta {
    padding: 5.2vw 0;
    background: rgb(var(--c-yellow));
}

.about-company-cta .delivery-kicker {
    color: rgba(var(--c-black), .58);
}

.about-company-cta__button {
    min-width: 12vw;
    margin-top: 2vw;
    padding-right: 1.8vw;
    padding-left: 1.8vw;
    background: rgb(var(--c-black));
    border-color: rgb(var(--c-black));
    color: rgb(var(--c-white));
}

.about-company-cta__button:hover {
    background: rgba(var(--c-black), .86);
    border-color: rgba(var(--c-black), .86);
}

@media (max-width: 1200px) {
    .about-company-hero {
        padding-top: 135px;
    }

    .about-company-hero__content > p,
    .about-company-specialization__intro p,
    .about-company-team__lead > p,
    .about-company-documents__content > p,
    .about-company-cta__content > p {
        font-size: 16px;
    }

    .about-company-team__contacts a,
    .about-company-documents__links a {
        font-size: 15px;
    }

    .about-company-document-card__body strong {
        font-size: 16px;
    }

    .about-company-document-card__body small {
        font-size: 14px;
    }

    .about-company-document-card__meta {
        font-size: 12px;
    }

    .about-company-stat span,
    .about-company-card p,
    .about-company-principles__list p,
    .about-company-task-list p,
    .about-company-team__roles p,
    .about-company-hero__image figcaption {
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .about-company-hero__grid,
    .about-company-principles__grid,
    .about-company-team__grid,
    .about-company-documents__grid,
    .about-company-cta__grid {
        grid-template-columns: 1fr;
    }

    .about-company-hero__image {
        min-height: 52vw;
    }

    .about-company-hero__content > p,
    .about-company-specialization__intro p,
    .about-company-team__lead > p {
        max-width: none;
    }

    .about-company-stats__grid,
    .about-company-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-company-stat:nth-child(2),
    .about-company-card:nth-child(2) {
        border-right: 0;
    }

    .about-company-stat:nth-child(-n+2),
    .about-company-card:nth-child(-n+2) {
        border-bottom: 1px solid rgba(var(--c-black), .18);
    }

    .about-company-card:nth-child(-n+2) {
        border-bottom-color: rgba(var(--c-white), .22);
    }

    .about-company-principles__image-stack {
        min-height: 62vw;
    }

    .about-company-task-list {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .about-company-hero {
        padding: 110px 0 56px;
    }

    .about-company-hero__grid {
        gap: 34px;
    }

    .about-company-hero h1 {
        font-size: clamp(74px, 25vw, 112px);
    }

    .about-company-hero__content > p {
        margin-top: 22px;
        font-size: 16px;
    }

    .about-company-hero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
        margin-top: 28px;
    }

    .about-company-primary-btn,
    .about-company-secondary-btn {
        width: 100%;
        min-width: 0;
        padding-right: 18px;
        padding-left: 18px;
    }

    .about-company-hero__image {
        min-height: 330px;
    }

    .about-company-hero__image figcaption {
        right: 20px;
        bottom: 18px;
        left: 20px;
        font-size: 12px;
    }

    .about-company-stats,
    .about-company-principles,
    .about-company-team,
    .about-company-specialization,
    .about-company-tasks {
        padding: 58px 0;
    }

    .about-company-stats__grid,
    .about-company-card-grid,
    .about-company-team__roles {
        grid-template-columns: 1fr;
    }

    .about-company-stat,
    .about-company-stat:nth-child(2),
    .about-company-card,
    .about-company-card:nth-child(2) {
        min-height: 180px;
        padding: 24px;
        border-right: 0;
        border-bottom: 1px solid rgba(var(--c-black), .18);
    }

    .about-company-card,
    .about-company-card:nth-child(2) {
        min-height: 220px;
        border-bottom-color: rgba(var(--c-white), .22);
    }

    .about-company-stat:last-child,
    .about-company-card:last-child {
        border-bottom: 0;
    }

    .about-company-stat strong {
        font-size: 58px;
    }

    .about-company-stat span {
        max-width: none;
        font-size: 15px;
    }

    .about-company-specialization__intro {
        display: block;
        margin: 0 0 30px;
    }

    .about-company-specialization__intro p {
        font-size: 16px;
    }

    .about-company-card > span {
        font-size: 34px;
    }

    .about-company-card h3,
    .about-company-principles__list h3,
    .about-company-task-list h3,
    .about-company-team__roles span {
        font-size: 31px;
    }

    .about-company-card p,
    .about-company-principles__list p,
    .about-company-task-list p,
    .about-company-team__roles p {
        font-size: 15px;
    }

    .about-company-principles__grid,
    .about-company-team__grid,
    .about-company-documents__grid,
    .about-company-cta__grid {
        gap: 34px;
    }

    .about-company-principles__image-stack {
        min-height: 390px;
    }

    .about-company-principles__image--large {
        width: 88%;
        height: 86%;
    }

    .about-company-principles__image--small {
        width: 48%;
        height: 42%;
        border-width: 8px;
    }

    .about-company-principles__list li {
        grid-template-columns: 42px 1fr;
        gap: 14px;
        padding: 22px 0;
    }

    .about-company-principles__list li > span {
        font-size: 31px;
    }

    .about-company-principles__list h3 {
        margin-bottom: 9px;
    }

    .about-company-task-list article {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 24px 0;
    }

    .about-company-team__lead > p {
        font-size: 16px;
    }

    .about-company-team__contacts {
        margin-top: 26px;
        gap: 10px;
    }

    .about-company-team__contacts a {
        font-size: 16px;
    }

    .about-company-team__roles article {
        min-height: 180px;
        padding: 24px;
    }

    .about-company-team__roles span {
        margin-bottom: 10px;
    }

    .about-company-documents,
    .about-company-cta {
        padding: 52px 0;
    }

    .about-company-documents h2,
    .about-company-cta h2 {
        max-width: none;
        font-size: 54px;
    }

    .about-company-documents__content > p,
    .about-company-cta__content > p {
        font-size: 16px;
    }

    .about-company-documents__links {
        margin-top: 24px;
        gap: 12px;
    }

    .about-company-documents__links a {
        font-size: 16px;
    }

    .about-company-document-card {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 20px;
    }

    .about-company-document-card__body {
        gap: 7px;
    }

    .about-company-document-card__body strong {
        font-size: 18px;
    }

    .about-company-document-card__body small {
        font-size: 14px;
    }

    .about-company-document-card__meta {
        font-size: 12px;
    }

    .about-company-cta__button {
        width: 100%;
        min-width: 0;
        margin-top: 24px;
        padding-right: 18px;
        padding-left: 18px;
    }
}


/* Выпадающее меню раздела «О компании» */
.menu-submenu-toggle {
    position: relative;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgb(var(--c-white));
    cursor: pointer;
}

.menu-submenu-toggle::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 9px;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .2s ease, top .2s ease, color .2s ease;
}

.submenu-open > .header-menu-item__row .menu-submenu-toggle::before,
.submenu-open > .mobile-menu-item__row .menu-submenu-toggle::before {
    top: 11px;
    transform: rotate(225deg);
}

@media (min-width: 1025px) {
    header > ul {
        overflow: visible;
    }

    .header-menu-item--has-submenu {
        position: relative;
        padding: 18px 0;
        margin: -18px 0;
    }

    .header-menu-item__row {
        display: flex;
        align-items: center;
        gap: 2px;
    }

    .header-menu-item__row .menu-submenu-toggle {
        flex-basis: 22px;
        width: 22px;
        height: 22px;
    }

    .header-menu-item__row .menu-submenu-toggle::before {
        top: 5px;
        left: 6px;
        width: 6px;
        height: 6px;
    }

    .header-menu-item--has-submenu:hover .menu-submenu-toggle,
    .header-menu-item--has-submenu:focus-within .menu-submenu-toggle,
    .header-menu-item--has-submenu.submenu-open .menu-submenu-toggle {
        color: rgb(var(--c-yellow));
    }

    .header-submenu {
        position: absolute;
        z-index: 30;
        top: calc(100% + 10px);
        left: 50%;
        display: block;
        min-width: 285px;
        margin: 0;
        padding: 9px 0;
        list-style: none;
        background: #111;
        border-top: 2px solid rgb(var(--c-yellow));
        box-shadow: 0 18px 45px rgba(0, 0, 0, .32);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate(-50%, 8px);
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }

    .header-submenu::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -14px;
        height: 14px;
    }

    .header-menu-item--has-submenu:hover > .header-submenu,
    .header-menu-item--has-submenu:focus-within > .header-submenu,
    .header-menu-item--has-submenu.submenu-open > .header-submenu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }

    header > ul .header-submenu li {
        display: block;
        width: 100%;
    }

    header > ul .header-submenu a {
        display: block;
        padding: 12px 18px;
        color: rgb(var(--c-white));
        font-size: 14px;
        line-height: 1.25;
        text-transform: none;
        white-space: normal;
    }

    header > ul .header-submenu a:hover,
    header > ul .header-submenu a.is-current {
        color: rgb(var(--c-black));
        background: rgb(var(--c-yellow));
    }
}

#sidemenu .mobile-menu-item__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#sidemenu .mobile-menu-item__row > a {
    min-width: 0;
}

#sidemenu .mobile-menu-item__row .menu-submenu-toggle {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(var(--c-yellow), .55);
    color: rgb(var(--c-yellow));
}

#sidemenu .mobile-menu-item__row .menu-submenu-toggle::before {
    top: 14px;
    left: 17px;
    width: 9px;
    height: 9px;
}

#sidemenu .mobile-menu-item.submenu-open .menu-submenu-toggle::before {
    top: 19px;
}

#sidemenu .mobile-submenu {
    display: none;
    margin: 12px 0 0;
    padding: 0 0 0 18px;
    list-style: none;
    border-left: 2px solid rgba(var(--c-yellow), .55);
}

#sidemenu .mobile-menu-item.submenu-open > .mobile-submenu {
    display: grid;
    gap: 4px;
}

#sidemenu .mobile-submenu a {
    display: block;
    padding: 9px 0;
    color: rgb(var(--c-white));
    font-family: "Gilroy", Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    text-transform: none;
}

#sidemenu .mobile-submenu a.is-current {
    color: rgb(var(--c-yellow));
}

/* Дополнительное поле заявки в модальной форме */
.callback-field textarea {
    display: block;
    width: 100%;
    min-height: 112px;
    padding: 12px 15px;
    border: 1px solid #dedede;
    border-radius: 3px;
    background: #fafafa;
    color: #111;
    font: inherit;
    font-size: 14px;
    line-height: 1.45;
    resize: vertical;
    box-sizing: border-box;
    outline: none;
    transition: border-color .2s ease, background-color .2s ease;
}

.callback-field textarea::placeholder {
    color: #b9b9b9;
}

.callback-field textarea:focus {
    border-color: rgb(var(--c-yellow));
    background: #fff;
}

/* Информационные страницы: сертификаты, гарантия и возврат */
.trust-page {
    background: rgb(var(--c-white));
    overflow: hidden;
}

.trust-page-hero {
    padding: 9.5vw 0 6.5vw;
    background: #f2f2f2;
    border-bottom: 1px solid rgba(var(--c-black), .14);
}

.trust-page-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .65fr);
    gap: 7vw;
    align-items: end;
    margin-top: 5vw;
}

.trust-page-hero__content h1 {
    max-width: 980px;
    margin: 18px 0 24px;
    font-family: "Bebas";
    font-size: clamp(62px, 7.2vw, 132px);
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase;
}

.trust-page-hero__content > p {
    max-width: 800px;
    margin: 0;
    font-size: clamp(18px, 1.45vw, 27px);
    line-height: 1.45;
}

.trust-page-hero__note {
    padding: 30px;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
}

.trust-page-hero__note strong {
    display: block;
    margin-bottom: 13px;
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.trust-page-hero__note p {
    margin: 0;
    font-size: 17px;
    line-height: 1.5;
}

.trust-page-section {
    padding: 6.25vw 0;
}

.trust-page-section--dark {
    background: rgb(var(--c-black));
    color: rgb(var(--c-white));
}

.trust-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 3.5vw;
}

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

.trust-card {
    min-height: 300px;
    padding: 28px;
    border: 1px solid rgba(var(--c-black), .16);
    background: #fff;
    box-sizing: border-box;
}

.trust-card__number {
    display: inline-flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
    background: rgb(var(--c-yellow));
    font-size: 13px;
    font-weight: 800;
}

.trust-card h3 {
    margin: 0 0 15px;
    font-size: 23px;
    line-height: 1.15;
}

.trust-card p {
    margin: 0;
    color: rgba(var(--c-black), .68);
    font-size: 16px;
    line-height: 1.55;
}

.trust-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 3.5vw 0 0;
    padding: 1px;
    list-style: none;
    background: rgba(var(--c-white), .18);
}

.trust-steps li {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 22px;
    min-height: 190px;
    padding: 30px;
    background: rgb(var(--c-black));
    box-sizing: border-box;
}

.trust-steps > li > span {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    font-size: 13px;
    font-weight: 800;
}

.trust-steps h3 {
    margin: 0 0 12px;
    font-size: 23px;
    line-height: 1.15;
}

.trust-steps p {
    margin: 0;
    color: rgba(var(--c-white), .68);
    font-size: 16px;
    line-height: 1.5;
}

.trust-split {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 8vw;
    align-items: start;
}

.trust-split__content {
    padding-top: 38px;
}

.trust-split__content > p {
    margin: 0 0 20px;
    font-size: clamp(18px, 1.35vw, 25px);
    line-height: 1.55;
}

.trust-alert {
    display: grid;
    gap: 8px;
    margin-top: 32px;
    padding: 24px;
    border-left: 5px solid rgb(var(--c-yellow));
    background: #f2f2f2;
}

.trust-alert strong {
    font-size: 18px;
}

.trust-alert span {
    color: rgba(var(--c-black), .68);
    font-size: 15px;
    line-height: 1.45;
}

.trust-faq {
    padding-top: 1vw;
}

.trust-faq__list {
    display: grid;
    gap: 10px;
    margin-top: 3vw;
}

.trust-faq details {
    border: 1px solid rgba(var(--c-black), .16);
    background: #fff;
}

.trust-faq summary {
    position: relative;
    padding: 22px 64px 22px 24px;
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

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

.trust-faq summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 24px;
    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    transform: translateY(-50%);
}

.trust-faq details[open] summary::after {
    content: "−";
}

.trust-faq details p {
    max-width: 900px;
    margin: 0;
    padding: 0 64px 24px 24px;
    color: rgba(var(--c-black), .7);
    font-size: 16px;
    line-height: 1.55;
}

.trust-page-cta {
    margin-top: 0;
}

@media (max-width: 1200px) {
    .trust-card-grid--four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .trust-page-hero {
        padding: 120px 0 64px;
    }

    .trust-page-hero__grid,
    .trust-split {
        grid-template-columns: 1fr;
        gap: 34px;
        margin-top: 48px;
    }

    .trust-page-hero__content h1 {
        font-size: clamp(54px, 16vw, 86px);
    }

    .trust-page-hero__note {
        padding: 22px;
    }

    .trust-page-section {
        padding: 64px 0;
    }

    .trust-card-grid,
    .trust-card-grid--four,
    .trust-steps {
        grid-template-columns: 1fr;
    }

    .trust-card {
        min-height: 0;
    }

    .trust-card__number {
        margin-bottom: 36px;
    }

    .trust-steps li {
        min-height: 0;
        padding: 24px 20px;
    }

    .trust-split__content {
        padding-top: 0;
    }
}

@media (max-width: 560px) {
    #sidemenu .mobile-submenu a {
        font-size: 18px;
    }

    .trust-page-hero__content > p,
    .trust-split__content > p {
        font-size: 17px;
    }

    .trust-card,
    .trust-page-hero__note {
        padding: 20px;
    }

    .trust-steps li {
        grid-template-columns: 44px 1fr;
        gap: 14px;
    }

    .trust-steps > li > span {
        width: 40px;
        height: 40px;
    }
}

/* Contacts hero refinement */
.contacts-hero {
    padding: clamp(118px, 7vw, 148px) 0 clamp(62px, 4.6vw, 88px);
}

.contacts-hero .delivery-breadcrumbs {
    margin-bottom: clamp(48px, 3.8vw, 72px);
}

.contacts-hero__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(430px, .88fr);
    gap: clamp(58px, 7vw, 132px);
    align-items: center;
}

.contacts-hero h1 {
    font-size: clamp(82px, 7.1vw, 126px);
    line-height: .84;
}

.contacts-hero__lead {
    position: relative;
    align-self: auto;
    padding: clamp(28px, 2.15vw, 42px);
    border: 1px solid rgba(var(--c-black), .14);
    background: rgb(var(--c-white));
    box-shadow: 0 18px 50px rgba(var(--c-black), .055);
}

.contacts-hero__lead::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    height: 6px;
    background: rgb(var(--c-yellow));
}

.contacts-hero__lead > p {
    max-width: 35em;
    font-size: clamp(18px, 1.08vw, 22px);
    line-height: 1.55;
}

.contacts-hero__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: clamp(24px, 1.8vw, 34px);
}

.contacts-hero__actions .btn-init,
.contacts-hero__actions .delivery-primary-btn,
.contacts-hero__actions .contacts-outline-btn {
    width: 100%;
    min-width: 0;
    min-height: 62px;
    padding: 16px 22px;
    font-size: clamp(15px, .9vw, 18px);
    line-height: 1.15;
}

.contacts-hero__links {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px 28px;
    margin-top: clamp(22px, 1.55vw, 30px);
    padding-top: clamp(20px, 1.35vw, 26px);
    border-top: 1px solid rgba(var(--c-black), .14);
    align-items: center;
}

.contacts-hero__links a {
    width: fit-content;
    font-size: clamp(15px, .88vw, 17px);
}

.contacts-hero__direct-phone {
    font-size: clamp(25px, 1.65vw, 31px) !important;
}

@media (max-width: 1200px) {
    .contacts-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(380px, .92fr);
        gap: 54px;
    }

    .contacts-hero__links {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .contacts-hero {
        padding: 112px 0 62px;
    }

    .contacts-hero .delivery-breadcrumbs {
        margin-bottom: 42px;
    }

    .contacts-hero__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .contacts-hero h1 {
        font-size: clamp(70px, 15vw, 102px);
    }

    .contacts-hero__lead {
        padding: 28px;
    }
}

@media (max-width: 560px) {
    .contacts-hero {
        padding: 102px 0 50px;
    }

    .contacts-hero .delivery-breadcrumbs {
        margin-bottom: 34px;
    }

    .contacts-hero__grid {
        gap: 30px;
    }

    .contacts-hero h1 {
        font-size: clamp(62px, 21vw, 84px);
    }

    .contacts-hero__lead {
        padding: 24px 20px 22px;
    }

    .contacts-hero__lead::before {
        height: 5px;
    }

    .contacts-hero__actions {
        grid-template-columns: 1fr;
    }

    .contacts-hero__actions .btn-init,
    .contacts-hero__actions .delivery-primary-btn,
    .contacts-hero__actions .contacts-outline-btn {
        min-height: 56px;
    }

    .contacts-hero__links {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}



/* Delivery hero refinement: aligned with contacts page */
.delivery-main-hero {
    padding: clamp(118px, 7vw, 148px) 0 clamp(62px, 4.6vw, 88px);
}

.delivery-main-hero .delivery-breadcrumbs {
    margin-bottom: clamp(48px, 3.8vw, 72px);
}

.delivery-main-hero__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(430px, .88fr);
    gap: clamp(58px, 7vw, 132px);
    align-items: center;
}

.delivery-main-hero h1 {
    font-size: clamp(82px, 7.1vw, 126px);
    line-height: .84;
}

.delivery-main-hero__lead {
    position: relative;
    align-self: auto;
    padding: clamp(28px, 2.15vw, 42px);
    border: 1px solid rgba(var(--c-black), .14);
    background: rgb(var(--c-white));
    box-shadow: 0 18px 50px rgba(var(--c-black), .055);
}

.delivery-main-hero__lead::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    height: 6px;
    background: rgb(var(--c-yellow));
}

.delivery-main-hero__lead > p {
    max-width: 35em;
    font-size: clamp(18px, 1.08vw, 22px);
    line-height: 1.55;
}

.delivery-main-hero__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: clamp(24px, 1.8vw, 34px);
}

.delivery-main-hero__actions .delivery-primary-btn {
    width: 100%;
    min-width: 0;
    min-height: 62px;
    padding: 16px 22px;
    font-size: clamp(15px, .9vw, 18px);
    line-height: 1.15;
}

.delivery-main-hero__links {
    display: flex;
    justify-content: space-between;
    gap: 14px 28px;
    margin-top: clamp(22px, 1.55vw, 30px);
    padding-top: clamp(20px, 1.35vw, 26px);
    border-top: 1px solid rgba(var(--c-black), .14);
    align-items: center;
}

.delivery-main-hero__links > span {
    color: rgba(var(--c-black), .58);
    font-size: clamp(14px, .82vw, 16px);
    line-height: 1.35;
}

.delivery-main-hero__links .delivery-phone-link {
    flex: none;
    font-size: clamp(18px, 1.05vw, 22px);
}

/* Contact methods use one neutral visual style; 01 is now visible */
.contacts-method-card--accent {
    background: rgb(var(--c-dim-gray));
}

@media (max-width: 1200px) {
    .delivery-main-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(380px, .92fr);
        gap: 54px;
    }

    .delivery-main-hero__links {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .delivery-main-hero {
        padding: 112px 0 62px;
    }

    .delivery-main-hero .delivery-breadcrumbs {
        margin-bottom: 42px;
    }

    .delivery-main-hero__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .delivery-main-hero h1 {
        font-size: clamp(70px, 15vw, 102px);
    }

    .delivery-main-hero__lead {
        padding: 28px;
    }
}

@media (max-width: 560px) {
    .delivery-main-hero {
        padding: 102px 0 50px;
    }

    .delivery-main-hero .delivery-breadcrumbs {
        margin-bottom: 34px;
    }

    .delivery-main-hero__grid {
        gap: 30px;
    }

    .delivery-main-hero h1 {
        font-size: clamp(62px, 21vw, 84px);
    }

    .delivery-main-hero__lead {
        padding: 24px 20px 22px;
    }

    .delivery-main-hero__lead::before {
        height: 5px;
    }

    .delivery-main-hero__actions .delivery-primary-btn {
        min-height: 56px;
    }
}

/* Контакты: одинаковый визуальный размер основных значений в карточках */
.contacts-method-card__value--phone {
    font-size: 1.55vw;
}

@media (max-width: 1200px) {
    .contacts-method-card__value--phone {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .contacts-method-card__value--phone {
        font-size: 22px;
    }
}

/* Featured company certificate */
.certificate-feature {
    background: #f4f4f2;
    border-top: 1px solid rgba(var(--c-black), .1);
    border-bottom: 1px solid rgba(var(--c-black), .1);
}

.certificate-feature__grid {
    display: grid;
    grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
    gap: clamp(54px, 7vw, 128px);
    align-items: center;
}

.certificate-feature__preview {
    display: block;
    width: min(100%, 500px);
    margin: 0;
    justify-self: center;
    padding: 14px;
    border: 1px solid rgba(var(--c-black), .13);
    background: rgb(var(--c-white));
    box-shadow: 0 24px 60px rgba(var(--c-black), .1);
    box-sizing: border-box;
    overflow: hidden;
}

.certificate-feature__preview img {
    display: block;
    width: 100%;
    height: auto;
}


.certificate-feature__content h2 {
    max-width: 760px;
    margin: 18px 0 26px;
    font-family: "Bebas";
    font-size: clamp(56px, 5.4vw, 98px);
    font-weight: 400;
    line-height: .92;
    text-transform: uppercase;
}

.certificate-feature__lead {
    max-width: 830px;
    margin: 0;
    font-size: clamp(18px, 1.35vw, 25px);
    line-height: 1.5;
}

.certificate-feature__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: clamp(32px, 3vw, 48px) 0 0;
    padding: 0;
    border-top: 1px solid rgba(var(--c-black), .17);
    border-bottom: 1px solid rgba(var(--c-black), .17);
}

.certificate-feature__facts > div {
    min-width: 0;
    padding: 22px 24px 22px 0;
}

.certificate-feature__facts > div + div {
    padding-left: 24px;
    border-left: 1px solid rgba(var(--c-black), .17);
}

.certificate-feature__facts dt {
    margin: 0 0 9px;
    color: rgba(var(--c-black), .58);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.certificate-feature__facts dd {
    margin: 0;
    font-size: clamp(17px, 1.15vw, 21px);
    font-weight: 800;
    line-height: 1.28;
}


@media (max-width: 960px) {
    .certificate-feature__grid {
        grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
        gap: 42px;
    }

    .certificate-feature__facts {
        grid-template-columns: 1fr;
    }

    .certificate-feature__facts > div {
        padding: 17px 0;
    }

    .certificate-feature__facts > div + div {
        padding-left: 0;
        border-top: 1px solid rgba(var(--c-black), .17);
        border-left: 0;
    }
}

@media (max-width: 720px) {
    .certificate-feature__grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .certificate-feature__preview {
        width: min(100%, 430px);
    }

    .certificate-feature__content h2 {
        font-size: clamp(52px, 15vw, 78px);
    }

}

@media (max-width: 480px) {
    .certificate-feature__preview {
        padding: 8px;
    }

}

/* Контакты: выравнивание содержимого трёх карточек по единой сетке */
.contacts-method-card__body {
    margin-top: clamp(42px, 3.1vw, 60px);
    display: grid;
    grid-template-rows: auto minmax(clamp(54px, 3.35vw, 66px), auto) auto;
    align-content: start;
}

.contacts-method-card h3 {
    margin: 0 0 clamp(14px, .9vw, 18px);
}

.contacts-method-card__value {
    align-self: start;
    margin-bottom: 0;
}

.contacts-method-card__body > p {
    margin-top: clamp(18px, 1.15vw, 22px);
}

@media (max-width: 768px) {
    .contacts-method-card__body {
        margin-top: 34px;
        grid-template-rows: auto auto auto;
    }

    .contacts-method-card__value {
        margin-bottom: 0;
    }

    .contacts-method-card__body > p {
        margin-top: 18px;
    }
}

/* Mobile submenu compactness and correct footer phone plus */
#sidemenu > ul .mobile-submenu {
    width: 100%;
    box-sizing: border-box;
}

#sidemenu > ul .mobile-submenu a {
    font-family: "Gilroy", Arial, sans-serif !important;
    font-size: clamp(18px, 5.2vw, 22px) !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.site-footer__phone {
    display: inline-flex;
    align-items: baseline;
    gap: .12em;
}

.site-footer__phone-plus {
    display: inline-block;
    font-family: Arial, "Gilroy", sans-serif;
    font-size: .72em;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-.05em);
}

@media (max-width: 560px) {
    #sidemenu .mobile-menu-item__row {
        align-items: center;
    }

    #sidemenu .mobile-menu-item__row > a {
        padding-right: 8px;
    }

    #sidemenu .mobile-submenu {
        margin-top: 8px;
        padding-left: 14px;
    }

    #sidemenu > ul .mobile-submenu a {
        padding: 7px 0 !important;
        font-size: clamp(17px, 5vw, 20px) !important;
    }
}

/* Mobile menu: keep the closed off-canvas panel invisible at browser page zoom */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

html.mobile-menu-open,
body.mobile-menu-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}

@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

@media (max-width: 1440px) {
    #sidemenu {
        inset: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100vh !important;
        height: 100dvh !important;
        margin: 0 !important;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translate3d(100%, 0, 0);
        transition: transform .24s ease, opacity .18s ease, visibility 0s linear .24s !important;
        contain: layout paint;
        will-change: transform;
    }

    #sidemenu.open,
    .open#sidemenu {
        left: 0 !important;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
        transition: transform .24s ease, opacity .18s ease, visibility 0s !important;
    }
}

/* About company hero alignment and text rhythm */
.about-company-hero__content {
    justify-content: flex-start;
    padding-top: .35vw;
}

.about-company-hero__content > p {
    word-spacing: .12em;
    letter-spacing: .005em;
}

@media (max-width: 1200px) {
    .about-company-hero__content {
        padding-top: 4px;
    }

    .about-company-hero__content > p {
        word-spacing: .08em;
    }
}

@media (max-width: 768px) {
    .about-company-hero__content {
        padding-top: 0;
    }

    .about-company-hero__content > p {
        word-spacing: .05em;
    }
}

/* === Главная страница: новый дизайн === */
.home-redesign {
    overflow: hidden;
    background: rgb(var(--c-white));
    color: rgb(var(--c-black));
}

.home-redesign * {
    box-sizing: border-box;
}

.home-redesign-kicker {
    display: block;
    margin-bottom: 1.15vw;
    color: rgba(var(--c-black), .55);
    font-size: .82vw;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-redesign-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .98fr);
    gap: 3vw;
    min-height: 47vw;
    padding: 8.5vw var(--grid-padding) 3.2vw;
    align-items: center;
}

.home-redesign-hero__content {
    min-width: 0;
    max-width: 48vw;
}

.home-redesign-hero h1 {
    margin: 0;
    font-family: "Bebas";
    font-size: clamp(64px, 6.25vw, 120px);
    font-weight: 400;
    line-height: .9;
    letter-spacing: .005em;
    text-transform: uppercase;
}

.home-redesign-hero__lead {
    max-width: 39vw;
    margin-top: 1.7vw;
    color: rgba(var(--c-black), .68);
    font-size: 1.18vw;
    line-height: 1.48;
}

.home-redesign-hero__lead p {
    margin: 0;
}

.home-redesign-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 11.5vw;
    gap: 0 !important;
    width: 100% !important;
    margin-top: 2vw !important;
}

.home-redesign-search__field {
    position: relative;
    display: flex;
    min-width: 0;
    height: 4.25vw;
    padding: 0 1.2vw 0 3.3vw;
    align-items: center;
    border: 1px solid rgba(var(--c-black), .24);
    background: rgb(var(--c-white));
}

.home-redesign-search__field .icon-search {
    position: absolute;
    left: 1.2vw;
    top: 50%;
    font-size: 1.25vw;
    transform: translateY(-50%);
}

.home-redesign-search__field input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: rgb(var(--c-black));
    font: inherit;
    font-size: 1vw;
}

.home-redesign-search .btn-init {
    height: 4.25vw;
    padding: 0 1vw;
    font-size: .95vw;
}

.home-redesign-hero__actions,
.home-redesign-about__actions {
    display: flex;
    gap: .85vw;
    margin-top: 1.15vw;
}

.home-redesign-hero__actions .btn-init,
.home-redesign-about__actions .btn-init {
    display: inline-flex;
    width: auto;
    min-width: 12.5vw;
    min-height: 3.6vw;
    padding: .8vw 1.5vw;
    align-items: center;
    justify-content: center;
    font-size: .88vw;
}

.home-redesign-outline-btn {
    --btn-bg-color: transparent;
    --btn-color: rgb(var(--c-black));
    --btn-border-color: rgb(var(--c-black));
}

.home-redesign-outline-btn:hover {
    --btn-bg-color: rgb(var(--c-black));
    --btn-color: rgb(var(--c-white));
    --btn-border-color: rgb(var(--c-black));
}

.home-redesign-hero__contacts {
    display: flex;
    gap: 1.5vw;
    margin-top: 1.25vw;
    align-items: center;
}

.home-redesign-hero__contacts a {
    color: rgb(var(--c-black));
    font-size: .92vw;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--c-black), .28);
}

.home-redesign-hero__media {
    position: relative;
    min-width: 0;
    height: 36vw;
    margin: 0;
    overflow: hidden;
    background: rgb(var(--c-dim-gray));
}

.home-redesign-hero__media > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-redesign-hero__media::after {
    content: '';
    position: absolute;
    inset: 45% 0 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .56));
}

.home-redesign-hero__media figcaption {
    position: absolute;
    z-index: 2;
    right: 1.5vw;
    bottom: 1.4vw;
    left: 1.5vw;
    color: rgb(var(--c-white));
    font-size: .92vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: right;
    text-transform: uppercase;
}

.home-redesign-hero__badge {
    position: absolute;
    z-index: 3;
    top: 1.25vw;
    left: -1.8vw;
    display: grid;
    width: 12vw;
    min-height: 7vw;
    padding: 1.1vw 1.2vw;
    align-content: center;
    background: rgb(var(--c-yellow));
}

.home-redesign-hero__badge strong {
    font-family: "Bebas";
    font-size: 2.15vw;
    font-weight: 400;
    line-height: 1;
}

.home-redesign-hero__badge span {
    margin-top: .35vw;
    font-size: .72vw;
    line-height: 1.25;
}

.home-redesign-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 var(--grid-padding);
    border-top: 1px solid rgba(var(--c-black), .18);
    border-left: 1px solid rgba(var(--c-black), .18);
}

.home-redesign-benefits article {
    min-height: 13.5vw;
    padding: 1.6vw;
    border-right: 1px solid rgba(var(--c-black), .18);
    border-bottom: 1px solid rgba(var(--c-black), .18);
}

.home-redesign-benefits article > span,
.home-redesign-process__grid article > span {
    color: rgb(var(--c-yellow));
    font-family: "Bebas";
    font-size: 2.8vw;
    line-height: 1;
}

.home-redesign-benefits h2,
.home-redesign-process__grid h3 {
    margin: 2.2vw 0 .55vw;
    font-family: "Bebas";
    font-size: 1.65vw;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.home-redesign-benefits p,
.home-redesign-process__grid p {
    margin: 0;
    color: rgba(var(--c-black), .68);
    font-size: .92vw;
    line-height: 1.45;
}

.home-redesign-section {
    padding: 8vw var(--grid-padding) 0;
}

.home-redesign-section__head,
.home-redesign-stock__head {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 5vw;
    align-items: end;
}

.home-redesign-section__head h2,
.home-redesign-stock__head h2,
.home-redesign-about h2,
.home-redesign-bots h2,
.home-redesign-cta h2 {
    max-width: 13ch;
    margin: 0;
    font-family: "Bebas";
    font-size: 4.2vw;
    font-weight: 400;
    line-height: .95;
    text-transform: uppercase;
}

.home-redesign-section__head > p,
.home-redesign-stock__head > p {
    max-width: 33vw;
    margin: 0 0 .35vw;
    color: rgba(var(--c-black), .68);
    font-size: 1.02vw;
    line-height: 1.5;
}

.home-redesign-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 2.3vw;
    border-top: 1px solid rgba(var(--c-black), .18);
    border-left: 1px solid rgba(var(--c-black), .18);
}

.home-redesign-category {
    display: grid;
    grid-template-columns: 42% 58%;
    min-height: 17.5vw;
    color: rgb(var(--c-black));
    text-decoration: none;
    border-right: 1px solid rgba(var(--c-black), .18);
    border-bottom: 1px solid rgba(var(--c-black), .18);
    transition: background-color .2s ease, color .2s ease;
}

.home-redesign-category:hover {
    color: rgb(var(--c-white));
    background: rgb(var(--c-black));
}

.home-redesign-category__media {
    display: flex;
    min-width: 0;
    padding: 1.15vw;
    align-items: center;
    justify-content: center;
    background: rgba(var(--c-dim-gray), .75);
    overflow: hidden;
}

.home-redesign-category__media img {
    display: block;
    width: 100%;
    max-height: 13vw;
    object-fit: contain;
    transition: transform .25s ease;
}

.home-redesign-category:hover .home-redesign-category__media img {
    transform: scale(1.04);
}

.home-redesign-category__body {
    display: flex;
    min-width: 0;
    padding: 1.35vw;
    flex-direction: column;
}

.home-redesign-category__body > span {
    color: rgba(var(--c-black), .52);
    font-size: .7vw;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.home-redesign-category:hover .home-redesign-category__body > span,
.home-redesign-category:hover .home-redesign-category__body p {
    color: rgba(var(--c-white), .62);
}

.home-redesign-category h3 {
    margin: 1.5vw 0 .6vw;
    font-family: "Bebas";
    font-size: 2vw;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.home-redesign-category p {
    margin: 0;
    color: rgba(var(--c-black), .64);
    font-size: .82vw;
    line-height: 1.42;
}

.home-redesign-category b {
    margin-top: auto;
    padding-top: 1vw;
    font-size: .78vw;
    line-height: 1.2;
    text-transform: uppercase;
}

.home-redesign-stock {
    margin-top: 8vw;
    padding: 5.5vw var(--grid-padding) 5.2vw;
    color: rgb(var(--c-white));
    background: rgb(var(--c-black));
}

.home-redesign-stock .home-redesign-kicker {
    color: rgba(var(--c-white), .45);
}

.home-redesign-stock__head > p {
    color: rgba(var(--c-white), .63);
}

.home-redesign-stock__search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.2vw;
    margin-top: 2.2vw;
    align-items: center;
}

.home-redesign-stock #price-search {
    position: relative;
    width: 100%;
    padding: 0 1.2vw 0 3.3vw;
    border: 1px solid rgba(var(--c-white), .34);
    background: transparent;
}

.home-redesign-stock #price-search::before {
    display: none;
}

.home-redesign-stock #price-search .icon-search {
    position: absolute;
    left: 1.2vw;
    top: 50%;
    color: rgb(var(--c-yellow));
    font-size: 1.2vw;
    transform: translateY(-50%);
}

.home-redesign-stock #price-search input {
    width: 100%;
    height: 4vw;
    border: 0;
    outline: 0;
    background: transparent;
    color: rgb(var(--c-white));
    font-size: 1vw;
}

.home-redesign-stock #price-search input::placeholder {
    color: rgba(var(--c-white), .5);
}

.home-redesign-stock__catalog-link {
    display: inline-flex;
    min-height: 4vw;
    padding: 0 1.4vw;
    align-items: center;
    color: rgb(var(--c-yellow));
    border: 1px solid rgb(var(--c-yellow));
    font-size: .82vw;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.home-redesign-stock__catalog-link:hover {
    color: rgb(var(--c-black));
    background: rgb(var(--c-yellow));
}

.home-redesign-stock__table {
    margin-top: 1.5vw;
    border-top: 1px solid rgba(var(--c-white), .25);
}

.home-redesign-stock .t-head {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr;
    gap: 0;
    padding: 1vw 0;
    color: rgba(var(--c-white), .48);
    border-bottom: 1px solid rgba(var(--c-white), .16);
    font-size: .7vw;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.home-redesign-stock .t-head > div {
    padding: 0 .8vw;
}

.home-redesign-stock #page > .row {
    color: rgb(var(--c-white));
    border-bottom-color: rgba(var(--c-white), .12);
}

.home-redesign-stock #page > .row:hover {
    color: rgb(var(--c-black));
    background: rgb(var(--c-yellow)) !important;
}

.home-redesign-stock #pagination {
    margin-top: 1.8vw;
}

.home-redesign-process__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 2.5vw;
    border-top: 1px solid rgba(var(--c-black), .18);
    border-left: 1px solid rgba(var(--c-black), .18);
}

.home-redesign-process__grid article {
    min-height: 16vw;
    padding: 1.6vw;
    border-right: 1px solid rgba(var(--c-black), .18);
    border-bottom: 1px solid rgba(var(--c-black), .18);
}

.home-redesign-about {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
    gap: 4vw;
    margin-top: 8vw;
    padding: 5.6vw var(--grid-padding);
    align-items: center;
    background: rgba(var(--c-dim-gray), .65);
}

.home-redesign-about__content {
    max-width: 43vw;
}

.home-redesign-about__content > p,
.home-redesign-bots__intro > p,
.home-redesign-cta > div > p {
    margin: 1.5vw 0 0;
    color: rgba(var(--c-black), .68);
    font-size: 1.05vw;
    line-height: 1.55;
}

.home-redesign-about__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 2vw;
    border-top: 1px solid rgba(var(--c-black), .18);
    border-left: 1px solid rgba(var(--c-black), .18);
}

.home-redesign-about__metrics > div {
    min-height: 7.5vw;
    padding: 1.1vw;
    border-right: 1px solid rgba(var(--c-black), .18);
    border-bottom: 1px solid rgba(var(--c-black), .18);
}

.home-redesign-about__metrics strong,
.home-redesign-about__metrics span {
    display: block;
}

.home-redesign-about__metrics strong {
    font-family: "Bebas";
    font-size: 1.7vw;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.home-redesign-about__metrics span {
    margin-top: .55vw;
    color: rgba(var(--c-black), .6);
    font-size: .76vw;
    line-height: 1.3;
}

.home-redesign-about__media {
    height: 31vw;
    margin: 0;
    overflow: hidden;
}

.home-redesign-about__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-redesign-bots {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr);
    gap: 4vw;
    padding: 6vw var(--grid-padding);
    align-items: center;
    color: rgb(var(--c-white));
    background: rgb(var(--c-black));
}

.home-redesign-bots .home-redesign-kicker {
    color: rgba(var(--c-white), .45);
}

.home-redesign-bots__intro > p {
    color: rgba(var(--c-white), .62);
}

.home-redesign-bots__cards {
    display: grid;
    gap: 1px;
    background: rgba(var(--c-white), .22);
    border: 1px solid rgba(var(--c-white), .22);
}

.home-redesign-bots__cards > a {
    display: grid;
    grid-template-columns: 4vw minmax(0, 1fr) auto;
    gap: 1.1vw;
    min-height: 6.2vw;
    padding: 1vw 1.2vw;
    align-items: center;
    color: rgb(var(--c-white));
    background: rgb(var(--c-black));
    text-decoration: none;
}

.home-redesign-bots__cards > a:hover {
    color: rgb(var(--c-black));
    background: rgb(var(--c-yellow));
}

.home-redesign-bots__cards img {
    display: block;
    width: 4vw;
    height: 4vw;
    object-fit: cover;
}

.home-redesign-bots__cards strong,
.home-redesign-bots__cards span {
    display: block;
}

.home-redesign-bots__cards strong {
    font-size: 1.15vw;
}

.home-redesign-bots__cards span {
    margin-top: .25vw;
    color: rgba(var(--c-white), .55);
    font-size: .78vw;
}

.home-redesign-bots__cards > a:hover span {
    color: rgba(var(--c-black), .65);
}

.home-redesign-bots__cards b {
    font-size: .8vw;
    text-transform: uppercase;
}

.home-redesign-partners__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 2.2vw;
    border-top: 1px solid rgba(var(--c-black), .18);
    border-left: 1px solid rgba(var(--c-black), .18);
}

.home-redesign-partners__grid > div {
    display: flex;
    min-height: 8.5vw;
    padding: 1.25vw;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(var(--c-black), .18);
    border-bottom: 1px solid rgba(var(--c-black), .18);
}

.home-redesign-partners__grid img {
    display: block;
    width: 100%;
    max-width: 7.5vw;
    max-height: 4vw;
    object-fit: contain;
    opacity: .72;
}

.home-redesign-cta {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 5vw;
    margin-top: 8vw;
    padding: 4.8vw var(--grid-padding);
    align-items: center;
    background: rgb(var(--c-yellow));
}

.home-redesign-cta__actions {
    display: grid;
    gap: .7vw;
}

.home-redesign-cta__actions .btn-init {
    min-height: 4vw;
    padding: .8vw 1.1vw;
    font-size: .92vw;
}

.home-redesign-cta__actions .btn-yellow {
    --btn-bg-color: rgb(var(--c-black));
    --btn-color: rgb(var(--c-white));
    --btn-border-color: rgb(var(--c-black));
}

.home-redesign-dark-outline-btn {
    --btn-bg-color: transparent;
    --btn-color: rgb(var(--c-black));
    --btn-border-color: rgb(var(--c-black));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.home-redesign-dark-outline-btn:hover {
    --btn-bg-color: rgb(var(--c-white));
    --btn-color: rgb(var(--c-black));
    --btn-border-color: rgb(var(--c-white));
}

@media (max-width: 1200px) {
    .home-redesign-kicker {
        font-size: 11px;
    }

    .home-redesign-hero {
        grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
        min-height: 680px;
        padding-top: 120px;
    }

    .home-redesign-hero__content {
        max-width: none;
    }

    .home-redesign-hero__lead,
    .home-redesign-section__head > p,
    .home-redesign-stock__head > p,
    .home-redesign-about__content > p,
    .home-redesign-bots__intro > p,
    .home-redesign-cta > div > p {
        font-size: 15px;
    }

    .home-redesign-search {
        grid-template-columns: 1fr 155px;
        margin-top: 24px !important;
    }

    .home-redesign-search__field,
    .home-redesign-search .btn-init {
        height: 58px;
    }

    .home-redesign-search__field {
        padding: 0 16px 0 46px;
    }

    .home-redesign-search__field .icon-search {
        left: 16px;
        font-size: 18px;
    }

    .home-redesign-search__field input,
    .home-redesign-search .btn-init {
        font-size: 14px;
    }

    .home-redesign-hero__actions .btn-init,
    .home-redesign-about__actions .btn-init {
        min-width: 175px;
        min-height: 52px;
        padding: 12px 20px;
        font-size: 13px;
    }

    .home-redesign-hero__contacts a {
        font-size: 14px;
    }

    .home-redesign-hero__media {
        height: 510px;
    }

    .home-redesign-hero__badge {
        width: 150px;
        min-height: 92px;
        padding: 16px;
    }

    .home-redesign-hero__badge strong {
        font-size: 34px;
    }

    .home-redesign-hero__badge span,
    .home-redesign-category__body > span,
    .home-redesign-category b,
    .home-redesign-stock .t-head,
    .home-redesign-about__metrics span,
    .home-redesign-bots__cards span,
    .home-redesign-bots__cards b {
        font-size: 11px;
    }

    .home-redesign-benefits article,
    .home-redesign-process__grid article {
        min-height: 205px;
        padding: 22px;
    }

    .home-redesign-benefits article > span,
    .home-redesign-process__grid article > span {
        font-size: 42px;
    }

    .home-redesign-benefits h2,
    .home-redesign-process__grid h3 {
        margin-top: 42px;
        font-size: 25px;
    }

    .home-redesign-benefits p,
    .home-redesign-process__grid p,
    .home-redesign-category p {
        font-size: 13px;
    }

    .home-redesign-category {
        min-height: 260px;
    }

    .home-redesign-category h3 {
        font-size: 29px;
    }

    .home-redesign-stock #price-search input,
    .home-redesign-stock__catalog-link {
        min-height: 56px;
        font-size: 13px;
    }

    .home-redesign-stock #price-search .icon-search {
        font-size: 18px;
    }

    .home-redesign-about__metrics > div {
        min-height: 105px;
    }

    .home-redesign-about__metrics strong {
        font-size: 25px;
    }

    .home-redesign-bots__cards > a {
        grid-template-columns: 58px 1fr auto;
        min-height: 88px;
        padding: 14px 16px;
    }

    .home-redesign-bots__cards img {
        width: 58px;
        height: 58px;
    }

    .home-redesign-bots__cards strong {
        font-size: 17px;
    }
}

@media (max-width: 900px) {
    .home-redesign-hero,
    .home-redesign-about,
    .home-redesign-bots,
    .home-redesign-cta {
        grid-template-columns: 1fr;
    }

    .home-redesign-hero {
        gap: 32px;
        min-height: 0;
        padding-top: 110px;
    }

    .home-redesign-hero__lead {
        max-width: 660px;
    }

    .home-redesign-hero__media {
        height: 480px;
    }

    .home-redesign-benefits,
    .home-redesign-process__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .home-redesign-category {
        min-height: 245px;
    }

    .home-redesign-section__head,
    .home-redesign-stock__head {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-redesign-section__head > p,
    .home-redesign-stock__head > p {
        max-width: 650px;
    }

    .home-redesign-about__content {
        max-width: none;
    }

    .home-redesign-about__media {
        height: 440px;
    }

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

    .home-redesign-partners__grid > div {
        min-height: 110px;
    }

    .home-redesign-partners__grid img {
        max-width: 100px;
        max-height: 50px;
    }
}

@media (max-width: 767px) {
    .home-redesign-kicker {
        margin-bottom: 12px;
        font-size: 10px;
    }

    .home-redesign-hero {
        padding: 100px 15px 34px;
    }

    .home-redesign-hero h1 {
        font-size: clamp(48px, 16vw, 68px);
    }

    .home-redesign-hero__lead {
        margin-top: 18px;
        font-size: 14px;
    }

    .home-redesign-search {
        grid-template-columns: 1fr;
        gap: 8px !important;
    }

    .home-redesign-search__field,
    .home-redesign-search .btn-init {
        height: 52px;
    }

    .home-redesign-hero__actions,
    .home-redesign-about__actions {
        display: grid;
        gap: 8px;
        margin-top: 10px;
    }

    .home-redesign-hero__actions .btn-init,
    .home-redesign-about__actions .btn-init {
        width: 100%;
        min-width: 0;
        min-height: 50px;
    }

    .home-redesign-hero__contacts {
        gap: 10px;
        margin-top: 18px;
        align-items: flex-start;
        flex-direction: column;
    }

    .home-redesign-hero__media {
        height: 360px;
    }

    .home-redesign-hero__media figcaption {
        right: 15px;
        bottom: 15px;
        left: 15px;
        font-size: 11px;
    }

    .home-redesign-hero__badge {
        top: 12px;
        left: 0;
        width: 135px;
        min-height: 80px;
        padding: 12px;
    }

    .home-redesign-hero__badge strong {
        font-size: 31px;
    }

    .home-redesign-benefits {
        grid-template-columns: 1fr;
        margin: 0 15px;
    }

    .home-redesign-benefits article,
    .home-redesign-process__grid article {
        min-height: 0;
        padding: 18px;
    }

    .home-redesign-benefits article > span,
    .home-redesign-process__grid article > span {
        font-size: 34px;
    }

    .home-redesign-benefits h2,
    .home-redesign-process__grid h3 {
        margin: 24px 0 7px;
        font-size: 24px;
    }

    .home-redesign-section {
        padding: 72px 15px 0;
    }

    .home-redesign-section__head h2,
    .home-redesign-stock__head h2,
    .home-redesign-about h2,
    .home-redesign-bots h2,
    .home-redesign-cta h2 {
        max-width: none;
        font-size: 43px;
    }

    .home-redesign-section__head > p,
    .home-redesign-stock__head > p,
    .home-redesign-about__content > p,
    .home-redesign-bots__intro > p,
    .home-redesign-cta > div > p {
        font-size: 14px;
    }

    .home-redesign-category-grid {
        grid-template-columns: 1fr;
        margin-top: 22px;
    }

    .home-redesign-category {
        grid-template-columns: 38% 62%;
        min-height: 195px;
    }

    .home-redesign-category__media {
        padding: 12px;
    }

    .home-redesign-category__media img {
        max-height: 150px;
    }

    .home-redesign-category__body {
        padding: 15px;
    }

    .home-redesign-category h3 {
        margin: 20px 0 8px;
        font-size: 27px;
    }

    .home-redesign-category p {
        font-size: 12px;
    }

    .home-redesign-stock {
        margin-top: 72px;
        padding: 52px 15px 48px;
    }

    .home-redesign-stock__search {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 22px;
    }

    .home-redesign-stock #price-search {
        padding: 0 14px 0 43px;
    }

    .home-redesign-stock #price-search .icon-search {
        left: 14px;
    }

    .home-redesign-stock__catalog-link {
        justify-content: center;
    }

    .home-redesign-stock__table {
        margin-top: 20px;
        overflow-x: auto;
    }

    .home-redesign-stock .t-head {
        display: flex;
        min-width: 520px;
        padding: 14px 0;
        font-size: 9px;
    }

    .home-redesign-stock .t-head > div {
        flex: 0 0 80px;
        padding: 0 8px;
    }

    .home-redesign-stock .t-head > div:nth-child(2) {
        flex-grow: 1;
    }

    .home-redesign-process__grid {
        grid-template-columns: 1fr;
        margin-top: 22px;
    }

    .home-redesign-about {
        gap: 28px;
        margin-top: 72px;
        padding: 52px 15px;
    }

    .home-redesign-about__metrics {
        grid-template-columns: 1fr;
        margin-top: 22px;
    }

    .home-redesign-about__metrics > div {
        min-height: 0;
        padding: 15px;
    }

    .home-redesign-about__metrics strong {
        font-size: 24px;
    }

    .home-redesign-about__media {
        height: 320px;
    }

    .home-redesign-bots {
        gap: 28px;
        padding: 52px 15px;
    }

    .home-redesign-bots__cards > a {
        grid-template-columns: 48px 1fr;
        min-height: 76px;
        gap: 12px;
        padding: 12px;
    }

    .home-redesign-bots__cards img {
        width: 48px;
        height: 48px;
        grid-row: span 2;
    }

    .home-redesign-bots__cards b {
        grid-column: 2;
    }

    .home-redesign-partners__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 22px;
    }

    .home-redesign-partners__grid > div {
        min-height: 90px;
        padding: 15px;
    }

    .home-redesign-cta {
        gap: 28px;
        margin-top: 72px;
        padding: 48px 15px;
    }

    .home-redesign-cta__actions {
        gap: 8px;
    }

    .home-redesign-cta__actions .btn-init {
        min-height: 52px;
        padding: 12px;
        font-size: 13px;
    }
}

/* Reset legacy positioning for the redesigned home search */
#search-head.home-redesign-search {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    transform: none;
    background: transparent;
}

#search-head .home-redesign-search__field {
    height: 4.25vw;
    padding: 0 1.2vw 0 3.3vw;
    line-height: normal;
    font-size: inherit;
}

#search-head .home-redesign-search__field .icon-search {
    top: 50%;
    left: 1.2vw;
    font-size: 1.25vw;
    opacity: 1;
    transform: translateY(-50%);
}

#search-head #h-search {
    width: 100%;
    height: 100%;
    padding: 0;
    font-family: inherit;
    font-size: 1vw;
    line-height: 1.2;
}

#search-head.home-redesign-search .btn-init {
    height: 4.25vw;
    padding: 0 1vw;
    font-size: .95vw;
    line-height: 1.2;
}

@media (max-width: 1200px) {
    #search-head .home-redesign-search__field,
    #search-head.home-redesign-search .btn-init {
        height: 58px;
    }

    #search-head .home-redesign-search__field {
        padding: 0 16px 0 46px;
    }

    #search-head .home-redesign-search__field .icon-search {
        left: 16px;
        font-size: 18px;
    }

    #search-head #h-search,
    #search-head.home-redesign-search .btn-init {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    #search-head.home-redesign-search {
        display: grid !important;
    }

    #search-head .home-redesign-search__field,
    #search-head.home-redesign-search .btn-init {
        height: 52px;
    }
}

/* === Главная: премиальный первый экран === */
.home-redesign-hero {
    position: relative;
    grid-template-columns: minmax(0, .94fr) minmax(460px, 1.06fr);
    gap: 3.4vw;
    min-height: 45vw;
    padding-top: 7.2vw;
    padding-bottom: 2.8vw;
    align-items: center;
    background:
        linear-gradient(90deg, rgba(247, 245, 241, .92) 0%, rgba(247, 245, 241, .92) 51.5%, #fff 51.5%, #fff 100%);
    border-bottom: 1px solid rgba(var(--c-black), .12);
}

.home-redesign-hero::before {
    content: '';
    position: absolute;
    top: 7.2vw;
    bottom: 2.8vw;
    left: 51.5%;
    width: 1px;
    background: rgba(var(--c-black), .09);
    pointer-events: none;
}

.home-redesign-hero__content {
    position: relative;
    z-index: 2;
    max-width: 46vw;
    padding: 1.2vw 1.3vw 1.2vw 0;
}

.home-redesign-hero .home-redesign-kicker {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 1.25vw;
    padding: .5vw .72vw;
    border: 1px solid rgba(var(--c-black), .16);
    background: rgba(255, 255, 255, .58);
    color: rgba(var(--c-black), .62);
    backdrop-filter: blur(6px);
}

.home-redesign-hero h1 {
    max-width: 8.8ch;
    font-size: clamp(68px, 5.8vw, 112px);
    line-height: .88;
    letter-spacing: .004em;
}

.home-redesign-hero__lead {
    position: relative;
    max-width: 36vw;
    margin-top: 1.7vw;
    padding-left: 1.15vw;
    color: rgba(var(--c-black), .72);
    font-size: 1.08vw;
    line-height: 1.52;
}

.home-redesign-hero__lead::before {
    content: '';
    position: absolute;
    top: .18em;
    bottom: .18em;
    left: 0;
    width: 3px;
    background: rgb(var(--c-yellow));
}

.home-redesign-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .55vw 1.25vw;
    margin-top: 1.25vw;
    color: rgba(var(--c-black), .64);
    font-size: .76vw;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.home-redesign-hero__meta span {
    position: relative;
    padding-left: .8vw;
}

.home-redesign-hero__meta span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .32vw;
    height: .32vw;
    border-radius: 50%;
    background: rgb(var(--c-yellow));
    transform: translateY(-50%);
}

.home-redesign-search {
    margin-top: 1.65vw !important;
    border: 1px solid rgba(var(--c-black), .12);
    box-shadow: 0 14px 38px rgba(17, 17, 17, .07);
}

.home-redesign-search__field {
    border: 0;
}

.home-redesign-search .btn-init {
    border-width: 0;
}

.home-redesign-hero__actions {
    margin-top: 1vw;
}

.home-redesign-hero__contacts {
    margin-top: 1vw;
}

.home-redesign-hero__media {
    position: relative;
    height: 37vw;
    overflow: hidden;
    border: 1px solid rgba(var(--c-black), .13);
    box-shadow: 0 24px 58px rgba(17, 17, 17, .14);
    isolation: isolate;
}

.home-redesign-hero__media::before {
    content: '';
    position: absolute;
    z-index: 2;
    inset: .7vw;
    border: 1px solid rgba(255, 255, 255, .34);
    pointer-events: none;
}

.home-redesign-hero__media > img {
    transform: scale(1.012);
    filter: saturate(.92) contrast(1.03);
}

.home-redesign-hero__media::after {
    z-index: 1;
    inset: 38% 0 0;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .66) 100%);
}

.home-redesign-hero__location {
    position: absolute;
    z-index: 4;
    top: 1.35vw;
    right: 1.35vw;
    padding: .62vw .85vw;
    border: 1px solid rgba(255, 255, 255, .45);
    background: rgba(15, 15, 15, .66);
    color: #fff;
    font-size: .7vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .06em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.home-redesign-hero__media figcaption {
    right: 1.5vw;
    bottom: 1.45vw;
    left: auto;
    max-width: 28vw;
    font-size: .86vw;
    letter-spacing: .025em;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}

.home-redesign-hero__badge {
    top: 1.35vw;
    left: 1.35vw;
    width: 11.2vw;
    min-height: 6.8vw;
    padding: 1vw 1.1vw;
    overflow: visible;
    border: 1px solid rgba(17, 17, 17, .12);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .14);
}

.home-redesign-hero__badge strong {
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .home-redesign-hero {
        grid-template-columns: minmax(0, 1fr) minmax(390px, .95fr);
        gap: 34px;
        min-height: 650px;
        padding-top: 108px;
        padding-bottom: 36px;
        background: linear-gradient(90deg, rgba(247, 245, 241, .92) 0%, rgba(247, 245, 241, .92) 51%, #fff 51%, #fff 100%);
    }

    .home-redesign-hero::before {
        top: 108px;
        bottom: 36px;
        left: 51%;
    }

    .home-redesign-hero__content {
        padding-right: 10px;
    }

    .home-redesign-hero .home-redesign-kicker {
        margin-bottom: 16px;
        padding: 8px 11px;
    }

    .home-redesign-hero h1 {
        font-size: clamp(60px, 7vw, 88px);
    }

    .home-redesign-hero__lead {
        max-width: 560px;
        margin-top: 20px;
        padding-left: 15px;
        font-size: 15px;
    }

    .home-redesign-hero__meta {
        gap: 8px 20px;
        margin-top: 16px;
        font-size: 11px;
    }

    .home-redesign-hero__meta span {
        padding-left: 12px;
    }

    .home-redesign-hero__meta span::before {
        width: 5px;
        height: 5px;
    }

    .home-redesign-search {
        margin-top: 20px !important;
    }

    .home-redesign-hero__media {
        height: 500px;
    }

    .home-redesign-hero__media::before {
        inset: 10px;
    }

    .home-redesign-hero__location {
        top: 16px;
        right: 16px;
        padding: 9px 12px;
        font-size: 10px;
    }

    .home-redesign-hero__badge {
        top: 16px;
        left: 16px;
        width: 154px;
        min-height: 92px;
        padding: 16px;
    }

    .home-redesign-hero__media figcaption {
        right: 18px;
        bottom: 18px;
        max-width: 360px;
        font-size: 12px;
    }
}

@media (max-width: 900px) {
    .home-redesign-hero {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-top: 104px;
        background: rgba(247, 245, 241, .92);
    }

    .home-redesign-hero::before {
        display: none;
    }

    .home-redesign-hero__content {
        max-width: 720px;
        padding: 0;
    }

    .home-redesign-hero__media {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .home-redesign-hero {
        gap: 24px;
        padding: 94px 15px 28px;
    }

    .home-redesign-hero h1 {
        max-width: none;
        font-size: clamp(48px, 15vw, 64px);
    }

    .home-redesign-hero__lead {
        max-width: none;
        margin-top: 16px;
        padding-left: 12px;
        font-size: 14px;
    }

    .home-redesign-hero__meta {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px 12px;
        margin-top: 14px;
        font-size: 10px;
    }

    .home-redesign-search {
        margin-top: 18px !important;
        box-shadow: 0 10px 26px rgba(17, 17, 17, .07);
    }

    .home-redesign-hero__media {
        height: 370px;
        box-shadow: 0 16px 34px rgba(17, 17, 17, .13);
    }

    .home-redesign-hero__media::before {
        inset: 8px;
    }

    .home-redesign-hero__location {
        top: 12px;
        right: 12px;
        padding: 8px 10px;
        font-size: 9px;
    }

    .home-redesign-hero__badge {
        top: 12px;
        left: 12px;
        width: 132px;
        min-height: 78px;
        padding: 12px;
    }

    .home-redesign-hero__badge strong {
        font-size: 29px;
    }

    .home-redesign-hero__badge span {
        font-size: 10px;
    }

    .home-redesign-hero__media figcaption {
        right: 14px;
        bottom: 14px;
        left: 14px;
        max-width: none;
        font-size: 10px;
        text-align: left;
    }
}

/* === Главная: минималистичный первый экран === */
.home-redesign-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
    gap: 3vw;
    min-height: auto;
    padding-top: 7vw;
    padding-bottom: 3.4vw;
    align-items: center;
    background: #f7f5f1;
    border-bottom: 1px solid rgba(var(--c-black), .12);
}

.home-redesign-hero::before {
    display: none;
}

.home-redesign-hero__content {
    max-width: 43vw;
    padding: 0;
}

.home-redesign-hero .home-redesign-kicker {
    margin-bottom: 1.1vw;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(var(--c-black), .55);
    font-size: .78vw;
    letter-spacing: .08em;
    backdrop-filter: none;
}

.home-redesign-hero h1 {
    max-width: 10.5ch;
    margin: 0;
    font-size: clamp(62px, 5.2vw, 96px);
    line-height: .9;
    letter-spacing: .002em;
}

.home-redesign-hero__lead {
    max-width: 32vw;
    margin: 1.45vw 0 0;
    padding: 0;
    color: rgba(var(--c-black), .68);
    font-size: 1vw;
    line-height: 1.55;
}

.home-redesign-hero__lead::before {
    display: none;
}

.home-redesign-search {
    max-width: 39vw;
    margin-top: 1.65vw !important;
    border: 1px solid rgba(var(--c-black), .16);
    background: #fff;
    box-shadow: none;
}

.home-redesign-search__field {
    background: #fff;
}

.home-redesign-hero__actions {
    margin-top: .9vw;
}

.home-redesign-hero__actions .btn-init {
    width: auto;
    min-width: 13vw;
    padding-right: 1.4vw;
    padding-left: 1.4vw;
}

.home-redesign-hero__media {
    height: 34vw;
    overflow: hidden;
    border: 1px solid rgba(var(--c-black), .12);
    background: #eceae6;
    box-shadow: none;
}

.home-redesign-hero__media::before,
.home-redesign-hero__media::after,
.home-redesign-hero__location,
.home-redesign-hero__badge,
.home-redesign-hero__media figcaption {
    display: none !important;
}

.home-redesign-hero__media > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none;
    filter: saturate(.9) contrast(1.02);
}

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

.home-redesign-stock #price-search {
    max-width: 100%;
}

@media (max-width: 1200px) {
    .home-redesign-hero {
        grid-template-columns: minmax(0, 1fr) minmax(390px, .95fr);
        gap: 32px;
        min-height: auto;
        padding-top: 108px;
        padding-bottom: 42px;
        background: #f7f5f1;
    }

    .home-redesign-hero__content {
        max-width: 620px;
    }

    .home-redesign-hero .home-redesign-kicker {
        margin-bottom: 14px;
        font-size: 11px;
    }

    .home-redesign-hero h1 {
        font-size: clamp(58px, 7vw, 82px);
    }

    .home-redesign-hero__lead {
        max-width: 520px;
        margin-top: 18px;
        font-size: 15px;
    }

    .home-redesign-search {
        max-width: 600px;
        margin-top: 20px !important;
    }

    .home-redesign-hero__actions {
        margin-top: 12px;
    }

    .home-redesign-hero__actions .btn-init {
        min-width: 210px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .home-redesign-hero__media {
        height: 470px;
    }
}

@media (max-width: 900px) {
    .home-redesign-hero {
        grid-template-columns: 1fr;
        gap: 26px;
        padding-top: 102px;
    }

    .home-redesign-hero__content,
    .home-redesign-hero__lead,
    .home-redesign-search {
        max-width: 100%;
    }

    .home-redesign-hero__media {
        height: 480px;
    }
}

@media (max-width: 767px) {
    .home-redesign-hero {
        gap: 22px;
        padding: 92px 15px 28px;
    }

    .home-redesign-hero .home-redesign-kicker {
        margin-bottom: 12px;
        font-size: 10px;
    }

    .home-redesign-hero h1 {
        max-width: none;
        font-size: clamp(46px, 14vw, 62px);
        line-height: .92;
    }

    .home-redesign-hero__lead {
        margin-top: 14px;
        font-size: 14px;
    }

    .home-redesign-search {
        margin-top: 17px !important;
    }

    .home-redesign-hero__actions .btn-init {
        width: 100%;
        min-width: 0;
    }

    .home-redesign-hero__media {
        height: 330px;
    }
}


/* === Главная: финальная правка первого экрана и сертификата === */
.home-redesign-hero {
    grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr);
    gap: 2.6vw;
    padding-top: 6.4vw;
    padding-bottom: 3vw;
}

.home-redesign-hero__content {
    align-self: center;
}

.home-redesign-hero h1 {
    max-width: 11ch;
    font-size: clamp(60px, 4.85vw, 90px);
}

.home-redesign-hero__lead {
    max-width: 30vw;
}

.home-redesign-hero__media {
    height: 31vw;
    border-color: rgba(var(--c-black), .16);
    background: #111;
}

.home-redesign-hero__media > img {
    object-fit: cover;
    object-position: center;
    filter: none;
}

.home-redesign-about__media--certificate {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38vw;
    padding: 1.5vw;
    border: 1px solid rgba(var(--c-black), .14);
    background: #fff;
}

.home-redesign-about__media--certificate img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 1200px) {
    .home-redesign-hero {
        grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
        gap: 28px;
        padding-top: 102px;
        padding-bottom: 38px;
    }

    .home-redesign-hero__lead {
        max-width: 520px;
    }

    .home-redesign-hero__media {
        height: 430px;
    }

    .home-redesign-about__media--certificate {
        height: 560px;
        padding: 20px;
    }
}

@media (max-width: 900px) {
    .home-redesign-hero {
        grid-template-columns: 1fr;
    }

    .home-redesign-hero__media {
        height: 420px;
    }

    .home-redesign-about__media--certificate {
        height: 620px;
    }
}

@media (max-width: 767px) {
    .home-redesign-hero {
        padding: 88px 15px 26px;
    }

    .home-redesign-hero h1 {
        font-size: clamp(44px, 13vw, 58px);
    }

    .home-redesign-hero__media {
        height: 270px;
    }

    .home-redesign-about__media--certificate {
        height: 500px;
        padding: 14px;
    }
}


/* === Главная: склад, оригинальные запчасти и чистое превью сертификата === */
.home-redesign-about__media--certificate {
    padding: 0;
    border: 0;
    background: transparent;
}

.home-redesign-about__media--certificate img {
    background: transparent;
}

.home-redesign-bots__cards > a > div {
    display: flex;
    align-items: center;
    min-width: 0;
}

.home-redesign-bots__cards > a > div strong {
    margin: 0;
}

@media (max-width: 1200px) {
    .home-redesign-about__media--certificate {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .home-redesign-about__media--certificate {
        padding: 0;
    }
}

/* === Главная: органичный первый экран с техникой Komatsu === */
.home-redesign-hero {
    grid-template-columns: minmax(0, .82fr) minmax(560px, 1.18fr);
    gap: 1.8vw;
    min-height: 42vw;
    padding-top: 6.2vw;
    padding-bottom: 2.6vw;
    background: #f7f5f1;
}

.home-redesign-hero::before {
    display: none;
}

.home-redesign-hero__content {
    max-width: 43vw;
    padding-right: 0;
    align-self: center;
}

.home-redesign-hero h1 {
    max-width: 8.7ch;
    font-size: clamp(64px, 5.15vw, 98px);
    line-height: .88;
}

.home-redesign-hero__lead {
    max-width: 34vw;
    margin-top: 1.45vw;
    padding-left: 0;
    font-size: 1.04vw;
    line-height: 1.55;
}

.home-redesign-hero__lead::before {
    display: none;
}

.home-redesign-hero__media--machinery {
    position: relative;
    display: flex;
    height: 33vw;
    margin: 0;
    overflow: visible;
    align-items: flex-end;
    justify-content: center;
    border: 0;
    background: transparent;
    isolation: isolate;
}

.home-redesign-hero__media--machinery::before {
    content: '';
    position: absolute;
    z-index: 0;
    inset: 10% 3% 7% 12%;
    background:
        linear-gradient(135deg, rgba(248, 192, 49, .20), rgba(248, 192, 49, .06));
}

.home-redesign-hero__media--machinery::after {
    content: '';
    position: absolute;
    z-index: 0;
    right: 2%;
    bottom: 6%;
    left: 7%;
    height: 1px;
    background: rgba(var(--c-black), .16);
    inset: auto 2% 6% 7%;
}

.home-redesign-hero__media--machinery > img {
    position: relative;
    z-index: 1;
    display: block;
    width: 108%;
    max-width: none;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 18px 18px rgba(17, 17, 17, .13));
}

@media (max-width: 1200px) {
    .home-redesign-hero {
        grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr);
        gap: 24px;
        min-height: auto;
        padding-top: 104px;
        padding-bottom: 38px;
    }

    .home-redesign-hero__content {
        max-width: 560px;
    }

    .home-redesign-hero h1 {
        font-size: clamp(58px, 6.4vw, 82px);
    }

    .home-redesign-hero__lead {
        max-width: 520px;
        margin-top: 17px;
        font-size: 15px;
    }

    .home-redesign-hero__media--machinery {
        height: 360px;
    }
}

@media (max-width: 900px) {
    .home-redesign-hero {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .home-redesign-hero__content,
    .home-redesign-hero__lead {
        max-width: 100%;
    }

    .home-redesign-hero h1 {
        max-width: 10ch;
    }

    .home-redesign-hero__media--machinery {
        height: 340px;
    }
}

@media (max-width: 767px) {
    .home-redesign-hero {
        gap: 22px;
        padding: 88px 15px 24px;
    }

    .home-redesign-hero h1 {
        max-width: none;
        font-size: clamp(44px, 13vw, 58px);
    }

    .home-redesign-hero__lead {
        margin-top: 14px;
        font-size: 14px;
    }

    .home-redesign-hero__media--machinery {
        height: 230px;
    }

    .home-redesign-hero__media--machinery::before {
        inset: 9% 0 5% 7%;
    }

    .home-redesign-hero__media--machinery > img {
        width: 114%;
        filter: drop-shadow(0 10px 12px rgba(17, 17, 17, .12));
    }
}


/* === Главная: финальная компоновка первого экрана === */
.home-redesign-hero {
    grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
    gap: clamp(32px, 3.2vw, 64px);
    min-height: auto;
    padding-top: clamp(108px, 7vw, 138px);
    padding-bottom: clamp(46px, 3.5vw, 72px);
    align-items: center;
}

.home-redesign-hero__content {
    align-self: center;
    max-width: 680px;
}

.home-redesign-hero h1 {
    max-width: 8.5ch;
}

.home-redesign-hero__lead {
    max-width: 590px;
    margin-top: clamp(18px, 1.35vw, 28px);
    font-size: clamp(16px, 1vw, 19px);
    line-height: 1.5;
}

.home-redesign-hero__media--machinery {
    height: clamp(330px, 31vw, 560px);
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.home-redesign-hero__media--machinery::before {
    inset: 13% 4% 13% 4%;
    background: linear-gradient(135deg, rgba(248, 192, 49, .14), rgba(248, 192, 49, .025));
}

.home-redesign-hero__media--machinery::after {
    right: 6%;
    bottom: 12%;
    left: 6%;
}

.home-redesign-hero__media--machinery > img {
    width: min(100%, 980px);
    max-width: 100%;
    max-height: 88%;
    margin: auto;
    object-position: center center;
    filter: drop-shadow(0 18px 20px rgba(17, 17, 17, .12));
}

#search-head.home-redesign-search {
    grid-template-columns: minmax(0, 1fr) auto;
    max-width: 650px;
    margin-top: clamp(24px, 1.8vw, 34px) !important;
    border: 1px solid rgba(var(--c-black), .18);
    background: #fff;
}

#search-head .home-redesign-search__field {
    border: 0;
}

#search-head.home-redesign-search .home-redesign-search__submit {
    display: inline-flex;
    width: auto;
    min-width: clamp(126px, 8.2vw, 158px);
    padding: 0 clamp(18px, 1.25vw, 26px);
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    background: rgb(var(--c-black));
    color: rgb(var(--c-white));
    font-size: clamp(13px, .86vw, 16px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
    transition: background-color .2s ease, color .2s ease;
}

#search-head.home-redesign-search .home-redesign-search__submit svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

#search-head.home-redesign-search .home-redesign-search__submit:hover,
#search-head.home-redesign-search .home-redesign-search__submit:focus-visible {
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    outline: 0;
}

@media (max-width: 1200px) {
    .home-redesign-hero {
        grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
        padding-top: 102px;
    }

    .home-redesign-hero__media--machinery {
        height: 360px;
    }
}

@media (max-width: 900px) {
    .home-redesign-hero {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .home-redesign-hero__content {
        max-width: 100%;
    }

    .home-redesign-hero h1 {
        max-width: 10ch;
    }

    .home-redesign-hero__media--machinery {
        height: 320px;
    }
}

@media (max-width: 767px) {
    .home-redesign-hero {
        padding-top: 86px;
        padding-bottom: 28px;
    }

    .home-redesign-hero__lead {
        font-size: 14px;
    }

    #search-head.home-redesign-search {
        grid-template-columns: minmax(0, 1fr) 112px;
    }

    #search-head.home-redesign-search .home-redesign-search__submit {
        min-width: 112px;
        padding: 0 12px;
        gap: 7px;
        font-size: 12px;
    }

    #search-head.home-redesign-search .home-redesign-search__submit svg {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
    }

    .home-redesign-hero__media--machinery {
        height: 220px;
    }

    .home-redesign-hero__media--machinery > img {
        width: 100%;
        max-height: 92%;
    }
}

/* === Главная: увеличенная техника в первом экране === */
.home-redesign-hero__media--machinery > img {
    width: 112%;
    max-width: none;
    max-height: 100%;
    object-position: center center;
}

@media (max-width: 1200px) {
    .home-redesign-hero__media--machinery > img {
        width: 110%;
        max-height: 100%;
    }
}

@media (max-width: 900px) {
    .home-redesign-hero__media--machinery > img {
        width: 106%;
    }
}

@media (max-width: 767px) {
    .home-redesign-hero__media--machinery > img {
        width: 110%;
        max-height: 100%;
    }
}

/* === Главная: техника без обрезки, на телефоне скрыта === */
.home-redesign-hero__media--machinery {
    overflow: visible;
}

.home-redesign-hero__media--machinery > img {
    width: 108%;
    max-width: none;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center center;
}

@media (max-width: 1200px) and (min-width: 768px) {
    .home-redesign-hero__media--machinery > img {
        width: 104%;
    }
}

@media (max-width: 767px) {
    .home-redesign-hero {
        gap: 0;
    }

    .home-redesign-hero__media--machinery {
        display: none;
    }
}

/* === Главная: увеличенная техника в первом экране === */
@media (min-width: 1201px) {
    .home-redesign-hero__media--machinery {
        height: clamp(380px, 34vw, 620px);
    }

    .home-redesign-hero__media--machinery > img {
        width: 124% !important;
        max-width: none !important;
        max-height: 108% !important;
        transform: translateX(1.5%);
    }
}

@media (max-width: 1200px) and (min-width: 901px) {
    .home-redesign-hero__media--machinery > img {
        width: 114% !important;
        max-width: none !important;
        max-height: 104% !important;
    }
}

@media (max-width: 900px) and (min-width: 768px) {
    .home-redesign-hero__media--machinery > img {
        width: 110% !important;
        max-width: none !important;
        max-height: 102% !important;
    }
}

/* Mobile footer and home stock table fixes */
@media (max-width: 980px) {
    .site-footer__container {
        width: calc(100% - 48px);
    }

    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 44px 36px;
    }

    .site-footer__grid > * {
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .site-footer {
        padding: 52px 0 24px;
        overflow: hidden;
    }

    .site-footer__container {
        width: calc(100% - 32px);
        max-width: none;
    }

    .site-footer__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
        padding-bottom: 38px;
    }

    .site-footer__brand p {
        max-width: 290px;
        margin-top: 20px;
        font-size: 15px;
    }

    .site-footer__logo img {
        width: 112px;
    }

    .site-footer__column {
        min-width: 0;
        gap: 11px;
    }

    .site-footer__column h2 {
        margin-bottom: 7px;
    }

    .site-footer__column a,
    .site-footer__column p,
    .site-footer__address {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .site-footer__column[aria-label="Навигация в футере"] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 12px;
    }

    .site-footer__column[aria-label="Навигация в футере"] h2 {
        grid-column: 1 / -1;
    }

    .site-footer__phone {
        font-size: 30px !important;
    }

    .site-footer__callback {
        width: 100%;
        max-width: 300px;
        padding: 13px 18px;
    }

    .site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding-top: 20px;
        font-size: 12px;
    }

    .site-footer__bottom > div {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        gap: 10px;
    }

    .site-footer__bottom a {
        display: block;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    /* In the dark home-page stock table, show stock and price immediately. */
    .home-redesign-stock #page > .row > div:nth-of-type(2) > .d-hide {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 7px;
        color: rgba(var(--c-white), .68) !important;
    }

    .home-redesign-stock #page > .row > div:nth-of-type(2) > .d-hide > span,
    .home-redesign-stock #page > .row > div:nth-of-type(2) > .d-hide .t-c-black {
        color: rgba(var(--c-white), .82) !important;
        opacity: 1 !important;
        white-space: nowrap;
    }

    .home-redesign-stock #page > .row:hover > div:nth-of-type(2) > .d-hide > span,
    .home-redesign-stock #page > .row:focus > div:nth-of-type(2) > .d-hide > span {
        color: rgb(var(--c-black)) !important;
    }
}

/* === Главная: техника полностью в кадре === */
@media (min-width: 1201px) {
    .home-redesign-hero__media--machinery > img {
        width: 116% !important;
        max-width: none !important;
        max-height: 108% !important;
        transform: translateX(-4%);
    }
}

@media (max-width: 1200px) and (min-width: 901px) {
    .home-redesign-hero__media--machinery > img {
        width: 108% !important;
        max-width: none !important;
        max-height: 103% !important;
        transform: translateX(-2.5%);
    }
}

@media (max-width: 900px) and (min-width: 768px) {
    .home-redesign-hero__media--machinery > img {
        width: 104% !important;
        max-width: none !important;
        max-height: 100% !important;
        transform: translateX(-1.5%);
    }
}

/* Cookie notice: compact card instead of a full-width banner */
#cookie {
    left: auto;
    right: 24px;
    bottom: 24px;
    width: min(620px, calc(100vw - 48px));
    max-width: 620px;
    box-sizing: border-box;
    padding: 24px 26px 22px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-top: 3px solid rgb(var(--c-yellow));
    background: rgb(var(--c-black));
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
    z-index: 1005;
}

#cookie > .t {
    margin: 0;
    color: rgb(var(--c-white));
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

#cookie > .s {
    margin: 12px 0 18px;
    color: rgba(var(--c-white), 0.68);
    font-size: 13px;
    line-height: 1.55;
}

#cookie > .s a {
    color: rgb(var(--c-yellow));
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--c-yellow), 0.55);
}

#cookie > .s a:hover,
#cookie > .s a:focus-visible {
    color: #EDC256;
    border-bottom-color: #EDC256;
}

#cookie > .btn-init {
    width: auto;
    min-width: 142px;
    min-height: 48px;
    padding: 12px 24px;
    font-size: 14px;
}

/* Active main-menu section: yellow underline */
@media (min-width: 901px) {
    header > ul > li > a,
    header > ul > li > .header-menu-item__row > a {
        position: relative;
        display: inline-flex;
        align-items: center;
        padding: 0.45vw 0;
    }

    header > ul > li > a.is-current,
    header > ul > li > .header-menu-item__row > a.is-current {
        color: rgb(var(--c-white));
    }

    header > ul > li > a.is-current::after,
    header > ul > li > .header-menu-item__row > a.is-current::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -0.35vw;
        left: 0;
        height: 3px;
        background: rgb(var(--c-yellow));
    }
}

@media (max-width: 900px) {
    #cookie {
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: auto;
        max-width: none;
        padding: 18px 18px 16px;
    }

    #cookie > .t {
        font-size: 18px;
    }

    #cookie > .s {
        margin: 10px 0 14px;
        font-size: 12px;
        line-height: 1.45;
    }

    #cookie > .btn-init {
        width: 100%;
        min-height: 46px;
        padding: 11px 18px;
        font-size: 13px;
    }

    #sidemenu > ul > li > a.is-current,
    #sidemenu .mobile-menu-item__row > a.is-current {
        width: fit-content;
        color: rgb(var(--c-white));
        border-bottom: 3px solid rgb(var(--c-yellow));
        padding-bottom: 5px;
    }
}

/* === Unified internal-page top spacing ===
   Keeps breadcrumbs at the same distance below the fixed header
   on contacts, delivery, company and trust pages. */
:root {
    --internal-page-top-offset: 128px;
}

.contacts-hero,
.delivery-main-hero,
.about-company-hero,
.trust-page-hero {
    padding-top: var(--internal-page-top-offset) !important;
}

@media (max-width: 1024px) {
    :root {
        --internal-page-top-offset: 112px;
    }
}

@media (max-width: 767px) {
    :root {
        --internal-page-top-offset: 104px;
    }
}


/* === MacBook / compact desktop header fix ===
   Keep the real mobile header at 1200px and below. On 1201–1680px show a
   compact desktop navigation instead of the phone-sized hamburger layout. */
@media (min-width: 1201px) and (max-width: 1680px) {
    header {
        display: grid !important;
        grid-template-columns: auto minmax(300px, 1fr) auto !important;
        min-height: 76px !important;
        padding: 8px clamp(22px, 2.5vw, 44px) !important;
        align-items: center !important;
        justify-content: initial !important;
        column-gap: clamp(12px, 1.4vw, 24px) !important;
        overflow: visible !important;
    }

    header > .logo {
        display: flex !important;
        height: auto !important;
        min-width: 0;
        align-items: center;
        flex: 0 0 auto !important;
    }

    header > .logo img {
        display: block !important;
        width: auto !important;
        height: clamp(42px, 3.2vw, 54px) !important;
        max-width: 132px !important;
    }

    header > ul {
        display: flex !important;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center;
        justify-content: center;
        gap: clamp(10px, 1vw, 18px) !important;
        flex-wrap: nowrap !important;
        overflow: visible !important;
        white-space: nowrap;
    }

    header > ul > li {
        flex: 0 0 auto;
    }

    header > ul a {
        display: inline-block;
        font-size: clamp(11px, .78vw, 14px) !important;
        line-height: 1.15;
    }

    header > .buttons {
        display: flex !important;
        height: auto !important;
        min-width: 0;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-direction: row !important;
        gap: 0 !important;
    }

    header .buttons-clump {
        display: flex !important;
        min-width: 0;
        align-items: stretch;
        color: rgb(var(--c-white));
        border: 1px solid rgb(var(--c-yellow));
        white-space: nowrap;
    }

    header .buttons-clump > .header-contact {
        display: flex !important;
        min-height: 52px;
        padding: 0 clamp(10px, .9vw, 14px);
        border-right: 1px solid rgb(var(--c-yellow));
    }

    /* Keep both bot links visible with their complete descriptions. The
       text remains on two compact lines so the header still fits MacBook widths. */
    header .buttons-clump > a {
        display: flex !important;
        width: auto;
        min-width: 150px;
        min-height: 52px;
        padding: 0 12px !important;
        align-items: center;
        justify-content: flex-start;
    }

    header .buttons-clump > a div {
        width: 26px;
        height: 26px;
        min-width: 26px;
        margin-right: 9px !important;
    }

    header .buttons-clump > a p {
        display: flex !important;
        min-width: 0;
        margin: 0;
        flex-direction: column;
        justify-content: center;
        color: rgb(var(--c-white));
        font-size: 12px !important;
        font-weight: 700;
        line-height: 1.05;
        white-space: nowrap;
    }

    header .buttons-clump > a p > span {
        display: block;
        margin-top: 4px;
        color: rgba(var(--c-white), .7);
        font-size: 9.5px !important;
        font-weight: 400;
        line-height: 1.05;
        white-space: nowrap;
    }

    #burger,
    .mhead-call,
    header .head-whatsapp,
    header .head-cart,
    #sidemenu {
        display: none !important;
    }
}


/* === Главная: более спокойная типографика первого экрана === */
.home-redesign-hero h1 {
    max-width: 9ch;
    font-size: clamp(60px, 4.65vw, 88px);
    line-height: .92;
}

.home-redesign-hero__lead {
    max-width: 38ch;
    margin-top: clamp(18px, 1.2vw, 24px);
    color: rgba(var(--c-black), .66);
    font-size: clamp(17px, .95vw, 19px);
    line-height: 1.48;
}

@media (max-width: 1200px) {
    .home-redesign-hero h1 {
        font-size: clamp(54px, 6.5vw, 76px);
    }

    .home-redesign-hero__lead {
        max-width: 40ch;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .home-redesign-hero h1 {
        max-width: 10ch;
        font-size: clamp(44px, 13vw, 58px);
    }

    .home-redesign-hero__lead {
        max-width: 34ch;
        margin-top: 14px;
        font-size: 14px;
        line-height: 1.5;
    }
}

/* === Главная: шильдики доверия и быстрая пагинация таблицы === */
.home-redesign-trust-badges {
    position: absolute;
    z-index: 4;
    top: calc(clamp(108px, 7vw, 138px) + max(0px, calc(clamp(190px, 17vw, 310px) - 250px)));
    right: var(--grid-padding);
    display: flex;
    width: auto;
    align-items: stretch;
    gap: 8px;
}

.home-redesign-trust-badge {
    position: relative;
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr);
    box-sizing: border-box;
    width: 132px;
    height: 58px;
    overflow: hidden;
    border: 1px solid rgba(var(--c-black), .24);
    background: rgba(247, 245, 241, .96);
    box-shadow: 0 7px 18px rgba(var(--c-black), .08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    text-transform: uppercase;
}

.home-redesign-experience-badge,
.home-redesign-supplier-badge {
    min-height: 58px;
}

.home-redesign-trust-badge::before {
    content: '';
    width: 4px;
    height: 100%;
    background: rgb(var(--c-yellow));
}

.home-redesign-trust-badge__main {
    display: flex;
    min-width: 0;
    padding: 7px 29px 8px 9px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.home-redesign-trust-badge__icon {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 21px;
    height: 21px;
    transform: translateY(-50%);
    color: rgba(var(--c-black), .58);
    pointer-events: none;
}

.home-redesign-trust-badge strong {
    color: rgb(var(--c-black));
    font-family: "Bebas", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: .92;
    letter-spacing: .02em;
    white-space: nowrap;
}

.home-redesign-trust-badge small,
.home-redesign-trust-badge__main > span {
    display: block;
    color: rgba(var(--c-black), .66);
    font-family: "Gilroy", sans-serif;
    font-size: 8px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: .08em;
    white-space: nowrap;
}

.home-redesign-experience-badge .home-redesign-trust-badge__main > span {
    margin-top: 4px;
    font-size: 9px;
}

.home-redesign-supplier-badge small {
    margin-bottom: 3px;
}

.home-redesign-supplier-badge strong {
    font-size: 20px;
}

.home-redesign-supplier-badge .home-redesign-trust-badge__main > span {
    margin-top: 3px;
}

.home-redesign-stock #pagination > .move {
    color: rgb(var(--c-white));
    border-color: rgba(var(--c-white), .55);
}

.home-redesign-stock #pagination > div.move:hover {
    color: rgb(var(--c-black));
    border-color: rgb(var(--c-yellow));
    background: rgb(var(--c-yellow));
}

.home-redesign-stock #pagination > p.move {
    color: rgba(var(--c-white), .55);
    border-color: rgba(var(--c-white), .24);
}

.home-redesign-stock #pagination > .pages {
    min-width: 92px;
    color: rgba(var(--c-white), .82);
    text-align: center;
}

@media (max-width: 1200px) and (min-width: 901px) {
    .home-redesign-trust-badges {
        top: 104px;
    }
}

@media (max-width: 900px) {
    .home-redesign-trust-badges {
        position: static;
        justify-self: start;
        width: auto;
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .home-redesign-trust-badges {
        width: auto;
        margin-bottom: 8px;
        gap: 6px;
    }

    .home-redesign-trust-badge {
        grid-template-columns: 3px minmax(0, 1fr);
        width: 118px;
        height: 52px;
    }

    .home-redesign-experience-badge,
    .home-redesign-supplier-badge {
        min-height: 52px;
    }

    .home-redesign-trust-badge::before {
        width: 3px;
    }

    .home-redesign-trust-badge__main {
        padding: 6px 26px 7px 8px;
    }

    .home-redesign-trust-badge__icon {
        right: 5px;
        width: 18px;
        height: 18px;
    }

    .home-redesign-trust-badge strong {
        font-size: 20px;
    }

    .home-redesign-supplier-badge strong {
        font-size: 16px;
    }

    .home-redesign-trust-badge small,
    .home-redesign-trust-badge__main > span {
        font-size: 7px;
    }

    .home-redesign-experience-badge .home-redesign-trust-badge__main > span {
        margin-top: 3px;
        font-size: 8px;
    }

    .home-redesign-supplier-badge small {
        margin-bottom: 1px;
    }

    .home-redesign-supplier-badge .home-redesign-trust-badge__main > span {
        margin-top: 1px;
    }

    .home-redesign-stock #pagination {
        min-width: 0;
        overflow: visible;
    }

    .home-redesign-stock #pagination > .pages {
        min-width: 82px;
        font-size: 12px;
    }
}

/* === Правки по макетам: поиск, шапка и таблица на главной === */
/* Поле поиска на главной должно быть с прямыми углами. */
.home-redesign-stock #price-search {
    border-radius: 0;
}

/* В блоках контактов/ботов обе строки используют размер второй строки. */
@media (min-width: 1201px) and (max-width: 1680px) {
    header .buttons-clump .header-contact__phone,
    header .buttons-clump .header-contact__email,
    header .buttons-clump > a p,
    header .buttons-clump > a p > span {
        font-size: 9.5px !important;
    }
}

@media (min-width: 1681px) {
    header .buttons-clump .header-contact__phone,
    header .buttons-clump .header-contact__email,
    header .buttons-clump > a p,
    header .buttons-clump > a p > span {
        font-size: 12px !important;
    }
}

/* Заголовки таблицы повторяют сетку строк и начинаются на тех же позициях. */
@media (min-width: 769px) {
    .home-redesign-stock .t-head {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: var(--grid-gap);
        padding-left: var(--grid-padding);
        padding-right: var(--grid-padding);
    }

    .home-redesign-stock .t-head > div {
        padding-left: 0;
        padding-right: 0;
    }
}


/* === Доп. правка шапки: нейтральная иконка контактов и одинаковый размер телефона/email === */
.header-contact__icon > span {
    position: relative;
    padding: 0;
    font-size: 0;
}

.header-contact__icon > span::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 11V9.8C7 7.14903 9.23858 5 12 5C14.7614 5 17 7.14903 17 9.8V11' stroke='%231d1c1b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.6 10.5H7.4C8.28366 10.5 9 11.2163 9 12.1V14.9C9 15.7837 8.28366 16.5 7.4 16.5H6.6C5.71634 16.5 5 15.7837 5 14.9V12.1C5 11.2163 5.71634 10.5 6.6 10.5Z' stroke='%231d1c1b' stroke-width='1.8'/%3E%3Cpath d='M16.6 10.5H17.4C18.2837 10.5 19 11.2163 19 12.1V14.9C19 15.7837 18.2837 16.5 17.4 16.5H16.6C15.7163 16.5 15 15.7837 15 14.9V12.1C15 11.2163 15.7163 10.5 16.6 10.5Z' stroke='%231d1c1b' stroke-width='1.8'/%3E%3Cpath d='M17 16C17 18.2091 14.7614 20 12 20H10.8' stroke='%231d1c1b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.8 18.9H11.2C11.6418 18.9 12 19.2582 12 19.7V19.7C12 20.1418 11.6418 20.5 11.2 20.5H9.8C9.35817 20.5 9 20.1418 9 19.7V19.7C9 19.2582 9.35817 18.9 9.8 18.9Z' fill='%231d1c1b'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px;
}

header .buttons-clump .header-contact__phone,
header .buttons-clump .header-contact__email {
    font-size: clamp(9.5px, 0.68vw, 12px) !important;
}


/* Телефон и email: одинаковые размер, насыщенность и визуальная плотность */
header .buttons-clump .header-contact__phone,
header .buttons-clump .header-contact__email {
    font-size: clamp(9.5px, 0.68vw, 12px) !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* Надёжная обратная связь формы: сообщения об ошибках и скрытое антиспам-поле. */
.callback-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.callback-form-status {
    margin: 0 0 16px;
    padding: 10px 12px;
    border-radius: 3px;
    background: #f2f2f2;
    color: #333;
    font-size: 13px;
    line-height: 1.4;
}

.callback-form-status.is-error {
    background: #fff0f0;
    color: #9f1d1d;
}

.callback-form-status.is-success {
    background: #eef8ef;
    color: #23642b;
}

.callback-field textarea {
    width: 100%;
    min-height: 120px;
    padding: 12px 15px;
    resize: vertical;
    border: 1px solid #dedede;
    border-radius: 3px;
    background: #fafafa;
    color: #111;
    font: inherit;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
}

.callback-field textarea:focus {
    border-color: rgb(var(--c-yellow));
    background: #fff;
}


/* Поле текста заявки во всех формах и комментарий к заказу. */
.smpparts-message-field textarea {
    width: 100%;
    min-height: 78px;
    box-sizing: border-box;
}

.cart-order-field {
    display: block;
    margin-top: 14px;
}

.cart-order-field > span {
    display: block;
    margin-bottom: 8px;
    color: rgb(var(--c-black-fut));
    font-size: 14px;
    line-height: 1.2;
}

.cart-order-field b {
    color: rgb(var(--c-yellow));
    font-weight: 700;
}

#smp-cart .cart-order-field > input,
#smp-cart .cart-order-comment textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(29, 28, 27, .25);
    border-radius: 3px;
    background: #fff;
    color: rgb(var(--c-black));
    font: inherit;
    font-size: 14px;
    line-height: 1.35;
    outline: none;
}

#smp-cart .cart-order-field > input {
    height: 42px;
    padding: 0 14px;
}

#smp-cart .cart-order-field > input::placeholder,
#smp-cart .cart-order-comment textarea::placeholder {
    color: rgba(29, 28, 27, .45);
}

#smp-cart .cart-order-comment textarea {
    min-height: 82px;
    padding: 12px 14px;
    resize: vertical;
}

#smp-cart .cart-order-field > input:focus,
#smp-cart .cart-order-comment textarea:focus {
    border-color: rgb(var(--c-yellow));
}

/* Атрибут hidden должен скрывать условные поля модальной формы. */
.callback-field[hidden] {
    display: none !important;
}

/* Телефон в корзине использует тот же компонент, что и Email. */
#smp-cart .cart-order-field--phone {
    margin-top: 0;
}

#smp-cart .cart-order-phone-control {
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    padding: 0 14px;
    box-sizing: border-box;
    border: 1px solid rgba(29, 28, 27, .25);
    border-radius: 3px;
    background: #fff;
    transition: border-color .2s ease;
}

#smp-cart .cart-order-phone-control > img {
    flex: 0 0 auto;
    width: 34px;
    height: 20px;
    margin-right: 14px;
    object-fit: cover;
}

#smp-cart .cart-order-phone-control > input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgb(var(--c-black));
    font: inherit;
    font-size: 14px;
    line-height: 1.35;
    outline: none;
    box-sizing: border-box;
}

#smp-cart .cart-order-phone-control > input::placeholder {
    color: rgba(29, 28, 27, .45);
}

#smp-cart .cart-order-phone-control:focus-within {
    border-color: rgb(var(--c-yellow));
}

/* Серверная пагинация использует ссылки, сохраняя исходный вид кнопок. */
#pagination > a,
.mob-pagination > a {
    color: inherit;
    text-decoration: none;
}

.home-redesign-stock #pagination > a.move:hover {
    color: rgb(var(--c-black));
    border-color: rgb(var(--c-yellow));
    background: rgb(var(--c-yellow));
}
/* Keep the server-rendered quick-search results visible after a GET reload. */
#tabel {
    scroll-margin-top: 32px;
}


/* Серверная корзина: обычные POST-формы без Fetch/XHR. */
#smp-cart .cart-inline-form {
    display: inline-flex;
    margin: 0;
    padding: 0;
}

#smp-cart button.cart-close,
#smp-cart button.icon-trash,
#smp-cart button.ctr-sub,
#smp-cart button.ctr-add {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    font: inherit;
}

#smp-cart button.cart-close,
#smp-cart button.icon-trash,
#smp-cart button.ctr-sub,
#smp-cart button.ctr-add,
#smp-cart button#smp-cart-thanks-done,
#smp-cart button#smp-cart-empty-close,
#smp-cart button#cart-send {
    cursor: pointer;
}

#smp-cart .cart-server-message {
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid rgba(29, 28, 27, .18);
    background: #fff;
    color: rgb(var(--c-black));
    font-size: 13px;
    line-height: 1.35;
}

#smp-cart .cart-server-message.is-error {
    border-color: rgba(176, 35, 35, .35);
    color: #9f2020;
}

#smp-cart .cart-footer {
    flex: 0 0 auto;
}

/* AJAX-корзина: блокируем повторные клики только на время операции. */
#smpparts-cart-interface.is-loading #smp-cart {
    cursor: progress;
}
#smpparts-cart-interface.is-loading #smp-cart .cart-inline-form button {
    opacity: .55;
}
#smpparts-cart-toast {
    position: fixed;
    left: 50%;
    bottom: 28px;
    z-index: 10050;
    max-width: min(420px, calc(100vw - 30px));
    padding: 12px 18px;
    border-radius: 8px;
    background: #1f1f1f;
    color: #fff;
    font-size: 14px;
    line-height: 1.35;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 18px);
    transition: opacity .18s ease, transform .18s ease;
    box-shadow: 0 10px 35px rgba(0,0,0,.22);
}
#smpparts-cart-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}
#smpparts-cart-toast.is-error {
    background: #8f1d1d;
}
@media (max-width: 767px) {
    #smpparts-cart-toast {
        bottom: 76px;
    }
}

/* Экран успешного оформления заказа: компактный и устойчивый для узкой корзины */
#smp-cart-thanks {
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
}

#smp-cart-thanks > .smp-cart-success-card {
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    padding: 42px 34px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: rgb(var(--c-black));
    text-align: center;
}

.smp-cart-success-mark {
    position: relative;
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: rgb(var(--c-yellow));
    box-shadow: 0 14px 30px rgba(252, 190, 34, .25);
}

.smp-cart-success-mark::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 17px;
    width: 23px;
    height: 13px;
    border-left: 3px solid rgb(var(--c-black));
    border-bottom: 3px solid rgb(var(--c-black));
    transform: rotate(-45deg);
}

.smp-cart-success-eyebrow {
    margin: 0 0 8px;
    color: rgba(var(--c-black), .52);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.smp-cart-success-title {
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: 52px;
    line-height: .92;
    text-transform: uppercase;
}

.smp-cart-success-message {
    max-width: 330px;
    margin: 15px auto 0;
    color: rgba(var(--c-black), .62);
    font-size: 14px;
    line-height: 1.45;
}

.smp-cart-success-status {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 23px 0 16px;
    padding: 13px 14px;
    border: 1px solid rgba(var(--c-black), .1);
    background: rgba(var(--c-black), .025);
    text-align: left;
}

.smp-cart-success-status-icon {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(var(--c-yellow));
    font-size: 15px;
    font-weight: 700;
}

.smp-cart-success-status span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.smp-cart-success-status strong {
    font-size: 12px;
    line-height: 1.3;
}

.smp-cart-success-status small {
    color: rgba(var(--c-black), .56);
    font-size: 11px;
    line-height: 1.35;
}

#smp-cart-thanks-done.smp-cart-success-done {
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding: 15px 18px;
    border: 0;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.2;
    text-transform: uppercase;
}

.smp-cart-fast-search {
    position: relative;
    margin-top: 29px;
    padding-top: 27px;
    border-top: 1px solid rgba(var(--c-black), .12);
}

.smp-cart-fast-search::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgb(var(--c-yellow));
    box-shadow: 0 0 0 7px #fff;
    transform: translateX(-50%);
}

.smp-cart-fast-search-kicker {
    margin: 0 0 5px;
    color: rgba(var(--c-black), .5);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.2;
    text-transform: uppercase;
}

.smp-cart-fast-search-title {
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: 29px;
    line-height: 1;
    text-transform: uppercase;
}

.smp-cart-fast-search-text {
    margin: 8px auto 14px;
    color: rgba(var(--c-black), .6);
    font-size: 12px;
    line-height: 1.4;
}

.smp-cart-search-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 86px;
    width: 100%;
    margin: 0;
    border: 1px solid rgba(var(--c-black), .14);
    background: #fff;
}

.smp-cart-search-form input {
    min-width: 0;
    height: 48px;
    padding: 0 13px;
    border: 0;
    outline: 0;
    background: transparent;
    color: rgb(var(--c-black));
    font: inherit;
    font-size: 12px;
}

.smp-cart-search-form input::placeholder {
    color: rgba(var(--c-black), .38);
}

.smp-cart-search-form:focus-within {
    border-color: rgba(var(--c-black), .38);
    box-shadow: 0 0 0 2px rgba(252, 190, 34, .18);
}

.smp-cart-search-form button {
    height: 48px;
    padding: 0 12px;
    border: 0;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.smp-cart-messenger-caption {
    margin: 18px 0 10px;
    color: rgba(var(--c-black), .5);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.3;
    text-transform: uppercase;
}

.smp-cart-messenger-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.smp-cart-messenger {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(var(--c-black), .12);
    color: rgb(var(--c-black));
    text-align: left;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.smp-cart-messenger:hover,
.smp-cart-messenger:focus-visible {
    color: rgb(var(--c-black));
    border-color: rgba(var(--c-black), .28);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .07);
    transform: translateY(-2px);
}

.smp-cart-messenger img {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.smp-cart-messenger span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.smp-cart-messenger small,
.smp-cart-messenger strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smp-cart-messenger small {
    color: rgba(var(--c-black), .48);
    font-size: 8px;
    line-height: 1.2;
}

.smp-cart-messenger strong {
    font-size: 12px;
    line-height: 1.2;
}

.smp-cart-messenger b {
    color: rgba(var(--c-black), .42);
    font-size: 15px;
    font-weight: 400;
}

.smp-cart-messenger--telegram { background: rgba(39, 166, 229, .06); }
.smp-cart-messenger--max { background: rgba(112, 81, 255, .055); }

@media (max-width: 767px) {
    #smp-cart-thanks > .smp-cart-success-card {
        min-height: 100dvh;
        padding: 34px 20px 26px;
        justify-content: flex-start;
    }

    .smp-cart-success-mark {
        width: 58px;
        height: 58px;
        margin-bottom: 14px;
    }

    .smp-cart-success-mark::before {
        left: 18px;
        top: 15px;
        width: 21px;
        height: 12px;
    }

    .smp-cart-success-title { font-size: 46px; }
    .smp-cart-success-message { font-size: 13px; }
    .smp-cart-success-status { margin-top: 20px; }
    .smp-cart-fast-search { margin-top: 25px; }
    .smp-cart-fast-search-title { font-size: 26px; }
}

@media (max-width: 390px) {
    #smp-cart-thanks > .smp-cart-success-card { padding-inline: 16px; }
    .smp-cart-search-form { grid-template-columns: minmax(0, 1fr) 74px; }
    .smp-cart-messenger-grid { grid-template-columns: 1fr; }
}

@media (max-height: 760px) and (min-width: 768px) {
    #smp-cart-thanks > .smp-cart-success-card {
        justify-content: flex-start;
        padding-top: 26px;
    }
    .smp-cart-success-mark { width: 52px; height: 52px; margin-bottom: 11px; }
    .smp-cart-success-mark::before { left: 16px; top: 13px; width: 19px; height: 11px; }
    .smp-cart-success-title { font-size: 45px; }
    .smp-cart-success-status { margin-top: 17px; }
    .smp-cart-fast-search { margin-top: 22px; padding-top: 22px; }
}

/* === Массовый поиск по артикулам === */
.bulk-search-inline-link {
    display: inline-flex;
    width: fit-content;
    margin-top: 14px;
    align-items: center;
    gap: 9px;
    color: rgb(var(--c-black));
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none;
}

.bulk-search-inline-link span {
    color: rgba(var(--c-black), .58);
}

.bulk-search-inline-link strong {
    font-weight: 800;
    border-bottom: 2px solid rgb(var(--c-yellow));
}

.bulk-search-inline-link b {
    font-size: 19px;
    font-weight: 400;
    transition: transform .2s ease;
}

.bulk-search-inline-link:hover b,
.bulk-search-inline-link:focus-visible b {
    transform: translateX(4px);
}

.bulk-search-inline-link--catalog {
    margin-top: -22px;
    margin-bottom: 34px;
}

.bulk-search-page,
.bulk-search-page * {
    box-sizing: border-box;
}

.bulk-search-page {
    overflow: hidden;
    background: rgb(var(--c-white));
}

.bulk-search-hero {
    padding: 9.5vw 0 5.3vw;
    border-bottom: 1px solid rgba(var(--c-black), .16);
    background: rgb(var(--c-dim-gray));
}

.bulk-search-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(330px, 1fr);
    gap: 5vw;
    align-items: end;
}

.bulk-search-hero h1 {
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: clamp(76px, 8.2vw, 145px);
    font-weight: 400;
    line-height: .8;
    letter-spacing: .005em;
    text-transform: uppercase;
}

.bulk-search-hero__lead {
    padding-bottom: .6vw;
}

.bulk-search-hero__lead > p {
    margin: 0;
    color: rgba(var(--c-black), .76);
    font-size: 1.18vw;
    line-height: 1.55;
}

.bulk-search-hero__meta {
    display: flex;
    margin-top: 1.6vw;
    padding-top: 1.15vw;
    border-top: 1px solid rgba(var(--c-black), .18);
    flex-wrap: wrap;
    gap: .6vw 1.3vw;
}

.bulk-search-hero__meta span {
    position: relative;
    padding-left: 14px;
    color: rgba(var(--c-black), .58);
    font-size: .78vw;
    font-weight: 700;
    line-height: 1.35;
}

.bulk-search-hero__meta span::before {
    content: "";
    position: absolute;
    top: .47em;
    left: 0;
    width: 5px;
    height: 5px;
    background: rgb(var(--c-yellow));
}

.bulk-search-form-section {
    padding: 5.2vw 0 6.25vw;
}

.bulk-search-form {
    display: block;
}

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

.bulk-search-form__main {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100%;
    padding: 3vw;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid rgba(var(--c-black), .18);
    background: rgb(var(--c-white));
}

.bulk-search-form__title {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 0 1vw;
    font-family: "Bebas", sans-serif;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.bulk-search-form__step {
    position: absolute;
    z-index: 0;
    top: 1.15vw;
    right: 2.1vw;
    color: rgba(var(--c-black), .075);
    font-family: "Bebas", sans-serif;
    font-size: 6.4vw;
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

.bulk-search-form__step--light {
    color: rgba(var(--c-white), .1);
}

.bulk-search-form__main .bulk-search-form__step {
    right: 3.1vw;
}

.bulk-search-form__aside .bulk-search-form__step {
    right: 2.1vw;
}

.bulk-search-form textarea {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    min-height: 17vw;
    height: 100%;
    flex: 1 1 auto;
    padding: 1.4vw 1.55vw;
    resize: vertical;
    outline: 0;
    border: 1px solid rgba(var(--c-black), .24);
    border-left: 5px solid rgb(var(--c-yellow));
    border-radius: 0;
    background: #faf9f7;
    color: rgb(var(--c-black));
    font: 600 1vw/1.7 "Manrope", sans-serif;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.bulk-search-form textarea::placeholder {
    color: rgba(var(--c-black), .34);
}

.bulk-search-form textarea:focus {
    border-color: rgba(var(--c-black), .55);
    border-left-color: rgb(var(--c-yellow));
    background: rgb(var(--c-white));
    box-shadow: 0 12px 35px rgba(var(--c-black), .07);
}

.bulk-search-form__actions {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 16px;
    padding: 0;
}

.bulk-search-form__submit {
    display: flex;
    width: min(25vw, 460px);
    min-width: 320px;
    min-height: 3.7vw;
    margin: 0;
    padding: .95vw 2.25vw;
    align-items: center;
    justify-content: center;
    gap: 1.15vw;
    border: 1.5px solid rgb(var(--c-yellow));
    border-radius: 0;
    box-shadow: none;
    font-size: clamp(16px, 1.05vw, 20px);
    line-height: 1.2;
}

.bulk-search-form__submit b {
    font-size: 22px;
    font-weight: 400;
    transition: transform .2s ease;
}

.bulk-search-form__submit:hover b,
.bulk-search-form__submit:focus-visible b {
    transform: translateX(4px);
}

.bulk-search-form__aside {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100%;
    padding: 3vw;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid rgba(var(--c-black), .18);
    background: rgb(var(--c-black));
    color: rgb(var(--c-white));
}

.bulk-search-form__aside::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: rgb(var(--c-yellow));
}


.bulk-search-form__aside h2 {
    position: relative;
    margin: 0 0 1vw;
    font-family: "Bebas", sans-serif;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.bulk-search-form__aside p {
    position: relative;
    margin: 0;
    color: rgba(var(--c-white), .66);
    font-size: .9vw;
    line-height: 1.58;
}

.bulk-search-form__example {
    position: relative;
    display: grid;
    margin-top: 1.6vw;
    border-top: 1px solid rgba(var(--c-white), .2);
}

.bulk-search-form__example span {
    padding: .72vw 0;
    border-bottom: 1px solid rgba(var(--c-white), .12);
    color: rgb(var(--c-white));
    font-size: .82vw;
    font-weight: 700;
    letter-spacing: .02em;
}

.bulk-search-upload__drop {
    position: relative;
    display: flex;
    min-height: 11vw;
    height: 100%;
    flex: 1 1 auto;
    margin-top: 1.7vw;
    padding: 1.4vw;
    border: 1px dashed rgba(var(--c-white), .34);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .45vw;
    color: rgb(var(--c-white));
    text-align: center;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.bulk-search-upload__drop:hover,
.bulk-search-upload__drop:focus-within,
.bulk-search-upload__drop.is-dragover,
.bulk-search-upload__drop.is-selected {
    border-color: rgb(var(--c-yellow));
    background: rgba(var(--c-yellow), .08);
}

.bulk-search-upload__drop.is-dragover {
    transform: translateY(-2px);
}

.bulk-search-upload__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.bulk-search-upload__icon {
    display: flex;
    width: 3.1vw;
    height: 3.1vw;
    margin-bottom: .35vw;
    border: 1px solid rgba(var(--c-yellow), .75);
    align-items: center;
    justify-content: center;
    color: rgb(var(--c-yellow));
    font-family: "Bebas", sans-serif;
    font-size: 2.1vw;
    line-height: 1;
}

.bulk-search-upload__drop strong {
    font-size: .85vw;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.bulk-search-upload__drop > span:not(.bulk-search-upload__icon) {
    color: rgba(var(--c-white), .52);
    font-size: .7vw;
    line-height: 1.45;
}

.bulk-search-upload__drop em {
    display: block;
    max-width: 100%;
    margin-top: .35vw;
    overflow: hidden;
    color: rgb(var(--c-yellow));
    font-size: .72vw;
    font-style: normal;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-search-notice {
    margin-top: 16px;
    padding: 14px 18px;
    border-left: 4px solid rgb(var(--c-yellow));
    background: #f7f6f4;
    color: rgba(var(--c-black), .7);
    font-size: 14px;
    line-height: 1.5;
}

.bulk-search-notice--error {
    border-left-color: #ba3b2f;
    background: #fff3f1;
}

.bulk-search-notice--success {
    border-left-color: rgb(var(--c-yellow));
    background: rgba(var(--c-yellow), .12);
}

.bulk-search-results {
    padding: 6.25vw 0;
    border-top: 1px solid rgba(var(--c-black), .12);
    background: #f7f6f4;
}

.bulk-search-results__head {
    display: flex;
    margin-bottom: 2.7vw;
    align-items: end;
    justify-content: space-between;
    gap: 3vw;
}

.bulk-search-results__head h2,
.bulk-search-bottom h2 {
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: clamp(54px, 5.1vw, 92px);
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase;
}

.bulk-search-results__stats {
    display: flex;
    border-top: 1px solid rgba(var(--c-black), .2);
    border-left: 1px solid rgba(var(--c-black), .2);
}

.bulk-search-results__stats > div {
    display: flex;
    min-width: 9.8vw;
    min-height: 5.5vw;
    padding: 1vw 1.25vw;
    border-right: 1px solid rgba(var(--c-black), .2);
    border-bottom: 1px solid rgba(var(--c-black), .2);
    flex-direction: column;
    justify-content: center;
}

.bulk-search-results__stats strong {
    font-family: "Bebas", sans-serif;
    font-size: 2.2vw;
    font-weight: 400;
    line-height: 1;
}

.bulk-search-results__stats span {
    margin-top: 4px;
    color: rgba(var(--c-black), .54);
    font-size: .72vw;
    font-weight: 700;
    text-transform: uppercase;
}

.bulk-search-results__tools {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 12px;
}

.bulk-search-export-form {
    display: flex;
    margin: 0;
}

.bulk-search-view-switch {
    display: flex;
    min-height: 5.5vw;
    border: 1px solid rgba(var(--c-black), .2);
    background: rgb(var(--c-white));
}

.bulk-search-view-switch__btn {
    min-width: 7.2vw;
    padding: 1vw 1.15vw;
    border: 0;
    border-right: 1px solid rgba(var(--c-black), .14);
    outline: 0;
    background: transparent;
    color: rgba(var(--c-black), .58);
    font-family: inherit;
    font-size: .72vw;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.bulk-search-view-switch__btn:last-child {
    border-right: 0;
}

.bulk-search-view-switch__btn:hover,
.bulk-search-view-switch__btn:focus-visible {
    color: rgb(var(--c-black));
    background: rgba(var(--c-black), .05);
}

.bulk-search-view-switch__btn.is-active {
    background: rgb(var(--c-black));
    color: rgb(var(--c-white));
}

.bulk-search-export {
    display: flex;
    min-width: 10.8vw;
    min-height: 5.5vw;
    padding: 1vw 1.25vw;
    border: 0;
    outline: 0;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    font-family: inherit;
    font-size: .78vw;
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}

.bulk-search-export b {
    font-family: "Bebas", sans-serif;
    font-size: 2vw;
    font-weight: 400;
    line-height: 1;
    transition: transform .18s ease;
}

.bulk-search-export:hover,
.bulk-search-export:focus-visible {
    box-shadow: 0 12px 28px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
}

.bulk-search-export:hover b,
.bulk-search-export:focus-visible b {
    transform: translateY(4px);
}

.bulk-search-results__list {
    display: grid;
    gap: 1.6vw;
}

.bulk-product {
    border: 1px solid rgba(var(--c-black), .16);
    background: rgb(var(--c-white));
}

.bulk-product__summary {
    display: grid;
    grid-template-columns: 10.5vw minmax(0, 1fr) minmax(145px, .2fr);
    min-height: 10.5vw;
    border-bottom: 1px solid rgba(var(--c-black), .14);
}

.bulk-product__image {
    display: flex;
    padding: .8vw;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-right: 1px solid rgba(var(--c-black), .14);
    background: #f3f2ef;
}

.bulk-product__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bulk-product__info {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 1.55vw 2vw 1.4vw;
    flex-direction: column;
    justify-content: center;
}

.bulk-product__index {
    position: absolute;
    top: 1.1vw;
    right: 1.4vw;
    color: rgba(var(--c-black), .14);
    font-family: "Bebas", sans-serif;
    font-size: 3vw;
    line-height: 1;
}

.bulk-product__article {
    margin-bottom: .55vw;
    color: rgba(var(--c-black), .52);
    font-size: .72vw;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.bulk-product__article strong {
    margin-left: .35vw;
    color: rgb(var(--c-black));
    font-size: .86vw;
}

.bulk-product__info h3 {
    max-width: 85%;
    margin: 0;
    font-size: 1.2vw;
    font-weight: 750;
    line-height: 1.3;
}

.bulk-product__info h3 a {
    color: inherit;
}

.bulk-product__info p {
    max-width: 70%;
    margin: .65vw 0 0;
    overflow: hidden;
    color: rgba(var(--c-black), .55);
    font-size: .76vw;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-product__link {
    display: inline-flex;
    width: fit-content;
    margin-top: .8vw;
    align-items: center;
    gap: .45vw;
    color: rgb(var(--c-black));
    font-size: .76vw;
    font-weight: 800;
    border-bottom: 1px solid rgba(var(--c-black), .3);
}

.bulk-product__offer-count {
    display: flex;
    padding: 1.3vw;
    border-left: 1px solid rgba(var(--c-black), .14);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.bulk-product__offer-count strong {
    font-family: "Bebas", sans-serif;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 1;
}

.bulk-product__offer-count span {
    max-width: 130px;
    margin-top: .3vw;
    color: rgba(var(--c-black), .52);
    font-size: .7vw;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
}

.bulk-offers-wrap {
    width: 100%;
    overflow-x: auto;
}

.bulk-offers-table {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
    table-layout: fixed;
}

.bulk-offers-table th,
.bulk-offers-table td {
    padding: 1vw 1.2vw;
    border-right: 1px solid rgba(var(--c-black), .1);
    border-bottom: 1px solid rgba(var(--c-black), .1);
    text-align: left;
    vertical-align: middle;
}

.bulk-offers-table th:last-child,
.bulk-offers-table td:last-child {
    border-right: 0;
}

.bulk-offers-table tbody tr:last-child td {
    border-bottom: 0;
}

.bulk-offers-table th {
    color: rgba(var(--c-black), .48);
    background: #fbfaf8;
    font-size: .66vw;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.bulk-offers-table td {
    color: rgba(var(--c-black), .72);
    font-size: .78vw;
    line-height: 1.4;
}

.bulk-offers-table tr.is-featured td {
    background: rgba(var(--c-yellow), .09);
}

.bulk-offers-table td:first-child strong {
    display: block;
    color: rgb(var(--c-black));
    font-size: .82vw;
}

.bulk-offers-table td:first-child small {
    display: block;
    margin-top: 4px;
    color: rgba(var(--c-black), .48);
    font-size: .68vw;
}

.bulk-offers-table__stock {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(var(--c-black), .74);
    font-weight: 700;
}

.bulk-offers-table__stock::before {
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #999;
}

.bulk-offers-table__stock.is-stock::before {
    background: #3a9d5d;
}

.bulk-offers-table__stock.is-order::before {
    background: rgb(var(--c-yellow));
}

.bulk-offers-table__price {
    color: rgb(var(--c-black)) !important;
    font-weight: 800;
    white-space: nowrap;
}

.bulk-offers-table__action {
    width: 145px;
    text-align: right !important;
}

.bulk-offers-table__cart {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 10px 14px;
    font-size: 12px;
}

.bulk-search-table-view[hidden],
.bulk-search-results__list[hidden],
.bulk-search-compact-table__details[hidden] {
    display: none !important;
}

.bulk-search-compact-wrap {
    width: 100%;
    overflow: auto;
    border: 1px solid rgba(var(--c-black), .16);
    background: rgb(var(--c-white));
}

.bulk-search-compact-table {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
    table-layout: fixed;
}

.bulk-search-compact-table th,
.bulk-search-compact-table td {
    padding: 13px 12px;
    border-right: 1px solid rgba(var(--c-black), .09);
    border-bottom: 1px solid rgba(var(--c-black), .1);
    text-align: left;
    vertical-align: middle;
}

.bulk-search-compact-table th:last-child,
.bulk-search-compact-table td:last-child {
    border-right: 0;
}

.bulk-search-compact-table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #eceae6;
    color: rgba(var(--c-black), .55);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.bulk-search-compact-table tbody > .bulk-search-compact-table__product-row.is-expandable {
    cursor: pointer;
}

.bulk-search-compact-table tbody > .bulk-search-compact-table__product-row.is-expandable:hover > td,
.bulk-search-compact-table tbody > .bulk-search-compact-table__product-row.is-expandable:focus > td,
.bulk-search-compact-table tbody > .bulk-search-compact-table__product-row.is-open > td {
    background: rgba(var(--c-yellow), .075);
}

.bulk-search-compact-table tbody > .bulk-search-compact-table__product-row.is-expandable:focus {
    outline: 2px solid rgb(var(--c-yellow));
    outline-offset: -2px;
}

.bulk-search-compact-table__number {
    width: 52px;
    color: rgba(var(--c-black), .38);
    text-align: center !important;
    font-family: "Bebas", sans-serif;
    font-size: 18px;
}

.bulk-search-compact-table th:nth-child(2) {
    width: 148px;
}

.bulk-search-compact-table th:nth-child(3) {
    width: 270px;
}

.bulk-search-compact-table th:nth-child(4) {
    width: 120px;
}

.bulk-search-compact-table th:nth-child(5) {
    width: 145px;
}

.bulk-search-compact-table th:nth-child(6) {
    width: 120px;
}

.bulk-search-compact-table th:nth-child(7) {
    width: 120px;
}

.bulk-search-compact-table th:nth-child(8) {
    width: 130px;
}

.bulk-search-compact-table th:nth-child(9) {
    width: 210px;
}

.bulk-search-compact-table td {
    color: rgba(var(--c-black), .72);
    font-size: 13px;
    line-height: 1.35;
}

.bulk-search-compact-table__article a,
.bulk-search-compact-table__name > a {
    display: block;
    color: rgb(var(--c-black));
    font-weight: 800;
}

.bulk-search-compact-table__article a {
    white-space: nowrap;
}

.bulk-search-compact-table__article small,
.bulk-search-compact-table__name small {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: rgba(var(--c-black), .46);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-search-compact-table__name small {
    max-width: 245px;
}

.bulk-search-compact-table__price {
    color: rgb(var(--c-black)) !important;
    font-weight: 800;
    white-space: nowrap;
}

.bulk-search-compact-table__offers-toggle {
    display: inline-flex;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid rgba(var(--c-black), .18);
    background: transparent;
    color: rgb(var(--c-black));
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease;
}

.bulk-search-compact-table__offers-toggle:hover,
.bulk-search-compact-table__offers-toggle:focus-visible,
.bulk-search-compact-table__offers-toggle.is-open {
    border-color: rgb(var(--c-black));
    background: rgba(var(--c-black), .045);
}

.bulk-search-compact-table__offers-toggle b {
    width: 16px;
    font-family: "Bebas", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: .8;
    text-align: center;
}

.bulk-search-compact-table__actions {
    text-align: right !important;
}

.bulk-search-compact-table td.bulk-search-compact-table__actions {
    white-space: nowrap;
}

.bulk-search-compact-table__cart {
    display: inline-block;
    width: auto;
    min-width: 94px;
    min-height: 38px;
    padding: 8px 11px;
    font-size: 11px;
}

.bulk-search-compact-table__details > td {
    padding: 0 !important;
    border-right: 0;
    background: #f8f7f4;
}

.bulk-search-table-offers {
    padding: 12px 18px 16px 64px;
}

.bulk-search-table-offers__head,
.bulk-search-table-offers__row {
    display: grid;
    grid-template-columns: minmax(180px, 1.25fr) minmax(100px, .72fr) minmax(120px, .9fr) minmax(110px, .75fr) minmax(110px, .75fr) 118px;
    align-items: center;
}

.bulk-search-table-offers__head {
    color: rgba(var(--c-black), .42);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.bulk-search-table-offers__head > span,
.bulk-search-table-offers__row > div {
    min-width: 0;
    padding: 8px 10px;
}

.bulk-search-table-offers__row {
    border-top: 1px solid rgba(var(--c-black), .09);
    color: rgba(var(--c-black), .68);
    font-size: 12px;
}

.bulk-search-table-offers__row.is-featured {
    background: rgba(var(--c-yellow), .08);
}

.bulk-search-table-offers__row strong {
    display: block;
    color: rgb(var(--c-black));
    font-size: 12px;
}

.bulk-search-table-offers__row small {
    display: block;
    margin-top: 3px;
    color: rgba(var(--c-black), .46);
    font-size: 10px;
}

.bulk-search-table-offers__price {
    color: rgb(var(--c-black));
    font-weight: 800;
    white-space: nowrap;
}

.bulk-search-table-offers__action {
    text-align: right;
}

.bulk-search-table-offers__cart {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    padding: 7px 9px;
    font-size: 10px;
}

.bulk-search-table-view__hint {
    margin: 12px 0 0;
    color: rgba(var(--c-black), .5);
    font-size: 12px;
    line-height: 1.45;
}

.bulk-search-empty {
    padding: 4vw;
    border-left: 5px solid rgb(var(--c-yellow));
    background: rgb(var(--c-white));
}

.bulk-search-empty > span {
    color: rgba(var(--c-black), .5);
    font-size: .75vw;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bulk-search-empty h3 {
    max-width: 48vw;
    margin: .9vw 0 1vw;
    font-family: "Bebas", sans-serif;
    font-size: 3.4vw;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.bulk-search-empty p {
    max-width: 42vw;
    margin: 0 0 1.6vw;
    color: rgba(var(--c-black), .62);
    font-size: .95vw;
    line-height: 1.6;
}

.bulk-search-not-found {
    display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(420px, 1.35fr);
    margin-top: 2.2vw;
    padding: 2.5vw;
    align-items: center;
    gap: 2.5vw;
    background: rgb(var(--c-black));
    color: rgb(var(--c-white));
}

.bulk-search-not-found .delivery-kicker {
    color: rgba(var(--c-white), .48);
}

.bulk-search-not-found h3 {
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: 3.1vw;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.bulk-search-not-found p {
    margin: .7vw 0 0;
    color: rgba(var(--c-white), .6);
    font-size: .82vw;
    line-height: 1.55;
}

.bulk-search-not-found__table-wrap {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(var(--c-white), .22);
}

.bulk-search-not-found__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: rgb(var(--c-white));
}

.bulk-search-not-found__table th,
.bulk-search-not-found__table td {
    padding: 10px 12px;
    border-right: 1px solid rgba(var(--c-white), .13);
    border-bottom: 1px solid rgba(var(--c-white), .13);
    text-align: left;
    vertical-align: middle;
}

.bulk-search-not-found__table th:last-child,
.bulk-search-not-found__table td:last-child {
    border-right: 0;
}

.bulk-search-not-found__table tbody tr:last-child td {
    border-bottom: 0;
}

.bulk-search-not-found__table th {
    background: rgba(var(--c-white), .07);
    color: rgba(var(--c-white), .5);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.bulk-search-not-found__table th:first-child,
.bulk-search-not-found__table td:first-child {
    width: 44px;
    color: rgba(var(--c-white), .42);
    text-align: center;
}

.bulk-search-not-found__table th:last-child,
.bulk-search-not-found__table td:last-child {
    width: 105px;
}

.bulk-search-not-found__table td {
    font-size: 12px;
    line-height: 1.35;
}

.bulk-search-not-found__table td strong {
    color: rgb(var(--c-white));
    font-size: 13px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.bulk-search-not-found__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(var(--c-white), .62);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.bulk-search-not-found__status::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    background: rgb(var(--c-yellow));
}

.bulk-search-not-found__table a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none;
}


.bulk-search-bottom {
    padding: 6.25vw 0;
    border-top: 1px solid rgba(var(--c-black), .12);
}

.bulk-search-bottom__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .7fr);
    gap: 5vw;
    align-items: end;
}

.bulk-search-bottom__grid p {
    margin: 0 0 1.5vw;
    color: rgba(var(--c-black), .66);
    font-size: 1vw;
    line-height: 1.6;
}

.bulk-search-bottom__grid .btn-init {
    display: inline-flex;
    width: auto;
    min-width: 0;
    padding: 15px 22px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .32px;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .bulk-search-hero__lead > p,
    .bulk-search-form textarea,
    .bulk-search-bottom__grid p {
        font-size: 16px;
    }

    .bulk-search-hero__meta span,
    .bulk-search-form__label,
    .bulk-search-form__aside p,
    .bulk-search-form__example span,
    .bulk-search-upload__drop strong,
    .bulk-search-upload__drop > span:not(.bulk-search-upload__icon),
    .bulk-search-upload__drop em,
    .bulk-search-results__stats span,
    .bulk-product__article,
    .bulk-product__article strong,
    .bulk-product__info p,
    .bulk-product__link,
    .bulk-product__offer-count span,
    .bulk-offers-table th,
    .bulk-offers-table td,
    .bulk-offers-table td:first-child strong,
    .bulk-offers-table td:first-child small,
    .bulk-search-empty > span,
    .bulk-search-empty p,
    .bulk-search-not-found p {
        font-size: 13px;
    }

    .bulk-search-form__title,
    .bulk-search-form__aside h2 {
        font-size: 34px;
    }

    .bulk-search-form__step {
        top: 18px;
        right: 24px;
        font-size: 84px;
    }

    .bulk-search-results__stats > div {
        min-width: 125px;
        min-height: 78px;
    }

    .bulk-search-results__stats strong {
        font-size: 34px;
    }

    .bulk-product__summary {
        grid-template-columns: 145px minmax(0, 1fr) 150px;
        min-height: 145px;
    }

    .bulk-product__info h3 {
        font-size: 17px;
    }

    .bulk-product__offer-count strong {
        font-size: 44px;
    }
}

@media (max-width: 900px) {
    .bulk-search-inline-link--catalog {
        margin-top: -12px;
        margin-bottom: 28px;
    }

    .bulk-search-hero {
        padding: var(--internal-page-top-offset, 104px) 0 58px;
    }

    .bulk-search-hero__grid,
    .bulk-search-form__panels,
    .bulk-search-bottom__grid {
        grid-template-columns: 1fr;
    }

    .bulk-search-form__panels {
        gap: 14px;
    }

    .bulk-search-hero__grid {
        gap: 30px;
    }

    .bulk-search-hero h1 {
        font-size: clamp(72px, 18vw, 110px);
    }

    .bulk-search-hero__lead {
        padding: 0;
    }

    .bulk-search-hero__meta {
        margin-top: 20px;
        padding-top: 16px;
        gap: 10px 22px;
    }

    .bulk-search-form-section,
    .bulk-search-results,
    .bulk-search-bottom {
        padding: 58px 0;
    }

    .bulk-search-form__main,
    .bulk-search-form__aside {
        padding: 28px;
    }

    .bulk-search-form__title {
        margin-bottom: 14px;
    }

    .bulk-search-form__step {
        top: 18px;
        right: 24px;
        font-size: 82px;
    }

    .bulk-search-form__main .bulk-search-form__step {
        right: 34px;
    }

    .bulk-search-form__aside .bulk-search-form__step {
        right: 24px;
    }

    .bulk-search-form textarea {
        min-height: 270px;
        padding: 18px 20px;
    }

    .bulk-search-form__actions {
        margin-top: 18px;
        padding: 0;
    }

    .bulk-search-form__submit {
        width: min(440px, 100%);
        min-width: 0;
        min-height: 62px;
        margin: 0;
        padding: 16px 24px;
        gap: 18px;
        border-radius: 0;
        font-size: 17px;
    }

    .bulk-search-form__aside {
        min-height: 250px;
    }

    .bulk-search-form__aside h2 {
        margin-bottom: 12px;
    }

    .bulk-search-upload__drop {
        min-height: 210px;
        margin-top: 22px;
        padding: 22px;
        gap: 7px;
    }

    .bulk-search-upload__icon {
        width: 54px;
        height: 54px;
        margin-bottom: 6px;
        font-size: 36px;
    }

    .bulk-search-upload__drop strong,
    .bulk-search-upload__drop > span:not(.bulk-search-upload__icon),
    .bulk-search-upload__drop em {
        font-size: 13px;
    }

    .bulk-search-form__example {
        margin-top: 20px;
    }

    .bulk-search-form__example span {
        padding: 10px 0;
    }

    .bulk-search-results__head {
        margin-bottom: 28px;
        align-items: flex-start;
        flex-direction: column;
    }

    .bulk-search-results__stats {
        width: 100%;
    }

    .bulk-search-results__stats > div {
        flex: 1;
    }
    .bulk-search-results__tools {
        width: 100%;
        align-items: stretch;
    }


    .bulk-search-view-switch {
        min-height: 78px;
    }

    .bulk-search-view-switch__btn {
        min-width: 120px;
        padding: 14px 16px;
        font-size: 12px;
    }

    .bulk-search-results__stats {
        flex: 1;
    }

    .bulk-search-export {
        min-width: 176px;
        min-height: 78px;
        padding: 14px 18px;
        font-size: 13px;
    }

    .bulk-search-export b {
        font-size: 32px;
    }


    .bulk-search-results__list {
        gap: 20px;
    }

    .bulk-product__summary {
        grid-template-columns: 120px minmax(0, 1fr);
        min-height: 145px;
    }

    .bulk-product__offer-count {
        grid-column: 1 / -1;
        min-height: 78px;
        border-top: 1px solid rgba(var(--c-black), .14);
        border-left: 0;
        flex-direction: row;
        gap: 10px;
    }

    .bulk-product__offer-count span {
        max-width: none;
        margin: 0;
        text-align: left;
    }

    .bulk-product__info {
        padding: 20px;
    }

    .bulk-product__index {
        top: 14px;
        right: 16px;
        font-size: 38px;
    }

    .bulk-product__article {
        margin-bottom: 8px;
    }

    .bulk-product__article strong {
        margin-left: 5px;
    }

    .bulk-product__info p {
        max-width: 85%;
        margin-top: 8px;
    }

    .bulk-product__link {
        margin-top: 10px;
        gap: 7px;
    }

    .bulk-offers-table th,
    .bulk-offers-table td {
        padding: 13px 14px;
    }


    .bulk-search-compact-table {
        min-width: 900px;
    }

    .bulk-search-table-offers {
        padding-left: 52px;
    }

    .bulk-search-empty {
        padding: 34px 28px;
    }

    .bulk-search-empty h3 {
        max-width: none;
        margin: 12px 0;
        font-size: 44px;
    }

    .bulk-search-empty p {
        max-width: 620px;
        margin-bottom: 22px;
    }

    .bulk-search-not-found {
        grid-template-columns: 1fr;
        margin-top: 24px;
        padding: 28px;
        gap: 24px;
    }

    .bulk-search-not-found h3 {
        font-size: 44px;
    }

    .bulk-search-not-found p {
        margin-top: 10px;
    }


    .bulk-search-bottom__grid {
        gap: 24px;
    }

    .bulk-search-bottom__grid p {
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .bulk-search-inline-link {
        display: flex;
        width: 100%;
        margin-top: 12px;
        flex-wrap: wrap;
        font-size: 13px;
    }

    .bulk-search-inline-link--catalog {
        width: fit-content;
        margin-top: -8px;
        margin-bottom: 26px;
    }

    .bulk-search-hero {
        padding-bottom: 46px;
    }

    .bulk-search-hero .delivery-breadcrumbs {
        margin-bottom: 34px;
    }

    .bulk-search-hero h1 {
        font-size: clamp(64px, 22vw, 96px);
    }

    .bulk-search-hero__meta {
        display: grid;
        gap: 9px;
    }

    .bulk-search-form-section,
    .bulk-search-results,
    .bulk-search-bottom {
        padding: 46px 0;
    }

    .bulk-search-form__main,
    .bulk-search-form__aside {
        padding: 22px;
    }

    .bulk-search-form__title,
    .bulk-search-form__aside h2 {
        font-size: 31px;
    }

    .bulk-search-form__step {
        top: 15px;
        right: 18px;
        font-size: 72px;
    }

    .bulk-search-form textarea {
        min-height: 245px;
        padding: 16px;
        border-left-width: 4px;
        font-size: 15px;
    }

    .bulk-search-upload__drop {
        min-height: 190px;
        padding: 18px;
    }

    .bulk-search-bottom__grid .btn-init,
    .bulk-search-not-found .btn-init {
        width: 100%;
        min-width: 0;
    }

    .bulk-search-form__actions {
        padding: 18px 22px 22px;
    }

    .bulk-search-form__submit {
        width: 100%;
        min-width: 0;
        min-height: 58px;
        padding: 15px 18px;
        gap: 14px;
        border-radius: 0;
        font-size: 16px;
    }

    .bulk-search-bottom__grid .btn-init {
        box-sizing: border-box;
        padding: 15px 18px;
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: .2px;
        white-space: normal;
    }

    .bulk-search-results__head h2,
    .bulk-search-bottom h2 {
        font-size: clamp(48px, 15vw, 68px);
    }

    .bulk-search-results__tools {
        flex-direction: column;
    }


    .bulk-search-view-switch {
        width: 100%;
        min-height: 58px;
    }

    .bulk-search-view-switch__btn {
        min-width: 0;
        flex: 1;
        padding: 12px 14px;
        font-size: 12px;
    }

    .bulk-search-compact-wrap {
        margin-right: -22px;
        width: calc(100% + 22px);
        border-right: 0;
    }

    .bulk-search-compact-table {
        min-width: 650px;
        table-layout: fixed;
    }

    .bulk-search-compact-table thead th:nth-child(1),
    .bulk-search-compact-table thead th:nth-child(3),
    .bulk-search-compact-table thead th:nth-child(5),
    .bulk-search-compact-table__product-row > td:nth-child(1),
    .bulk-search-compact-table__product-row > td:nth-child(3),
    .bulk-search-compact-table__product-row > td:nth-child(5) {
        display: none;
    }

    .bulk-search-compact-table th:nth-child(2) {
        width: 128px;
    }

    .bulk-search-compact-table th:nth-child(4) {
        width: 82px;
    }

    .bulk-search-compact-table th:nth-child(6) {
        width: 96px;
    }

    .bulk-search-compact-table th:nth-child(7) {
        width: 96px;
    }

    .bulk-search-compact-table th:nth-child(8) {
        width: 112px;
    }

    .bulk-search-compact-table th:nth-child(9) {
        width: 112px;
    }

    .bulk-search-compact-table th,
    .bulk-search-compact-table td {
        padding: 10px 8px;
    }

    .bulk-search-compact-table thead th {
        font-size: 9px;
    }

    .bulk-search-compact-table td {
        font-size: 11px;
    }

    .bulk-search-compact-table__article a {
        font-size: 12px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .bulk-search-compact-table__offers-toggle {
        width: 100%;
        min-height: 34px;
        padding: 6px 7px;
        gap: 5px;
        font-size: 10px;
    }

    .bulk-search-compact-table td.bulk-search-compact-table__actions {
        padding-left: 6px;
        padding-right: 6px;
    }

    .bulk-search-compact-table__cart {
        width: 100%;
        min-width: 0;
        min-height: 34px;
        padding: 7px 6px;
        font-size: 10px;
    }

    .bulk-search-table-offers {
        padding: 8px;
    }

    .bulk-search-table-offers__head {
        display: none;
    }

    .bulk-search-table-offers__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 6px 0;
        font-size: 11px;
    }

    .bulk-search-table-offers__row > div {
        padding: 7px 8px;
    }

    .bulk-search-table-offers__row > div::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 3px;
        color: rgba(var(--c-black), .42);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;
    }

    .bulk-search-table-offers__action {
        grid-column: 1 / -1;
    }

    .bulk-search-table-offers__action::before {
        display: none !important;
    }

    .bulk-search-table-offers__cart {
        min-height: 38px;
        font-size: 11px;
    }

    .bulk-search-table-view__hint {
        padding-right: 4px;
        font-size: 11px;
    }

    .bulk-search-export-form,
    .bulk-search-export {
        width: 100%;
    }

    .bulk-search-export {
        min-height: 62px;
        padding: 14px 18px;
    }

    .bulk-search-not-found {
        padding: 22px 18px;
        gap: 18px;
    }

    .bulk-search-not-found__table-wrap {
        width: 100%;
    }

    .bulk-search-not-found__table th,
    .bulk-search-not-found__table td {
        padding: 11px 9px;
    }

    .bulk-search-not-found__table th:first-child,
    .bulk-search-not-found__table td:first-child {
        width: 36px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .bulk-search-not-found__table th:last-child,
    .bulk-search-not-found__table td:last-child {
        width: 86px;
    }

    .bulk-search-not-found__table td strong {
        font-size: 13px;
    }

    .bulk-search-not-found__status {
        font-size: 10px;
    }


    .bulk-product__summary {
        grid-template-columns: 88px minmax(0, 1fr);
        min-height: 125px;
    }

    .bulk-product__image {
        padding: 8px;
    }

    .bulk-product__info {
        padding: 17px 14px;
    }

    .bulk-product__index {
        display: none;
    }

    .bulk-product__info h3 {
        max-width: 100%;
        font-size: 15px;
    }

    .bulk-product__info p {
        display: none;
    }

    .bulk-product__link {
        font-size: 12px;
    }

    .bulk-product__offer-count {
        min-height: 66px;
        padding: 10px 14px;
    }

    .bulk-product__offer-count strong {
        font-size: 36px;
    }

    .bulk-product__offer-count span {
        font-size: 11px;
    }

    .bulk-offers-wrap {
        overflow: visible;
    }

    .bulk-offers-table,
    .bulk-offers-table thead,
    .bulk-offers-table tbody,
    .bulk-offers-table tr,
    .bulk-offers-table td {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .bulk-offers-table thead {
        display: none;
    }

    .bulk-offers-table tr {
        padding: 14px;
        border-bottom: 1px solid rgba(var(--c-black), .14);
    }

    .bulk-offers-table tbody tr:last-child {
        border-bottom: 0;
    }

    .bulk-offers-table tr.is-featured {
        background: rgba(var(--c-yellow), .09);
    }

    .bulk-offers-table tr.is-featured td {
        background: transparent;
    }

    .bulk-offers-table td {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        padding: 7px 0;
        border: 0;
        gap: 12px;
        font-size: 13px;
    }

    .bulk-offers-table td::before {
        content: attr(data-label);
        color: rgba(var(--c-black), .46);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;
    }

    .bulk-offers-table td:first-child strong {
        font-size: 13px;
    }

    .bulk-offers-table td:first-child small {
        grid-column: 2;
        font-size: 11px;
    }

    .bulk-offers-table__action {
        display: block !important;
        width: 100%;
        padding-top: 12px !important;
    }

    .bulk-offers-table__action::before {
        display: none;
    }

    .bulk-offers-table__cart {
        min-height: 46px;
    }

    .bulk-search-empty {
        padding: 28px 22px;
    }

    .bulk-search-empty h3,
    .bulk-search-not-found h3 {
        font-size: 39px;
    }
}

/* Mass search: clearer clickable rows and variants */
.bulk-search-compact-table__article > strong,
.bulk-search-compact-table__name > strong {
    display: block;
    color: rgb(var(--c-black));
    font-weight: 800;
}

.bulk-search-compact-table__article > strong {
    white-space: nowrap;
}

.bulk-search-compact-table__offers-toggle {
    width: 100%;
    min-height: 44px;
    padding: 5px 6px 5px 11px;
    border-color: rgba(var(--c-black), .16);
    background: #f5f3ef;
    gap: 8px;
}

.bulk-search-compact-table__offers-count {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 6px;
    text-align: left;
}

.bulk-search-compact-table__offers-count strong {
    color: rgb(var(--c-black));
    font-family: "Bebas", sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
}

.bulk-search-compact-table__offers-count em {
    overflow: hidden;
    color: rgba(var(--c-black), .56);
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .03em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.bulk-search-compact-table__offers-toggle b {
    display: flex;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    background: rgb(var(--c-black));
    color: rgb(var(--c-white));
    font-family: "Manrope", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    transition: transform .18s ease, background .18s ease, color .18s ease;
}

.bulk-search-compact-table__offers-toggle:hover,
.bulk-search-compact-table__offers-toggle:focus-visible,
.bulk-search-compact-table__offers-toggle.is-open {
    border-color: rgba(var(--c-black), .32);
    background: rgba(var(--c-yellow), .18);
}

.bulk-search-compact-table__offers-toggle.is-open b {
    transform: rotate(90deg);
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
}

.bulk-search-table-offers {
    padding-top: 0;
    background: #f8f7f4;
}

.bulk-search-table-offers__title {
    display: flex;
    padding: 15px 10px 13px;
    border-bottom: 1px solid rgba(var(--c-black), .12);
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

.bulk-search-table-offers__title > div {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 10px;
}

.bulk-search-table-offers__title span {
    color: rgba(var(--c-black), .48);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.bulk-search-table-offers__title strong {
    color: rgb(var(--c-black));
    font-size: 14px;
    font-weight: 800;
}

.bulk-search-table-offers__title small {
    color: rgba(var(--c-black), .48);
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.bulk-search-table-offers__head {
    padding-top: 5px;
}

.bulk-search-table-offers__row {
    background: rgba(var(--c-white), .72);
    transition: background .18s ease;
}

.bulk-search-table-offers__row:hover {
    background: rgb(var(--c-white));
}

.bulk-search-table-offers__row.is-featured {
    border-left: 3px solid rgb(var(--c-yellow));
    background: rgba(var(--c-yellow), .11);
}

.bulk-search-table-view__hint {
    margin-top: 10px;
}

@media (max-width: 600px) {
    .bulk-search-compact-wrap {
        margin-right: 0;
        width: 100%;
        overflow: visible;
        border-right: 1px solid rgba(var(--c-black), .16);
    }

    .bulk-search-compact-table {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

    .bulk-search-compact-table thead th:nth-child(1),
    .bulk-search-compact-table thead th:nth-child(3),
    .bulk-search-compact-table thead th:nth-child(5),
    .bulk-search-compact-table thead th:nth-child(6),
    .bulk-search-compact-table thead th:nth-child(9),
    .bulk-search-compact-table__product-row > td:nth-child(1),
    .bulk-search-compact-table__product-row > td:nth-child(3),
    .bulk-search-compact-table__product-row > td:nth-child(5),
    .bulk-search-compact-table__product-row > td:nth-child(6),
    .bulk-search-compact-table__product-row > td:nth-child(9) {
        display: none;
    }

    .bulk-search-compact-table th:nth-child(2) {
        width: 31%;
    }

    .bulk-search-compact-table th:nth-child(4) {
        width: 19%;
    }

    .bulk-search-compact-table th:nth-child(7) {
        width: 23%;
    }

    .bulk-search-compact-table th:nth-child(8) {
        width: 27%;
    }

    .bulk-search-compact-table th,
    .bulk-search-compact-table td {
        padding: 9px 7px;
    }

    .bulk-search-compact-table__article > strong {
        font-size: 12px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .bulk-search-compact-table__article small {
        font-size: 8px;
        white-space: normal;
    }

    .bulk-search-compact-table__price {
        font-size: 11px !important;
        white-space: normal;
    }

    .bulk-search-compact-table__offers-toggle {
        min-height: 38px;
        padding: 4px 4px 4px 7px;
    }

    .bulk-search-compact-table__offers-count {
        display: block;
    }

    .bulk-search-compact-table__offers-count strong {
        display: block;
        font-size: 20px;
    }

    .bulk-search-compact-table__offers-count em {
        display: block;
        margin-top: 1px;
        font-size: 7px;
    }

    .bulk-search-compact-table__offers-toggle b {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
        font-size: 19px;
    }

    .bulk-search-table-offers {
        padding: 0 8px 8px;
    }

    .bulk-search-table-offers__title {
        padding: 13px 4px 11px;
        align-items: flex-start;
    }

    .bulk-search-table-offers__title > div {
        display: block;
    }

    .bulk-search-table-offers__title span,
    .bulk-search-table-offers__title strong {
        display: block;
    }

    .bulk-search-table-offers__title strong {
        margin-top: 3px;
        font-size: 13px;
    }

    .bulk-search-table-offers__row {
        grid-template-columns: 1fr 1fr;
        margin-top: 8px;
        border: 1px solid rgba(var(--c-black), .1);
        background: rgb(var(--c-white));
    }

    .bulk-search-table-offers__row.is-featured {
        border-left: 4px solid rgb(var(--c-yellow));
    }

    .bulk-search-table-offers__action {
        padding-top: 2px !important;
    }

    .bulk-search-table-offers__cart {
        min-height: 42px;
    }

    .bulk-search-table-view__hint {
        padding: 0 2px;
        font-size: 10px;
    }
}


/* Mass search: variants column is intentionally just a number. */
.bulk-search-compact-table__offers-cell {
    text-align: center;
}

.bulk-search-compact-table__offers-number {
    display: inline;
    color: rgb(var(--c-black));
    font: inherit;
    font-weight: 800;
    line-height: inherit;
}

@media (max-width: 600px) {
    .bulk-search-compact-table__offers-cell {
        text-align: center;
    }

    .bulk-search-compact-table__offers-number {
        font-size: 12px;
    }
}

/* === Global catalog search: header trigger + modal panel === */
.global-search-icon {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
}

.global-search-icon::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 10px;
    height: 10px;
    border: 2px solid currentColor;
    border-radius: 50%;
}

.global-search-icon::after {
    content: '';
    position: absolute;
    right: 1px;
    bottom: 2px;
    width: 7px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    transform-origin: right center;
}

.header-global-search-item {
    display: flex;
    align-items: center;
}

.global-search-nav-trigger {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0.45vw 0;
    border: 0;
    background: transparent;
    color: rgb(var(--c-white));
    font: inherit;
    font-size: .875vw;
    font-weight: 700;
    letter-spacing: .0175vw;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .2s ease;
}

.global-search-nav-trigger:hover,
.global-search-nav-trigger:focus-visible,
.global-search-nav-trigger[aria-expanded='true'] {
    color: rgb(var(--c-yellow));
}

.global-search-nav-trigger:focus-visible,
.global-search-mobile-trigger:focus-visible,
.sidemenu-search-trigger:focus-visible,
.global-site-search__close:focus-visible,
.global-site-search__submit:focus-visible,
.global-site-search__footer a:focus-visible {
    outline: 2px solid rgb(var(--c-yellow));
    outline-offset: 4px;
}

.global-search-mobile-trigger {
    display: none;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgb(var(--c-yellow));
    border-radius: 50%;
    background: rgb(var(--c-black));
    color: rgb(var(--c-yellow));
    cursor: pointer;
}

.sidemenu-search-trigger {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    width: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgb(var(--c-white));
    font: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: uppercase;
    cursor: pointer;
}

.sidemenu-search-trigger:hover,
.sidemenu-search-trigger:focus-visible,
.sidemenu-search-trigger[aria-expanded='true'] {
    color: rgb(var(--c-yellow));
}

html.global-search-open,
body.global-search-open {
    overflow: hidden !important;
}

.global-site-search[hidden] {
    display: none !important;
}

.global-site-search {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    align-items: start;
    justify-items: center;
    padding: clamp(82px, 9vh, 120px) 20px 40px;
    overflow-y: auto;
}

.global-site-search__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(8, 8, 8, .72);
    cursor: default;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.global-site-search__panel {
    position: relative;
    z-index: 1;
    width: min(980px, 100%);
    padding: clamp(30px, 3.2vw, 50px);
    background: #f7f6f3;
    border-top: 4px solid rgb(var(--c-yellow));
    box-shadow: 0 30px 80px rgba(0, 0, 0, .34);
}

.global-site-search__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(var(--c-black), .18);
    background: transparent;
    color: rgb(var(--c-black));
    cursor: pointer;
}

.global-site-search__close::before,
.global-site-search__close::after {
    content: '';
    position: absolute;
    top: 19px;
    left: 10px;
    width: 20px;
    height: 2px;
    background: currentColor;
}

.global-site-search__close::before { transform: rotate(45deg); }
.global-site-search__close::after { transform: rotate(-45deg); }

.global-site-search__eyebrow {
    margin-bottom: 12px;
    color: rgba(var(--c-black), .48);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.global-site-search h2 {
    max-width: calc(100% - 58px);
    margin: 0;
    color: rgb(var(--c-black));
    font-family: 'Bebas', sans-serif;
    font-size: clamp(52px, 5.2vw, 82px);
    font-weight: 400;
    line-height: .95;
    text-transform: uppercase;
}

.global-site-search__lead {
    max-width: 690px;
    margin: 18px 0 30px;
    color: rgba(var(--c-black), .58);
    font-size: 16px;
    line-height: 1.55;
}

.global-site-search__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 68px;
    border: 1px solid rgba(var(--c-black), .18);
    background: rgb(var(--c-white));
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}

.global-site-search__field {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
    padding: 0 22px;
    color: rgba(var(--c-black), .78);
}

.global-site-search__field .global-search-icon {
    width: 21px;
    height: 21px;
}

.global-site-search__field .global-search-icon::before {
    width: 12px;
    height: 12px;
}

.global-site-search__field input {
    width: 100%;
    min-width: 0;
    height: 66px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: rgb(var(--c-black));
    font-family: inherit;
    font-size: 16px;
}

.global-site-search__field input::placeholder {
    color: #89909d;
    opacity: 1;
}

.global-site-search__form:focus-within {
    border-color: rgb(var(--c-yellow));
    box-shadow: 0 0 0 1px rgb(var(--c-yellow)), 0 14px 34px rgba(0, 0, 0, .11);
}

.global-site-search__submit {
    display: inline-flex;
    min-width: 220px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 24px;
    border: 0;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease;
}

.global-site-search__submit:hover { background: #EDC256; }

.global-site-search__arrow {
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}

.global-site-search__footer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    color: rgba(var(--c-black), .5);
    font-size: 13px;
}

.global-site-search__footer a {
    color: rgb(var(--c-black));
    font-weight: 750;
    text-decoration: none;
    border-bottom: 2px solid rgb(var(--c-yellow));
}

.global-site-search__shortcut {
    margin-left: auto;
    padding: 6px 9px;
    border: 1px solid rgba(var(--c-black), .16);
    color: rgba(var(--c-black), .48);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
}

@media (min-width: 1201px) {
    header > .buttons {
        flex-direction: row !important;
    }

    .global-search-nav-trigger {
        font-size: clamp(11px, .78vw, 18px);
    }
}

@media (min-width: 1201px) and (max-width: 1680px) {
    .global-search-nav-trigger {
        gap: 5px;
        font-size: clamp(11px, .78vw, 14px) !important;
    }

    .global-search-nav-trigger .global-search-icon {
        width: 15px;
        height: 15px;
    }

    .global-search-nav-trigger .global-search-icon::before {
        width: 9px;
        height: 9px;
    }
}

@media (max-width: 1200px) {
    .global-search-mobile-trigger.d-hide {
        display: inline-flex !important;
        position: relative;
        z-index: 16;
    }

    .mobile-search-menu-item {
        margin-top: 4px;
    }

    #sidemenu > ul .sidemenu-search-trigger {
        min-height: 42px;
        color: rgb(var(--c-white));
        font-size: inherit;
    }
}

@media (max-width: 767px) {
    .global-site-search {
        padding: 12px;
        align-items: stretch;
    }

    .global-site-search__panel {
        min-height: calc(100dvh - 24px);
        padding: 28px 18px 24px;
        border-top-width: 3px;
    }

    .global-site-search__close {
        top: 14px;
        right: 14px;
        width: 40px;
        height: 40px;
    }

    .global-site-search h2 {
        max-width: calc(100% - 48px);
        font-size: 54px;
    }

    .global-site-search__lead {
        margin: 14px 0 22px;
        font-size: 14px;
    }

    .global-site-search__form {
        grid-template-columns: 1fr;
        min-height: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        gap: 10px;
    }

    .global-site-search__form:focus-within {
        border-color: transparent;
        box-shadow: none;
    }

    .global-site-search__field {
        min-height: 58px;
        padding: 0 16px;
        border: 1px solid rgba(var(--c-black), .18);
        background: rgb(var(--c-white));
    }

    .global-site-search__field:focus-within {
        border-color: rgb(var(--c-yellow));
        box-shadow: 0 0 0 1px rgb(var(--c-yellow));
    }

    .global-site-search__field input {
        height: 56px;
        font-size: 15px;
    }

    .global-site-search__submit {
        min-width: 0;
        min-height: 56px;
        width: 100%;
    }

    .global-site-search__footer {
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 16px;
        line-height: 1.5;
    }
}


/* === Compatibility check fields in callback popup === */
.callback-compatibility-context {
    margin: 0 0 18px;
    padding: 14px 15px;
    border-left: 3px solid rgb(var(--c-yellow));
    background: #f5f6f8;
}

.callback-compatibility-context[hidden] {
    display: none !important;
}

.callback-compatibility-context > span {
    display: block;
    margin-bottom: 4px;
    color: #8a8a8a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.callback-compatibility-context__product {
    display: block;
    color: #111;
    font-size: 14px;
    line-height: 1.35;
}

.callback-compatibility-context small,
.callback-field__hint {
    display: block;
    margin-top: 5px;
    color: #8a8a8a;
    font-size: 11px;
    line-height: 1.35;
}

.callback-field--file input[type="file"] {
    display: block;
    width: 100%;
    height: auto;
    padding: 8px;
    border: 1px dashed #c9c9c9;
    background: #fafafa;
    color: #555;
    font-size: 12px;
}

.callback-field--file input[type="file"]::file-selector-button {
    margin-right: 10px;
    padding: 8px 11px;
    border: 0;
    border-radius: 2px;
    background: rgb(var(--c-yellow));
    color: #111;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.callback-popup.is-compatibility {
    width: min(520px, calc(100vw - 32px));
}

/* === Engagement: B2B shortlist + recently viewed === */
html.smp-shortlist-open,
html.smp-shortlist-open body {
    overflow: hidden;
}

.smp-shortlist [hidden],
.smp-recently-viewed[hidden] {
    display: none !important;
}

.smp-shortlist__launcher {
    position: fixed;
    z-index: 1150;
    left: 22px;
    bottom: 22px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 48px;
    padding: 0 15px;
    border: 1px solid rgba(17, 24, 39, .9);
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(17, 24, 39, .16);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.smp-shortlist__launcher-icon {
    font-size: 18px;
    line-height: 1;
}

.smp-shortlist__launcher b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 50%;
    background: rgb(var(--c-black));
    color: #fff;
    font-size: 11px;
}

.smp-shortlist__backdrop {
    position: fixed;
    z-index: 2080;
    inset: 0;
    background: rgba(17, 24, 39, .48);
    backdrop-filter: blur(2px);
}

.smp-shortlist__panel {
    position: fixed;
    z-index: 2090;
    top: 0;
    right: 0;
    display: flex;
    width: min(470px, 100vw);
    height: 100dvh;
    flex-direction: column;
    padding: 26px;
    background: #fff;
    box-shadow: -22px 0 60px rgba(17, 24, 39, .18);
}

.smp-shortlist__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(17, 24, 39, .12);
}

.smp-shortlist__head span,
.smp-recently-viewed__head span {
    display: block;
    margin-bottom: 5px;
    color: #7a828d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.smp-shortlist__head h2,
.smp-recently-viewed__head h2 {
    margin: 0;
    font-family: "Bebas", sans-serif;
    font-size: clamp(34px, 3vw, 48px);
    font-weight: 400;
    line-height: .95;
    text-transform: uppercase;
}

.smp-shortlist__close {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    border: 1px solid rgba(17, 24, 39, .16);
    background: transparent;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
}

.smp-shortlist__intro {
    margin: 16px 0;
    color: #687181;
    font-size: 13px;
    line-height: 1.55;
}

.smp-shortlist__items {
    flex: 1 1 auto;
    overflow: auto;
    border-top: 1px solid rgba(17, 24, 39, .1);
}

.smp-shortlist__item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    gap: 10px;
    align-items: start;
    padding: 15px 0;
    border-bottom: 1px solid rgba(17, 24, 39, .1);
}

.smp-shortlist__index {
    color: #a0a6ae;
    font-family: "Bebas", sans-serif;
    font-size: 22px;
}

.smp-shortlist__item-body {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.smp-shortlist__item-body strong {
    color: rgb(var(--c-black));
    font-size: 13px;
}

.smp-shortlist__item-body span {
    overflow: hidden;
    color: #687181;
    font-size: 12px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smp-shortlist__remove {
    width: 30px;
    height: 30px;
    border: 0;
    background: #f4f4f1;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}

.smp-shortlist__empty {
    padding: 34px 0;
    color: #7a828d;
    font-size: 13px;
    text-align: center;
}

.smp-shortlist__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid rgba(17, 24, 39, .12);
}

.smp-shortlist__clear,
.smp-shortlist__quote {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 40px;
    height: 40px;
    padding: 0 14px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.smp-shortlist__clear {
    border: 1px solid rgba(17, 24, 39, .18);
    background: #fff;
    color: #626a75;
}

.smp-shortlist__quote {
    min-width: 178px;
    border: 1px solid rgb(var(--c-yellow));
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
}

.smp-shortlist__quote:hover {
    border-color: #EDC256;
    background: #EDC256;
}

.smp-shortlist__clear:disabled,
.smp-shortlist__quote:disabled {
    cursor: not-allowed;
    opacity: .45;
}

.smp-shortlist-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(17, 24, 39, .22);
    background: #fff;
    color: rgb(var(--c-black));
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .02em;
    text-transform: uppercase;
    transition: border-color .15s ease, background .15s ease;
}

.smp-shortlist-toggle:hover,
.smp-shortlist-toggle:focus-visible {
    border-color: rgb(var(--c-black));
    outline: none;
}

.smp-shortlist-toggle.is-active {
    border-color: rgba(31, 122, 67, .34);
    background: #f0f8f3;
    color: #1f7a43;
}

.smp-shortlist-toggle--card {
    width: 100%;
    min-height: 38px;
    margin-top: 8px;
}

.smp-shortlist-toggle--detail {
    width: 100%;
    min-height: 40px;
    margin-top: 10px;
}

.smp-recently-viewed {
    padding: clamp(42px, 5vw, 74px) clamp(18px, 3.2vw, 52px);
    border-top: 1px solid rgba(17, 24, 39, .12);
    background: #f6f6f4;
}

.smp-recently-viewed__container {
    max-width: 1840px;
    margin: 0 auto;
}

.smp-recently-viewed__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.smp-recently-viewed__clear {
    padding: 7px 0;
    border: 0;
    border-bottom: 2px solid rgb(var(--c-yellow));
    background: transparent;
    cursor: pointer;
    color: rgb(var(--c-black));
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
}

.smp-recently-viewed__list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.smp-history-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    border: 1px solid rgba(17, 24, 39, .13);
    background: #fff;
}

.smp-history-card__media {
    display: flex;
    min-height: 145px;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border-bottom: 1px solid rgba(17, 24, 39, .1);
    background: #fafaf8;
}

.smp-history-card__media img {
    width: 100%;
    max-width: 150px;
    height: 110px;
    object-fit: contain;
}

.smp-history-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 14px;
}

.smp-history-card__article {
    color: #7b828c;
    font-size: 10px;
    font-weight: 750;
    text-transform: uppercase;
}

.smp-history-card__title {
    display: -webkit-box;
    overflow: hidden;
    margin: 6px 0 12px;
    color: rgb(var(--c-black));
    font-family: "Bebas", sans-serif;
    font-size: 21px;
    line-height: 1.05;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.smp-history-card__price {
    margin-top: auto;
    font-size: 14px;
}

.smp-history-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 12px;
}

.smp-history-card__open,
.smp-history-card__shortlist {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    font-size: 10px;
    font-weight: 850;
    text-decoration: none;
    text-transform: uppercase;
}

.smp-history-card__open {
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
}

@media (max-width: 1180px) {
    .smp-recently-viewed__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .smp-shortlist__launcher {
        left: 12px;
        bottom: 12px;
    }

    .smp-shortlist__panel {
        padding: 20px 16px;
    }

    .smp-shortlist__footer {
        flex-wrap: wrap;
    }

    .smp-recently-viewed {
        padding-right: 0;
        padding-left: 16px;
    }

    .smp-recently-viewed__head {
        padding-right: 16px;
    }

    .smp-recently-viewed__list {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding: 0 16px 10px 0;
        scroll-snap-type: x proximity;
    }

    .smp-history-card {
        flex: 0 0 min(78vw, 280px);
        scroll-snap-align: start;
    }
}

/* Корзина: заказ или запрос коммерческого предложения */
#smp-cart .cart-submit-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: stretch;
}

#smp-cart .cart-submit-actions .cart-submit-action {
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.15;
    text-align: center;
    cursor: pointer;
}

#smp-cart .cart-quote-button {
    border: 1px solid rgba(29, 28, 27, .55);
    background: #fff;
    color: rgb(var(--c-black));
    font-family: inherit;
    font-weight: 700;
    text-transform: uppercase;
}

#smp-cart .cart-quote-button:hover,
#smp-cart .cart-quote-button:focus-visible {
    border-color: rgb(var(--c-black));
    background: rgba(29, 28, 27, .05);
}

#smp-cart .cart-quote-hint {
    margin: 9px 0 0;
    color: rgba(29, 28, 27, .62);
    font-size: 11px;
    line-height: 1.35;
}

#smp-cart .cart-server-message.is-success {
    border-color: rgba(34, 128, 65, .32);
    background: rgba(34, 128, 65, .06);
    color: #1e6f39;
}

#smp-cart button#cart-quote {
    cursor: pointer;
}

@media (max-width: 420px) {
    #smp-cart .cart-submit-actions {
        grid-template-columns: 1fr;
    }
}

/* === Подборка: лёгкий B2B-список перед корзиной === */
.smp-side-action__bookmark {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
}

.smp-side-action--shortlist[aria-expanded='true'] {
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
}

.smp-side-action--shortlist[aria-expanded='true'] .smp-side-action__icon {
    color: rgb(var(--c-black));
}

.smp-shortlist__panel {
    width: min(440px, 100vw);
    padding: 24px;
}

.smp-shortlist__intro {
    margin: 14px 0 16px;
    max-width: 355px;
}

.smp-shortlist__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 42px;
    padding: 0 0 10px;
}

.smp-shortlist__toolbar[hidden] {
    display: none !important;
}

.smp-shortlist__select-all,
.smp-shortlist__select-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #59616d;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.smp-shortlist__select-all input,
.smp-shortlist__select-item input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: rgb(var(--c-yellow));
    cursor: pointer;
}

.smp-shortlist__copy {
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(17, 24, 39, .22);
    background: transparent;
    color: #59616d;
    font: inherit;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
    cursor: pointer;
}

.smp-shortlist__copy:hover,
.smp-shortlist__copy:focus-visible {
    border-bottom-color: rgb(var(--c-black));
    color: rgb(var(--c-black));
    outline: none;
}

.smp-shortlist__copy:disabled {
    cursor: default;
    opacity: .4;
}

.smp-shortlist__item {
    grid-template-columns: 22px minmax(0, 1fr) 30px;
    gap: 11px;
    align-items: center;
    padding: 14px 0;
}

.smp-shortlist__select-item {
    align-self: start;
    padding-top: 2px;
}

.smp-shortlist__item-body {
    gap: 4px;
}

.smp-shortlist__item-body strong {
    font-size: 13px;
    line-height: 1.25;
}

.smp-shortlist__item-body a,
.smp-shortlist__item-body > span {
    overflow: hidden;
    color: #687181;
    font-size: 12px;
    line-height: 1.35;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smp-shortlist__item-body a:hover,
.smp-shortlist__item-body a:focus-visible {
    color: rgb(var(--c-black));
    text-decoration: underline;
    outline: none;
}

.smp-shortlist__stock {
    color: #7b8490;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
}

.smp-shortlist__footer {
    justify-content: space-between;
    gap: 10px;
}

.smp-shortlist__clear,
.smp-shortlist__quote {
    min-height: 38px;
    height: 38px;
    padding: 0 12px;
    font-size: 10px;
}

.smp-shortlist__quote {
    min-width: 218px;
}

.smp-shortlist-toggle--card,
.smp-shortlist-toggle--detail {
    width: auto;
    min-height: 30px;
    margin-top: 7px;
    padding: 0 2px;
    justify-content: flex-start;
    border: 0;
    background: transparent;
    color: #687181;
    font-size: 10px;
}

.smp-shortlist-toggle--card:hover,
.smp-shortlist-toggle--card:focus-visible,
.smp-shortlist-toggle--detail:hover,
.smp-shortlist-toggle--detail:focus-visible {
    border: 0;
    background: transparent;
    color: rgb(var(--c-black));
}

.smp-shortlist-toggle--card.is-active,
.smp-shortlist-toggle--detail.is-active {
    border: 0;
    background: transparent;
    color: #1f7a43;
}

.sidemenu-shortlist-trigger {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    width: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgb(var(--c-white));
    font: inherit;
    text-transform: uppercase;
    cursor: pointer;
}

.sidemenu-shortlist-trigger svg {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    color: rgb(var(--c-yellow));
}

.sidemenu-shortlist-trigger b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    height: 25px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    line-height: 25px;
}

@media (max-width: 1200px) {
    #sidemenu > ul .sidemenu-shortlist-trigger {
        min-height: 42px;
        color: rgb(var(--c-white));
        font-family: "Bebas", sans-serif;
        font-size: 42px;
        font-weight: 400;
        line-height: 1;
    }
}

@media (max-width: 760px) {
    .smp-shortlist__panel {
        padding: 20px 16px;
    }

    .smp-shortlist__toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .smp-shortlist__footer {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .smp-shortlist__clear,
    .smp-shortlist__quote {
        width: 100%;
        min-width: 0;
    }
}

/* === UX: более заметная «Подборка» и единая прокрутка корзины === */
.smp-shortlist-toggle--card {
    width: 100%;
    min-height: 34px;
    margin-top: 7px;
    padding: 0 10px;
    justify-content: center;
    border: 1px solid rgba(237, 194, 86, .82);
    background: rgba(237, 194, 86, .10);
    color: rgb(var(--c-black));
    font-size: 11px;
    font-weight: 800;
}

.smp-shortlist-toggle--card:hover,
.smp-shortlist-toggle--card:focus-visible {
    border-color: rgb(var(--c-yellow));
    background: rgba(237, 194, 86, .22);
    color: rgb(var(--c-black));
}

.smp-shortlist-toggle--card.is-active {
    border-color: rgba(31, 122, 67, .34);
    background: #f0f8f3;
    color: #1f7a43;
}

.smp-shortlist-toggle--detail {
    color: rgb(var(--c-black));
    font-size: 11px;
    font-weight: 800;
}

/* Прокручивается вся панель корзины, а не узкая область только со списком товаров. */
#smp-cart {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

#smp-cart .cart-head {
    position: sticky;
    top: 0;
    z-index: 6;
    flex: 0 0 auto;
    background: #fff;
}

#smp-cart .cart-body {
    flex: 0 0 auto;
    overflow: visible;
    padding-bottom: 0;
}

#smp-cart .cart-footer {
    flex: 0 0 auto;
}

/* === Подборка: цена позиции и feedback-анимация при добавлении === */
.smp-shortlist__meta {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-top: 3px;
}

.smp-shortlist__price {
    color: rgb(var(--c-black));
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
}

.smp-shortlist__meta .smp-shortlist__stock {
    margin: 0;
}

/* Один летающий значок для корзины, КП и Подборки; движением управляет table.js. */
.smp-cart-fly {
    position: fixed;
    z-index: 100070;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    font: 800 13px/1 "Manrope", sans-serif;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
    pointer-events: none;
    will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .smp-cart-fly { display: none !important; }
}

/* === EXACT FIX: recently viewed open button hover === */
.smp-history-card__open {
    transition:
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .smp-history-card__open:hover,
    .smp-history-card__open:focus-visible {
        background: rgb(var(--c-black)) !important;
        color: rgb(var(--c-white)) !important;
        border-color: rgb(var(--c-black)) !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
        text-decoration: none !important;
    }

    .smp-history-card__open:active {
        background: rgb(var(--c-black)) !important;
        color: rgb(var(--c-white)) !important;
        border-color: rgb(var(--c-black)) !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
    }
}


/* Бренд у каждого варианта массового поиска (не имя поставщика). */
@media (min-width: 901px) {
    .bulk-search-table-offers__head,
    .bulk-search-table-offers__row {
        grid-template-columns: minmax(110px, 1fr) minmax(115px, .95fr)
            minmax(125px, 1fr) minmax(105px, .87fr) minmax(85px, .72fr)
            minmax(105px, .86fr) 108px;
    }
}
.bulk-search-table-offers__brand {
    font-weight: 650;
    color: rgb(var(--c-black));
    overflow-wrap: anywhere;
}


/* === Bulk search: brand column + shortlist actions + KP modal === */
.bulk-search-compact-table {
    min-width: 1320px;
}

.bulk-search-compact-table th:nth-child(4) {
    width: 125px;
}

.bulk-search-compact-table th:nth-child(5) {
    width: 125px;
}

.bulk-search-compact-table th:nth-child(6) {
    width: 145px;
}

.bulk-search-compact-table th:nth-child(7) {
    width: 120px;
}

.bulk-search-compact-table th:nth-child(8) {
    width: 130px;
}

.bulk-search-compact-table th:nth-child(9) {
    width: 105px;
}

.bulk-search-compact-table th:nth-child(10) {
    width: 146px;
}

.bulk-search-compact-table__brand {
    color: rgba(var(--c-black), .74);
    font-weight: 700;
}

.bulk-search-compact-table td.bulk-search-compact-table__actions,
.bulk-search-table-offers__action {
    text-align: right;
}

.bulk-search-compact-table__action-group,
.bulk-search-table-offers__action-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
}

.bulk-search-compact-table__cart,
.bulk-search-table-offers__cart {
    width: 100%;
}

.bulk-search-compact-table__shortlist,
.bulk-search-table-offers__shortlist {
    justify-content: center;
    min-height: 30px;
    padding: 0;
    margin: 0;
    color: rgba(var(--c-black), .62);
    font-size: 10px;
}

.bulk-search-compact-table__shortlist:hover,
.bulk-search-compact-table__shortlist.is-active,
.bulk-search-table-offers__shortlist:hover,
.bulk-search-table-offers__shortlist.is-active {
    color: rgb(var(--c-black));
}

.bulk-search-table-offers__head,
.bulk-search-table-offers__row {
    grid-template-columns: minmax(180px, 1.2fr) minmax(100px, .72fr) minmax(120px, .88fr) minmax(110px, .75fr) minmax(110px, .72fr) minmax(118px, .7fr) minmax(128px, .9fr);
}

.bulk-search-table-offers__action {
    min-width: 0;
}

.bulk-search-table-offers__row > div:last-child {
    padding-left: 0;
}

.kp-modal[hidden] {
    display: none !important;
}

.kp-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.kp-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 24, 39, .58);
    backdrop-filter: blur(3px);
}

.kp-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 760px);
    max-height: min(92vh, 920px);
    overflow: auto;
    padding: 26px 28px 28px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 72px rgba(17, 24, 39, .24);
}

.kp-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: rgba(17, 24, 39, .06);
    color: rgba(17, 24, 39, .74);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.kp-modal__close:hover {
    background: rgba(17, 24, 39, .12);
    color: rgb(17, 24, 39);
}

.kp-modal__eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: rgba(17, 24, 39, .55);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#kp-modal-title {
    margin: 0 0 18px;
    color: rgb(17, 24, 39);
    font-size: clamp(28px, 2.4vw, 40px);
    line-height: .96;
    text-transform: uppercase;
}

.kp-client-types {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.kp-client-type {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 12px 14px;
    border: 1px solid rgba(17, 24, 39, .12);
    border-radius: 14px;
    background: #f7f8fa;
    color: rgba(17, 24, 39, .86);
    font-weight: 600;
    cursor: pointer;
}

.kp-company-fields,
.kp-contact-fields {
    display: grid;
    gap: 14px;
}

.kp-company-fields {
    margin-bottom: 14px;
}

.kp-inn-field,
.kp-contact-field,
.kp-consent {
    display: grid;
    gap: 8px;
    color: rgba(17, 24, 39, .86);
    font-size: 14px;
    font-weight: 600;
}

.kp-inn-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

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

.kp-inn-field input,
.kp-contact-field input {
    width: 100%;
    min-height: 52px;
    padding: 0 16px;
    border: 1px solid rgba(17, 24, 39, .14);
    border-radius: 12px;
    background: #fff;
    color: rgb(17, 24, 39);
    font: inherit;
}

.kp-inn-field input:focus,
.kp-contact-field input:focus {
    border-color: rgba(var(--c-yellow), .9);
    outline: 2px solid rgba(var(--c-yellow), .28);
    outline-offset: 0;
}

#kp-inn-lookup {
    min-width: 112px;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid rgba(17, 24, 39, .14);
    border-radius: 12px;
    background: #111827;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

#kp-inn-lookup:hover:not(:disabled),
#kp-inn-lookup:focus-visible:not(:disabled) {
    background: #0b1220;
}

#kp-inn-lookup:disabled,
.kp-generate:disabled {
    opacity: .72;
    cursor: wait;
}

.kp-company-result {
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #f7f8fa;
    border-left: 4px solid rgb(var(--c-yellow));
}

.kp-company-result strong {
    color: rgb(17, 24, 39);
    font-size: 15px;
}

.kp-company-result span,
.kp-company-result small {
    color: rgba(17, 24, 39, .62);
    font-size: 13px;
    line-height: 1.45;
}

.kp-consent {
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    margin-top: 2px;
    font-weight: 500;
    line-height: 1.4;
}

.kp-consent input {
    margin-top: 3px;
}

.kp-error {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(220, 38, 38, .08);
    color: #991b1b;
    font-size: 14px;
    line-height: 1.45;
}

.kp-generate {
    width: 100%;
    min-height: 56px;
    margin-top: 18px;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
}

html.kp-modal-open,
html.kp-modal-open body {
    overflow: hidden;
}

@media (max-width: 960px) {
    .bulk-search-compact-wrap {
        overflow: auto;
    }

    .bulk-search-compact-table {
        min-width: 1220px;
    }
}

@media (max-width: 600px) {
    .bulk-search-compact-wrap {
        overflow: auto;
    }

    .bulk-search-compact-table {
        min-width: 1060px;
    }

    .bulk-search-compact-table thead th:nth-child(1),
    .bulk-search-compact-table__product-row > td:nth-child(1) {
        display: none;
    }

    .bulk-search-compact-table th,
    .bulk-search-compact-table td {
        padding: 9px 8px;
    }

    .bulk-search-compact-table__shortlist,
    .bulk-search-table-offers__shortlist {
        min-height: 28px;
        font-size: 9px;
    }

    .bulk-search-table-offers__row {
        grid-template-columns: 1fr;
    }

    .bulk-search-table-offers__head {
        display: none;
    }

    .bulk-search-table-offers__row > div {
        padding: 7px 10px;
    }

    .bulk-search-table-offers__row > div::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 3px;
        color: rgba(var(--c-black), .42);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .bulk-search-table-offers__action {
        padding-top: 4px !important;
    }

    .kp-modal {
        padding: 12px;
        align-items: flex-end;
    }

    .kp-modal__dialog {
        width: 100%;
        max-height: 92vh;
        padding: 22px 16px 18px;
        border-radius: 18px 18px 0 0;
    }

    .kp-client-types,
    .kp-contact-grid,
    .kp-inn-control {
        grid-template-columns: 1fr;
    }

    #kp-inn-lookup {
        width: 100%;
    }
}


/* === SMP: независимый список КП и улучшенная форма === */
.bulk-search-compact-table th:nth-child(10) { width: 83px; }
.bulk-search-compact-table th:nth-child(11) { width: 155px; }
.bulk-search-compact-table__quantity input { width: 58px; max-width: 100%; min-height: 36px; padding: 7px 4px 7px 8px; border: 1px solid #ddd; background: #fff; font-size: 13px; font-weight: 700; text-align: center; }
.bulk-search-compact-table__action-group,
.bulk-search-table-offers__action-group { gap: 6px; }
.bulk-quote-add-btn { width: 100%; min-height: 31px; padding: 5px 7px; background: #fff; border: 1px solid #d8b55a; color: #25231d; font-size: 11px; font-weight: 800; cursor: pointer; transition: background .2s ease, color .2s ease; }
.bulk-quote-add-btn:hover { color: #fff; background: #1d1c1b; border-color: #1d1c1b; }
.bulk-search-table-offers__row.is-quote-selected { box-shadow: inset 3px 0 0 #f7ba24; }
.bulk-search-compact-table { min-width: 1450px; }
.bulk-search-table-offers__action { width: 100%; }
.bulk-search-compact-table__shortlist,
.bulk-search-table-offers__shortlist { min-height: 26px; }




.smp-quote-panel { position: fixed; inset: 0; z-index: 100040; display: flex; justify-content: flex-end; width: 100vw; height: 100vh; height: 100dvh; }
.smp-quote-panel__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.58); }
.smp-quote-panel__dialog { position: relative; display: flex; flex-direction: column; width: min(100%, 680px); height: 100%; overflow: hidden; background: #fff; box-shadow: -12px 0 40px rgba(0,0,0,.22); }
.smp-quote-panel__header { display: flex; align-items: start; justify-content: space-between; padding: 26px 28px 18px; border-bottom: 1px solid #e9e9e9; }
.smp-quote-panel__header small { color: #7a7a7a; text-transform: uppercase; letter-spacing: .09em; font-weight: 800; }
.smp-quote-panel__header h2 { margin: 6px 0 0; font-family: 'Bebas', 'Bebas Neue', sans-serif; font-size: 48px; line-height: 1; text-transform: uppercase; }
.smp-quote-panel__close { width: 36px; height: 36px; border: 1px solid #ddd; background: #fff; font-size: 26px; cursor: pointer; }
.smp-quote-panel__intro { margin: 0; padding: 16px 28px; background: #faf9f6; color: #606060; font-size: 13px; line-height: 1.5; }
.smp-quote-panel__items { flex: 1 1 auto; overflow: auto; padding: 8px 28px 18px; }
.smp-quote-panel__empty { padding: 36px 28px; text-align: center; color: #777; }
.smp-quote-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 17px 0; border-bottom: 1px solid #e5e5e5; }
.smp-quote-item__info { display: grid; align-content: start; gap: 5px; min-width: 0; }
.smp-quote-item__article { font-size: 15px; color: #151515; }
.smp-quote-item__name { font-size: 14px; }
.smp-quote-item__meta { font-size: 12px; line-height: 1.45; color: #777; }
.smp-quote-item__actions { display: flex; flex-direction: column; gap: 7px; align-items: flex-end; }
.smp-quote-item__price { font-size: 12px; color: #666; }
.smp-quote-item__qty { display: flex; align-items: center; gap: 8px; font-size: 11px; }
.smp-quote-item__qty input { width: 68px; height: 34px; border: 1px solid #ccc; text-align: center; }
.smp-quote-item__sum { font-size: 15px; white-space: nowrap; }
.smp-quote-item__remove { border: 0; background: transparent; color: #777; text-decoration: underline; cursor: pointer; }
.smp-quote-panel__footer { flex: 0 0 auto; padding: 18px 28px 24px; border-top: 1px solid #ddd; background: #f8f7f4; }
.smp-quote-panel__summary { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-size: 14px; }
.smp-quote-panel__summary strong { font-size: 25px; color: #141414; }
.smp-quote-panel__buttons { display: flex; gap: 10px; align-items: center; }
.smp-quote-panel__clear { flex: 0 0 auto; min-height: 46px; padding: 0 18px; border: 1px solid #bbb; background: #fff; color: #222; font-weight: 700; cursor: pointer; }
#smp-quote-generate { flex: 0 1 360px; width: auto; min-height: 46px; padding: 0 28px; font-size: 13px; font-weight: 800; }
#smp-quote-generate:disabled { opacity: .5; cursor: not-allowed; }
html.smp-quote-open { overflow: hidden !important; }

/* Форма КП — отдельно от слоя корзины, занимает весь viewport. */
#smpparts-kp-modal.kp-modal { position: fixed !important; inset: 0 !important; z-index: 100060 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; display: flex; justify-content: center; align-items: center; overflow: auto; box-sizing: border-box; padding: 22px !important; }
#smpparts-kp-modal.kp-modal[hidden] { display: none !important; }
#smpparts-kp-modal .kp-modal__dialog { width: min(100%, 790px); padding: 32px 36px; max-height: calc(100dvh - 44px); border-radius: 0; font-family: 'Manrope', sans-serif; }
#smpparts-kp-modal #kp-modal-title { font-family: 'Bebas', 'Bebas Neue', sans-serif; font-size: clamp(37px, 4.5vw, 52px); font-weight: 400; line-height: 1; letter-spacing: .01em; }
#smpparts-kp-modal .kp-client-types { gap: 12px; }
#smpparts-kp-modal .kp-client-type { min-height: 78px; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 0; background: #f8f8f8; }
#smpparts-kp-modal .kp-client-type:has(input:checked) { border-color: #e7b536; background: #fffaf0; }
#smpparts-kp-modal .kp-client-type > input { margin: 0; flex: 0 0 18px; width: 18px; height: 18px; accent-color: #f7ba24; }
#smpparts-kp-modal .kp-client-type > span { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
#smpparts-kp-modal .kp-client-type strong { display: block; font-size: 15px; line-height: 1.3; font-weight: 800; }
#smpparts-kp-modal .kp-client-type small { display: block; font-size: 12px; font-weight: 500; line-height: 1.45; color: #777; }
#smpparts-kp-modal .kp-contact-field,
#smpparts-kp-modal .kp-inn-field { font-size: 13px; font-weight: 700; }
#smpparts-kp-modal .kp-contact-field input,
#smpparts-kp-modal .kp-inn-field input { background: #fff; border-radius: 0; min-height: 48px; }
#smpparts-kp-modal .kp-consent { font-size: 12px; font-weight: 500; }
#smpparts-kp-modal .kp-generate { margin-top: 18px; min-height: 54px; border-radius: 0; }
#smpparts-kp-modal .kp-modal__close { background: #f2f2f2; border-radius: 0; }
#smpparts-kp-modal [hidden] { display: none !important; }

@media (max-width: 768px) {
    .bulk-search-compact-wrap { overflow-x: auto !important; }
    .bulk-search-compact-table { min-width: 1220px !important; }
    .bulk-search-compact-table thead th:nth-child(n),
    .bulk-search-compact-table__product-row > td:nth-child(n) { display: table-cell !important; }
    .bulk-search-table-offers__row { grid-template-columns: 1fr 1fr; }

    .smp-quote-panel__dialog { width: 100%; }
    .smp-quote-panel__header, .smp-quote-panel__footer { padding-left: 16px; padding-right: 16px; }
    .smp-quote-panel__intro { padding: 13px 16px; }
    .smp-quote-panel__items { padding: 8px 16px; }
    #smpparts-kp-modal.kp-modal { align-items: flex-start; padding: 0 !important; }
    #smpparts-kp-modal .kp-modal__dialog { max-height: 100dvh; height: auto; max-width: 100%; padding: 26px 18px 22px; border-radius: 0; }
    #smpparts-kp-modal .kp-client-types { grid-template-columns: 1fr; }
    #smpparts-kp-modal .kp-contact-grid { grid-template-columns: 1fr; }
    #smpparts-kp-modal .kp-inn-control { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (max-width: 480px) {
    .smp-quote-item { grid-template-columns: 1fr; gap: 8px; }
    .smp-quote-item__actions { display: grid; grid-template-columns: 1fr 1fr; justify-items: start; align-items: center; }
    .smp-quote-panel__summary strong { font-size: 19px; }
    .smp-quote-panel__buttons { flex-direction: column; }
    .smp-quote-panel__clear, #smp-quote-generate { min-height: 48px; }
}


/* Единое поведение кнопок покупки во всём проекте: жёлтая -> чёрная. */
@media (hover: hover) and (pointer: fine) {
    .cart_push:hover:not(:disabled),
    .do-call:hover:not(:disabled),
    .catalog-product-new__cart:hover:not(:disabled),
    .product-detail-cart-btn:hover:not(:disabled),
    .item-offers-table__btn:hover:not(:disabled),
    .catalog-hierarchy-offer__cart:hover:not(:disabled),
    .bulk-search-compact-table__cart:hover:not(:disabled),
    .bulk-search-table-offers__cart:hover:not(:disabled),
    .bulk-offers-table__cart:hover:not(:disabled),
    #item-card .product-detail-offers__table .item-offers-table__btn:hover:not(:disabled) {
        --btn-bg-color: #1d1c1b !important;
        --btn-border-color: #1d1c1b !important;
        --btn-color: #ffffff !important;
        background: #1d1c1b !important;
        background-color: #1d1c1b !important;
        border-color: #1d1c1b !important;
        color: #ffffff !important;
        filter: none !important;
        box-shadow: none !important;
    }
    .cart_push:hover:not(:disabled) *,
    .do-call:hover:not(:disabled) *,
    .item-offers-table__btn:hover:not(:disabled) *,
    .product-detail-cart-btn:hover:not(:disabled) *,
    .catalog-product-new__cart:hover:not(:disabled) *,
    .catalog-hierarchy-offer__cart:hover:not(:disabled) *,
    .bulk-search-compact-table__cart:hover:not(:disabled) *,
    .bulk-search-table-offers__cart:hover:not(:disabled) *,
    .bulk-offers-table__cart:hover:not(:disabled) * {
        color: #ffffff !important;
        fill: currentColor;
    }
}

.smp-quote-item__warning { color: #a05b00; font-weight: 700; line-height: 1.4; }
@media (max-width: 600px) { .bulk-search-table-offers__row { grid-template-columns: 1fr; } }


#smpparts-kp-modal .kp-company-result,
#smpparts-kp-modal #kp-inn-lookup,
#smpparts-kp-modal .kp-generate { border-radius: 0; }

@media (max-width: 480px) {
    .smp-quote-panel__buttons {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .smp-quote-panel__clear {
        min-height: 44px;
        padding: 0 14px;
    }

    #smp-quote-generate {
        flex: 0 1 auto;
        min-height: 44px;
        padding: 0 20px;
        font-size: 12px;
    }
}


/* Единое состояние "В корзину": при наведении и фокусе чёрный фон + белый текст.
   Ранее catalog.css переопределял цвет для отдельных типов карточек. */
@media (hover: hover) and (pointer: fine) {
    button.cart_push:hover:not(:disabled),
    button.catalog-hierarchy-row__direct-cart:hover:not(:disabled),
    button.catalog-hierarchy-offer__cart:hover:not(:disabled),
    button.product-detail-cart-btn:hover:not(:disabled),
    button.item-offers-table__btn:hover:not(:disabled),
    #item-card button.cart_push:hover:not(:disabled),
    #item-card .product-detail-offers__table button.item-offers-table__btn:hover:not(:disabled),
    .catalog-hierarchy-product--single button.catalog-hierarchy-row__direct-cart:hover:not(:disabled) {
        --btn-bg-color: #1d1c1b !important;
        --btn-border-color: #1d1c1b !important;
        --btn-color: #fff !important;
        background: #1d1c1b !important;
        background-color: #1d1c1b !important;
        background-image: none !important;
        border-color: #1d1c1b !important;
        color: #fff !important;
        filter: none !important;
        box-shadow: none !important;
        transform: none !important;
    }
    button.cart_push:hover:not(:disabled) *,
    button.catalog-hierarchy-row__direct-cart:hover:not(:disabled) *,
    button.catalog-hierarchy-offer__cart:hover:not(:disabled) *,
    button.product-detail-cart-btn:hover:not(:disabled) *,
    button.item-offers-table__btn:hover:not(:disabled) *,
    #item-card .product-detail-offers__table button.item-offers-table__btn:hover:not(:disabled) * {
        color: #fff !important;
    }
    button.cart_push:hover:not(:disabled) svg,
    button.item-offers-table__btn:hover:not(:disabled) svg,
    button.catalog-hierarchy-row__direct-cart:hover:not(:disabled) svg {
        color: #fff !important;
        stroke: currentColor !important;
    }
}


/* Приоритетный hover для ВСЕХ кнопок покупки, включая карточки каталога.
   Перекрывает старые правила .item-card .btn-yellow:hover и остальные
   локальные состояния, не затрагивая кнопки КП или оформления заказа. */
@media (hover: hover) and (pointer: fine) {
    button.btn-init.btn-yellow.cart_push:hover:not(:disabled),
    button.btn-init.btn-yellow.cart_push:focus-visible:not(:disabled),
    .do-call.btn-yellow:hover,
    #item-card .item-offers-table button.btn-yellow:hover:not(:disabled),
    #item-card .product-detail-offers__table button.item-offers-table__btn:hover:not(:disabled) {
        --btn-bg-color: #1d1c1b !important;
        --btn-border-color: #1d1c1b !important;
        --btn-color: #fff !important;
        background: #1d1c1b !important;
        background-color: #1d1c1b !important;
        background-image: none !important;
        border-color: #1d1c1b !important;
        color: #fff !important;
        box-shadow: none !important;
        filter: none !important;
        transform: none !important;
    }
    button.btn-init.btn-yellow.cart_push:hover:not(:disabled) *,
    button.btn-init.btn-yellow.cart_push:focus-visible:not(:disabled) *,
    .do-call.btn-yellow:hover *,
    #item-card .item-offers-table button.btn-yellow:hover:not(:disabled) * {
        color: #fff !important;
    }
}


/* Mass search: thumbnail replaces quantity column; quantity remains in quote panel/Excel. */
.bulk-search-compact-table {
    min-width: 1370px;
}
.bulk-search-compact-table th:nth-child(2),
.bulk-search-compact-table td.bulk-search-compact-table__photo {
    width: 78px;
    text-align: center;
}
.bulk-search-compact-table th:nth-child(3) { width: 145px; }
.bulk-search-compact-table th:nth-child(4) { width: 220px; }
.bulk-search-compact-table th:nth-child(5) { width: 115px; }
.bulk-search-compact-table th:nth-child(6) { width: 125px; }
.bulk-search-compact-table th:nth-child(7) { width: 130px; }
.bulk-search-compact-table th:nth-child(8) { width: 110px; }
.bulk-search-compact-table th:nth-child(9) { width: 125px; }
.bulk-search-compact-table th:nth-child(10) { width: 82px; }
.bulk-search-compact-table th:nth-child(11) { width: 134px; }
.bulk-search-compact-table__photo img {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    border: 1px solid rgba(29,28,27,.10);
    background: #f9f9f9;
    object-fit: contain;
}
/* The first offer is never specially highlighted before the client selects one. */
.bulk-search-table-offers__row.is-featured,
.bulk-search-table-offers__row:first-child,
.catalog-hierarchy-offer.is-featured {
    background: #fff !important;
    border-left: 0 !important;
    box-shadow: none;
}
/* Quote selection is user-driven and can still be marked distinctly. */
.bulk-search-table-offers__row.is-quote-selected { box-shadow: inset 3px 0 0 #f7ba24; }

/* Quote is a lightweight text action, just like “В подборку”. */
.bulk-search-table-offers__action .bulk-quote-add-btn,
.bulk-search-compact-table__actions .bulk-quote-add-btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    min-width: 0;
    min-height: 26px;
    height: auto;
    padding: 2px 0;
    margin: 0;
    background: transparent;
    border: 0;
    color: rgba(29,28,27,.65);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    box-shadow: none;
    cursor: pointer;
}
.bulk-search-table-offers__action .bulk-quote-add-btn:hover,
.bulk-search-table-offers__action .bulk-quote-add-btn.is-active,
.bulk-search-compact-table__actions .bulk-quote-add-btn:hover,
.bulk-search-compact-table__actions .bulk-quote-add-btn.is-active {
    color: #1d1c1b;
    background: transparent;
    border: 0;
    box-shadow: none;
}
/* Shortlist transfer was missing the .smp-shortlist__quote class. */
#smp-shortlist-to-cart.smp-shortlist__quote {
    flex: 1 1 auto;
    width: auto;
    min-height: 44px;
    padding: 11px 15px;
    border: 0;
    background: rgb(var(--c-yellow));
    color: rgb(var(--c-black));
    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
}
#smp-shortlist-to-cart.smp-shortlist__quote:hover:not(:disabled) {
    background: #1d1c1b;
    color: #fff;
}
@media (max-width: 767px) {
    .bulk-search-compact-table { min-width: 1230px !important; }
    .bulk-search-compact-table__photo img { width: 44px; height: 44px; }
    #smp-shortlist-to-cart.smp-shortlist__quote { width: 100%; }
}


/* Compact secondary catalog actions: Cart on top, КП and Подборка in one row. */
.catalog-hierarchy-row__quick-actions,
.catalog-hierarchy-offer__quick-actions,
.smp-offer-secondary-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 12px;
    min-width: 0;
}
.catalog-hierarchy-row__quick-actions > button,
.catalog-hierarchy-offer__quick-actions > button,
.smp-offer-secondary-actions > button {
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start !important;
    gap: 4px;
    width: auto !important;
    max-width: none;
    min-height: 26px;
    margin: 0 !important;
    padding: 1px 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(29,28,27,.65);
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer;
}
.catalog-hierarchy-row__quick-actions > button:hover,
.catalog-hierarchy-row__quick-actions > button.is-active,
.catalog-hierarchy-offer__quick-actions > button:hover,
.catalog-hierarchy-offer__quick-actions > button.is-active,
.smp-offer-secondary-actions > button:hover,
.smp-offer-secondary-actions > button.is-active {
    color: #1d1c1b !important;
    background: transparent !important;
}
.catalog-hierarchy-offer__actions {
    gap: 5px;
}
.catalog-hierarchy-offer__actions .catalog-hierarchy-offer__cart {
    min-width: 0;
    width: 100%;
}
@media (min-width: 901px) {
    .catalog-hierarchy-offers__head,
    .catalog-hierarchy-offer {
        grid-template-columns: minmax(74px,.53fr) minmax(100px,.73fr) minmax(120px,.95fr) minmax(90px,.7fr) minmax(115px,.88fr) minmax(116px,.9fr) 88px minmax(184px,1.3fr) !important;
    }
}
.bulk-search-compact-table { min-width: 1450px; }
.bulk-search-compact-table th:nth-child(11) { width: 195px; }
.bulk-search-compact-table__action-group,
.bulk-search-table-offers__action-group {
    gap: 4px;
}
.bulk-search-table-offers__head,
.bulk-search-table-offers__row {
    grid-template-columns: minmax(150px,1.1fr) minmax(94px,.68fr) minmax(112px,.82fr) minmax(105px,.74fr) minmax(105px,.7fr) minmax(118px,.75fr) minmax(190px,1.15fr);
}
/* Place the explanatory hint above the results, not below the table. */
.bulk-search-table-view > .bulk-search-table-view__hint {
    margin: 0 0 12px;
}
/* Quote list quantity counter, same - / value / + pattern as in the catalog. */
.smp-quote-item__qty-control {
    display: inline-flex;
    height: 36px;
    align-items: stretch;
    border: 1px solid #cdd0d3;
    background: #fff;
}
.smp-quote-item__qty-control .smp-quote-item__qty-step {
    flex: 0 0 31px;
    width: 31px;
    min-width: 0;
    border: 0;
    padding: 0;
    background: #fff;
    color: #141414;
    font-size: 19px;
    line-height: 1;
    cursor: pointer;
}
.smp-quote-item__qty-control .smp-quote-item__qty-step:hover:not(:disabled) {
    background: #f7bc27;
}
.smp-quote-item__qty-control .smp-quote-item__qty-step:disabled {
    color: #b5b7ba;
    cursor: default;
}
.smp-quote-item__qty-control input[data-quote-item-qty] {
    flex: 0 0 42px;
    width: 42px;
    height: 34px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid #e2e3e5;
    border-right: 1px solid #e2e3e5;
    border-radius: 0;
    background: #fff;
    color: #1d1c1b;
    text-align: center;
    font-size: 13px;
    appearance: textfield;
    -moz-appearance: textfield;
}
.smp-quote-item__qty-control input[data-quote-item-qty]::-webkit-outer-spin-button,
.smp-quote-item__qty-control input[data-quote-item-qty]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
@media (max-width: 768px) {
    .bulk-search-compact-table { min-width: 1450px !important; }
    .catalog-hierarchy-row__quick-actions,
    .catalog-hierarchy-offer__quick-actions,
    .smp-offer-secondary-actions { gap: 10px; }
}


/* 2026-10-15 — wide and aligned actions in mass pricing; catalog lightbox thumbnail */
.bulk-search-compact-table {
    min-width: 1520px !important;
}
.bulk-search-compact-table th:nth-child(11) {
    width: 250px !important;
}
.bulk-search-compact-table__photo-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: zoom-in;
}
.bulk-search-compact-table__photo-button:focus-visible {
    outline: 2px solid rgb(var(--c-yellow));
    outline-offset: 3px;
}
.bulk-search-compact-table td.bulk-search-compact-table__actions {
    width: 250px;
    padding: 12px !important;
    vertical-align: middle;
}
.bulk-search-compact-table__action-group,
.bulk-search-table-offers__action-group {
    width: 100%;
    min-width: 0;
}
.bulk-search-compact-table__actions .smp-offer-secondary-actions,
.bulk-search-table-offers__action .smp-offer-secondary-actions {
    justify-content: center;
    column-gap: 14px;
}
.bulk-search-compact-table__actions .smp-offer-secondary-actions > button,
.bulk-search-table-offers__action .smp-offer-secondary-actions > button {
    white-space: nowrap;
    flex: 0 0 auto;
    font-size: 10px;
}
.bulk-search-table-offers {
    padding-right: 2px !important;
}
.bulk-search-table-offers__head,
.bulk-search-table-offers__row {
    grid-template-columns: minmax(150px,1.1fr) minmax(94px,.68fr) minmax(112px,.82fr) minmax(105px,.74fr) minmax(105px,.7fr) minmax(118px,.75fr) 250px !important;
}
.bulk-search-table-offers__action {
    min-width: 0;
    width: 100%;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: center;
}
.bulk-search-compact-table th.bulk-search-compact-table__actions {
    text-align: center !important;
}
@media (max-width: 767px) {
    .bulk-search-compact-table { min-width: 1520px !important; }
    .bulk-search-table-offers__head { display: none !important; }
    .bulk-search-table-offers__row { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    .bulk-search-table-offers__action { grid-column: 1 / -1; }
    .bulk-search-compact-table__photo-button img { width: 44px; height: 44px; }
}

/* Быстрые действия: КП и Подборка появляются только с позициями в списках. */
#smp-side-actions .smp-side-action[hidden],
#sidemenu .mobile-shortlist-menu-item[hidden],
#sidemenu .mobile-quote-menu-item[hidden],
.smp-side-action__count[hidden],
.sidemenu-quote-trigger .smp-quote-count[hidden] { display: none !important; }

#smp-side-actions .smp-side-action--quote .smp-side-action__quote-icon {
    display: block;
    width: 23px;
    height: 23px;
    flex: 0 0 auto;
    color: rgb(var(--c-yellow));
}
#smp-side-actions .smp-side-action--quote:hover .smp-side-action__quote-icon,
#smp-side-actions .smp-side-action--quote:focus-visible .smp-side-action__quote-icon,
#smp-side-actions .smp-side-action--quote[aria-expanded="true"] .smp-side-action__quote-icon {
    color: rgb(var(--c-black));
}
#smp-side-actions .smp-side-action--quote[aria-expanded="true"] {
    color: rgb(var(--c-black));
    background: rgb(var(--c-yellow));
}
#smp-side-actions .smp-side-action--quote .smp-side-action__count {
    font-variant-numeric: tabular-nums;
}

.smp-quote-panel[hidden], .smp-quote-panel__empty[hidden] { display: none !important; }

/* Единая иконка документа для действия «В КП» во всех таблицах и карточках. */
[data-quote-add] .smp-kp-action__icon,
[data-catalog-quote-auto] .smp-kp-action__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    vertical-align: middle;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}
[data-quote-add] .smp-kp-action__label,
[data-catalog-quote-auto] .smp-kp-action__label { display: inline; }
[data-quote-add] .smp-kp-action__check,
[data-catalog-quote-auto] .smp-kp-action__check { display: none; }
[data-quote-add].is-active .smp-kp-action__plus,
[data-catalog-quote-auto].is-active .smp-kp-action__plus { display: none; }
[data-quote-add].is-active .smp-kp-action__check,
[data-catalog-quote-auto].is-active .smp-kp-action__check { display: inline; }
[data-quote-add],
[data-catalog-quote-auto] { gap: 5px; }


/* === 2026-10-16: спокойный живой первый экран и компактная панель действий === */
/* Фон отделён от содержимого, не перехватывает клики и не нагружает страницу видео. */
.home-redesign-hero {
    position: relative;
    isolation: isolate;
}
.home-redesign-hero__ambient {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}
.home-redesign-hero__ambient::before {
    content: '';
    position: absolute;
    inset: -30px -30px -30px 32%;
    background-image:
        linear-gradient(rgba(115, 102, 71, .043) 1px, transparent 1px),
        linear-gradient(90deg, rgba(115, 102, 71, .043) 1px, transparent 1px);
    background-size: 76px 76px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 28%, #000 76%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 28%, #000 76%, transparent);
}
.home-redesign-hero__ambient::after {
    content: '';
    position: absolute;
    width: min(78vw, 1200px);
    height: min(60vw, 790px);
    top: 13%;
    right: -9%;
    border-radius: 50%;
    background: radial-gradient(ellipse at center,
        rgba(246, 192, 41, .105) 0%,
        rgba(246, 192, 41, .055) 28%,
        rgba(246, 192, 41, .015) 57%,
        transparent 74%);
    filter: blur(32px);
}
.home-redesign-hero__orbit {
    position: absolute;
    right: -11%;
    top: 19%;
    width: min(76vw, 1080px);
    aspect-ratio: 1;
    border: 1px solid rgba(146, 117, 54, .09);
    border-radius: 50%;
    transform: rotate(-17deg) scaleY(.74);
}
.home-redesign-hero__orbit--inner {
    right: -1%;
    top: 31%;
    width: min(55vw, 810px);
    border-color: rgba(146, 117, 54, .075);
    transform: rotate(19deg) scaleY(.73);
}
.home-redesign-hero__content,
.home-redesign-hero__media--machinery {
    position: relative;
    z-index: 1;
}
/* Бейджи с опытом и рейтингом намеренно не меняем и не переносим. */

/* Чуть выше контраст абзаца и упорядоченные интервалы без изменения фирменного шрифта. */
.home-redesign-hero__lead {
    color: rgba(var(--c-black), .72);
}
#search-head.home-redesign-search {
    position: relative;
    z-index: 2;
    border-color: rgba(var(--c-black), .18);
    border-radius: 3px;
    box-shadow: 0 9px 25px rgba(22, 22, 22, .045);
    transition: border-color .25s ease, box-shadow .25s ease;
}
#search-head.home-redesign-search:focus-within {
    border-color: rgba(226, 171, 0, .72);
    box-shadow: 0 0 0 3px rgba(246, 190, 28, .15), 0 12px 30px rgba(22, 22, 22, .07);
}
#search-head .home-redesign-search__field input::placeholder {
    color: rgba(var(--c-black), .56);
    opacity: 1;
}
#search-head .home-redesign-search__submit svg {
    transition: transform .25s ease;
}
#search-head .home-redesign-search__submit:hover svg,
#search-head .home-redesign-search__submit:focus-visible svg {
    transform: translateX(4px);
}
.home-redesign-hero .bulk-search-inline-link {
    width: fit-content;
    min-height: 38px;
    padding: 7px 12px;
    margin-top: 12px;
    border: 1px solid rgba(181, 146, 52, .25);
    border-radius: 5px;
    background: rgba(250, 220, 117, .10);
    transition: border-color .22s ease, background-color .22s ease;
}
.home-redesign-hero .bulk-search-inline-link:hover,
.home-redesign-hero .bulk-search-inline-link:focus-visible {
    border-color: rgba(181, 146, 52, .5);
    background: rgba(250, 220, 117, .2);
    outline-offset: 3px;
}
.home-redesign-hero .bulk-search-inline-link strong {
    border-bottom-width: 1px;
}

/* Единая плавающая панель — исходные обработчики кнопок и их ID остаются прежними. */
#smp-side-actions {
    right: clamp(10px, 1.5vw, 24px);
    bottom: clamp(24px, 5vw, 84px);
    width: 80px;
    gap: 3px;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 16px;
    background: #202020;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .08);
}
#smp-side-actions .smp-side-action {
    min-height: 65px;
    width: 100%;
    padding: 8px 3px;
    gap: 6px;
    border: 0;
    border-radius: 10px;
    box-sizing: border-box;
    background: transparent;
    color: #fff;
    text-decoration: none;
    transform: none;
    transition: background-color .22s ease, color .22s ease;
}
#smp-side-actions .smp-side-action:hover,
#smp-side-actions .smp-side-action:focus-visible,
#smp-side-actions .smp-side-action[aria-expanded="true"] {
    color: #1b1b1b;
    background: rgb(var(--c-yellow));
    transform: none;
    outline: none;
}
#smp-side-actions .smp-side-action:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.6);
}
#smp-side-actions .smp-side-action__icon {
    flex-shrink: 0;
    color: rgb(var(--c-yellow));
    font-size: 23px;
    transition: color .22s ease;
}
#smp-side-actions .smp-side-action--quote .smp-side-action__quote-icon,
#smp-side-actions .smp-side-action--shortlist .smp-side-action__bookmark {
    width: 23px;
    height: 23px;
}
#smp-side-actions .smp-side-action:hover .smp-side-action__icon,
#smp-side-actions .smp-side-action:focus-visible .smp-side-action__icon,
#smp-side-actions .smp-side-action[aria-expanded="true"] .smp-side-action__icon {
    color: #1b1b1b;
}
#smp-side-actions .smp-side-action__label {
    max-width: 100%;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
}
#smp-side-actions .smp-side-action__count {
    top: 3px;
    right: 2px;
    z-index: 2;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    font-size: 10px;
    line-height: 18px;
    box-shadow: 0 0 0 2px #202020;
}

@media (prefers-reduced-motion: no-preference) {
    .home-redesign-hero__ambient::before {
        animation: smp-hero-grid 34s linear infinite alternate;
    }
    .home-redesign-hero__ambient::after {
        animation: smp-hero-glow 16s ease-in-out infinite alternate;
    }
    .home-redesign-hero__orbit--outer {
        animation: smp-hero-orbit-outer 28s ease-in-out infinite alternate;
    }
    .home-redesign-hero__orbit--inner {
        animation: smp-hero-orbit-inner 24s ease-in-out infinite alternate;
    }
    .home-redesign-hero__content > .home-redesign-kicker {
        animation: smp-hero-appear .65s ease-out both;
    }
    .home-redesign-hero__content > h1 {
        animation: smp-hero-appear .72s .1s ease-out both;
    }
    .home-redesign-hero__content > .home-redesign-hero__lead {
        animation: smp-hero-appear .72s .2s ease-out both;
    }
    .home-redesign-hero__content > #search-head {
        animation: smp-hero-appear .75s .3s ease-out both;
    }
    .home-redesign-hero__content > .bulk-search-inline-link {
        animation: smp-hero-appear .75s .38s ease-out both;
    }
    .home-redesign-hero__media--machinery > img {
        animation: smp-hero-image-appear 1.2s .12s ease-out both;
    }
}
@keyframes smp-hero-grid {
    0% { background-position: 0 0; }
    100% { background-position: 40px 30px; }
}
@keyframes smp-hero-glow {
    0% { transform: translate3d(-2%, 1%, 0) scale(.97); opacity: .7; }
    100% { transform: translate3d(2%, -2%, 0) scale(1.06); opacity: 1; }
}
@keyframes smp-hero-orbit-outer {
    0% { transform: rotate(-17deg) scaleY(.74); opacity: .5; }
    100% { transform: rotate(-10deg) scaleY(.76); opacity: .88; }
}
@keyframes smp-hero-orbit-inner {
    0% { transform: rotate(19deg) scaleY(.73); opacity: .5; }
    100% { transform: rotate(13deg) scaleY(.76); opacity: .88; }
}
@keyframes smp-hero-appear {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes smp-hero-image-appear {
    from { opacity: 0; }
    to { opacity: 1; }
}
@media (max-width: 900px) {
    #smp-side-actions { display: none; }
    .home-redesign-hero__ambient::before { inset: 0; opacity: .55; }
    .home-redesign-hero__ambient::after {
        width: 115%;
        height: 70%;
        top: auto;
        right: -25%;
        bottom: 2%;
    }
    .home-redesign-hero__orbit { opacity: .4; }
}
@media (max-width: 600px) {
    .home-redesign-hero .bulk-search-inline-link {
        width: fit-content;
        min-height: 36px;
        gap: 6px;
        padding: 7px 9px;
        font-size: 12px;
    }
    .home-redesign-hero__ambient::before { opacity: .25; }
}
@media (max-height: 600px) and (min-width: 901px) {
    #smp-side-actions { bottom: 12px; }
    #smp-side-actions .smp-side-action { min-height: 52px; gap: 3px; padding: 5px 3px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-redesign-hero__ambient::before,
    .home-redesign-hero__ambient::after,
    .home-redesign-hero__orbit,
    .home-redesign-hero__content > *,
    .home-redesign-hero__media--machinery > img,
    #search-head .home-redesign-search__submit svg {
        animation: none !important;
        transition: none !important;
    }
}



/* === 2026-10-16: обновлённые элементы поиска и боковой панели === */
/* Прямоугольные элементы на главной (кроме круглых фоновых орбит). */
main.home-redesign,
main.home-redesign *:not(.home-redesign-hero__orbit) {
    border-radius: 0 !important;
}

/* Одинаковая панель на ВСЕХ страницах. Убираем внутренние поля: жёлтый
   hover/открытое состояние заполняет всю площадь кнопки до самых краёв. */
#smp-side-actions {
    gap: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: #202020;
}
#smp-side-actions > .smp-side-action {
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    transition: background-color .3s ease, color .3s ease;
}
#smp-side-actions > .smp-side-action:hover,
#smp-side-actions > .smp-side-action:focus-visible,
#smp-side-actions > .smp-side-action[aria-expanded="true"] {
    background: rgb(var(--c-yellow));
    color: #1b1b1b;
}
/* Разделители только между отображаемыми кнопками, даже когда между ними
   в DOM находятся скрытые элементы «Подборка» и «КП». */
#smp-side-actions > .smp-side-action:not([hidden]) ~ .smp-side-action:not([hidden])::before {
    content: '';
    position: absolute;
    top: 0;
    left: 9px;
    right: 9px;
    height: 1px;
    background: rgba(255,255,255,.2);
    pointer-events: none;
}
#smp-side-actions > .smp-side-action:hover::before,
#smp-side-actions > .smp-side-action:focus-visible::before,
#smp-side-actions > .smp-side-action[aria-expanded="true"]::before {
    background: rgba(20,20,20,.22);
}
/* Тонкая окантовка, а не жирный тёмный ореол вокруг счётчика. */
#smp-side-actions .smp-side-action__count {
    top: 4px;
    right: 4px;
    min-width: 18px;
    height: 18px;
    padding: 0 3px;
    border: 1px solid rgba(25,25,25,.2);
    border-radius: 2px;
    box-shadow: none;
    line-height: 16px;
}
#smp-side-actions > .smp-side-action:hover .smp-side-action__count,
#smp-side-actions > .smp-side-action:focus-visible .smp-side-action__count,
#smp-side-actions > .smp-side-action[aria-expanded="true"] .smp-side-action__count {
    background: #202020;
    color: rgb(var(--c-yellow));
    border-color: transparent;
}

/* Вместо лупы из двух грубых CSS-фигур — SVG с равномерным штрихом.
   Одинаковая иконка в шапке, мобильном меню и модальном поиске. */
svg.global-search-icon {
    display: inline-block;
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    overflow: visible;
    vertical-align: middle;
}
svg.global-search-icon::before,
svg.global-search-icon::after { content: none; }
@media (min-width: 1201px) and (max-width: 1680px) {
    .global-search-nav-trigger svg.global-search-icon {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
    }
}

/* Чуть более мягкая смена цвета и движение стрелки у «НАЙТИ». */
#search-head.home-redesign-search .home-redesign-search__submit {
    transition: background-color .42s cubic-bezier(.22, 1, .36, 1),
                color .42s cubic-bezier(.22, 1, .36, 1),
                box-shadow .42s cubic-bezier(.22, 1, .36, 1);
}
#search-head.home-redesign-search .home-redesign-search__submit svg {
    transform: translateX(0);
    transition: transform .46s cubic-bezier(.22, 1, .36, 1);
}
#search-head.home-redesign-search .home-redesign-search__submit:hover svg,
#search-head.home-redesign-search .home-redesign-search__submit:focus-visible svg {
    transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
    #search-head.home-redesign-search .home-redesign-search__submit,
    #search-head.home-redesign-search .home-redesign-search__submit svg {
        transition: none !important;
        transform: none !important;
    }
}


/* === 2026-10-16: правая панель не перекрывает действия с товарами === */
/* Панель остаётся fixed и не участвует в потоке. На внутренних страницах
   резервируем под неё боковую зону: ширина 80px + right + 14px зазора.
   Фон у main остаётся по всей ширине страницы, а кнопки/таблицы
   заканчиваются слева от панели. Главную страницу не меняем. */
@media (min-width: 901px) {
    body > main:not(.home-redesign) {
        padding-right: 0 !important;
        box-sizing: border-box;
    }
}

/* На небольшом ноутбуке список предложений должен прокручиваться внутри
   таблицы, а не попадать под фиксированную панель или обрезать кнопки. */
@media (min-width: 901px) and (max-width: 1060px) {
    #item-card .item-offers-table-wrap {
        overflow-x: auto;
    }
    #item-card .item-offers-table {
        min-width: 760px;
    }
}


/* === 2026-10-16: боковые действия вплотную к правому краю === */
@media (min-width: 901px) {
    #smp-side-actions {
        right: 0;
        width: 72px;
    }
}

/* === 2026-10-16: мобильная панель действий и исправления поиска/корзины === */
/* Кнопка удаления уже работает штатной POST-формой, но старые правила
   оформляли только иконку-прямого ребёнка .cart-item-head. */
#smp-cart .cart-item > .cart-item-head {
    align-items: center;
    gap: 12px;
}
#smp-cart .cart-item > .cart-item-head > .cart-inline-form {
    flex: 0 0 auto;
    margin-left: auto;
}
#smp-cart .cart-item .cart-item-head > .cart-inline-form > button.icon-trash {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    min-width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(29, 28, 27, .18);
    border-radius: 0;
    background: #fff;
    color: #4c4c4c;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
/* Чёткая SVG-иконка вместо залежащего от шрифта псевдоэлемента. */
#smp-cart .cart-item .cart-item-head > .cart-inline-form > button.icon-trash::before { content: none; }
#smp-cart .cart-item .cart-item-head > .cart-inline-form > button.icon-trash svg {
    display: block;
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
}
#smp-cart .cart-item .cart-item-head > .cart-inline-form > button.icon-trash:hover,
#smp-cart .cart-item .cart-item-head > .cart-inline-form > button.icon-trash:focus-visible {
    background: #fff4dc;
    color: #a03d1d;
    border-color: #e4b57a;
    outline-offset: 2px;
}
/* Нельзя дать длинному артикулу вытеснить кнопку с мобильного экрана. */
#smp-cart .cart-item > .cart-item-head > span {
    min-width: 0;
    overflow-wrap: anywhere;
}
@media (max-width: 900px) {
    /* Та же панель и те же оригинальные кнопки, но горизонтально снизу. */
    #smp-side-actions {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: stretch;
        position: fixed;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: auto;
        min-height: calc(66px + env(safe-area-inset-bottom, 0px));
        padding: 0 0 env(safe-area-inset-bottom, 0px);
        gap: 0;
        border: 0;
        border-top: 1px solid rgba(255,255,255,.22);
        border-radius: 0;
        background: #202020;
        box-shadow: 0 -4px 22px rgba(0,0,0,.13);
        z-index: 900;
        box-sizing: border-box;
    }
    #smp-side-actions > .smp-side-action {
        display: flex;
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        min-height: 66px;
        padding: 8px 2px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #fff;
        line-height: 1.15;
        text-decoration: none;
        box-sizing: border-box;
        transform: none;
    }
    /* Убираем системный фон кнопок в iOS Safari и других mobile UA. */
    #smp-side-actions > .smp-side-action:not([hidden]) {
        -webkit-appearance: none;
        appearance: none;
        background-color: transparent !important;
        color: #fff !important;
    }
    #smp-side-actions > .smp-side-action:not([hidden]):hover,
    #smp-side-actions > .smp-side-action:not([hidden]):focus-visible,
    #smp-side-actions > .smp-side-action:not([hidden])[aria-expanded="true"] {
        background-color: rgb(var(--c-yellow)) !important;
        color: #1b1b1b !important;
    }
    #smp-side-actions .smp-side-action__icon {
        font-size: 21px;
    }
    #smp-side-actions .smp-side-action--quote .smp-side-action__quote-icon,
    #smp-side-actions .smp-side-action--shortlist .smp-side-action__bookmark {
        width: 21px;
        height: 21px;
    }
    #smp-side-actions .smp-side-action__label {
        max-width: 100%;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.15;
        white-space: nowrap;
    }
    #smp-side-actions > .smp-side-action:not([hidden]) ~ .smp-side-action:not([hidden])::before {
        top: 9px;
        bottom: 9px;
        left: 0;
        right: auto;
        width: 1px;
        height: auto;
        background: rgba(255,255,255,.2);
    }
    #smp-side-actions .smp-side-action__count {
        top: 4px;
        right: max(4px, calc(50% - 30px));
        min-width: 17px;
        height: 17px;
        padding: 0 3px;
        line-height: 15px;
        font-size: 10px;
        border-radius: 2px;
        box-shadow: none;
    }
    /* Меню не закрывает последние строки и кнопки внизу страниц. */
    body {
        padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
    }
    /* При открытом мобильном меню навигация остаётся позади меню, не поверх. */
    html.mobile-menu-open #smp-side-actions,
    html.global-search-open #smp-side-actions { visibility: hidden; }
}
@media (max-width: 600px) {
    /* В каталоге стрелка больше не переносится в отдельную строку. */
    .catalog-directory--start > .bulk-search-inline-link--catalog,
    .catalog-query-top > .bulk-search-inline-link--catalog {
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 7px;
        width: auto;
        max-width: 100%;
        min-width: 0;
        white-space: nowrap;
        font-size: clamp(11px, 3.1vw, 13px);
    }
    .catalog-directory--start > .bulk-search-inline-link--catalog > span,
    .catalog-query-top > .bulk-search-inline-link--catalog > span { min-width: 0; }
    .catalog-directory--start > .bulk-search-inline-link--catalog > strong,
    .catalog-query-top > .bulk-search-inline-link--catalog > strong { flex: 0 0 auto; }
    .catalog-directory--start > .bulk-search-inline-link--catalog > b,
    .catalog-query-top > .bulk-search-inline-link--catalog > b {
        display: inline-block;
        flex: 0 0 auto;
        line-height: 1;
    }
    /* На телефоне поисковое поле получает остальную ширину строки,
       а подсказка становится короче через data-mobile-placeholder. */
    #search-head.home-redesign-search {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(100px,112px);
        width: 100%;
    }
    #search-head .home-redesign-search__field { min-width: 0; }
    #search-head .home-redesign-search__field input {
        min-width: 0;
        width: 100%;
        font-size: clamp(12px, 3.2vw, 14px);
    }
    #search-head .home-redesign-search__field input::placeholder { text-overflow: clip; }
}
@media (max-width: 360px) {
    #smp-side-actions .smp-side-action__label { font-size: 9px; }
    .catalog-directory--start > .bulk-search-inline-link--catalog,
    .catalog-query-top > .bulk-search-inline-link--catalog { gap: 5px; font-size: 11px; }
    #search-head.home-redesign-search { grid-template-columns: minmax(0,1fr) 98px; }
}
@media (prefers-reduced-motion: reduce) {
    #smp-side-actions > .smp-side-action,
    #smp-cart .cart-item .cart-item-head > .cart-inline-form > button.icon-trash { transition: none; }
}