/*обнуление стилей*/
* {
    padding: 0;
    margin: 0;
    border: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}


a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
    color: #000
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

/*=======*/

/*span.bigred{} Обратиться к span у которых класс bigred*/

/*.bigred span{} обратиться к классу bigred внутри которого span-ы (span-ы внутри класса bigred)*/

/*.block>p{} обратиться к тэгу <p> первого уровня вложенности (тэги <p>, которые находятся еще в одном div будут проигнорированы)*/


body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*?*/
    /*font: 18px/24px Roboto, Arial, sans-serif;*/
    font: 18px/24px 'Rubik', sans-serif;

    margin: 0;
    min-width: 300px;
}


.not404 {
    margin: 20px;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
}

.search404 {
    margin: 50px;
    max-width: 70%;
    margin: 0 auto;
}

.search404 .search_text {
    width: 320px;
}

/*Пагинация*/
.pagination {
    margin: 20px auto 10px;
    text-align: center;
}


.pagination a {
    border: 1px solid #ddd;
    padding: 6px 12px;
    text-decoration: none;
    background: #fff;
    color: #666;
}

.pagination a:nth-child(even) {
    border-left: none;
    border-right: none;
}

.pagination a:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination a:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #ddd;
}

.pagination a:hover {
    background: #eee;
    color: #ed1c24;
}

.pagination > a.nav-active {
    background: #ed1c24;
    color: #fff;
    border-color: #ed1c24;
}

/*поиск*/
.search {
    margin-top: 10px;
}

.search-text {
    width: 350px;
    height: 45px;
    padding-left: 15px;
    border-radius: 5px;
    /*border: 1px solid #9aff5a;*/
    border: 1px solid #4db70a;
    /*background: #e0ffd5;*/
    /*background: #c4f8b1;*/
    background: #fff;
    outline: none;
    position: relative;
    transition: .3s linear;
}

.search-go {
    width: 35px;
    height: 35px;
    background: none;
    border: none;
    position: relative;
    top: 1px;
    right: 50px;
}

.container.mobile {
    /*min-width: 367px;*/
}
.search-go img {
    width: 45px;
    height: 45px;
    margin-top: -12px;
}

.ui-autocomplete {
    width: 200px;
    font-size: 13px;
    /* 		border: #fcbec6 1px solid;
    background: #ffebef; */
}

li.ui-menu-item {
    background: #e0ffd5;
}

li.ui-menu-item:not(:last-child) {
    border-bottom: 1px dashed #3edf18;
}
/*end поиск */

.container {
    flex: 1 1 auto;
    max-width: 1392px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}

.container-cancel-booking {
    max-width: 348px;
    padding: 0 24px;
    margin: 30px auto;
    width: 100%;
}

.header__row {
    width: 100%;
    /*border-bottom: 1px solid #dedede;*/
}

header {
    /*background: url("../img/bg_slider.jpg") center no-repeat;*/
    /*background: url("../img/bg-1.jpg") center no-repeat;*/
    background: linear-gradient(rgba(160, 243, 132, 0.37), rgba(208, 250, 208, 0.32));
}

.header__body {
    display: flex;
    /*justify-content: space-between;*/
    margin-top: 5px;
    /*flex-wrap: wrap;*/
    width: 100%;
}

.header__body_right {
    width: 100%;
}


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

.header__list {
    display: flex;
    justify-content: space-around;
    margin: 0;
    font-family: 'Rubik', sans-serif;
}

.header__logo img {
    width: 50%;
}

.nav__link {
    font-weight: bold;
    text-transform: none;
    color: #177501 !important;
    display: block;
    height: 50px;
    padding-top: 15px;
}

.photo_entrance {
    max-width: 550px;
    max-height: 365px;
    margin: 0 auto;
}

.photo_entrance img {
    width: 100%;
    height: auto;
    border-radius: 30px;
}

.slick-slider {
    border-radius: 30px;
    overflow: hidden;
}

.nav__link:hover, .active_nav {
    /*color: #ed1c24;*/
    font-weight: bold;
    border-bottom: 2px solid #ed1c24;
}

.icon {
    display: none;
}

.topmenu > li {
    display: inline-block;
    position: relative;
}

.topmenu > li > a {
    height: 70px;
    line-height: 70px;
    padding: 0 30px;
    font-weight: bold;
}

.down:after {
    content: "\2228";
    font-size: 10px;
    margin-left: 8px;
    vertical-align: top;
}

.topmenu li a:hover {
    color: #ed1c24;
}

.submenu {
    background: white;
    border: 1px solid #9aff5a;
    position: absolute;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    width: 170px;
    transform: perspective(600px) rotateX(-90deg);
    transform-origin: 0% 0%;
    transition: .6s ease-in-out;
    padding: 0;
}

.topmenu > li:hover .submenu {
    visibility: visible;
    opacity: 1;
    transform: perspective(600px) rotateX(0deg);
}

.submenu li a {
    color: #555;
    font-size: 16px;
    line-height: 36px;
    padding: 0 25px;
}


.hot-demand {
    background-color: #d5f1d7;
    border: 1px solid #fba8ab;
    text-align: center;
}

@-webkit-keyframes pulsate {
    50% {
        color: #fba8ab;
        text-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 5px #ffd, 0 0 8px #fff;
    }
}

@keyframes pulsate {
    50% {
        color: #fba8ab;
        text-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 5px #ffd, 0 0 8px #fff;
    }
}

#blink {
    color: rgb(249 0 0);
    text-shadow: 0 -1px rgba(0, 0, 0, .1);
    -webkit-animation: pulsate 1.2s linear infinite;
    animation: pulsate 1.2s linear infinite;
}

.red {
    color: #ed1c24 !important;
}

.green {
    color: #00a533 !important;
}

.green:hover {
    color: #f77c7c !important;
}


/* --------------- Mobile navigation button ----------- */

.menu-icon {
    z-index: 19;
    position: relative;
    display: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/* Условие для экранов с шириной от 0 до 1200px */


.menu-icon-line {
    position: relative;
    width: 30px;
    height: 5px;
    background-color: #00870b;
}

.menu-icon-line::before {
    position: absolute;
    left: 0;
    top: -10px;
    content: '';
    width: 30px;
    height: 5px;
    background-color: #00870b;
    transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}

.menu-icon-line::after {
    position: absolute;
    left: 0;
    top: 10px;
    content: '';
    width: 30px;
    height: 5px;
    background-color: #00870b;
    transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}

.menu-icon.menu-icon-active .menu-icon-line {
    background-color: transparent;
}

.menu-icon.menu-icon-active .menu-icon-line::before {
    transform: rotate(45deg);
    top: 0;
    transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}

.menu-icon.menu-icon-active .menu-icon-line::after {
    transform: rotate(-45deg);
    top: 0;
    transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}


.mobile-nav {
    z-index: 9;
    display: block;
    position: absolute;
    left: -250px;
    top: 0;
    height: 100%;
    width: 250px;
    padding-left: 70px;
    background-color: rgb(218, 223, 221);
    transition: transform 0.4s ease-in;
}

.mobile-nav--active {
    transform: translateX(100%);
}

.mobile-nav__title {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px 30px;
    color: #fff;
}


.mobile-nav__list {
    list-style-type: none;
    margin-top: 110px;
    padding: 0;
}

.mobile-nav__item {
    margin-bottom: 20px;
}

.mobile-nav__link {
    color: #222;
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
}

.mobile-nav__link:hover {
    color: #555;
}


.address-mobile {
    font-style: italic;
    color: #555;
    margin-bottom: 15px;
}

.phone-mobile {
    font-size: 20px;
    font-weight: 600;
}

.address {
    max-width: 163px;
    max-height: 72px;
    color: #222;
    font-weight: 600;
    line-height: 25px;
}

.phone {
    font-size: 18px;
    /* font-weight: bold; */
    line-height: 25px;
}

.phone a {
    color: #222;
}

.sprav, .sprav_address {
    font-size: 20px;
    font-weight: normal;
    font-family: 'Rubik', sans-serif;
    margin-top: 5px;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/static/Rubik-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/static/Rubik-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Comforter';
    src: url('../fonts/static/Comforter.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/static/Comforter.ttf') format('ttf');
}

.sprav_address {
    margin-top: 20px;
}

.sprav_address a img {
    width: 50px;
    margin-top: -15px;
    margin-left: 5px;
}

.header_cart {
    display: flex;
    margin-top: 20px;
}

.header_cart__icon img, .add_to_cart_icon {
    filter: invert(20%) sepia(66%) saturate(6487%) hue-rotate(147deg) brightness(96%) contrast(99%);
}

.header_cart__icon img {
    width: 40px;
}

#autocomplete_header.is-animating {
    color: gray; /* Серый цвет текста во время анимации */
}

