.header {
   z-index: 11;
}

.header-top {
   background: #F9F9FA;
   padding: 5px 0;
}

.header-top-wrapper {
   display: flex;
}

.header-top-wrapper>div {
   flex-grow: 1;
}

.header-top-left {
   display: flex;
   gap: 40px;
   align-items: center;
}

.header-city-block {
   display: flex;
   align-items: center;
}

.header-city-icon {
   display: flex;
   align-items: center;
   gap: 3px;
   margin-right: 3px;
}

.header-city-icon svg {
   min-width: 17px;
   width: 17px;
   height: 17px;
}

.header-city-label {
   color: #232126;
   font-size: 13px;
   font-weight: 500;
   line-height: 16px;
}


.header-city-name {
   color: #5C6D8D;
   font-size: 13px;
   font-weight: 500;
   line-height: 16px;
   margin-right: 7px;
}

.header-city-edit {
   color: #5C6D8D;
   font-size: 12px;
   font-weight: 500;
   line-height: 15px;
   padding: 4px 9px;
   border-radius: 900px;
   background: #DEE1EB;
   transition: all .3s;
}

.header-city-edit:hover {
   color: #F5F6F9;
   background: #5C6D8D;
}

.header-working-time {
   display: flex;
   gap: 6px;
   align-items: center;
}

.header-working-icon {
   line-height: 1;
}

.header-working-icon img {
   min-width: 17px;
   width: 17px;
   height: 17px;
   object-fit: contain;
}

.header-working-text {
   color: #232126;
   font-size: 12px;
   font-weight: 400;
   line-height: 15px;
}

.header-top-right {
   display: flex;
   align-items: center;
   justify-content: end;
}

.header-social-icons {
   margin-right: 40px;
   display: flex;
   align-items: center;
   gap: 25px;
}

.header-social-icon {
   display: flex;
   gap: 6px;
   align-items: center;
   transition: all .3s;
}

.header-social-icon:hover .header-social-icon-text {
   color: #2B343C;
}

.header-social-icon img {
   min-height: 12px;
   height: 12px;
   width: auto;
   object-fit: contain;
   transition: all .3s;
}

.header-social-icon:hover img {
   filter: brightness(0.6) contrast(1.2);
}

.header-social-icon-text {
   color: #57575E;
   font-size: 12px;
   font-weight: 500;
   line-height: 15px;
   transition: all .3s;
}

.header-phone {
   margin-right: 10px;
}

.header-phone-link {
   display: flex;
   align-items: center;
   gap: 6px;
   width: fit-content;
}

.header-phone-icon {
   min-width: 17px;
   width: 17px;
   height: 17px;
}

.header-phone-text {
   color: #232126;
   font-size: 12px;
   font-weight: 700;
   line-height: 15px;
   transition: all .3s;
}

.header-phone-link:hover .header-phone-text {
   color: #FFC839;
}

.header-call-btn {
   color: #363840;
   cursor: pointer;
   font-size: 13px;
   font-weight: 500;
   line-height: 16px;
   border-bottom: 1px solid rgba(54, 56, 64, 0.17);
   transition: all .3s;
}

.header-call-btn:hover {
   color: #FFC839;
   border-bottom: 1px solid #FFC839;
}


.header-middle {
   /* padding: 12px 0; */
   background: #fff;
   position: relative;
}

.header-middle-wrapper {
   display: flex;
   align-items: center;
}

.header-middle-left {
   display: flex;
   align-items: center;
   margin-right: 37px;
}

.header-logo {
   line-height: 1;
}

.header-logo img {
   min-width: 176px;
   width: 176px;
   height: 22px;
   object-fit: contain;
}

.header-logo-text {
   color: rgba(87, 87, 94, 0.7);
   font-size: 12px;
   font-weight: 400;
   line-height: 15px;
   max-width: 150px;
   height: 100%;
   padding-left: 20px;
   margin-left: 20px;
   border-left: 1px solid rgba(35, 33, 38, 0.08);
}

