/* ========================================================
   BASE STYLES — Variables, Reset, Typography, Fonts
   ======================================================== */

@font-face{
  font-family:'Inter Tight';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(../fonts/inter-tight-cyrillic-ext.woff2?v=2) format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face{
  font-family:'Inter Tight';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(../fonts/inter-tight-cyrillic.woff2?v=2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
  font-family:'Inter Tight';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(../fonts/inter-tight-latin.woff2?v=2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
  font-family:'Inter Tight';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(../fonts/inter-tight-latin-ext.woff2?v=2) format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
  font-family:'Inter Tight';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(../fonts/inter-tight-cyrillic-2.woff2?v=2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
  font-family:'Inter Tight';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(../fonts/inter-tight-greek.woff2?v=2) format('woff2');
  unicode-range:U+1F00-1FFF
}
@font-face{
  font-family:'Inter Tight';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(../fonts/inter-tight-latin-ext-2.woff2?v=2) format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
:root{
--white:#fff;
--gray10:#f5f5f5;
--gray20:#ededed;
--gray30:#d9d9d9;
--gray40:#b6b6b6;
--gray50:#a6a6a6;
--gray60:#575757;
--gray70:#555;
--gray80:#333;
--black:#050505;
--red:#ea0029;
--red-hover:#e00028;
--red-active:#d10025;
--green:#d8e21b;
--default-transition:0.3s ease-in-out}
*,:after,:before{
box-sizing:border-box;
margin:0;
padding:0;
border:0;
outline:none;
-webkit-tap-highlight-color:transparent}
body,html{
height:100%}
html{
scroll-behavior:smooth}

@media (width >= 1800px){
html{
font-size:calc(100vw / 1800 * 16)}
}
[id]{
scroll-margin-top:5.9375rem}
body{
overflow-x:clip;
overscroll-behavior:none;
min-inline-size:22.5rem;
margin:0 auto;
font-size:1rem;
font-weight:500;
line-height:1;
color:var(--black);
text-size-adjust:100%;
text-rendering:optimizelegibility}
main{
flex:1 0 auto;
padding-top:4rem}

@media (width >= 1000px){
main{
padding-top:4.5rem}
}
footer{
flex:0 0 auto}
a{
color:inherit;
text-decoration:none}
h1{
font-size:3.125rem;
font-weight:500;
line-height:3.4375rem}

@media (width >= 768px){
h1{
font-size:4.375rem;
line-height:4.8125rem}
}

@media (width >= 1200px){
h1{
font-size:5rem;
line-height:5.5rem}
}
h2{
font-size:2rem;
font-weight:500;
line-height:2.1875rem}

@media (width >= 768px){
h2{
font-size:2.625rem;
line-height:3.125rem}
}
button,input,textarea{
display:block;
font-family:inherit;
appearance:none;
background-color:transparent}
a,button{
color:inherit}

@media (any-hover:hover) and (pointer:fine){
button{
cursor:pointer}
}

.scroll::-webkit-scrollbar{
width:.25rem}

.scroll::-webkit-scrollbar-corner,.scroll::-webkit-scrollbar-track{
background:transparent;
background-color:var(--gray10)}

.scroll::-webkit-scrollbar-thumb{
background-color:var(--gray40)}
ol,ul{
list-style:none}

.black{
background-color:var(--black)}

.bodyNoOverflow{
scrollbar-gutter:stable;
overflow:hidden}
body{
font-family:'Inter Tight',Arial,sans-serif;
font-style:normal}


/* ========================================================
   SHARED COMPONENTS — Header, Footer, Hero, Buttons, Forms
   ======================================================== */

.achiev-label_wrapper{
display:flex;
flex-wrap:nowrap;
gap:1rem;
align-items:center;
font-size:1.25rem;
font-weight:500;
line-height:1.75rem;
color:var(--black);
white-space:nowrap}

@media (width >= 1000px){
  .achiev-label_wrapper{
gap:1.5rem;
font-size:1.5rem;
line-height:2.125rem}
}

.achiev-label_icon{
display:flex}

@media (width >= 1000px){
  .achiev-label_icon img{
width:5rem;
height:5rem}
}

.container_container{
max-inline-size:84.5rem;
margin-inline:auto;
padding-inline:1rem;
    overflow: hidden;
    width: 100%;
}

.order_wrapper{
position:relative;
overflow:hidden;
display:flex;
flex-direction:column;
width:100%}

.order_container{
width:100%;
padding-inline:0}

@media (width >= 768px){
  .order_container{
display:grid;
grid-template-columns:minmax(1rem,1fr) minmax(0,calc(84.5rem / 2)) minmax(0,calc(84.5rem / 2)) minmax(1rem,1fr);
max-width:none;
margin-inline:0}
}

.order_imageContainer{
position:relative;
grid-column:1/span 2;
aspect-ratio:1}

.order_image{
object-fit:cover}

.order_imageLabelWrapper{
position:absolute;
right:0;
bottom:1.0625rem;
left:0;
display:flex;
justify-content:center}

@media (width >= 768px){
  .order_imageLabelWrapper{
bottom:.6875rem}
}

.order_imageLabelBackground{
flex-shrink:0;
padding:.3125rem .75rem .4375rem;
background-color:var(--black)}

.order_imageLabel{
font-size:.875rem;
font-weight:400;
line-height:1.25rem;
color:var(--gray50);
letter-spacing:.02em}

.order_form{
scroll-margin-top:4rem;
grid-column:3;
padding-inline:1rem}

@media (width >= 550px){
  .order_imageLabel{
font-size:1rem;
font-weight:500;
line-height:1.4375rem;
letter-spacing:0}
  .order_imageLabelBackground{
padding:.375rem .75rem .5rem}
}

@media (width >= 768px){
  .order_container{
scroll-margin-top:4.5rem;
flex-direction:row;
min-height:41.875rem}
  .order_imageContainer{
aspect-ratio:unset}
  .order_image{
object-fit:cover}
  .order_imageLabelWrapper{
bottom:1rem}
  .order_form{
padding-inline:0}
}

@media (width >= 930px){
  .order_imageLabelWrapper{
right:43.2%;
bottom:1rem;
left:auto;
justify-content:flex-start}
}

.achiev-card_wrapper{
display:flex;
flex-flow:column nowrap;
gap:1.5rem;
height:100%;
padding:3.75rem}

.achiev-card_header{
display:flex;
flex-flow:column-reverse nowrap;
gap:.9375rem;
justify-content:space-between;
padding-bottom:1.5625rem;
font-size:1.875rem;
font-weight:500;
line-height:2.25rem;
color:var(--white);
border-bottom:.125rem solid var(--red)}

@media (width >= 1250px){
  .achiev-card_header{
flex-direction:row;
align-items:center}
}

.achiev-card_title{
max-width:18.125rem}

.achiev-card_icon{
display:flex}

.achiev-card_text{
display:flex;
flex-flow:column nowrap;
gap:1.5rem;
font-size:1.125rem;
font-weight:500;
line-height:1.5625rem;
color:var(--gray40)}

.achiev-card_endnote{
font-size:.875rem;
font-weight:400;
line-height:1.25rem;
color:var(--gray30);
letter-spacing:.02em}

.achievements_section{
background-color:var(--white)}

.achievements_container{
overflow:hidden;
display:flex;
flex-flow:column nowrap;
gap:1.75rem}

@media (width >= 1000px){
  .achievements_container{
display:grid;
grid-template-columns:repeat(2,50%);
gap:0;
align-items:center;
padding-block:5rem}
}

.achievements_title{
display:flex;
gap:.3125rem;
padding-bottom:1.75rem;
font-size:2rem;
font-weight:500;
line-height:2.1875rem;
white-space:nowrap;
border-bottom:.125rem solid var(--red)}

@media (width >= 849px){
  .achievements_title{
display:block;
margin-left:0;
padding-bottom:0;
white-space:wrap;
border-bottom:none}
}

@media (width >= 1000px){
  .achievements_title{
max-width:28.125rem;
padding-left:10.6%;
font-size:3rem;
line-height:3.625rem}
}

.achievements_achievList{
display:flex;
gap:1.5rem;
flex-wrap:wrap;
}

@media (width >= 849px){
  .achievements_achievList{
max-width:fit-content;
padding-top:1.75rem;
border-top:.125rem solid var(--red)}

}


@media (width >= 1000px){
  .achievements_achievList{
flex-direction:column;
gap:1.25rem;
padding-top:0;
padding-left:21%;
border-top:none;
border-left:.125rem solid var(--red)}
}
@media (max-width: 767px) {
.achievements_achievList{
flex-direction:column;
}
}


.achievements_achievItem{
position:relative;
flex:0 1 fit-content}

@media (width >= 1000px){
  .achievements_achievItem{
min-width:0}
}

.achievements_achievItem:first-child,.achievements_achievItem:last-child{
max-width:26.25rem}

.achievements_achievItem:nth-child(2){
max-width:30rem}

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

.achievements_achievItem:last-child>div{
padding-right:0}

.achievements_decor:not(:last-child):before{
content:"";
position:absolute;
right:0;
height:100%;
border-right:.0625rem solid rgb(87 87 87/100%)}

.achievements_bottom{
background-color:var(--black)}

.achievements_achievCardsList{
display:none}

@media (width >= 1000px){
  .achievements_achievCardsList{
display:flex}
}

.custom-link_link{
padding:0 .25rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
letter-spacing:.01em;
border-bottom:.0625rem solid var(--red);
transition:color var(--default-transition)}

@media (width >= 1000px){
  .custom-link_link{
font-size:1.125rem;
line-height:1.5625rem}
}

.custom-link_light{
color:var(--gray70)}

@media (any-hover:hover) and (pointer:fine){
  .custom-link_light:hover{
color:var(--red)}
  .custom-link_light:active{
color:var(--black)}
}

.custom-link_dark{
color:var(--white)}

@media (any-hover:hover) and (pointer:fine){
  .custom-link_dark:hover{
color:var(--red-hover)}
  .custom-link_dark:active{
color:var(--gray50)}
}

.body_wrapper{
padding:1.875rem 0}

@media (width >= 1000px){
  .body_wrapper{
padding:2.5rem 5rem 2.5rem 0}
}

.body_wrapper h2{
margin-bottom:1.5rem;
font-size:1.5rem;
font-weight:400;
line-height:1.8rem;
color:var(--black)}

@media (width >= 768px){
  .body_wrapper h2{
font-size:1.875rem;
font-weight:500;
line-height:2.25rem}
}

.body_wrapper p{
font-size:1rem;
font-weight:400;
line-height:1.6rem;
color:var(--black);
letter-spacing:.015em}

.body_wrapper p:not(:last-child){
margin-bottom:1.5rem}

.body_wrapper strong{
display:inline-block;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--black);
letter-spacing:.01em}

@media (width >= 768px){
  .body_wrapper strong{
font-size:1.125rem;
line-height:1.575rem}
}

.body_wrapper li{
font-size:1rem;
font-weight:400;
line-height:1.575rem;
color:var(--black);
letter-spacing:.015em}

@media (width >= 768px){
  .body_wrapper li{
font-size:1.125rem;
font-weight:400;
line-height:1.375rem}
}

.body_wrapper ol,.body_wrapper ul{
margin-bottom:1.5rem}

.body_wrapper ul li{
position:relative;
padding-left:1.25rem}

.body_wrapper ol li{
position:relative;
padding-left:2.0625rem}

@media (width >= 768px){
  .body_wrapper ol li{
padding-left:2.5rem}
}

.body_wrapper ol{
counter-reset:counter}

.body_wrapper li:not(:last-child){
margin-bottom:.375rem}

@media (width >= 768px){
  .body_wrapper li:not(:last-child){
margin-bottom:.6875rem}
}

.body_wrapper ul li:before{
content:"";
position:absolute;
top:.75rem;
left:0;
transform:translateY(-50%);
width:.5rem;
height:.5rem;
background-color:var(--red);
border-radius:50%}

.body_wrapper ol li:before{
content:counter(counter,decimal-leading-zero) ".";
counter-increment:counter;
position:absolute;
top:.6875rem;
left:0;
transform:translateY(-50%);
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--red)}

@media (width >= 768px){
  .body_wrapper ol li:before{
top:.75rem;
font-size:1.25rem;
line-height:1.75rem}
}

.body_wrapper blockquote{
position:relative;
max-width:18.75rem;
margin-bottom:1.5rem;
padding-left:1rem;
font-size:1rem;
font-weight:400;
line-height:1.4rem;
letter-spacing:.01em}

@media (width >= 768px){
  .body_wrapper blockquote{
max-width:27.5rem;
padding-left:1.75rem;
padding-block:1.25rem;
font-size:1.125rem;
line-height:1.575rem}
}

.body_wrapper blockquote p{
line-height:1.375rem;
color:var(--gray70)}

.body_wrapper blockquote:before{
content:"";
position:absolute;
top:0;
left:0;
width:.0625rem;
height:90%;
background-color:var(--gray30)}

.body_wrapper blockquote:after{
content:"";
position:absolute;
top:0;
right:-2.5rem;
width:2.1875rem;
height:90%;
height:1.5625rem;
background-image:url(/icons/quotes.svg)}

@media (width >= 768px){
  .body_wrapper blockquote:after{
top:1.25rem;
right:-3.125rem}
}

.page_wrapper{
display:grid}

.page_wrapper>:first-child{
order:2}

.page_wrapper>:last-child{
order:1}

@media (width >= 1000px){
  .page_wrapper{
grid-template-columns:1fr 21.25rem}
  .page_wrapper>:first-child{
order:1}
  .page_wrapper>:last-child{
order:2}
}

.page_container{
overflow:clip}

.checkbox_customCheckbox input[type=checkbox]{
position:absolute;
bottom:0;
left:.625rem;
width:.0625rem;
height:.0625rem}

.checkbox_customCheckbox{
cursor:pointer;
position:relative;
display:inline-flex;
align-items:center}

.checkbox_checkmark{
position:relative;
display:inline-block;
width:1.25rem;
height:1.25rem;
border:.0625rem solid var(--gray30);
border-radius:.25rem;
transition:background-color .3s,border-color .3s}

.checkbox_checkmark:hover{
border:.0625rem solid var(--gray40)}

.checkbox_customCheckbox input[type=checkbox]:focus+.checkbox_checkmark{
border-color:var(--black)}

.checkbox_customCheckbox input[type=checkbox]:checked+.checkbox_checkmark{
background-color:var(--black);
border-color:var(--black)}

.checkbox_checkmark:after{
content:"";
position:absolute;
top:.16875rem;
left:.4625rem;
transform:rotate(45deg);
display:none;
width:.325rem;
height:.6375rem;
border:solid var(--white);
border-width:0 .09375rem .09375rem 0}

.checkbox_customCheckbox input[type=checkbox]:checked+.checkbox_checkmark:after{
display:block}

.checkbox_customRadio input[type=radio]{
display:none}

.checkbox_customRadio{
cursor:pointer;
user-select:none;
display:inline-flex;
flex:0 0 auto;
align-items:center}

.checkbox_radioCheckmark{
display:inline-block;
font-size:1rem;
font-weight:500;
line-height:1.4375rem;
color:var(--gray70);
text-decoration:none;
transition:all var(--default-transition)}

.checkbox_customRadio input[type=radio]:checked+.checkbox_radioCheckmark{
color:var(--black);
text-decoration:underline;
text-decoration-color:var(--red);
text-underline-offset:.375rem}

@media (hover:hover){
  .checkbox_radioCheckmark:hover{
margin-bottom:.0625rem;
font-size:1.125rem;
line-height:1.5625rem}
  .checkbox_customRadio input[type=radio]:checked+.checkbox_radioCheckmark{
text-underline-offset:.4375rem}
}

.input_inputContainer{
position:relative;
z-index:0;
display:flex;
align-items:center;
width:100%;
font-size:1rem;
line-height:1.375rem;
color:var(--black);
background-color:var(--white);
outline:.0625rem solid var(--gray30);
transition:z-index var(--default-transition),background-color var(--default-transition),outline-color var(--default-transition)}

@media (width >= 768px){
  .input_inputContainer{
font-size:1.125rem;
line-height:1.5625rem}
}

.input_search{
color:var(--white);
background-color:var(--black);
outline:.0625rem solid var(--gray60)}

.input_input{
width:100%;
padding:1.5625rem 4rem .3125rem 1.25rem;
font-size:1.125rem;
font-weight:400;
line-height:1.5625rem;
color:inherit;
background-color:inherit;
border:none;
-webkit-text-fill-color:inherit}

.input_search .input_input{
padding:.75rem 4rem .75rem 1.25rem}

.input_inputLabel{
pointer-events:none;
position:absolute;
top:1.125rem;
left:1.25rem;
font-weight:500;
color:var(--gray50);
transition:all var(--default-transition)}

.input_search .input_inputLabel{
top:auto}

.input_inputContainer:has(.input_input:focus){
z-index:2;
outline-color:var(--black)}

.input_search:has(.input_input:focus){
outline-color:var(--gray40)}

.input_input:focus{
padding:1.5625rem 4rem .3125rem 1.25rem}

.input_search .input_input:focus{
padding:.75rem 4rem .75rem 1.25rem}

.input_search .input_input:focus~.input_inputLabel,.input_search .input_input:not(:placeholder-shown)~.input_inputLabel{
display:none}

.input_input:focus~.input_inputLabel.input_visible,.input_input:not(:placeholder-shown)~.input_inputLabel.input_visible{
top:.375rem;
font-size:.8125rem;
line-height:1.0625rem}

.input_rightContent{
margin:0 1.25rem}

.input_closeButton{
height:1.5rem}

@media (hover:hover){
  .input_inputContainer:hover{
z-index:1;
outline-color:var(--gray60)}
}

.industryWithIcon_industry{
position:relative}
.industryWithIcon_industry.disables{
  background-color:#cecece;
}
.industryWithIcon_industryContainer{
display:flex;
column-gap:.625rem;
align-items:center;
padding:.6875rem 1rem;
white-space:nowrap;
border-radius:3.125rem}

.industryWithIcon_regular .industryWithIcon_industryContainer{
padding:0;
border-radius:0}

.industryWithIcon_filterLight .industryWithIcon_industryContainer,.industryWithIcon_toCatalog .industryWithIcon_industryContainer{
cursor:pointer;
background-color:var(--white);
border:.0625rem solid var(--gray30)}

.industryWithIcon_toCatalog{
min-width:9.375rem}

.industryWithIcon_toCatalog .industryWithIcon_industryContainer{
justify-content:center}

.industryWithIcon_filterLight .industryWithIcon_industryContainer{
transition:all var(--default-transition)}

@media (hover:hover){
  .industryWithIcon_toCatalog:hover .industryWithIcon_button{
z-index:1;
opacity:1}
  .industryWithIcon_filterLight .industryWithIcon_industryContainer:hover{
background-color:var(--gray10);
border-color:var(--gray10)}
}

.industryWithIcon_filterDark .industryWithIcon_industryContainer{
cursor:pointer;
background-color:var(--black);
border:.0625rem solid var(--gray60);
transition:all var(--default-transition)}

.industryWithIcon_active.industryWithIcon_filterLight .industryWithIcon_industryContainer,.industryWithIcon_filterLight .industryWithIcon_industryContainer:active{
background-color:var(--black)}

.industryWithIcon_icon{
width:1.375rem;
height:1.375rem;
filter:0;
transition:all var(--default-transition)}

.industryWithIcon_filterDark .industryWithIcon_icon{
filter:brightness(0) invert(99%) sepia(6%) saturate(2%) hue-rotate(56deg) brightness(108%) contrast(100%)}

.industryWithIcon_active.industryWithIcon_filterLight .industryWithIcon_industryContainer .industryWithIcon_icon,.industryWithIcon_filterLight .industryWithIcon_industryContainer:active .industryWithIcon_icon{
filter:brightness(0) invert(100%) sepia(100%) saturate(1%) hue-rotate(312deg) brightness(107%) contrast(102%)}

.industryWithIcon_active.industryWithIcon_filterDark .industryWithIcon_industryContainer .industryWithIcon_icon,.industryWithIcon_filterDark .industryWithIcon_industryContainer:active .industryWithIcon_icon{
filter:brightness(0) invert(0) sepia(100%) saturate(0) hue-rotate(21deg) brightness(97%) contrast(103%)}

@media (hover:hover){
  .industryWithIcon_filterDark .industryWithIcon_industryContainer:hover{
background-color:var(--gray60);
border:.0625rem solid var(--gray60)}
}

.industryWithIcon_active.industryWithIcon_filterDark .industryWithIcon_industryContainer,.industryWithIcon_filterDark .industryWithIcon_industryContainer:active{
background-color:var(--white);
border:.0625rem solid var(--white)}

.industryWithIcon_text{
font-size:.875rem;
font-weight:500;
line-height:1.25rem;
color:var(--gray70);
transition:all var(--default-transition)}

.industryWithIcon_active.industryWithIcon_filterLight .industryWithIcon_industryContainer .industryWithIcon_text,.industryWithIcon_filterDark .industryWithIcon_text,.industryWithIcon_filterLight .industryWithIcon_industryContainer:active .industryWithIcon_text{
color:var(--white)}

.industryWithIcon_active.industryWithIcon_filterDark .industryWithIcon_industryContainer .industryWithIcon_text,.industryWithIcon_filterDark .industryWithIcon_industryContainer:active .industryWithIcon_text{
color:var(--black)}

.industryWithIcon_button{
position:absolute;
z-index:-1;
top:0;
width:100%;
opacity:0}

.industryWithIcon_buttonSmall{
width:100%;
height:2.8125rem;
padding:.1875rem .375rem;
font-size:1rem}

@media (width >= 768px){
  .industryWithIcon_buttonSmall{
height:3.125rem;
padding:.5rem .5625rem}
}

.industryWithIcon_circle{
position:absolute;
top:-.5rem;
right:0;
display:flex;
align-items:center;
justify-content:center;
width:1.5rem;
height:1.5rem;
font-size:.875rem;
line-height:1.225rem;
color:var(--white);
background-color:var(--black);
border-radius:50%}

.industryWithIcon_toCatalog button, .industryWithIcon_toCatalog a{
width:100%;
padding-right:.375rem;
padding-left:0}

@media (width >= 768px){
  .industryWithIcon_toCatalog button{
padding-right:.5625rem}
  .industryWithIcon_industryContainer{
padding:.6875rem 1.3125rem}
  .industryWithIcon_icon{
width:1.625rem;
height:1.625rem}
  .industryWithIcon_text{
font-size:1rem;
line-height:1.4375rem}
  .industryWithIcon_circle{
display:none}
}

.resetAll_reset{
cursor:pointer;
padding:0 .125rem .1875rem;
font-size:.875rem;
line-height:1.225rem;
color:var(--gray70);
letter-spacing:.01em;
white-space:nowrap;
border-bottom:.0625rem solid var(--red)}

@media (hover:hover){
  .resetAll_reset:hover{
color:var(--red)}
}

.resetAll_reset:active{
color:var(--black)}

@media (width >= 768px){
  .resetAll_reset{
padding:0 .25rem .0625rem;
font-size:1.125rem;
line-height:1.5625rem}
}

.filters_filters{
display:flex;
flex-direction:column;
row-gap:1rem;
width:100%;
height:100%;
background-color:var(--white)}

@media (width >= 768px){
  .filters_filters{
row-gap:1.5rem;
width:17.5rem}
}

.filters_filtersHeader{
position:fixed;
z-index:100;
top:0;
display:flex;
gap:1.875rem;
align-items:flex-end;
justify-content:flex-end;
width:100%;
padding:1rem;
background-color:var(--white);
border-bottom:.0625rem solid var(--gray20)}

.filters_right{
display:flex;
align-items:center;
justify-content:space-between;
width:62.3%}

@media (width >= 768px){
  .filters_filtersHeader{
position:relative;
justify-content:space-between;
padding:0;
border-bottom:none}
  .filters_right{
width:100%}
}

.filters_title{
font-size:1.25rem;
line-height:1.75rem}

@media (width >= 768px){
  .filters_title{
font-size:1.375rem;
line-height:1.925rem}
}

.filters_filterTitle{
display:flex;
column-gap:.625rem;
align-items:baseline;
margin-bottom:.625rem;
padding:0 1rem}

.filters_text{
font-size:1rem;
line-height:1.4rem;
letter-spacing:.01em}

@media (width >= 768px){
  .filters_filterTitle{
padding:0}
  .filters_text{
font-size:1.125rem;
line-height:1.575rem}
}

.filters_count{
font-size:.875rem;
font-weight:400;
line-height:1.225rem;
color:var(--gray70);
letter-spacing:.02em}

.filters_list{
margin:0;
padding:0;
list-style:none}

@media (width >= 768px){
  .filters_row{
display:flex;
flex-wrap:wrap}
}

.filters_button{
cursor:pointer;
user-select:none;
display:flex;
gap:.625rem;
align-items:center;
justify-content:flex-start;
padding:.625rem 1rem;
font-size:1rem;
font-weight:400;
line-height:1.4rem;
letter-spacing:.015em;
transition:background-color var(--default-transition);
-webkit-touch-callout:none}

@media (width >= 768px){
  .filters_button{
gap:0;
justify-content:space-between}
}

@media (hover:hover){
  .filters_button:hover{
background-color:var(--gray10)}
}

.filters_button:active{
background-color:var(--gray20)}

@media (width >= 768px){
  .filters_button.filters_active{
background-color:var(--gray20)}
}

.filters_close{
display:none;
margin-right:.25rem;
padding:0;
color:var(--gray70);
opacity:0;
background-color:transparent;
border:none;
transition:opacity var(--default-transition)}

.filters_closeVisible{
opacity:1}

.filters_mobile{
display:flex}

.filters_industries{
margin-top:3.75rem}

@media (width >= 768px){
  .filters_close{
display:block}
  .filters_industries,.filters_mobile{
display:none}
}

.filters_filtersFooter{
position:sticky;
bottom:0;
padding:0 1rem 1rem;
background-color:var(--white)}

@media (width >= 768px){
  .filters_filtersFooter{
display:none}
}

.industries-with-hide_container{
display:flex;
flex-wrap:wrap;
gap:.5rem 0;
align-items:center}

@media (width >= 1000px){
  .industries-with-hide_container{
gap:.625rem 0}
}

.industries-with-hide_container>div{
margin-top:.625rem}

@media (width >= 1000px){
  .industries-with-hide_container>div{
margin-top:0}
}

.industries-with-hide_button{
display:block;
padding:.0625rem .25rem;
font-size:.875rem;
font-weight:500;
line-height:1.25rem;
color:var(--gray70);
border-bottom:.0625rem solid var(--red)}

@media (width >= 1000px){
  .industries-with-hide_button{
display:none}
}

.industries-with-hide_industryWrapper{
display:inline-flex}

.industries-with-hide_industryWrapper:not(:last-child){
margin-right:.5rem}

@media (width >= 1000px){
  .industries-with-hide_industryWrapper:not(:last-child){
margin-right:.625rem}
}

.industries-with-hide_hidden{
display:none}

@media (width >= 1000px){
  .industries-with-hide_hidden{
display:inline-flex}
  .industries-with-hide_button.industries-with-hide_hidden{
display:none}
}

.industries-with-hide_dark{
color:var(--white)}

.products_products-2{
overflow:hidden;
background-color:var(--black)}

.products_industries{
display:flex;
flex-wrap:wrap;
gap:.625rem;
padding-block:0 2.125rem}

@media (width >= 768px){
  .products_industries{
padding-block:1.25rem 2.125rem}
}

.products_head{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
margin-bottom:1.5rem;
color:var(--white)}

@media (width >= 768px){
  .products_head{
gap:1rem;
margin-bottom:2rem}
}

.products_info_{
width:100%;
max-width:51.875rem}

.products_title{
margin-bottom:.875rem}

.products_text{
font-size:1rem;
font-weight:500;
line-height:1.4rem}

@media (width >= 768px){
  .products_text{
font-size:1.25rem;
line-height:1.75rem}
}

.products_slider{
padding-bottom:1.875rem}

@media (width >= 768px){
  .products_slider{
padding-bottom:3.75rem}
}

.products_cards{
display:flex;
column-gap:1rem}

.products_card{
flex:0 0 12.75rem}

@media (width >= 768px){
  .products_cards{
column-gap:2rem}
  .products_card{
flex:0 0 18.125rem}
}

.receipts_textWrapper{
background-color:var(--black)}

.receipts_container{
padding-block:0 1.875rem}

@media (width >= 1000px){
  .receipts_container{
padding-block:1.25rem 2.5rem}
}

.receipts_text_{
max-width:51.625rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--white)}

@media (width >= 1000px){
  .receipts_text_{
font-size:1.25rem;
line-height:1.75rem}
}

.receipts_industries{
padding-block:1.875rem 1.125rem}

@media (width >= 1000px){
  .receipts_industries{
padding-block:3.125rem 0}
}

.receipts_cards{
display:grid;
grid-template-columns:repeat(1,1fr);
gap:.9375rem;
padding-block:1rem}

@media (width >= 768px){
  .receipts_cards{
grid-template-columns:repeat(2,1fr)}
}

@media (width >= 1000px){
  .receipts_cards{
grid-template-columns:repeat(3,1fr);
gap:1.875rem;
padding-block:3.75rem}
}

.line-decor_wrapper{
position:absolute;
left:50%;
transform:translateX(-50%);
width:10000%;
height:.0625rem;
background-color:var(--gray30)}

.line-decor_top{
top:0}

.line-decor_bottom{
bottom:0}

.mainProductCard_product{
cursor:pointer;
user-select:none;
scroll-snap-align:center;
position:relative;
display:flex;
flex-direction:column;
row-gap:1.875rem;
width:17rem;
min-width:17rem;
padding:1.875rem 1.25rem;
border:.00625rem solid #d9d9d9;
transition:box-shadow .3s,border-color .3s}

.mainProductCard_product:first-child{
border-left:none}

.mainProductCard_product:last-child{
border-right:none}

@media (any-hover:hover){
  .mainProductCard_product:hover{
border-color:transparent;
box-shadow:0 1.25rem 2.5rem 0 #0000000d}
}

.mainProductCard_productTitle{
font-size:1rem;
font-weight:500;
line-height:140%}

@media (width >= 1000px){
  .mainProductCard_productTitle{
font-size:1.25rem}
}

/* === MAIN PRODUCT CARD TITLE HOVER === */
.mainProductCard_productTitle{
background:linear-gradient(to right,var(--red) 50%,var(--black) 50%);
background-size:200% 100%;
background-position:100% 0;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
transition:background-position .5s ease}

.mainProductCard_product:hover .mainProductCard_productTitle{
background-position:0 0}

.mainProductCard_productDescription{
margin-top:-1.4375rem;
font-size:1rem;
font-weight:400;
line-height:1.375rem;
color:var(--gray70);
letter-spacing:.02em}

.mainProductCard_label{
position:absolute;
top:1rem;
left:1rem;
padding:.25rem .75rem;
font-size:.875rem;
font-weight:500;
line-height:1.25rem;
background-color:var(--green);
border-radius:.375rem}

.mainProductCard_productImage{
width:10rem;
height:10rem;
margin:0 auto}

.mainProductCard_circle .mainProductCard_productImage{
border-radius:50%;
transition:all var(--default-transition)}

.mainProductCard_square .mainProductCard_productImage{
width:100%}

@media (hover:hover){
  .mainProductCard_product.mainProductCard_circle:hover .mainProductCard_productImage{
box-shadow:.72938rem .875rem 2.41125rem 0 #3429293d}
}

@media (width >= 768px){
  .mainProductCard_product{
gap:2.125rem;
width:18rem;
min-width:18rem;
padding:3.125rem 2.5rem 1.875rem}
  .mainProductCard_productDescription{
margin-top:-1.375rem;
font-size:.875rem;
line-height:1.25rem}
  .mainProductCard_productImage{
width:8.75rem;
height:8.75rem}
  .mainProductCard_label{
top:.625rem;
left:.625rem}
}

@media (width >= 1400px){
  .mainProductCard_product{
width:16.75rem;
min-width:16.75rem}
}

.products_wrapper{
overflow:hidden;
padding-block:3.75rem}

@media (width >= 1000px){
  .products_wrapper{
margin-bottom:-2.5rem;
padding-block:0 2.5rem}
}

.products_products{
display:flex;
flex-direction:column;
row-gap:1.5rem;
background-color:var(--white)}

.products_productsCategory{
width:100%;
padding-top:1.5rem;
text-align:start}

@media (width >= 1000px){
  .products_productsCategory{
padding-top:1.875rem}
}

.products_container{
display:flex;
flex-direction:column}

.products_productsInner{
position:relative;
margin-bottom:1.5rem}

@media (width >= 1000px){
  .products_productsInner{
margin-bottom:0}
}

.products_industries-2{
display:flex;
flex-wrap:wrap;
gap:.625rem}

.products_title-2{
margin-bottom:1rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--gray50)}

@media (width >= 1000px){
  .products_title-2{
margin-bottom:0}
}

.products_productsContainer{
position:relative;
overflow:hidden;
display:flex;
min-width:100%;
margin-bottom:-2.5rem;
padding-bottom:2.5rem;
-ms-overflow-style:none}

.products_productsContainer::-webkit-scrollbar{
display:none}

.products_productsWrapper{
display:flex;
flex-grow:1;
flex-shrink:0;
justify-content:center}

.products_productsWrapper div:not(:last-child){
border-right:.0625rem solid var(--gray30)}

.products_button_{
margin:0 1rem;
font-size:1.125rem}

@media (width >= 1000px){
  .products_products{
gap:1.875rem;
padding-top:3.75rem}
  .products_container{
row-gap:1.25rem}
  .products_button_{
display:none}
}

.sidebar_wrapper{
position:relative;
padding:1.5625rem 0 1.25rem}

@media (width >= 992px){
  .sidebar_wrapper{
padding:2.1875rem 0 2.1875rem 2.5rem;
border-left:.0625rem solid var(--gray30)}
  .sidebar_inner{
position:sticky;
top:10.625rem}
}

.sidebar_listContent{
margin-bottom:1.5rem}

@media (width >= 768px){
  .sidebar_listContent{
margin-bottom:2.5rem}
}

.sidebar_title{
margin-bottom:1rem;
font-size:1.25rem;
font-weight:500;
line-height:1.75rem}

@media (width >= 768px){
  .sidebar_title{
margin-bottom:1.5rem;
font-size:1.375rem;
line-height:1.925rem}
}

.sidebar_itemContent{
position:relative;
max-width:fit-content;
margin-bottom:.5rem;
font-size:1rem;
font-weight:500;
line-height:1.575rem;
color:var(--gray70);
letter-spacing:.01em}

@media (width >= 768px){
  .sidebar_itemContent{
margin-bottom:1.25rem;
font-size:1.125rem}
}

.sidebar_itemContent:before{
content:"";
position:absolute;
bottom:0;
width:100%;
border-bottom:.0625rem solid var(--red)}

.sidebar_itemProduct{
margin-bottom:1.125rem}

.progress-bar_wrapper{
position:sticky;
z-index:3;
top:8.25rem;
overflow:hidden;
max-width:100%;
height:.25rem;
background-color:var(--black)}

@media (width >= 1000px){
  .progress-bar_wrapper{
top:8.75rem}
}

.solve-trouble_container{
overflow:hidden}

@media (width >= 768px){
  .solve-trouble_container{
display:grid;
grid-template-columns:minmax(1rem,1fr) minmax(0,calc(84.5rem / 2)) minmax(0,calc(84.5rem / 2)) minmax(0,1fr);
max-width:none!important;
margin-inline:0!important;
padding-inline:0!important}
  .solve-trouble_steps{
display:grid;
grid-column:2;
grid-template-rows:1fr 1fr 1fr;
flex:1 1 45rem}
}

.solve-trouble_step{
position:relative;
display:flex;
padding:1.875rem 2rem 1.625rem 0}

@media (width >= 1000px){
  .solve-trouble_step{
align-items:center;
min-height:13.1875rem;
padding:1.25rem 1.875rem 1.25rem 0}
}

.solve-trouble_label{
margin-bottom:.375rem;
padding-left:3.4375rem;
font-size:1rem;
font-weight:400;
line-height:1.4rem;
color:var(--gray50);
letter-spacing:.015em}

@media (width >= 768px){
  .solve-trouble_label{
margin-bottom:.5rem;
padding-left:3.75rem}
}

.solve-trouble_titleContainer{
display:flex;
gap:.625rem}

@media (width >= 768px){
  .solve-trouble_titleContainer{
gap:.9375rem}
}

.solve-trouble_count{
display:flex;
justify-content:center;
width:2.6875rem;
font-size:1.5rem;
font-weight:400;
line-height:1.75rem;
color:var(--red)}

@media (width >= 768px){
  .solve-trouble_count{
font-size:1.875rem;
line-height:2.25rem}
}

.solve-trouble_title{
margin-bottom:.75rem;
font-size:1.5rem;
font-weight:400;
line-height:1.75rem;
color:var(--red)}

@media (width >= 768px){
  .solve-trouble_title{
font-size:1.875rem;
line-height:2.25rem;
letter-spacing:.03em}
}

.solve-trouble_text{
max-width:35.625rem;
padding-left:3.4375rem;
font-size:1rem;
font-weight:400;
line-height:1.4rem;
color:var(--black);
letter-spacing:.02em}

@media (width >= 768px){
  .solve-trouble_text{
padding-left:3.75rem;
letter-spacing:.015em}
}

.solve-trouble_image_{
display:none}

@media (width >= 768px){
  .solve-trouble_image_{
position:relative;
display:block;
grid-column:3/span 4;
flex:1 1 45rem;
min-height:100%}
}

.solve-trouble_image_ img{
object-fit:cover}

.video_container{
overflow:hidden;
padding-inline:0}

@media (width >= 768px){
  .video_container{
position:relative}
}

@media (width >= 1000px){
  .video_container{
padding-block:3.75rem}
}

.video_container iframe{
width:100%;
height:12.8125rem;
background-color:var(--gray30)}

@media (width >= 768px){
  .video_container iframe{
height:42.5rem}
}

.video_button{
width:calc(100% - 2rem);
margin:1.875rem 1rem;
font-size:1.125rem}

@media (width >= 768px){
  .video_button.video_hide{
display:none}
  .video_button{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-90%);
width:auto}
}

.cooking_wrapper{
overflow:hidden}

.cooking_container{
position:relative}

.cooking_list,.cooking_title{
width:100%}

.cooking_list{
position:sticky;
top:0;
overflow:hidden}

.cooking_title{
padding-block:1.875rem .3125rem;
font-size:1.5rem;
font-weight:400;
line-height:1.8rem}

@media (width >= 768px){
  .cooking_title{
padding-block:2.5rem;
font-size:1.875rem;
font-weight:500;
line-height:2.25rem}
}

.cooking_listWrapper{
position:relative}

.cooking_item{
cursor:pointer;
position:relative;
display:flex;
flex-wrap:wrap;
gap:1rem;
padding-bottom:0;
transition:padding-bottom 1s ease}

.cooking_item.cooking_isNotBeforeActive{
padding-bottom:1rem}

@media (width >= 768px){
  .cooking_item{
display:grid;
grid-template-columns:9.375rem auto;
gap:0}
  .cooking_item.cooking_isNotBeforeActive{
padding-bottom:2rem}
}

.cooking_body,.cooking_info{
padding-top:1rem}

.cooking_body{
position:relative;
display:flex;
flex-wrap:wrap;
gap:1rem;
justify-content:space-between;
width:100%}

@media (width >= 768px){
  .cooking_body,.cooking_info{
padding-top:2rem}
}

.cooking_item:not(:first-child) .cooking_body:before{
content:"";
position:absolute;
top:0;
left:-50%;
width:10000%;
border-top:.0625rem solid var(--gray30)}

@media (width >= 768px){
  .cooking_item:not(:first-child) .cooking_body:before{
left:0}
}

.cooking_info{
display:flex;
gap:1rem;
align-items:center;
width:100%;
max-width:7.5rem}

@media (width >= 768px){
  .cooking_info{
display:block}
}

.cooking_count{
font-size:1.375rem;
font-weight:500;
line-height:1.9375rem;
color:var(--red-active);
letter-spacing:-.011em;
white-space:nowrap}

@media (width >= 768px){
  .cooking_count{
margin-bottom:.625rem;
font-size:1.5rem;
line-height:2.25rem}
}

.cooking_percent{
max-width:fit-content;
padding:.25rem .75rem;
font-size:.875rem;
font-weight:400;
line-height:1.1875rem;
color:var(--black);
letter-spacing:.015em;
visibility:hidden;
background-color:var(--gray10);
border-radius:.375rem}

.cooking_visible{
visibility:visible}

@media (width >= 768px){
  .cooking_percent{
padding:.3125rem 1rem;
font-size:1rem;
line-height:1.4rem}
}

.cooking_percent.cooking_active{
background-color:var(--green)}

@media (width >= 1000px){
  .cooking_body{
display:grid;
grid-template-columns:56% auto;
gap:1.25rem;
justify-content:flex-start;
transition:max-height 1s ease}
}

.cooking_item.cooking_isNotBeforeActive .cooking_body{
max-height:var(--spoiler-content-height)}

.cooking_item:not(.cooking_isNotBeforeActive) .cooking_body{
height:5rem;
max-height:5rem}

.cooking_text{
width:100%;
max-width:37.5rem;
font-size:1rem;
font-weight:400;
line-height:1.4rem;
color:var(--black);
letter-spacing:.02em}

@media (width >= 768px){
  .cooking_text{
letter-spacing:.015em}
}

.cooking_body.cooking_collapsed .cooking_text,.cooking_ingredientsItem.cooking_firstItem{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}

.cooking_ingredientsItem.cooking_firstItem{
display:inline-block;
max-width:100%}

.cooking_ingredientsList p{
font-size:1rem;
font-weight:400;
line-height:1.4rem;
color:var(--gray50);
letter-spacing:.02em}

.cooking_inactive *,.cooking_inactive li,.cooking_inactive p,.cooking_ingredientsList.cooking_inactive p{
color:var(--gray50)}

.cooking_ingredientsList.cooking_active p{
color:var(--black)}

.cooking_ingredientsList.cooking_inactive p:not(:first-child){
visibility:hidden}

.cooking_ingredientsList{
display:flex;
flex-direction:column;
gap:.4375rem}

@media (width >= 768px){
  .cooking_ingredientsList{
gap:.75rem}
  .cooking_ingredientsList p{
letter-spacing:.015em}
}

.cooking_scrollContainer{
overflow:hidden}

.ingredients_wrapper{
display:flex;
flex-direction:column;
gap:1.5rem;
padding:1.875rem 1rem;
border-top:.0625rem solid var(--gray30);
border-bottom:.0625rem solid var(--gray30)}

@media (width >= 1000px){
  .ingredients_wrapper{
height:100%;
padding:2.125rem 2.5rem}
}

.ingredients_title{
margin-bottom:1.5rem;
font-size:1.5rem;
font-weight:400;
line-height:1.8125rem}

@media (width >= 1000px){
  .ingredients_title{
font-size:1.875rem;
font-weight:500;
line-height:2.25rem}
}

.ingredients_list{
display:grid;
gap:1rem}

.ingredients_item{
display:flex;
flex-flow:row wrap;
gap:.5rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem}

.ingredients_itemName{
overflow:hidden;
max-width:80%;
font-weight:400;
text-overflow:ellipsis;
letter-spacing:.02em;
white-space:nowrap}

@media (width >= 1000px){
  .ingredients_itemName{
letter-spacing:.015em}
}

.ingredients_itemUnderline{
flex-grow:1;
margin-bottom:.375rem;
border-bottom:.0625rem dashed var(--gray30)}

.ingredients_itemValue{
flex:0 0 fit-content;
color:var(--gray70)}

.ingredients_subTitle{
margin-bottom:1rem;
font-size:1.25rem;
font-weight:500;
line-height:1.75rem}

@media (width >= 1000px){
  .ingredients_subTitle{
font-size:1.375rem;
line-height:1.9375rem}
}

.technologists-nav_wrapper{
position:sticky;
z-index:3;
top:4rem;
overflow:auto;
width:100%;
padding-block:1.25rem 1.5rem;
background-color:var(--black);
-ms-overflow-style:none}

.technologists-nav_wrapper::-webkit-scrollbar{
display:none}

@media (width >= 1000px){
  .technologists-nav_wrapper{
top:4.5rem;
padding-block:1rem}
}

.technologists-nav_list{
display:flex;
width:100%;
margin-inline:auto}

.technologists-nav_list::-webkit-scrollbar{
opacity:0}

.technologists-nav_item{
flex:0 0 auto;
max-width:max-content;
padding:.75rem 1rem;
font-size:1rem;
font-weight:500;
line-height:1.4rem;
color:#a6a6a6;
text-wrap:nowrap}

@media (width >= 768px){
  .technologists-nav_item{
padding:.75rem 1.5rem}
}

.technologists-nav_item.technologists-nav_active{
color:var(--gray10);
background-color:rgb(51 51 51/100%)}

.BreadCrumbs_wrapper{
position:sticky;
z-index:2;
top:4rem;
background-color:var(--black)}

.BreadCrumbs_list{
overflow-x:auto;
display:flex;
flex-wrap:nowrap;
align-items:center;
margin-inline:-1rem;
padding-right:1rem;
padding-block:1.5rem;
padding-inline:1rem;
font-size:.875rem;
font-weight:400;
line-height:1.25rem;
-ms-overflow-style:none}

.BreadCrumbs_list::-webkit-scrollbar{
display:none}

@media (width >= 768px){
  .BreadCrumbs_list{
padding-block:1.5rem;
letter-spacing:.02em}
}

.BreadCrumbs_item{
display:flex;
align-items:center;
max-width:fit-content;
white-space:nowrap}

.BreadCrumbs_itemProp:first-letter{
text-transform:capitalize}

.BreadCrumbs_link{
overflow:hidden;
display:flex;
align-items:center;
font-weight:400;
color:var(--gray50)}

.BreadCrumbs_link:last-child{
color:var(--white)}

.BreadCrumbs_divider{
display:flex;
align-items:center;
padding:0 .6875rem;
color:var(--gray50)}

@media (width >= 1000px){
  .BreadCrumbs_wrapper{
top:4.5rem}
}

.product-details_head{
display:flex;
flex-wrap:wrap;
border-bottom:.0625rem solid var(--gray30)}

@media (width >= 480px){
  .product-details_head>*{
flex:1 1 50%}
}

@media (width >= 1024px){
  .product-details_head{
flex-wrap:nowrap}
}

.product-characteristics_wrapper{
width:100%;
padding:1.875rem 1rem}

@media (width >= 1000px) and (width < 1024px){
  .product-characteristics_wrapper{
padding:2.5rem 3.75rem 3.75rem}
}

@media (width >= 1024px){
  .product-characteristics_wrapper{
padding:2.5rem 3.75rem 3.75rem 2.5rem}
}

.product-characteristics_info{
display:flex;
flex-direction:column;
margin-bottom:1.5rem}

@media (width >= 768px){
  .product-characteristics_info{
margin-bottom:2.1875rem}
}

.product-characteristics_categories{
display:flex;
flex-wrap:wrap;
gap:1rem;
order:2;
margin-bottom:1rem}

@media (width >= 768px){
  .product-characteristics_categories{
order:1;
margin-bottom:1.25rem}
}

.product-characteristics_title{
order:1;
margin-bottom:1rem;
font-size:2rem;
font-weight:500;
line-height:2.2rem;
color:var(--black)}

@media (width >= 820px){
  .product-characteristics_title{
order:2;
margin-bottom:1.25rem;
font-size:2.625rem;
line-height:3.15rem}
}

.product-characteristics_id{
cursor:pointer;
position:relative;
display:flex;
flex-wrap:nowrap;
gap:.5rem;
align-items:center;
align-self:flex-start;
order:3}

.product-characteristics_id:before{
pointer-events:none;
content:url(/images/tooltip.svg);
user-select:none;
position:absolute;
right:-.875rem;
bottom:-50%;
transform:translateY(2.3em);
display:none;
width:8.9375rem;
height:2.375rem;
opacity:0}

@media (any-hover:hover) and (pointer:fine){
  .product-characteristics_id:hover:before{
display:block;
animation:product-characteristics_tooltips-vert .3s ease-out forwards}
}

@keyframes product-characteristics_tooltips-vert{
to{
transform:translateY(1.8em);
opacity:.9}
}

.product-characteristics_filters{
display:grid;
gap:1rem}

@media (width >= 768px){
  .product-characteristics_filters{
gap:2.25rem}
}

.product-characteristics_filter{
display:grid;
gap:.9375rem}

.product-characteristics_filterValues{
display:flex;
flex-wrap:wrap;
max-width:fit-content}

.product-characteristics_filterValue{
padding:.75rem 1rem;
font-size:.875rem;
font-weight:400;
line-height:1.225rem;
color:var(--gray70);
letter-spacing:.02em;
border:.03125rem solid var(--gray20)}

.product-characteristics_filterValue.product-characteristics_active{
cursor:auto;
color:var(--black);
background-color:var(--gray20)}

.product-slider_wrapper{
position:relative;
overflow:hidden;
display:flex;
flex-direction:column}

@media (width >= 1024px){
  .product-slider_wrapper{
width:100%}
}

.product-slider_slider{
display:flex;
height:100%}

.product-slider_slide{
flex:0 0 100%}

@media (width >= 1440px){
  .product-slider_slide{
flex:0 0 auto;
width:100%}
}

.product-slider_slide img{
aspect-ratio:1440/1260;
width:100%;
height:100%;
max-height:30rem;
object-fit:contain;
object-position:top}

@media (width >= 768px){
  .product-slider_slide img{
max-height:100%}
}

.product-slider_controls{
position:absolute;
z-index:1;
top:0;
display:flex;
aspect-ratio:1440/1260;
width:100%}

.product-slider_button{
display:flex;
align-items:center;
height:100%;
margin-right:0;
margin-left:auto;
padding-inline:1rem}

.product-slider_buttonField{
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
padding:.3125rem;
color:var(--white);
background-color:var(--red);
border:.0625rem solid var(--gray40);
border-color:var(--red);
border-radius:3.125rem;
transition:background-color var(--default-transition),border-color var(--default-transition),color var(--default-transition)}

@media (width >= 768px){
  .product-slider_button{
padding-inline:2.03125rem}
  .product-slider_buttonField{
padding:.625rem;
color:var(--gray70);
background-color:transparent;
border-color:transparent}
}

.product-slider_rotate{
rotate:180deg;
margin-right:auto;
margin-left:0}

@media (any-hover:hover) and (pointer:fine){
  .product-slider_button:hover .product-slider_buttonField{
color:var(--white);
background-color:var(--red);
border-color:var(--red)}
}

.product-slider_counter{
max-width:fit-content;
margin-left:auto;
padding:.25rem .8125rem;
font-size:.875rem;
font-weight:400;
line-height:1.4rem;
color:var(--gray30);
background-color:var(--black)}

@media (width >= 768px){
  .product-slider_counter{
padding:.5rem 1.53125rem;
font-size:1rem}
}

.label_label{
padding:.1875rem .75rem;
font-size:.875rem;
font-weight:400;
line-height:1.225rem;
white-space:nowrap;
border-radius:.375rem}

.label_green{
background-color:var(--green)}

.label_gray{
background-color:var(--gray10)}

.label_big{
padding:.3125rem 1rem;
font-size:1rem;
line-height:1.375rem;
letter-spacing:.02em}

.nametags_nametags{
display:flex;
flex-wrap:wrap;
gap:.625rem;
margin-top:1rem}

.nametags_nametag{
letter-spacing:0}

.quality_section{
margin-top:-.125rem}

@media (width >= 1200px){
  .quality_section{
overflow:visible;
height:auto}
}

.quality_container{
padding-block:1.875rem}

.quality_sectionContent{
overflow-x:hidden;
display:flex;
display:contents;
flex-direction:column}

.quality_sectionHeader{
position:sticky;
top:4rem;
color:var(--white);
background-color:var(--black)}

.quality_sectionHeader p{
margin-top:.875rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
letter-spacing:.01em}

@media (width >= 1200px){
  .quality_sectionHeader{
top:0}
  .quality_container{
padding-block:3.75rem}
  .quality_sectionHeader p{
font-size:1.125rem;
line-height:1.5625rem}
}

.quality_content_{
position:relative;
display:flex;
flex-direction:column;
padding-inline:0;
background-color:var(--white)}

@media (width >= 1200px){
  .quality_content_{
position:relative;
flex-direction:row;
height:auto;
padding-inline:1rem}
}

.quality_tabs{
position:sticky;
top:4.5rem;
overflow:visible;
background-color:var(--white);
align-self:flex-start;
z-index:10}

.quality_tabs.quality_visible{
z-index:100;
top:4rem}

.quality_tabsContainer{
display:flex;
column-gap:1.25rem;
padding:1.5rem 0}

.quality_tab{
cursor:pointer;
display:flex;
column-gap:1rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--gray50);
white-space:nowrap}

.quality_tab.quality_active{
color:var(--black)}

.quality_border{
display:none}

.quality_tab:first-child .quality_border{
display:block;
border-left:.125rem solid var(--red)}

.quality_tab:first-child{
margin-left:1rem}

.quality_tab:last-child{
margin-right:1rem}

.quality_rightContent{
position:relative}

@media (width >= 1000px){
  .quality_tabs{
z-index:100}
  .quality_tabs.quality_visible{
top:0}
}

@media (width >= 1200px){
  .quality_tabs{
position:relative;
overflow:visible;
flex-shrink:0;
width:30%;
padding:2.5rem 3.75rem 2.5rem 0}
  .quality_tabsContainer{
flex-direction:column;
row-gap:1rem;
padding:0 0 0 1rem;
border-left:.125rem solid var(--red)}
  .quality_tab{
white-space:wrap}
  .quality_tab:first-child,.quality_tab:last-child{
margin:0}
  .quality_tab:first-child .quality_border{
display:none}
  .quality_rightContent{
overflow-y:auto;
width:calc(70% + 1rem);
margin-right:-100%;
border-left:.0625rem solid var(--gray30);
-ms-overflow-style:none}
  .quality_rightContent::-webkit-scrollbar{
display:none}
}

.quality_slides{
overflow:hidden;
display:flex;
width:100%;
-ms-overflow-style:none}

.quality_slides::-webkit-scrollbar{
display:none}

.quality_slidesWrapper{
display:flex;
flex-grow:1;
flex-shrink:0;
width:100%;
padding-bottom:1.25rem}

.quality_slidesWrapper h2{
padding:.9375rem 0}

.quality_slidesWrapper table{
table-layout:fixed}

.quality_slidesWrapper td,.quality_slidesWrapper th{
padding:.9375rem}

.quality_slidesWrapper img{
width:100%}

.quality_slidesWrapper blockquote p{
padding:1.25rem 0;
line-height:3.125rem}

.quality_slidesWrapper blockquote img{
width:80%;
margin:0 auto}

.quality_slidesWrapper ol,.quality_slidesWrapper ul{
list-style:initial}

.quality_slidesWrapper ul{
list-style-type:disc}

.quality_slidesWrapper ol{
padding-left:1.875rem;
list-style-type:decimal}

.quality_slidesWrapper blockquote span{
padding:.625rem;
list-style-type:decimal;
border-radius:.3125rem}

.quality_card{
user-select:none;
flex-grow:1;
flex-shrink:0;
width:18.5625rem;
height:25.9375rem;
border-bottom:.0625rem solid var(--gray30)}

.quality_card img{
width:100%;
height:15.0625rem;
object-fit:cover}

.quality_cardContent{
display:flex;
flex-direction:column;
height:10.8125rem;
padding:1rem;
border-right:.0625rem solid var(--gray30)}

.quality_card:last-child .quality_cardContent{
border-right:none}

.quality_title{
font-size:1rem;
font-weight:500;
line-height:1.375rem}

.quality_description,.quality_refinementDescription{
margin-top:.625rem;
font-size:1rem;
font-weight:400;
line-height:1.375rem;
color:var(--gray70);
letter-spacing:.01em}

@media (width >= 1200px){
  .quality_rightContent{
overflow-y:hidden}
  .quality_slidesWrapper{
flex-shrink:1}
  .quality_card{
width:calc(100% / 3);
height:auto;
min-height:27.8125rem}
  .quality_card img{
width:100%;
height:15.0625rem}
  .quality_cardContent{
height:auto;
min-height:12.75rem;
padding:1.5rem}
  .quality_title{
font-size:1.25rem;
line-height:1.75rem}
  .quality_description{
margin-top:.75rem}
}

.quality_certification{
display:flex;
flex-direction:column;
row-gap:1.5rem;
padding:1.875rem 1rem}

@media (width >= 1200px){
  .quality_certification{
row-gap:.75rem;
padding:1.5rem}
}

.quality_certificates{
display:flex;
flex-direction:column;
row-gap:1rem}

@media (width >= 1200px){
  .quality_certificates{
flex-direction:row;
column-gap:1.5rem;
margin-top:.625rem}
}

.quality_certificateContainer{
display:flex;
column-gap:.5rem;
align-items:flex-start}

.quality_certificate{
cursor:pointer;
width:fit-content;
padding-bottom:.0625rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--gray70);
letter-spacing:.01em;
border-bottom:.0625rem solid var(--red)}

