#map111 {
margin-top:30px !important; 
margin-bottom:20px !important;}


.citystore__work a:hover {color:#f54747}

.breadcrumbs{
display: flex;
flex-direction: row;
justify-content: flex-start;
}

.breadcrumbs span {padding-right:10px;}
.promo__text{color:#f54747;}
.promo, .citylist {
    padding: 0;
}

@media (max-width: 1366px) {.promo__item {width: 360px;}}


.pagination__inner{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
}



.pagination__button:last-child{
	margin-right: 0;
}


.pagination__button, .page-numbers{
	margin-right: 1rem;
	border-radius: 50%;
	width: 40px;
	color: #fff;
	font-weight: 300;
	font-size: 2.1rem;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #25bfa0;
}

.pagination__button:last-child, .page-numbers:last-child{
	margin-right: 0;
}

.page-numbers:last-child, .page-numbers:first-child{
	border-radius: 0;
	width: auto;
	color: #000;
	height: auto;
	display: inline-block;
	padding: .8rem 1.5rem;
	border-radius: 40px;
	color: #fff;
  /*
	background: #25bfa0;
  */
}

.pagination__inner span {
  background: #f54747!important;
}
.promo__content {
    margin-top: 0rem;
}


#map > ymaps {
border-radius: 20px;
overflow: hidden;

}


#map {
            width: 100%;
            height: 400px;
        }
    #points
    {
        width: 100%;
        height: auto;
        background: rgb(250, 250, 250);
        padding: 20px;
        border-radius: 5px;

        font-weight: bold;
        font-size: 20px;
    }
    #points:hover
    {
        color: rgb(80, 80, 80);
        cursor: pointer;
    }
    div.obj
    {
      
    }
    div.point
    {
        font-weight: 500;
        font-size: 14px;
        margin-left: 10px;

    }
    span.point-light
    {
        display: inline-block;
        color: rgb(100, 100, 100);
        vertical-align: top;
    }
    div.metrocolor
    {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background: red;
        vertical-align: middle;
        margin-left: 10px;
    }
    span.search
    {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        width: 200px;
        height: 40px;
        margin-left: 10px;
        margin-top: 15px;
        background: #D83B2D;
        border-radius: 5px;
        color: white;

        font-size: 14px;
    }
    span.search:hover
    {
        cursor: pointer;
        opacity: 0.7;
    }
    span.geopos
    {
          display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        width: 200px;
        height: 40px;
        margin-left: 10px;
        margin-top: 15px;
        background: #1f75fe;
        border-radius: 5px;
        color: white;

        font-size: 14px;
    }

span.geopos2:hover, span.geopos:hover
    {
        cursor: pointer;
        opacity: 0.7;
    }


.point-name:hover {color:#D83B2D;}

span.geopos2
    {
       display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        background: #1f75fe;
        border-radius: 5px;
        color: white;
margin-top: 5px;
        font-size: 14px;
		width:100px;
		height: 35px;
		float:left;
    }
	
	.permalink {font-size: 16px;
color: rgb(100, 100, 100);
text-decoration:none;
}

#showme { font-weight:bold; !important
font-size: 16px; !important}

.permalink:hover {color: #D83B2D;}
#stolb1, #stolb2, #stolb3 {float:left;width:230px;height:60px}
@media only screen and (min-width:1px) and (max-width:500px) { #stolb1, #stolb2, #stolb3 {float:none;} }

/* Начало окна включения маршрутизации */

.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }
	
	
input#button7 {
  font-weight: 700;
  color: white !important;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
input#button7:hover { background: rgb(53, 167, 110); }
input#button7:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

#commentform h6 {font-size: 15px !important;
  color: #000;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  transition: 0.2s;}
  
#commentform p {font-size: 14px !important  color: #000;}
  
#curentbread:hover {color: #353331;}

/* Конец окна включения маршрутизации */




/* Комментарии Old version
-------------------------------------------------------------- */
	
	.g-recaptcha {
margin-bottom:30px;	
	
	
}
.com_block_star label{margin-top:30px !important; font-size: 22px !important;}
.all_com_pr span:before{color:#FB9C30;}
.com_block_star{margin:10px 0;}
.comments-rating{border: none;padding: 0;margin-left: 0;}
.comments-rating label{display:inline-block;font-size:18px;}
.rating-container{font-size: 0;unicode-bidi: bidi-override;direction: rtl;}
.rating-container * {font-size: 1.4rem;}
.rating-container > input {display: none;}
.rating-container > input + label {
    font-family:'dashicons';
    display: inline-block;
    overflow: hidden;
    text-indent: 0px;
    width: 1em;
    white-space: nowrap;
    cursor: pointer;
    margin: 0;
}
 
.rating-container > input + label:before {
    display: inline-block;
  /*   text-indent: -9999px;*/
    content: "\f154";
    color: #888;
}
 
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
    content: "\f155";
    color: #FB9C30;
    text-shadow: 0 0 1px #888;
}
 
.rating-container > .star-cb-clear + label {
   /*  text-indent: -9999px;*/
    width: .5em;
    margin-left: -.5em;
}
 
.rating-container > .star-cb-clear + label:before {
    width: .5em;
}
 
.rating-container:hover > input + label:before {
    content: "\f154";
    color: #888;
    text-shadow: none;
}
 
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
    content: "\f155";
    color: #FB9C30;
    text-shadow: 0 0 1px #888;
}


