.header-actions.hide-xs {
  display: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
        font-size: 16px;
    }
}

/* Фикс бага с отображением цен */
.product-container form[data-product-id] [data-product-price],
.product-container form[data-product-id] [data-product-price] {
  display: none;
}
.product-container form[data-product-id].is-available [data-product-price],
.product-container form[data-product-id].not-available [data-product-price] {
  display: block;
}

.product-gift-title {
  font-size: 24px;
  color: white;
  background: #fc4848;
  border-radius: 3px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px auto;
  padding: 3px 5px;
}

.product-gift-banner {
  margin: 10px auto;
}

.product-gift-banner img {
  display: block;
  max-width: 100%;
}

input.search_widget-control::placeholder {color: #b2b2b2;}

.yandex-widget {
  width: 48%;
  display: inline-block;
  margin-left: 2%;
}
.foot-contacts .inner {
  /*width: 48%;*/
  display: inline-block;
}
@media (max-width: 768px) {
  .yandex-widget {
    display: block;
    width: 100%;
    margin-bottom: 25px;
  }
  .foot-contacts .inner {
    display: block;
    width: 100%;
    margin-bottom: 25px !important;
  }
}

.prop-link:not(:hover) {
  text-decoration: underline;
}

body.fixed-header .header-shadow {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  background-color: white;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, .1);
}
.header-shadow::after {
  content: none;
}
body.fixed-header {
  padding-top: var(--offset-top);
}

.button-up {
  position: fixed;
  right: 60px;
  bottom: 180px;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: auto;
  max-width: none;
  height: 50px;
  min-height: auto;
  max-height: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1;
  color: white;
  background-color: #4cb050;
  border-radius: 50%;
  box-shadow: 0 3px 10px 3px rgb(0 0 0 / 10%);
  transition: opacity .3s, visibility .3s;
  cursor: pointer;
}
.button-up:not(.is-visible) {
  opacity: 0;
  visibility: hidden;
}
.button-up:hover {
  opacity: .8;
}
.button-up:focus {
  outline: none;
}
.button-up::after {
  content: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M11.2929 7.29289c.3905-.39052 1.0237-.39052 1.4142 0l6 6.00001c.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0L12 9.41421 6.70711 14.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142l6.00001-6.00001z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.seo-tabs {
    background: #b2b2b2;
    padding: 5px;
    border-radius: 4px;
    font-size: 15px;
    color:  white !important;
    margin: 5px 5px 5px 0px;
    text-decoration: none;
}
.seo-tabs a {
  color:  white !important;
   text-decoration: none;
}
.seo-tabs h2 {
    font-size: 15px;
    display: inline;
}
.seo-tabs h3 {
    font-size: 15px;
    display: inline;
}
.seo-tabs:hover {
    color: white;
    background: #46c391;
}
.seo-is-active {
    color: white !important;
    background: #46c391; 
}
.block-seo-tabs {
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex: 1 1 auto;
    -webkit-box-flex: 1;
    margin-bottom: 5px;
  margin-top: 13px;
    display: flex;
}
.otstyp-hlebnie
{
    padding-top: 25px;
}
@media screen and (max-width: 480px)
 {
   .otstyp-hlebnie{
    padding-top: 1rem;
}
} 
.autor-article {
font-style: italic;
    margin-top: -20px;
}
@media (max-width: 768px) {
  .jiiQrz{
  	width:50px !important;
    height:50px !important;
  }
  .fulLWp{
  	width:20px !important;
    height:20px !important;
  }
  .dCtZda{
	bottom:30px !important;
  	right:30px !important;
  }
  .button-up{
  	right: 30px;
	bottom: 95px;
  }
}
.h1-glavnaya {
text-align: center;
    font-family: Intro;
    text-transform: uppercase;
    position: relative;
}
.popylarnost {
  background: #46c391;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  border-radius: 4px;
}
@media screen and (max-width: 480px){
 .popylarnost {
  margin-top: 10px;
  margin-left: 0px;
}
  }

.tech-table table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
background-color: #f6f6f6;
}
.tech-table table td {
  padding-left: 0.5rem;
  border: 1px solid #ccc;
  border-collapse:collapse;
  vertical-align: middle;
}
.tech-table table th {
  border: 1px solid #ccc;
  border-collapse:collapse;
}
.tech-table table {
  width: 100%;
}
.tech-table table tr > td:first-child {
  width: 25%;
}
.tech-table {
  overflow-y: auto;
}
.tech-table ul {
  padding-inline-start: 1rem;
}

.table-beaty tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
background-color: #f6f6f6;
}
.table-beaty td {
 text-align: center;
  border: 1px solid #ccc;
  border-collapse:collapse;
}
.table-beaty th {
  border: 1px solid #ccc;
  border-collapse:collapse;
}
.table-beaty {
  width: 100%;
}
.author-blog {
font-size: 13px;
color: #b2b2b2; 
}
@media screen and (max-width: 1024px){
.korzina-m {
 flex-basis: 40% !important;
 max-width: 40% !important; 
}
}
@media screen and (max-width: 1024px){
.contakti-m {
 flex-basis: 60% !important;
 max-width: 60% !important; 
}
}

.sklad-box {
	padding-top: 20px;
}
.sklad-box-ttl {
	margin-bottom: 10px;
  font-weight: 500;
}
.second-sklad-block {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
}
.metro {
 display: flex;
    align-items: center;
    justify-content: flex-start;
  white-space: nowrap;
}
.kol-vo {
    font-size: 12px;
    padding-top: 0.5rem;
    color: #7B7B7B;
}
.local-brends {
    display: flex;
    align-items: center;
}
@media (max-device-width: 480px){
.local-brends {
    flex-direction: column-reverse;
}
  }
.otz {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    background: #f7f7f7;
    padding: 20px 0px 10px 0px;
    margin-bottom: 20px;
    align-items: center;
}
.otz1 {
    text-transform: uppercase;
    max-width: 50%;
}
.otz2 {
    padding-left: 15px;
}
@media screen and (max-width: 480px)
 {
   .plus-3-percent{
    width: 8rem;
}
}
.stroka-metro {
display: flex;
  padding-bottom: 1rem;
}
@media screen and (max-width: 480px)
 {
   .stroka-metro{
flex-direction: column;
}
}
@media screen and (min-width: 740px)
 {
.otstup-banner {
  margin-top: 15px;
}
}