@media (hover:hover){
  .quality_certificate:hover{
color:var(--red)}
}

.quality_certificate:active{
color:var(--black)}

@media (width >= 1200px){
  .quality_certificate{
font-size:1.125rem;
line-height:1.5625rem}
}

.quality_refinementTexts{
display:flex;
flex-direction:column;
padding:1.875rem 1rem;
background-color:var(--gray10)}

.quality_nametags{
display:flex;
flex-direction:column;
row-gap:.875rem;
align-items:flex-start;
margin-bottom:1.25rem}

@media (width >= 1200px){
  .quality_nametags{
flex-direction:row;
column-gap:.625rem;
order:1;
margin-top:1.25rem;
margin-bottom:0}
}

.quality_nametag{
letter-spacing:0}

@media (width >= 1200px){
  .quality_refinementCards{
display:flex;
flex-direction:column}
}

.quality_refinementTitle{
font-size:1.5rem;
line-height:1.75rem}

.quality_refinementDescription{
margin-top:1rem}

.quality_block{
padding:1.875rem 1rem;
background-color:var(--gray10)}

@media (width >= 1200px){
  .quality_block{
border-bottom:.0625rem solid var(--gray30)}
}

.quality_laboratories{
display:flex;
flex-direction:column}

@media (width >= 1200px){
  .quality_laboratoryContainer{
position:relative;
display:flex;
flex-direction:row}
}