.header_cart__count {
    margin: -6px -5px -8px -4px;
    padding: 0 0 5px 0;
    font-size: 14px;
    font-weight: 600;
    width: 35px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
	background-color: #f74a41;
	color: #fff;
	text-align: center;
}

.header_cart__count_zero {
    margin: -6px -5px -8px -4px;
    padding: 0 0 5px 0;
    font-size: 14px;
    font-weight: 600;
    width: 35px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    background-color: #b0b6c2;
    color: #fff;
    text-align: center;
}


.header_cart__count a,
.header_cart__count_zero a {
    color: #fff;
}

.slider {
    height: 50px;
    width: 100%;
}

.slider_wrap_bg {
    /*background: url("../img/bg_slider.jpg") center no-repeat;*/
    /*background: url("../img/bg-1.jpg") center no-repeat;*/
    max-height: 250px;
    width: 100%;
}

.slide {
    height: 100%;

}

.slide img {
    display: block;
    float: right;
    margin-right: 70px;
    max-width: 100%;
    max-height: 300px;

}

.sale_img {
    width: 350px;
    margin-right: 300px;
}

.slide_content {
    position: absolute;
    margin-left: 10%;
    bottom: 30%;
    max-width: 350px;
    background-color: rgba(255, 255, 255, 0.92);
    padding: 20px;
}

.slick-prev,
.slick-next {
    z-index: 1001;
    width: 35px;
    height: 35px;
}