#rating-1 {display:none !important;}
#rating-2 {display:none !important;}
#rating-3 {display:none !important;}
#rating-4 {display:none !important;}
#rating-5 {display:none !important;}
#rating-0 {display:none !important;}



.comment-notes {display:none}
.comment-reply-title {margin: 5px 0 !important;}
.comment-respond textarea {height: 100px !important;}

		@media only screen and (min-width : 8px) and (max-width : 400px) {
.g-recaptcha {transform:scale(0.8); transform-origin:0;}
}

	.iconablock-8 {
    margin: 10px;
    padding:15px;
	padding-left:5px;
	   border: 1px solid #C5C5C5;
   
	min-height: 90px;
	
	
}
.iconablock-8 .icona {
    float: left;
    text-align: center;
    position: relative;
    top: 5px;
    left: 25px;
    width: 64px;
    height: 80px;
    background: #D83B2D;
    color: #fff; 
    transition: all .3s;
    transform: skew(-20deg);
    margin-right:50px;
}
.iconablock-8 .icona i,
.iconablock-8 .icona img {
    font-size: 32px;
    height:32px;
    width:32px;
    color: #fff; 
    padding-top:24px;
    z-index:1;
    position: relative;
    box-sizing: content-box;
    transform: skew(20deg);
}
.iconablock-8:hover .icona {
    top: 40;
    left: 40;
}
.iconablock-8:hover .icona {
    box-shadow: 8px 8px #808080;
}
.iconablock-8 .block {
    overflow: hidden;
    text-align: left;
}
.imyzotz {
 
    font-size:20px;
    margin:10px 0;
}    
.imyzotz:hover {
    
} 


.social {float:right;}