.quality_laboratory{
padding:1.875rem 1rem}

.quality_image{
width:100%;
height:auto;
object-fit:cover}

.quality_description br{
display:none}

.quality_laboratoryImage{
display:flex}

@media (width >= 1200px){
  .quality_laboratory{
width:50%;
padding:1.8125rem;
border-bottom:.0625rem solid var(--gray30)}
  .quality_laboratoryImage{
position:absolute;
top:0;
right:0;
width:50%;
height:100%}
  .quality_description br{
display:block}
}

.quality_licenseContainer{
display:flex;
column-gap:.25rem;
align-items:flex-start;
margin-top:.75rem}

@media (width >= 1200px){
  .quality_licenseContainer{
align-items:center}
}

.quality_modalContent{
overflow-y:auto;
width:100%;
height:100dvh}

.quality_modalImagesContainer{
display:flex;
flex-direction:column;
gap:1.25rem;
justify-content:center;
width:100%;
height:auto;
height:100%}

.quality_modalImagesContainer img{
width:100%;
height:auto}

@media (width >= 1200px){
  .quality_modalContent{
width:auto;
height:auto}
  .quality_modalImagesContainer{
flex-direction:row;
height:80dvh}
  .quality_modalImagesContainer img{
width:auto;
height:100%}
}

.quality_preformattedText{
white-space:pre-line}

.refinementCard_card{
user-select:none;
flex-grow:1;
width:21.875rem;
height:28.0625rem}

.refinementCard_card img{
width:100%;
height:14.6875rem;
object-fit:cover}

.refinementCard_cardContent{
display:flex;
flex-direction:column;
height:13.375rem;
padding:1.5rem 1rem;
border-right:.0625rem solid var(--gray30);
border-bottom:.0625rem solid var(--gray30)}

.refinementCard_card:last-child .refinementCard_cardContent{
border-right:none}

.refinementCard_title{
font-size:1rem;
font-weight:500;
line-height:1.375rem}

.refinementCard_description{
margin-top:.4375rem;
font-size:1rem;
font-weight:400;
line-height:1.375rem;
color:var(--gray70);
letter-spacing:.015em}

@media (width >= 1200px){
  .refinementCard_card{
position:relative;
display:flex;
flex-direction:row;
width:100%;
height:fit-content}
  .refinementCard_cardImage{
position:absolute;
top:0;
right:0;
display:flex;
width:50%;
height:100%}
  .refinementCard_card img{
width:100%;
height:auto}
  .refinementCard_cardContent{
width:50%;
height:fit-content;
padding:1.875rem}
  .refinementCard_title{
font-size:1.25rem;
line-height:1.75rem}
  .refinementCard_description{
margin-top:.75rem}
}

@keyframes verification_draw{
0%{
stroke-dashoffset:100}
to{
stroke-dashoffset:0}
}

@keyframes verification_change-color{
0%{
stroke:transparent}
to{
stroke:var(--red)}
}

@keyframes verification_change-fill{
0%{
fill:transparent}
to{
fill:var(--red)}
}

@keyframes verification_change-check{
0%{
stroke:transparent}
to{
stroke:var(--white)}
}

@keyframes verification_reveal{
0%{
width:0}
to{
width:4rem}
}

.verification_maskRect{
animation:verification_reveal 2s linear forwards}

@keyframes verification_mask-reveal{
0%{
width:0}
to{
width:100%}
}

.verification_svg{
display:none}

@media (width >= 1200px){
  .verification_svg{
display:block}
}

.verification_maskAnimation_{
animation:verification_mask-reveal 5s linear forwards}

.verification_line{
stroke-dasharray:100;
stroke-dashoffset:100;
animation:verification_draw 5s linear 2s forwards}

.verification_icon1{
animation:verification_change-color .3s linear .3s forwards}

.verification_icon2{
animation:verification_change-fill .3s linear 1.3s forwards}

.verification_icon3_{
animation:verification_change-color .3s linear 1.3s forwards}

.verification_icon4{
animation:verification_change-fill .3s linear 2.5s forwards}

.verification_icon5{
animation:verification_change-color .3s linear 2.5s forwards}

.verification_icon6{
animation:verification_change-fill .3s linear 3.7s forwards}

.verification_icon7{
animation:verification_change-color .3s linear 3.7s forwards}

.verification_icon8{
animation:verification_change-check .3s linear 4.5s forwards}

.verification_container,.verification_verification{
display:flex;
flex-direction:column}

.verification_container{
height:calc(100dvh - 4rem - 4.375rem)}

.verification_title{
padding:1.875rem;
font-size:1.5rem;
font-weight:400;
line-height:1.8125rem;
background-color:var(--gray10)}

@media (width >= 1200px){
  .verification_container{
height:auto}
  .verification_title{
font-size:1.875rem;
line-height:2.25rem;
letter-spacing:.03em;
border-block:.0625rem solid var(--gray30)}
}

.verification_image{
overflow:hidden;
display:flex;
flex-grow:1;
align-items:center;
width:100%;
padding:0 1rem;
-ms-overflow-style:none}

@media (width >= 1200px){
  .verification_image{
justify-content:center;
height:25rem;
padding:0}
}

.verification_image::-webkit-scrollbar{
display:none}

.verification_content{
display:flex;
flex-direction:column;
row-gap:1.25rem;
margin:0 auto}

@media (width >= 1200px){
  .verification_content{
row-gap:2.0625rem}
  .verification_content img{
  	width:100%;
}
}

.verification_texts{
position:relative;
display:flex;
align-items:flex-end;
height:4.125rem}

.verification_text1,.verification_text2,.verification_text3{
position:absolute;
font-size:1rem;
font-weight:400;
line-height:1.375rem;
color:var(--gray70);
text-align:center;
letter-spacing:.015em}

.verification_text1{
left:4.25rem;
width:13.875rem}

.verification_text2{
left:15.125rem;
width:11.875rem}

.verification_text3{
left:22.1875rem;
width:17.25rem}

@media (width >= 1200px){
@keyframes verification_opacity{
0%{
opacity:0}
to{
opacity:1}
}
  .verification_texts{
height:2.75rem}
  .verification_text1{
left:6.625rem;
opacity:1}
  .verification_text1.verification_animate{
animation:verification_opacity .3s linear 1.3s forwards}
  .verification_text2{
left:19.125rem;
width:13.875rem;
opacity:1}
  .verification_text2.verification_animate{
animation:verification_opacity .3s linear 2.5s forwards}
  .verification_text3{
left:29.375rem;
opacity:1}
  .verification_text3.verification_animate{
animation:verification_opacity .3s linear 3.7s forwards}
}

.advantage_advantage{
cursor:pointer;
display:flex;
column-gap:1rem;
padding:1.875rem 0 1.875rem 1rem;
background-color:var(--white)}

.advantage_active.advantage_circle img{
filter:brightness(0) invert(11%) sepia(100%) saturate(7101%) hue-rotate(346deg) brightness(90%) contrast(104%)}

@media (width >= 1024px){
  .advantage_advantage{
column-gap:2.25rem;
align-items:center;
padding:2.5rem 0 2.5rem 1.875rem}
}

@media (width >= 1200px){
  .advantage_advantage{
column-gap:2.25rem;
align-items:center}
}

.advantage_circle{
display:flex;
flex-shrink:0;
align-items:center;
justify-content:center;
width:3rem;
height:3rem;
background-color:var(--gray10);
border-radius:50%}

@media (width >= 1024px){
  .advantage_circle{
width:5rem;
height:5rem}
  .advantage_circle img{
width:2.75rem;
height:2.75rem}
}

.advantage_advantageDescription{
font-size:1rem;
font-weight:400;
line-height:1.375rem;
color:var(--gray70);
letter-spacing:.01em}

.advantage_advantageTitle{
margin-bottom:.4375rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem}

@media (width >= 1200px){
  .advantage_advantageTitle{
margin-bottom:.5rem;
font-size:1.25rem;
line-height:1.75rem}
}

.technologies_section{
position:relative;
overflow:hidden;
background-color:var(--white)}

.technologies_sectionHeader{
overflow:hidden}

.technologies_container_{
display:flex;
flex-direction:column}

@media (width >= 1000px){
  .technologies_sectionHeader{
display:inline-block}
}

@media (width >= 1300px){
  .technologies_sectionHeader{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
padding-block:3.75rem 2.75rem}
}

@media (width >= 1024px){
  .technologies_container_{
flex-direction:row}
}

.technologies_sectionHeader h2{
margin-bottom:.5rem}

.technologies_slider{
position:relative;
z-index:0;
top:0;
background-color:var(--white)}

.technologies_slider.technologies_visible{
position:sticky;
z-index:100;
top:4rem}

@media (width >= 1024px){
  .technologies_slider{
top:0}
  .technologies_slider.technologies_visible{
position:relative;
top:0}
}

.technologies_tabs{
display:flex;
column-gap:.875rem;
padding:1rem 0}

.technologies_tab{
padding:.75rem 1.5rem;
font-size:1rem;
font-weight:500;
line-height:1.4375rem;
color:var(--gray70);
white-space:nowrap;
background-color:var(--gray10);
border:none;
transition:background-color var(--transition-default),color var(--transition-default)}

@media (hover:hover){
  .technologies_tab:hover{
background-color:var(--gray20)}
}

@media (width >= 1200px){
  .technologies_tab{
font-size:1.375rem;
line-height:1.875rem}
}