.header-middle-center {
   display: flex;
   align-items: center;
   flex-grow: 1;
   padding: 12px 0;
}

.header-catalog-btn {
   padding: 14px 21px 14px 23px;
   border-radius: 10px 0px 0px 10px;
   background: #FFC839;
   display: flex;
   align-items: center;
   gap: 7px;
   transition: all .3s;
}

.header-catalog-btn span {
   color: #000;
   font-size: 14px;
   font-weight: 500;
   line-height: 18px;
   transition: all .3s;
}

.header-catalog-btn svg {
   height: 20px;
   width: 20px;
   min-width: 20px;
}

.header-catalog-btn svg path {
   transition: all .3s;
}

.header-catalog-btn:hover {
   background: linear-gradient(90deg, #DFA100 0%, #EBB015 73%, #FFC839 100%), #FFC839;
}

.header-catalog-btn:hover span {
   color: #fff;
}

.header-catalog-btn:hover svg path {
   stroke: #fff;
}

.header-search-box {
   display: flex;
   align-items: center;
   background: #FFC839;
   height: 48px;
   width: 100%;
   border-radius: 0px 10px 10px 0px;
   position: relative;
}

.header .search-block_cats--list {
  width: 202px;
}

.header-search-wrapper {
   height: 100%;
   width: 100%;
   position: relative;
   background-color: #FFC839;
}

.header-search-input {
   padding: 0px 210px 0 20px;
   height: 100%;
   width: 100%;
   outline: none;
   border: 2px solid #FFC839;
   border-radius: 10px 0 0 10px;
   border-right: none;
   color: #232126;
   font-size: 13px;
   font-weight: 400;
   line-height: 16px;
}

.header-search-input::placeholder {
   color: #A0A3AA;
}

.header-search-wrapper._open .header-search-input {
   border-radius: 10px 10px 0 0px;
}

.header-search-button {
   border: none;
   cursor: pointer;
   height: 100%;
   padding: 13px 19px;
   border-radius: 0px 10px 10px 0px;
   background: #FFC839;
   transition: all .3s;
}

.header-search-button svg {
   min-width: 22px;
   width: 22px;
   height: 22px;
}

.header-search-button svg path {
   transition: all .3s;
}

.header-search-button:hover {
   background: linear-gradient(90deg, #FFC839 0%, #EBB015 27%, #DFA100 100%), #FFC839;
}

.header-search-button:hover svg path {
   stroke: #fff;
}

.header-middle-right {
   display: flex;
   align-items: center;
   gap: 40px;
   padding-left: 40px;
}

.tool-btn {
   position: relative;
   width: 24px;
   height: 24px;
   cursor: pointer;
}



.tool-btn-icon {
   min-width: 24px;
   width: 24px;
   height: 24px;
   transition: all .3s;
}

.tool-btn:hover .tool-btn-icon {
   opacity: 0.7;
}

.tool-count {
   position: absolute;
   color: #232126;
   font-size: 10px;
   font-weight: 500;
   line-height: 13px;
   padding: 1px 5px;
   border-radius: 900px;
   background: #FFC839;
   right: -5px;
   bottom: -4px;
}

.header-cart {
   display: flex;
   align-items: center;
   padding: 8px 10px;
   gap: 12px;
   border-radius: 10px;
   background: #F5F6F9;
   cursor: pointer;
   transition: all .3s;
}

.header-cart:hover {
   background: #EEEFF3;
}

.header-cart-title {
   color: #85898C;
   font-size: 11px;
   font-weight: 500;
   line-height: 11px;
}

.header-cart-price {
   display: flex;
   align-items: center;
   gap: 3px;
}

.header-cart-price span {
   color: #2B343C;
   font-size: 14px;
   font-weight: 500;
   line-height: 18px;
}

.header-cart-price-icon {
   line-height: 0;
}


.header-bottom {
   padding: 8px 0;
   background: #fff;
   border-top: 1px solid #F6F6F6;
}

.header-bottom-menu-wrapper {
   display: flex;
   align-items: center;
   gap: 40px;
}

.header-bottom-menu {
   display: flex;
   gap: 39px;
   align-items: center;
}

.header-bottom-menu-link {
   color: #232126;
   font-size: 14px;
   font-weight: 500;
   line-height: 18px;
   transition: all .3s;
}

.header-bottom-menu-item:hover .header-bottom-menu-link {
   color: #FFC839;
}

.header-sale-link {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 0 6px;
   background: url('../img/header/special-bg.jpg') center no-repeat;
   background-size: cover;
   border-radius: 25px;
   transition: all .3s;
}

.header-sale-link img {
   min-width: 30px;
   width: 30px;
   height: 30px;
   object-fit: contain;
}

.header-sale-link span {
   color: #FFF;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.31);
   font-size: 14px;
   font-weight: 700;
   line-height: 17px;
}





.header-search-result {
   position: absolute;
   width: calc(100% - 2px);
   border-radius: 0px 0px 10px 10px;
   border-top: 1px solid #EEF0F5;
   overflow: hidden;
   background: #FFF;
   top: 46px;
   right: 0;
   display: none;
}
.header-middle-wrapper._open .header-search-result {
   display: block;
}

/* .header-search-input:focus~.header-search-result {
   display: block;
} */

.header-search-result-item {
   display: flex;
   align-items: center;
   padding: 10px 25px;

}

.result-product-img {
   line-height: 0;
   margin-right: 15px;
}

.result-product-img img {
   min-width: 42px;
   width: 42px;
   height: 42px;
   aspect-ratio: 1/1;
   border-radius: 6px;
   border: 1px solid #EEF0F5;
}

.result-product-title {
   overflow: hidden;
   color: #232126;
   text-overflow: ellipsis;
   font-size: 15px;
   font-weight: 500;
   line-height: 20px;
   max-width: 226px;
   max-height: 42px;
   transition: all .3s;
}

.result-product-title:hover {
   color: #FFC839;
}

.result-product-price {
   display: flex;
   align-items: center;
   gap: 5px;
   margin-left: 46px;
}

.result-product-price span {
   color: #232126;
   font-size: 16px;
   font-weight: 500;
   line-height: 19px;
   white-space: pre;
}

.result-product-price span.result-product-price-old {
   color: #A0A3AA;
   font-size: 13px;
   font-weight: 400;
   line-height: 16px;
   text-decoration-line: line-through;
}

.result-product-btn {
   margin-left: auto;
   padding: 8px 17px;
   border-radius: 900px;
   background: #F5F6F9;
   color: #5C6D8D;
   font-size: 13px;
   font-weight: 700;
   line-height: 16px;
   transition: all .3s;
}

.result-product-btn:hover {
   background: #5C6D8D;
   color: #F5F6F9;
}


.search-show-result {
   display: flex;
   padding: 18px 0px;
   justify-content: center;
   align-items: center;
   background: #F7F7F8;
   transition: all .3s;
	display: none;
}

.search-show-result span {
   color: #5C6D8D;
   font-size: 14px;
   font-weight: 500;
   line-height: 18px;
   border-bottom: 1px dashed rgba(92, 109, 141, 0.70);
   transition: all .3s;
}

.search-show-result:hover {
   background: #5C6D8D;
}

.search-show-result:hover span {
   color: #F5F6F9;
   border-bottom: 1px dashed #F5F6F9;
}


.search-not-result {
   display: flex;
   padding: 29px 25px;
   gap: 6px;
}

.not-result-icon {
   line-height: 0;
}

.not-result-icon svg {
   width: 17px;
   height: 17px;
}


.not-result-title {
   color: #2B343C;
   font-size: 14px;
   font-weight: 500;
   line-height: 18px;
   margin-bottom: 6px;
}

.not-result-subtitle {
   color: #57575E;
   font-size: 13px;
   font-weight: 400;
   line-height: 16px;
}


.mob-toolbar {
   padding: 6px 25px;
   border-radius: 12px 12px 0px 0px;
   background: #FFF;
   box-shadow: 0px -1px 43px 0px rgba(0, 0, 0, 0.13);
   display: flex;
   justify-content: space-between;
   display: none;
}

.mob-toolbar-item {
   flex-grow: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.mob-toolbar-item-title {
   color: #A0A3AA;
   font-size: 12px;
   font-weight: 400;
   line-height: 15px;
}

.mob-toolbar-item .tool-count {
   position: absolute;
   left: auto;
   right: -6px;
   top: 2px;
   bottom: auto;
   padding: 0px 4px;
   font-size: 9px;
   line-height: 12px;
}



.megamenu {
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   z-index: 1000;
   border-top: 1px solid #F6F6F6;
   background-color: #FFFFFF;
   padding-top: 50px;
   padding-bottom: 50px;
   height: 530px;
   display: none;
	z-index: 20;
}

.megamenu .container,
.megamenu-row,
.megamenu-l,
.megamenu-items {
   height: 100%;
}

.megamenu-row {
   display: flex;
   justify-content: space-between;
}

.megamenu-l {
   width: calc(100% - 379px);
}

.megamenu-items {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   gap: 30px;
   row-gap: 30px;
   column-gap: 85px;
}

.megamenu-items>li {
   max-width: 211px;
   margin-bottom: 30px;
}

.megamenu-items>li>a,
.megamenu-items>li>span {
   display: flex;
   align-items: center;
   gap: 10px;
   color: #232126;
   font-size: 13px;
   font-weight: 800;
   line-height: 120%;
}

.megamenu-items>li>a:hover {
   color: #FFC839;
}

.megamenu-items>li>a img,
.megamenu-items>li>span img {
   width: 44px;
   min-width: 44px;
   height: 44px;
   border-radius: 7px;
   background-color: #F6F4EA;
}

.megamenu-items>li>ul {
   margin-top: 15px;
   display: flex;
   flex-direction: column;
   gap: 9px;
}

.megamenu-items>li>ul>li {
   display: flex;
   align-items: center;
}

.megamenu-items>li>ul>li>a {
   color: #57575E;
   font-size: 14px;
   line-height: 130%;
   opacity: 0.8;
   display: block;
}

.megamenu-items>li>ul>li>a:hover {
   opacity: 1;
   color: #232126;
   text-decoration: underline;
}

.megamenu-banner {
   padding: 25px;
   border-radius: 15px;
   width: 269px;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.megamenu-banner>img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: -1;
}

.megamenu-banner_box {
   max-width: 178px;
   color: #FFFFFF;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 9px;
}

.megamenu-banner__text {
   opacity: 0.7;
   font-size: 14px;
   line-height: 120%;
}

.megamenu-banner__link {
   padding: 8px 17px;
   background-color: #FFFFFF;
   border-radius: 900px;
   color: #232126;
   font-size: 13px;
   font-weight: 700;
   line-height: 120%;
}
.megamenu-banner__link:hover {
   background-color: #232126;
   color: #FFFFFF;
}

.megamenu-top {
   display: none;
   position: relative;
}

.header-middle-wrapper._open .header-search-input {
   border-bottom-left-radius: 0;
}



.header-search-box .search-block_cat {
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%);
   width: 200px;
   justify-content: flex-start;
   padding-left: 19px;
}



@media (max-width: 1465px) {
   .result-product-price {
      gap: 2px;
      margin-left: 0;
      flex-direction: column;
      align-items: flex-start;
   }

   .result-product-img {
      margin-right: 0;
   }

   .header-search-result-item {
      gap: 15px;
   }

   .header-search-result-item {
      padding: 10px 10px;
   }

   .megamenu-items {
      column-gap: 55px;
   }


   .header-search-input {
      padding-right: 178px;
   }
   .header .search-block_cats--list,
   .header-search-box .search-block_cat {
      width: 168px;
   }

   
}

@media (max-width: 1370px) {
   .result-product-btn {
      display: none;
   }

   .result-product-price {
      margin-left: auto;
   }

   .megamenu-items {
      column-gap: 25px;
   }
}

@media (max-width: 1230px) {
   .header-catalog-btn span {
      display: none;
   }

   .header-middle-right {
      gap: 24px;
      padding-left: 25px;
   }

   .megamenu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: calc(100 * var(--vh));
      background: rgba(25, 26, 27, 0.54);
      backdrop-filter: blur(10px);
      padding: 0;
   }

   .megamenu .container {
      padding: 0;
   }

   .megamenu-row {
      max-width: 360px;
      flex-direction: column;
      background-color: #FFFFFF;
      justify-content: flex-start;
      overflow: hidden;
      overflow-y: auto;
      padding-bottom: 20px;
   }

   .megamenu-l {
      width: 100%;
   }

   .megamenu-items {
      display: block;
   }

   .megamenu-top {
      border-radius: 0px 14px 14px 14px;
      background-color: #FEFAF0;
      padding: 16px 14px;
      display: flex;
      flex-direction: column;
      gap: 10px;
   }

   .megamenu .search-block {
      margin-left: 0;
      margin-right: 0;
   }

   .megamenu .search-block_inner {
      height: 42px;
   }

   .megamenu .search-block__btn {
      width: 50px;
   }

   .megamenu__title {
      color: #232126;
      font-size: 16px;
      font-weight: 700;
      line-height: 120%;
   }

   .megamenu-items>li {
      max-width: 100%;
      display: flex;
      align-items: center;
      row-gap: 0;
      column-gap: 10px;
      padding: 0 14px;
      flex-wrap: wrap;
      border-bottom: 1px solid #EEF0F5;
      margin-bottom: 0;
   }

   .megamenu-items>li::after {
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC41IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iI0VFRjBGNSIvPgo8cGF0aCBkPSJNMTUgMTFMMTIgMTRMOSAxMSIgc3Ryb2tlPSIjMjMyMTI2IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 50% 0;
      transition: .3s;
   }

   .megamenu-items>li.active::after {
      transform: rotate(180deg);
   }

   .megamenu-items>li>a {
      width: calc(100% - 34px);
      padding-top: 10px;
      padding-bottom: 10px;
   }

   .megamenu-items>li>ul {
      order: 1;
      width: 360px;
      min-width: 360px;
      margin-left: -14px;
      padding-left: 59px;
      padding-right: 14px;
      margin-top: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      background: #FBFBFB;
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12) inset;
      display: none;
   }

   .megamenu-items>li>a img {
      width: 35px;
      min-width: 35px;
      height: 35px;
   }

   .megamenu-l {
      height: auto;
   }

   .megamenu-banner {
      width: calc(100% - 28px);
      margin-left: 14px;
      margin-top: 10px;
      height: 215px;
      min-height: 215px;
   }

   .megamenu__close {
      position: absolute;
      top: 0;
      right: 0;
      padding: 11px;
      line-height: 0;
      border-radius: 0px 0px 0px 10px;
      background-color: #EEF0F5;
   }

}