.com_star {color:#D83B2D}	



/* =Comments form 
-------------------------------------------------------------- */
input[type=submit] {color: #333;}
#content #respond {border: 1px solid #C5C5C5;  color: #000000;  font-size: 20px;  margin-bottom: 10px;  padding: 20px;  position: relative;  margin-top: 25px;}
.comments-template {border-top:1px solid #EEEEEE;  margin-bottom: 20px;  margin-top: 20px;}
.comments-template #commentsbox { padding-top: 10px;}
.comments-template a {text-decoration: none; }
.comments-template .reply  a {  border: 1px solid #F54336;  cursor: pointer;  display: inline-block;  font-size: 14px;  line-height: 20px; margin-bottom: 0;  padding:4px 22px;  position: relative;  transition: all 0.3s linear 0s;  -webkit-transition: all 0.3s linear 0s;  -moz-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  text-decoration: none;  }
.comments-template .reply  a:hover { background: none repeat scroll 0 0 #F54336;color: #FFFFFF; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;}
#comments {  color:#000000;  font-size:20px;  margin-bottom:0;  padding:10px 0;  }
.commentmetadata {  margin:0 0 15px;  position: relative;  }
.commenttext {  font-size: 14px;  margin-bottom: 10px;  margin-left: 10px;  margin-right: 5px;  }
.postmetadata {  margin:7px 0;  padding:2px 10px;  }
.postmetadata a {  color:#404040;  text-decoration:none;  }
#respond p {     clear: both;      height: 40px;      margin: 0;  }
#respond .comment-notes {  font-size: 12px;  margin-bottom: 1em;   color: #666666;}
#respond .logged-in-as{  font-size: 12px;  }
.form-allowed-tags {  line-height: 1em;  }
.children #respond {  margin: 0 0px 0 0;  }
h3#reply-title {  margin: 18px 0; font-size: 18px; color: #666; }
#comments-list #respond {  margin: 0 0 18px 0;  }
#comments-list ul #respond {  margin: 0;  }
#cancel-comment-reply-link {  font-size: 12px;  font-weight: normal;  line-height: 18px;  color: #888;  text-decoration: none;  }
#respond .required {  color: #ff4b33;font-size: 16px;}
#respond label {  float: left;font-size: 15px; margin-top: 5px;color:#666;}
#respond input[type="submit"] {      background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #F54336;      cursor: pointer;      display: inline-block;  	height: auto;      font-size: 14px;      margin-bottom: 0;     padding: 8px 25px;     position: relative;      transition: all 0.3s linear 0s;  	-webkit-transition: all 0.3s linear 0s;  	-moz-transition: all 0.3s linear 0s;  	-o-transition: all 0.3s linear 0s;  }
#respond input[type="submit"]:hover {      background: none repeat scroll 0 0 #F54336;      color: #FFFFFF;      transition: all 0.3s linear 0s;  	-webkit-transition: all 0.3s linear 0s;  	-moz-transition: all 0.3s linear 0s;  	-o-transition: all 0.3s linear 0s;  }
#respond input, #respond textarea {  border: 1px solid #e1e1e1;background:none repeat scroll 0 0 #F9F9F9;float: right; font-family: 'Roboto Condensed',sans-serif; font-size: 14px; font-weight: 300; height: 30px; margin: 0 0 22px; padding: 4px; width: 78%; }  
#respond .comment-form-comment {      height: 102px;  }
#commentform .submit {  float: right;  width: 175px;  color: #ee555e}
#respond textarea {  height: 182px;  overflow:auto;  }
.form {  width: 500px;  }
#commentform .logged-in-comment {  font-family: Times New Roman;  font-size: 16px;  margin-bottom: 15px;  color: #888888;  }
#commentform  .logged-in-comment a {  color: #111;  text-decoration: none;  }
#commentform  .logged-in-comment a:hover {  color: #000;  }
#respond #input {  float: right;  margin: 0 0 20px;  width: 420px;  }
#respond .form-allowed-tags {  clear: both;  display: none;  }
#respond .form-allowed-tags code {  font-size: 11px;  }
#respond .form-submit {  margin:12px 0 0;  }
#respond .form-submit input {  font-size: 15px;  width: auto;  outline:none;  }
#commentform .left-label {  float: left;  margin-bottom: 15px;  width: 240px;  }
#commentform .right-input {  float: left;  }
#commentform .input {  float: right;  margin-top: 15px;  width: 380px;  }
#commentform .input input[type="submit"] {  float: left;  }
.cancel-comment-reply {  float: right;  margin-bottom: 15px;  }	


/* Комментарии Old version end
-------------------------------------------------------------- */


.citystore__point span{
font-size: 60px;
width: 60px;
height: 60px;
color:#25bfa0;
}

.citystore__point span:hover{
color:#D83B2D;}


/* Статьи по теме в городах */
ul.alternating-colors { padding-left: 50px; }
.alternating-colors li { 
  padding-left: 16px;
  margin-top: 24px;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  
  &:before {
    content: '';
    display: block;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    border: 2px solid #ddd;
    position: absolute; // yeah
    top: -12px;
    left: -46px;
  }
}

.alternating-colors  a{color: #1abc9c;}
.alternating-colors  a:hover{color: #f54747;}
/* Блок новостей */
.container_news {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1200px;
  margin-block: 2rem;
  gap: 2rem;
}

.card__header img {
  max-width: 100%;
  display: block;
  object-fit: cover;
  min-height: 144px;
}

.card {
  display: flex;
  flex-direction: column;
  width: clamp(20rem, calc(20rem + 2vw), 22rem);
  overflow: hidden;
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  background: #ECE9E6;
background: linear-gradient(to right, #FFFFFF, #ECE9E6);

}



.card__body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}


.tag {
  align-self: flex-start;
  padding: .25em .75em;
  border-radius: 1em;
  font-size: .75rem;
}

.tag + .tag {
  margin-left: .5em;
}


.tag-red {
  background: #cb2d3e;
background: linear-gradient(to bottom, #ef473a, #cb2d3e);
  color: #fafafa;
}

.card__body a {
  font-size: 1.5rem;
  text-transform: capitalize;
  text-decoration: none;
  color: #717171;
  font-weight: bold;
}

.card__body a:hover {color: #ff513e;}

.card__footer {
  display: flex;
  padding: 1rem;
  margin-top: auto;
}

.user {
  display: flex;
  gap: .5rem;
}

.user__image {
  height: 40px; width: 50px;
  border-radius: 50%;
}

.user__info > small {
  color: #666;
}

.card__body p {font-size: 1.3rem;}

.address__review--quality {border-radius: 10px;}


.address__review--block p {padding:15px;font-size:16px;}
.address__info .address__review--block p {padding:0;font-size:inherit;}



/* Содержание */

.containersod {
   padding-top: 10px;
   padding-bottom: 10px;
}



.toc-wrapper {
   display: table;

}
.toc-wrapper h2{ 
	
	font-size: 24px;
	
}
.toc {
   list-style: none;
   counter-reset: li;
}

.toc li {
   position: relative;
   margin-bottom: 20px;
   padding-left: 50px;
   line-height: 28px;
   transition: .3s linear;
}

.toc li:last-child {
   margin-bottom: 0;
}

.toc li:before {
   counter-increment: li;
   content: counters(li, "");
   position: absolute;
   top: 50%;
   margin-top: -14px;
   left: 0;
   font-size: 14px;
   width: 28px;
   height: 28px;
   text-align: center;
   line-height: 28px;
   color: white;
   border-radius: 50%;
   background: rgb(46, 43, 31);
}

.toc li:nth-child(2):before,
.toc li:nth-child(2):after {
   background: rgba(46, 43, 31, .8);
}

.toc li:nth-child(3):before,
.toc li:nth-child(3):after {
   background: rgba(46, 43, 31, .6);
}

.toc li:nth-child(4):before,
.toc li:nth-child(4):after {
   background: rgba(46, 43, 31, .4);
}

.toc li:nth-child(5):before,
.toc li:nth-child(5):after {
   background: rgba(46, 43, 31, .2);
}

.toc li:after {
   content: "";
   position: absolute;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: rgb(46, 43, 31);
   top: 50%;
   left: 34px;
   margin-top: -4px;
   opacity: 0;
   transition: .3s linear;
}

.toc li:hover:after {
   opacity: 1;
}



 .tovar__title a{ 
 font-size: 4.2rem;
 font-weight: 700;
 color:#25bfa0;	 
 }
 
  .tovar__title a:hover{ 
 color:#D83B2D;	 
 }
 
 
 .network__wrapper--text img {max-width:95% !important; height:auto !important;}
 
 @media (max-width: 500px) {
.breadcrumbs {display: block !important;} 
.breadcrumbs span {padding-right:0px  !important;}

 }
 

.shops_avtor {max-width:290px;max-height:240px;}



/* Характеристики товаров в карточке товаров */

.stoit_kupit {margin-top:10px;margin-right:10px;}
.vy_kupite {font-size: 14px;}
.vy_kupite a {color: #1abc9c;font-weight: bold;}
.vy_kupite a:hover {color: #e84c4c;}
.why__text--item li{font-size: 14px;}
#why__texts {margin-top:0px;}
#h_why {padding-top:10px;}
#hh_why {text-align: center; padding-top:10px;}

@media (max-width: 500px) {.why__text--inner {margin-top:0px;} #main_block {margin-top:10px;}}

.dotted {
list-style: none;
}
.dotted li {
margin-bottom: 5px;
border-bottom: 2px #404B51 dotted;
font-size: 13x;
line-height: 1;
}
.dotted li span:nth-child(odd) {
padding-right: 6px; 
color: #404B51;
font-weight: bold;
}
.dotted li span:nth-child(even) {
float: right; 
padding-left: 6px;
color: #1abc9c;

}
.dotted span {
background: white;
position: relative;
bottom: -7px;
}
/* Характеристики товаров в карточке товаров конец*/

.comment-form-cookies-consent {display:none;}
.title__icon {height:30px !important;}

/* шаблон the last_goods*/
#last_good {width:360px;
margin-right:18px;
margin-bottom:18px;
}
#last_knopka {max-width:95px !important;	}
.review__title {margin-top:15px;}


/* Форма поиска в header*/
form button {
  height: 100%;
  width: 25%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
form button:before {
  content: "\f179";
  font-family: Dashicons;
  font-size: 22px;
  color: #000;
}


/* Костыль к комментам, убрать как сделаем норм*/
@media only screen and (min-width:1px) and (max-width:555px) {
#respond{
max-width: 100% !important; }

#comment {
max-width: 100% !important; 
max-height: 60px !important; 
text-align: left;
float: none !important;

}

.g-recaptcha {
transform:scale(0.7) !important; 
transform-origin:0;
}


#author {
margin-left:10px	!important; 
padding-left:0px	!important; 
margin-top:5px	!important; 
margin-bottom:30px	!important; 
max-width: 60% !important; 
text-align: left;
float: none !important;

}



.form-submit {
max-width: 80% !important; 	
	
	
}

}


/* списки в новостях*/
.network__wrapper--text a{color:#1abc9c;}
.network__wrapper--text a:hover{color:#f54747;}

.network__wrapper--text ul {
    padding:0;
    list-style: none;
}

.network__wrapper--text ul li:before {
    padding-right:10px;
    font-weight: bold;
    color: #1abc9c;
    content: "\2714";
    transition-duration: 0.5s;
}
.network__wrapper--text ul li:hover:before {
    color: #f54747;
    content: "\2714";
}


/* блок текста в категориях магазинов*/
.contact__text--text a{
color: #1abc9c;
 font-weight: bold;
font-size: 12px;}
.contact__text--text a:hover{
color: #f54747; font-weight: bold;}		


/* Нужные костыли для блока товаров*/
.label_for_kategorii {
font-size: 1.8rem !important;	
	
}

.mini_ikonka {
    height: 28px !important;	
}

#id_knop_smotri, .product__name {
	
font-size: 1.9rem !important;	
	
}


  .why__text--item li {
		  font-size: 20px !important;

		    padding: 5px 10px;
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
		  }

.flexproda{
  display:flex;
  flex-wrap:wrap;
}

#proda {
 
  width:calc( ( 100% - 40px ) / 3 );
  margin:0 0 20px;
  min-width:300px !important;}
  
  
  .shops__item--price span {font-size: 40px;
  width: 40px;
  height: 40px;}
}

#imgstory{width: 400px; margin: 10px;  display: flex;
      justify-content: center;}
	  
	  

/* styles for single-good*/

.ceny-zagol {
    font-size: 20px;
    font-weight: bold;
}

.city__values {background: #fff !important;
border-radius: 20px !important;
padding-left:20px !important;
padding-top:20px !important;
margin-top:20px !important;

}

.shops__item--logo { 
width:100px !important;

}

.shops__items--text--title {
	font-size: 2rem !important;
	
}


.item-price{
color:#333 !important;	
	
}


.item-price-zach {
margin-left:10px;	
text-decoration: line-through;
color:#6b6b6b;	
	
}


.tovar__weight {
	border-radius: 5px !important;
padding:5px;	
background-color: #babac0 !important;	
	
}



.shops__item:hover {
background-color: #dedee2;
border: 1px solid #000;		
	
}

.itemactive {	
background-color: #dedee2;		
border: 1px solid #4a4a4a;	
}


#linecolors{
	list-style-type: none; 
	counter-reset: num;
	margin: 0 0 0 10px;
	padding: 5px 0 5px 0;
	
}
#linecolors li {
	position: relative;	
	margin-left:10px;
	padding: 0 0 5px 0;
	font-size: 14px;
}

#linecolors li:hover {
text-decoration: underline overline dotted;
}

#linecolors li:before {
	content: counter(num) '.'; 
	counter-increment: num;
	display: inline-block;	
	position: absolute;
	top: 0px;
	left: -25px;
	width: 15px;    
	text-align: right;
}


.attrs-dotted {
	width: 100%;	
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 0 10px 0;
}
.attrs-dotted dt {
	width: 40%;
	margin: 0 0 8px 0;
	padding: 0;
	display: flex;	
	box-sizing: border-box;
	align-items: flex-end;
	position: relative;
	word-break: break-word;
	color: #808d9a;   
}
.attrs-dotted dt:before {
	content: "";
	display: block;
 	width: 100%;	
	position: absolute;   
	left: 0;
	bottom: .2em;
	border-bottom: 1px dotted #d6dbe0;
}
.attrs-dotted dt span {
	padding-right: 5px;
	background: #fff;
	position: relative;
}
.attrs-dotted dd {
	width: 60%;
	display: flex;	
	box-sizing: border-box;
	align-items: flex-end;    
	margin: 0 0 8px 0;
	padding: 0 0 0 5px;
	word-break: break-word;
}

#hh-spec {
margin-bottom:15px;	
}
  
#contact-no-margin {

margin-top:0px !important;	


}
 
 
 /* Костыль к комментам, убрать как сделаем норм*/
@media only screen and (min-width:1px) and (max-width:555px) {
#respond{
max-width: 100% !important; }

#comment {
max-width: 100% !important; 
max-height: 60px !important; 
text-align: left;
float: none !important;

}

.g-recaptcha {
transform:scale(0.7) !important; 
transform-origin:0;
}


#author {
margin-left:10px	!important; 
padding-left:0px	!important; 
margin-top:5px	!important; 
margin-bottom:30px	!important; 
max-width: 60% !important; 
text-align: left;
float: none !important;

}



.form-submit {
max-width: 80% !important; 	
	
	
}

}


 /* Крединтый кальку*/
        .credit_calc-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: space-between;
            padding: 20px;
            font-family: Arial, sans-serif;
        }

        .credit_calc-block {
            background: #f9f9f9;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 20px;
            flex: 1;
            min-width: 300px;
            font-size: 16px;
        }

        .credit_calc-block h3 {
            font-weight: bold;
            margin-top: 0;
            font-size: 20px;
        }

        .credit_calc-number {
            font-weight: bold;
            color: #1abc9c;
        }

        .credit_calc-slider {
            margin-top: 10px;
        }

        .credit_calc-slider label {
            display: block;
            margin-bottom: 5px;
        }

        .credit_calc-slider input[type="range"] {
            width: 100%;
            accent-color: #1abc9c;
        }

        .credit_calc-checkbox {
            margin-top: 15px;
            display: flex;
            align-items: center;
        }

        .credit_calc-checkbox label {
            font-size: 18px;
            margin-left: 10px;
        }

        .credit_calc-checkbox input[type="checkbox"] {
            transform: scale(1.5);
        }

        .credit_calc-result {
            margin-top: 10px;
        }

        .credit_calc-overpayment {
            font-weight: bold;
            color: #1abc9c;
        }

        @media (max-width: 768px) {
            .credit_calc-container {
                flex-direction: column;
            }
        }
		
		
 .network__wrapper--text h3 {font-weight:bold;}		
 
 
 
 /* Стили для формы для оргпнизаций */
 
       /* Общие стили */
        .feedback_forma-popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border-radius: 8px;
            z-index: 1000;
            width: 90%;
            max-width: 500px;
            position: relative; /* Для позиционирования кнопки закрытия */
        }

        .feedback_forma-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }

        .feedback_forma-form {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        /* Стиль для меток */
        .feedback_forma-label {
            font-weight: bold;
            font-size: 18px;
            color: #333;
        }

        /* Стиль для инпутов и текстовых полей */
        .feedback_forma-input,
        .feedback_forma-textarea,
        .feedback_forma-select {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 16px;
        }

        .feedback_forma-textarea {
            resize: none;
        }

        /* Стиль для select */
        .feedback_forma-select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000"><path d="M7 10l5 5 5-5z"/></svg>');
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 12px;
            font-size: 14px; /* Уменьшен размер шрифта для пунктов селектора */
        }

        /* Кнопка открытия формы */
        .feedback_forma-open-button {
            display: block;
            margin: 20px auto;
            padding: 10px 20px;
            
			background: #0094FF;
            color: white;
            text-align: center;
            text-decoration: none;
            border-radius: 20px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            max-width: 350px;
            width: 100%;
        }

        .feedback_forma-open-button:hover {
           background: #F54336; 
        }

        /* Кнопка отправки */
        .feedback_forma-submit-link {
            display: block;
            margin: 0 auto;
            padding: 10px 20px;
            background: #007bff;
            color: white;
            text-align: center;
            text-decoration: none;
            border-radius: 20px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            max-width: 200px;
            width: 100%;
        }

        .feedback_forma-submit-link:hover {
            background: #0056b3;
        }

        /* Контейнер для дополнительного сообщения */
        .feedback_forma-additional-message {
            background: rgba(0, 255, 0, 0.2); /* Прозрачно-зеленый фон */
            padding: 10px;
            border-radius: 8px; /* Округленные края */
            font-size: 18px; /* Увеличен шрифт */
            color: #333;
            display: none;
        }

        /* Чекбокс и метка */
        .feedback_forma-checkbox-container {
            display: flex;
            align-items: flex-start; /* Выравнивание по верху */
            gap: 10px; /* Расстояние между чекбоксом и текстом */
        }

        .feedback_forma-checkbox {
            width: 20px;
            height: 20px;
            accent-color: #007bff;
            margin-top: 5px; /* Корректировка выравнивания */
        }

        .feedback_forma-checkbox-label {
            font-size: 16px;
            color: #333;
            line-height: 1.4; /* Для лучшего обтекания текста */
        }

        /* Кнопка закрытия модального окна */
        .feedback_forma-close-button {
            position: absolute;
            top: 10px;
            right: 10px;
            background: none;
            border: none;
            font-size: 24px;
            color: #aaa;
            cursor: pointer;
        }

        .feedback_forma-close-button:hover {
            color: #333;
        }

        /* Ошибки и сообщения */
        .feedback_forma-error-container {
            background: rgba(255, 0, 0, 0.2); /* Красный полупрозрачный фон */
            padding: 10px;
            border-radius: 4px;
            margin-top: 10px;
            display: none; /* Скрыт по умолчанию */
        }

        .feedback_forma-error {
            color: black;
            font-size: 14px;
            font-weight: bold;
        }

        .feedback_forma-success-message {
            text-align: center;
            color: green;
            font-size: 18px;
        }

        /* Скрываем элементы с caramel-id */
        [caramel-id] {
            display: block;
        }
        .feedback_forma-hidden {
            display: none !important;
        }
		
		
		
		  .schedule-container {
            display: flex;
            gap: 5px; /* Расстояние между глобальными столбцами */
            overflow-x: hidden; /* Горизонтальная прокрутка при необходимости */
            width: 100%;
        }

        .global-column {
            display: flex;
            flex-direction: column;
            gap: 5px; /* Расстояние между строками (дни и время) */
            flex: 1; /* Занимает равную долю ширины контейнера */
            min-width: max-content; /* Обеспечиваем минимальную ширину для размещения содержимого */
        }

        .days-row {
            display: flex;
            gap: 5px; /* Расстояние между днями */
            width: 100%; /* Занимает всю ширину родительского контейнера */
        }

        .schedule-header {
            text-align: center;
            padding: 5px;
            border: 1px solid #ccc;
            box-sizing: border-box;
            font-size: 14px; /* Начальный размер шрифта */
            white-space: nowrap; /* Запрещаем перенос текста */
            background-color: #f0f0f0;
            font-weight: bold;
            flex-grow: 1; /* Равномерное распределение ширины между днями */
        }

        .schedule-header.current-day.open {
            background-color: rgb(37, 191, 160); /* Цвет открытого дня */
            color: white;
        }

        .schedule-header.current-day.closed {
            background-color: rgb(245, 67, 54); /* Цвет закрытого дня */
            color: white;
        }

        .schedule-time {
            text-align: center;
            padding: 5px;
            border: 1px solid #ccc;
            box-sizing: border-box;
            font-size: 14px; /* Начальный размер шрифта */
            white-space: nowrap; /* Запрещаем перенос текста */
            background-color: #f9f9f9;
            width: 100%; /* Занимает всю ширину родительского контейнера */
        }

        /* Адаптивность для маленькой ширины */
        @media (max-width: 600px) {
            .schedule-header, .schedule-time {
                font-size: 12px; /* Уменьшаем шрифт на маленьких экранах */
            }
        }

        @media (max-width: 400px) {
            .schedule-header, .schedule-time {
                font-size: 10px; /* Дальнейшее уменьшение шрифта */
            }
        }
		
		  /* Стили для разрешений больше 1000px */
        @media (min-width: 1001px) {
            .schedule-container {
                width: 400px;
                margin-right: 20px;
            }
        }
		
		       /* Стили для текста "работает" или "закрыто" */
        .status-open {
            color: rgb(37, 191, 160);
            font-weight: bold;
        }

        .status-closed {
            color: rgb(245, 67, 54);
            font-weight: bold;
        }
		
		@media (min-width: 700px) and (max-width: 5000px) {  .citystore__more {width:200px;} }
		
		@media (min-width: 100px) and (max-width: 430px) { /*Переделываем стили для карточек */


.container {
  margin-right: 10px;
  margin-left: 10px;
  width: auto;
  max-width: none;
  box-sizing: border-box;
}


.contact__feedback--role--inner {width:100%; max-width:100%;}


.searchclass-container, .store__inner, .contact, .footer, .citylist, .header {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

.citystore__content, .address__map {width:100%; max-width:100%; box-sizing:border-box;}

.citystore__block, .citystore__name, .citystore__name--title {max-width:100%; overflow:hidden;}
.citystore__name--logo-wrap {display:block; width:38px; height:38px; max-width:38px; max-height:38px; overflow:hidden; margin:0 auto .8rem;}
.citystore__name--logo, .citystore__name--title img {width:38px !important; height:38px !important; max-width:38px !important; max-height:38px !important; object-fit:contain; display:block; margin:0 auto;}
.rec__item img {max-width:100%; height:auto;}


    .rec__item--text, .product__name { margin-top: 1rem;
        font-size: 1.5rem;
		  font-feature-settings: "tnum"; /* Enables tabular figures */
    font-variant-numeric: tabular-nums; /* Ensures numbers are monospaced for alignment */
		
    }

    


.rec__item--cart--inner {margin-top:5px;}

.rec__item--price--prev {display:none;}

.btn__img--inner {height:18px;}

    .rec__item--price {
        font-size: 1.7rem;
    }


.rec__item { padding: 0rem 0rem 1.2rem 0rem; }

        
		.citywith__wrapper {
        margin-top: 0rem;
    }
	
	
	    .rec__item {
        margin-top: 2rem;
    }
		
		
		 .itemfor3:nth-child(n) {
    margin-right: 0rem;
  }
  
  .rec__item--wrapper, .rec__item--img--inner, .rec__item--content {height: 150px;}
		
		    .rec__item--sale {
        font-size: 1.7rem;
        padding: 1rem 2rem;
    }
		.sort__content, .searchcont {display:none;}
		
        .sort__item{visibility: hidden;}

		}
		
		
		
/* Стили для новаой строки поиска*/

    .searchcont {
        width: 100%;
        margin: 1rem 0 0 0;
        padding-right: 20px; /* Отступ справа */
        box-sizing: border-box;
        margin: 0 auto;
    }
    .searchcont form {
        display: flex;
        position: relative;
    }
    .searchcont input[type="text"] {
        flex-grow: 1;
        padding: 10px 15px; /* Уменьшаем внутренние отступы */
        font-size: 16px; /* Уменьшаем размер шрифта */
        border: 2px solid #ddd; /* Начальный цвет рамки */
        border-radius: 8px 0 0 8px; /* Скругление слева */
        outline: none;
        transition: border-color 0.3s ease;
        box-sizing: border-box;
    }
    .searchcont input[type="text"]:focus {
        border-color: rgb(37, 191, 160); /* Цвет рамки при фокусе */
    }
    .searchcont-button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px; /* Расстояние между лупой и текстом */
        padding: 8px 12px; /* Уменьшаем высоту кнопки */
        font-size: 14px; /* Уменьшаем размер текста */
        background: rgb(37, 191, 160);
        color: #fff;
        text-decoration: none; /* Убираем подчеркивание у ссылки */
        border: none;
        border-radius: 0 8px 8px 0; /* Скругление справа */
        cursor: pointer;
        transition: background 0.3s ease;
        box-sizing: border-box;
    }
    .searchcont-button:hover {
        background: #f54747; /* Цвет фона при наведении */
    }
    .searchcont-button:hover + .searchcont input[type="text"] {
        border-color: #f54747; /* Цвет рамки поля ввода при наведении на кнопку */
    }
    .searchcont-button-text {
        display: inline-block;
        line-height: 1;
    }
    .searchcont-icon {
        font-size: 16px; /* Размер иконки */
        line-height: 1;
        color: #888; /* Серый цвет для лупы */
    }


   @media (max-width: 1400px) {
      
	  .searchcont {padding-top: 20px;}
	  
    }




    @media (max-width: 768px) {
        .searchcont input[type="text"],
        .searchcont-button {
            font-size: 14px; /* Уменьшаем размер шрифта */
            padding: 8px 10px; /* Дополнительно уменьшаем высоту */
        }
    }

    @media (max-width: 480px) {
        .searchcont form {
            flex-direction: column;
        }
        .searchcont input[type="text"] {
            border-radius: 8px 8px 0 0; /* Полное скругление сверху */
        }
        .searchcont-button {
            border-radius: 0 0 8px 8px; /* Полное скругление снизу */
        }
    }
	
	.sort__select {
    margin: 1rem 2.5rem 0 0;
}
	
	.map__filter--select {
		font-size: 2rem;
		
	}
	
	