@media (width >= 1300px){
  .technologies_tab:first-child{
margin-left:0}
  .technologies_tab:last-child{
margin-right:0}
}

.technologies_tab.technologies_active{
color:var(--white);
background-color:var(--black)}

.technologies_content{
position:relative;
display:flex;
flex-direction:column;
background-color:var(--black)}

@media (width >= 1024px){
  .technologies_content{
flex-shrink:0;
width:64.5%}
}

.technologies_content:before{
content:"";
position:absolute;
top:0;
left:-50%;
width:200%;
height:100%;
background-color:var(--black)}

@media (width >= 1024px){
  .technologies_content:before{
left:-100%}
}

.technologies_image{
transform:translateX(-10%);
width:125%;
height:auto;
max-height:12.875rem;
object-fit:cover}

@media (width >= 768px){
  .technologies_image{
max-height:31.625rem}
}

@media (width >= 1024px){
  .technologies_image{
transform:translateX(-100%);
width:150%;
margin-left:100%}
}

.technologies_differencesContainer,.technologies_differences{
position:relative}

.technologies_differenceTab{
cursor:pointer;
position:absolute;
top:0;
transform:translateY(-50%);
padding:.1875rem .6875rem;
font-size:.875rem;
line-height:1.25rem;
color:var(--green);
background-color:var(--black);
border:.0625rem solid var(--green);
border-radius:.375rem}

.technologies_differenceTabActive{
color:var(--black);
background-color:var(--green)}

.technologies_differencesList{
position:relative;
display:flex;
flex-direction:column;
row-gap:1.875rem;
padding:1.875rem 1rem 1.875rem 0}

.technologies_desktopTabs{
display:none}

@media (width >= 1000px){
  .technologies_differencesContainer{
min-height:12.5rem}
  .technologies_desktopTabs{
position:absolute;
z-index:100;
transform:translateY(-50%);
display:flex;
column-gap:.625rem}
  .technologies_desktopTabs .technologies_differenceTab{
position:relative;
left:0;
transform:translateY(0)}
  .technologies_mobileTab{
display:none}
  .technologies_differencesList{
position:absolute;
z-index:-1;
top:0;
flex-flow:row nowrap;
column-gap:2rem;
padding:2.5rem 1rem 2.5rem 0}
  .technologies_differencesListActive{
z-index:1}
}

@media (width >= 1200px){
  .technologies_differencesList{
padding:2.5rem 3.75rem 2.5rem 0}
  .technologies_differencesList:nth-child(2){
padding-bottom:2.5rem}
}

.technologies_point{
display:flex;
flex-direction:column;
row-gap:.625rem}

@media (width >= 1200px){
  .technologies_point{
flex-basis:52%}
  .technologies_point:first-child{
flex-basis:41%}
}

.technologies_title{
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--green)}

@media (width >= 1200px){
  .technologies_point{
row-gap:.75rem}
  .technologies_title{
font-size:1.25rem;
line-height:1.75rem}
}

.technologies_description{
font-size:.875rem;
font-weight:400;
line-height:1.25rem;
color:var(--gray30)}

.technologies_advantages{
background-color:var(--white)}

.contact-card_wrapper{
display:flex;
flex-direction:column;
gap:1rem;
justify-content:space-between;
height:100%;
padding:1.875rem 1rem 1.75rem}

@media (width >= 1000px){
  .contact-card_wrapper{
gap:1.25rem;
padding:2.5rem 3.75rem}
}

.contact-card_labels{
display:flex;
flex-wrap:wrap;
gap:.625rem;
align-items:center;
color:var(--black)}

.contact-card_textContent{
display:flex;
flex-direction:column;
gap:1rem}

@media (width >= 1000px){
  .contact-card_textContent{
gap:1.25rem}
}

.contact-card_telLink{
font-size:1.5rem;
font-weight:400;
line-height:1.8125rem}

@media (width >= 1000px){
  .contact-card_telLink{
font-size:1.875rem;
font-weight:500;
line-height:2.25rem}
}

.contact-card_address{
display:flex;
flex-direction:column;
gap:.625rem;
font-size:1rem;
font-weight:400;
line-height:1.375rem;
letter-spacing:.02em}

@media (width >= 1000px){
  .contact-card_address{
gap:.5rem;
letter-spacing:.015em}
}

.contact-card_info{
font-size:1rem;
font-weight:400;
line-height:1.375rem;
color:var(--gray50);
letter-spacing:.02em}

@media (width >= 1000px){
  .contact-card_info{
font-size:.875rem;
line-height:1.25rem}
}

.contacts_wrapper{
overflow:hidden;
color:var(--white);
background-color:var(--black)}

.contacts_title{
padding:1.875rem 1rem 1.25rem}

@media (width >= 1000px){
  .contacts_title{
padding:3.75rem 3.75rem 2.5rem}
}

.contacts_list{
display:grid;
border-bottom:.0625rem solid var(--gray80)}

@media (width >= 768px){
  .contacts_list{
grid-template-columns:repeat(2,1fr);
border-bottom:none}
}

.contacts_item{
position:relative}

.contacts_item>div:first-child{
background-color:var(--gray80)}

@media (width >= 768px){
  .contacts_item{
border-top:none}
  .contacts_item:not(:last-child){
border-right:.0625rem solid var(--gray80)}
}

.title-block_wrapper{
display:flex;
flex-direction:column;
gap:1.5rem;
padding-block:1.875rem}

@media (width >= 1000px){
  .title-block_wrapper{
flex-direction:row;
justify-content:space-between;
padding-block:2.5rem 2.1875rem}
}

.title-block_titleBlock{
display:flex;
flex-direction:column;
gap:1rem}

@media (width >= 1000px){
  .title-block_titleBlock{
gap:1.25rem;
max-width:39.75rem}
}

.title-block_labelsWrapper{
display:flex;
flex-direction:column;
gap:1rem}

@media (width >= 1000px){
  .title-block_labelsWrapper{
flex-direction:row;
gap:1.875rem}
}

.title-block_labels{
display:flex;
flex-direction:column;
gap:.75rem;
align-items:flex-start}

@media (width >= 1000px){
  .title-block_labels{
flex-direction:row;
gap:.625rem}
  .title-block_label{
padding:.3125rem 1rem;
font-size:1rem;
line-height:1.375rem;
letter-spacing:.015em}
}

.title-block_buttons{
display:flex;
flex-direction:row;
gap:1rem;
align-items:center}

@media (width >= 1000px){
  .title-block_buttons{
align-items:flex-start}
}

.title-block_buttons a,.title-block_buttons button{
padding:.5625rem}

.products-from-receipt_wrapper{
overflow:hidden;
padding-block:2.5rem}

@media (width >= 1000px){
  .products-from-receipt_wrapper{
padding-block:3.75rem}
}

.products-from-receipt_container{
width:100%}

@media (width >= 768px){
  .products-from-receipt_container>ul{
padding-inline:1rem}
}

.products-from-receipt_head{
display:flex;
flex-wrap:wrap;
gap:1rem;
align-items:center;
justify-content:space-between;
margin-bottom:1.5rem}

@media (width >= 768px){
  .products-from-receipt_head{
margin-bottom:2.5rem}
}

.products-from-receipt_title{
color:var(--gray80)}

.products-from-receipt_grid>*{
border:.0625rem solid var(--gray20)}

.product-card-mini_wrapper{
display:flex}

.product-card-mini_image{
position:relative;
display:flex;
flex:0 0 6rem;
align-items:center;
justify-content:center;
height:6.5rem;
background-color:var(--gray10)}

.product-card-mini_image img{
width:100%;
max-width:5.625rem;
height:auto}

.product-card-mini_body{
padding:.25rem 0 .1875rem 1rem;
background-color:var(--white)}

.product-card-mini_title{
margin-bottom:.5rem;
padding-bottom:.4375rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
letter-spacing:.01em;
border-bottom:.0625rem solid var(--gray20)}

@media (width >= 768px){
  .product-card-mini_title{
font-size:.875rem;
line-height:1.25rem;
letter-spacing:.02em}
}

.product-card-mini_name{
font-size:.875rem;
font-weight:400;
line-height:1.25rem;
color:var(--gray70);
letter-spacing:.02em}

.product-card-mini_values{
display:flex;
gap:.625rem}

.product-card-mini_value{
position:relative;
font-size:.875rem;
font-weight:400;
line-height:1.25rem}

@media (width >= 768px){
  .product-card-mini_value{
letter-spacing:.02em}
}

.receipt-details_container{
display:grid;
flex-direction:column}

@media (width >= 1000px){
  .receipt-details_container{
grid-template-columns:repeat(100,1fr);
grid-template-rows:repeat(10,1fr)}
}

.receipt-details_imgWrapper{
position:relative;
width:100%;
height:31.25rem;
object-fit:cover}

@media (width >= 1000px){
  .receipt-details_imgWrapper{
grid-column:1/38;
grid-row:3/11;
order:1;
height:100%}
}

.receipt-details_imgWrapper img{
object-fit:cover}

@media (width >= 1000px){
  .receipt-details_titleBlock{
grid-column:1/101;
grid-row:1/3;
order:0}
  .receipt-details_ingredients{
grid-column:38/75;
grid-row:3/11;
order:2}
}

.receipt-details_product{
display:flex;
flex-direction:column;
gap:1.5rem;
padding:1.875rem 1rem;
border-bottom:.0625rem solid var(--gray30)}

@media (width >= 1000px){
  .receipt-details_product{
grid-column:75/101;
grid-row:3/11;
gap:1.5rem;
order:3;
padding:2.125rem 3.75rem 2.125rem 2.5rem;
border-top:.0625rem solid var(--gray30);
border-left:.0625rem solid var(--gray30)}
}

.receipt-details_productTitle{
font-size:1.5rem;
font-weight:400;
line-height:1.8125rem}

@media (width >= 1000px){
  .receipt-details_productTitle{
font-size:1.875rem;
font-weight:500;
line-height:2.25rem}
}

.receipt-details_productsList{
display:flex;
flex-direction:column;
gap:1.5rem}


/* ========================================================
   MODALS & FORMS — Order popup, Feedback, Mobile menu
   ======================================================== */

.scrollButton_scrollToTop{
cursor:pointer;
position:fixed;
z-index:100;
right:1rem;
bottom:8.75rem;
display:none;
width:2.75rem;
height:2.75rem;
background-color:var(--white);
border:.0625rem solid var(--black);
border-radius:50%;
transition:opacity .3s ease}

.scrollButton_scrollToTop button{
display:flex}

@media (width >= 768px){
  .scrollButton_scrollToTop{
right:3.125rem;
bottom:3.125rem}
}

.scrollButton_scrollToTop.scrollButton_show{
display:flex;
align-items:center;
justify-content:center;
opacity:1}

@media (hover:hover){
  .scrollButton_scrollToTop:hover img{
filter:brightness(0) invert(14%) sepia(100%) saturate(7028%) hue-rotate(345deg) brightness(90%) contrast(105%)}
}

.footer_footer{
display:flex;
flex-wrap:wrap;
align-self:center;
width:100%;
min-height:31.25rem;
color:#fff;
background-color:var(--black);
border-top:.0625rem solid var(--gray80)}

.footer_leftSide{
display:none;
flex-wrap:wrap;
gap:2rem;
width:50%;
padding:4.5625rem 0 4.375rem 5.625rem;
border-right:.0625rem solid var(--gray80)}

.footer_info,.footer_topBlock{
display:flex;
flex-direction:column;
gap:2rem}

.footer_button{
display:flex;
align-items:center;
justify-content:center;
width:2rem;
height:2rem;
background-color:#fff;
border:none;
border-radius:50%}

.footer_button img{
width:1.25rem;
height:1.0625rem;
margin-bottom:-.125rem;
margin-left:-.0625rem}

.footer_telegramLink{
display:flex;
gap:.625rem;
align-items:center;
font-size:1rem;
font-weight:500;
line-height:1.625rem}

.footer_bottomBlock{
display:flex;
flex-direction:column;
gap:1.375rem}

.footer_rightSide{
display:none;
flex-flow:column wrap;
gap:4.4375rem;
justify-content:space-between;
width:50%;
padding-top:4.5625rem}

.footer_links{
display:flex;
flex-direction:column;
gap:1.8125rem;
padding-left:5rem}

.footer_nav{
display:flex;
flex-direction:column;
justify-content:space-between;
font-size:1.25rem;
font-weight:500;
line-height:1.75rem;
transition:color var(--default-transition)}