@media (max-width: 1124px) {
   .header-middle-right {
      gap: 15px;
      padding-left: 15px;
   }

   .header-logo-text {
      padding-left: 10px;
      margin-left: 10px;
   }

   .header-middle-left {
      display: flex;
      align-items: center;
      margin-right: 15px;
   }

   .header-bottom-menu {
      display: flex;
      gap: 25px;
   }

   .header-bottom-menu-wrapper {
      gap: 25px;
   }

   .result-product-title {
      font-size: 14px;
   }

   .result-product-price span {
      font-size: 15px;
   }

   .search-not-result {
      padding: 20px 15px;
   }

   .not-result-title {
      font-size: 13px;
   }



}

@media (max-width: 1024px) {
   .header-search-result {
      top: 40px;
   }

   .header-top .header-working-time {
      display: none;
   }

   .header-social-icon-text {
      display: none;
   }

   .header-social-icons {
      gap: 17px;
      margin-right: 24px;
   }

   .header-call-btn {
      display: none;
   }

   .header-phone {
      margin-right: 0px;
   }

   .header-top {
      padding: 5px 0;
   }

   .header-logo-text {
      display: none;
   }

   .header-middle-left {
      margin-right: 25px;
   }

   .header-cart-text {
      display: none;
   }

   .header-cart {
      padding: 0;
      border-radius: 0;
      background: transparent;
   }



   .header-catalog-btn span {
      display: none;
   }

   .header-catalog-btn {
      padding: 11px 17px 11px 18px;
      height: 100%;
   }

   .header-search-button {
      padding: 10px 13px;
   }

   .header-search-box {
      height: 42px;
   }

   .header-middle {
      padding: 16px 0;
   }

   .header-bottom-menu-wrapper {
      gap: 12px;
   }

   .header-bottom-menu {
      gap: 12px;
      justify-content: space-between;
   }

   .header-bottom-menu-link {
      color: #232126;
      font-size: 13px;
   }

   .header-sale-link span {
      font-size: 12px;
      line-height: 15px;
   }

   .header-sale-link img {
      min-width: 24px;
      width: 24px;
      height: 24px;
   }

   .header-sale-link {
      gap: 3px;
      padding: 0 4px;
   }

   .header-search-box {
      margin-left: -1px;
   }

   .header-search-box .search-block_cat {
      display: none;
   }
}