.favorite-button {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border: 2px solid #ff4d4d;
  border-radius: 8px;
  font-size: 24px;
  color: #ff4d4d;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom:15px;
}


.favorite-button:hover {
  background-color: #f54747;
  color: #fff;
}


.favorite-button.active {
  background-color: #f54747;
  color: #fff;
  border-color: #ccc;
}

.favorite-button .dashicons {
  font-size: 24px;
}	
	
	
.city-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.city-popup-content {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    max-width: 800px;
    width: 90%;
    height: 70vh;
    overflow-y: auto;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    border: 2px solid rgb(37, 191, 160);
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: rgb(37, 191, 160) transparent;
}

.city-popup-content::-webkit-scrollbar {
    width: 24px;
}

.city-popup-content::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.city-popup-content::-webkit-scrollbar-thumb {
    background: rgb(37, 191, 160);
    border-radius: 10px;
    border: 4px solid transparent;
    background-clip: content-box;
}

.header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.choose-city {
    font-size: 1.5rem;
    color: #f54747; /* Цвет текста */
    margin: 0;
    flex: 1;
    order: 1;
}

@media (max-width: 768px) {
    .choose-city {
        display: none; /* Скрываем текст на мобильных */
    }
}

#city-search {
    padding: 10px 15px;
    font-size: 1.1rem;
    border: 2px solid rgb(37, 191, 160);
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
    margin-top: 10px;
    order: 2;
}