@media (any-hover:hover) and (pointer:fine){
  .footer_nav:hover{
color:#d10025}
}

.footer_adressBlock{
text-decoration:underline}

@media (width >= 768px){
  .footer_adressBlock{
padding:2.625rem 1.25rem 2.625rem 5rem;
font-size:.875rem;
font-weight:400;
line-height:1.225rem;
color:var(--gray50);
text-decoration:none;
letter-spacing:.02em;
border-top:.0625rem solid var(--gray80)}
}

.footer_adressBlock p{
max-width:28.125rem}

.footer_address{
font-style:normal}

.footer_files{
display:flex;
flex-direction:column;
gap:.8125rem;
order:-1}

.footer_texts{
display:flex;
flex-direction:column;
gap:.875rem;
margin:1.875rem 0 1.875rem 4.2vw;
font-size:.75rem;
font-weight:400;
line-height:1.0625rem;
color:var(--gray50);
text-align:start}

.footer_text{
font-size:.875rem;
line-height:1.25rem}

.footer_files .footer_text{
text-decoration:underline;
text-decoration-color:var(--red-hover);
text-underline-offset:.375rem;
transition:color var(--default-transition)}

@media (any-hover:hover) and (pointer:fine){
  .footer_files .footer_text:hover{
color:#d10025}
}

.footer_smallText{
font-size:.75rem;
line-height:1.0625rem}

.footer_telLink{
font-size:1.5rem;
font-weight:400;
line-height:2.125rem}

.footer_mobile{
display:flex;
flex-direction:column;
width:100%}

.footer_contacts{
display:flex;
flex-direction:column;
gap:1.5rem;
align-items:center;
padding:1.875rem 0;
border-block:.0625rem solid var(--gray80)}

.footer_logo{
margin:1.875rem auto}

@media (width >= 768px){
  .footer_leftSide,.footer_rightSide{
display:flex;
flex-direction:column}
  .footer_mobile{
display:none}
  .footer_button{
width:3.75rem;
height:3.75rem}
  .footer_button img{
width:1.875rem;
height:1.75rem;
margin-bottom:0;
margin-left:-.125rem}
  .footer_telegramLink{
gap:1rem;
font-size:1.25rem;
line-height:2rem}
  .footer_telLink{
font-size:1.875rem;
font-weight:500;
line-height:2.25rem}
  .footer_text{
letter-spacing:.01em}
}

@media (width >= 1100px){
  .footer_info{
gap:8.9375rem}
  .footer_topBlock{
flex-direction:row;
gap:3.75rem}
  .footer_bottomBlock{
flex-direction:row;
gap:4.25rem;
align-items:flex-end}
  .footer_files{
order:0}
}

@media (width >= 1250px){
  .footer_topBlock{
gap:8.125rem}
  .footer_bottomBlock{
gap:8.625rem}
}

@media (width >= 1920px){
  .footer_leftSide{
padding:4.5625rem 0 4.375rem 10.375rem}
  .footer_links{
padding-left:8.125rem}
  .footer_adressBlock{
padding:2.625rem 1.25rem 2.625rem 8.125rem}
  .footer_topBlock{
gap:11.25rem}
  .footer_bottomBlock{
gap:11.75rem}
}

.orderButton_button_{
cursor:pointer;
width:100%;
padding:.8125rem 1.25rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:#fff;
background-color:transparent;
border:.0625rem solid var(--gray60);
border-radius:3.125rem;
transition:background-color var(--default-transition),color var(--default-transition)}

@media (hover:hover){
  .orderButton_button_:hover{
color:var(--black);
background-color:var(--white)}
}

.navigation_nav{
display:flex;
flex-grow:1;
height:100%;
color:#fff}

.navigation_footer,.navigation_header{
flex-direction:column}

.navigation_nav.navigation_header .navigation_link span{
width:6.6875rem}

.navigation_link{
display:flex;
flex-grow:1;
align-items:center;
justify-content:center;
width:100%;
padding:1.375rem 0;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
text-align:center;
border-top:.0625rem solid var(--gray80);
transition:color var(--default-transition)}

@media (width >= 768px){
  .navigation_footer{
flex-direction:column;
flex-grow:0;
gap:1.5rem;
width:7.125rem;
height:15rem;
text-align:left}
nav.navigation_footer .navigation_link{
flex-grow:1;
justify-content:flex-start;
padding:0;
font-size:.875rem;
line-height:1.25rem;
color:#fff;
text-align:left;
border:none}
}

@media (width >= 1000px){
  .navigation_header{
flex-direction:row}
  .navigation_link{
display:flex;
flex-grow:1;
align-items:center;
justify-content:center;
width:6.6875rem;
padding:0;
border-inline:.0625rem solid var(--gray80)}
  .navigation_footer .navigation_link{
width:7.125rem}
  .navigation_link:last-child{
border:none}
}

@media (hover:hover){
  .navigation_link:hover{
background-color:var(--gray80)}
nav.navigation_footer .navigation_link:hover{
background-color:inherit}
}

@media (any-hover:hover) and (pointer:fine){
  .navigation_footer .navigation_link:hover{
color:#d10025}
}

.navigation_header .navigation_link .navigation_active{
text-decoration:underline;
text-decoration-color:var(--red);
text-underline-offset:.375rem}

.menu_menu{
position:absolute;
top:-.0625rem;
transform:translateX(100%);
display:flex;
flex-direction:column;
gap:.875rem;
width:100%;
background-color:var(--black);
transition:transform var(--default-transition)}

.menu_visible{
transform:translateX(0)}

.menu_link{
margin:.375rem 1rem 0}

@media (width >= 1000px){
  .menu_menu{
display:none}
}

.header_header{
position:fixed;
z-index:200;
top:0;
display:flex;
flex-direction:column;
width:100%;
max-height:8.375rem;
background-color:var(--black);
border-bottom:.0625rem solid var(--gray80)}

@media (width >= 1000px){
  .header_header{
padding-inline:1rem}
}

.header_headerContainer{
display:flex;
justify-content:space-between;
width:100%;
max-width:84.5rem;
height:4rem;
min-height:4rem;
margin-inline:auto;
padding:.875rem 1rem}

.header_imageContainer img{
width:5.8125rem;
height:2.25rem}

.header_nav{
display:none}

.header_menuContainer{
position:relative}

.header_menuButtonContainer{
display:flex;
aspect-ratio:1;
height:100%;
padding:.6875rem .5rem}

.header_menu{
cursor:pointer;
position:relative;
display:block;
flex-grow:1}

.header_menuToggleBar{
position:absolute;
top:50%;
right:0;
display:block;
width:100%;
height:.0625rem;
margin-top:-.0625rem;
background-color:white;
border-radius:.25rem;
transition:all .3s ease}

.header_menuToggleBarTop{
transform:translateY(-.4375rem)}

.header_menuToggleBarBottom{
transform:translateY(.4375rem)}

.body_overflow{
overflow:hidden}

.header_menu.header_open .header_menuToggleBarTop{
transform:translate(0) rotate(45deg)}

.header_menu.header_open .header_menuToggleBarMiddle{
opacity:0}

.header_menu.header_open .header_menuToggleBarBottom{
transform:translate(0) rotate(-45deg)}

.header_linkMobile{
pointer-events:none;
flex-grow:1;
height:0;
visibility:hidden;
opacity:0;
transition:all .1s ease}

.header_nav_visible{
display:flex !important;
flex-direction:column;
position:absolute;
top:100%;
left:0;
right:0;
background:var(--black);
z-index:100;
padding:1rem;
gap:.5rem}

.header_linkMobile.header_visible_{
pointer-events:all;
height:4rem;
margin:.375rem 1rem .875rem;
visibility:visible;
opacity:1}

@media (width >= 1000px){
  .header_header{
justify-content:center;
height:4.5rem;
min-height:4.5rem}
  .header_headerContainer{
height:100%;
min-height:100%;
padding:0}
  .header_imageContainer{
display:flex;
flex-grow:1;
align-items:center;
max-width:11.25rem}
  .header_imageContainer img{
width:auto;
height:auto}
  .header_nav{
display:flex;
flex-grow:1;
align-items:center;
height:100%}
  .header_linkMobile,.header_menu{
display:none}
  .header_orderLink{
max-width:18.3125rem}
  .header_menuButtonContainer{
display:none}
}


/* ========================================================
   SLIDERS, PARTNERS, FAQ, ACHIEVEMENTS
   ======================================================== */

.modal-wrapper_overlay{
isolation:isolate;
position:fixed;
z-index:999;
inset:0;
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
max-inline-size:100%;
max-block-size:100%;
padding:1.25rem;
background-color:rgb(20 23 26/80%)}
.modal-wrapper_overlay.hidden{
  display:none;
}
@media (width >= 768px){
  .modal-wrapper_overlay{
padding:2.5rem 3.75rem}
}

.modal-wrapper_wrapper{
width:100%;
max-width:37.5rem;
height:12.5rem;
background-color:var(--kd-secondary-color,#646464)}

@media (width >= 768px){
  .modal-wrapper_wrapper{
max-width:100%;
height:100%}
}

.modal-wrapper_close{
position:absolute;
top:1.3125rem;
right:1.3125rem;
display:flex;
padding:.625rem;
background-color:var(--gray70);
border-radius:50%}

@media (width >= 768px){
  .modal-wrapper_close{
top:3.75rem;
right:5rem}
}

.modal-wrapper_close svg{
width:1.5rem;
height:1.5rem}

.primaryButton_button{
display:flex;
flex-flow:nowrap;
gap:.625rem;
align-items:center;
justify-content:space-between;
inline-size:100%;
padding:.625rem .625rem .625rem 1.875rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
letter-spacing:.01em;
white-space:nowrap;
border-radius:3.125rem;
transition:color var(--default-transition),background-color var(--default-transition)}

@media (width >= 1000px){
  .primaryButton_button{
gap:1.25rem}
}

.primaryButton_textWrapper{
overflow-x:hidden;
display:flex;
flex-shrink:1;
justify-content:center}

.primaryButton_text{
flex-shrink:0}

@media (width >= 450px){
  .primaryButton_button{
inline-size:fit-content}
}

@media (width >= 1000px){
  .primaryButton_catalog.primaryButton_button{
font-size:1rem;
line-height:1.4375rem}
  .primaryButton_button{
font-size:1.125rem;
line-height:1.5625rem}
  .primaryButton_text{
flex-shrink:0}
}

.primaryButton_button:disabled{
color:var(--gray30);
background-color:var(--gray70)}

@media (any-hover:hover) and (pointer:fine){
  .primaryButton_base_:hover{
background-color:#d10025}
  .primaryButton_base_:active,.primaryButton_white:active{
background-color:var(--red-active)}
}

.primaryButton_base_{
color:var(--white);
background-color:var(--red)}

.primaryButton_white{
padding:.5625rem .5625rem .5625rem 1.875rem;
color:var(--black);
border:.0625rem solid var(--gray30)}

@media (any-hover:hover) and (pointer:fine){
  .primaryButton_white:hover{
color:var(--white);
background-color:var(--red-active)}
}

.primaryButton_button .primaryButton_icon{
display:flex;
flex:0 0 auto;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
padding:.5625rem;
color:var(--black);
border-radius:3.125rem;
transition:background-color var(--default-transition)}

.primaryButton_base_ .primaryButton_icon{
width:2.8125rem;
height:2.8125rem;
background-color:var(--white)}

.primaryButton_catalog{
gap:0}

.primaryButton_catalog .primaryButton_icon{
width:2.125rem;
height:2.125rem}

.primaryButton_catalog .primaryButton_textWrapper{
overflow-x:hidden;
display:flex;
flex-direction:row-reverse;
flex-shrink:1;
justify-content:normal}

.primaryButton_catalog .primaryButton_text{
margin:0 .625rem 0 0;
padding-left:1.25rem}

.primaryButton_white .primaryButton_icon{
background-color:var(--gray10)}

.primaryButton_slideLight .primaryButton_icon{
color:var(--gray70);
background-color:transparent;
border:.0625rem solid var(--gray40);
transition:border var(--default-transition),color var(--default-transition)}

.primaryButton_slideDark .primaryButton_icon{
color:var(--white);
background-color:transparent;
border:.0625rem solid var(--gray60);
transition:border var(--default-transition)}

.primaryButton_button:disabled .primaryButton_icon{
background-color:var(--gray30)}

.primaryButton_slideDark,.primaryButton_slideLight{
padding:0}

@media (any-hover:hover) and (pointer:fine){
  .primaryButton_slideDark:hover .primaryButton_icon{
border:.0625rem solid var(--white)}
  .primaryButton_slideLight:hover .primaryButton_icon{
color:var(--black);
border:.0625rem solid var(--black)}
}

.primaryButton_gray{
cursor:pointer;
flex-direction:row-reverse;
gap:.5rem;
justify-content:center;
max-width:fit-content;
padding:.6875rem;
font-size:1rem;
font-weight:500;
line-height:1.4rem;
color:var(--gray70);
letter-spacing:0;
border:.0625rem solid var(--gray70);
transition:border .3s}

.primaryButton_gray div,.primaryButton_gray>.primaryButton_icon{
margin:0;
padding:0}

.primaryButton_gray svg{
width:1.5rem;
height:1.5rem;
color:var(--gray70);
transition:color .3s}

@media (any-hover:hover) and (pointer:fine){
  .primaryButton_gray:hover{
border-color:var(--black)}
  .primaryButton_gray:hover svg{
color:var(--black)}
}

.primaryButton_tooltip{
position:relative}

.primaryButton_tooltip:before{
pointer-events:none;
content:url(/images/tooltip.svg);
user-select:none;
position:absolute;
right:-.25rem;
bottom:-50%;
transform:translateY(2em);
display:none;
width:8.9375rem;
height:2.375rem;
opacity:0}

@media (any-hover:hover) and (pointer:fine){
  .primaryButton_tooltip:hover:before{
display:block;
animation:primaryButton_tooltips-vert .3s ease-out forwards}
}

@keyframes primaryButton_tooltips-vert{
to{
transform:translateY(1.5em);
opacity:.9}
}

.select_select{
cursor:pointer;
position:relative;
z-index:0;
width:100%;
padding:.9375rem 1.25rem;
font-size:1.125rem;
line-height:1.5625rem;
color:var(--black);
background-color:var(--white);
outline:.0625rem solid var(--gray30);
transition:z-index var(--default-transition),background-color var(--default-transition),outline-color var(--default-transition)}

.select_select:has(.select_selectOptionsOpen){
z-index:2;
outline:.0625rem solid var(--black)}

.select_selectField{
position:relative;
height:100%;
margin-right:2.75rem}

.select_selectField input{
cursor:pointer;
width:100%;
font-size:1rem;
line-height:1.5625rem}

@media (width >= 768px){
  .select_selectField input{
font-size:1.125rem}
}

.select_selectField input::placeholder{
font-weight:500;
color:var(--gray50)}

.select_selectOptionsItem>span{
display:inline-block}

.select_selectCaret{
position:absolute;
top:0;
right:0;
bottom:0;
display:flex;
align-items:center;
justify-content:center;
margin:0 1.25rem}

.select_selectCaretRotate{
transform:rotate(180deg)}

.select_selectOptionsClosed,.select_selectOptionsOpen{
position:absolute;
z-index:900;
top:100%;
left:0;
width:100%;
max-height:16.25rem;
margin:0;
padding:0;
list-style:none;
background-color:var(--white);
outline:.0625rem solid var(--black);
box-shadow:0 1.25rem 2.5rem 0 rgb(0 0 0/5%)}

@media (width>= 430px){
  .select_selectOptionsClosed,.select_selectOptionsOpen{
max-height:14.375rem}
}

.select_selectOptionsOpen{
overflow-y:auto;
display:flex;
flex-direction:column}

.select_selectOptionsClosed{
display:none}

.select_selectOptionsItem{
cursor:pointer;
display:flex;
box-sizing:border-box;
width:100%;
margin:0;
padding:.75rem 1.125rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem}

@media (hover:hover){
  .select_select:hover{
z-index:1;
outline-color:var(--gray60)}
  .select_selectOptionsItem:hover{
background-color:var(--gray10)}
}

.textarea_textareaContainer{
position:relative;
z-index:0;
display:flex;
width:100%;
height:7.625rem;
padding:0 0 0 1.25rem;
font-size:1rem;
line-height:1.5625rem;
color:var(--black);
background-color:var(--white);
outline:.0625rem solid var(--gray30);
transition:z-index var(--default-transition),background-color var(--default-transition),outline-color var(--default-transition)}

@media (width >= 768px){
  .textarea_textareaContainer{
font-size:1.125rem}
}

.textarea_textarea_{
resize:none;
width:100%;
height:100%;
padding:1.5625rem 4rem .3125rem 0;
font-size:1.125rem;
font-weight:400;
line-height:1.5625rem;
color:inherit;
background:none;
border:none;
outline:none}

.textarea_textareaContainer:has(.textarea_textarea_:focus){
z-index:2;
outline-color:var(--black)}

.textarea_textareaLabel{
pointer-events:none;
position:absolute;
top:.9375rem;
left:1.25rem;
font-weight:500;
color:var(--gray50);
transition:all var(--default-transition)}

.textarea_textarea_:focus~.textarea_textareaLabel,.textarea_textarea_:not(:placeholder-shown)~.textarea_textareaLabel{
top:0;
padding-top:.375rem;
font-size:.8125rem;
line-height:1.0625rem}

@media (hover:hover){
  .textarea_textareaContainer:hover{
z-index:1;
outline-color:var(--gray60)}
}

.orderForm_form{
align-items:flex-start;
height:100%;
padding:1.875rem 0 2.5rem}

.orderForm_formControls,.orderForm_form{
display:flex;
flex-direction:column;
gap:1.875rem;
justify-content:center;
width:100%}

.orderForm_radioBlock{
position:relative;
flex-grow:0}

.orderForm_radioBlockContent{
display:flex;
padding-bottom:.125rem}

.orderForm_tab{
cursor:pointer;
user-select:none;
position:relative;
margin-bottom:-.125rem;
padding-right:1.3125rem;
padding-bottom:.25rem;
font-size:1rem;
font-weight:500;
line-height:1.4375rem;
color:var(--gray70);
letter-spacing:.01em;
white-space:nowrap;
transition:all var(--default-transition)}

@media (hover:hover){
  .orderForm_tab:hover{
color:var(--red)}
}

.orderForm_tab:nth-child(3){
padding-right:0}

.orderForm_active{
color:var(--black)}

.orderForm_tab::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:calc(100% - 1.3125rem);
height:2px;
background:var(--red);
transform:scaleX(0);
transition:transform .3s ease;
margin-bottom:-4px;
z-index:2}

.orderForm_tab:nth-child(3)::after{
width:100%}

.orderForm_tab.orderForm_active::after{
transform:scaleX(1)}

.orderForm_tabContent{
display:none}
.orderForm_tabContent.orderForm_tabActive{
display:block}



.orderForm_inputsBlock{
display:flex;
flex-direction:column;
width:100%}

.orderForm_checkboxBlock{
cursor:pointer;
display:flex;
gap:.5625rem;
align-items:flex-start;
margin-top: 20px;
padding-bottom: 10px;}

.orderForm_text{
height:2.75rem;
font-size:.875rem;
font-weight:400;
line-height:1.4rem}

@media (width >= 768px){
  .orderForm_text{
letter-spacing:.015em}
}

.orderForm_link{
cursor:pointer;
text-decoration:underline;
text-decoration-color:var(--gray30);
text-underline-offset:.4375rem}

.orderForm_buttonContainer{
width:100%;
margin:auto 0 0}

.orderForm_button{
width:100%;
font-size:1.125rem}

@media (width >= 768px){
  .orderForm_form{
gap:.5rem;
padding:5rem 0 4.75rem 1rem}
  .orderForm_border,.orderForm_radioBlockContent{
margin:0}
  .orderForm_radioBlock{
margin-top:-.625rem}
  .orderForm_buttonContainer{
width:auto}
  .orderForm_button{
width:19.375rem}
  .orderForm_tab{
padding-right:1.5rem;
font-size:1.125rem;
line-height:1.5625rem}
  .orderForm_tab:first-child{
margin-left:0}
  .orderForm_tab:nth-child(3){
margin-right:0;
padding-right:0}
  .orderForm_checkboxBlock{
gap:.875rem}
}

@media (width >= 1000px){
  .orderForm_form{
padding:5rem 0 4.75rem 3.75rem}
}

.orderResult_container{
gap:1.875rem;
width:100%;
padding:1.875rem 1rem 2.5rem;
background-color:var(--white)}

.orderResult_container,.orderResult_info{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center}

.orderResult_info{
gap:.75rem}

.orderResult_resultTitle{
color:var(--gray50)}

.orderResult_subtitle{
font-size:1rem;
font-weight:400;
line-height:1.4375rem;
color:var(--gray70)}

.orderResult_clientInfo{
position:relative;
display:flex;
flex-direction:column;
row-gap:1rem;
width:100%;
padding:1.125rem 1.25rem;
outline:.0625rem solid var(--gray30)}

.orderResult_resultField{
flex-direction:column;
flex-grow:1;
width:100%;
font-size:1rem;
font-weight:400;
line-height:1.4375rem}

.orderResult_resultFieldTitle{
color:var(--gray50)}

.orderResult_arrowSign{
position:absolute;
top:-1.125rem;
right:1.25rem;
display:flex;
align-items:center;
justify-content:center;
aspect-ratio:1;
width:3.5rem;
background-color:var(--red);
border-radius:50%}

.orderResult_value{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
line-clamp:2;
text-overflow:ellipsis;
text-wrap:balance;
word-break:break-word}

@media (width >= 768px){
  .orderResult_container{
gap:2.5rem;
justify-content:flex-start;
padding:5rem 3.75rem}
  .orderResult_subtitle{
font-size:1.125rem;
font-weight:500;
line-height:1.5625rem}
  .orderResult_clientInfo{
row-gap:1.5rem;
padding:1.5rem}
}

@media (width >= 1340px){
  .orderResult_arrowSign{
top:-4.125rem;
right:1.8125rem;
width:6.4375rem}
  .orderResult_arrowIcon{
width:2.625rem;
height:2.625rem}
}

.hero_wrapper_{
color:var(--white);
background-color:var(--black)}

.hero_container-2{
display:flex;
flex-flow:column nowrap;
max-width:84.5rem;
margin-inline:auto}

.hero_links{
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
gap:.375rem}

.hero_links a{
width:fit-content}

@media (width >= 1000px){
  .hero_container-2{
display:grid;
grid-template-columns:minmax(1rem,1fr) minmax(0,calc(84.5rem / 2)) minmax(0,calc(84.5rem / 2)) minmax(1rem,1fr);
max-width:100%;
margin-inline:0}
}

.hero_textWrapper-2{
display:flex;
flex-flow:column nowrap;
justify-content:center;
padding:1.25rem 1rem 1.875rem}

@media (width >= 1000px){
  .hero_textWrapper-2{
grid-column:2;
padding:8.625rem 0}
}

.hero_title-2{
margin-bottom:1rem}

@media (width >= 768px){
  .hero_title-2{
margin-bottom:1.25rem}
}

.hero_text{
max-width:30rem;
margin-bottom:1.75rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem}

@media (width >= 1000px){
  .hero_text{
margin-bottom:3.125rem;
font-size:1.25rem;
line-height:1.75rem}
}

.hero_buttonsWrapper{
display:flex;
flex-wrap:wrap;
gap:.9375rem;
align-items:center}

@media (width >= 1000px){
  .hero_buttonsWrapper{
gap:2.5rem}
}

.hero_button{
gap:.25rem;
padding-left:1rem}

@media (width >= 425px){
  .hero_button{
gap:1.25rem}
}

@media (width >= 1000px){
  .hero_button{
padding-left:1.875rem}
}

.hero_imgWrapper{
position:relative;
overflow:hidden;
width:100%;
height:100%;
min-height:20.25rem}

@media (width >= 1000px){
  .hero_imgWrapper{
grid-column:3/span 5}
}

.hero_image{
position:absolute;
top:0;
left:-5.125rem;
width:137%;
height:auto;
object-fit:cover}

@media (width >= 425px){
  .hero_image{
top:50%;
left:unset;
transform:translateY(-50%);
width:100%;
height:auto;
object-fit:cover;
object-position:center;
height:100%}
}

.partners_wrapper{
overflow:hidden}

.partners_container{
background-color:var(--black)}

.partners_header{
display:flex;
align-items:flex-start;
justify-content:space-between;
padding-top:3.75rem;
padding-bottom:1.5rem}

@media (width >= 1000px){
  .partners_header{
padding-top:0;
padding-bottom:2.5rem}
}

.partners_title{
color:var(--white)}

.partners_buttonsWrapper{
display:none}

@media (width >= 1000px){
  .partners_buttonsWrapper{
display:flex;
gap:.625rem;
justify-content:space-between}
}

.partners_buttonsWrapper button:first-child{
transform:rotate(180deg)}

.partners_list{
display:flex;
justify-content:center}

.partners_item{
cursor:pointer;
display:flex;
flex:0 0 fit-content;
align-items:center;
justify-content:center;
min-width:8.875rem;
height:8.875rem;
border-right:.0625rem solid var(--gray80)}

@media (width >= 768px){
  .partners_item{
min-width:15rem;
height:15rem}
}

.partners_sliderContainer{
border-top:.0625rem solid var(--gray80)}

.partners_icon{
opacity:.7;
filter:grayscale(100%);
transition:filter var(--default-transition),opacity var(--default-transition)}

@media (width >= 768px){
  .partners_icon{
max-width:80px}
}

.partners_item:hover .partners_icon{
opacity:1;
filter:grayscale(0);
transition:filter var(--default-transition),opacity var(--default-transition)}

@media (width >= 768px){
  .partners_icon{
width:fit-content;
height:fit-content}
}

@media (any-hover:hover) and (pointer:fine){
  .partners_item:hover }
  .fabrication_wrapper{
padding-top:3.75rem}

@media (width <= 1000px){
  .fabrication_wrapper{
height:fit-content!important}
}
  .fabrication_container{
display:flex;
flex-direction:column;
gap:1.5rem;
padding-block:1.5rem 3.75rem;
background-color:var(--white)}

@media (width >= 1000px) and (height >= 800px){
  .fabrication_header{
position:sticky;
z-index:10;
top:7.75rem}
  .fabrication_container{
position:sticky;
z-index:10;
top:11.875rem;
gap:3.75rem;
padding-block:3.75rem;
background:white}
}

@media (width >= 1000px) and (height < 800px){
  .fabrication_container{
position:sticky;
z-index:10;
top:3.75rem;
gap:3.75rem;
padding-block:3.75rem;
background:white}
}
  .fabrication_header{
display:flex;
align-items:center;
justify-content:space-between}
  .fabrication_button{
display:none}

@media (width >= 1000px){
  .fabrication_button{
display:flex;
font-size:1.125rem}
}
  .fabrication_productsContainer{
overflow:hidden;
display:flex;
width:100%;
border-top:.0625rem solid var(--gray30);
-ms-overflow-style:none}
  .fabrication_productsContainer::-webkit-scrollbar{
display:none}
  .fabrication_productsWrapper{
display:flex;
flex-grow:1;
flex-shrink:0;
width:fit-content}

@media (width >= 1000px){
  .fabrication_productsWrapper{
position:relative;
display:grid;
grid-template-rows:repeat(4,1fr)}
}
  .fabrication_item{
display:flex;
flex:0 0 20.9375rem;
flex-flow:column nowrap}

@media (width >= 1000px){
  .fabrication_item{
display:grid;
grid-template-columns:minmax(1rem,1fr) minmax(0,calc(84.5rem / 2)) minmax(0,calc(84.5rem / 2)) minmax(1rem,1fr)}
}
  .fabrication_tab{
display:flex;
grid-column:2;
flex-grow:1}
  .fabrication_tabTitle{
display:flex;
align-items:center;
height:100%;
padding:1.25rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--gray70);
text-align:start;
transition:background-color var(--default-transition),color var(--default-transition)}
  .fabrication_item:not(:last-child){
border-right:.0625rem solid var(--gray30)}

@media (width >= 1000px){
  .fabrication_tabTitle{
padding:1.875rem 9.375rem 1.8125rem 1rem;
font-size:1.125rem;
line-height:1.5625rem;
letter-spacing:.01em;
border-right:none}
  .fabrication_item{
border-bottom:.0625rem solid var(--gray30)}
  .fabrication_item.fabrication_active{
background-color:var(--gray10)}
}
  .fabrication_tabTitle.fabrication_active{
color:var(--black)}
  .fabrication_imgWrapper{
position:relative;
width:100%;
height:12.0625rem}

@media (width >= 1000px){
  .fabrication_imgWrapper{
display:none;
transition-duration:.5s;
transition-property:display,opacity;
  @starting-style{
opacity:0}
}
  .fabrication_imgWrapper.fabrication_active{
position:absolute;
top:0;
right:0;
display:block;
width:57%;
height:100%}
}

.fabrication_imgWrapper img{
object-fit:cover;
object-position:center 15%}

.fabrication_mobileButton{
padding:0 1rem}

@media (width >= 1000px){
  .fabrication_mobileButton{
display:none}
}

.fabrication_mobileButton button{
font-size:1.125rem}

.fabrication_iframeWrapper{
width:100%;
height:100%}

.hero_container{
position:relative}

.hero_slider{
overflow:hidden}

.hero_list{
display:flex}

.hero_item{
position:relative;
flex:0 0 100%;
min-width:0;
height:32.375rem}

@media (width >= 1000px){
  .hero_item{
height:53.3125rem}
}

.hero_item img{
object-fit:cover}

@media (width >= 1921px){
  .hero_item img{
object-position:center -8.125rem}
}

.hero_item:before{
content:"";
position:absolute;
z-index:1;
bottom:0;
width:100%;
height:100%;
background:linear-gradient(180deg,rgb(255 255 255/0) 42.2%,rgb(255 255 255/42.8447%) 51.41%,rgb(255 255 255/71.9775%) 62.52%,rgb(255 255 255/90%) 75.01%,#fff 96.05%)}

.hero_textWrapper{
position:absolute;
z-index:2;
bottom:0;
left:50%;
transform:translateX(-50%);
display:flex;
flex-flow:column nowrap;
align-items:center;
justify-content:center;
inline-size:100%;
padding:0 1.0625rem;
text-align:center}

@media (width >= 1000px){
  .hero_textWrapper{
bottom:3.75rem;
padding-left:1.6875rem}
}

.hero_title{
margin-bottom:1rem;
color:var(--red)}

@media (width >= 1000px){
  .hero_title{
margin-bottom:1.4375rem}
}

.hero_text-2{
max-width:35.75rem;
margin-bottom:1.75rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem}

@media (width >= 1000px){
  .hero_text-2{
margin-bottom:2.5rem;
font-size:1.25rem;
line-height:1.75rem}
}

.hero_logosWrapper{
display:flex;
flex-wrap:wrap;
gap:1.5rem;
align-items:center}

@media (width >= 1000px){
  .hero_logosWrapper{
gap:1.6875rem}
  .hero_logosWrapper img{
width:fit-content;
height:fit-content}
}


/* ========================================================
   CARDS — Products, Articles, Catalog cards, Animations
   ======================================================== */

.page_articles{
padding-top:0}

@media (width >= 768px){
  .page_articles{
padding-top:1.25rem}
}

.animatedText_color{
color:var(--red)}

.technologists-card_title{
background:linear-gradient(to right,var(--red) 50%,var(--black) 50%);
background-size:200% 100%;
background-position:100% 0;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
transition:background-position .5s ease}

.technologists-card_wrapper:hover .technologists-card_title{
background-position:0 0}

.technologists-card_wrapper{
position:relative;
width:100%}

@media (width >= 1000px){
  .technologists-card_wrapper{
height:40.625rem}
}

.technologists-card_imgWrapper{
position:relative;
width:100%;
height:16.375rem}

@media (width >= 425px){
  .technologists-card_imgWrapper{
height:26.25rem}
}

@media (width >= 768px){
  .technologists-card_imgWrapper{
height:34.375rem}
}

@media (width >= 1000px){
  .technologists-card_imgWrapper{
position:static}
}

.technologists-card_image{
object-fit:cover}

.technologists-card_link:before{
content:"";
position:absolute;
top:0;
left:0;
inline-size:100%;
block-size:100%}

@media (any-hover:hover) and (pointer:fine){
  .technologists-card_link:hover .technologists-card_icon{
background-color:#d10025}
}

.technologists-card_content{
display:flex;
gap:1.25rem;
align-items:flex-end;
justify-content:space-between;
width:100%;
padding:1.875rem 1.875rem 1.875rem 1.8125rem;
background-color:var(--white);
border:.0625rem solid var(--gray30);
border-top:none}

@media (width >= 1000px){
  .technologists-card_content{
position:absolute;
bottom:0;
left:0;
max-width:27.75rem;
border-left:.0625rem solid var(--gray30)}
}

.technologists-card_title{
margin-bottom:.4375rem;
font-size:1.25rem;
font-weight:500;
line-height:1.75rem}

@media (width >= 1000px){
  .technologists-card_title{
margin-bottom:1.25rem}
}

.technologists-card_text{
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--gray70)}

@media (width >= 1000px){
  .technologists-card_text{
font-weight:400;
letter-spacing:.015em}
}

.technologists-card_icon{
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
padding:.625rem;
color:var(--white);
background-color:var(--red);
border-radius:3.125rem;
transition:background-color var(--default-transition)}

.technologists_wrapper{
padding-top:3.75rem;
color:var(--black);
background-color:var(--white)}

.technologists_container{
display:flex;
flex-flow:column nowrap;
gap:1.875rem}

@media (width >= 1000px){
  .technologists_container{
gap:2.5rem}
}

.technologists_header{
display:flex;
flex-flow:column nowrap;
flex-basis:100%;
gap:1.5rem}

@media (width >= 1000px){
  .technologists_header{
flex-direction:row;
align-items:flex-start;
justify-content:space-between}
}

.technologists_title{
margin-bottom:.875rem;
color:var(--gray80)}

@media (width >= 1000px){
  .technologists_title{
margin-bottom:.875rem}
}

.technologists_text{
max-width:19.75rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--gray70)}

@media (width >= 1000px){
  .technologists_text{
max-width:45.625rem;
font-size:1.125rem;
line-height:1.5625rem;
letter-spacing:.01em}
}

.technologists_list{
display:grid;
gap:1rem}

@media (width >= 1000px){
  .technologists_list{
grid-template-columns:repeat(2,1fr);
gap:2rem}
}

.technologists_item:last-child img{
object-position:0 0}

@media (width >= 425px){
  .technologists_item:last-child img{
object-position:center}
}

.advantages_wrapper{
padding-top:3.75rem}

@media (width >= 1000px){
  .advantages_wrapper{
padding-top:5rem}
}

.advantages_container{
position:sticky;
z-index:1;
top:0}

@media (width >= 1000px){
  .advantages_container{
display:grid;
grid-template-columns:minmax(1rem,1fr) minmax(0,calc(84.5rem / 2)) minmax(0,calc(84.5rem / 2)) minmax(1rem,1fr);
max-width:none!important;
margin-inline:0!important;
padding-inline:0!important}
}

.advantages_title{
display:inline-block;
margin-bottom:.625rem}

@media (width >= 1000px){
  .advantages_title{
margin-bottom:2.5rem}
}

.advantages_body{
display:flex;
grid-column:2;
flex-direction:column-reverse}

@media (width >= 1000px){
  .advantages_body{
flex-direction:row}
}

.advantages_body_fake{
pointer-events:none;
position:fixed;
z-index:100;
top:-62.4375rem;
left:-62.4375rem;
width:100vw;
height:max-content;
padding:0 1rem;
visibility:hidden}

.advantages_accordion{
flex:1 1;
height:max-content}

.advantages_imgWrapper{
display:none}

@media (width >= 1000px){
  .advantages_imgWrapper{
position:relative;
display:block;
grid-column:3/span 4;
height:100%;
margin-bottom:0}
}

.advantages_imgWrapper img{
width:100%;
height:100%;
object-fit:cover}

.advantages_testWrapper{
position:relative;
display:flex;
flex-direction:column;
padding:1.5rem 1rem}

.advantages_testWrapper.advantages_active{
gap:.75rem}

@media (width >= 1000px){
  .advantages_testWrapper{
padding:1.875rem 1.875rem 1.875rem 1rem}
  .advantages_testWrapper.advantages_active{
gap:.5rem}
}

.advantages_header{
display:flex;
gap:.625rem;
font-size:1.5rem;
font-weight:400;
line-height:1.8125rem;
color:var(--gray50)}

.advantages_header.advantages_active .advantages_count{
color:var(--red-active)}

@media (width >= 1000px){
  .advantages_header{
gap:1.125rem;
font-size:1.875rem;
line-height:2.25rem;
letter-spacing:.03em}
}

.advantages_headerText{
position:relative;
overflow:hidden;
display:inline-block;
text-align:start}

.advantages_content{
overflow:hidden;
display:flex;
flex-direction:column;
gap:1rem;
align-items:flex-start;
max-width:33.125rem;
font-size:1rem;
font-weight:400;
line-height:1.375rem;
letter-spacing:.02em;
transition:max-height .3s}

@media (width >= 1000px){
  .advantages_content{
padding-inline:3.75rem}
}

.advantages_link{
color:var(--gray70);
letter-spacing:.01em;
border-bottom:.0625rem solid var(--red)}

@media (hover:hover){
  .advantages_link:hover{
color:var(--red)}
}

.advantages_scrollContainer{
overflow:hidden}

.sliderButtonsWithLink_content{
display:flex;
column-gap:1.875rem;
align-items:center}

.sliderButtonsWithLink_link{
cursor:pointer;
padding:0 .25rem .125rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
letter-spacing:.01em;
border-bottom:.0625rem solid var(--red);
transition:color var(--default-transition)}

.sliderButtonsWithLink_slideDark .sliderButtonsWithLink_link{
color:var(--white)}

.sliderButtonsWithLink_slideLight .sliderButtonsWithLink_link{
color:var(--gray70)}

@media (hover:hover){
  .sliderButtonsWithLink_slideDark .sliderButtonsWithLink_link:hover{
color:var(--red)}
}

.sliderButtonsWithLink_slideDark .sliderButtonsWithLink_link:active{
color:var(--gray50)}

@media (hover:hover){
  .sliderButtonsWithLink_slideLight .sliderButtonsWithLink_link:hover{
color:var(--red)}
}

.sliderButtonsWithLink_slideLight .sliderButtonsWithLink_link:active{
color:var(--black)}

.sliderButtonsWithLink_buttons{
display:none;
column-gap:.625rem}

.sliderButtonsWithLink_buttons button:first-child{
transform:rotate(180deg)}

@media (width >= 768px){
  .sliderButtonsWithLink_link{
font-size:1.125rem;
line-height:1.5625rem}
  .sliderButtonsWithLink_buttons{
display:flex}
}

.receipt-card_wrapper{
display:flex;
flex-direction:column;
height:100%}

.receipt-card_wrapper>img{
width:100%;
height:13.125rem;
object-fit:cover}

@media (width >= 768px){
  .receipt-card_wrapper>img{
height:17.5rem}
}

.receipt-card_body{
display:flex;
flex-direction:column;
height:100%;
padding:1rem;
border-color:#d9d9d9;
border-style:solid;
border-width:0 .0625rem}

@media (width >= 768px){
  .receipt-card_body{
padding:1.5rem}
}

.receipt-card_type{
display:flex;
gap:1rem;
align-items:center;
justify-content:center;
padding:.75rem 1.5rem;
font-size:1rem;
font-weight:400;
line-height:1.4rem;
color:#555;
letter-spacing:.015em;
border:.0625rem solid #d9d9d9}

.receipt-card_title{
position:relative;
overflow:hidden;
display:inline-block;
margin:0 0 auto;
font-size:1rem;
font-weight:500;
line-height:1.4rem;
color:var(--black)}

@media (width >= 768px){
  .receipt-card_title{
font-size:1.25rem;
line-height:1.75rem}
}

.receipt-card_labels{
display:flex;
flex-wrap:wrap;
gap:.625rem;
margin-bottom:.875rem}

.product-tabs_wrapper{
overflow:hidden;
padding-block:1.875rem 1rem}

@media (width >= 768px){
  .product-tabs_wrapper{
padding-block:3.4375rem 1.875rem}
}

.product-tabs_head{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
margin-bottom:1.5rem}

@media (width >= 768px){
  .product-tabs_head{
height:2.75rem;
margin-bottom:2rem}
}

.product-tabs_buttons{
position:relative;
display:flex;
flex-wrap:wrap;
gap:1.5rem;
max-width:fit-content}

.product-tabs_buttons:after{
content:"";
position:absolute;
bottom:-.25rem;
width:100%;
height:.09375rem;
background-color:#d9d9d9}

.product-tabs_button_{
position:relative;
font-size:1rem;
font-weight:500;
line-height:1.4rem;
color:var(--gray70);
transition:color var(--default-transition)}

@media (width >= 768px){
  .product-tabs_button_{
font-size:1.25rem;
font-weight:500;
line-height:1.75rem}
}

.product-tabs_active{
color:var(--black)}

.product-tabs_sliderWrapper{
display:flex;
gap:1rem}

@media (width >= 1000px){
  .product-tabs_sliderWrapper{
gap:2rem}
}

.product-tabs_sliderWrapperReceipt{
display:flex;
gap:1rem}

.product-tabs_sliderWrapperReceipt>*{
flex:1 0 19.75rem}

@media (width >= 768px){
  .product-tabs_sliderWrapperReceipt{
gap:1.25rem}
}

.product-tabs_ideaSlide{
flex:0 0 12.75rem}

@media (width >= 768px){
  .product-tabs_ideaSlide{
flex:0 0 18.125rem}
}

.product-tabs_description{
width:100%}

.product-tabs_description p{
max-width:41.875rem;
font-size:1rem;
font-weight:400;
line-height:1.4rem;
color:var(--gray70);
letter-spacing:.015em}

.product-tabs_descriptionRow{
position:relative;
padding-block:1.875rem}

.product-tabs_descriptionRow:first-child{
padding-block:0 3.125rem}

.product-tabs_subtitle{
display:block;
margin-bottom:.625rem;
font-size:1rem;
font-weight:500;
line-height:1.4rem;
color:var(--black)}

.product-tabs_label{
max-width:fit-content;
margin-bottom:.9375rem}

.product-tabs_nutritionalValuesList{
display:flex;
flex-wrap:nowrap}

.product-tabs_nutritionalValue{
display:flex;
flex-direction:column;
gap:.25rem;
align-items:center;
justify-content:center;
padding:0 1rem}

@media (width >= 768px){
  .product-tabs_nutritionalValue{
gap:.375rem;
padding:1rem 2.1875rem}
}

.product-tabs_nutritionalValue:not(:last-child){
position:relative}

.product-tabs_nutritionalValue:not(:last-child):after{
content:"";
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
width:.0625rem;
height:2.375rem;
background-color:var(--gray30)}

@media (width >= 768px){
  .product-tabs_nutritionalValue:not(:last-child):after{
height:2.875rem}
}

.product-tabs_nutritionalValue:first-child{
padding-inline:0 1rem}

.product-tabs_nutritionalValue:last-child{
padding-inline:1rem 0}

@media (width >= 768px){
  .product-tabs_nutritionalValue:first-child{
padding-inline:0 2.1875rem}
  .product-tabs_nutritionalValue:last-child{
padding-inline:2.1875rem 0}
}

.product-tabs_nutritionalValueSummary{
font-size:1rem;
font-weight:500;
line-height:1.4rem;
letter-spacing:.01em}

@media (width >= 768px){
  .product-tabs_nutritionalValueSummary{
font-size:1.125rem;
line-height:1.575rem}
}

.product-tabs_nutritionalValueLabel{
font-size:1rem;
font-weight:400;
line-height:1.4rem;
color:var(--gray70)}

.product-tabs_downloadButton{
display:flex;
gap:.625rem;
align-items:center;
justify-content:center;
width:100%;
margin-top:1rem;
padding:.625rem 1.5rem;
font-size:1rem;
font-weight:500;
line-height:1.4rem;
color:var(--gray70);
border:.0625rem solid var(--gray30);
border-radius:3.125rem}

@media (width >= 768px){
  .product-tabs_downloadButton{
width:auto}
}

.product-tabs_storage{
display:flex;
gap:1.875rem}

.product-tabs_storageItem{
display:flex;
flex-direction:column}

.product-tabs_storageItem span{
font-size:1rem;
font-weight:400;
line-height:1.4rem;
letter-spacing:.015em}

.product-tabs_storageItemList{
display:flex;
gap:1rem}

.product-tabs_storageItemList span{
display:flex;
gap:.5rem;
align-items:center}

.product-tabs_borderWrapper{
position:absolute;
bottom:-.25rem;
left:0;
z-index:3;
width:3.75rem;
height:.09375rem;
transition:all var(--default-transition)}

.product-tabs_border{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:var(--red)}

.receipts_wrapper{
overflow:hidden;
padding-block:1.875rem;
background-color:var(--white)}

@media (width >= 1000px){
  .receipts_wrapper{
padding-block:5rem}
}

.receipts_head{
display:flex;
flex-wrap:wrap;
gap:1rem;
align-items:flex-start;
justify-content:space-between;
margin-bottom:1.5rem;
color:var(--white)}

@media (width >= 768px){
  .receipts_head{
margin-bottom:2rem}
}

.receipts_info{
width:100%;
max-width:48.75rem}

.receipts_title{
margin-bottom:.875rem;
color:var(--gray80)}

.receipts_text{
font-size:1rem;
font-weight:500;
line-height:1.4rem;
color:var(--gray60);
letter-spacing:.01em}

@media (width >= 768px){
  .receipts_text{
font-size:1.125rem;
line-height:1.575rem}
}

.receipts_cards-2{
display:flex;
column-gap:1rem}

.receipts_card{
flex:0 0 19.75rem}

@media (width >= 768px){
  .receipts_cards-2{
column-gap:2rem}
  .receipts_card{
flex:0 0 26.1875rem}
}

.articleCard_card{
cursor:pointer;
user-select:none;
display:flex;
flex-direction:column;
width:100%;
min-width:19.75rem;
height:23.5rem}

.articleCard_image{
width:100%;
min-width:19.75rem;
height:12rem;
object-fit:cover}

.articleCard_content{
background-color:var(--white)}

.articleCard_title{
height:8.1875rem;
padding:1.5rem;
font-size:1rem;
font-weight:500;
line-height:1.375rem}

.articleCard_title.articleCard_isRead{
color:var(--gray70)}

.articleCard_time{
display:flex;
align-items:center;
justify-content:center;
font-size:1rem;
line-height:1.4375rem;
color:var(--gray70);
letter-spacing:.01em;
border-top:.0625rem solid var(--gray30)}

.articleCard_time>div:not(.articleCard_readIcon){
display:flex;
column-gap:.625rem;
align-items:center;
justify-content:center;
margin-inline:auto;
padding:.9375rem 0}

.articleCard_readIcon{
display:flex;
max-width:fit-content;
padding:.9375rem 1.25rem;
border-left:.0625rem solid var(--gray30)}

@media (width >= 768px){
  .articleCard_card{
width:100%;
min-width:26.125rem;
height:29.75rem}
  .articleCard_image{
width:100%;
min-width:26.125rem;
height:17.5rem}
  .articleCard_title{
height:9rem;
padding:1.875rem;
font-size:1.25rem;
line-height:1.75rem}
  .articleCard_time{
font-size:.875rem;
line-height:1.25rem}
}

.articlesSection_articles{
overflow:hidden;
padding:1.875rem 0;
background-color:var(--black)}

.articlesSection_articlesHeader{
display:flex;
align-items:flex-end;
justify-content:space-between;
margin-bottom:.875rem;
color:var(--white)}

.articlesSection_hidden{
overflow:hidden}

.articlesSection_cards{
display:grid;
grid-template-columns:1fr;
gap:1rem}

.articlesSection_scrollable .articlesSection_cards{
display:flex}

.articlesSection_articles.articlesSection_small{
padding-block:0 1.875rem}

@media (width >= 884px){
  .articlesSection_cards{
grid-template-columns:repeat(2,1fr)}
}

@media (width >= 1352px){
  .articlesSection_cards{
grid-template-columns:repeat(3,1fr);
gap:2rem}
}

@media (width >= 1000px){
  .articlesSection_scrollable .articlesSection_cards{
gap:2rem}
  .articlesSection_articles{
padding-block:5rem}
  .articlesSection_articles.articlesSection_small{
padding-block:1.25rem 5rem}
  .articlesSection_articlesHeader{
margin-bottom:2.5rem}
  .articlesSection_text{
font-size:1.125rem;
line-height:1.5625rem}
  .articlesSection_buttons{
display:flex}
}

.other-receipts_wrapper_{
overflow:hidden;
padding-block:1.875rem}

@media (width >= 1000px){
  .other-receipts_wrapper_{
padding-block:3.75rem 5rem}
}

.other-receipts_head{
display:flex;
flex-wrap:wrap;
gap:1rem;
align-items:center;
justify-content:space-between;
margin-bottom:1.5rem}

@media (width >= 768px){
  .other-receipts_head{
margin-bottom:2.5rem}
}

.other-receipts_title{
color:var(--gray80)}

.other-receipts_cards{
display:flex;
column-gap:1rem}

.other-receipts_card{
flex:0 0 19.75rem}

@media (width >= 768px){
  .other-receipts_cards{
column-gap:1.25rem}
  .other-receipts_card{
flex:0 0 26.6875rem}
}

.share-receipt_container{
width:100%;
padding-top:1.875rem}

@media (width >= 1000px){
  .share-receipt_container{
padding-top:2.5rem}
}

.share-receipt_title{
margin-bottom:1.5rem;
font-size:1.25rem;
font-weight:500;
line-height:1.75rem;
color:var(--gray80)}

@media (width >= 768px){
  .share-receipt_title{
font-size:1.375rem;
line-height:1.925rem}
}

.share-receipt_buttons{
display:flex;
flex-wrap:wrap;
gap:.75rem}

.share-receipt_button{
padding-inline:1.5rem;
transition:background-color .3s,color .3s}

@media (any-hover:hover){
  .share-receipt_buttonHover:hover{
color:var(--white);
background-color:var(--black)}
  .share-receipt_buttonHover:hover svg{
color:var(--white)}
}

.product-card_wrapper{
display:flex;
flex-direction:column;
height:100%;
transition:box-shadow .3s}

@media (any-hover:hover){
  .product-card_wrapper:hover{
position:relative;
z-index:1;
box-shadow:.25rem .5625rem 2.5rem 0 #756a6a1f}
}

.product-card_image{
position:relative;
display:flex;
align-items:center;
justify-content:center;
height:13.125rem;
background-color:var(--gray10)}

.product-card_image img{
width:100%;
max-width:15.125rem;
height:auto}

.product-card_body{
display:flex;
flex-direction:column;
flex-grow:1;
justify-content:space-between;
padding:1.5625rem 1rem 1.25rem;
background-color:var(--white)}

@media (width >= 768px){
  .product-card_image{
height:14.375rem}
  .product-card_body{
padding:1.25rem}
}

.product-card_title{
margin-bottom:1rem;
font-size:1rem;
font-weight:500;
line-height:1.4rem}

@media (width >= 768px){
  .product-card_title{
margin-bottom:2.875rem;
font-size:1.25rem;
line-height:1.75rem}
}

.product-card_content{
display:flex;
flex-direction:column}

.product-card_row{
display:flex;
align-items:flex-start}

.product-card_row:not(:last-child){
padding-bottom:.625rem;
border-bottom:.0625rem solid var(--gray20)}

.product-card_row:last-child{
padding-top:.625rem}

.product-card_name{
color:var(--gray70)}

.product-card_name,.product-card_value{
font-size:.875rem;
font-weight:400;
line-height:1.225rem;
letter-spacing:.02em}

.product-card_value{
position:relative;
padding-inline:.75rem}

.product-card_value:not(:last-child):after{
content:"";
position:absolute;
right:0;
width:.0625rem;
height:100%;
background-color:var(--gray30)}

.product-card_values{
display:flex;
flex-wrap:wrap}

.product-card_label{
position:absolute;
bottom:-.625rem;
left:.75rem}

@media (width >= 768px){
  .product-card_label{
left:1.25rem}
}

.catalog-grid_verticalScrollContainer{
overflow:hidden;
flex-grow:1}

.catalog-grid_cards{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(11.5625rem,1fr));
width:100%;
height:fit-content}

.catalog-grid_card{
height:fit-content;
height:100%}

.catalog-grid_card:nth-child(-n+3){
border-bottom:.00625rem solid var(--gray20)}

.catalog-grid_card:nth-child(3n+1){
border-right:.00625rem solid var(--gray20)}

.catalog-grid_card:nth-child(3n){
border-left:.00625rem solid var(--gray20)}

.catalog-grid_card:nth-child(n+7){
border-top:.00625rem solid var(--gray20)}

.catalog-grid_cards:not(.catalog-grid_space),.catalog-grid_cards:not(.catalog-grid_space)>.catalog-grid_card{
border:.00625rem solid var(--gray20)}

@media (width >= 768px){
  .catalog-grid_cards{
grid-template-columns:repeat(auto-fill,minmax(20.75rem,1fr))}
}

.catalog-grid_card .catalog-grid_space{
grid-template-columns:repeat(auto-fill,minmax(11.5625rem,1fr));
border:.00625rem solid var(--gray30)}

@media (width >= 768px){
  .catalog-grid_space{
grid-template-columns:repeat(auto-fill,minmax(11.5625rem,20rem));
gap:1.25rem}
}

.catalog-grid_item{
display:flex;
flex-direction:column;
justify-content:space-between}

@media (width >= 1000px){
  .catalog-grid_itemImg{
height:14.375rem!important}
}

.catalog-grid_itemTextWrapper{
padding:1rem}

@media (width >= 1000px){
  .catalog-grid_itemTextWrapper{
padding:1.25rem}
}

.catalog-grid_itemTitle{
margin-bottom:4.0625rem}

@media (width >= 1000px){
  .catalog-grid_itemTitle{
height:2.75rem!important;
margin-bottom:5.375rem}
}

.catalog-grid_itemLine_{
margin-bottom:.625rem}

.catalog-grid_button{
cursor:pointer;
margin:1.875rem auto;
padding:1.25rem 1.875rem;
font-size:1rem;
letter-spacing:.01em;
border:.00625rem solid var(--gray30);
border-radius:3.125rem}

@media (width >= 768px){
  .catalog-grid_button{
margin:1.8125rem auto .0625rem}
}

@media (width >= 1000px){
  .industries_container{
padding-block:2.5rem}
}

.industries_industries{
display:flex;
flex-wrap:wrap;
gap:.875rem;
padding:1rem}

@media (width >= 1000px){
  .industries_industries{
padding:0}
}

.catalog_page_{
position:relative}

.catalog_pageHeaderWrapper{
background-color:var(--black)}

.catalog_pageHeader{
display:flex;
flex-direction:column;
row-gap:1.5rem;
align-items:center;
padding:1.25rem 1rem 1.5rem}

.catalog_pageHeader h2{
color:var(--white)}

.catalog_right{
display:flex;
gap:1.5rem;
align-items:center;
justify-content:space-between;
width:100%}

@media (width >= 1000px){
  .catalog_right{
width:auto}
}

.catalog_link{
display:flex;
gap:.625rem;
align-items:baseline}

.catalog_icon{
display:flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:1.5rem;
margin-top:.5625rem;
font-size:.625rem;
line-height:.9375rem;
color:var(--gray50);
background-color:transparent;
border:.0625rem solid var(--gray60);
border-radius:.375rem}

.catalog_search{
width:100%}

@media (width >= 1000px){
  .catalog_pageHeaderWrapper{
position:sticky;
z-index:1000;
top:4.5rem}
  .catalog_pageHeader{
flex-direction:row;
justify-content:space-between;
padding-block:1.25rem}
  .catalog_right{
justify-content:flex-start}
  .catalog_icon{
width:2.5rem;
height:1.875rem;
font-size:.875rem;
line-height:1.3125rem}
  .catalog_search{
width:27.25rem}
  .catalog_verticalScrollContainer{
overflow:hidden;
flex-grow:1}
}

.catalog_filters{
padding-block:1.875rem}

.catalog_filtersContainer{
overflow:auto visible;
display:flex;
column-gap:.5rem;
align-items:center;
justify-content:space-between;
margin-top:-.625rem;
padding:.625rem 1rem 0}

.catalog_filtersContainer::-webkit-scrollbar{
display:none}

.catalog_reset{
margin-left:.5rem}

@media (width >= 768px){
  .catalog_filters{
display:none}
}

.catalog_container, .industries_container{
display:none}

@media (width >= 768px){
  .catalog_container, .industries_container{
overflow-y:auto;
display:flex;
flex-shrink:0;
height:100%;
-ms-overflow-style:none}
  .catalog_container::-webkit-scrollbar, .industries_container::-webkit-scrollbar{
display:none}
}

@media (width >= 768px){
  .catalog_catalog{
display:flex;
flex-direction:row;
gap:2.5rem;
height:auto;
    min-height:auto;
    min-height:calc(100dvh - 4.5rem - 5.625rem + 3.75rem);
padding-bottom:3.75rem}
}

.modal_modalOuter{
position:fixed;
z-index:900;
top:0;
left:0;
transform:translateX(-100%);
display:flex;
align-items:center;
justify-content:center;
width:100dvw;
height:100dvh;
background-color:var(--white);
transition:transform var(--default-transition)}

.modal_visible{
transform:translateX(0)}

.modal_modalInner_{
position:relative;
overflow-y:auto;
flex-direction:column;
width:100%;
height:100%;
background-color:transparent}

.modal_close,.modal_modalInner_{
display:flex;
align-items:center;
justify-content:center}

.modal_close{
cursor:pointer;
position:fixed;
z-index:1000;
top:1rem;
left:1rem;
flex-shrink:0;
width:1.5rem;
height:1.5rem;
margin-left:auto;
background-color:var(--white);
border:none}


/* === CARD TITLE HOVER ANIMATIONS === */

/* 1. Index articles + Technologists articles */
.articleCard_title{
  background:linear-gradient(to right,var(--red) 50%,var(--black) 50%);
  background-size:200% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  transition:background-position .5s ease}

.articleCard_card:hover .articleCard_title{
  background-position:0 0}

/* Equal width article cards in scrollable mode */
.articlesSection_scrollable .articleCard_card{
  flex:0 0 19.75rem;
  width:19.75rem;
  max-width:19.75rem}

.articlesSection_scrollable .articleCard_image{
  min-width:auto;
  width:100%;
  overflow:hidden}

@media (width >= 768px){
  .articlesSection_scrollable .articleCard_card{
    flex:0 0 26.125rem;
    width:26.125rem;
    max-width:26.125rem}
}

/* Article image overflow for all cards */
.articleCard_image{
  overflow:hidden}

/* 2. About page - Technologies advantages */
.advantage_advantageTitle{
  background:linear-gradient(to right,var(--red) 50%,var(--black) 50%);
  background-size:200% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  transition:background-position .5s ease}

.advantage_advantage:hover .advantage_advantageTitle{
  background-position:0 0}

/* 3. Technologists receipts */
.receipt-card_title{
  background:linear-gradient(to right,var(--red) 50%,var(--black) 50%);
  background-size:200% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  transition:background-position .5s ease}

.receipt-card_wrapper:hover .receipt-card_title{
  background-position:0 0}

/* 4. Catalog product cards */
.product-card_title{
  background:linear-gradient(to right,var(--red) 50%,var(--black) 50%);
  background-size:200% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  transition:background-position .5s ease}

.product-card_wrapper:hover .product-card_title{
  background-position:0 0}


/* ========================================================
   LEGACY CATALOG STYLES
   ======================================================== */

.scrollContainer_shaft{
display:block}

.scrollContainer_lift{
position:sticky;
top:0;
display:flex;
flex-direction:column}

.catalog-not-found_container{
display:flex;
flex-direction:column;
gap:1.25rem;
align-items:center;
padding:0 1rem 1.875rem}

@media (width >= 1000px){
  .catalog-not-found_container{
padding:0 0 13.625rem}
  .catalog-not-found_icon img{
width:4.875rem;
height:4.875rem}
}

.catalog-not-found_text{
font-size:1.5rem;
font-weight:400;
line-height:1.8125rem;
text-align:center}

@media (width >= 1000px){
  .catalog-not-found_text{
font-size:1.875rem;
font-weight:500;
line-height:2.25rem}
}

.catalog-not-found_textAdditional{
font-size:1rem;
font-weight:400;
line-height:1.375rem;
text-align:center;
letter-spacing:.015em}


/* ========================================================
   PAGE: Technologists (part 1)
   ======================================================== */

.idea-card_wrapper{
user-select:none;
display:grid;
gap:1rem;
width:100%;
max-width:12.75rem}

@media (width >= 768px){
  .idea-card_wrapper{
max-width:18.125rem}
}

.idea-card_label{
cursor:pointer;
overflow:hidden;
display:block;
width:100%;
height:2rem;
max-height:fit-content;
padding:.375rem;
font-size:.875rem;
font-weight:400;
line-height:1.4rem;
color:#050505;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
background-color:var(--green);
border-radius:.375rem}

.idea-card_wrapper.idea-card_hover .idea-card_label{
display:flex;
gap:.5rem;
align-items:center;
justify-content:center}

@media (hover:hover){
  .idea-card_wrapper:hover .idea-card_label{
color:var(--white);
background-color:var(--red)}
}

@media (width >= 768px){
  .idea-card_label{
padding:.3125rem;
font-size:1rem}
}

.idea-card_image{
position:relative;
color:var(--white)}

.idea-card_image:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(191.7deg,rgb(23 23 23/0) 58.15%,rgb(23 23 23/63.7%) 70.91%)}

.idea-card_image img{
display:block;
width:100%;
height:19.8125rem;
object-fit:cover}

.idea-card_wrapper.idea-card_hover .idea-card_image img{
opacity:.4}

.idea-card_wrapper.idea-card_hover .idea-card_image:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(191.7deg,rgb(23 23 23/0) 58.15%,rgb(23 23 23/63.7%) 70.91%)}

.idea-card_image.idea-card_active{
opacity:.4}

@media (width >= 768px){
  .idea-card_image img{
height:28.125rem}
}

.idea-card_title{
position:absolute;
bottom:0;
left:0;
padding:1.5rem;
font-size:1rem;
font-weight:500;
line-height:1.4rem}

@media (width >= 768px){
  .idea-card_title{
font-size:1.25rem;
line-height:1.75rem}
}


/* ========================================================
   PAGE: Technologists (part 2)
   ======================================================== */

.ideas_wrapper{
overflow:hidden;
padding-block:0 1.875rem;
background-color:var(--black)}

@media (width >= 768px){
  .ideas_wrapper{
padding-block:1.25rem 3.75rem}
}

.ideas_head{
display:flex;
flex-wrap:wrap;
gap:1rem;
align-items:flex-start;
justify-content:space-between;
margin-bottom:1.5rem;
color:var(--white)}

@media (width >= 768px){
  .ideas_head{
margin-bottom:2rem;
padding-inline:0}
}

.ideas_info{
width:100%;
max-width:48.75rem}

.ideas_title{
margin-bottom:.875rem}

.ideas_text{
max-width:20rem;
font-size:1rem;
font-weight:500;
line-height:1.4rem;
color:var(--gray50);
letter-spacing:.01em}

@media (width >= 768px){
  .ideas_text{
max-width:100%;
font-size:1.125rem;
line-height:1.575rem}
}

.ideas_cards{
display:flex;
column-gap:1rem}

.ideas_card{
flex:0 0 12.75rem}

@media (width >= 768px){
  .ideas_cards{
column-gap:2rem}
  .ideas_card{
flex:0 0 18.125rem}
}


/* ========================================================
   PAGE: Catalog — Filters, Grid, Product cards
   ======================================================== */

@keyframes react-loading-skeleton{
to{
transform:translateX(100%)}
}

.react-loading-skeleton{
--base-color:#ebebeb;
--highlight-color:#f5f5f5;
--animation-duration:1.5s;
--animation-direction:normal;
--pseudo-element-display:block;
background-color:var(--base-color);
width:100%;
border-radius:.25rem;
display:inline-flex;
line-height:1;
position:relative;
user-select:none;
overflow:hidden}

.react-loading-skeleton:after{
content:" ";
display:var(--pseudo-element-display);
position:absolute;
top:0;
left:0;
right:0;
height:100%;
background-repeat:no-repeat;
background-image:var(
--custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
);
transform:translateX(-100%);
animation-name:react-loading-skeleton;
animation-direction:var(--animation-direction);
animation-duration:var(--animation-duration);
animation-timing-function:ease-in-out;
animation-iteration-count:infinite}

@media (prefers-reduced-motion){
  .react-loading-skeleton{
--pseudo-element-display:none}
}

/* === CATALOG MOBILE VISIBILITY FIX === */
.catalog-grid_verticalScrollContainer{
  display:block;
  overflow:visible}

.catalog_container, .industries_container{
  display:none}

@media (width >= 768px){
  .catalog_catalog{
    display:flex;
    flex-direction:row;
    gap:2.5rem;
    height:auto;
    min-height:calc(100dvh - 4.5rem - 5.625rem + 3.75rem);
    padding-bottom:3.75rem}
  .catalog_container, .industries_container{
    display:flex;
    flex-shrink:0;
    align-self:flex-start}
  .catalog-grid_verticalScrollContainer{
    overflow:visible;
    flex-grow:1}
}


/* ========================================================
   PAGE: Buy / Contacts — Order forms
   ======================================================== */

.buy_delivery{
background-color:var(--black)}

.buy_container{
display:flex;
flex-direction:column;
gap:1.5rem;
padding-block:1.25rem 1.875rem}

@media (width >= 1200px){
  .buy_container{
gap:.875rem;
padding-block:3.75rem}
}

.buy_header{
display:flex;
flex-direction:column;
gap:1.875rem;
align-items:flex-start;
color:var(--white)}

@media (width >= 1200px){
  .buy_header{
flex-direction:row;
gap:1rem;
align-items:center}
}

.buy_label{
color:var(--black)}

.buy_text{
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--gray50)}

@media (width >= 1200px){
  .buy_text{
max-width:37.5rem;
font-size:1.25rem;
line-height:1.75rem}
}

.buy_graphs{
overflow:hidden;
display:flex;
flex-direction:column-reverse}

.buy_cards{
display:flex}

@media (width >= 750px){
  .buy_cards{
display:grid;
grid-template-columns:repeat(3,1fr)}
}

.buy_card{
display:flex;
flex:0 0 23.4375rem;
flex-direction:column;
align-items:center;
min-width:0}

@media (width >= 750px){
  .buy_card:not(:last-child){
border-right:.0625rem solid var(--gray30)}
  .buy_card{
gap:1.25rem;
padding:3.125rem 2rem 4.5rem}
}

.buy_cardContent{
display:flex;
flex-direction:column;
gap:1.75rem;
align-items:center}

@media (width >= 1200px){
  .buy_cardContent{
gap:3rem}
}

.buy_cardTitle{
display:none}

@media (width >= 750px){
  .buy_cardTitle{
display:block;
font-size:1.25rem;
font-weight:500;
line-height:1.5rem}
}

@media (width >= 1000px){
  .buy_cardTitle{
font-size:1.875rem;
line-height:2.25rem}
}

.buy_level{
display:grid;
grid-template-columns:repeat(2,1fr)}

.buy_figure{
position:relative;
display:flex;
flex-direction:column;
gap:.5rem;
align-items:center;
max-width:16.375rem;
padding:1rem;
text-align:center}

@media (width >= 1200px){
  .buy_figure{
gap:.75rem;
padding-bottom:1.25rem}
  .buy_level .buy_figure{
width:16.625rem}
  .buy_figure.buy_twoArrows{
min-width:21.75rem}
  .buy_figure.buy_oneArrow figcaption{
max-width:13.125rem}
}

.buy_figure>div{
display:flex;
align-items:center;
justify-content:space-between;
padding:.6875rem;
background-color:var(--gray10);
border-radius:5rem}

@media (width >= 1200px){
  .buy_figure>div{
padding:.125rem}
}

.buy_figure img{
width:1.65625rem;
height:1.65625rem}

@media (width >= 1200px){
  .buy_figure img{
width:5rem;
height:5rem;
padding:1.125rem}
}

.buy_figure:after,.buy_figure:before{
content:"";
position:absolute;
z-index:2;
bottom:-1.75rem;
background-repeat:no-repeat;
background-size:contain}

@media (width >= 1200px){
  .buy_figure:after,.buy_figure:before{
bottom:-2.75rem}
}

.buy_oneArrow:before{
left:50%;
transform:translateX(-50%);
width:.9375rem;
height:1.875rem;
background-image:url(/icons/buy/down-mobile.svg)}

@media (width >= 1200px){
  .buy_oneArrow:before{
height:2.3125rem;
background-image:url(/icons/buy/down.svg)}
}

.buy_twoArrows{
width:16.375rem}

.buy_twoArrows:after,.buy_twoArrows:before{
width:1.3125rem;
height:1.75rem}

.buy_twoArrows:before{
left:3.3125rem;
background-image:url(/icons/buy/left-mobile.svg)}

@media (width >= 1200px){
  .buy_twoArrows:before{
left:6rem;
background-image:url(/icons/buy/left.svg)}
}

.buy_twoArrows:after{
right:3.3125rem;
background-image:url(/icons/buy/right-mobile.svg)}

@media (width >= 1200px){
  .buy_twoArrows:after{
right:6rem;
background-image:url(/icons/buy/right.svg)}
  .buy_twoArrows:after,.buy_twoArrows:before{
width:1.625rem;
height:2.625rem}
}

.buy_figure figcaption{
font-size:1rem;
font-weight:400;
line-height:1.375rem;
letter-spacing:.02em}

@media (width >= 1200px){
  .buy_figure figcaption{
letter-spacing:.015em}
}

.buy_buttonBlock{
overflow:auto hidden;
display:flex;
padding-left:1rem;
padding-block:1.875rem 1.5rem}

.buy_buttonBlock::-webkit-scrollbar{
opacity:0}

.buy_buttonContainer{
display:flex;
width:calc(100% - 1rem)}

@media (width >= 750px){
  .buy_buttonBlock{
display:none}
}

.buy_button{
position:relative;
overflow:visible;
flex:0 0 max-content;
min-width:0;
font-size:1rem;
font-weight:500;
line-height:1.375rem;
color:var(--gray70);
text-decoration:none;
letter-spacing:.01em;
white-space:nowrap;
border-bottom:.0625rem solid var(--gray30);
transition:all var(--default-transition)}

.buy_button:not(:last-child){
padding-right:1.5rem}

.buy_button:before{
content:"";
position:absolute;
bottom:0;
left:0;
width:calc(100% - 1.5rem);
height:.0625rem}

.buy_selected{
color:var(--black)}

.buy_button.buy_selected:before{
content:"";
position:absolute;
bottom:-.0625rem;
left:0;
width:calc(100% - 1.5rem);
height:.0625rem;
background-color:var(--red)}

.buy_button:last-child.buy_selected:before{
width:100%}


/* ========================================================
   PAGE: About — Accordion, Tabs, Sticky sidebar
   ======================================================== */

/* About page fixes - accordion, tabs, sticky sidebar */

/* === ADVANTAGES ACCORDION === */
.advantages_content{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease}

.advantages_testWrapper.advantages_active .advantages_content{
  max-height:800px}

.advantages_header{
  color:var(--gray50);
  transition:color .3s ease}

.advantages_testWrapper.advantages_active .advantages_header{
  color:var(--red)}

/* === QUALITY TABS === */
.quality_panel{
  display:none}

.quality_panel.quality_active{
  display:block}

/* === TECHNOLOGIES TABS === */
.technologies_content{
  display:none}

.technologies_content.technologies_active{
  display:flex}

.technologies_advantages{
  display:none}

.technologies_advantages.technologies_active{
  display:block}

/* === FABRICATION TABS === */
.fabrication_item{
  color:var(--gray50);
  transition:color .3s ease}

.fabrication_item.fabrication_active{
  color:var(--black)}

.fabrication_imgWrapper{
  display:none}

.fabrication_imgWrapper.fabrication_active{
  display:block}

/* === STICKY SIDEBAR - Quality === */
@media (width >= 768px){
  .quality_content_{
    display:flex;
    flex-direction:row}
  .quality_tabs{
    position:sticky;
    top:4.5rem;
    align-self:flex-start;
    flex-shrink:0}

}
@media (width < 768px){
    .quality_tabsContainer {
    display: flex;
    flex-direction:column;}
    .quality_tab{
    margin-left: 1rem;}
	.quality_active .quality_border {
    display: block !important;
    border-left: .125rem solid var(--red) !important;}
    .quality_tab:first-child .quality_border {
    display: none;
    border-left: none;}
    .quality_tabs {
    position: sticky;
    top: 0rem;
    width:100%;
    overflow: visible;
    background-color: var(--white);
    align-self: flex-start;
    z-index: 10;}
    .verification_texts {
    align-items: center;
    }
    .verification_text2 {
    left: 7.125rem;
    width: 6.875rem;
    padding-top:10px;
}
.verification_text1 {
    left: 1.25rem;
    width: 6.875rem;
}
.verification_text3 {
    left: 12.25rem;
    width: 6.875rem;
}


 .fabrication_productsWrapper {

    flex-direction: column;

}
.fabrication_item {

    flex: 0;
    }
    .technologies_differenceTab {

  position:relative;

}
.technologies_differencesList {
    padding-top:0px;
    }
.technologies_differenceTab {
    color: var(--black);
    margin-top:30px;
    background-color: var(--green);
}
.verification_container {
    height: 100%;

}
.verification_image {
    padding-top:40px;
    padding-bottom:40px;
}
.orderForm_radioBlockContent {
    display: flex;
    flex-wrap: wrap;
    row-gap:20px;
    }
.idea-card_label {

    font-size: 12px;
    }
}
/* === ADVANTAGES IMAGE - full height of left block === */
@media (width >= 1000px){
  .advantages_imgWrapper{
    position:relative;
    /*top:4.5rem;*/
    align-self:start;
    height:100%;
    max-height:none}
  .advantages_imgWrapper img{
    width:100%;
    height:100%;
    object-fit:cover}
}


/* ========================================================
   PAGES: Idea, Article, Product — Detail page fixes
   ======================================================== */

/* === PRODUCT PAGE STYLES === */

.product-tabs_wrapper {
  padding-block:3.4375rem 1.875rem
}

.product-tabs_head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin-bottom:1.5rem
}

.product-tabs_head {
  height:2.75rem;
  margin-bottom:2rem
}

.product-tabs_buttons {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
  max-width:fit-content
}

.product-tabs_buttons:after {
  content:"";
  position:absolute;
  bottom:-.25rem;
  width:100%;
  height:.09375rem;
  background-color:#d9d9d9
}

.product-tabs_button_ {
  position:relative;
  font-size:1rem;
  font-weight:500;
  line-height:1.4rem;
  color:var(--gray70);
  transition:color var(--default-transition)
}

.product-tabs_button_ {
  font-size:1.25rem;
  font-weight:500;
  line-height:1.75rem
}

.product-tabs_active {
  color:var(--black)
}

.product-tabs_button_::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:var(--red);
  transform:scaleX(0);
  transition:transform .3s ease;
  margin-bottom:-4px;
  z-index:2}

.product-tabs_button_.product-tabs_active::after{
  transform:scaleX(1)}

.product-tabs_sliderWrapper {
  display:flex;
  gap:1rem
}

.product-tabs_sliderWrapper {
  gap:2rem
}

.product-tabs_sliderWrapperReceipt {
  display:flex;
  gap:1rem
}

.product-tabs_sliderWrapperReceipt>* {
  flex:1 0 19.75rem
}

.product-tabs_sliderWrapperReceipt {
  gap:1.25rem
}

.product-tabs_ideaSlide {
  flex:0 0 12.75rem
}

.product-tabs_ideaSlide {
  flex:0 0 18.125rem
}

.product-tabs_description {
  width:100%
}

.product-tabs_descriptionRow {
  position:relative;
  padding-block:1.875rem
}

.product-tabs_descriptionRow:first-child {
  padding-block:0 3.125rem
}

.product-tabs_subtitle {
  display:block;
  margin-bottom:.625rem;
  font-size:1rem;
  font-weight:500;
  line-height:1.4rem;
  color:var(--black)
}

.product-tabs_label {
  max-width:fit-content;
  margin-bottom:.9375rem
}

.product-tabs_nutritionalValuesList {
  display:flex;
  flex-wrap:nowrap
}

.product-tabs_nutritionalValue {
  display:flex;
  flex-direction:column;
  gap:.25rem;
  align-items:center;
  justify-content:center;
  padding:0 1rem
}

.product-tabs_nutritionalValue {
  gap:.375rem;
  padding:1rem 2.1875rem
}

.product-tabs_nutritionalValue:not(:last-child) {
  position:relative
}

.product-tabs_nutritionalValue:not(:last-child):after {
  content:"";
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  width:.0625rem;
  height:2.375rem;
  background-color:var(--gray30)
}

.product-tabs_nutritionalValue:not(:last-child):after {
  height:2.875rem
}

.product-tabs_nutritionalValue:first-child {
  padding-inline:0 1rem
}

.product-tabs_nutritionalValue:last-child {
  padding-inline:1rem 0
}

.product-tabs_nutritionalValue:first-child {
  padding-inline:0 2.1875rem
}

.product-tabs_nutritionalValue:last-child {
  padding-inline:2.1875rem 0
}

.product-tabs_nutritionalValueSummary {
  font-size:1rem;
  font-weight:500;
  line-height:1.4rem;
  letter-spacing:.01em
}

.product-tabs_nutritionalValueSummary {
  font-size:1.125rem;
  line-height:1.575rem
}

.product-tabs_nutritionalValueLabel {
  font-size:1rem;
  font-weight:400;
  line-height:1.4rem;
  color:var(--gray70)
}

.product-tabs_downloadButton {
  display:flex;
  gap:.625rem;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:1rem;
  padding:.625rem 1.5rem;
  font-size:1rem;
  font-weight:500;
  line-height:1.4rem;
  color:var(--gray70);
  border:.0625rem solid var(--gray30);
  border-radius:3.125rem
}

.product-tabs_downloadButton {
  width:auto
}

.product-tabs_storage {
  display:flex;
  gap:1.875rem
}

.product-tabs_storageItem {
  display:flex;
  flex-direction:column
}

.product-tabs_storageItemList {
  display:flex;
  gap:1rem
}

.product-tabs_borderWrapper {
  position:absolute;
  bottom:-.25rem;
  left:0;
  z-index:3;
  width:3.75rem;
  height:.09375rem;
  transition:all var(--default-transition)
}

.product-tabs_border {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:var(--red)
}

.product-characteristics_wrapper {
  width:100%;
  padding:1.875rem 1rem
}

.product-characteristics_wrapper {
  padding:2.5rem 3.75rem 3.75rem
}

.product-characteristics_wrapper {
  padding:2.5rem 3.75rem 3.75rem 2.5rem
}

.product-characteristics_info {
  display:flex;
  flex-direction:column;
  margin-bottom:1.5rem
}

.product-characteristics_info {
  margin-bottom:2.1875rem
}

.product-characteristics_categories {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  order:2;
  margin-bottom:1rem
}

.product-characteristics_categories {
  order:1;
  margin-bottom:1.25rem
}

.product-characteristics_title {
  order:1;
  margin-bottom:1rem;
  font-size:2rem;
  font-weight:500;
  line-height:2.2rem;
  color:var(--black)
}

.product-characteristics_title {
  order:2;
  margin-bottom:1.25rem;
  font-size:2.625rem;
  line-height:3.15rem
}

.product-characteristics_id {
  cursor:pointer;
  position:relative;
  display:flex;
  flex-wrap:nowrap;
  gap:.5rem;
  align-items:center;
  align-self:flex-start;
  order:3
}

.product-characteristics_id:before {
  pointer-events:none;
  content:url(/images/tooltip.svg);
  user-select:none;
  position:absolute;
  right:-.875rem;
  bottom:-50%;
  transform:translateY(2.3em);
  display:none;
  width:8.9375rem;
  height:2.375rem;
  opacity:0
}

.product-characteristics_id:hover:before {
  display:block;
  animation:product-characteristics_tooltips-vert .3s ease-out forwards
}

@keyframes product-characteristics_tooltips-vert {
  to {
    transform:translateY(1.8em);
    opacity:.9
  }
}

.product-characteristics_filters {
  display:grid;
  gap:1rem
}

.product-characteristics_filters {
  gap:2.25rem
}

.product-characteristics_filter {
  display:grid;
  gap:.9375rem
}

.product-characteristics_filterValues {
  display:flex;
  flex-wrap:wrap;
  max-width:fit-content
}

.product-characteristics_filterValue {
  padding:.75rem 1rem;
  font-size:.875rem;
  font-weight:400;
  line-height:1.225rem;
  color:var(--gray70);
  letter-spacing:.02em;
  border:.03125rem solid var(--gray20)
}

.product-characteristics_filterValue.product-characteristics_active {
  cursor:auto;
  color:var(--black);
  background-color:var(--gray20)
}

.product-details_head {
  display:flex;
  flex-wrap:wrap;
  border-bottom:.0625rem solid var(--gray30)
}

.product-details_head>* {
  flex:1 1 50%
}

.product-details_head {
  flex-wrap:nowrap
}

.BreadCrumbs_wrapper {
  position:sticky;
  z-index:2;
  top:4rem;
  background-color:var(--black)
}

.BreadCrumbs_list {
  overflow-x:auto;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  margin-inline:-1rem;
  padding-right:1rem;
  padding-block:1.5rem;
  padding-inline:1rem;
  font-size:.875rem;
  font-weight:400;
  line-height:1.25rem;
  -ms-overflow-style:none
}

.BreadCrumbs_list::-webkit-scrollbar {
  display:none
}

.BreadCrumbs_list {
  padding-block:1.5rem;
  letter-spacing:.02em
}

.BreadCrumbs_item {
  display:flex;
  align-items:center;
  max-width:fit-content;
  white-space:nowrap
}

.BreadCrumbs_itemProp:first-letter {
  text-transform:capitalize
}

.BreadCrumbs_link {
  overflow:hidden;
  display:flex;
  align-items:center;
  font-weight:400;
  color:var(--gray50)
}

.BreadCrumbs_link:last-child {
  color:var(--white)
}

.BreadCrumbs_divider {
  display:flex;
  align-items:center;
  padding:0 .6875rem;
  color:var(--gray50)
}

.BreadCrumbs_wrapper {
  top:4.5rem
}

/* === IDEA & ARTICLE PAGE STYLES === */
.idea-card_wrapper {
  user-select:none;
  display:grid;
  gap:1rem;
  width:100%;
  max-width:12.75rem
}

.idea-card_wrapper {
  max-width:18.125rem
}

.idea-card_label {
  cursor:pointer;
  overflow:hidden;
  display:block;
  width:100%;
  height:2rem;
  max-height:fit-content;
  padding:.375rem;
  font-size:.875rem;
  font-weight:400;
  line-height:1.4rem;
  color:#050505;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  background-color:var(--green);
  border-radius:.375rem
}

.idea-card_label {
  display:flex;
  gap:.5rem;
  align-items:center;
  justify-content:center
}

.idea-card_label {
  color:var(--white);
  background-color:var(--red)
}

.idea-card_label {
  padding:.3125rem;
  font-size:1rem
}

.idea-card_image {
  position:relative;
  color:var(--white)
}

.idea-card_image:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(191.7deg,rgb(23 23 23/0) 58.15%,rgb(23 23 23/63.7%) 70.91%)
}

.idea-card_image:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(191.7deg,rgb(23 23 23/0) 58.15%,rgb(23 23 23/63.7%) 70.91%)
}

.idea-card_image.idea-card_active {
  opacity:.4
}

.idea-card_title {
  position:absolute;
  bottom:0;
  left:0;
  padding:1.5rem;
  font-size:1rem;
  font-weight:500;
  line-height:1.4rem
}

.idea-card_title {
  font-size:1rem;
  line-height:1.35rem;
  width: 100%;
  min-height: 100px;
}

.industries-with-hide_container {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 0;
  align-items:center
}

.industries-with-hide_container {
  gap:.625rem 0
}

.industries-with-hide_container>div {
  margin-top:.625rem
}

.industries-with-hide_container>div {
  margin-top:0
}

.industries-with-hide_button {
  display:block;
  padding:.0625rem .25rem;
  font-size:.875rem;
  font-weight:500;
  line-height:1.25rem;
  color:var(--gray70);
  border-bottom:.0625rem solid var(--red)
}

.industries-with-hide_button {
  display:none
}

.industries-with-hide_industryWrapper {
  display:inline-flex
}

.industries-with-hide_industryWrapper:not(:last-child) {
  margin-right:.5rem
}

.industries-with-hide_industryWrapper:not(:last-child) {
  margin-right:.625rem
}

.industries-with-hide_hidden {
  display:none
}

.industries-with-hide_hidden {
  display:inline-flex
}

.industries-with-hide_button.industries-with-hide_hidden {
  display:none
}

.industries-with-hide_dark {
  color:var(--white)
}

.articleCard_card {
  cursor:pointer;
  user-select:none;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:19.75rem;
  height:23.5rem
}

.articleCard_image {
  width:100%;
  min-width:19.75rem;
  height:12rem;
  object-fit:cover
}

.articleCard_content {
  background-color:var(--white)
}

.articleCard_title {
  height:8.1875rem;
  padding:1.5rem;
  font-size:1rem;
  font-weight:500;
  line-height:1.375rem
}

.articleCard_title.articleCard_isRead {
  color:var(--gray70)
}

.articleCard_time {
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1rem;
  line-height:1.4375rem;
  color:var(--gray70);
  letter-spacing:.01em;
  border-top:.0625rem solid var(--gray30)
}

.articleCard_time>div:not(.articleCard_readIcon) {
  display:flex;
  column-gap:.625rem;
  align-items:center;
  justify-content:center;
  margin-inline:auto;
  padding:.9375rem 0
}

.articleCard_readIcon {
  display:flex;
  max-width:fit-content;
  padding:.9375rem 1.25rem;
  border-left:.0625rem solid var(--gray30)
}

.articleCard_card {
  width:100%;
  min-width:26.125rem;
  height:29.75rem
}

.articleCard_image {
  width:100%;
  min-width:26.125rem;
  height:17.5rem
}

.articleCard_title {
  height:9rem;
  padding:1.875rem;
  font-size:1.25rem;
  line-height:1.75rem
}

.articleCard_time {
  font-size:.875rem;
  line-height:1.25rem
}

.articlesSection_articles {
  overflow:hidden;
  padding:1.875rem 0;
  background-color:var(--black)
}

.articlesSection_articlesHeader {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:.875rem;
  color:var(--white)
}

.articlesSection_hidden {
  overflow:hidden
}

.articlesSection_cards {
  display:grid;
  grid-template-columns:1fr;
  gap:1rem
}

.articlesSection_cards {
  display:flex
}

.articlesSection_articles.articlesSection_small {
  padding-block:0 1.875rem
}

.articlesSection_cards {
  grid-template-columns:repeat(2,1fr)
}

.articlesSection_cards {
  grid-template-columns:repeat(3,1fr);
  gap:2rem
}

.articlesSection_cards {
  gap:2rem
}

.articlesSection_articles {
  padding-block:5rem
}

.articlesSection_articles.articlesSection_small {
  padding-block:1.25rem 5rem
}

.articlesSection_articlesHeader {
  margin-bottom:2.5rem
}

.articlesSection_text {
  font-size:1.125rem;
  line-height:1.5625rem
}

.articlesSection_buttons {
  display:flex
}

/* === PAGE & HEAD STYLES === */
.page_wrapper {
  display:grid
}

.page_wrapper>:first-child {
  order:2
}

.page_wrapper>:last-child {
  order:1
}

.page_wrapper {
  grid-template-columns:1fr 21.25rem
}

.page_wrapper>:first-child {
  order:1
}

.page_wrapper>:last-child {
  order:2
}

.page_container {
  overflow:clip
}

.page_articles {
  padding-top:0
}

.page_articles {
  padding-top:1.25rem
}

.page_ {
  position:relative
}

.head {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:1.5rem;
  color:var(--white)
}

.head {
  gap:1rem;
  margin-bottom:2rem
}

.head {
  display:flex;
  flex-wrap:wrap;
  border-bottom:.0625rem solid var(--gray30)
}

.head>* {
  flex:1 1 50%
}

.head {
  flex-wrap:nowrap
}

.head {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1.5rem
}

.head {
  margin-bottom:2.5rem
}

.head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin-bottom:1.5rem
}

