header {  }
header .hd-top-wrapper { background-color: var(--gray-dark); }
header .hd-top { display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; }

/*1/4*/
header .hd-top-lt { width: calc(40% - 0px); }
header .hd-top-lt .hd-top-lt-txt { font-size: 14px; color: var(--white-gray); text-transform: uppercase; }


/*1/3*/
header .hd-top-mid { width: calc(20% - 20px); display: flex; align-items: center; justify-content: center; }
.hd-top-tel { cursor: pointer; font-size: 14px; color: var(--white); font-weight: bold; }

.hd-top-lang { display: flex; height: 20px; width:calc(33% - 10px); }
.hd-top-lang > a { height: 20px; line-height: 20px; font-size: 11px; display: block; color:var(--white-gray); position: relative; text-transform: uppercase; }
.hd-top-lang > a.act { color:var(--white); font-weight: bold; font-size: 13px; }
.hd-top-lang > a:hover { color:var(--white); }
.hd-top-lang > a:nth-child(1) { margin-right: 20px; }
.hd-top-lang > a:nth-child(1)::after { position: absolute; content:''; top:5px; right:-10px; width:1px; height:10px; background-color: var(--white-gray);  }

/*1/5*/
header .hd-top-rt { width: calc(40% - 0px); display: flex; align-items: center; justify-content:flex-end; position: relative; } 
.hd-top-rt-link { height:40px; display: flex; justify-content:center; align-items: center; position: relative; /*padding:0 20px;*/ }
.hd-top-rt-link svg { display: block; width:20px; height:20px; margin:0px 0px; fill:var(--white); }
.hd-top-rt-link .txt { font-size:14px; color:var(--white); margin-right:10px; display: flex; align-items: center; }
.hd-top-rt-link:hover { /*background-color: var(--gray-dark-hover);*/  }
.hd-top-rt-link .inf { font-size:12px; color:var(--white); margin:0 0 0 5px; }
.hd-top-rt-link .txt-label { visibility: hidden; opacity: 0; z-index: 10; transition: .2s; display: flex; flex-direction: column; position:absolute; top:68px; right:0; padding:15px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border: 2px solid var(--white-gray); border-radius: 3px; color:var(--gray-dark); width:360px; background-color: var(--white); }
.hd-top-rt-link .txt-label .txt-label-tit { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.hd-top-rt-link .txt-label .txt-label-items {  }
.hd-top-rt-link .txt-label .txt-label-item { display: flex; margin-bottom: 10px; }
.hd-top-rt-link .txt-label .txt-label-item svg { display: block; margin:0 5px 0 0; width: 16px; height: 16px; fill:var(--pink); }
.hd-top-rt-link .txt-label .txt-label-item .text { font-size: 14px; color:var(--black); }
.hd-top-rt-link:hover .txt-label { transition: .2s; visibility: visible; opacity: 1; top:40px; }

@media (max-width:800px){
  .hd-top-rt-link:nth-child(2) .txt .txt-txt { display: none; }
  .hd-top-rt-link:nth-child(3) .txt .txt-txt { display: none; }
  header .hd-top-lt { display: none; }
  header .hd-top-mid { width: calc(50% - 20px); justify-content: flex-start; }
  header .hd-top-rt { width: calc(50% - 0px); }
}

/* enter login block */
.hd-enter { visibility: hidden; opacity: 0; transition: .2s; top:30px; }
#hd-enter-open.act + .hd-enter { top:42px; visibility: visible; opacity: 1; }
.hd-enter { position: absolute; z-index: 10; right:0; width: 340px; height: auto; min-height: 200px; padding:20px 30px; border: 2px solid var(--white-gray); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 3px; background-color: var(--white); }
.hd-enter-tit { margin-bottom: 20px; text-align: center; font-size: 14px; font-weight: bold; color:var(--gray-dark); }
.hd-enter-close { position: absolute;top: 20px;right: 20px; width: 16px;height: 16px; }
.hd-enter-close svg { display: block;width: 16px;height: 16px; fill: var(--gray-dark); }
.hd-enter-form { border-bottom: 1px solid var(--light-gray); margin-bottom: 20px; width:calc(100% + 0px); margin-left: -20px; padding:0 20px; padding-bottom: 20px; margin-top: 10px; }
.hd-enter-label { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px; }
.hd-enter-label i { display:block; width:14px; height: 14px; margin-right: 10px; }
.hd-enter-label i svg { display:block; width:14px; height: 14px; fill:var(--deep-gray); }
.hd-enter-label .text { color:var(--gray); font-size: 14px; }
input.hd-enter-phone { width:calc(100% - 32px); margin: 0;padding: 0 16px 0 16px; height: 42px; background-color: var(--white-gray); border-radius: 21px; border: 0; outline: 0; margin-bottom: 10px; }
input.hd-enter-phone:hover { transition: .2s; background-color: var(--white-gray-hover); }
input.hd-enter-phone:focus { background-color: var(--pink-light); transition: .2s; }
.hd-enter .checkbox-label { margin-bottom: 10px; }
.hd-enter button.btn-pink-v1 { margin:0 auto; display: block; }
.hd-enter-submit { margin-bottom: 20px; border-radius: 3px; background-color: var(--red);  width:calc(100% - 0px); height: 48px; display: flex; align-items: center; justify-content: center; }
.hd-enter-submit i { width:14px; height: 14px; display: block; margin-right:10px; }
.hd-enter-submit i svg { fill:var(--white); width:14px; height: 14px; display: block; }
.hd-enter-submit .text { font-size: 14px;  color:var(--white); text-transform: uppercase; }
.hd-enter-submit:hover { background-color: var(--red-hover); }
.hd-enter-soc-btns { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.hd-enter-soc-btn { height: 40px; width:calc(50% - 20px); transition: .2s; display: flex; align-items: center; justify-content: center; background-color: var(--white-gray); border: 1px solid var(--gray-light); border-radius: 22px; }
.hd-enter-soc-btn:hover { background-color: var(--pink-light); border: 1px solid var(--gray); transition: .2s; }
.hd-enter-soc-btn img { width:15px; height: 15px; margin-right: 10px; }
.hd-enter-soc-btn .text{ font-size:13px; color:var(--gray-dark); font-weight: bold; }
.hd-enter-soc-btn:nth-child(1) { margin-right: 20px; }
.hd-enter-confirm { color:var(--gray); font-size: 13px; }
.hd-enter-confirm a { color:var(--gray); text-decoration: underline; transition: .2s; }
.hd-enter-confirm a:hover { color:var(--pink); transition: .2s; }

/* header second row */
.hd-wrapper { background-color: var(--white); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);  }
.hd { display: flex; flex-wrap: wrap; justify-content: space-between; height: auto; max-height: 170px; align-items: center; position: relative; }
.hd-row { display: flex; align-items: center; justify-content: space-between; width:100%; margin-top: 20px; }
.hd-row:nth-child(2) { border-top: 2px solid var(--white-gray); }
.hd-col-lt { display: flex; align-items: center; justify-content: flex-start; width:calc(50% - 60px); }
.hd-col-mid { display: flex; align-items: center; justify-content: center; width:80px; }
.hd-col-rt { display: flex; align-items: center; justify-content: flex-end; width:calc(50% - 60px); /*background-color: #eee;*/}

/* srch module */
.hd-srch-wrap { width:calc(100%); max-width: 280px; height:38px; position: relative; }
.hd-srch { width:100%; }
#srch { height:38px; position:absolute; z-index:9; border-radius: 19px; border: 1px solid transparent; border-bottom: 0; transition: .2s; }
#srch input { width:calc(100% - 54px); color:var(--gray-dark); background-color: var(--white-gray); height: 38px; font-size: 13px; margin:0; border:0; padding: 0 38px 0 16px; border-radius:19px; }
.srch-submit { width:30px; height: 30px; position: absolute; top:4px; right:4px; background-color: transparent; border-radius: 19px; display: flex; align-items: center; justify-content: center; }
.srch-submit svg { display: block; width:20px; height:20px; fill:var(--gray-dark); }
/*.srch-submit:hover { background-color: var(--pink); }*/
.srch-submit:hover svg { fill: var(--pink); }

.srch-close { width:30px; height: 30px; position: absolute; top:4px; right:4px; display: none; align-items: center; justify-content: center; }
.srch-close svg { display: block; width:16px; height:16px; fill:var(--gray-dark); }

#srch.act { border: 1px solid var(--gray); background-color: var(--white-gray); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 9; transition: .2s; }
#srch.act .srch-submit { color: var(--pink); z-index: 10; }
#srch.act .srch-close { display: none; z-index: 9; }

.srch-results { position: absolute; z-index:8; width:100%; height:auto; border-radius:19px; border-top-left-radius: 0; border-top-right-radius: 0; background-color: var(--white-gray); border:1px solid var(--gray); border-top:0; }
.srch-results { visibility: hidden; opacity: 0; top:0; transition: .2s; }
#srch.act + .srch-results { visibility: visible; opacity: 1; transition: .2s; top:39px; left:0px; }
.srch-res-block { padding:10px 0 0 0; }
.srch-res-block-tit { font-size: 13px; color: var(--deep-gray); }
.srch-res-block-cont { display: flex; flex-direction: column; }
.srch-res-block-cont a { height: auto; font-size: 13px; padding: 14px 16px; display: flex; align-items: center; justify-content: flex-start; color:var(--gray); border-top: 1px solid var(--white); }
.srch-res-block-cont a:hover { background-color: var(--white); }

.srch-res-block-cont a:last-child { padding: 14px 16px 24px 16px; border-bottom-right-radius: 19px; border-bottom-left-radius: 19px; }
.srch-res-block-cont a .res-item-txt-all { font-weight: bold; text-decoration: underline; }

.srch-res-block-cont a .srch-res-highlight { color: var(--gray-dark); }
.srch-res-block-cont a .srch-res-highlight-cat { color: var(--black); }

.srch-res-prods a img { width:50px; height: auto; margin-right: 10px; }
.srch-res-prod-tit { font-size: 12px; color:var(--deep-blue); margin-bottom: 5px; }
.srch-res-prod-price { display: flex; align-items: center; justify-content: flex-start; }
.price { color:var(--black); font-size: 13px; font-weight: bold; margin-right: 10px; }
.price-old { color:var(--red); font-size: 13px; text-decoration: line-through; }
.srch-results-all { color:var(--blue); margin: 20px 20px 20px 20px; display: block; }

/* favorite module */
.hd-fav { width:38px; height: 38px; margin-left:30px; }
.hd-fav a { width:38px; height: 38px; display: block; }
.hd-fav a svg { width:38px; height: 38px; fill:var(--black); transition: .2s; }
.hd-fav a:hover svg { transition: .2s; fill: var(--pink); }

/* header cart module */
.hd-cart { width:auto; height: 38px; margin-left:30px; position: relative; display: flex; align-items: center; justify-content: flex-end; }
.hd-cart a { width:auto; height: 38px; display: flex; }
.hd-cart a svg { width:38px; height: 38px; fill:var(--black); transition: .2s; }
.hd-cart a:hover svg { transition: .2s; fill: var(--pink); }
.hd-cart a .hd-cart-inf { position: absolute; top:-5px; left:30px; background-color: var(--pink); color: var(--white); font-size: 14px; height: 20px; min-width: 20px; border-radius: 50%; display: none; align-items: center; justify-content: center; }
.hd-cart a .hd-cart-sum { height: 38px; width: auto; min-width: 60px; padding: 0 20px; margin-left: 20px; border-radius: 19px; display: none; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; background-color: var(--pink-light); color:var(--pink); }

.hd-cart.incart {  }
.hd-cart.incart .hd-cart-inf { display: flex; }
.hd-cart.incart .hd-cart-sum { display: flex; }

/* header popup cart */
.hd-cart-wrapper { position: absolute; top:30px; right:5px; z-index: 13; visibility: hidden; opacity: 0; transition: .2s; }
.hd-cart-wrapper.act { visibility: visible; opacity: 1; top:100px; transition: .3s; }
.hd-cart-inner { width:320px; min-height: 100px; display: flex; flex-direction: column; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: var(--white); }
.hd-cart-inner { position: absolute; top:0px; right:0px; z-index: 12; }
.hd-cart-arrow { position: absolute; z-index: 13; right: 10px; top: -12px; content:''; width: 24px; height: 24px; border-radius: 5px; background-color: var(--white); border: 2px solid var(--white-gray); border-bottom: 0; border-right: 0; transform: matrix(0.67, 0.74, -0.67, 0.74, 0, 0); }

.hd-cart-prod-list { display: flex; flex-direction: column; margin-top: 10px; margin-bottom: 10px; max-height: 300px; overflow-y: auto; }
.hd-cart-prod-item { display: flex; align-items: flex-start; justify-content: space-between; margin:10px 0; }
.hd-cart-prod-item a { display: flex; align-items: flex-start; justify-content: flex-start; width:calc(100% - 48px); }
.hd-cart-prod-item a .im { width:60px; min-width: 60px; height: 60px; margin-left: 10px; margin-right: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.hd-cart-prod-item a .inf { display: flex; flex-direction: column; }
.hd-cart-prod-item a .inf .tit { font-size: 12px; color:var(--gray-dark); margin-bottom: 10px; }
.hd-cart-prod-item a .inf .price-wrapper { display: flex; align-items: center; justify-content: flex-start; }
.hd-cart-prod-item a .inf .price-wrapper .cnt { font-size:14px; color:var(--gray); }
.hd-cart-prod-item a .inf .price-wrapper .price { font-size:14px; color:var(--gray-dark); }
.hd-cart-prod-item a .inf .price-wrapper .price span { font-size:12px; }
.hd-cart-prod-item .remove { width:48px; height: 48px; display: flex; align-items: center; justify-content: center; }
.hd-cart-prod-item .remove svg { width:16px; height: 16px; fill:var(--gray); }

.hd-cart-total { display: flex; align-items: center; justify-content: space-around; margin-top: 10px; height: 50px; border-top:2px solid var(--white-gray); }
.hd-cart-total .text { font-size: 14px; color:var(--gray-dark); }
.hd-cart-total .price { font-size: 24px; color: var(--gray-dark); font-weight: bold; }
.hd-cart-total .price span { font-size: 20px; font-weight: normal; color:var(--gray); }

.hd-cart-inner .show-cart { min-width: calc(100% - 30px); margin:10px 15px 20px 15px; }

.hd-cart-empty { width:calc(100% - 30px); padding:30px 15px; font-size: 20px; color:var(--gray-dark); display: none; }


/* central logo */
a.hd-logo { display: block; }
a.hd-logo  img { height: auto; width:80px; }

.hd-slogan { font-size: 20px; }
.hd-slogan .hd-slogan-brand { font-weight: bold; color:var(--pink); }
.hd-slogan .hd-slogan-text  { color:var(--gray-dark); }

#menu-btn { position: absolute; transition: .2s; top: 64px; left: 90px; width: 50px; height: 50px; display: none; align-items: center; justify-content: center; background-color: var(--white-gray); border-radius: 3px; }
#menu-btn svg.svg_bars { width:34px; height:34px; fill:var(--gray-dark); display: flex; }
#menu-btn svg.svg_close{ width:24px; height:24px; fill:var(--white-gray); display: none; }
#menu-btn.act { background-color: var(--pink); transition: .2s; }
#menu-btn.act svg.svg_bars { display: none; }
#menu-btn.act svg.svg_close { display: flex;  }

nav.hd-menu { display: flex; align-items: center; justify-content: space-between; width: 100%; }
nav.hd-menu a { font-size: 14px; font-weight: bold; color:var(--gray-dark); text-transform: uppercase; transition: .2s; display: flex; height: 48px; align-items: center; justify-content: center; padding:0 10px; }
nav.hd-menu a:hover { color:var(--pink); transition: .2s; }

/* Transformation of header */
@media (max-width:1190px){

  .hd {max-height: 145px;}
  .hd-row { flex-wrap: wrap; margin-bottom: 20px; }
  .hd-col-lt { width:100%; margin-bottom: 20px; }
  .hd-slogan { font-size: 16px; }

  .hd-col-mid { width:80px; margin-bottom: 0px; }
  a.hd-logo  img { width:60px; height: 60px; }

  .hd-col-rt { width:calc(100% - 170px); }

  #menu-btn { display: flex; }
  .hd-row:nth-child(2) { position: absolute; background-color: #f00; top:120px; border-top:0; width:auto; }
  .menu-wrapper { visibility: hidden; opacity: 0; transition: .2s; top:100px; position: absolute; border-top:0; width:auto; }
  #menu-btn.act + .menu-wrapper { visibility: visible; opacity: 1; transition: .2s; top:120px; }

  nav.hd-menu { flex-wrap: wrap; flex-direction: column; justify-content: flex-start; width: auto; background-color: var(--white); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border:2px sold var(--white-gray); border-top:0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  nav.hd-menu a { justify-content: flex-start; padding:0 20px; width:auto; min-width: 200px; }

  .hd-cart-wrapper.act { top:130px; }
}

@media (max-width:800px){

  .hd-fav { display: none; }

}

@media (max-width:600px){

  .hd-srch-wrap { display: none; }

}

.hd-cart { /*width: calc(16.7% - 20px); position: relative;*/ }
.hd-cart-list { visibility: hidden; opacity: 0; top:55px; transition:.2s; height:0; overflow: hidden; } 
#hd-cart-open.act + .hd-cart-list { transition:.2s; visibility: visible; opacity: 1; height:auto;  overflow: auto; }
.hd-cart-list { position: absolute; z-index: 10; padding:20px; top:65px; right:0; width:calc(400% + 0px); background-color: var(--white); box-shadow: 0px 3px 5px rgba(70, 108, 156, 0.5); border-radius: 3px; }
.hd-cart-list-tit { font-size: 13px; font-weight: bold; color:var(--black); text-transform:uppercase; }
.hd-cart-list .hd-cart-list-close { position: absolute; top:0px; right:0px; width:32px; height:32px; }
.hd-cart-list .hd-cart-list-close i { display: block; }
.hd-cart-list .hd-cart-list-close i svg { display: block;width: 12px;height: 12px;margin: 10px;fill: var(--blue); }
.hd-cart-list-items { margin-bottom: 20px; }
.hd-cart-item { display: flex; align-items: center; justify-content: space-between; padding:20px 0; border-bottom:1px solid var(--light-gray); }
.hd-cart-item-remove { display: block; width:34px; height: 34px; }
.hd-cart-item-remove i svg { display: block;width: 14px;height: 14px; margin: 10px; fill:var(--red); }
.hd-cart-item a { display: flex; width: 50%; position: relative; }
.hd-cart-item a .hd-cart-item-disc { position: absolute; top:0; left:0; z-index: 2; height:24px; line-height: 24px; padding:0 10px; border-radius: 3px; background-color:var(--blue); color:var(--white); font-size: 10px; }
.hd-cart-item a img { width:100px; height: auto; margin-right: 10px; }
.hd-cart-item a .hd-cart-item-inf {  }
.hd-cart-item a .hd-cart-item-inf-tit { font-size: 13px; color:var(--black); margin-bottom: 5px; }
.hd-cart-item a .hd-cart-item-inf-sub { font-size: 13px; color:var(--deep-gray); }
.hd-cart-item-quant {  }
.hd-cart-item-quant-btn { width:40px; height: 30px; line-height: 30px; font-size:18px; font-weight: bold; }
.hd-cart-item-minus { color:var(--red); }
.hd-cart-item-plus { color:var(--deep-green); }
.hd-cart-item-count { width:40px; height: 40px; line-height: 40px; text-align: center; color:var(--black); font-size: 13px; border:1px solid var(--light-gray); border-radius: 3px; }
.hd-cart-item-count input { width:30px; height:30px; border:0; text-align: center; padding: 5px; font-size: 14px; outline: none; }
.hd-cart-item-count input:focus { outline: none; }
.hd-cart-item-price-single { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width:25%; }
.hd-cart-item-price-single .price-old { margin-right: 10px; }
.hd-cart-item-price { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width:25%; }
.hd-cart-item-price .price-old { margin-right: 10px; }
.hd-cart-total { text-align: right; color:var(--black); margin-bottom: 20px; }
.hd-cart-total-text { font-size: 13px;  }
.hd-cart-total-sum { font-size:18px; font-weight: bold; }

.checkout-order-pp-tit { display: flex; align-items: center; justify-content: flex-end; }
.hd-cart-pay_parts-icon-img { width:20px; height: 20px; margin-right: 5px; }

.hd-cart-btn-wrapper { display: flex; align-items: center; justify-content: space-between; }
.hd-cart-btn-wrapper .hd-cart-btn { height: 40px; width: 220px; border-radius: 3px; line-height: 40px; text-align: center; font-size:13px; font-weight:bold; }
.hd-cart-btn-wrapper .hd-cart-btn-continue { background-color: var(--light-bg); color:var(--blue); }
.hd-cart-btn-wrapper .hd-cart-btn-proceed { background-color:var(--red); color:var(--white); }

.hd-cart-warehouse-title { display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid var(--light-gray); cursor: pointer; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; position: relative; margin-top: 20px; }
.hd-cart-warehouse-title i { display: block; width: 50px; height: 50px; background: #fff; position: absolute; top:0; right:0; transition: .2s; }
.hd-cart-warehouse-title i svg { display: block; width: 20px; height:20px; margin:15px; fill:var(--deep-blue); }
.hd-cart-warehouse-title.act i { transition: .2s; transform: rotate(-180deg); }

.hd-cart-warehouse-title-col { display: flex; align-items: center; justify-content: center; }
.hd-cart-warehouse-title-col:nth-child(2) { margin-right: 70px; }

.hd-cart-warehouse-sum { font-weight: bold; background-color: var(--light-bg); padding:0px 10px; border-radius: 5px; height: 30px; line-height: 30px; margin-right: 10px; }
.hd-cart-warehouse-cnt { background-color: var(--light-bg); padding:0px 10px; border-radius: 5px; height: 30px; line-height: 30px; margin-right: 10px; }

.hd-cart-warehouse-content { visibility: hidden; opacity: 0; height: 0; overflow: hidden; transition: .2s; }
.hd-cart-warehouse-title.act + .hd-cart-warehouse-content { visibility: visible; opacity: 1; height: auto; overflow: hidden; transition: .2s; }

.hd-cart-warehouse-title.act .hd-cart-warehouse-sum { display: none; }
.hd-cart-warehouse-title.act .hd-cart-warehouse-cnt { display: none; }