@media (min-width: 768px) {
    #city-search {
        width: 300px;
        margin-top: 0;
        order: 2;
    }
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 2rem;
    color: #333;
    cursor: pointer;
    z-index: 10;
}

.close-button:hover {
    color: rgb(37, 191, 160);
}

.city-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

@media (max-width: 768px) {
    .city-list {
        grid-template-columns: repeat(auto-fit, minmax(150px, 50%));
    }
}

.city-group h4 {
    font-size: 1.5rem;
    font-weight: bold;
    color: rgb(37, 191, 160);
    margin-bottom: 10px;
}

.city-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.city-group li {
    margin-bottom: 8px;
}

.city-group a {
    text-decoration: none;
    color: #333;
    font-size: 1.2rem;
}

.city-group a:hover {
    color: rgb(37, 191, 160);
}


.city-selector-wrapper {
    margin-left: auto; 
    display: flex;
    align-items: center;
}

.city-selector {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit; 
    font-size: 2.2rem; 
}

.city-selector .dashicons {
    color: rgb(37, 191, 160);
    margin-right: 5px; 
    vertical-align: middle;
}

.city-selector:hover {
    color: rgb(37, 191, 160);
}
	
			
	

.styled-link {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
}


.checkmark {
    margin-right: 8px;
    color: #25bfa0;
    font-size: 20px;
}