.head {
  height:2.75rem;
  margin-bottom:2rem
}

.head {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:1.5rem;
  color:var(--white)
}

.head {
  margin-bottom:2rem
}

.head {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1.5rem
}

.head {
  margin-bottom:2.5rem
}


/* === ARTICLES SECTION VISIBILITY FIXES === */
.articlesSection_articles{
  display:block;
  width:100%;
  background-color:var(--black);
  color:var(--white)}

.articleCard_card{
  display:block;
  text-decoration:none;
  color:var(--black);
  min-width:20rem}

.articleCard_image{
  width:100%;
  height:15rem;
  object-fit:cover;
  display:block}

.articleCard_content{
  padding:1.25rem;
  background:var(--white)}

.articleCard_title{
  font-size:1.125rem;
  font-weight:500;
  line-height:1.5rem;
  margin-bottom:.75rem}

.articleCard_time{
  font-size:.875rem;
  color:var(--gray70);
  display:flex;
  align-items:center;
  gap:.25rem}

.articlesSection_cards > div{
  min-width:20rem;
  flex-shrink:0}

.articlesSection_scrollable .articlesSection_cards{
  flex-wrap:nowrap;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  gap:1.5rem;
  padding-bottom:.5rem}

.articlesSection_scrollable .articlesSection_cards::-webkit-scrollbar{
  display:none}

