:root {
    --color-red: #fc3f00;
    --color-red-dark: #B70000;
    --color-blue: #003891;
    --color-blue-dark: #002b6d;
    --color-orange: #ffa60a;
    --color-orange-dark: #ff9c00;
    --color-text: #2d3e50;
    --color-text-muted: #6b7280;
    --color-bg: #ffffff;
    --color-bg-soft: #f7f7f7;
    --color-bg-dark: #424242;
    --color-border: #e0e0e0;

    --font-body: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-cond: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;

    --radius: 10px;
    --radius-sm: 5px;
    --shadow: 0 10px 30px -12px rgba(0, 0, 0, .18);
    --shadow-sm: 0 6px 18px -6px rgba(0, 0, 0, .15);

    --container: 1320px;
    --gutter: 20px;
}

.header_top_menu ul li:last-child {
    padding-right: 0;
}
.calc-order-wrap {
    padding-top: 50px;
}
#myModalKRN .modal-content {
  border: 6px solid #333bb0;
  text-align: center;
  font-size: 20px;
}
.insta a {
    width: 35px;
    height: 35px;
    background: #425ddb;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-right: 6px;
    text-decoration: none;
}
.avto {
    display: flex;
    flex-wrap: wrap;
}
.main_tags {
    padding-bottom:40px;
}
.tags-list li:empty {
display: none;
}
.tags-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type:none;
}
.tags-list a {
padding: 5px 10px;
margin: 5px;
display: block;
border: 1px solid black;
text-decoration:none;
}
.tags-list a:hover {
    color:white;
    background:black;
}
.plitka_block {
height: 180px;
overflow:hidden;
transition:0.4 ease;
}
.plitka_toggle_g {
    text-align:center;
}
.plitka_toggle_g button {
border: 1px solid black;
background: black;
color: white;
padding: 5px 16px;
}
.plitka_block.active {
height: auto;
transition:0.4 ease;
}
.price_upper {
font-weight: 600;
}
.ms2_product_obsh .btn.btn-primary {
margin-left: 32px;
}
.header_top_menu ul li {
    display: inline-block;
    padding-right: 15px;
    font-size: 15px;
    line-height: 40px;
}
.header__socials,
.footer__socials {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.footer__socials a {
    padding-left:0!important;
}
.non_link .ms2_product_obsh_name a {
    cursor: context-menu;
    text-decoration: none;
    color: 
    #000;
}
.grecaptcha-badge {
    display: none!important;
}
.table-responsivekrz_table {
    overflow-y: scroll;
}
.non_link .ms2_product_obsh_img a {
    cursor: context-menu;
    text-decoration: none;
    color: 
    #000;
}
.header_top_menu ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.scrollup{
    width:40px;
    height:40px;
    
    position:fixed;
    bottom:10px;
    left:10px;
    display:none;
    }
    .scrollup i {
        font-size: 20px;
        background: #0000007d;
        color: #fff;
        padding: 10px;
    }
a {color: #000;}
a img    {border:0;}
img        {max-width:100%;}
header, nav, section, article, aside, footer {display:block;}
h1, h2 {text-align: center; color: #000; font-weight: 400;}
h3 {margin-top:0px;}
body    {margin:0;padding:0;font-family: 'Roboto', sans-serif;     color: #0d0d0d;    font-weight: 300; font-size: 15px;}
nav { padding:1px 0 0 0; color: #000;}
ul#breadcrumbs li {
    padding: 0 5px;
}
ul#breadcrumbs {
    display: flex;
    justify-content: center;
    list-style: none;
}
.top_menu ul li {display: inline; padding: 0 }
.top_menu ul li a { color: #333;}
.main_menu ul li a:hover {
    text-decoration: none;
    color: #ffa60a;
}
.slick-slide img {
    position: initial!important;
}
.foot_ft p a {
    color: white;
}
.nizz_ft_vn a img {
    filter: brightness(0) invert();
}
.logo {padding:0;  position: relative; }

.btn1 {background: #ff9c00; color: #fff; font-size: 0.8em; padding: 5px 0; text-align: center; margin: 0; border: none; padding: 5px 3px;}
.btn2 {background: #4a9f43;
    border: 1px solid #5aa65c;
    font-size: 0.8em;
    padding: 4px 3px;
    color: #fff;
    text-align: center;
    margin: 0;}
.btn3 {background-color: #727272; border: none; padding: 5px 5em;color: #fff;}
.btn4 {border: none; padding: 5px 5em; background-color: #ffa60a;color: #fff;}
.btn5 {border: none; padding: 10px 5em; width: 100%; margin: 5px 0; color: #fff; background-color: #ffa60a;}
.btn6 {
    margin: 5px 0;
    background: #003891;
    border-radius: 49px;
    color: #fff;
    display: inline-block;
    line-height: 45px;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .4s;
    cursor: pointer;
    width: 100%;
    border: 0;
}
.btn6:hover {
   background: #ff151f;
    color: #fff;
}
.modal-dialog {
    max-width: 600px;
    margin: 25vh auto;
}
.modal-body {
    padding: 50px 96px;
}
.modal-body button.close {
    position: absolute;
    top: -11px;
    right: -11px;
    background: #003891;
    opacity: 1;
    color: #fff;
    text-shadow: 0 0 black;
    width: 40px;
    height: 40px;
    font-size: 26px;
    border-radius: 100px;
}
.zagolovok_form {
    font-weight: 800;
    font-size: 22px;
    line-height: 110%;
    display: flex;
    align-items: center;
    color: #323232;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    justify-content: center;
}
.form_pola_new input {
    height: 50px;
    border-radius: 51px;
    background: none;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04em;
    color: #535353;
    margin-bottom: 15px;
}
.btn7 {border: none; padding: 10px 5em; margin: 25px 0; color: #fff; background-color: #ffa60a;     }
.btn8 {border: none; padding: 10px; width: 100%; margin: 5px 0; color: #fff; background-color: #a3b84e;}
.btn8:hover {border: none; padding: 10px; width: 100%; margin: 5px 0; color: #fff; background-color: #ff9c00;}
.hours {margin-top: 6px;}
.phone {margin-top: 1px;
    font-size: 27px;
    font-family: 'Roboto Condensed';
    text-align: center;}
.main_menu ul li a{    font-size: 17px;
    font-weight: 300;}
.bottom_menu {
    padding: 20px 0;
    color: #cccccc;
    background: #424242;
}

.foot-ft ul li a {
    color: #fff;
}
.foot-ft .separator-2:after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}
.navibot {padding: 0;}
.navibot ul {padding:0;}
.navibot ul a li {font-size: 0.875em; font-weight: 400; text-decoration: underline; list-style: none; color:#fff;}
.slider {/background-position: center; color: #fff; text-align: center;}
.slider h2 {
    color: #fff;
    text-align: left;
    font-family: 'Pacifico', cursive;
    font-size: 40px;
    margin-top: 0;
    border-bottom: 1px solid #7c7c7c;
    padding-bottom: 20px;
    margin-bottom: 35px;
}
.copyrights {
    color: #8e969e;
    font-size: 11px;
    padding-left: 10px;
    padding: 25px 0px 20px 0px;
    background: #424242;
    border-top: 1px solid #8f8f8f;
}
.foot_ft ul li a {
    color: #cccccc;
    text-decoration: underline;
}
.foot_ft ul {
    list-style: none;
    padding-left: 0;
}
.foot_ft.logo_ft a.aviablogo.left {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
p.logo_ft_opskomp {
    color: #8e969e;
    font-size: 11px;
}
.zag_foot_ft {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}
p.logo_ft_opskomp2 {
    width: 100%;
    font-size: 11px;
    color: #8e969e;
    line-height: 20px;
}
.copyrights a {
    color: #fff;
	    padding-left: 20px;
}
.knop_podval a {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-top: 3px;
    border-radius: 2px;
    padding: 12px 0px;
    color: #556574;
    transition: 0.3s;
    background: #243443;
    display: inline-block;
    text-decoration: none;
}
.knop_podval a:hover {
    background: #fba50a;
    color: #fff;
    transition: 0.3s;
}
.mark_ft ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.mark_ft ul li {
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #8e969e;
}
.foot_ft_cont_vn {
    display: flex;
	margin-bottom: 10px;
}
.foot_ft_cont_vn_desk {
    width: 90%;
}
.foot_ft_cont_vn_img {
    width: 10%;
}
.foot_ft_cont_vn_desk {
    width: 90%;
    font-size: 12px;
    color: #8e969e;
    margin-top: -3px;
    line-height: 20px;
    padding-left: 10px;
}
.foot_ft_cont_vn_img img {
    width: 18px;
}
p.logo-ft-kop {
    margin-bottom: 0;
    padding-top: 35px;
}
.B_firstCrumb, .B_lastCrumb, .B_crumb {list-style: none; display: inline-block;}
.B_homeCrumb {color: #a1a1a1;}
.B_currentCrumb {color: #333; display: inline-block;}
.B_crumbBox {
    margin: 0;
    padding: 8px;
}

.main_menu ul{
	margin-bottom:0;
}
.main_menu ul > li:last-child{
	border:none;
}

.main_menu ul > li{
	position:relative;
	display:inline-block;
}
.main_menu ul > li a {
    padding: 0px 12px;
    display: inline-block;
}
.main_menu .sub-menu{
	display: none;
	position:absolute;
	top:30px;
	background:url(../img/wpix.png);
	width:230px;
	z-index:999;
	left:-20px;
	box-shadow: 2px 2px 6px #000;
	padding:0;
}
.main_menu li:hover > .sub-menu{
	display: block;
}
.main_menu li .sub-menu li{
	margin:0;
	padding: 7px;
}
.main_menu li .sub-menu li:hover{
	background:#ff9c00;
}
.main_menu li .sub-menu li a{
	color:#000;
	font-size:15px;
	text-transform:uppercase;
	border:none;
}
.main_menu li .sub-menu li a:hover{
	color:#fff;
}
.main_menu li .sub-menu li a span{
	padding:5px;
}
.main_menu li .sub-menu li a span{
	padding: none;
}
.main_menu ul li .sub-menu li a span{
	padding-bottom:0;
}
.main_menu ul li .sub-menu li a:hover span{
	border:none;
}
.main_menu li a span{
	display:inline-block;
}
.main_menu li .sub-menu li{
	display:block;
}
.main_menu .sub-menu li:hover > .sub-menu{
	display: block;
}
.main_menu .sub-menu .sub-menu{
	left:220px;
	top:0px;
}
.features-table 
 { 
  width: 100%; 
  margin: 0 auto; 
  border-collapse: separate; 
  border-spacing: 0; 
  text-shadow: 0 1px 0 #fff; 
  color: #2a2a2a; 
  background: #fafafa; 
  background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */ 
  background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)); 
  margin-top:20px; 
  margin-bottom:20px; 
 } 
   
 .features-table td 
 { 
  height: 50px; 
  padding: 0 20px; 
  border-bottom: 1px solid #cdcdcd; 
  box-shadow: 0 1px 0 white; 
  -moz-box-shadow: 0 1px 0 white; 
  -webkit-box-shadow: 0 1px 0 white; 
  text-align: center; 
  vertical-align: middle; 
  display: table-cell; 
 } 
   
 .features-table tbody td 
 { 
  text-align: center; 
  width: 150px; 
 } 
   
   
 .features-table td.grey 
 { 
  background: #efefef; 
  background: rgba(144,144,144,0.15); 
  border-right: 1px solid white; 
 } 
   
 .features-table td.green 
 { 
  background: #e7f3d4; 
  background: rgba(184,243,85,0.3); 
 } 
   
 .features-table td:nowrap 
 { 
  white-space: nowrap; 
 } 
   
 .features-table thead td 
 { 
  font-size: 120%;  
  font-weight: bold; 
  -moz-border-radius-topright: 10px; 
  -moz-border-radius-topleft: 10px; 
  border-top-right-radius: 10px; 
  border-top-left-radius: 10px; 
  border-top: 1px solid #eaeaea; 
 } 
   
 .features-table tfoot td 
 { 
  font-size: 120%;  
  font-weight: bold; 
  -moz-border-radius-bottomright: 10px; 
  -moz-border-radius-bottomleft: 10px; 
  border-bottom-right-radius: 10px; 
  border-bottom-left-radius: 10px; 
  border-bottom: 1px solid #dadada; 
 }  
 h3.pl {
    display: none;
}
.galeryy img {
    padding: 10px;
}
 header {
    width: 100%;
}
.heading-primary {
  font-size:2em;
  padding:2em;
  text-align:center;
}
.accordion dl,
.accordion-list {
   border:1px solid #ddd;
   &:after {
       content: "";
       display:block;
       height:1em;
       width:100%;
       background-color:darken(#38cc70, 10%);
     }
}
.accordion dd,
.accordion__panel {
   background-color:#eee;
   font-size:1em;
   line-height:1.5em; 
   
}
.anc_pad {
    padding: 20px 50px;
}
/*.accordion p {
  padding:1em 2em 1em 2em;
}*/

.accordion {
    position:relative;
    background-color:#eee;
}
.accordionTitle::before, .accordion__Heading::before {
    content: "+";
    font-size: 1.5em;
    line-height: 0.5em;
    float: left;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitleActive::before, .accordionTitle.is-expanded::before {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.accordionTitle,
.accordion__Heading {
border-bottom: 1px solid #acacac;
	font-size: 18px;
text-transform: uppercase;
    background-color: 
#e0e0e0;
   text-align:center;
     font-weight:700; 
          padding:2em;
          display:block;
          text-decoration:none;
          color:#000;
          transition:background-color 0.5s ease-in-out;
  border-bottom:1px solid darken(#38cc70, 5%);
  &:before {
   content: "+";
   font-size:1.5em;
   line-height:0.5em;
   float:left; 
   transition: transform 0.3s ease-in-out;
  }
  &:hover {
    background-color:darken(#38cc70, 10%);
  }
}
.accordionTitleActive, 
.accordionTitle.is-expanded {
   background-color:darken(#38cc70, 10%);
    &:before {
     
      transform:rotate(-225deg);
    }
}
.accordionItem {
    height:auto;
    overflow:hidden; 
    //SHAME: magic number to allow the accordion to animate
    
     max-height:50em;
    transition:max-height 1s;   
 
    
    @media screen and (min-width:48em) {
        transition:max-height 0.5s
        
    }
    
   
}
 .delivery__block {
    margin-bottom: 32px;
}

.delivery__link {
    padding: 6px 12px;
    border: 1px solid;
    font-size: 20px;
    text-decoration: none;
}

.delivery__link:hover {
    background-color:black;
    border-color:black;
    color: white;
}
.accordionItem.is-collapsed {
    max-height:0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}
/*.accordion {
	    border: 1px solid #e0e0e0;
  width: 100%;
  max-width: 360px;
  margin: 0px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0;
}*/

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 10px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.contacts__payments {
    line-height: 40px !important;
}


.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link { color: #b63b4d; }

.accordion li.open i { color: #b63b4d; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.widhitki {
    display: inline-block;
    width: 33%;
    text-align: center;
}
/**
 * Submenu
 -----------------------------*/
ul#accordion {
    list-style-type: none;
}

.submenu {
  display: none;
  background: #fff;
  font-size: 14px;
  padding: 0;
    list-style-type: none;
}

.submenu li { border-bottom: 1px solid #4b4a5e; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: #b63b4d;
  color: #FFF;
}

.products_cat {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-left: 22px;
    padding: 0;
    vertical-align: top;
    width: 252px;
}
.phobig_stuff {
    padding: 15px;
	text-align: center;
}
.phobig_stuff .name {
    margin: 18px 0 17px 0;
    font-size: 17px;
    font-weight: bold;
}
.phobig_stuff .stuff p {
    line-height: 0.5;
    font-size: 14px;
}
.phobig_stuff .stuff span {
        font-weight: bold;
}
.phobig_stuff .price {
    padding-top: 10px;
    padding-bottom: 10px;
}
.phobig_stuff .price p {
    line-height: 0.9;
    font-size: 18px;
}
.oformlalka a {
    color: #fff;
}
.oformlalka {
	    text-align: center;
    padding: 9px 23px;
    background: linear-gradient(to bottom,#f5843b 0%,#e06927 100%);
}
.glavkartinka {
    padding-bottom: 35px;
}
.cvetovierechenia p {
    font-size: 20px;
    padding-bottom: 20px;
}
.cenametr p {
    font-size: 50px;
    color: #e46e2a;
	line-height: 0.5;
}
.cenametr span {
    color: #555;
    font-size: 19px;
}
.cenapogonmetr p {
    color: #000;
    font-size: 33px;
}
.cenapogonmetr span {
    font-size: 19px;
    color: #555;
}
.textikpodceny {
    font-size: 13px;
    color: #888;
}
.xarakteristik {
    padding-top: 23px;
}
.xarakteristik p.titlesik {
    font-size: 20px;
}
.xarakteristik p.titlesik {
    line-height: 0.5;
    font-size: 19px;
    font-weight: bold;
}

.container.main_menu ul {
    padding: 0;
}
ul.nav.nav-tabs {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.nizkartink .col-md-4 {
    padding-top: 5px;
}
.image a img {
    height: 200px;
}
.leftikon {
	width: 31px;
    padding-right: 9px;
}
.col-md-4.vneshn .namke {
    padding: 10px;
    text-align: center;
    background: #4a9f43;
    color: #fff;
}
.col-md-4.vneshn .namke:hover {
    padding: 10px;
    text-align: center;
    background: #ff9c00;
    color: #fff;
}
.col-md-4.vneshn .images img {
    height: 200px;
}
.col-md-4.vneshn {
    padding-top: 10px;
}
.tab-pane span {
    color: #000!important;
    text-decoration: none;
}

.container.text-na-slaid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: left;
    justify-content: center;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
button.btn4 {
    width: 271px;
    padding: 14px;
	    border-radius: 5px;
}
h2.text-center.zagapag {
    font-size: 28px;
    margin-bottom: 15px;
    text-transform: uppercase;
       font-weight: bold;
    margin-top: 0;
}
.separator {
    width: 80%;
    margin: 20px auto 15px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}
.separator:after {
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0;
}
p.large {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 30px;
}
.uslugi {
    background-color: #fafafa;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 50px 0;
}
.uslugi-vnytren:hover {
    box-shadow: none;
}
.uslugi-vnytren {
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    transition: all 0.2s ease-in-out;
}
.uslugi-vnesh {
    padding: 10px;
    float: left;
    text-align: center;
}
.uslugi-vnytren a {
    text-decoration: none;
}
p.uslugi-vnytren-zag {
    font-size: 23px;
    text-align: center;
    margin-bottom: 0;
	    font-weight: 400;
}
.uslugi-vnytren a img {
    padding-bottom: 15px;
}
p.uslugi-vnytren-desk {
    text-align: center;
}
.poh_tv h2 {
    margin-bottom: 25px;
}
.poh_tv {
    margin-top: 90px;
}
.hashi-rab {
    background-color: #fafafa;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 50px 0;
}
	#wr-tabs .tabs{
		text-align: center;
		margin-bottom: 3px;
	}
	#wr-tabs .tabs:after{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
#wr-tabs .tabs .tab {
    border-right: 1px solid #f2f4f9;
    text-align: center;
    cursor: pointer;
    padding: 6px 25px;
    border: 2px solid #ffa60a;
    display: inline-block;
    border-radius: 17.5px;
    margin: 0 4px;
}
		
#wr-tabs .tabs .tab:hover, #wr-tabs .tabs .tab.active {
    background-color: #ffa60a;
    color: #ffffff;
}

		#wr-tabs .content .tab-cont{
			display: none;
			padding: 15px 10px;
		}
		#wr-tabs .content .tab-cont.active{
			display: block;
		}
.galer-vnesh {
    padding: 10px;
}
.smotret-vso a {
    width: 271px;
    padding: 8px;
    border-radius: 5px;
    background-color: #ffa60a;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-size: 17px;
}
.smotret-vso {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.otzavu {
    background-color: #fafafa;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 50px 0;
}
.otzavu-otx {
    text-align: center;
	    padding-top: 35px;
}
.otzavu-otx img {
    width: 102px;
    border-radius: 100px;
    margin: 0 auto;
}
.one-time-vnyter blockquote {
    width: 60%;
    text-align: left;
    margin: 0 auto;
}
.one-time-vnyter p.otzavu-otx-zag {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
    font-size: 22px;
    font-weight: 400;
}
.testimonial-info-1 {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
}
.poloska {
    text-align: center;
    padding: 20px 0;
    background: #ffa60a;
    color: #fff;
}
.poloska-zag {
    font-size: 31px;
    font-weight: 500;
}
.separator-2 {
    width: 100%;
    margin-bottom: 25px;
    position: relative;
    height: 1px;
}
.separator-2:after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}
.zag-ft {
    font-size: 20px;
    text-transform: none;
    margin-bottom: 10px;
}
.foot-ft ul li a:hover {
    color: #ffa60a;
}

.foot-ft ul li a {
    text-decoration: none;
    line-height: 29px;
}
.foot-ft ul {
    list-style: none;
    padding-left: 0;
	    margin-bottom: 0;
}
.posl-stati-img {
    padding: 0;
}
p.posl-stati-text-zag {
    font-size: 13px;
}
p.posl-stati-text-data {
    font-size: 12px;
}
.posl-stati-text {
    padding-right: 0;
    padding-left: 9px;
}
p.posl-stati-text-zag {
    margin-bottom: 10px;
}
a.link-dark {
    display: inline-block;
    text-align: right;
    width: 100%;
}
.foot-ft.lont-ft ul li i {
    color: #fecc0d;
    padding-right: 10px;
}

.kroshki {
  
    border-bottom: 1px solid #f4f4f4;
}
h1 {
    font-weight: 300;
    text-align: left;
}
.content-des {
    display: inline-block;
    width: 100%;
    min-height: 300px;
    padding: 30px 0;
}
#wr-tabs .tabs.sortik {
    text-align: left;
}
.categor-vn {
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.categor {
    padding: 10px;
}
.categor-vn-zag {
    font-size: 17px;
    line-height: 1.4;
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.categor-vn-desk {
    font-size: 85%;
    padding: 5px 10px;
}
.categor-vn-prais {
    display: inline-block;
    width: 100%;
}
.categor-vn-prais {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 22px;
    color: #000;
}
.drugie-cvet2 {
    padding: 50px 0;
}
.categor-vn-prais .col-md-6 {
    padding: 0;
}
.categor-vn-prais-right {
    text-align: right;
}
.categor-vn-img a {
    display: inline-block;
    width: 100%;
}
.categor-vn-img:hover a {
   
    opacity: 0.8;
}
.kupit-v1-lkik a:last-child {
    background: #2d3e50;
}
.tov-desk-texttop {
    padding: 20px 0;
}
.categor-vn-podrob {
    margin-bottom: 14px;
}
.categor-vn-podrob a {
    background: #ffa60a;
    font-size: 18px;
    line-height: 38px;
    display: inline-block;
    width: 200px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}    
p.tov-desk-texttop-red {
    color: #e90000;
}
.tov-desk-cen.categor-vn-prais i {
    padding-right: 11px;
    font-size: 26px;
    position: relative;
    top: 1px;
}
p.tov-desk-harakter-zag {
    font-size: 19px;
    font-weight: 400;
    color: #333;
    padding-top: 15px;
}
.tov-desk-harakter table {
    margin-bottom: 25px;
    border-bottom: 1px solid #bababa;
    width: 100%;
    border-top: 1px solid #bababa;
}
.tov-desk-harakter table td:first-child {
    color: #333;
    font-weight: bold;
}
.tov-desk-harakter table td {
    padding: 7px 20px;
}
.kupit-v1-lkik a {
    display: inline-block;
    padding: 10px 40px;
    background: #ffa60a;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.kupit-v1-lkik {
    padding-top: 20px;
}
.categor-vn-prais-left {
    text-align: left;
}
.modal-body .tov-img img {
    border: 1px solid #bababa;
}
p.zag-doptovara {
    font-size: 24px;
    color: #333;
    font-weight: 400;
    border-bottom: 1px solid #bababa;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-top: 30px;
}
nav.navbar.navbar-default.navbar-static-top.navbar-fixed-top {
    display: none;
}
ul.pod-menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99999999;
    background: #fff;
	padding: 10px;
}
.main_menu ul li:hover ul.pod-menu {
    display: block;
    box-shadow: 1px 2px 1px #ddd;
}
p.mega-menu-frysha-vn-zag {
    height: auto;
    margin-bottom: 0;
    padding-top: 11px;
}
ul.top-menu li.mega-menu {
    position: initial;
}
.mega-menu-frysha {
    padding: 5px;
}
.mega-menu-frysha-vn a {
    line-height: 100%;
    vertical-align: top;
}
.mega-menu-frysha-vn p {
    height: 34px;
    margin-bottom: 0;
    margin-top: 10px;
}
.categor-vn {
    text-align: center;
}
p.etapu-sam-cifra {
    display: inline-block;
    background: #fecc0d;
    color: #fff;
    font-weight: bold;
    font-size: 37px;
    padding: 20px;
    width: 92px;
    margin-bottom: 20px;
    border-radius: 100%;
}
.etapu-sam:after {
    content: '\f101';
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 15px;
    color: #fecc0d;
    position: absolute;
    right: -28px;
    top: 38px;
    font-size: 40px;
}
.etapu-sam:last-child:after {
  display:none;
}
.mega-menu-frysha-vn img {
    width: 80%;
    margin-bottom: 5px;
}
ul.pod-menu .uslugi-vnesh a {
    line-height: 100%;
}
ul.pod-menu p.uslugi-vnytren-zag {
    font-size: 100%;
}
div#wr-tabs {
    width: 100%;
    display: inline-block;
}
.content-des.gl {
    padding-top: 30px;
    background: #fafafa;
}
table.table-zebra-striping {
    border: 10px solid #ffa60a;
	    border-top: 0;
width: 100%;
}
.mega-menu-frysha-vn {
    text-align: center;
}
table.table-zebra-striping th {
    font-weight: normal;
    background: #ffa60a;
    color: white;
    border-right: 1px dotted #ccc;
    padding: 10px 5px;
    font-size: 18px;
	    text-align: center;
}
.table-zebra-striping tr:nth-child(2n+1) {
    background: #f5f5f5;
}
table.table-zebra-striping td {
    padding: 6px;
    text-align: center;
	    border-right: 1px dotted #ccc;
}
table.table-zebra-striping.kant-table {
    margin-bottom: 31px;
    margin-top: 25px;
}
table.table-zebra-striping.kant-table td:nth-child(3n) {
    width: 17%;
}
.kantakt-polovon ul li:last-child {
    border-bottom: 0;
}
.kantakt-polovon ul li {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    margin-bottom: 10px;
	    position: relative;
}
.kantakt-polovon ul {
       list-style: none;
    padding-left: 0;
}
.kantakt-polovon ul li:after {
    content: '\f278';
    position: absolute;
    left: -40px;
    font-family: FontAwesome;
    top: 1px;
    font-size: 25px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #139d2c;
}
.kantakt-polovon ul li i {
    font-size: 13px;
    color: #139d2c;
}
.kantakt-ful {
    display: inline-block;
    width: 100%;
    border-bottom: 3px solid #d8d8d8;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.dla-pad {
    padding-left: 15px;
}
.right_top input[type="submit"] {
   
    background: url(/images/magnifying-glass.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: all 320ms ease;
    border: 0;
    position: relative;
    top: 13px;
}

.right_top {
    text-align: right;
	    padding: 0;

}
.telefonka_top {
    font-size: 19px;
    line-height: 31px;
}
.telefonka_top img {
    width: 38px;
    padding-right: 8px;
}
.baner-top {
    background: url(/images/8253307ffbbb91ed381facafebf84456.jpg);
    background-size: cover;
}
.baner-top-ten {
    background: #00000082;
    min-height: 600px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #fff;
}
.baner-top-ten h1.zag-baner {
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: bold;
	text-align: center;
}
p.podzag-baner {
    font-size: 24px;
    margin-bottom: 50px;
}
.knop-baner a {
    padding: 13px 25px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    background-color: #ffa60a;
    color: black;
    border: none;
    transition: 0.3s;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    display: inline-block;
    text-decoration: none;
}
.witshet_glav {
    text-align: center;
}
.witshet_glav p {
    margin-bottom: 0;
}
.block_widset {
    padding: 40px 0;
}
.witshet_glav p {
    font-size: 14px;
    font-weight: bold;
}
.witshet_glav i {
    font-size: 36px;
    margin-bottom: 10px;
    background: #ffa60a;
    color: #000;
    padding: 18px;
    border-radius: 100%;
    width: 72px;
    text-align: center;
}
p.podzag-baner i {
    color: #ffa60a;
    padding: 0 14px;
    font-size: 17px;
}
.uslugi-vnytren {
    background-size: cover;
    min-height: 191px;
}
p.uslugi-vnytren-desk {
    background: #333e48;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 5px 10px;
}
p.uslugi-vnytren-zag {
    background: #fafafa;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 10px;
    width: 100%;
    min-height: 57px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
	line-height: 16px;
}
.block_akcii {
  
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 50px 0;
}
.acii_vn img {
    margin-bottom: 15px;
}
.acii_vn {
    text-align: center;
    padding: 28px;
}
p.acii_vn_prais {
    font-size: 30px;
    font-weight: bold;
}
p.acii_vn_zayav a {
    display: inline-block;
    background: #ffa60a;
    color: #fff;
    font-weight: bold;
    padding: 10px 56px;
    text-decoration: none;
    font-size: 18px;
}
p.acii_vn_zayav {
    margin-bottom: 0;
}
.slick-prev, .slick-next {
    width: 30px;
    height: auto;
}
.slick-next {
    right: -30px;
}
.slick-prev {
    left: -30px;
}
.block_text {
    background-color: #fafafa;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 50px 0;
}
.vip-proekt {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 50px 0;
}
.rabka-vn-belka-img img {
    position: relative;
}
p.rabka-vn-belka-text-zag {
    font-size: 28px;
    margin-bottom: 40px;
}
p.rabka-vn-belka-text-cena {
    font-size: 46px;
    color: #ffa60a;
    font-weight: bold;
}
p.rabka-vn-belka-text-cena-zag {
    margin-top: 40px;
    font-weight: bold;
    font-size: 20px;
}
.secn6text {
    overflow: hidden;
    white-space: nowrap;
}
.secn6price {
    float: right;
    font-weight: bold;
}
.secn6text:after {
    font-size: 7px;
    padding-left: 4px;
    content: '........................................................................................................';
    letter-spacing: 3px;
}
.etapu-sam {
    width: 20%;
    text-align: center;
	padding-top: 30px;
}
.etapu {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 50px 0;
}
.etapu-sam img {
    margin-bottom: 15px;
}
p.etapu-sam-zag {
    font-weight: bold;
}
.formasik {
    background-image: url(/images/bg-office-01.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
}
.formasik-ten {
    padding: 50px 0;
    overflow: hidden;
   
}
.baner-form-imputleft input {
    width: 100%;
    padding: 25px 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(0,0,2,.2);
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 300;
    -webkit-appearance: none;
    transition: .2s ease-out;
}
.baner-form-imputleft {
    padding-left: 0;
}
p.baner-form-zag2.zakon a {
    color: #fff;
    text-decoration: underline;
}
p.baner-form-zag2.zakon {
    color: #fff;
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
}
p.baner-form-zag2 {
    margin-bottom: 0;
    margin-top: 19px;
    font-weight: 100;
}
.formasik-ten button.btn6 {
    border: none;
    height: 52px;
    margin-top: 25px;
    width: 100%;
    background: #fecc0d;
    font-size: 18px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    border-radius: 4px;
}
.baner-form-imputright input {
    width: 100%;
    padding: 25px 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(0,0,2,.2);
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 300;
    -webkit-appearance: none;
    transition: .2s ease-out;
}
.baner-form-imputright {
    padding: 0;
}

.kroshki.verh_h1_ten {
    background-color: #e0e0e021;
    padding: 44px 0;
    text-align: center;
}
.kroshki.verh_h1_ten h1 {
    color: #000;
    margin-top: 0;
    text-align: center;
}
.kroshki.verh_h1_ten .separator-2:after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: linear-gradient(to right, rgb(16, 129, 226) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}
.kroshki.verh_h1_ten .separator-2 {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    height: 1px;
}
.kontakt-left i {
    font-size: 20px;
    color: #ffffff;
    background: #ff151f;
    padding: 10px;
    margin-right: 10px;
    width: 40px;
    text-align: center;
}
.kontakt-left p {
    line-height: 70px;
}
.fulbord {
    font-weight: bold;
    padding: 25px 35px;
    margin: 30px 0;
    position: relative;
    border: 3px solid;
    background: #f9f9f9;
    border-image: linear-gradient(2.8rad, #ffce00 23.5%, white 1%, white 76.5%, #ffce00 1%);
    border-image-slice: 1;
}
.fulbord::before {
    content: '';
    position: absolute;
    left: -6px;
    top: -6px;
    border: 50px solid transparent;
    border-left: 50px solid #000000;
    border-top: 0px;
}
.fulbord::after {
    content: '';
    position: absolute;
    left: calc(100% - 94px);
    top: calc(100% - 44px);
    border: 50px solid transparent;
    border-left: 50px solid #000000;
    border-top: 0px;
    -moz-transform: scale(0.999, 0.999);
    transform: rotate(180deg);
}
.content-des h2 {
    text-align: left;
    margin-top: 0;
}

.content-des table tr:hover {
    background: #f9f9f9;
}

.content-des table td {
    border: 1px solid #d8d8d8;
    text-align: center;
    padding: 5px 2px;
}
.content-des table {
    width: 100%;
  
}
.content-des {
    display: inline-block;
    width: 100%;
    min-height: 300px;
    padding: 30px 0;
}
.drugie-cvet h3 {
    font-size: 24px;
    color: #333;
    font-weight: 400;
    border-bottom: 1px solid #bababa;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-top: 30px;
}
header .container {
    /* padding: 15px 0; */
    /*display: flex;
    align-items: center;*/
}
p.insta a {
    text-decoration: none;
}
p.insta img {
    height: 19px;
    margin-right: 5px;
    margin-left: 4px;
}
p.insta {
    margin-bottom: 0;
}
.telefonka_top i {
    color: #fecc0d;
    border: 1px solid #fecc0d;
    font-size: 19px;
    padding: 3px;
    border-radius: 100%;
    width: 27px;
    text-align: center;
}
p.mailtel a {
    text-decoration: underline;
}
p.mailtel {
    margin-bottom: 5px;
}
p.mailtel i {
    color: #fecc0d;
    border: 1px solid #fecc0d;
    font-size: 13px;
    padding: 6px;
    border-radius: 100%;
    width: 27px;
    text-align: center;
}
.right_top a {
    border: 1px solid #ffa60a;
    background: #ffa60a;
    border-radius: 2px;
    display: inline-block;
    line-height: 37px;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: .4s;
    width: 226px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
}
.right_top a:hover {
    background: #2d3e50;
    border: 1px solid #2d3e50;
}
.menu-top>ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.menu-top ul li {
    position: relative;
}
.menu-top>ul>li {
    float: left;
    padding-right: 0;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 200px;
    -ms-perspective: 200px;
    perspective: 200px;
    z-index: 99;
}
.menu-top>ul>li>a {
    display: inline-block;
    line-height: 54px;
    width: 100%;
    transition: all ease .2s;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}
.menu-top ul li ul {
    display: block;
    opacity: 0;
    position: absolute;
    top: 60px;
    background: #fff;
    width: 325px;
    z-index: 999;
    left: 0;
    box-shadow: 2px 2px 6px #000;
    list-style: none;
    padding-left: 0;
    background: rgba(0,0,0,0.8);
}
.menu-top ul.sub-menu {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -moz-transform-origin: 0px 0px;
    -moz-transform: rotateX(-90deg);
    -webkit-transform-origin: 0px 0px;
    -webkit-transform: rotateX(-90deg);
    -o-transform-origin: 0px 0px;
    -o-transform: rotateX(-90deg);
    transform-origin: 0px 0px;
    transform: rotateX(-90deg);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.menu-top ul li:hover > .sub-menu {
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.menu-top ul li:hover > .sub-menu {
    opacity: 1;
}
.menu-top ul li ul.sub-menu li:first-child {
    border: 0;
}
.menu-top ul li ul.sub-menu li:hover {
    background: rgba(0,0,0,0.8);
}
.menu-top ul li ul.sub-menu li {
    text-align: left;
    border-top: 1px solid #444444;
}
.menu-top ul li ul li {
    position: relative;
}
.menu-top ul li ul.sub-menu li a {
    display: inline-block;
    padding: 9px 10px;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
}
.menu-top ul li > .sub-menu i {
    float: right;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.menu_flech {
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
    background: #E0E0E0;
    border-top: 1px solid rgba(255,255,255,0.1);
}
.menu-top>ul>li>a:hover {
    text-decoration: none;
    color: #676767;
}
.menu-top>ul>li>a>i {
    padding-left: 10px;
}
.islider .slick-prev {
    left: 30px;
}
.islider .slick-next {
    right: 30px;
}
.islider_ten {
    min-height: 550px;
	    display: flex;
    align-items: center;
	background: #0000006e;
}
.islider_vn_left {
    color: #fff;
}
p.islider_vn_left_zag {
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
	margin-bottom: 30px;
}
p.islider_vn_left_zag2 {
    font-size: 43px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: bold;
	margin-bottom: 30px;
}
p.islider_vn_left_zag4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}
p.islider_vn_left_zag5 {
    color: #fff;
    text-align: center;
    margin-bottom: 23px;
}
.islider_ten>.container {
    display: flex;
    align-items: center;
}


header.fixed .container {
    padding: 10px 0;
    
	-moz-transition: all 0.3s 0.1s;
    -o-transition: all 0.3s 0.1s;
    -webkit-transition: all 0.3s 0.1s;
}
header.fixed  {
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
}
header .menu_skrolls {
    display: none;
}
header.fixed .menu_skrolls {
    display: block;
}

ul.dropdown-menu.kirish ul {
    list-style: none;
    padding: 0;
}
ul.dropdown-menu.kirish>ul>li {
    padding: 0 10px;
}
ul.dropdown-menu.kirish li:hover ul.sub-menu {
    display: block;
}
ul.dropdown-menu.kirish li {
    position: relative;
}
ul.dropdown-menu.kirish ul.sub-menu {
    position: absolute;
    left: 100%;
    background: #fff;
    display: none;
    top: -8px;
    left: 100%;
    z-index: 1000;
    float: left;
    min-width: 246px;
    padding: 10px;
    margin: 0px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
ul.dropdown-menu.kirish li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px!important;
    margin-bottom: 8px;
}
ul.dropdown-menu.kirish li:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0!important;
}
ul.dropdown-menu.kirish i.fa.fa-caret-down {
    transform: rotate(-90deg);
    float: right;
    position: relative;
    top: 3px;
}
ul.dropdown-menu.kirish ul {
    margin: 10px;
}
ul.dropdown-menu.kirish {
    min-width: 241px;
}
ul.dropdown-menu.kirish a:hover {
    color: #fecc0d;
}
ul.dropdown-menu.kirish a {
    text-decoration: none;
    display: block;
}
.kirk-knop.btn6 {
    width: 148px;
    line-height: 37px;
    font-size: 16px;
}
.kirk-knop.btn6 img {
    height: 26px;
    margin-right: 4px;
}
.kirk-knop.btn6:hover img {
    filter: brightness(0.7) invert(0.8);
}
.uslugi_fris_vn a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
.uslugi_fris_vn ul {
    padding-left: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 0;
}
.uslugi_fris_vn:hover {
    background: #ffa60a;
}
.uslugi_fris_vn {
    background: #fecc0d;
    padding: 20px;
}
.uslugi_fris_vn:hover a {
    color: #000;
}
.uslugi_fris_vn h2 {
    color: #fff;
    font-weight: bold;
}
.uslugi_fris_vn a {
    color: #fff;
}
.uslugi_fris_vn:hover h2 {
    color: #000;
}
.uslugi-vn {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 15px;
}
.uslugi-vny {
    position: relative;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    height: 100%;
}
.uslugi-vn-img {
    height: 100%;
}
.uslugi-vn-img a {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: block;
    height: 100%;
}
.uslugi-vn-img img {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    height: 100%;
    width: 100%;
}
.uslugi-vn-img a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 51%;
    z-index: 1;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black));
    background: -webkit-linear-gradient(top,transparent 0,#000 100%);
    background: -o-linear-gradient(top,transparent 0,#000 100%);
    background: linear-gradient(to bottom,transparent 0,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 );
}
.uslugi-vn-img a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 72%;
    z-index: 1;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 );
}
.uslugi-vn-opis {
    position: absolute;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    left: 27px;
    right: 27px;
    bottom: 23px;
    color: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 5;
}
.uslugi-vn-opis-zag {
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 8px;
}
.uslugi-vn-opis .link__shares {
    font-size: 13px;
    position: relative;
    color: #797979;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
    border-bottom: 1px solid #484745;
}
.uslugi-vn-opis .link__shares:before {
    content: '\f101';
    position: absolute;
    right: -28px;
    font-family: FontAwesome;
    top: -1px;
    font-size: 18px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.uslugi .uslugi-vn:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
.uslugi-vn:hover .link__shares:before {
    right: -40px;
}
.foot-ft.lont-ft {
    padding-right: 0;
}
header.fixed .logo img {
    padding: 0 44px;
}
.islider_vn_right {
    background: #00000080;
    padding: 40px 40px;
}
a {
    cursor: pointer;
}
.witshet_glav img {
    margin-bottom: 15px;
    width: auto;
    margin: 0 auto;
    padding-bottom: 20px;
}
.block_widset .witshet_glav_vnesh {
    margin-top: 51px;
}
.islider_vn {
    background-size: cover;
}
ul.yl_marsg li {
    margin-bottom: 10px;
    position: relative;
}
ul.yl_marsg li:before {
    content: '\f132';
    font-family: FontAwesome;
    color: #fecc0d;
    position: absolute;
    left: -25px;
    top: 0px;
}
ul.yl_marsg {
    list-style: none;
    padding-left: 20px;
}
ul.yl_marsg li span {
    font-weight: bold;
}
.fulbord {
    font-weight: bold;
    padding: 25px 35px;
    margin: 30px 0;
    position: relative;
    border: 3px solid;
    background: #f9f9f9;
    border-image: linear-gradient(2.8rad, #fecc0d 23.5%, white 1%, white 76.5%, #fecc0d 1%);
    border-image-slice: 1;
}
.fulbord::before {
    content: '';
    position: absolute;
    left: -6px;
    top: -6px;
    border: 50px solid transparent;
    border-left: 50px solid #bc0404;
    border-top: 0px;
}
.fulbord::after {
    content: '';
    position: absolute;
    left: calc(100% - 94px);
    top: calc(100% - 44px);
    border: 50px solid transparent;
    border-left: 50px solid #bc0404;
    border-top: 0px;
    -moz-transform: scale(0.999, 0.999);
    transform: rotate(180deg);
}

.one_block_text {
    padding: 50px 0;
}
.akcii {
    padding-bottom: 50px;
    overflow: hidden;
}
.acias-vn {
    padding: 0 15px;
}
.akcii h2.text-center.zagapag {
    margin-bottom: 30px;
}
.akcii .container {
    position: relative;
}
/*.bg {
    width: 63px;
    height: 312px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top left, #ffffff, #ffffff00);
}
.bg2 {
    width: 63px;
    height: 312px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top left, #ffffff00 , #ffffff);
} */
.acias-vn.slick-slide {
    opacity: 0.2;
}
.acias-vn.slick-slide.slick-current.slick-active.slick-center {
    opacity: 1;
}
.vidy_osteklen {
    padding: 60px 0;
}
.vidy_osteklen_blck_text {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 1.5em 1.75em 1.75em;
}
.vidy_osteklen_vn {
    display: inline-block;
    width: 100%;
    padding: 30px 0px;
}
p.vidy_osteklen_blck_text_zag {
    font-size: 25px;
    line-height: 1.1;
    font-weight: bold;
    color: #000;
	    margin-bottom: 20px;
}
p.vidy_osteklen_blck_text_desk {
    line-height: 1.4;
    font-size: 18px;
	    margin-bottom: 30px;
}
p.vidy_osteklen_blck_text_knop a {
    background: #fecc0d;
    border: 1px solid #fecc0d;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    line-height: 37px;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .4s;
    width: 196px;
    cursor: pointer;
}
p.vidy_osteklen_blck_text_knop {
    margin-bottom: 0;
}
.uslugi_vnytr {
    height: 255px;
    background-size: cover;
    background-position: center;
    position: relative;
}
.uslugi_vnytr span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #ffffffa8;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 53px;
}
.uslugi .separator {
    margin-bottom: 40px;
}
ol.process-04-list.process-04__list {
    list-style: none;
    counter-reset: li;
}
.process-04-list__item:nth-child(odd) {
    margin-right: auto;
    text-align: right;
    padding-right: 70px;
    border-right: solid 1px #e4e4e4;
}
.process-04-list__item:nth-child(odd)::before {
    right: -21px;
}
.process-04-list__item:nth-child(even)::before {
    left: -21px;
}
.ostekl_prosto .process-04-list__item::before {
    font-size: 20px;
    font-weight: 500;
    text-transform: none;
    color: #ffffff;
}
.ostekl_prosto .process-04-list__item:before {
    background-color: #000000;
}
.process-04-item__header {
    font-size: 20px;
    line-height: 1.85;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0em;
    color: #000000;
	    margin-bottom: 20px;
}
.process-04-list__item:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: -4px;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    line-height: 41px;
    text-align: center;
}
.process-04-item__text {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 300;
    text-transform: none;
    color: #000000;
}
.process-04-list__item:nth-child(even) {
    margin-left: auto;
    text-align: left;
    padding-left: 70px;
    border-left: solid 1px #e4e4e4;
}
.process-04-list__item {
    width: 50%;
    position: relative;
    padding-bottom: 14px;
}
.process-04-list__item:nth-child(odd) img {
    float: right;
	padding-left: 14px;
}
.process-04-list__item:nth-child(even) img {
    float: left;
    padding-right: 14px;
}
.ostekl_prosto {
    padding: 50px 0;
}
.ostekl_prosto .separator {
    margin-bottom: 50px;
}
.preimyshestva_vn img {
    border: 4px solid #ababab;
    border-radius: 100%;
    padding: 10px;
    margin-bottom: 20px;
}
.preimyshestva_vn {
    text-align: center;
}
.preimyshestva {
    background-color: #fafafa;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 50px 0;
}
.preimyshestva .separator {
    margin-bottom: 50px;
}

.otzv_vn.col-md-2 img {
    border-radius: 100%;
    box-shadow: 4px 4px 7px -3px #000;
}
.otzv_vn.col-md-2 {
    justify-content: center;
}
.otzv {
    padding: 50px 0;
}
.karta_boot {
    background-image: url(/images/bg-office-01.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    padding: 50px 0;
	    color: #fff;
}
.karta_boot iframe {
    padding: 10px;
    background-color: #595959;
}
.uteplenie_img {
    padding: 50px 0;
}
.uteplenie_text p {
    font-size: 18px;
    margin-bottom: 30px;
}
.uteplenie_text h2.text-center.zagapag {
    margin-top: 50px;
}
.ceny_vnesh {
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}
p.ceny_vnytr_right_zag {
    font-size: 22px;
    font-weight: bold;
    color: #333;
	margin-bottom: 20px;
}
.ceny_vnytr_right_desk span {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    border-bottom: 2px solid #bababa;
    margin-bottom: 7px;
    padding-bottom: 7px;
}
.ceny_vnytr_right_desk {
    margin-bottom: 20px;
}
.ceny_vnytr_right_cena {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}
.balka_fali_vn i {
    color: #303030;
    font-size: 100px;
}
.balka_fali_vn p {
    font-weight: bold;
    color: #444;
    margin-top: 20px;
}
.balka_fali_vn {
    text-align: center;
}
.shkaf_nashiraboty {
    padding: 50px 0;
}
p.zah_left_smail {
    font-size: 24px;
    color: #444;
    font-weight: bold;
}
.shkaf_nashiraboty_vn {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
.text {
    padding: 20px 0;
}
.logo a {
    display: flex;
    align-items: center;
	text-decoration: none;
}
.center_top {
    display: flex;
    justify-content: center;
}
.logo img {
    width: 237px;
}
.center_top_icon span img {
   padding: 12px;
    filter: brightness(0) invert(0);
}
.center_top:hover .center_top_icon span {
    border: 3px double #003891;
    transition: 0.3s;
}
.ban_info {
    /* background: url(/images/slide_1.jpg) center center no-repeat; */
    /*background: url(/images/ny-banner.png) center center no-repeat;*/
    background-size: cover;
    height: 435px;
    width: 100%;
    position: relative;
	overflow: hidden;
}
.ban_info video.fullscreen-bg__video {
    position: absolute;
    /*bottom: -93%;*/
}
.ban_info .container {
    height: 100%;
}
.ban_info .info_block {
    width: auto;
   background: rgba(255,255,255,.9);
    height: 100%;
    float: left;
    padding-top: 30px;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    right: 65%;
    z-index: 1;
    top: 0;
}
.info_block .info_item {
    display: flex;
    align-items: center;
    margin-bottom: 27px;
    max-width: 100%;
    flex-direction: row-reverse;
    text-align: right;
    position: relative;
    right: -27px;
}
.prodykhia_vnesh {
    padding: 20px;
}
.prodykhia_vn {
    position: relative;
}
.prodykhia_vn_abslut {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
}
.prodykhia_vn_abslut_zag a {
    color: black;
    text-decoration: none;
    border-bottom: 2px solid #fc3f00;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
.prodykhia_vn_abslut_zag {
    margin-bottom: 20px;
}
.prodykhia_vn_abslut_mark ul li a {
    font-weight: 400;
}
.prodykhia_vn_abslut_mark ul {
    list-style: none;
    padding-left: 10px;
}
.prodykhia_vn_abslut_mark ul li:before {
    content: '\f105';
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 15px;
    color: #b70000;
}
.romb {
    max-width: 85px;
    max-height: 85px;
    height: 74px;
    width: 54px;
    background: #B70000;
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.romb span {
    display: block;
    transform: rotate(-45deg);
    color: white;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
}
.romb span b {
    font-size: 22px;
}
.info_item p {
    margin-right: 28px;
    max-width: 172px;
    font-weight: bold;
    font-size: 16px;
}

.flawless_work {
    display: flex;
    width: 400px;
    height: 85px;
    align-items: center;
    background: white;
    z-index: 1;
    position: absolute;
    padding: 0 25px;
    box-sizing: border-box;
    bottom: 30%;
    box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
    right: 0;
}
.flawless_work .years {
    font-size: 44px;
    border-bottom: 3px solid #B70000;
    width: 240px;
    line-height: 40px;
    margin-right: 15px;
}
.flawless_work span {
    font-size: 16px;
}
.flawless_work:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: -8px;
    right: -8px;
    transform: rotate(45deg);
    z-index: 2;
    background: #B70000;
    box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
}
.ban_info .container {
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    position: relative;
}
.center_top_icon span {
    width: 50px;
    height: 50px;
    display: inline-block;
    border: 3px double #e2e2e2;
    border-radius: 100%;
    transition: 0.3s;
}
.center_krzn img {
    width: 50px;
    margin-right: 10px;
}
.center_krzn div#msMiniCart .empty a, .center_krzn div#msMiniCart .not_empty a {
    display: flex;
    align-items: center;
    font-size: 17px;
}
#msMiniCart {
    font-size: .8em;
    float: right;
}
.center_top_text_bold {
    color: #2d3e51;
    font-weight: 700;
    font-size: 17px;
}
.center_top_text_iner {
    font-size: 15px;
}
.center_top_icon {
    padding-right: 10px;
}
.socicos {
    float: left;
    padding: 13px;
    width: 40px;
    height: 40px;
    transition: 0.2s;
    border-left: 1px solid #dedede;
}
.socialis {
    float: right;
}
.header_top {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #eee;
    position: sticky;
    z-index: 222;
    top: 0;
    background: #fff;
}
.socicos img {
    float: left;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.socicos:last-child {
    border-right: 1px solid #dedede;
}
.socicos:hover {
    transform: rotateY(180deg);
    transform: rotateX(180deg);
    transition: 0.2s;
}
.text_gl .container {
    border-top: 2px solid #f5f5f5;
    padding-top: 50px;
}
li.current_page_item>a>span {
    color: #B70000;
}
.islider_vn_ten {
    min-height: 530px;
    display: flex;
    align-items: center;
	background: #00000099;
}
.islider_vn_ten_zag {
    font-size: 37px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}
.islider_vn_ten_desk {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: #fff;
    margin-bottom: 20px;
}
a.bottomsread {
    float: left;
    background-color: #fba50a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    padding: 16px 21px;
    margin: 20px 15px 30px 0;
    text-decoration: none;
    transition: all 0.5s;
}
.readsmor {
    position: absolute;
    left: 0px;
    opacity: 0;
    bottom: 0px;
    transition: 0.3s;
    text-decoration: none;
    width: 100%;
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    padding: 10px 0px;
    text-transform: uppercase;
    color: #fff;
    background: #fba50a;
}
.icon-store {
    text-align: center;
}
.icon-store img {
    bottom: 10px;
    width: 35px;
    border-radius: 50%;
    padding: 5px;
    border: 2px solid #fea60a;
    height: 35px;
}

.metatitlex {
    color: #fff;
    font-weight: 400;
    font-size: 1.85em;
    text-align: center;
    position: relative;
}
.minilini {
    width: 60px;
    height: 3px;
    background: #fba50a;
    margin: 13px auto;
}
.shotrlx {
    color: #fff;
    line-height: 28px;
    font-weight: 400;
    font-size: 15px;
}
.novosti .frus_block_vn {
    margin-top: 0;
}
.novosti {
    padding: 55px 0;
}
.novosti .frus_block_vn {
    margin-top: 0;
}
.novost_vnesh {
    display: flex;
    margin-bottom: 22px;
}
.novost_vnesh_img {
    margin-right: 15px;
}
.top_menys_right .search-form {
display: none;
}
.novost_vnesh_desk_zag a {
    font-weight: 500;
    font-size: 15px;
    color: #111;
    transition: 0.3s;
}
.novost_vnesh_desk_data {
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 300;
    font-style: italic;
    color: #c3c3c3;
    font-size: 13px;
}
.novost_vnesh_desk_deck {
    line-height: 18px;
    font-weight: 300;
    color: #a1a1a1;
    font-size: 13px;
}
.novost_vnesh_img img {
    border-radius: 2px;
    transition: 0.3s;
    padding: 1px;
    border: 1px solid #efefef;
}
.novost_vnesh:hover .novost_vnesh_img img {
    border-radius: 50%;
    transition: 0.3s;
    border: 1px solid #fba50a;
}
.novost_vnesh:hover .novost_vnesh_desk_zag a {
    color: #fba50a;
    transition: 0.3s;
}
.zag_block {
    color: #000000;
    font-size: 37px;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.otzv_vn_vnytr_img {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    transition: 0.3s;
    padding: 2px;
    top: -50px;
    left: 0;
    border: 2px solid #fba50a;
    right: 0;
    margin: 0 auto;
}
.otzv_vn_vnytr {
    transition: 0.3s;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(17,17,17,0.16);
    -moz-box-shadow: 0px 0px 5px 1px rgba(17,17,17,0.16);
    box-shadow: 0px 0px 5px 1px rgba(17,17,17,0.16);
    padding: 10px;
}
.otzv_vn_vnytr_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.otzv_vn_vnytr_zag {
    font-size: 15px;
    margin: 58px 0px 0px 0px;
    text-align: center;
    color: #111;
    text-transform: uppercase;
    font-weight: 500;
}
.otzv_vn_vnytr_desk {
    line-height: 23px;
    font-size: 13px;
    color: #9e9e9e;
    text-align: center;
    margin-top: 10px;
	min-height: 115px;
}
.otzv .zag_block {
    margin-bottom: 100px;
}
.otzv {
    
    background: #f3f3f3;
}
.korxina {
    float: left;
    padding-top: 4px;
}
.prodykhia {
    padding: 50px 0;
}
.wigshet_vn {
    float: left;
    width: 20%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wigshet_vn img {
    border-radius: 100%;
    margin-bottom: 20px;
    border: 1px solid;
}
.wigshet_vn p {
    margin-bottom: 0;
    font-size: 20px;
}
.wigshet {
    background: #f5f5f5;
    padding: 50px 0;
}
.dostavka_right_zag {
    color: #000000;
    font-size: 32px;
    margin-bottom: 20px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}
.zones_table table {
    width: 100%;
    border-collapse: separate;
}
.zones_table table thead {
    vertical-align: middle;
    background: #F4F4F4;
}
.zones_table table thead th:first-child, .zones_table table tbody td:first-child {
    text-align: left;
}
.zones_table table thead th {
    height: 50px;
    border: none;
    text-align: center;
    padding: 0 20px;
}
.zones_table table thead th:first-child, .zones_table table tbody td:first-child {
    text-align: left;
}
.zones_table table tbody td {
    height: 55px;
    text-align: center;
    padding: 0 16px;
    border-bottom: 1px solid #F4F4F4;
}
.zones_table table tbody tr:hover {
    background: #FDF6D5;
}
.dostavka {
    padding: 70px 0;
}
.text_gl {
    
    padding: 50px 0;
}
.feedback-form form {
max-width: 700px;
margin: 0 auto;
}
.feedback-form {
background: #e0e0e021;
margin-top: 40px;
margin-bottom: 20px;
padding: 36px;
}
.zag_os.text-center {
margin-bottom: 24px;
}
.feedback-form .btn6 {
padding: 5px 26px;
font-size: 14px;
display: inline-block;
width: auto;
}
.map_block .contacts_block {
    position: absolute;
    padding: 40px 60px;
    width: 390px;
    height: 390px;
    background: white;
    z-index: 999;
    box-sizing: border-box;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.map_block .contacts_block::before {
    content: "";
    background: #B70000;
    position: absolute;
    top: -15px;
    left: -15px;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
}
.map_block .contacts_block span {
    margin-bottom: 20px;
    display: block;
    font-size: 18px;
}
.map_block .contacts_block a {
    font-size: 18px;
    color: #000;
    text-decoration: none;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.map_block {
    position: relative;
}
.map_block_map {
    min-height: 500px;
    width: 100%;
}
/*.map_block .container {
    position: absolute;
    height: 500px;
    left: 0;
    right: 0;
}*/
.clear {
    clear: both;
}
.foot_ft_zag {
    text-transform: uppercase;
    color: #cccccc;
    font-size: 15px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: bold;
}
.ms2_product_obsh {
    display: inline-block;
    width: 100%;
    padding: 6px 0px;
}

.d-flex.img_krz img {
    width: 50px;
    margin-right: 10px;
    border: 1px solid #e6e6e6;
}
.d-flex.img_krz {
    display: flex;
    align-items: center;
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group-append span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
    height: auto;
  
}
table.krz_table {
    width: 100%;
}
table.krz_table td {
    border: 0;
}
table.krz_table tr.footer th {
    background: #e8e8e8;
    border-bottom: none;
    font-size: 20px;
    font-weight: bold;
    padding: 18px 15px;
    text-align: center;
}
table.krz_table tr.footer th.total {
    text-align: left;
}
table.krz_table tr.header th {
    padding: 15px 15px;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 600;
    white-space: nowrap;
    text-align: center;
}
table.krz_table tr.header th.title {
    text-align: left;
}
table.krz_table {
    margin-bottom: 10px;
}
table.krz_table td {
    border: 0;
    padding: 10px 5px;
}
table.krz_table .form-group {
    margin-bottom: 0;
}
.ms2_product_obsh form {
    display: flex;
    align-items: center;
}
.ms2_product_obsh:nth-child(2n) {
    background: #fdfdeb;
}
.msProduct_right_zag {
    color: #be211d;
    text-transform: uppercase;
    padding-bottom: 7px;
    font-size: 18px;
    font-weight: 500;
}
.msProduct_right_mark ul {
    padding: 0;
    margin: 0 0 30px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    font-size: 12px;
    list-style: none;
}
.msProduct_right_mark ul>li:nth-child(2n-1) {
    color: #000;
    text-align: left;
    width: 40%;
	    font-weight: bold;
}
.msProduct_right_mark ul>li {
    padding: 10px 10px;
    margin: 0;
    list-style: none;
    width: 60%;
    box-sizing: border-box;
    border-bottom: 1px solid #fcf8f9;
    text-align: right;
}
.msProduct_right form {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    background: #fcf8f9;
    padding: 10px 20px;
    margin: 0;
}
div#msGallery {
    border: 2px solid #fcf8f9;
}
.stati-image {
    padding: 0;
}
.stati-desk {
    padding-right: 0;
    padding-left:32px;
}
.stati-name {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
}
.stati-podr {
    text-align: right;
    padding-top: 10px;
}
.stati_home {
padding-bottom: 50px;
}
.stati-podr a {
    display: inline-block;
    border: 2px solid #ff2a13;
    padding: 5px 20px;
    border-radius: 20px;
    text-decoration: none;
    background: #ff2a13;
    color: #fff;
}
.stati-grid {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.stati_cat {
    overflow: hidden;
    display: flex;
}
.nizz_ft > div:first-child img {
    float: left;
    filter: brightness(0) invert(1);
}

.nizz_ft>div {
    width: 25%;
}
.nizz_ft {
    display: flex;
    width: 100%;
    align-items: center;
    text-align: center;
}
.copyrights .container {
    display: flex;
    align-items: center;
}
.foot_boot a {
    color: #fff;
}
.avto_vn_mark.msProduct_right_mark ul > li:nth-child(2n-1) {
    
    width: 70%;
   
}
.avto_vn_mark.msProduct_right_mark ul > li {
  
    width: 30%;
  
}
.avto {
    overflow: hidden;
}
.avto_vn {
    padding: 10px;
}
.avto_vn_zag span {
    display: inline-block;
    width: 100%;
    border-top: 1px solid 
    #444;
    padding-top: 14px;
}
.avto_vn_zag {
    font-size: 18px;
    font-weight: bold;
}
.avto_vn_img {
    text-align: center;
}
.avto_vn_img img {
    height: 134px;
}
.header_top .page-search-button {

    position: absolute;
    right: 0;
    top: 1px;
    height: 36px;

}
.header_top .search-form {
    padding-top: 2px;
}
.header_top .search-form .form-group {
    margin-bottom: 0;
}

.calc-wrap {
    margin: 30px 0;
}

.calc-title {
    margin-left: 30px;
    font-size: 20px;
    margin-bottom: 20px;
    color: #be211d;
    font-weight: bold;
}
.calc-item input {
    width: 30%;
    display: inline-block;
}

.calc-item-body:before {content: "\0442";position: absolute;left: 27%;bottom: 0;}

.calc-item-body {
    position: relative;
}

.calc-type-weight .calc-item-body:before {
    content: "\0442";
}
.calc-type-meter .calc-item-body:before {
    content: "\043C";
}
.calc-type-price .calc-item-body:before {
    content: "\20BD";
}
.calc-item {
    margin-bottom: 30px;
}

.calc-item-title {
    font-weight: bold;
    margin-bottom: 20px;
}

.calc-table-row.row {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.calc-table-row .vallue {
    text-align: right;
}
.calc-table-row .value {
    text-align: right;
}
.calc-item-value span {
    display: inline-block;
    margin-left: 20px;
}
.calc-item-value span.price {
    font-weight: bold;
}
a.buy-btn {
    color: #be211d;
    display: inline-block;
    margin-top: 10px;
}
.product-detail2__props-row {
    display: flex;
  justify-content: space-between;
    /* justify-content: space-between; */
    background-image: url(/images/spec_dots.png);
   background-repeat: repeat-x;
    background-position: left bottom;
}
.msProduct_right_mark {
    margin-bottom: 20px;
}
.product-detail2__props-name {
    display: table-cell;
    vertical-align: bottom;
    padding: 10px 10px 0 0;
}
.product-detail2__props-value {
    display: table-cell;
    vertical-align: bottom;
    padding: 10px 0 0 0;
    text-align: right;
}
.product-detail2__props-name span {
    padding: 2px 5px 2px 0;
    background: white;
    position: relative;
    top: 4px;
}
.product-detail2__props-value span {
    padding: 2px 0px 2px 5px;
    background: white;
    position: relative;
    top: 4px;
}
.simplesearch-paging {
    padding: 18px 0;
}
span.simplesearch-result-pages {
    padding-right: 20px;
    display: none;
}
.simplesearch-paging {
    padding: 18px 0;
    display: flex;
    
}
span.simplesearch-page a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    background: #003891;
    color: #fff;
    justify-content: center;
    font-size: 11px;
    border-radius: 15px;
    text-decoration: none;
    margin-left: 10px;
}
span.simplesearch-page.simplesearch-current-page {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    background: #ff151f;
    color: #fff;
    justify-content: center;
    font-size: 11px;
    border-radius: 15px;
    text-decoration: none;
}
.simplesearch-result {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2c2c2;
}
.simplesearch-result h3 {
    font-size: 20px;
}
/* Menu Appearance */
.pushy {
  position: fixed;
  width: 300px;
  height: 100%;
  top: 0;
  z-index: 9999;
      background: #00000069;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  display: block;
  color: #b3b3b1;
  padding: 15px 30px;
  text-decoration: none;
}
.pushy a:hover {
  color: #FFF;
}
.pushy ul:first-child {
  margin-top: 10px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

.pushy-content {
  visibility: hidden;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-300px, 0, 0);
  -ms-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(300px, 0, 0);
  -ms-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(300px, 0, 0);
  -ms-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-300px, 0, 0);
  -ms-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}
.pushy-content>ul {
    list-style: none;
    padding: 0;
}
.top_menys_mob div#container {
    display: flex;
    justify-content: space-between;
    padding: 7px 10px;
	    align-items: center;
}
button.menu-btn {
    background: #003891;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 7px 17px;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.current_page_item > a {
    pointer-events: none;   
}

.current_page_item > a:has(+ ul .current_page_item ) {
    pointer-events: auto; 
}

/*.header_top ul > .active > a {
    pointer-events: none;
}*/

.bottom_menu ul > .active > a {
    pointer-events: none;
}


/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Buttons */
  /* Submenu Icon */
}
.pushy-submenu > ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu > ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
  width: 100%;
  color: #b3b3b1;
  padding: 15px 30px;
  text-align: left;
  background: transparent;
  border: 0;
}
.pushy-submenu button:hover {
  color: #FFF;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../img/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed > ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open > ul {
  max-height: 1000px;
  visibility: visible;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open > a::after,
.pushy-submenu-open > button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.top_menys_mob {
    display: none;
}
.opt_banertop {
    background: url(/images/slide_1.jpg) center center no-repeat;
    background-size: cover;
    height: 435px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    text-shadow: 1px 2px 2px black !important;
    font-size: 50px;
    text-align: center;
    font-weight: bold;
}
.s_kemrabot {
    padding: 50px 0;
}
.s_kemrabot_g_zag {
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #0f3b8d;
}
.s_kemrabot_g i {
    font-size: 50px;
    color: #ed1c24;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    display: flex;
    border: 4px ridge #0f3b8d;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.col-md-4.s_kemrabot_g {
    text-align: center;
}
.s_kemrabot_g {
    padding: 15px;
}
.s_kemrabot.ser_bord {
    background: #f5f5f5;
}
.rabot_ob_vn {
    padding: 0 20px;
}
.vipol_rbt {
    padding: 50px 80px;
}
.zmk_msk {
    position: fixed;
    top: 50%;
    left: -42px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 22;
}
.zmk_msk a {
    background: #0f3b8d;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
        text-decoration: none;
    transition: 0.3s;
}
.zmk_msk a:hover {
    padding: 14px 20px;
}

.hide-text--hidden .hide-text__content {
    max-height: 120px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.hide-text--hidden .hide-text__content::after {
    background: linear-gradient(0deg, white, transparent);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    pointer-events: none;
}

.hide-text__button {
    padding: 0;
    border: none;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.hide-text__button::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00023 8.57129L10.1635 4.40795L9.18402 3.42843L5.99746 6.61499L2.81089 3.42843L1.83691 4.40795L6.00023 8.57129Z' fill='%231C1B17'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    rotate: -180deg;
}

.hide-text--hidden > .hide-text__button::after {
    rotate: 0deg;
}

.bg-white .hide-text--hidden .hide-text__content::after {
    background: linear-gradient(0deg, white, transparent);
}

@media (max-width: 1199px) {
.header_top_menu a {
    font-size: 11px;
}
}
@media (min-width: 768px) and (max-width: 991px){ 
.top_menys_mob {
		display: block;
		box-shadow: 0 0px 6px 0 rgba(0,0,0,.1);
		background: #E0E0E0;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		position: sticky;
    z-index: 2222;
    top: 0;
	}
	.top_menys_right a {
    font-size: 18px;
    font-weight: bold;
	}	
	.center_top_text_bold {
		color: #2d3e51;
		font-weight: 700;
		   font-size: 13px;
	}
	.logo {
		width: 20%;
	}
	.menu-top>ul>li>a {
		font-size: 16px;
	}
	.prodykhia_vnesh {
    padding: 20px;
    text-align: center;
    width: 49%;
    display: inline-block;
	}
	.wigshet_vn {
    float: none;
    width: 49%;
    display: inline-block;
    text-align: center;
    padding: 10px;
	vertical-align: top;
	}
	.wigshet_vn_vse {
    text-align: center;
	}
	.uslugi-vnesh {
    padding: 10px;
    float: left;
    width: 50%;
    text-align: center;
	}
	.header_top {
    display: none;
	}
	.menu_flech {
    display: none;
	}
}
.center_top_icon_mob {
    display: none;
}
@media (max-width: 767px) {
    .insta {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    }
    .calc-order-header {
    display: none;
}
    .opt_banertop {
    height: auto;
    font-size: 22px;
    padding: 50px 20px;
    }
    .s_kemrabot_g {
        padding: 15px;
        text-align: center;
    }
    .vipol_rbt {
    padding: 50px 0px;
    }
	.top_menys_mob {
		display: block;
		box-shadow: 0 0px 6px 0 rgba(0,0,0,.1);
		background: #E0E0E0;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		position: sticky;
    z-index: 2222;
    top: 0;
	}
	.top_menys_right a {
    font-size: 18px;
    font-weight: bold;
	}	
    .center_top_icon_komp {
    display: none;
    }
    .center_top_icon_mob {
    display: block;
    }
    .nizz_ft_vn1, .nizz_ft_vn2 {
    width: 100%;
    display: inline-block;
    }
    .nizz_ft_vn3 {
    display: none;
    }
	h2.text-center.zagapag {
    font-size: 22px!important;
	}
	.vidy_osteklen_blck_img {
    padding: 0;
	}
	.process-04-list__item {
    width: 100%;
    position: relative;
    padding-bottom: 14px;
	}
	ol.process-04-list.process-04__list {
    padding-left: 0;
	}
	.ostekl_prosto {
    overflow: hidden;
    position: relative;
	}
	.otzv_vn {
    display: block;
    text-align: center;
	}
	footer ul li {
    width: 100%;
    text-align: center;
	}

	footer ul {
    display: block;
	}
	div#bs-navbar-collapse-1 ul li {
    padding: 5px 0;
	}
	div#bs-navbar-collapse-1 ul {
		padding-left: 0;
		list-style: none;
		text-align: center;
	}
	div#bs-navbar-collapse-1 a {
		color: #fff;
		text-transform: uppercase;
		    background: none;
	}
	div#bs-navbar-collapse-1 a span.caret {
    position: relative;
    right: -10px;
	}
	div#bs-navbar-collapse-1 {
		background: #444;
	}
	.navbar-header {
    background: #333333;
    color: #fff;
	}
	.navbar-default .navbar-brand {
    color: #fff!important;
	}
	nav.navbar.navbar-default.navbar-static-top.navbar-fixed-top {
    display: block;
	}
	.col-md-9.menu-top {
    display: none;
	}
	
	.slider h2 {
    color: #fff;
    text-align: left;
    font-family: 'Pacifico', cursive;
    font-size: 21px;
    margin-top: 0;
    border-bottom: 1px solid #7c7c7c;
    padding-bottom: 20px;
    margin-bottom: 35px;
	}
	.container.text-na-slaid {
    background-image: url(/images/decking.jpg);
    padding: 22px;
    background-size: cover;
    position: relative;
	}
	.slid-gl.slick-slide.slick-current.slick-active img {
    display: none;
	}
	.galer-vnesh {
    width: 50%;
    float: left;
	}
	.col-md-2.posl-stati-img {
    display: none;
	}
	header.fixed .logo img {
    padding: 0;
	}
	header.fixed .menu_skrolls {
    display: none;
	}
	.menu_flech {
    margin-top: 0;
	}
	.islider_ten {
    display: block;
	}
	.islider_ten>.container {
    display: block;
    align-items: center;
	}
	p.islider_vn_left_zag2 {
    font-size: 20px;
    line-height: 22px;
	}
	p.islider_vn_left_zag {
    margin-top: 21px;
	}
	.islider_ten {
    min-height: auto;
	}
	.islider_vn {
    background-size: cover;
	}
	
	header {
		    position: initial;
		    display: block;
		    text-align: center;
		    /* padding-left: 5px; */
		    /* padding-right: 5px; */
	}
	.header_top {
    margin-top: 53px;
    display: none;
	}
	header .container {
    padding: 4px 15px!important;
    display: block;
    align-items: center;
 }
	.logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    width: 100%;
    margin-bottom: 13px;
	}
	.center_top {
    text-align: left;
    padding: 9px;
    width: 265px;
    margin: 0 auto;
	}
	.frus_block_vn {
    margin-top: 26px;
	}
	#wr-tabs .tabs.sortik .tab {
    padding: 3px 6px;
    margin: 0 0px;
    border-radius: 2.5px;
	}
	.categor-vn-prais-right {
    text-align: center;
	}
	.categor-vn-prais-left {
    text-align: center;
	}
	.modal-body .tov-img img {
    border: 1px solid #bababa;
    display: none;
	}
	.novosti .frus_block_vn {
    margin-top: 26px;
	}
	.col-md-6.menu-top {
    display: none;
	}
	.novost_vn {
    padding: 20px;
	}
	.novosti {
    padding: 15px 0;
	}
	.foot_ft {
    padding: 15px;
    text-align: center;
    }
	.kupit-v1-lkik a {
    width: 100%;
    text-align: center;
    margin: 10px 0;
	}
	.tov-desk-texttop {
    padding: 0px 0;
	}
	.block_widset .container {
    display: block;
    align-items: center;
    min-height: 194px;
    text-align: center;
	}
	.witshet_glav {
    width: 49%;
    display: inline-block;
	    vertical-align: top;
	}
	.block_widset {
    padding: 30px 0px;
	}
	.baner-top-ten {
    min-height: 400px;
	}
	h1.zag-baner {
    font-size: 28px;
	}
	.right_top {
    text-align: center;
    padding: 0;
	}
	form.sisea-search-form {
    display: inline-block;
    margin: 0 auto;
	}
	.telefonka_top {
    font-weight: bold;
    display: inline-block;
    margin-left: 0;
    position: relative;
    top: -3px;
    width: 100%;
	}
	.slick-next {
    right: 0;
	}
	.slick-prev {
    left: 0;
	}
	p.rabka-vn-belka-text-zag {
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 10px;
	}
	.etapu-sam {
    width: 49%;
    display: inline-block;
	}
	.etapu {
    text-align: center;
	}
	.baner-form-imputleft {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
	}
	.formasik-ten button.btn6 {
    padding: 0;
	}
	
	.menu-top {
    display: none;
	}
	.formasik-ten>div>div {
    padding: 20px!important;
    }
	#msMiniCart {
    font-size: .8em;
    float: none;
	}
	.ms2_product_obsh form {
    display: block;
    align-items: center;
    text-align: center;
	}
	.nizz_ft>div {
    width: 100%;
    text-align: center;
	}
	.nizz_ft {
    display: inline-block;
    width: 100%;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-align: center;
	}
	.nizz_ft>div:first-child img {
    width: 45%;
    float: none;
    margin-bottom: 11px;
	}
	.foot_ft_zag {
    text-align: center;
	}
	.ms2_product_obsh button.btn.btn-primary {
    width: 100%;
    margin: 10px 0;
	}
	.dostavka_right.col-md-7.zones_table {
    padding: 10px;
    overflow: scroll;
	}
	.flawless_work {
    display: none;
	}
	.ban_info .info_block {
    
    right: 36%;
   
	}
	.wigshet_vn {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px;
	}
		.menu_flech {
    display: none;
	}
}
.invalid{
    border:2px solid red!important;
}
.delivery-address .list-group img {
    width: 150px;
}
.calc-order-header {
    border-bottom: 1px solid #999;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.calc-order-body > div {
    margin-bottom: 20px;
}

.calc-order-body .input-group-addon {
    padding: 0;
    display: flex;
    width: 40px;
    align-items: center;
    justify-content: center;
}

.calc-order-body .input-group input {
    padding-left: 20px;
}

.calc-order-bottom {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #999;
    font-weight: bold;
    font-size: 30px;
}
.calc-order-form h2{
    text-align: center;
}
.calc-order-total {
    text-align: revert;
    display: flex;
    justify-content: flex-end;
}

.calc-order-total span {
    display: inline-block;
    padding: 0 10px;
}

.calc-order-form {
    margin-top: 30px;
}
.calc-order-form__inner {
    margin: 20px auto;
    float: none;
}
.calc-order-form .notice {
    text-align: center;
    font-size: 20px;
    color: #0f3ba7;
    font-weight: bold;
    margin: 10px 0;
}
.calc-order-header {
    font-weight: bold;
}

/* ============ SECTIONS ============ */
.section {
    padding: 70px 0;
}
.section--soft { background: var(--color-bg-soft); }
.section--dark { background: var(--color-bg-dark); color: #fff; }
.section--dark a { color: var(--color-orange); }
.section--dark a:hover { color: #fff; }

.section__title {
    font-family: var(--font-body);
    font-weight: 700;
    font-size: clamp(26px, 3vw, 37px);
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 12px;
    color: inherit;
}
.section__subtitle {
    text-align: center;
    font-size: 17px;
    color: var(--color-text-muted);
    max-width: 780px;
    margin: 0 auto 50px;
}
.section--dark .section__subtitle { color: rgba(255, 255, 255, .75); }

.section__title::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin: 18px auto 0;
    background: var(--color-red);
    border-radius: 2px;
}

/* ============ INTRO / STORY ============ */
.story {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 50px;
    align-items: center;
}
.story__text p { margin: 0 0 16px; font-size: 16px; }
.story__text p:first-child::first-letter {
    font-size: 3.2em;
    float: left;
    line-height: .9;
    padding: 4px 12px 0 0;
    color: var(--color-red);
    font-weight: 700;
    font-family: var(--font-cond);
}
.story__media {
    position: relative;
}
.story__media img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
.story__badge {
    position: absolute;
    left: -20px;
    bottom: -20px;
    background: var(--color-red);
    color: #fff;
    padding: 20px 24px;
    border-radius: var(--radius);
    text-align: center;
    box-shadow: var(--shadow-sm);
}
.story__badge strong {
    display: block;
    font-size: 42px;
    line-height: 1;
    font-family: var(--font-cond);
}
.story__badge span {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* ============ STATS ============ */
.stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}
.stats__item {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    transition: transform .35s ease, box-shadow .35s ease;
}
.stats__item:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow);
}
.stats__romb {
    width: 68px;
    height: 68px;
    margin: 0 auto 16px;
    background: var(--color-red);
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    box-shadow: 0 8px 16px -8px rgba(183, 0, 0, .6);
}
.stats__romb span {
    transform: rotate(-45deg);
    color: #fff;
    font-family: var(--font-cond);
    font-weight: 700;
    font-size: 22px;
}
.stats__value {
    font-family: var(--font-cond);
    font-size: 34px;
    font-weight: 700;
    color: var(--color-blue);
    line-height: 1;
    margin-bottom: 8px;
}
.stats__label { color: var(--color-text-muted); font-size: 15px; }

/* ============ MISSION ============ */
.mission {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.mission__card {
    background: #fff;
    border-radius: var(--radius);
    padding: 34px 28px;
    border-top: 4px solid var(--color-red);
    box-shadow: var(--shadow-sm);
    transition: transform .3s ease;
}
.mission__card:hover { transform: translateY(-5px); }
.mission__icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(183, 0, 0, .08);
    color: var(--color-red);
    margin-bottom: 20px;
}
.mission__icon svg { width: 28px; height: 28px; }
.mission__title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
    color: var(--color-text);
}
.mission__text { margin: 0; color: var(--color-text-muted); font-size: 15px; }

/* ============ ADVANTAGES ============ */
.advantages {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.adv__item {
    text-align: center;
    padding: 24px 16px;
    background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    transition: transform .3s ease;
}
.adv__item:hover { transform: translateY(-4px); }
.adv__num {
    display: inline-block;
    font-family: var(--font-cond);
    font-size: 38px;
    font-weight: 700;
    color: var(--color-red);
    line-height: 1;
}
.adv__num sup { font-size: 18px; color: var(--color-blue); vertical-align: super; }
.adv__text { margin: 12px 0 0; font-size: 14px; color: var(--color-text); font-weight: 500; }

/* ============ BASES ============ */
.bases {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.base {
    background: #fff;
    border-radius: var(--radius);
    padding: 28px 26px;
    box-shadow: var(--shadow-sm);
    border-left: 4px solid var(--color-orange);
    transition: transform .3s ease, border-color .3s ease;
}
.base:hover {
    transform: translateY(-4px);
    border-left-color: var(--color-red);
}
.base__city {
    font-family: var(--font-cond);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: var(--color-blue);
    margin: 0 0 8px;
    letter-spacing: .02em;
}
.base__addr { margin: 0 0 6px; color: var(--color-text); font-size: 15px; }
.base__zip { color: var(--color-text-muted); font-size: 13px; }

/* ============ TIMELINE ============ */
.timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}
.timeline::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--color-orange);
}
.tl__item {
    position: relative;
    padding: 0 0 40px 90px;
}
.tl__item::before {
    content: "";
    position: absolute;
    left: 32px;
    top: 4px;
    width: 18px;
    height: 18px;
    background: var(--color-red);
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--color-red);
}
.tl__year {
    font-family: var(--font-cond);
    font-weight: 700;
    font-size: 26px;
    color: var(--color-blue);
    margin-bottom: 6px;
}
.tl__desc { color: var(--color-text-muted); margin: 0; }

/* ============ CTA ============ */
.cta {
    background: linear-gradient(135deg, var(--color-blue), var(--color-red));
    color: #fff;
    padding: 60px 0;
    text-align: center;
}
.cta h2 { font-size: clamp(24px, 3vw, 34px); margin: 0 0 12px; text-transform: uppercase; color: white;}
.cta p { margin: 0 0 26px; opacity: .9; font-size: 17px; }
.cta__actions {
    display: inline-flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}
.button {
    display: inline-block;
    padding: 14px 34px;
    border-radius: 49px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .05em;
    font-size: 14px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: background .3s ease, transform .3s ease, color .3s ease;
}
.button--primary { background: var(--color-orange); color: var(--color-text); }
.button--primary:hover { background: #fff; color: var(--color-red); }
.button--ghost { background: transparent; border-color: #fff; color: #fff; }
.button--ghost:hover { background: #fff; color: var(--color-blue); }


.button-oneclick {
    background-color: var(--ttw-accent-color);
    border: unset;
    font-size: clamp(1rem,.128vw + .971rem,1.125rem);
    font-weight: 700;
    border-radius: 10px;
    height: unset!important;
}

.product-detail__buttons {
    display: flex;
    justify-content: end;
}

.regions{padding:60px 0;background:#f7f7f7;}
.regions .zag_block{margin-bottom:12px;}
.regions__lead{text-align:center;color:#555;max-width:820px;margin:0 auto 28px;font-size:16px;line-height:1.55;}
.regions__scroller{position:relative;margin:0 -20px;padding:6px 20px 18px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#B70000 #e0e0e0;}
.regions__scroller::-webkit-scrollbar{height:8px;}
.regions__scroller::-webkit-scrollbar-track{background:#e0e0e0;border-radius:4px;}
.regions__scroller::-webkit-scrollbar-thumb{background:#B70000;border-radius:4px;}
.regions__scroller::-webkit-scrollbar-thumb:hover{background:#8e0000;}
.regions__grid{display:grid;grid-template-rows:repeat(6,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:8px 10px;padding-right:20px;}
.region-chip{display:inline-block;padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:22px;color:#2d3e50;font-size:14px;line-height:1.2;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;text-decoration:none;white-space:nowrap;}
.region-chip:hover,.region-chip:focus{background:#B70000;border-color:#B70000;color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 14px -6px rgba(183,0,0,.45);}
.regions__hint{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;font-size:13px;color:#6b7280;letter-spacing:.02em;}
.regions__hint svg{width:22px;height:14px;color:#B70000;animation:slideLeft 1.6s ease-in-out infinite;}
@keyframes slideLeft{0%,100%{transform:translateX(0);}50%{transform:translateX(-6px);}}
.regions__note{text-align:center;margin-top:22px;font-size:14px;color:#6b7280;}
.regions__note a{color:#003891;font-weight:600;border-bottom:1px dashed #003891;text-decoration:none;}
.regions__note a:hover{color:#B70000;border-bottom-color:#B70000;}
@media (max-width:640px){.regions{padding:40px 0;}.region-chip{font-size:13px;padding:7px 13px;}.regions__grid{grid-template-rows:repeat(6,auto);gap:6px 8px;}}

.reviews {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin: 40px 0;
}

.reviews-left {
    flex: 1 0 280px;
}

.reviews-right {
    flex: 1 0 280px;
}
.reviews-left__text {
    margin: 30px 0;
}

.related__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 5px;
}

.related-item__img-wrap {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--bg-light);
}

.related-item__body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.related-item__name {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.35;
}

.related-item__name a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: black;
}

.related-item_form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.related-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #d1d5db;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.25s ease, border-color 0.2s ease, transform 0.25s ease;
    position: relative;
}

.related-item .ms2_product_obsh_kol {
    margin: 6px 0;
}

.related-item .input-group-text {
    height: 100%;
}

.search-wrapper-mob {
    padding: 24px;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 5px;
    margin-bottom: 20px;
}

.product-item__img-wrap {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--bg-light);
}

.product-item__body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.product-item__name {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.35;
}

.product-item__name a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: black;
}

.product-item_form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.product-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #d1d5db;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.25s ease, border-color 0.2s ease, transform 0.25s ease;
    position: relative;
}

.product-item .ms2_product_obsh_kol {
    margin: 6px 0;
}

.product-item .input-group-text {
    height: 100%;
}

.add-wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: none;
    width: 24px;
    height: 24px;
}

.add-wishlist svg {
    width: 100%;
    height: 100%;
}

.add-wishlist--selected svg path {
    fill: red;
}
.product-item-add-wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 199;
    background-color: white;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 8px;
    cursor: pointer;
}
.ms2_product_obsh {
    position: relative;
}
.product-detail-add-wishlist {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 199;
    background-color: white;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 8px;
    cursor: pointer;
}

.ttw-detail__col.ttw-detail__col_right {
    position: relative;
}

a.header-link--wishlist {
    background: unset;
    padding: 0;
    width: 50px;
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    border: 3px double #e2e2e2;
    border-radius: 100%;
    transition: 0.3s;
}

a.header-link--wishlist svg {
    width: 24px;
    height: 24px;
}

a.header-link--wishlist:hover {
    scale: 1.1;
}
.header-link--wishlist.header-link-mob--wishlist svg {
    width: 20px!important;
    height: 20px!important;
}

.product-item__tags {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    pointer-events: none;
}

.product-item__tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    background-color: var(--bs-red);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.product-item__tag--popular {
    background-color: var(--bs-red);
}

.product-item__tag--new {
    background-color: #2e8b57;
}

.product-item__tag--sale {
    background-color: #f0a500;
    color: #1a1a1a;
}

.product-item__tags.product-item__tags--single {
    left: unset!important;
    right: 10px!important;
}

.ttw-detail__col.ttw-detail__col_left {
    position: relative;
}

.product-item__stock {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0 10px;
    padding: 6px 10px 6px 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    border-radius: 6px;
    background-color: #f4f5f7;
    color: #4a4a4a;
    transition: background-color .2s ease, color .2s ease;
}

.product-item__stock-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: currentColor;
    flex-shrink: 0;
    position: relative;
}

.product-item__stock--in {
    background-color: #e8f5ec;
    color: #1f8a3b;
}

.product-item__stock--in .product-item__stock-dot::after {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background-color: currentColor;
    opacity: .25;
    animation: stock-pulse 1.8s ease-out infinite;
}


@keyframes stock-pulse {
    0%   { transform: scale(.6); opacity: .35; }
    70%  { transform: scale(1.4); opacity: 0; }
    100% { transform: scale(1.4); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .product-item__stock--in .product-item__stock-dot::after {
        animation: none;
    }
}

.feedback-section { padding:24px 0 8px; }
.feedback-card {
    background:#fff; border:1px solid #ececec; border-radius:14px;
    box-shadow:0 8px 30px rgba(0,0,0,.06);
    padding:28px;
}
.feedback-card__head { text-align:center; margin-bottom:20px; }
.feedback-card__title {font-size:24px;font-weight:700;margin:0 0 8px;text-align: center!important;color:#1f2328;}
.feedback-card__lead { color:#6a7280; margin:0; font-size:15px; }
.feedback-card__form .form-control {border:1px solid #dfe3e8;border-radius:6px;padding:.55rem .75rem;font-size: 14px;}
.feedback-card__form .form-control:focus { border-color:rgba(184,34,18,.5); box-shadow:0 0 0 .15rem rgba(184,34,18,.15); }
.feedback-card__agree { display:flex; align-items:flex-start; gap:8px; font-size:13px; color:#5a636b; margin:8px 0 16px; cursor:pointer; }
.feedback-card__agree input { margin-top:3px; flex-shrink:0; }
.feedback-card__agree a { color:#b82212; text-decoration:underline; }
.feedback-card .btn6 {
    background:#b82212; color:#fff; border:none; border-radius:6px;
    padding:.7rem 2rem; font-size:15px; font-weight:600; cursor:pointer;
    transition:background .2s ease, transform .1s ease;
    display:block; margin:0 auto;
}
.feedback-card .btn6:hover:not(:disabled) { background:#9c1c0f; }
.feedback-card .btn6:active:not(:disabled) { transform:translateY(1px); }
.feedback-card .btn6:disabled { background:#c8ccd0; cursor:not-allowed; }
.feedback-card .notice { margin-top:12px; text-align:center; font-size:14px; }

.catalog-viewers {
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    font-family: inherit;
}

.catalog-viewers__label {
    font-size: 14px;
    color: #6b7280;
    letter-spacing: 0.01em;
}

.catalog-viewers__group {
    display: inline-flex;
    padding: 4px;
    background-color: #f4f4f5;
    border-radius: 10px;
    gap: 2px;
}

.catalog-viewers__handler {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #4b5563;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.05s ease;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.catalog-viewers__handler:hover:not(.catalog-viewers__handler--active) {
    color: #111827;
    background-color: rgba(255, 255, 255, 0.6);
}

.catalog-viewers__handler:focus-visible {
    outline: 2px solid rgba(var(--primary-color, 184, 34, 18), 0.5);
    outline-offset: 2px;
}

.catalog-viewers__handler:active {
    transform: scale(0.97);
}

.catalog-viewers__handler--active {
    color: #fff;
    background-color: rgb(var(--primary-color, 184, 34, 18));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 10px rgba(var(--primary-color, 184, 34, 18), 0.25);
}

.catalog-viewers__icon {
    flex-shrink: 0;
    transition: transform 0.18s ease;
}

.catalog-viewers__handler:hover .catalog-viewers__icon {
    transform: scale(1.05);
}

.catalog-toolbar {
    --primary-color: 184, 34, 18;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    margin-bottom: 24px;
    font-family: inherit;
}

.products-sort,
.catalog-viewers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.toolbar__label {
    font-size: 14px;
    color: #6b7280;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â² */
.toolbar__segment {
    display: inline-flex;
    padding: 4px;
    background-color: #f4f4f5;
    border-radius: 10px;
    gap: 2px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ */
.toolbar__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #4b5563;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.05s ease;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap;
}

.toolbar__chip:hover:not(.is-active):not(.catalog-viewers__handler--active) {
    color: #111827;
    background-color: rgba(255, 255, 255, 0.7);
}

.toolbar__chip:focus-visible {
    outline: 2px solid rgba(var(--primary-color), 0.5);
    outline-offset: 2px;
}

.toolbar__chip:active {
    transform: scale(0.97);
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */
.toolbar__chip.is-active,
.toolbar__chip.catalog-viewers__handler--active {
    color: #fff;
    background-color: rgb(var(--primary-color));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08),
                0 4px 10px rgba(var(--primary-color), 0.25);
}

.toolbar__icon {
    flex-shrink: 0;
    transition: transform 0.18s ease;
}

.toolbar__chip:hover .toolbar__icon {
    transform: scale(1.08);
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡: ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢:/ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢:ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â» ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ */
@media (max-width: 768px) {
    .catalog-toolbar {
        gap: 12px;
    }
    .toolbar__label {
        display: none;
    }
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ: ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â° ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ */
@media (max-width: 480px) {
    .catalog-viewers .toolbar__chip span {
        display: none;
    }
    .catalog-viewers .toolbar__chip {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .catalog-viewers__handler span:not(.catalog-viewers__label) {
        display: none;
    }
    .catalog-viewers__handler {
        padding: 10px;
    }
}

.products-grid.products-grid--list .product-item {
    flex-direction: row;
}

.products-grid.products-grid--list {
    grid-template-columns: repeat(1, 1fr);
}

.products-grid.products-grid--list .product-item__img-wrap {
    max-width: 280px;
}

.podkategorii {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 0px;
}

.sitemap-page li > ul {
    padding-left: 20px;
}

.sitemap-page a {
    color: black;
}

.sitemap-page * {
    list-style: disc;
}


@media (max-width:575px) {
    .feedback-card { padding:18px; }
    .feedback-card__title { font-size:20px; }
}
    
@media (max-width: 991px) {
    .story { grid-template-columns: 1fr; }
    .stats { grid-template-columns: repeat(2, 1fr); }
    .mission { grid-template-columns: repeat(2, 1fr); }
    .advantages { grid-template-columns: repeat(2, 1fr); }
    .bases { grid-template-columns: repeat(2, 1fr); }
    .center_krzn {
        display: none;
    }
}

@media (max-width: 640px) {
    .section { padding: 50px 0; }
    .stats,
    .mission,
    .advantages,
    .bases { grid-template-columns: 1fr; }
    .story__badge { left: 15px; bottom: -15px; padding: 14px 18px; }
    .story__badge strong { font-size: 32px; }
    .tl__item { padding-left: 70px; }
    .timeline::before { left: 26px; }
    .tl__item::before { left: 18px; }
}

:root{
    --primary: #b82212;
    --primary-dark: #8f1a0e;
    --secondary: #0f3b8d;
    --ink: #1a1a1a;
    --ink-2: #4a4a4a;
    --ink-3: #7a7a7a;
    --line: #e5e5e5;
    --line-2: #f0f0f0;
    --bg: #fafafa;
    --topbar-bg: #f5f5f5;
    --topbar-fg: #4a4a4a;
    --radius: 10px;
    --shadow: 0 4px 16px rgba(0,0,0,.08);
    --shadow-lg: 0 12px 32px rgba(0,0,0,.12);
}
*,*::before,*::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; }
body{
    margin: 0;
    font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--ink);
    background: #fff;
}
body.no-scroll{ overflow: hidden; }
a{ color: var(--ink); text-decoration: none; }
a:hover{ color: var(--primary); }
img{ max-width: 100%; height: auto; display: block; }
button{ font: inherit; cursor: pointer; background: none; border: 0; padding: 0; color: inherit; }
.container{ max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

/* ============ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸-ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â  ============ */
/* ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°: ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â, ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸, ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°; ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â° ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ */
.topbar{
    background: var(--topbar-bg);
    color: var(--topbar-fg);
    font-size: 13px;
    line-height: 1.2;
    border-bottom: 1px solid var(--line);
}
.topbar__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    gap: 24px;
    flex-wrap: wrap;
    padding: 8px 0;
}
.topbar a{ color: var(--topbar-fg); }
.topbar a:hover{ color: var(--primary); }
.topbar__left,
.topbar__right{
    display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
}
.topbar__item{ display: inline-flex; align-items: center; gap: 6px; }
.topbar__item svg{ width: 14px; height: 14px; flex-shrink: 0; color: var(--ink-3); }
@media (max-width: 991px){
    .topbar{ display: none; }
}

/* ============ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ============ */
.header{
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.header__row{
    display: grid;
    grid-template-columns: auto 1fr auto auto auto auto;
    align-items: center;
    gap: 24px;
    min-height: 88px;
    padding: 14px 0;
}

/* --- ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ --- */
.header__logo{
    display: flex; align-items: center;
    flex-shrink: 0;
}
.header__logo img{
    height: 56px;
    width: auto;
}

/* --- ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âº --- */
.header__search{
    position: relative;
    display: flex;
    min-width: 0;
}
.header__search input{
    width: 100%;
    height: 48px;
    padding: 0 100px 0 44px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--bg);
    font-size: 15px;
    font-family: inherit;
    color: var(--ink);
}
.header__search input:focus{ outline: 2px solid var(--primary); background: #fff; }
.header__search > svg{
    position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
    width: 20px; height: 20px; color: var(--ink-3);
    pointer-events: none;
}
.header__search button{
    position: absolute; right: 4px; top: 4px; bottom: 4px;
    width: 92px; border: 0; border-radius: 8px;
    background: var(--primary); color: #fff; font-weight: 600;
    transition: background .15s;
}
.header__search button:hover{ background: var(--primary-dark); }

/* --- ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ --- */
.header__phone{
    position: relative;
    display: flex; align-items: center; gap: 10px;
}
.header__phone-main{
    display: flex; flex-direction: column; line-height: 1.1;
    cursor: pointer;
}
.header__phone-main a{ font-weight: 700; font-size: 18px; white-space: nowrap; }
.header__phone-main small{ font-size: 12px; color: var(--ink-3); margin-top: 2px; }
.header__phone-toggle{
    width: 24px; height: 24px;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--ink-3);
    border-radius: 4px;
    transition: color .15s, background .15s;
}
.header__phone:hover .header__phone-toggle,
.header__phone-toggle:focus-visible{
    color: var(--primary); background: var(--line-2);
}
.header__phone-toggle svg{ width: 14px; height: 14px; transition: transform .2s; }
.header__phone:hover .header__phone-toggle svg{ transform: rotate(180deg); }

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ (ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸) */
.header__phone-dropdown{
    position: absolute; top: 100%; right: 0;
    min-width: 260px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    padding: 14px 16px;
    margin-top: 12px;
    opacity: 0; visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .15s, transform .15s, visibility .15s;
    z-index: 100;
}
.header__phone:hover .header__phone-dropdown,
.header__phone:focus-within .header__phone-dropdown{
    opacity: 1; visibility: visible; transform: translateY(0);
}
.header__phone-dropdown::before{
    content: ""; position: absolute; top: -10px; right: 24px;
    border: 5px solid transparent; border-bottom-color: #fff;
    filter: drop-shadow(0 -1px 0 var(--line));
}
.header__phone-dropdown-item{
    display: flex; flex-direction: column;
    padding: 8px 0;
    border-bottom: 1px solid var(--line-2);
}
.header__phone-dropdown-item:last-child{ border-bottom: 0; }
.header__phone-dropdown-item a{ font-weight: 700; font-size: 16px; }
.header__phone-dropdown-item span{ font-size: 12px; color: var(--ink-3); margin-top: 2px; }
.header__phone-dropdown-cb{
    display: flex; align-items: center; justify-content: center; gap: 6px;
    width: 100%; margin-top: 10px;
    padding: 10px; border-radius: 8px;
    background: var(--bg); color: var(--ink);
    font-weight: 600; font-size: 14px;
    border: 1px solid var(--line);
}
.header__phone-dropdown-cb:hover{ background: var(--primary); color: #fff; border-color: var(--primary); }

/* --- ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ --- */
.header__msg{ display: flex; gap: 8px; }
.header__msg a{
    width: 42px; height: 42px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent;
    transition: transform .15s;
}
.header__msg a:hover{ transform: translateY(-2px); }
.header__msg img{ width: 40px; height: 40px; display: block; }

/* --- ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸: ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ, ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â° --- */
.header__icons{ display: flex; align-items: center; gap: 8px; }
.icon-btn{
    position: relative;
    width: 48px; height: 48px; border-radius: 10px;
    background: var(--bg); border: 1px solid var(--line);
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--ink);
    transition: background .15s, color .15s, border-color .15s;
}
.icon-btn:hover{ background: #fff; color: var(--primary); border-color: var(--primary); }
.icon-btn svg{ width: 22px; height: 22px; }
.icon-btn__count{
    position: absolute; top: -6px; right: -6px;
    min-width: 20px; height: 20px; border-radius: 10px;
    background: var(--primary); color: #fff;
    font-size: 11px; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0 6px;
}

/* --- CTA --- */
.btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 48px;
    padding: 0 22px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    background: var(--primary);
    color: #fff;
    transition: background .15s;
    text-decoration: none;
    white-space: nowrap;
    border: none;
}
.btn:hover{ background: var(--primary-dark); color:#fff; }
.btn--ghost{ background: transparent; color: var(--ink); border: 1px solid var(--line); }
.btn--ghost:hover{ background: var(--bg); color: var(--ink); border-color: var(--ink-3); }

/* --- ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ (ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹) --- */
.header__burger{
    display: none;
    width: 44px; height: 44px; border-radius: 8px;
    background: var(--bg); border: 1px solid var(--line);
    align-items: center; justify-content: center;
}
.header__burger svg{ width: 22px; height: 22px; color: var(--ink); }

/* ============ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â® ============ */
.nav{
    border-top: 1px solid var(--line);
    background: #fff;
}
.nav__list{
    list-style: none; margin: 0; padding: 0;
    display: flex;
}
.nav__item{
    position: relative;
    flex: 1 0 auto;
}
.nav__link{
    display: flex; align-items: center; justify-content: center; gap: 6px;
    padding: 16px 14px;
    font-size: 15px; font-weight: 500;
    color: var(--ink);
    border-bottom: 3px solid transparent;
    transition: color .15s, border-color .15s;
    text-align: center;
    line-height: 1.2;
}
.nav__link:hover,
.nav__item.is-open > .nav__link{
    color: var(--primary);
    border-bottom-color: var(--primary);
}
.nav__arrow{
    width: 22px;
    height: 22px;
    transition: transform .2s;
}
.nav__item:hover > .nav__link .nav__arrow,
.nav__item.is-open > .nav__link .nav__arrow{
    transform: rotate(180deg);
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */
.nav__dropdown{
    position: absolute;
    top: 100%; left: 0;
    min-width: 280px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 0 0 12px 12px;
    box-shadow: var(--shadow-lg);
    padding: 8px 0;
    margin: 0;
    list-style: none;
    opacity: 0; visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .15s, transform .15s, visibility .15s;
    z-index: 80;
}
.nav__item:hover > .nav__dropdown,
.nav__item:focus-within > .nav__dropdown,
.nav__item.is-open > .nav__dropdown{
    opacity: 1; visibility: visible; transform: translateY(0);
}
.nav__dropdown-item{ position: relative; }
.nav__dropdown-link{
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 20px;
    font-size: 14px;
    color: var(--ink);
}
.nav__dropdown-link:hover{
    background: var(--bg);
    color: var(--primary);
}
.nav__dropdown-arrow{
    width: 10px; height: 10px; color: var(--ink-3);
    transform: rotate(-90deg);
    flex-shrink: 0;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ (fly-out ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾) */
.nav__submenu{
    position: absolute;
    top: -1px; left: 100%;
    min-width: 300px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    padding: 8px 0;
    margin: 0;
    list-style: none;
    opacity: 0; visibility: hidden;
    transform: translateX(-6px);
    transition: opacity .15s, transform .15s, visibility .15s;
    z-index: 90;
}
.nav__dropdown-item:hover > .nav__submenu,
.nav__dropdown-item:focus-within > .nav__submenu{
    opacity: 1; visibility: visible; transform: translateX(0);
}
.nav__submenu a{
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    color: var(--ink);
}
.nav__submenu a:hover{
    background: var(--bg);
    color: var(--primary);
}

/* ============ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â® (ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢) ============ */
.offcanvas{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(88vw, 380px);
    background: #fff;
    box-shadow: 4px 0 24px rgba(0,0,0,.15);
    z-index: 9999999;
    visibility: hidden;
    transform: translateX(-100%);
    transition: transform .25s ease;
    display: flex;
    flex-direction: column;
}
.offcanvas.is-open{transform: translateX(0);visibility: visible;}
.offcanvas__backdrop{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility .25s;
}
.offcanvas__backdrop.is-open{ opacity: 1; visibility: visible; }
.offcanvas__head{
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid var(--line);
}
.offcanvas__head img{ height: 40px; }
.offcanvas__close{
    width: 40px; height: 40px; border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--ink-2);
    background: var(--bg);
}
.offcanvas__search{
    padding: 14px 20px;
    border-bottom: 1px solid var(--line-2);
}
.offcanvas__search .header__search input{ height: 44px; padding-right: 90px; }
.offcanvas__nav{
    flex: 1; overflow-y: auto;
    padding: 8px 0;
}
.offcanvas__list{
    list-style: none; margin: 0; padding: 0;
}
.offcanvas__link{
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    font-size: 16px; font-weight: 500;
    color: var(--ink);
    width: 100%; text-align: left;
    border-bottom: 1px solid var(--line-2);
    min-height: 52px;
}
.offcanvas__link:hover{ background: var(--bg); }
.offcanvas__link .nav__arrow{ color: var(--ink-3); }
.offcanvas__sub{
    list-style: none; margin: 0; padding: 0;
    max-height: 0; overflow: hidden;
    background: var(--bg);
    transition: max-height .3s ease;
}
.offcanvas__item.is-open > .offcanvas__sub{ max-height: 2000px; }
.offcanvas__item.is-open > .offcanvas__link .nav__arrow{ transform: rotate(180deg); }
.offcanvas__sub .offcanvas__link{
    padding-left: 36px;
    font-size: 15px; font-weight: 400;
    min-height: 48px;
}
.offcanvas__sub .offcanvas__sub .offcanvas__link{
    padding-left: 52px;
    font-size: 14px;
    color: var(--ink-2);
}
.offcanvas__foot{
    border-top: 1px solid var(--line);
    padding: 16px 20px;
    font-size: 14px;
    color: var(--ink-2);
    line-height: 1;
}
.offcanvas__foot a{ color: var(--ink); font-weight: 500; }
.offcanvas__phones a{ display: block; padding: 6px 0; font-weight: 700; font-size: 16px; }
.offcanvas__contacts{ margin-top: 12px; }
.offcanvas__contacts p{ margin: 4px 0; display: flex; align-items: flex-start; gap: 6px; }
.offcanvas__contacts svg{width: 14px;height: 14px;color: var(--ink-3);/* margin-top: 4px; */flex-shrink: 0;}
.offcanvas__msg{ display: flex; gap: 8px; margin-top: 12px; }
.offcanvas__msg a{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.offcanvas__msg img{width: 40px;height: 40px;display: block;}

/* ============ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ ============ */
@media (max-width: 1199px){
    .header__row{
        grid-template-columns: auto 1fr auto auto auto;
        gap: 16px;
    }
    .header__actions .btn{ display: none; }
}
@media (max-width: 991px){
    .header__row{
        grid-template-columns: auto auto 1fr auto auto;
        gap: 12px;
        min-height: 64px;
        padding: 10px 0;
    }
    .header__logo img{ height: 44px; }
    /* ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âº ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â² ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â² offcanvas ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ */
    .header__row > .header__search{ display: none; }
    .header__phone-main small,
    .header__phone-toggle,
    .header__phone-dropdown{ display: none; }
    .header__phone-main a{ font-size: 0; }
    .header__phone-main a::before{
        content: ""; display: inline-block;
        width: 44px; height: 44px;
        background: var(--primary);
        mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.7.6 2.5a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.6.5 2.5.6a2 2 0 0 1 1.7 2z'/></svg>") center/24px no-repeat;
        -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.7.6 2.5a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.6.5 2.5.6a2 2 0 0 1 1.7 2z'/></svg>") center/24px no-repeat;
        background: var(--primary);
        vertical-align: middle;
    }
    .header__msg {display: none;} /* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼, ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ */
    .header__burger{ display: inline-flex; }
    .nav{ display: none; }

    /* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â° ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â° ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â° ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ */
    .header__search-mob{
        display: block;
        padding: 8px 0 4px;
        border-top: 1px solid var(--line-2);
    }
    .header__search-mob .header__search{ display: flex; }
    .header__search-mob .header__search input{ height: 44px; padding-right: 90px; }
}
@media (min-width: 992px){
    .header__search-mob{ display: none; }
}

/* ============ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â (ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹) ============ */
.hero{
    background: linear-gradient(135deg, #f5f2ee 0%, #e8e2da 100%);
    padding: 40px 0 32px;
}
.hero__grid{
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: center;
}
.hero__title{ margin: 0 0 12px; font-size: 40px; line-height: 1.15; font-weight: 800; }
.hero__title b{ color: var(--primary); }
.hero__lead{ font-size: 18px; color: var(--ink-2); margin: 0 0 24px; max-width: 560px; }
.hero__search{
    display: flex; gap: 8px;
    background: #fff; border-radius: 12px;
    padding: 6px; box-shadow: var(--shadow);
    margin-bottom: 20px; max-width: 560px;
}
.hero__search input{ flex: 1; border: 0; padding: 0 16px; font-size: 16px; background: transparent; font-family: inherit; }
.hero__search input:focus{ outline: none; }
.hero__search button{
    height: 48px; padding: 0 22px; border: 0; border-radius: 10px;
    background: var(--primary); color: #fff; font-weight: 700;
}
.hero__actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.hero__stats{
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 560px;
}
.hero__stat b{ display: block; color: var(--primary); font-size: 22px; font-weight: 800; }
.hero__stat span{ display: block; font-size: 13px; color: var(--ink-2); line-height: 1.3; }
.hero__poster{
    position: relative;
    aspect-ratio: 4/3;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow);
    background: #d5d5d5;
}
.hero__poster img{
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
.hero__poster-tag{
    position: absolute; left: 16px; bottom: 16px;
    background: rgba(0,0,0,.6); color: #fff;
    padding: 8px 14px; border-radius: 8px; font-size: 13px;
    font-weight: 500;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dostavka_left.delivery-zones__map {
    display: flex;
    align-items: center;
}

.dostavka_left.delivery-zones__map iframe {
    border-radius: 16px;
}
.delivery-zones { padding: 70px 0; background: #fff; }
.delivery-zones__map { min-height: 400px; }
.delivery-zones__title {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1a1a;
    margin: 0 0 24px;
    letter-spacing: 0.2px;
}
.delivery-zones__title::after {
    content: "";
    display: block;
    width: 56px;
    height: 3px;
    background: #b82212;
    margin-top: 12px;
    border-radius: 2px;
}
.delivery-zones__hint {
    font-size: 13px;
    color: #6b6b6b;
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.delivery-zones__hint::before {
    content: "";
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #b82212;
    flex-shrink: 0;
}

.delivery-table-wrap {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.05), 0 12px 32px -12px rgba(184,34,18,.18);
    background: #fff;
    border: 1px solid #f0f0f0;
}
.delivery-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}
.delivery-table__thead {
    background: linear-gradient(135deg, #b82212 0%, #8f1a0e 100%);
}
.delivery-table__th {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px 12px;
    text-align: center;
    white-space: nowrap;
}
.delivery-table__th--truck { text-align: left; padding-left: 20px; }
.delivery-table__row { transition: background .18s ease; }
.delivery-table__row + .delivery-table__row .delivery-table__cell {
    border-top: 1px solid #f2f2f2;
}
.delivery-table__row:hover { background: #fff8f7; }
.delivery-table__cell {
    padding: 18px 12px;
    text-align: center;
    color: #2a2a2a;
    vertical-align: middle;
}
.delivery-table__truck {
    text-align: left;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.delivery-table__truck-name {
    font-weight: 700;
    font-size: 16px;
    color: #1a1a1a;
}
.delivery-table__truck-spec {
    font-size: 12px;
    color: #7a7a7a;
    margin-top: 2px;
}
.delivery-table__price {
    font-weight: 700;
    font-size: 16px;
    color: #1a1a1a;
    white-space: nowrap;
}
.delivery-table__price-currency { color: #b82212; font-weight: 600; margin-left: 2px; }

@media (max-width: 991px) {
    .delivery-zones { padding: 40px 0; }
    .delivery-zones__map { margin-bottom: 24px; }
    .delivery-zones__title { font-size: 24px; }
}

@media (max-width: 767px) {
    .delivery-table-wrap {
        background: transparent;
        border: none;
        box-shadow: none;
        border-radius: 0;
        overflow: visible;
    }
    .delivery-table,
    .delivery-table__tbody,
    .delivery-table__row,
    .delivery-table__cell { display: block; width: 100%; }
    .delivery-table__thead { display: none; }
    .delivery-table__row {
        background: #fff;
        border-radius: 14px;
        margin-bottom: 14px;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px -12px rgba(0,0,0,.18);
        border: 1px solid #eee;
    }
    .delivery-table__row + .delivery-table__row .delivery-table__cell { border-top: none; }
    .delivery-table__row:hover { background: #fff; }
    .delivery-table__truck {
        background: linear-gradient(135deg, #b82212 0%, #8f1a0e 100%);
        color: #fff;
        padding: 14px 18px;
        display: flex;
        flex-direction: row;
        align-items: baseline;
        gap: 10px;
        flex-wrap: wrap;
    }
    .delivery-table__truck .delivery-table__truck-name { color: #fff; font-size: 17px; }
    .delivery-table__truck .delivery-table__truck-spec { color: rgba(255,255,255,.82); font-size: 13px; margin: 0; }
    .delivery-table__cell:not(.delivery-table__truck) {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 18px;
        border-top: 1px solid #f4f4f4;
        text-align: left;
    }
    .delivery-table__cell:not(.delivery-table__truck)::before {
        content: attr(data-label);
        color: #6b6b6b;
        font-size: 13px;
        font-weight: 500;
    }
    .delivery-table__price { font-size: 15px; }
}

.search-page__title{ font-size: 28px; margin: 20px 0; }
.search-page__count{ color: #666; margin-bottom: 20px; }
.search-empty{ padding: 40px 20px; text-align: center; background: var(--bg); border-radius: 12px; }
.search-empty__cats{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: start; margin: 20px 0; }
.search-empty__cats a{
    display: inline-block; padding: 10px 16px;
    background: #fff; border: 1px solid var(--line); border-radius: 8px;
    color: var(--ink); text-decoration: none;
}
.search-empty__cats a:hover{ background: var(--primary); color: #fff; border-color: var(--primary); }
.search-empty__hint{ margin-top: 24px; background: #fff; border-radius: 10px; }
.search-empty__hint .btn{ margin-top: 12px; }
.search-empty__phone{ margin-top: 16px; color: var(--ink-2); }

.cookie-warning {
    position: fixed;
    bottom: 8px;
    transform: translateX(-50%);
    left: 50%;
    display: none;
    justify-content: space-between;
    width: 100%;
    padding: 32px;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: white;
    color: rgb(0, 0, 0);
    max-width: 836px;
    box-shadow: 0 0 16px 0 rgb(0, 0, 0, 0.2);
}

.cookie-warning--active {
    display: flex;
    align-items: center;
    z-index: 1000;
}

.cookie-warning__text {
    font-size: 16px;
    line-height: 160%;
    margin-right: 30px;
    max-width: 630px;
}

.cookie-warning__text a {
    color: inherit;
}

.cookie-warning__read {
    display: block;
    margin-left: 15px;
    color: white;
    text-decoration: underline;
}

.cookie-warning__apply {
    cursor: pointer;
    padding: 8px 18px;
    background-color: var(--primary);
    border: none;
    border-radius: 4px;
    color: white;
}


@media (max-width: 991px){
    .hero{ padding: 24px 0; }
    .hero__grid{ grid-template-columns: 1fr; gap: 20px; }
    .hero__title{ font-size: 26px; }
    .hero__lead{ font-size: 15px; margin-bottom: 16px; }
    .hero__stats{ grid-template-columns: repeat(2, 1fr); }
    .hero__poster{ order: -1; }
}

@media (max-width: 767px){
    .hero__search {
        display: none;
    }
	.header__icons .icon-btn {
	    width: 38px;
	    height: 38px;
	}
	
	.header__icons .icon-btn svg {
	    width: 18px;
	    height: 18px;
	}
	
	.modal-body {
        padding: 20px;
    }
    
    .modal-dialog {
        margin-top: 40px;
    }
    .kroshki.verh_h1_ten {
        padding: 12px 0;
    }
  .ttw-table-responsive{ position: relative; }
  .ttw-table-responsive::after{
    content: "Ã¢â€ Â ÃÂ»ÃÂ¸Ã‘ÂÃ‘â€šÃÂ°ÃÂ¹Ã‘â€šÃÂµ ÃÂ²ÃÂ±ÃÂ¾ÃÂº Ã¢â€ â€™";
    display: block;
    text-align: center;
    font-size: 12px;
    color: #666;
    padding: 4px 0 2px;
  }
  
    .cookie-warning--active {
        /* flex-direction: column; */
        text-align: center;
        align-items: center;
        gap: 8px;
        bottom: 0;
        padding: 10px;
        border-bottom-right-radius: 0;
    }

    .cookie-warning__text {
        margin-right: 0;
        font-size: 14px;
        line-height: 1.2;
    }

    .cookie-warning__apply {
        width: 60px;
    }
    .footer a,
    .footer__contacts a,
    .footer__menu a,
    footer a,
    .pushy a,
    .podkategorii a{
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      padding-top: 6px;
      padding-bottom: 6px;
    }
    .footer a + a,
    .footer__menu li + li{ margin-top: 4px; }
}