.styled-link a {
    color: #25bfa0;
    text-decoration: none;
    transition: color 0.3s ease;
}


.styled-link a:hover {
    color: #1a8f77; 
}

.ad-dop {margin-top:30px;}

					.info-box {
    display: inline-block;
    padding: 7px 15px;
    background-color: #fff;
    color: #1daa8f;
    font-size: 16px;
    border-radius: 30px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    text-align: center;
    cursor: default;
    transition: background-color 0.3s ease;

    line-height: 28px;
	margin-left:10px;
	font-weight: bold;
}


     #privacy a{font-size:12px; font-weight:bold; text-decoration: underline;}
#privacy a:hover{color:#25bfa0;}

  .cookie-consent {
        font-size: 11px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        text-align: center;
        padding: 4px;
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
        display: none; 
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    .cookie-consent p {
        font-size: 11px;
        margin: 0;
        flex-grow: 1;
    }

    .cookie-consent a {
        font-size: 11px;
        color: white;
        font-weight: bold;
        text-decoration: underline;
    }

    .cookie-consent button {
        font-size: 11px;
        background-color: #25bfa0;
        border: none;
        color: white;
        padding: 3px 5px;
        cursor: pointer;
        border-radius: 4px;
        margin-left: 5px;
    }

    .cookie-consent button:hover {
        background-color: #45a049;
    }


    .href_rew {
    font-size: 1.3rem;
    text-transform: capitalize;
    text-decoration: none;
    color: #717171;
    font-weight: bold;
}
.href_rew:hover { color: #25bfa0;}

#imgstory {
    max-width: 300px;
    max-height: 300px;
    width: auto; /* Сохраняет пропорции */
    height: auto; /* Сохраняет пропорции */
    display: block; /* Для корректного отображения и применения margin, если нужно */
    margin-bottom: 10px; /* Отступ снизу, если нужно */
}

/* Пометка комментария ИИ-помощника. Обязательна: читатель должен видеть, что пишет не человек. */
.ai-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 8px;
    border: 1px solid #b9c6d6;
    border-radius: 999px;
    background: #eef3f9;
    color: #3a5a7d;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.7;
    vertical-align: middle;
    white-space: nowrap;
}