.articlesSection_scrollable{
  display:block;
  width:100%}

.articlesSection_articlesHeader{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:2rem 1.5rem 1rem}

.articlesSection_articlesHeader h2{
  font-size:1.75rem;
  font-weight:500}

/* === PRODUCT PAGE FIXES === */
.product-slider_slide img{
  max-width:100%;
  height:auto}

/* === BREADCRUMBS FIXES === */
.BreadCrumbs_list{
  display:flex;
  flex-wrap:nowrap;
  gap:.5rem;
  align-items:center;
  overflow-x:auto;
  list-style:none;
  margin:0;
  scrollbar-width:none}

.BreadCrumbs_list::-webkit-scrollbar{
  display:none}

.BreadCrumbs_item{
  white-space:nowrap;
  font-size:.875rem;
  color:var(--gray70)}

.BreadCrumbs_itemProp{
  color:var(--gray50)}

.BreadCrumbs_link{
  color:var(--gray70);
  text-decoration:none;
  white-space:nowrap}

.BreadCrumbs_divider{
  color:var(--gray30);
  flex-shrink:0}

/* === PAGE WRAPPER FIX === */
main{
  display:flex!important;
  flex-direction:column!important}
articlesSection_articles,
.order_wrapper{
  width:100%;
  display:block;
  grid-column:1/-1}