@media (min-width: 769px) {

   .mobile-bottom-top,
   .mobile-bottom-end,
   .mob-megamenu-btn,
   .header-middle-right .tool-search,
   .mobile-middle-left {
      display: none;
   }

   .header-sale-link:hover {
      background-blend-mode: normal, normal, luminosity, normal;
      box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.80) inset, 0px 6px 8px 0px rgba(238, 58, 108, 0.17), 0px 4px 13px 0px rgba(0, 0, 0, 0.08);
      background: url('../img/header/special-bg-hover.jpg') center no-repeat;
      background-size: cover;
   }
}

@media (max-width: 768px) {
   .header-social-icons {
      display: none;
   }

   .header-city-label {
      display: none;
   }

   .header-middle-center {
      display: none;
   }

   .mobile-middle-center {
      flex-grow: 1;
      justify-content: center;
      margin: 0;
   }

   .header-middle-right .tool-wishlist,
   .header-middle-right .tool-account,
   .header-middle-right .header-cart {
      display: none;
   }

   .tool-btn-icon {
      min-width: 22px;
      width: 22px;
      height: 22px;
      object-fit: contain;
   }

   .header-middle-right {
      padding-left: 10px;
   }

   .mobile-middle-left {
      padding-right: 10px;
   }

   .header-middle {
      padding: 20px 0;
   }


   .header-bottom {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      padding: 0;
      width: 100%;
      flex-direction: column;
      z-index: 999;
   }

   .header-bottom.opened {
      display: flex;
      overflow: hidden;
      overflow-y: auto;
   }

   .mobile-bottom-middle {
      padding-top: 14px;
   }

   .header-bottom-menu-wrapper {
      display: block;
      padding: 0 11px;
   }

   .header-bottom-menu {
      gap: 0;
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: column;
   }



   .header-bottom-menu-link,
   .header-sale-link {
      color: rgba(35, 33, 38, 0.9);
      font-size: 12px;
      width: 100%;
      display: block;
      width: 100%;
      padding: 13px 0;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 14px;
   }

   .header-bottom-menu-item {
      width: 100%;
      border-bottom: 1px solid #EEF0F5;
   }

   .header-bottom-menu-item:last-child {
      border-bottom: none;
   }

   .header-sale-link {
      gap: 0px;
      padding: 14px 0;
      background: transparent;
      border-radius: 0;
      padding: 13px 0;
      border-bottom: 1px solid #EEF0F5;
   }

   .header-sale-link img {
      display: none;
   }

   .header-sale-link span {
      color: #F72460;
      font-size: 12px;
      font-weight: 700;
      line-height: 15px;
      text-shadow: none;
   }

   .mobile-bottom-top {
      padding: 14px 0;
      border-radius: 0px 0px 14px 14px;
      background: #F9F9FA;
      position: relative;
   }


   .mobile-bottom-top-wrapper {
      display: flex;
      flex-direction: column;
      gap: 5px;
   }

   .mobile-bottom-top .header-phone-text {
      font-size: 13px;
   }

   .header-working-icon {
      display: none;
   }


   .close-mobmenu-btn {
      padding: 11px;
      line-height: 0;
      border-radius: 0px 0px 0px 10px;
      background: var(--light-stroke, #EEF0F5);
      position: absolute;
      top: 0;
      right: 0;
   }

   .mob-megamenu-btn {
      padding: 12px;
      border-radius: 9px;
      background: #FFC839;
      display: flex;
      gap: 10px;
      align-items: center;
   }

   .mob-megamenu-btn-icon {
      line-height: 0;
   }

   .mob-megamenu-btn-text {
      color: #2B343C;
      font-size: 12px;
      font-weight: 800;
      line-height: 15px;
   }


   .mobile-bottom-end {
      padding: 14px 0;
      border-top: 1px solid #EEF0F5;
      background: #F9F9FA;
      margin-top: auto;
   }


   .mobile-bottom-end-wrapper {
      display: flex;
      align-items: center;
      gap: 31px;
   }

   .mobile-bottom-mail {
      width: fit-content;
      color: #5C6D8D;
      font-size: 15px;
      font-weight: 500;
      line-height: 22px;
      border-bottom: 1px solid rgba(92, 109, 141, 0.30);
      display: block;
      margin-bottom: 5px;
   }

   .mobile-bottom-mail-text {
      color: #A0A3AA;
      font-size: 13px;
      font-weight: 400;
      line-height: 16px;
      display: block;
   }


   .mobile-bottom-social {
      display: flex;
      gap: 7px;
   }

   .mobile-bottom-social-item {
      width: 36px;
      height: 36px;
      border-radius: 900px;
      border: 1px solid#EEF0F5;
      background: #FFF;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mobile-bottom-social-item img {
      min-height: 12px;
      width: auto;
   }

   .mob-toolbar {
      display: flex;
   }

   .header-search-result-item {
      padding: 8px 12px;
      gap: 10px;
   }

   .search-show-result {
      padding: 14px 0px;
   }

   .search-not-result {
      padding: 10px 14px;
   }

   .not-result-title {
      font-size: 14px;
   }

   .header-search-box {
      margin-left: 0px;
   }


   .header-search-wrapper {
      background-color: transparent;
   }
   .header-middle-wrapper.active .header-middle-center {
      display: block;
      padding: 0;
      width: 100%;
   }
   .header-middle-wrapper.active .mobile-middle-left,
   .header-middle-wrapper.active .header-logo,
   .header-middle-wrapper.active .header-catalog-btn,
   .header-middle-wrapper.active .header-middle-right {
      display: none;
   }
   .header-search-box {
      position: relative;
      background-color: transparent;
   }
   .header-search-button {
      transition: 0s;
      display: flex;
   }
   .header-middle-wrapper._open .header-search-button {
      background-color: #FFFFFF;
      position: absolute;
      top: 50%;
      right: 13px;
      transform: translateY(-50%);
      padding: 0;
      height: auto;
   }
   .header-middle-wrapper._open .header-search-input {
      border-radius: 10px;
      border: 2px solid #FFC839;
   }
   .header-search-result {
      top: 35px;
      width: calc(100% - 4px);
      left: 50%;
      transform: translateX(-50%);
   }
}