.slick-prev::before,
.slick-next::before {
    color: #fdb7b7;
    font-size: 35px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.slick-prev {
    left: 25px;
}

.slick-next {
    right: 25px;
}

.slide_content__title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.slide_content__body {
    color: #333;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 15px;
}

.slide_content_btn {
    border: 0;
    background: #e0ffd5;
    width: 150px;
    height: 40px;
    font-size: 14px;
    border-radius: 4px;
    border: #89ed59 1px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    cursor: pointer;
    text-align: center;
    padding-top: 7px;
}

.slide_content_btn:hover {
    background: #B8FFA0;
}

.slide_content_btn a {
    display: block;
    text-align: center;
    height: 100%;
}


.tizers {
    margin: 35px 0;
    display: flex;
    justify-content: space-around;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #f2f2f2;
    flex-wrap: wrap;
}

.tizer {
    display: flex;
    justify-content: space-around;
}

.tizer__img {
    width: 60px;
    height: 60px;
    display: table-cell;
    vertical-align: top;
    margin: 0 20px 0 0;
}

.tizer__text {
    text-align: left;
    margin: auto;
}

.tizer__top-text {
    font-weight: 600;
    font-size: 15px;
    color: #222;
}

.tizer__desc-text {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.sales {
    margin: 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #f2f2f2;
}

.promotions {
    display: flex;

}

.promotions__title {
    color: #222;
    font-size: 27px;
    font-weight: 400;
    text-align: left;
    padding-left: 20px;
}

.promotion {
    width: 25%;
    flex: 0 1 25%;
    height: 100%;
    margin: 10px;
    padding: 10px;
}

.promotion:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
}

.promotion__img {
    margin: 0 0 20px 0;
}

.promotion__img img {
    width: 100%;
}

.promotion__text a {
    color: #222;
}

.promotion__text:hover {
    color: #ed1c24;
}

.about_company {
    width: 65%;
    text-align: left;
    margin: 0 0 0 20px;
    padding: 20px 0 0 0;
}

.about_company h2 {
    font-size: 26px;
    margin: 0 0 20px 0;
}

.about_company p {
    margin-bottom: 24px;
    font-size: 18px;
    color: #555;
}

.map {
    width: 100%;
}

/*Footer=======================================*/
.footer {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.footer::after {
    content: "";
    /*background-image: url(../img/bg-nebol.jpg);*/
    background-image: url(../images/bg_bottom.webp);
    opacity: 0.3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.footer_content {
    display: flex;
    width: 95%;
    height: 100%;
    padding: 50px 0;
    /*justify-content: space-around;*/

}

.contact_footer {
    display: flex;
    justify-content: space-around;
}
.contact_footer div {
    /*width: 300px;*/

}

.footer_menu ul li:first-child,
.search_drug,
.contact_footer_title,
.contact_footer_address {
    font-weight: bold;
}

.footer_menu ul li a,
.search_drug a {
    line-height: 30px;
    color: #222;
}

.footer_menu ul li a:hover,
.search_drug a:hover {
    color: #f77c7c;
}

.footer_menu {
    flex: 0 1 66%;
    display: flex;
}

.footer_menu ul {
    flex: 0 1 35%;
    text-align: left;
    margin: 0 0 0 20px;
}

.footer_menu .search_drug {
    flex: 0 1 35%;
    text-align: left;
}

.contact_footer {
    flex: 0 1 33%;
    text-align: left;

}


.contact_footer div,
.contact_footer div a {
    color: #222;
}

.contact_footer div a {
    margin-right: 15px;
}

.contact_footer_right {
    margin-top: 35px;
}


.contact_footer_phone {
    margin-top: 15px;
}

.contact_footer_phone {
    margin-bottom: 15px;
}

.contact_footer_address {
    font-weight: 500;
    /*font-style: italic;*/
    font-family: 'Rubik', sans-serif;
}

.contact_footer_address span {
    font-size: 14px;
    display: block;
}

.contact_footer_line {
    border-bottom: 1px solid #000;
}


.copyright {
    color: #555862;
    padding: 20px 0;
    font-weight: 400;
    text-align: center;
}


/*===Каталог===*/
.catalog, .cart_wrapper {
    /*display: flex;*/
    /*margin: 0 0 20px 0;*/
    word-wrap: break-word;
    max-width: 1200px;
    margin: 0 auto;
}

.search_catalog {
    width: 100%;
}

.search_catalog .search li .search {

    width: 100%;
}

.page_title h1 {
    font-size: 30px;
    line-height: 30px;
    margin: 36px auto 10px;
    text-align: left;
}

.small_title {
    font-size: 25px;
    line-height: 30px;
    margin: 20px;
    text-align: center;
}

.sidebar {
    flex: 0 1 25%;
}

.content_catalog {
    flex: 0 1 80%;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 80px auto;
    max-width: 100%;
}
.content_catalog_item {
    flex: 0 1 80%;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 30px auto;
}

.pills_info {
    /*width: 80%;*/
}

.pills {
    width: 70px;
    height: 70px;
    margin-right: 30px;
    margin-top: 10px;
}

.product_image {
    width: 130px;
    margin-right: 30px;
}

.pills_catalog, .pills_catalog_no_image {
    max-width: 100%;
    margin-right: 30px;
    margin-top: 10px;
}

.pills_catalog_no_image {
    width: 90px;
    margin-left: 30px;
}


.tov_name {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px;
    padding-left: 10px;
}
.full-screen-preview {
    width: 500px;
    /*max-width: 90%;*/
    /*max-height: 90%;*/
    margin: auto;
    display: block;
}
.full-screen-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    z-index: 9999;
}
.full-screen-overlay.active {
    display: flex;
    justify-content: center;
    align-items: center;
}
.drug-image-preview {
    width: 80px;
    /*padding: 20px;*/
}
.quantity_and_price {
    color: #4e4f52;
    font-size: 17px;
    font-weight: 600;
}
.sidebar__img img {
    max-width: 80%;
}

.title-container-show {
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.instruction_icon {
    width: 30px;
    margin-right: 5px;
    padding-bottom: 19px;
    cursor: pointer;
}
.add_to_cart_icon {
    width: 20px;
    padding-bottom: 19px;
    cursor: pointer;
}

.add_to_cart_success {
    width: 27px;
    margin-right: 5px;
}

.color_red {
    color: #f21a1a !important;
}

.instruction_list_item {
    cursor: pointer;
}
.instruction_list_item:hover {
    color: #2cb850;
}
@keyframes blinkAndColorChange {
    0% { opacity: 1; color: black; }
    25% { opacity: 1; color: red; }
    50% { opacity: 0.3; color: red; }
    75% { opacity: 0.7; color: red; }
    100% { opacity: 1; color: black; }
}

.full-screen-image {
    cursor: pointer;
}
.instruction-title {
    font-size: 19px;
    font-weight: 600;
}
.instruction-content {
    margin-bottom: 30px;
}
.pills_product_left_content_item_doctor_1 {
    font-family: 'Comforter', sans-serif;
    letter-spacing: -1.3px;
    /*transform: scaleY(1.8);*/
    display: inline-block;
    transform: skewX(39deg);
    font-size: 24px;
}
.pills_product_left_content_item_doctor_2 {
    font-family: 'Comforter', sans-serif;
    letter-spacing: -1.3px;
    transform: scaleY(1.8);
    display: inline-block;
    font-size: 22px;
}
.pills_product_left_content_item_doctor_3 {
    font-family: 'Comforter', sans-serif;
    letter-spacing: -1.3px;
    transform: skewX(-45deg);
    display: inline-block;
    font-size: 22px;
}
.sidebar__text {
    color: #555;
    margin: 10px;
    text-align: left;
}

/*===форма поиска в каталоге===*/
.search_form_catalog_content {
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px 0;
}

.home {
    height: 700px;
    text-align: center;
}

.search-text-big {
    margin-top: 100px;
    height: 70px;
    width: 700px;
}

.search_text {
    display: block;
    background: #e0ffd5;
    height: 35px;
    padding-left: 10px;
    font-size: 14px;
    border-radius: 4px;
    border: #9aff5a 1px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 0 0 0;
    flex: 1 1 auto;
}

.search_text_red {
    display: block;
    background: #ffebef;
    height: 35px;
    padding-left: 10px;
    font-size: 14px;
    border-radius: 4px;
    border: #fcbec6 1px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 0 0 0;
    flex: 1 1 auto;
}

.search-btn {
    display: block;
    border: 0;
    background: #e0ffd5;
    width: 60px;
    height: 35px;
    font-size: 12px;
    border-radius: 4px;
    border: #9aff5a 1px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 0 0 5px;
    cursor: pointer;
    text-transform: uppercase;
    flex: 0 0 80px;
}


/*===отображение продуктов/продукта===*/
.product, .product_first {
    max-width: 100%;
    height: 135px;
    text-align: left;
    margin: 15px auto;
    padding: 10px 0 0px 10px;
    display: flex;
    justify-content: flex-start;
}
.product {
    border-top: 1px dashed #a9c5a9;
}

.product:hover {
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);*/
}

.product_name {
    max-width: 55%;
}

.product_name a {
    font: 17px/24px 'Rubik', Arial, sans-serif;
    color: #222;
}

.product_name a:hover {
    color: #ed1c24;
}

.product_content {
    /*display: flex;*/
    /*justify-content: space-around;*/
    margin: 5px 0 0 0;
    width: 100%;
    padding-top: 20px;
}

.product_content_bottom {
    display: flex;
    justify-content: space-around;
}
.product_content_cart_bottom {
    display: flex;
    justify-content: right;
}

.fabr,
.ost,
.price,
.sum {
    font: 14px/22px 'Rubik', Arial, sans-serif;
    color: #555;
}

.ost_order {
    color: #ed1c24;
    font-style: italic;
}

.fabr {
    flex-basis: 40%;
}

.ost {
    flex-basis: 20%;
}

.price {
    flex-basis: 25%;
    font-size: 16px;
    padding-left: 90px;
    white-space: nowrap;
}

.price span {
    /* display: none; */
}

.stepper_and_update {
    display: flex;
}

.stepper {
    /*flex-basis: 12%;*/
    margin-top: 0;
}

.stepper__input {
    width: 100px;
    /*border-radius: 5px;*/
    border: none;
}

.product_cart, .product_cart_first {
    max-width: 100%;
    text-align: left;
    margin: 10px auto;
    padding: 3px 0 10px 10px;
    display: flex;
}
.product_cart {
    border-top: 1px dashed #a9c5a9;
}
.product_cart_content {
    /*display: flex;*/
    justify-content: space-around;
    margin: 5px 0 0 0;
    width: 100%;
}



.h1_title {
    font-weight: 600;
    font-size: 24px;
}

.stepper__controls button {
    border-radius: 5px;
}

.product_to_cart button {
    margin-left: 15px;
}

.btn-ost {
    width: 220px;
    white-space: nowrap;
    color: #105001;
}

.product_to_cart,
.sum {
    flex-basis: 5%;
}

.product_to_cart_line {
    border-top: 1px dashed #a9c5a9;
    margin-bottom: 10px;
}

.product_to_cart_btn {
    background: #c4f8b1;
    width: 105px;
    height: 31px;
    font-size: 12px;
    border-radius: 4px;
    border: #4db70a 1px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    margin-top: -5px;
    cursor: pointer;
    padding-top: 3px;
    /*transition: filter 0.3s ease;*/
    transition: all ease 0.25s;
}



.product_to_cart_btn:hover {
    background: #B8FFA0;
    border: #398c04 1px solid;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.7), 0 0 7px rgba(76, 175, 80, 0.5);
}

.product_to_cart_btn:focus {
    outline: none;
}

._catalog_btn {
    margin-top: 0;
}

.fz-14 {
    font: 14px / 16px 'Rubik', sans-serif;
}
/*===страница поиска===*/
.search_result {
    font: 17px/24px 'Rubik', Arial, sans-serif;
    color: #222;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
}

.search_result span {
    font-style: italic;
    font-weight: 600;
}

.no_result {
    font-weight: 600;
}

/*===корзина===*/

.container-cart {
    flex: 1 1 auto;
    max-width: 1392px;
    padding: 0 24px;
    text-align: center;
}

.table_wrap {
    text-align: left;
    margin: 0 0 100px 0;
}

table {
    width: 80%;
    margin: 15px auto;
    border-collapse: collapse;
}

.tr-border {
    border-bottom: 1px solid #dedede;
}

td,
th {
    height: 50px;
}

tr {
    padding: 20px 0;
}

.del-cart-product {
    font-size: 30px;
    color: #ffb3b6;
    background-color: #fff;
    border: 0;
}

.del-cart-product:hover {
    color: #ed1c24;
    cursor: pointer;
}

.fabr-cart,
.ost-cart,
.price-cart {
    font: 14px/22px 'Rubik', Arial, sans-serif;
    color: #555;

}

th {
    color: #555;
    font-weight: 300;
    text-align: center;
}

.tovname-cart {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    max-width: 70%;
}

.fabr-cart {
    max-width: 60%;
}

.ost-cart {
    max-width: 20%;
    text-align: center;
}

.price-cart {
    width: 15%;
    font-size: 18px;
    text-align: center;
    color: #2d8500;
}

.stepper-cart {
    text-align: center;
}

.updatecart {
    border: 0;
    background: #e0ffd5;
    font-size: 20px;
    border-radius: 2px;
    border: #89ed59 1px solid;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    line-height: 28px;
    margin-left: 5px;
}

.updatecart:hover {
    background: #B8FFA0;
}

.updatecart:focus {
    outline: none;
}

.total_sum {
    display: flex;
    justify-content: flex-end;
    margin-right: 9%;
}

.prim-cart {
    font-size: 14px;
    font-style: italic;
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.prim-order {
    font-size: 14px;
    font-style: italic;
    padding: 15px;
}

.del-order {
    max-width: 80%;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
}

.delete-cart-btn {
    background: #fff;
    font-size: 14px;
    width: 140px;
    border: 1px solid #dedede;
}

.delete-cart-btn:hover {
    border: 1px solid #ffacac;
    background: #fdc8cc;
}

.order-cart-btn {
    width: 150px;
    text-align: center;
    padding: 2px 0 0 0;
    margin-right: 25px;
}

.cart_empty_wraper {
    display: flex;
    max-width: 50%;
    margin: 50px auto 200px;
    align-items: center;
    justify-content: center;
}

.cart_empty_img {
    width: 90px;
    height: 90px;

}

.cart_empty {
    display: flex;
    flex-direction: column;
    margin: 20px;
}

.cart_empty_text {
    margin: 0 0 15px 0;
    font-size: 20px;
}

.btn_big_text {
    font-size: 14px;
}


/*===страница заказа===*/
.container-order {
    max-width: 1200px;
    display: flex;
    justify-content: space-around;
    text-align: left;
    padding: 0 50px;
    width: 100%;
    margin: 0 auto 25px;
}

.page_title {
    margin: 0 auto;
}

.order_details {
    flex-basis: 50%;
    margin: 30px 0;
    padding-right: 7%;
}

.order_img {
    margin-top: 0;
}

.cart-details {
    flex-basis: 55%;
    margin: 30px 0;
}

.order_details__name input,
.order_details__phone input,
.order_details__email input,
.order_details__address input,
.order_details__note textarea {
    display: block;
    width: 100%;
    height: 35px;
    padding-left: 10px;
    font-size: 14px;
    border-radius: 4px;
    border: #44a344 1px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 0 15px 0;
}

.order_details__phone input {
    margin: 0;
}
.order_details__email {
    margin-top: 15px;
}

.order_details__note textarea {
    resize: none;
    height: 100px;
    padding: 7px 10px;
}

.order_details__title {
    color: #555;
}

.order_details__title span {
    color: #ed1c24;
}

.btn_center {
    width: 300px;
    margin: 0 auto;
}

.cart-details__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.cart-details__header__btn {
    width: 110px;
    height: 20px;
    text-align: center;
    margin-top: 3px;
    opacity: 0.7;
    line-height: 18px;
}

.cart-details__header__btn:hover {
    opacity: 1;
}

.cart-details-body {
    display: flex;
    /*flex-wrap: wrap;*/
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

.cart-details-body__tovname {
    flex: 0 1 100%;
    padding-bottom: 10px;
}

.cart-details-body__price,
.cart-details-body__sum {
    font: 18px/22px 'Rubik', Arial, sans-serif;
    color: #555;
}

.cart-details-body__price {
    padding-left: 20px;
    flex: 0 1 40%;
}

.cart-details-body__sum {
    flex: 0 1 40%;
}

.cart-details-body__sum,
.cart-details-body__total_sum {
    text-align: right;
}

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

.pills_product_left {
    width: 30%;
}

.pills_product_right {
    width: 65%;
}

.pills_product_left_content div span {
    font-size: 16px;
    color: #b0b6c2;
}
.pills_product_left_content {
    margin-top: 20px;
}
.pills_product_left_content_item {
    margin-bottom: 7px;
}

.personal-data {
    font: 14px/22px 'Rubik', Arial, sans-serif;
    color: #555;
    margin-bottom: 10px;
}

.order-success {
    /* margin: 20px auto 200px; */
    line-height: 40px;
    margin: 0 auto 50px;
}

.order-success span {
    font-weight: 600;
    /*border-bottom: solid 2px #9aff5a;*/
}

.btn-no-order {
    text-align: center;
    margin: 30px auto 200px;
    width: 200px;
}

/*===обработка персональных данных===*/
.policy {
    text-align: left;
    max-width: 90%;
    margin-left: 20px;
}

.policy p {
    margin: 20px;
    font: 17px/24px 'Rubik', Arial, sans-serif;
    color: #555;
}


/*страницы конкретных акций*/
.sale_page {
    display: flex;
    flex-wrap: wrap;
    max-width: 90%;
    margin-top: 30px;
    margin-bottom: 100px;
}

.sale_page_title {
    flex: 0 1 60%;
}

.sale_page_promotion__img {
    flex: 0 1 40%;
}

.sale_page_promotion__img img {
    max-width: 120%;

}

.sale_page_promotion__text {
    text-align: left;
    padding: 20px 0 0 50px;
}

.sale_page_promotion__text span {
    font-weight: 600;
}

/*страница лицензий*/
.licenses_page {
    max-width: 70%;
    margin: 30px auto 100px;
}

.licenses_page__text {
    color: #000;

    box-shadow: 0 3px 16px rgba(0,0,0,.08);
    border-radius: 10px;
    background: #fff;
    padding: 20px;
}
.licenses_page__text h2, .licenses h2 {
    font-weight: 600;
    margin-bottom: 20px;
}
.licenses_page__text h2, .licenses h2 {
    font-size: 22px;
}
.licenses_page__text p {
    font-size: 17px;
}

.licensen_img {
    display: flex;
    justify-content: space-around;
    width: 100%;


}

.licenses {

    margin: 30px auto;
    box-shadow: 0 3px 16px rgba(0,0,0,.08);
    border-radius: 10px;
    background: #fff;
    padding: 20px;
}

.licensen_img div {
    max-width: 30%;
}

.licensen_img img[tabindex="0"] {
    cursor: zoom-in;
}

.licensen_img img[tabindex="0"]:focus {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    max-width: 99%;
    max-height: 99%;
    margin: auto;
    box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210, 210, 210, .4);
}

.licensen_img img[tabindex="0"]:focus,
    /* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состояние */
.licensen_img img[tabindex="0"]:focus ~ * {
    pointer-events: none;
    cursor: zoom-out;
}

/*контакты*/

.contacts {
    width: 100%;
    background: rgb(238 246 238 / 32%);

}

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

.contacts-wrapper {
    margin-bottom: 30px;
    width: 50%;
}

.contacts_map {
    max-height: 600px;
    width: 600px;
    margin: 0 auto;
    padding-top: 38px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.contacts_block {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.contacts_block_wrapper {
    margin-left: 20px;
    text-align: left;
}

.contacts_block_body {
    display: flex;
    flex: 33%;
    justify-content: center;
}

.contacts_block_img img {
    max-width: 40px;
}

.contacts_block_title {
    color: #333;
    font-size: 16px;
    line-height: 20px;
}

.contacts_block_text,
.contacts_block_text a {
    color: #555;
    font-size: 15px;
}

.contact_desc h2 {
    font-size: 24px;
    line-height: 24px;
    margin: 30px 20px 25px;
}

.contact_desc span {
    color: #333;
    margin: 30px 20px 25px;
    display: block;
}

.contact_city {
    margin-left: 20px;
    font-size: 20px;
    line-height: 24px;
    color: #333;
    font-weight: 600;
}

.contact_city_body {
    display: flex;
    justify-content: space-between;
    /*width: 50%;*/
    margin-top: 20px;
    padding: 0px 20px 20px 40px;
}

.flex {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*.contacts-wrapper {*/
/*	max-width: 49%;*/
/*}*/

.contacts_map_right iframe {
    border-radius: 30px;
}

/*.contact_city_body:hover {*/
/*	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);*/
/*}*/

.contact_city_title,
.contact_city_phone a {
    font-weight: bold;
    color: #333;
}

.contact_city_title {
    margin-bottom: 15px;
}

.contact_city_metro svg,
.contact_city_metro span {
    vertical-align: middle; /* Выравнивание посередине */
}

.contact_city_metro svg {
    margin-top: -3px;
}

.contact_city_metro,
.contact_city_time,
.contact_city_mail a {
    color: #666;
    font-size: 17px;
}

.contact_city_metro:before,
.contact_city_time:before,
.contact_city_mail a:before {
    content: "";
    background-size: cover;
    height: 17px;
    width: 17px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}


.contact_city_time:before {
    /*background-image: url("../img/time.png");*/
    background-image: url("../images/clock-circle.svg");
    filter: invert(10%) sepia(100%) saturate(6303%) hue-rotate(16deg) brightness(101%) contrast(103%);
    margin-bottom: 4px;
}

.contact_city_metro:before {
    background-image: url("../images/metro.svg");
    /*filter: invert(10%) sepia(100%) saturate(6303%) hue-rotate(16deg) brightness(101%) contrast(103%);*/
    margin-bottom: 4px;
}

.contact_city_mail a:before {
    /*background-image: url("../img/email2.png");*/
    background-image: url("../images/email-sign.svg");
    filter: invert(10%) sepia(100%) saturate(6303%) hue-rotate(16deg) brightness(101%) contrast(103%);
}


/*страница "о компании"	*/
.company_wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
}

.sidebar_page {
    flex: 1 0 150px;
}

.content_info {
    flex: 1 1 80%;
    text-align: justify;
}

.content {
    /*background: rgba(217, 248, 217, 0.32);*/
    /*background: rgb(238 246 238 / 32%);*/
    background: #f6f6f6;

}

.sidebar_page_submenu li {
    color: #222;
    line-height: 50px;
}

.sidebar_page_submenu li a:hover {
    color: #ed1c24;
}

.company__img img {
    width: 100%;
}

.content_info {
    max-width: 100%;
}

.content_info div {
    margin-bottom: 40px;
}

.content_info_text {
    text-indent: 40px;
}

.content_info_red {
    padding: 40px;
    border-left: 2px solid #ed1c24;
    background-color: #dfdada;
}

.content_info_quote {
    padding-left: 70px;
}

.content_info_quote::before {
    content: "\201C";
    font-size: 40px;
    color: #ed1c24;
    vertical-align: bottom;
    margin-right: 25px;
}

.content_info_sign {
    text-align: right;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
}

.content_info_sign span {
    display: block;
}

/*партнеры*/
.partners_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.partner {
    flex: 0 1 30%;
    padding: 20px 20px 0 20px;
}

.partner:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
}

.partner_img {
    text-align: center;
}

.content_info .partner_title {
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;

}

.partner_text {
    font-size: 16px;
    line-height: 25px;
}

.partner_link a {
    font-size: 15px;
    color: #555;
}

.partner_link a:hover {
    color: #ed1c24;
}



.menu-list li {
    margin-bottom: 10px;
}


/*вакансии*/
.vacancy {
    flex: 1 1 80%;
}

.vacancy_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    font-weight: bold;
    border: #9aff5a 2px solid;
    border-radius: 10px;
    padding: 15px;
}

.vacancy_text {
    margin-bottom: 30px;
}

.vacancy_text ul li span {
    font-weight: bold;
    line-height: 50px;
    margin-left: -15px;
}

.vacancy_text li {
    line-height: 30px;
    padding-left: 40px;
}

.vacancy_mail {
    width: 250px;
    height: 40px;
    border: #9aff5a 1px solid;
    background: #e0ffd5;
    border-radius: 6px;
    margin: auto;
    text-align: center;
}

.vacancy_mail:hover {
    background: #B8FFA0;
}

.vacancy_mail a {
    margin-top: 6px;
    display: block;
    text-align: center;
    height: 100%;
}


/*Реквизиты*/
.requisites {
    flex: 1 1 auto;
    margin-bottom: 100px;

}

.requisites_left {
    flex: 1 0 30%;
}

.requisites_right {
    flex: 1 0 70%;
}

.requisites_left li,
.requisites_right li {
    height: 50px;
    margin-bottom: 25px;
    padding: 15px 12px;
}

.requisites_left li {
    font-weight: 600;
}

.requisites_right li div {
    line-height: 30px;
}

.requisites_left li:nth-child(even),
.requisites_right li:nth-child(even) {
    background: #e3ffbd;
}

.table_requisites {
    width: 95%;
    margin: 15px 70px;
    border-collapse: collapse;
}

.table_requisites tr:nth-child(odd) td {
    background: #eff5f7;
}

.table_requisites td {
    width: 50%;
    padding: 8px;
}

.table_requisites tr td:first-child {
    font-weight: 600;
}

.address-select-hide {
    display: none;
}

.address-current {
    display: none;
}

.address-current span {
    color: #ed1c24;
}

.address-current-view {
    display: block;
}

/* .address-current-view:hover::after {
 content: attr(data-title);
} */
.address-current-view {
    display: inline-block;
    /* Строчно-блочный элемент */
    position: relative;
    /* Относительное позиционирование */
    cursor: pointer;
}

.address-current-view:hover::after {
    content: attr(data-title);
    /* Выводим текст */
    position: absolute;
    /* Абсолютное позиционирование */
    left: 20%;
    top: 100%;
    /* Положение подсказки */
    z-index: 1;
    /* Отображаем подсказку поверх других элементов */
    background: #e0ffd5;
    /* Полупрозрачный цвет фона */
    padding: 5px 10px;
    /* Поля */
    border: 1px solid #9aff5a;
    /* Параметры рамки */
    border-radius: 5px;
    font: 12px/22px 'Rubik', Arial, sans-serif;
    color: #555;
}


.apteka_zakaz {
    font-weight: normal;
    color: #ed1c24;
}


:root {
    --select-border: #777;
    /* --select-focus: #9aff5a; */
    --select-arrow: var(--select-border);
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    width: 100%;
    font-family: inherit;
    cursor: inherit;
    line-height: inherit;
    z-index: 1;
    outline: none;
}

select::-ms-expand {
    display: none;
}

.select {
    display: grid;
    grid-template-areas: "select";
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    /* min-width: 15ch; */
    width: 189px;
    border: 1px solid var(--select-border);
    border-radius: 0.25em;
    padding: 0.25em 0.5em 0.25em 0.1em;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1.1;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), color-stop(33%, #fff));
    background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
}

.select select,
.select::after {
    grid-area: select;
}

.select:not(.select--multiple)::after {
    content: "";
    justify-self: end;
    width: 0.8em;
    height: 0.5em;
    background-color: var(--select-arrow);
    -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}

select:focus + .focus {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid var(--select-focus);
    border-radius: inherit;
}

select[multiple] {
    padding-right: 0;
    /*
   * Safari will not reveal an option
   * unless the select height has room to
   * show all of it
   * Firefox and Chrome allow showing
   * a partial option
   */
    height: 6rem;
    /*
   * Experimental - styling of selected options
   * in the multiselect
   * Not supported crossbrowser
   */
}

select[multiple] option {
    white-space: normal;
    outline-color: var(--select-focus);
}

.select--disabled {
    cursor: not-allowed;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), color-stop(33%, #eee));
    background-image: linear-gradient(to top, #ddd, #eee 33%);
}

label {
    font-size: 10px;
    font-weight: 500;
}

.select + label {
    margin-top: 2rem;
}

.btn-ost {
    width: 140px;
}


.address-product {
    font-style: italic;
}


#branch {
    padding-left: 3px;
}


.oferta {
    color: #555862;
    /*font-style: italic;*/
    font-size: 16px;
}

.error_form {
    font-size: 16px;
    width: 46%;
    margin-left: 50px;
    padding: 11px;
    border: 1px solid red;
    border-radius: 5px;
    background: #ffebeb;
}

.error_form_cancel {
    font-size: 16px;
    width: 100%;
    margin-bottom: 26px;
    padding: 10px;
    border: 1px solid red;
    border-radius: 5px;
    background: #ffebeb;
}

.success_form_cancel {
    font-size: 16px;
    width: 100%;
    margin-bottom: 26px;
    padding: 10px;
    border: 1px solid #89ed59;
    border-radius: 5px;
    background: #e0ffd5;
    font-weight: bold;
    text-align: center;
}

.navigation-google {
    width: 40px;
    /*width: 90px;*/
    height: 40px;
}

.navigation-yandex {
    width: 45px;
    /*width: 70px;*/
    height: 45px;
}

.navigation-yandex-maps {
    width: 37px;
    /*width: 70px;*/
    height: 37px;
}

.navigation-2gis {
    width: 50px;
    /*width: 70px;*/
    height: 38px;
}

.error_phone {
    border: 1px solid red !important;
}

.container-center-800 {
    flex: 1 1 auto;
    max-width: 800px;
    padding: 0 24px;
    margin: 0 auto;
    width: 100%;
}

.tracking_product {
    justify-content: space-between;
}

.flex-30 {
    width: 30%;
}

.padding_product_tracking {
    padding: 5px 0 0px 25px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

.border-green {
    border: #9aff5a 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 10px;
    padding: 10px 20px 0;
}

.border-red {
    border: #fcbec6 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 10px;
    padding: 10px 20px 0;
}

.red-input {
    border: #fcbec6 1px solid;
    background: #ffebef;
}

.green-lite-input {
    border: #d1f9b7 1px solid;
    background: #f4fbf1;
}

.product_content_card {
    margin-top: 10px;
    border-top: 1px dashed #0dde0d;
}

.product_content_card_bottom {
    display: flex;
    justify-content: space-around;
}

.pills_product_left_content_item_title {
    color: #85878a;
    display: block;
}

.pills_product_left_content_item {
    font-size: 16px;
}

.product_content_card_top {
    margin-top: 10px;
}
.human_description {
    margin-bottom: 30px;
}

.pills_wrapper_bottom {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.pills_wrapper_bottom_left {
    width: 25%;
}


.pills_wrapper_bottom_left ul {

    border: 1px solid #8fd674;
    border-radius: 15px;
    padding: 10px;
}

.pills_wrapper_bottom_left h3 {
    border-bottom: 1px solid #8fd674;
    text-align: center;
}

.pills_wrapper_bottom_left ul li {
    margin-bottom: 15px;
    font-size: 16px;
}

.pills_wrapper_bottom_right {
    width: 100%;
}

.instruction_title {
    font-size: 21px;
    font-weight: 600;
    margin-top: 50px;
}

.pills_wrapper_bottom_title span {
    color: #85878a;
    font-size: 16px;
}


.pills_wrapper_bottom_left li::before {
    content: '•'; /* Задаем символ точки */
    display: inline-block; /* Делаем символ блочным элементом */
    margin-right: 5px; /* Добавляем отступ справа от точки */
}

.pills_wrapper_central {
    display: flex;
    flex-wrap: wrap; /* Разрешить перенос элементов на новую строку */
    justify-content: space-between; /* Равномерно распределить колонки */
    border: 1px solid #8fd674;
    border-radius: 15px;
}

.column_instruction {
    width: calc(33.33% - 10px);
    padding: 20px 20px 10px;
}

.column_instruction ul {
    list-style: none; /* Убрать маркеры списка */
    padding: 0;
}

.column_instruction li {
    margin-bottom: 10px;
    font-size: 16px;
}
.column_instruction li::before {
    content: '•';
    display: inline-block;
    margin-right: 5px;
}
.column_instruction li a {
    border-bottom: 1px dashed #0dde0d;
}
.column_instruction li a:hover {
    color: #0865cd;
}
.top-link {
    display: none;
    cursor: pointer;
    /*width: 23px;*/
    /*height: 22px;*/
    position: fixed;
    z-index: 10;
    bottom: 40px;
    right: calc(50% - 625px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}
.top-link img {
    width: 40px;
    height: 40px;
    text-align: center;
    transition: background-color .3s ease;
}

.question_catalog_icon {
    width: 20px;
}



[tooltip] {
    position: relative;
}

[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}
[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    min-width: 3em;
    max-width: 31em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}


main {
    flex: 1 1 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

main div {
    text-align: center;
    color: #353539;
}
main span {
    padding: .5em 1em;
    margin: .5em;
    display: inline-block;
    background: #dedede;
}
.stepper__controls [spinner-button="up"] {
    background-color: #e9ffe1;
}
.stepper__controls [spinner-button="down"] {
    background-color: #ffedf1;
}

.edit_btn {
    width: 145px;
}

.edit_icon_order {
    width: 16px;
    margin: 4px 4px 0 8px;
}
.text-red{
    color: #ed1c24;
    font-size: 12px;
}
.border-red {
    border: #ed1c24 1px solid !important;
}
.product_image_order {
    flex: 0 0 15%;
    margin-right: 18px;
}
.cart-details-body-right {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.cart-details-body__price {
    /*float: right;*/
    display: flex;
    justify-content: flex-end;
}
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
@media (max-width: 1300px) {
    .price {
        padding-left: 30px;
        margin-bottom: 20px;
    }
}


@media (max-width: 1100px) {
    .tizer {
        flex: 0 1 50%;
        margin: 0;
        justify-content: flex-start;
    }

    .tizer__text {
        margin: 0 0 0 20px;

    }
    .top-link {
        top: auto;
        bottom: 20px;
        right: 20px;
        left: auto;
    }
    .licensen_img {
        max-width: 100%;
    }

    .header__logo img {
        max-height: 85px;
        max-width: 210px;
    }
}


/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
@media (max-width: 1000px) {
    .pills_wrapper_central {
        flex-direction: column;
        padding: 10px;
    }
    .column_instruction {
        width: 100%;
        padding: 0;
    }
    .sidebar {
        display: none;
    }

    .content_catalog {
        flex: 0 1 100%;
    }
    .content_catalog_item {
        flex: 0 1 100%;
    }

    .partner {
        flex: 0 1 50%;
    }

    .sidebar_page {
        display: none;
    }

    .table_requisites {
        margin: 0;
    }

    #mycart {
        width: 95%;
    }

    .price-cart {
        width: 18%;
    }

    .address {
        font-size: 16px;
    }

    .phone {
        font-size: 20px;
    }
}


/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
@media (max-width: 950px) {
    .address {
        /* display: none; */
    }

    .nav__link,
    .phone {
        display: none;
    }

    a.header__logo {
        width: 100%;
    }

    .header__logo img {
        display: block;
        margin: 0 auto;
    }

    .header__body {
        margin-top: 5px;
    }

    .search {
        margin-top: 10px;
    }

    .menu-icon {
        margin-top: 10px;
    }

    .search-text {
        width: 250px;
        height: 30px;
    }

    .menu-icon {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .order-success {
        width: 90%;
        margin: 20px auto 50px;
        line-height: 40px;
    }

}


/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/


.web {
    display: block;
}

@media (max-width: 765px) {
    .product_cart_first {
        margin-top: 25px;
    }
    .product_cart, .product_cart_first {
        display: block;
    }
    .product_cart_content{
        display: flex;
    }
    .product_cart_right {
        margin-top: 15px;
    }
    .product_content_bottom {
        display: flex;
    }
    .product_name a {
        font: 20px / 24px 'Rubik', Arial, sans-serif;
    }
    .product_name {
        margin-top: 10px;
    }
    .product_cart_left {
        width: 25%;
        margin-right: 10px;
    }
    .product_image {
        width: 100%;
    }

    .product_image_order {
        flex: 0 0 18%;
        margin-right: 18px;
    }
    .product_content_cart_bottom {
        display: block;
    }
    .product_content_cart_bottom .top {
        display: flex;
    }
    .product_content_cart_bottom .bottom {
        display: flex;
        /*justify-content: space-between;*/
        justify-content: right;
    }
    .table_wrap {
        margin: 0 0 10px 0;
    }

    .page_title_cart {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .del-order-btn {

        margin-top: 42px;
    }
    .page_title_cart .h1_title {
        margin: 0;
        margin-top: 36px;
    }
    .price {
        padding-left: 0;
    }
    .product_cart_content {
        justify-content: space-between;
    }
    .product_cart_content {
        margin-top: 0;
    }
    .product_name {
        display: flex;
    }
    .order-cart-btn {
        width: 100%;
    }
    .price-cart {
        width: 27%;
    }
    .delete-cart-btn {
        width: 100px;
    }
    .del-order {
        margin: 0;
    }
    /*слайдер*/
    .slide img,
    .slide .slide_img {
        /* display: none; */
        width: 220px;
        margin: 0 auto;
    }

    .contacts_map {
        padding-top: 15px;
    }

    .slide_content {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 0 auto;
        background: none;
    }

    .container {
        padding: 0 20px;
    }
    .slick-prev::before,
    .slick-next::before {
        display: none;
    }

    .tizers {
        margin: 0 50px;
    }

    .tizer {
        flex: 0 1 100%;
    }

    .about_company {
        width: 100%;
    }

    .product_content_bottom {
        display: block;
    }

    .product, .product_first {
        height: 185px;
    }

    .footer_menu ul {
        flex: 0 1 40%;
    }

    .footer_content,
    .footer_menu,
    .contact_footer {
        display: block;
        /*margin: 0 0 0 20px;*/
    }

    .footer_content {
        width: 95%;
    }

    .product, .product_first {
        height: 100%;
    }

    .pills_catalog_no_image {
        width: 80px;
        margin-left: 10px;
        margin-top: 20px;
    }

    .product_image {
        margin-top: 10px;
    }
    .footer_menu ul {
        margin: 0;
        padding: 0;
    }

    .footer_menu {
        flex: 0 1 100%;
        justify-content: space-between;
    }

    .contact_footer {
        margin-top: 25px;
    }

    .promotion {
        flex: 0 1 100%;
    }

    .contacts_block {
        flex-wrap: wrap;

    }

    .contacts_block_body {
        flex: 100%;
        justify-content: flex-start;
        margin-top: 10px;
    }

    .contact_city_body {
        max-width: 100%;
        flex-wrap: wrap;
    }

    .product_content {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .fabr {
        flex-basis: 100%;
        margin-bottom: 10px;
    }

    .ost {
        flex-basis: 30%;
    }

    .price {
        flex-basis: 15%;
    }

    .product_name {
        min-width: 100%;
    }

    .licensen_img {
        flex-wrap: wrap;
    }

    .sale_page_promotion__img {
        flex: 0 1 100%;
        text-align: center;
    }

    .licensen_img div {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .content_info_quote {
        padding-left: 40px;
    }

    .quantity_and_price {
        margin-top: 50px;
    }
    .pills_wrapper_central {
        margin-top: 15px;
    }
    .instruction_title {
        margin-bottom: 1px;
    }
    .company_wrap {
        margin: 0;
    }

    .table_requisites {
        margin: 0;
    }

    .container-order {
        flex-wrap: wrap-reverse;
    }

    .order_details {
        flex-basis: 100%;
    }

    .cart-details {
        flex-basis: 100%;
    }
    .cart-details-body {
        /*border-bottom: none;*/
        /*!*display: block;*!flex*/
    }

    .price-cart {
        width: 27%;
        margin-top: 4px;
        margin-left: 10px;
        /*color: #2d8500;*/
        color: #177501;
    }

    ._catalog_btn {
        margin-right: 10px;
    }

    .partner {
        flex: 0 1 100%;
    }

    .vacancy_text li {
        padding-left: 0;
    }

    .error_form {
        width: 80%;
    }

    .pills_wrapper_top {
        flex-direction: column;
    }
    .pills_product_left {
        width: 100%;
    }
    .pills_product_right {
        width: 100%;
        margin-top: 20px;
    }
    .full-screen-image {
        display: block;
        margin: 0 auto;
    }

    .price, .ost {
        flex-basis: 50%;
        margin-bottom: 15px;
    }

    .product_content_card_bottom {
        flex-wrap: wrap;
        justify-content: space-between;
    }

}

/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
@media (max-width: 600px) {

    .table_requisites tr td,
    .table_left_column,
    .table_right_column {
        display: block;
        width: 100%;
        height: 100%;
    }

    .container-order {
        padding: 0 10px;
    }

    .order_details {
        padding: 0;
    }

    .price,
    .ost {
        flex-basis: 50%;
        margin-bottom: 15px;
    }

    .price span {
        display: inline;
    }

    .order-cart-btn {
        margin-right: 0;
    }

    .error_form {
        width: 100%;
        margin-left: 0px;
    }
}

/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
@media (max-width: 450px) {
    .price {
        float: left;
    }

    .product_to_cart {
        float: right;
    }

    .tizers {
        margin: 0;
    }

    .footer_menu ul {
        margin: 0;
        padding: 0;
    }

    .promotions {
        flex-wrap: wrap;
    }

    .about_company {
        margin: 0;
    }

    .contact_city_body {
        padding: 15px 0;
    }

    .contact_desc h2 {
        margin: 30px 0 20px;
    }

    .contact_desc span,
    .contact_city {
        margin: 30px 0;
    }

    .stepper {
        flex-basis: 23%;
    }

    .licenses_page {
        max-width: 100%;
        margin: 30px 0 50px;
    }

    .company_wrap {
        margin: 0;
    }

    .btn_center {
        width: 200px;
    }

    .del-order {
        max-width: 100%;
    }

    .del-order {
        flex-wrap: wrap;
    }

    .vacancy_title {
        flex-wrap: wrap;
    }

    .vacancy_name {
        flex: 70%;
    }

    .vacancy_text ul li span {
        margin-left: -7px;
    }

    .vacancy_title {
        flex: 30%;
    }

    .vacancy_text div ul {
        padding: 3px;
    }

}


/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
@media (max-width: 380px) {
    .del-order {
        flex-wrap: wrap;
    }

    .search-text {
        width: 170px;
    }

    .btn-ost {
        width: 140px;
        white-space: nowrap;
    }
}

/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
/* ____________________________________________________________________________________________*/
@media (max-width: 320px) {
    .total_sum {
        margin-right: 0;
    }

    .search-text {
        width: 150px;
    }
}


.price_from a {
    /* border-bottom: 1px dashed #ed1c24; */
    cursor: pointer;
}

.phone_product {
    white-space: pre;
}


#preloader_malc {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 99;
    display: none;
}

#preloader_malc div {
    background: #fff;
    width: 270px;
    height: 110px;
    line-height: 50px;
    border-radius: 8px;
    font-family: arial;
    font-size: 18px;
    color: #111;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

#preloader_malc div img {
    height: 50px;
    margin: 0px auto;
    margin-top: 10px;
}

.sale {
    color: #00870b;
    font-size: 18px;
    font-weight: bold;
}

.old_price {
    color: #8f8484;
    text-decoration: line-through;
    font-size: 14px;
    font-style: italic;
}

.price_item {
    /*border-bottom: 1px dashed #ed1c24;*/
    border-bottom: 1px solid  #ed1c24;
}


.slider-container {
    width: 80%;
    margin: 50px auto;
    overflow: hidden;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    width: 100%;
    min-width: 100%;
    height: 300px; /* Высота вашего слайдера */
    background-size: cover;
}

.contact_city_phone div {
    font-weight: normal;
    text-align: center;
}

.mobile {
    display: none;
}

.navbar {
    display: none;
}

.header {
    border-bottom: 1px solid #f74a41;
}
.title_contacts {
    padding-left: 40px;
    font-size: 25px;
}

.title_contacts {
    text-align: center;
    position: relative;
}
.title_contacts h1 {
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #f74a41;
}

.header__menu .header__list {
    list-style: none; /* Скрыть маркеры списка */
    padding: 0;
    margin: 0;
}

.header__menu .header__list li {
    display: inline-block; /* Отображать пункты горизонтально */
    margin: 0 10px; /* Зазор между пунктами меню */
    position: relative; /* Для позиционирования псевдоэлемента */
}

.header__menu .header__list li::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* Смещение вниз на 1px */
    width: 100%;
    height: 1px; /* Толщина линии */
    background-color: transparent; /* Цвет подчеркивания */
    transition: background-color 0.3s ease; /* Плавная анимация при изменении цвета */
}

.header__menu .header__list li:hover::after {
    background-color: #ed1c24; /* Цвет подчеркивания при наведении */
}

.header__menu .header__list li a {
    text-decoration: none;
}

#cookie_notification{
    display: none;
    justify-content: space-between;
    align-items: flex-end;
    position: fixed;
    bottom: 15px;
    left: 50%;
    width: 900px;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 25px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_notification p{
    margin: 0;
    font-size: 15px;
    text-align: left;
    color: #222;
}

.cookie_accept{
    padding: 3px 10px;
    border: 1px solid #f09e99;
    border-radius: 9px;
    background: #eafce6;
}

@media (min-width: 576px){
    #cookie_notification.show{
        display: flex;
    }
    .cookie_accept{
        /*margin: 0 0 0 25px;*/
    }
}

@media (max-width: 575px){
    #cookie_notification.show{
        display: block;
        text-align: left;
    }
    .cookie_accept{
        /*margin: 10px 0 0 0;*/
        display: block;
        margin: 5px auto; /* Устанавливаем отступ слева и справа как "auto" */
        text-align: center; /* Центрируем текст в кнопке */
    }
    .product, .product_first {
        display: block;
    }
}

.quote {
    font-style: italic; /* Курсивное начертание */
    padding: 20px;
    margin: 50px;
    /*background-color: #f9f9f9; !* Фоновый цвет блока *!*/
    border-left: 5px solid #c6f4c0; /* Левая граница блока */
}

/*.quote {*/
/*    display: inline-block;*/
/*    margin: 1em;*/
/*    overflow: hidden;*/
/*}*/

.quote blockquote {
    background-color: #f9f9f9;
    /*border: 2px solid #757575;*/
    border: 1px solid #b7b5b5;
    display: inline-block;
    margin: 0;
    padding: 1em;
    position: relative;
}

/*.quote blockquote:before {*/
/*    background-color: #f9f9f9;*/
/*    bottom: -10%;*/
/*    content: "";*/
/*    left: 0;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: -10%;*/
/*    transform: rotate(168deg) skew(5deg);*/
/*}*/

.quote blockquote cite {
    display: block;
    font-style: italic;
    text-align: right;
}

.quote blockquote cite:before {
    content: "- ";
}
.banner-home {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    margin-top: 50px;
}

.banner-home img {
    width: 100%;
    height: auto;
    display: block;
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.7);
}

.banner-content h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.banner-content p {
    font-size: 16px;
    margin-bottom: 20px;
}

.banner-content .button {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    background-color: #ffcc00;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
}




.quote blockquote > * {
    /*position: relative;*/
    z-index: 1;
}
.recipe_transcript {
    max-width: 400px;
    margin: 20px auto;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

.recipe_transcript form {
    display: flex;
    flex-direction: column;
}

.recipe_transcript label, .recipe_transcript input {
    margin: 10px 0;
}

.recipe_transcript input[type="file"] {
    display: none;
}

.recipe_transcript .file-input-label {
    background-color: #4CAF50;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.recipe_transcript .file-input-label:hover {
    background-color: #45a049;
}

.recipe_transcript .file-input-label:active {
    position: relative;
    top: 1px;
}

.recipe_transcript .file-input-label::after {
    content: "или перетащите файл сюда";
    display: block;
    margin-top: 10px;
    color: #555;
}

.recipe_transcript button {
    margin: 20px 0 0;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

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

.recipe_transcript button:active {
    position: relative;
    top: 1px;
}

.recipe_transcript .highlight {
    outline: 2px dashed #92ccea;
    outline-offset: -10px;
}

.discount-label {
    display: inline-block;
    padding: 0px 7px;
    background-color: #4CAF50;
    /*background-color: #fd1817;*/
    color: white;
    border-radius: 9999px;
    font-size: 0.6em;
    font-weight: 500;
    user-select: none;
    margin-bottom: 6px;
}

.hint_search {
    margin: 0 auto;
    color: #e75e5e;
}


/*mobile*/
@media (max-width: 1249px) {
    .web {
        display: none;
    }

    .header {
        border-bottom: 1px solid #ff0d00;
    }
    .header_cart__count_zero {
        margin: -6px -5px -9px 24px;
        padding: 0 0 5px 0;
        font-size: 14px;
        font-weight: 600;
        width: 35px;
        height: 18px;
        line-height: 18px;
        border-radius: 10px;
        background-color: #b0b6c2;
        color: #fff;
        text-align: center;
    }
    .header_cart__count {
        margin: -6px -5px -9px 24px;
        padding: 0 0 5px 0;
        font-size: 14px;
        font-weight: 600;
        width: 35px;
        height: 18px;
        line-height: 18px;
        border-radius: 10px;
        background-color: #f74a41;
        color: #fff;
        text-align: center;
    }
    .mobile {
        display: block;
    }

    .mobile .header_phone img {
        margin: 24px 0px -4px 8px;
        padding: 0 0 5px 0;
        width: 45px;
        height: 45px;
        /*f93831*/
        filter: invert(34%) sepia(99%) saturate(3296%) hue-rotate(342deg) brightness(96%) contrast(96%);

    }

    .mobile .flex {
        display: flex;
    }
    .mobile .contacts-wrapper .contacts-title-mobile {
        text-align: center;
        position: relative;
        margin-bottom: 20px;
    }

    .mobile .contacts-wrapper h1 {
        text-align: center;
        font-size: 25px;
        display: inline-block;
        position: relative;
        /*border-bottom: 1px solid #f74a41;*/
        border-bottom: 1px solid #fa1306;
        margin: 0 auto;
    }

    .quote {
        margin: 0;
    }

    /*//*/
    .burger-checkbox {
        position: absolute;
        visibility: hidden;
    }

    .burger {
        position: relative;
        cursor: pointer;
        display: block;
        border: none;
        background: transparent;
        width: 40px;
        height: 26px;
        z-index: 3;
        margin-top: 30px;
        margin-left: 10px;
    }

    .burger::before,
    .burger::after {
        content: '';
        left: 5px;
        position: absolute;
        display: block;
        width: 100%;
        height: 4px;
        border-radius: 10px;
        background: #027233;
    }

    .burger::before {
        top: 0;
        box-shadow: 0 11px 0 #027233;
        transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
    }

    .burger::after {
        bottom: 0;
        transition: bottom .3s .15s, transform .3s;
    }

    .burger-checkbox:checked + .burger::before {
        top: 11px;
        transform: rotate(45deg);
        box-shadow: 0 6px 0 rgba(0, 0, 0, 0);
        transition: box-shadow .15s, top .3s, transform .3s .15s;
    }

    .burger-checkbox:checked + .burger::after {
        bottom: 11px;
        transform: rotate(-45deg);
        transition: bottom .3s, transform .3s .15s;
    }


    .menu-list {
        top: 0;
        right: 0; /* Изменяем положение по правому краю */
        position: absolute;
        gap: 12px;
        padding: 42px 0;
        margin: 0;
        background: #e4fcde;
        list-style-type: none;
        transform: translateX(100%); /* Изменяем сдвиг для выезжания справа */

        width: 100%;
        z-index: 2;

        display: none;
    }

    .menu-list.active {
        display: block;
        /*pointer-events: auto;*/
        opacity: 1;
        pointer-events: auto;
        transition: opacity 0.3s;
    }

    .menu-item {
        display: block;
        color: #667 !important;
        font-size: 22px;
        text-align: left;
        text-decoration: none;
        padding: 5px 5px 5px 35px;
    }

    .menu-item:hover {
        background: rgba(255, 255, 255, .2)
    }

    .burger-checkbox:checked ~ .menu-list {
        transform: translateX(0);
        margin-top: 110px;
    }

    /*//*/
    .mobile .header_top {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .mobile .left_position {
        display: flex;
        flex: 1;
        margin-top: 10px;
    }

    .mobile .right_position {
        display: flex;
        margin-top: 15px;
    }

    .mobile .right_position > div {
        flex: 1;
        justify-content: flex-end;
    }


    .mobile {

    }



    .mobile .search {
        display: flex;
        align-items: center;
        width: 100%; /* Занимает всю доступную ширину */
        /*max-width: 400px; !* Желаемая максимальная ширина *!*/
        margin: 10px auto 20px;
    }

    .mobile .search form {
        display: flex;
        width: 100%; /* Занимает всю доступную ширину */
    }

    .mobile .search-text {
        flex: 1; /* Занимает оставшееся пространство */
        width: 100%; /* Занимает всю доступную ширину */
        padding: 8px; /* Добавляет внутренний отступ */
        border-radius: 4px; /* Добавляет скругленные углы */
        border: 1px solid #4db70a; /* Добавляет границу */
        color: gray;
    }

    .mobile .search-go {
        width: 50px;
        height: 50px;
        top: 1px;
        right: 0;
        margin-left: -55px;
    }

    .mobile .search-go img {
        width: 55px;
        height: 55px;
        margin-top: -4px;
    }

    .mobile .search-text {
        width: 89%;
        height: 50px;
    }

    .mobile .header__logo img {
        margin: 0;
        width: 80px;
    }

    .mobile .header__logo_block {
        /*width: 150px;*/
    }

    .mobile .header_top {
        display: flex;
    }

    /*.mobile .header_cart {*/
    /*	display: flex;*/
    /*	margin-top: 0;*/
    /*	!* text-align: right; *!*/
    /*	justify-content: flex-end;*/
    /*}*/
    /*.mobile .header__logo img{*/
    /*	width: 90px;*/
    /*}*/
    .mobile .contacts_map {
        width: 100%;
        margin-bottom: 40px;
    }

    .mobile .base-map-navigation {
        display: flex;
        justify-content: space-between;
        width: 80%;
        margin: 0 auto;
    }

    .mobile .base-map-navigation {
        display: flex; /* Используем flexbox для равномерного распределения элементов */
        justify-content: space-between; /* Распределение элементов с равным пространством между ними */
        width: 80%;
        margin: 0 auto;
    }

    /* Опциональные стили для изображений, чтобы они равномерно растягивались */
    .mobile .map-link {
        flex: 1; /* Занимать равное пространство внутри flex-контейнера */
        text-align: center; /* Выравнивание изображений по центру */
    }

    .mobile .contacts-wrapper {
        width: 100%;
    }

    .mobile .photo_entrance {
        max-width: 600px;
    }

    .mobile .contact_city_desc {
        margin-right: 40px;
    }

    .mobile .contact_city {
        text-align: center;
        margin-bottom: 17px;
    }

    .mobile .contact_city div {
        font-weight: normal;
    }

    .mobile .contact_city_body * {
        color: #667;
        font-size: 20px;
        margin-bottom: 3px;
    }

    .mobile .contact_city_title {
        font-size: 20px;
        margin-bottom: 10px;
        width: 263px;
    }

    .mobile .contact_city_body {
        margin-top: 0;
    }

    .mobile .contact_city_phone {
        margin-top: 10px;
        width: 100%;
    }

    .mobile .contact_city_desc {
        width: 100%;
    }

    .mobile .contact_city_mail {
        font-weight: 600;
    }

}