/* === PAGE HEADER === */
.page_container{
  padding-block:1.25rem 2.5rem}

/* === HEAD (article page header) === */
.head_wrapper{
  margin-bottom:1.5rem}

.head_top{
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:1rem}

.head_title{
  font-size:2.625rem;
  font-weight:500;
  line-height:3.15rem;
  color:var(--black);
  margin:0;
  flex:1;
  min-width:0}

.head_buttons{
  display:flex;
  flex-wrap:nowrap;
  gap:.5rem;
  align-items:center;
  flex-shrink:0}

.head_info{
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
  align-items:center}

.head_row{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.875rem;
  color:var(--gray70)}

/* === PAGE WRAPPER === */
.page_wrapper{
  display:grid}

.page_wrapper>:first-child{
  order:2}

.page_wrapper>:last-child{
  order:1}

@media (min-width: 1000px){
  .page_wrapper{
    grid-template-columns:1fr 21.25rem}
  .page_wrapper>:first-child{
    order:1}
  .page_wrapper>:last-child{
    order:2}
}

/* === BODY WRAPPER (article content) === */
.body_wrapper{
  color:var(--black)}

.body_wrapper h2{
  font-size:1.5rem;
  font-weight:500;
  line-height:2rem;
  margin-bottom:1.5rem}

.body_wrapper p{
  font-size:1.125rem;
  line-height:1.75rem;
  margin-bottom:1.5rem}

.body_wrapper a{
  color:var(--red);
  text-decoration:underline}

.body_wrapper strong{
  font-weight:600}

.body_wrapper em{
  font-style:italic}

/* === SIDEBAR === */
.sidebar_wrapper{
  display:flex;
  flex-direction:column;
  gap:2rem;
  padding:2rem 1.5rem;
  background-color:var(--white)}

.sidebar_inner{
  display:flex;
  flex-direction:column;
  gap:2rem}

.sidebar_title{
  font-size:1.25rem;
  font-weight:500;
  line-height:1.75rem;
  margin-bottom:1rem}

.sidebar_listContent ul{
  list-style:none;
  padding:0;
  margin:0}

.sidebar_itemContent{
  padding:.75rem 0;
  border-bottom:.0625rem solid var(--gray30)}

.sidebar_itemContent a{
  font-size:1rem;
  line-height:1.5rem;
  color:var(--gray70);
  text-decoration:none}

.sidebar_itemProduct{
  list-style:none;
  padding:0;
  margin:0}

/* === PRODUCT CARD MINI (sidebar) === */
.product-card-mini_wrapper{
  display:flex;
  gap:1rem;
  align-items:center;
  padding:1rem 0;
  border-bottom:.0625rem solid var(--gray30);
  text-decoration:none;
  color:var(--black)}

.product-card-mini_image{
  flex-shrink:0;
  width:5.625rem;
  height:3.625rem;
  border-radius:.5rem;
  overflow:hidden}

.product-card-mini_image img{
  width:100%;
  height:100%;
  object-fit:cover}

.product-card-mini_body{
  display:flex;
  flex-direction:column;
  gap:.25rem}

.product-card-mini_title{
  font-size:1rem;
  font-weight:500;
  line-height:1.4rem}

.product-card-mini_values{
  display:flex;
  gap:.5rem;
  align-items:center}

.product-card-mini_name{
  font-size:.875rem;
  color:var(--gray70)}

.product-card-mini_value{
  font-size:.875rem;
  font-weight:500}

/* === PRODUCTS (idea page) === */
.products_industries{
  margin-bottom:2rem}

.products_head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:2rem}

.products_info{
  max-width:40rem}

.products_text{
  font-size:1.125rem;
  line-height:1.75rem;
  color:var(--white)}

.products_slider{
  overflow:hidden}

.products_cards{
  display:flex;
  gap:1.5rem;
  list-style:none;
  padding:0;
  margin:0;
  /*overflow-x:auto;*/
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none}

.products_cards::-webkit-scrollbar{
  display:none}

.products_card{
  flex:0 0 18.125rem}

/* === SOLVE TROUBLE (idea page) === */

/* === SOLVE TROUBLE extended === */
.solve-trouble_image img{
  width:100%;
  height:auto;
  display:block}

/* === PROGRESS BAR === */
.progress-bar_wrapper{
  position:sticky;
  top:4.5rem;
  z-index:5;
  width:100%;
  height:.25rem;
  background-color:var(--black)}

.progress-bar_wrapper > div{
  height:100%;
  background-color:var(--red);
  width:0%}

/* === UTILITY CLASSES === */
.h4{
  font-size:1.25rem;
  font-weight:500;
  line-height:1.75rem;
  color:var(--black)}

.mb6{
  margin-bottom:1.5rem}

/* === SOLVE TROUBLE — exact original styles === */
.solve-trouble_wrapper{
  background:var(--black)}

.solve-trouble_container{
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(1rem,1fr) minmax(0,calc(84.5rem / 2)) minmax(0,calc(84.5rem / 2)) minmax(0,1fr);
  max-width:none!important;
  margin-inline:0!important;
  padding-inline:0!important;
  background:var(--white)}

.solve-trouble_steps{
  display:grid;
  grid-column:2;
  grid-template-rows:1fr 1fr 1fr;
  flex:1 1 45rem;
  list-style:none;
  padding:0;
  margin:0}

.solve-trouble_step{
  position:relative;
  display:flex;
  align-items:center;
  min-height:13.1875rem;
  padding:1.25rem 1.875rem 1.25rem 0}

.solve-trouble_label{
  margin-bottom:.5rem;
  padding-left:3.75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.4rem;
  color:var(--gray50);
  letter-spacing:.015em}

.solve-trouble_titleContainer{
  display:flex;
  gap:.9375rem}

.solve-trouble_count{
  display:flex;
  justify-content:center;
  width:2.6875rem;
  font-size:1.875rem;
  font-weight:400;
  line-height:2.25rem;
  color:var(--red);
  flex-shrink:0}

.solve-trouble_title{
  margin-bottom:.75rem;
  font-size:1.875rem;
  font-weight:400;
  line-height:2.25rem;
  color:var(--red);
  letter-spacing:.03em}

.solve-trouble_text{
  max-width:35.625rem;
  padding-left:3.75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.4rem;
  color:var(--black);
  letter-spacing:.015em}

.solve-trouble_image_{
  position:relative;
  display:block;
  grid-column:3/span 4;
  flex:1 1 45rem;
  min-height:100%}

.solve-trouble_image_ img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover}

/* Line decorations */
.line-decor_wrapper{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:10000%;
  height:.0625rem;
  background-color:var(--gray30)}

.line-decor_top{
  top:0}

.line-decor_bottom{
  bottom:0}

/* Mobile */
@media (width < 768px){
  .solve-trouble_container{
    grid-template-columns:1fr}
  .solve-trouble_steps{
    grid-column:1}
  .solve-trouble_image_{
    display:none}
  .solve-trouble_step{
    min-height:auto;
    padding:1.5rem 1rem}
  .solve-trouble_label,
  .solve-trouble_text{
    padding-left:0}
  .solve-trouble_title{
    font-size:1.5rem;
    line-height:1.75rem}
  .solve-trouble_count{
    font-size:1.5rem;
    line-height:1.75rem}
}



/* === MINIMAL FIXES === */
/* Slider: controls in flow, prev left, counter center, next right */

/* === PRODUCT SLIDER BUTTONS === */
.product-slider_button.product-slider_left{
  margin-right:auto;
  margin-left:0}
.card-hidden {
  display:none;
}
.filter_count{
  display: none;
  background-color: var(--gray60);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  max-width: 300px;
  padding-bottom: 5px;
  color: #fff;
  line-height: 25px;
  border-radius: 5px;
  position: absolute;
  z-index: 5;
}
.filter_count
{
 display:none !important;
	}
@media (width < 768px){

.idea-card_label {

    font-size: 12px;
    }
    .idea-card_title {
  font-size:1rem;
  line-height:1.25rem;
  width: 100%;
  min-height: 110px;
}
.industries_industries {

    gap: .575rem;
    }
    .head_title {
    font-size: 26Px;
    font-weight: 500;
    line-height: 32px;
    color: var(--black);
    margin: 0;
    flex: 1;
    min-width: 0;
}
.head_top
 {
    display: flex;
    flex-direction:column;
}
.page_wrapper
{
 display:flex;
 flex-direction:column-reverse;
	}
}


@media (width >= 768px){
  /* 1. clip не создаёт скролл-контекст (в отличие от hidden) — sticky сквозь него работает */
  .container_container.catalog_catalog{
overflow-x:clip;
overflow-y:visible;
        min-height: 100%;
        padding-bottom: 5.75rem;}

  /* 2. Вся колонка фильтров прилипает под шапкой при скролле страницы */
  .catalog_container{
position:relative;
top:5.5rem;                    /* шапка 4.5rem + небольшой отступ; подстроить при необходимости */
align-self:flex-start;         /* не растягиваться на высоту сетки товаров */
height:auto;
max-height:100%;
overflow:visible}              /* убираем overflow-y:auto — он ломал sticky */

  /* 3. Если фильтров много — скроллится сам список внутри колонки */
  .catalog_container .filters_filters{
max-height:inherit;
}

  /* 4. Кнопка видна на ПК и прилипает к низу видимой области списка */
  .filters_filtersFooter{
                /* отменяем display:none из исходного медиазапроса */
position:sticky;
bottom:0;
z-index:5;
padding:.75rem 0 .25rem;
background-color:var(--white)} /* чтобы пункты фильтров не просвечивали под кнопкой */
}