@charset "utf-8";

/*@font-face {*/
/*    font-family: "Circe-Regular";*/
/*    src: url("/local/fonts/circe/regular.woff2") format("woff2"), url("/local/fonts/circe/regular.woff") format("woff");*/
/*    font-display: swap;*/
/*}*/

@font-face {
    font-family: "Roboto-Regular";
    src: url("/local/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("/local/fonts/roboto/Roboto-Regular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("/local/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("/local/fonts/roboto/Roboto-Medium.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Roboto-Italic";
    src: url("/local/fonts/roboto/Roboto-Italic.woff2") format("woff2"), url("/local/fonts/roboto/Roboto-Italic.woff") format("woff");
    font-display: swap;
}

html {
    height: 100%;
}

body {
    font: 14px Roboto-Regular;
    margin: 0;
    cursor: default;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    background-color: #F5F5F5;
}

body.unscroll {
    overflow: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

div {
    box-sizing: border-box;
}

input {
    border: 0;
    outline: none;
    font: inherit;
    background: inherit;
    color: inherit;
    cursor: inherit;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 18px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.second-search input {
    width: 90%;
}

[hide="true"] {
    display: none !important;
}

[hide] {
    display: none !important;
}

[none] {
    display: none;
}

.order-done-banner {
    position: fixed;
    transition: right 1s, opacity 1s;
    z-index: 3;
    right: -220px;
    top: 108px;
    opacity: 0;
}

.order-done-banner.show {
    right: 2px;
    opacity: 1;
    top: 160px;
}

.done-banner-body {
    background: white;
    border-radius: 1px;
}

.banner-body-element-order-title {
    background-color: #B1E9CB;
    color: #01843E;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px;
    font-family: 'Roboto-Medium';
}

.banner-body-content {
    padding: 10px;
    text-align: center;
}

.banner-body-element {
    position: relative;
    display: block;
    line-height: 20px;
}

.banner-body-element-pharm {
    font-size: 14px;
    font-family: 'Roboto-Medium';
    border-bottom: 1px solid lightgrey;
    padding-bottom: 5px;
}

.banner-body-element-order {
    padding-top: 5px;
    font-family: 'Roboto-Medium';
}

.done-banner-close {
    background: #7A4DAD;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 10px 0px;
}

#header {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
}

.skip-link {
    display: none;
}

data {
    display: none;
}

.hide,
.none {
    display: none !important;
}

.second,
.first {
    display: flex;
    justify-content: center;
    background: white;
}

.second {
    box-shadow: 0 0 20px -12px #6a5acd;
}

.second-container,
.first-container {
    width: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.second-container {
    padding: 20px 0;
    position: relative;
}

.second-container[unset-position],
.second-container[unset-position] .second-search {
    position: unset;
}

.second-container[unset-position] .clear-input-btn {
    z-index: -1;
}

.first {
    background: #292334;
    color: white;
    line-height: 2.5;
}

.first-city {
    cursor: pointer;
}

.first-city:before {
    content: "";
    background: url(/local/img/top_city.svg) no-repeat center;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-bottom: -9px;
}

.first-city[show] data {
    position: fixed;
    color: black;
    display: flex;
    width: 500px;
    align-items: center;
    width: 100%;
    top: 49px;
    left: 0;
    right: 0;
    justify-content: center;
}

.first-city-container {
    background-color: white;
    z-index: 2;
    width: 600px;
    display: flex;
    flex-direction: column;
}

.cities-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    justify-content: flex-start;
}

.first-city[show] data:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0e0e0ec4;
    opacity: 50%;
    z-index: -1;
    cursor: default;
}

.choose-city-title {
    width: 100%;
    font-size: 20px;
    border-bottom: 1px solid lightgray;
    padding: 5px 30px;
}

.first-city[show] el {
    padding: 0px 10px;
    width: 28%;
}

.first-city[show] el[select] {
    color: #7A4DAD;
    font-weight: 900;
}

.first-city[show] el:last-child {
    border: none;
}

.first-city[show] el:hover {
    font-weight: 900;
}

.first-phone:before {
    content: "";
    background: url(/local/img/phone.svg) no-repeat center;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-bottom: -6px;
    margin-right: 4px;
}

.footer-contact-form .first-phone:before {
    background: url(/local/img/phone-footer.svg) no-repeat center;
    margin-bottom: -3px;
}

.footer-contact-form .first-phone {
    font-size: 20px;
}


.first-authorization span {
    cursor: pointer;
}

.authorization-order {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 20px;
    color: #7C7B7E;
    position: relative;
}

/*.authorization-order:before {*/
/*    content: '';*/
/*    background: url("/local/img/order.svg") no-repeat center;*/
/*    width: 50px;*/
/*    height: 35px;*/
/*    display: inline-block;*/
/*}*/


/*.authorization-login { padding: 0 20px; }*/

.second-logo {
    height: 25px;
    display: flex;
    align-items: center;
    margin-right: 16px;
    background: no-repeat center/100% url(/local/img/logo_new.svg);
    width: 140px;
    font-size: 0;
    padding: 12px 0px;
}

.second-logo img {
    height: 70%;
}

.second-catalog {
    flex: none;
    cursor: pointer;
}

.second-catalog-but {
    background: #7A4DAD;
    color: white;
    display: flex;
    justify-content: center;
    width: 144px;
    font-size: 20px;
    padding: 14px;
    border-radius: 1px 0px 0px 1px;
}

.second-catalog-but>div {
    height: 4px;
    width: 100%;
    background: #7A4DAD;
    margin-bottom: 7px;
    border-radius: 2px;

}

.second-catalog-but:before {
    content: '';
    background: url("/local/img/catalog.svg") no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: 5px;
    margin-right: 13px;
}

.second-catalog-but>div:last-child {
    margin-bottom: 0px;
}

.second-catalog-body {
    display: none;
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    width: 100%;
}

.second-catalog-body[show="true"] {
    display: flex;
    justify-content: start;
}

.second-catalog-body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0e0e0ec4;
    opacity: 50%;
    z-index: -1;
    cursor: default;
}

.second-search {
    width: 100%;
    height: 52px;
    background: #EDEDED;
    padding: 6px 0px 6px 18px;
    /*border-radius: 0px 1px 1px 0px;*/
    display: flex;
    position: relative;
}

.second-search span {
    height: 36px;
    width: 30px;
    padding: 0 10px;
    border-left: 1px solid #bdbdbd;
    margin: -6px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: no-repeat center/50% url(/local/img/search_but.png);
}

.second-search span img {
    height: 50%;
}

.second-search-data {
    position: absolute;
    width: calc(100% + 52px);
    top: 100%;
    left: 0;
    background: white;
    border-radius: 0px 0px 1px 1px;
    box-shadow: 0px 8px 9px 0px #6f6b6b59;
    display: none;
    z-index: 1;
}

.second-search-data[show] {
    display: block;
}

.second-search-data a {
    display: block;
    padding: 10px;
}

.second-search-data a[hover] {
    background-color: #7a4dad30;
}

.second-search-data a:last-child {
    margin: 0;
}

.second-basket {
    display: flex;
    margin-left: 10px;
    align-items: center;
}

.basket-img {
    position: relative;
    text-align: center;
    color: #7C7B7E;
    display: flex;
    align-items: center;
    flex-direction: column;
}

/*.basket-img:before {*/
/*    content: '';*/
/*    background: url(/local/img/top_basket.svg) no-repeat center;*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    display: inline-block;*/
/*}*/

.basket-img img,
.authorization-order img {
    margin-bottom: 2px;
}

.basket-img.count:after {
    content: attr(count);
    position: absolute;
    right: 4px;
    top: -8px;
    background: #7A4DAD;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1.7;
    width: 20px;
    height: 20px;
    text-align: center;
    color: white;
}

.basket-img.count[more-than]::after {
    font-size: 10px;
    line-height: 1.9;
}

.authorization-order[count]:after {
    content: attr(count);
    position: absolute;
    right: 0px;
    top: -8px;
    background: #7A4DAD;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1.7;
    width: 20px;
    height: 20px;
    text-align: center;
    color: white;
}

.basket-price {
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    padding-top: 4px;
    white-space: nowrap;
    display: none;
}

.basket-price:after {
    content: "";
    background: no-repeat center/80% url(/local/img/rub.png);
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-bottom: -4px;
}

span.cop {
    font-size: 60%;
}

.catalog-main {
    display: flex;
}

.parent-catalog {
    width: calc(24%);
    border-radius: 1px 0px 0px 1px;
    flex: none;
    background: #F2F2F2;
}

.parent-catalog-element {
    background-repeat: no-repeat;
    padding: 18px 10px 18px 20px;
    display: flex;
    align-items: center;
}

.parent-catalog-element:last-child {
    margin-bottom: 0px;
}

.parent-catalog-element[select="true"] {
    background-color: white;
}

.parent-catalog-element,
.catalog-element {
    cursor: pointer;
}



.children-catalog-element>.catalog-element {
    font-weight: 900;
    margin-bottom: 20px;
    font-size: 14px;
}

.catalog-element>.catalog-element {
    font-weight: 500;
    font-size: 14px;
    padding: 6px 0px;
}

.parent-catalog-element .parent-catalog-element-name:before {
    content: '';
    height: 20px;
    width: 25px;
    display: inline-block;
    margin-right: 10px;
}

.parent-catalog-element-name {
    display: flex;
    align-items: center;
}

.parent-catalog-element[code="lekarstva"] .parent-catalog-element-name:before {
    background: url('/local/img/catalog/lekarstva.svg') no-repeat center;
}

.parent-catalog-element[code="medtehnika"] .parent-catalog-element-name:before {
    background: url('/local/img/catalog/medtehnika.svg') no-repeat center;
}

.parent-catalog-element[code="tovary-dlya-zdorovya"] .parent-catalog-element-name:before {
    background: url('/local/img/catalog/tovary-dlya-zdorovya.svg') no-repeat center;
}

.parent-catalog-element[code="mama_i_rebenok"] .parent-catalog-element-name:before {
    background: url('/local/img/catalog/mama_i_rebenok.svg') no-repeat center;
}

.parent-catalog-element[code="odezhda_igrushki_i_razvitie_rebenka"] .parent-catalog-element-name:before {
    background: url('/local/img/catalog/odezhda_igrushki_i_razvitie_rebenka.svg') no-repeat center;
}

.parent-catalog-element[code="optika"] .parent-catalog-element-name:before {
    background: url('/local/img/catalog/optika.svg') no-repeat center;
}

.children-catalog {
    display: none;
    max-height: 80vh;
    overflow: auto;
    padding: 10px 10px 10px 20px;
    padding: 20px 10px 20px 40px;
    border-radius: 0px 1px 1px 0px;
    height: max-content;
    background: white;
    width: 100%;
}

.children-catalog::-webkit-scrollbar {
    width: 6px;
}

.children-catalog::-webkit-scrollbar-thumb {
    background: #7A4DAD;
    border-radius: 1px;
}

.children-catalog[show="true"] {
    display: block;
}

.children-catalog-element[show="false"] {
    display: none;
}

.children-catalog-element {
    column-count: 2;
    min-height: 420px;
}

.popup-map {
    display: none;
    margin: 10px;
    justify-content: center;
}

/*.popup-map.open { display: flex; }*/
.popup-map[show] {
    display: flex;
}

.map-settings {}

.map-container {
    width: 1000px;
    height: calc(100vh - 190px);
    overflow: hidden;
    border-radius: 1px;
    background: lightgray;
    position: relative;
    display: flex;
}

.map-container:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7C7B7E8A;
    opacity: 50%;
    z-index: -1;
    cursor: default;
}

#map:before {
    content: "Загрузка";
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 60px;
    color: white;
}

#map {
    width: 100%;
    position: relative;
}

.pharmacy-list {
    background: white;
    width: 400px;
    flex: none;
    overflow: hidden;
    font-family: 'Roboto-Medium';
}

.pharmacy-list-top {
    background: white;
    padding: 10px 20px;
    position: relative;
    border-bottom: 1px solid lightgrey;
}

.list-sort:before {
    content: "Сортировка : ";
}

.list-sort {}

.list-sort span {
    padding: 0 20px;
    margin-left: 10px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid white;
    color: white;
}

.list-sort span[select] {
    background: white;
    cursor: default;
    color: black;
}

.pharmacy-list-body {
    overflow: auto;
    height: calc(100% - 42px);
}

.pharmacy-list[choose-pharmacy] .pharmacy-list-body {
    height: calc(100% - 40px);
}

.pharmacy-list-body::-webkit-scrollbar {
    width: 4px;
}

.pharmacy-list-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.pharmacy-list-body::-webkit-scrollbar-thumb {
    background-color: #7A4DAD;
    border-radius: 2px;
}

.pharmacy-list-body::-webkit-scrollbar-track {
    border: 2px solid white;
}

.pharmacy-list-close {
    position: relative;
    background: #292334;
    text-align: center;
    color: white;
    cursor: pointer;
    line-height: 3;
    font-size: 14px;
    font-family: 'Roboto-Regular';
}

.pharmacy-list[choose-pharmacy][special-price] .pharmacy-list-body {
    height: calc(100% - 77px);
}

.map-element {
    display: flex;
    background: white;
    padding: 15px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid lightgray;
    max-height: 220px;
    position: relative;
    min-height: 112px;
}

.map-element-choose-sum {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    margin-left: 15px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 15px;
}

.pharmacy-list[choose-pharmacy] .map-element.selected {
    flex-wrap: unset;
    width: 100%;
}

/*.map-element.selected .map-element-choose-sum {*/
/*    width: 140px;*/
/*}*/

.map-element-info-amount {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: flex-start;
}

.map-element.selected {
    border-bottom: 2px solid lightgray;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    min-height: 140px;
}

.pharmacy-list:not([one-pharmacy]) .map-element.selected:after {
    content: 'Наличие в других аптеках';
    position: absolute;
    bottom: -15px;
    left: 24%;
    background-color: white;
    padding: 5px 20px;
    color: #7A4DAD;
}


.map-element[in-stock="false"],
.map-element[in-stock="true"] .amount-in-provider {
    display: none;
}

/*.map-element[status="true"] {*/
/*    background-image: url(/local/img/open_pharm.png);*/
/*}*/

/*.map-element[status="false"] {*/
/*    background-image: url(/local/img/close_pharm.png);*/
/*}*/

.map-element:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}

.map-element-info {
    cursor: pointer;
    margin-bottom: 15px;
}

.map-element-name {}

.map-element-time {
    color: #049B1C;
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
}

.map-element-time:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #049B1C;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -1px;
}

.map-element-time.close {
    color: #8b0000;
}

.map-element-time.close:before {
    background-color: #8b0000;
}

.map-element-break {
    color: #7C7B7E;
    font-size: 12px;
    line-height: 20px;
}

.map-element-break:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -1px;
}

.map-element-amount {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 20px;
}

.map-element-amount .amount-in-pharmacy,
.map-element-amount .amount-in-provider {
    cursor: default;
}

.map-element[markdown] .map-element-choose-block,
.map-element[price] .map-element-choose-block {
    margin-top: 10px;
    order: 4;
}

.map-element-sum-span:after {
    content: "\20BD";
    display: inline-block;
    margin-left: 3px;
    font-size: 60%;
}

.map-element-choose-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.map-element-not-full {
    margin-bottom: 10px;
}

/*.pharmacy-list[basket] .map-element[markdown] .map-element-info {*/
/*    order: unset;*/
/*}*/

/*.pharmacy-list[basket] .map-element[markdown] .map-element-choose {*/
/*    margin-top: unset;*/
/*    order: unset;*/
/*}*/
/*.pharmacy-list[basket] .map-element[markdown] .map-element-amount {*/
/*    order: unset;*/
/*}*/


.map-element-markdown-price {
    width: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 2;
}

.map-element-price {
    width: 140px;
    text-align: center;
    padding: 5px 0px;
    font-size: 19px;
    line-height: 20px;
    order: 2;
}

.map-element-markdown-price-price {
    background-color: #FFDDD6;
    width: 100%;
    text-align: center;
    padding: 5px 0px;
    font-size: 19px;
}

.map-element-markdown-price-text,
.product-price-markdown-title,
.basket-product-price-markdown-title {
    background-color: #F84A13;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 12px;
    padding: 2px 0px;
    line-height: 19px;
}

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

.popup-img {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000cc;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}

.popup-img[show] {
    display: flex;
}

.popup-img img {
    border-radius: 6px;
    max-width: 100%;
}

#main {
    width: 1000px;
    flex: 1 0 auto;
    padding-top: calc(140px + 25px);
    margin-bottom: 20px;
}

.main-container {
    display: flex;
    position: relative;
    margin-bottom: 38px;
}

.second-banners-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 38px;
}

.second-banners-container .banner-el {
    position: relative;
    transition: filter .3s linear, transform .3s linear;
}

.second-banners-container .banner-el:hover {
    filter: brightness(80%);
    transform: scale(1.02);
    will-change: transform;
}

.left-main {
    width: calc(25% - 25px);
    z-index: 1;
    margin-right: 25px;
}

.left-main .parent-catalog {
    width: 100%;
}

.left-main .children-catalog {
    position: absolute;
    margin-left: 25%;
}

.right-main {
    width: 100%;
    z-index: 0;
    position: relative;
}

.right-main-banner-new,
.right-main-banner-mobile[show] {
    line-height: 0;
    overflow: hidden;
    height: 506px;
    user-select: none;
    position: relative;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.right-main-banner-mobile[show] {
    display: block;
}

.right-main-banner-mobile {
    display: none;
}

.right-main-banner-info {
    text-align: center;
    background: white;
    color: dimgray;
    font-size: 18px;
    padding: 3px 0;
    text-transform: uppercase;
}

.right-main-banner-mobile[show] .banner-el,
.right-main-banner-new .banner-el {
    width: 100%;
    height: 100%;
    font-size: 0;
    position: absolute;
    z-index: 0;
    opacity: 0;
    top: 0;
    transition: opacity 0.5s;
}

.right-main-banner-new .banner-el picture img {
    height: 100%;
}

.right-main-banner-mobile[show] .banner-el[select],
.right-main-banner-new .banner-el[select] {
    opacity: 1;
    z-index: 1;
}

.right-main-banner-navi {
    position: absolute;
    display: flex;
    bottom: 53px;
    left: 12px;
    right: 12px;
}

.right-main-banner-navi.one-banner {
    display: none;
}

.banner-navi-count {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navi-count-container {
    width: 16%;
    height: 3px;
    border-radius: 1px;
    background: #f1f1f191;
    z-index: 1;
}

.navi-count-container-element {
    height: 100%;
    background: #7A4DAD;
    border-radius: 1px;
    width: 0;
    transition: width .5s, margin .5s;
}

.banner-navi-right:hover,
.banner-navi-left:hover {
    background-color: #1212122e;
}

.banner-navi-left,
.banner-navi-right {
    color: white;
    border-radius: 1px;
    width: 40px;
    height: 40px;
    flex: none;
    cursor: pointer;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b9b9b92e;
    border-radius: 50px;
}

.banner-navi-left:before,
.banner-navi-right:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 22px;
}

.banner-navi-left:before {
    background: url("/local/img/arrow-left.svg");
}

.banner-navi-right:before {
    background: url("/local/img/arrow-right.svg");
}

.banner-navi-left {
    padding-right: 2px;
}

.banner-navi-right {
    padding-left: 2px;
}

.right-main-product {
    display: flex;
    box-shadow: 0 0 10px 0px lightgrey;
    border-radius: 6px;
}

.right-main-product .product {
    box-shadow: none;
    width: 25%;
    flex-direction: column;
    margin: 0;
    align-items: center;
}

.product-container .product .product-img,
.right-main-product .product .product-img {
    margin-bottom: 10px;
}

.product-container .product .product-description,
.right-main-product .product .product-description {
    padding: 0 10px;
}

.product-container .product .product-description-name,
.right-main-product .product .product-description-name {
    height: 50px;
    margin: 0;
    overflow: hidden;
    font-size: 12px;
}

.product-container .product .product-description-manufacturer,
.right-main-product .product .product-description-manufacturer,
.product-container .product .product-description-text {
    display: none;
}

.product-container .product .product-price,
.right-main-product .product .product-price {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 10px;
    justify-content: space-between;
    align-items: center;
}

.banner {
    line-height: 0;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 25px;
}

.banner img {
    width: 100%;
}

.product-container {
    display: flex;
    margin-bottom: 25px;
    user-select: none;
}

.product-container .product {
    flex-direction: column;
    width: 19.3%;
    margin-bottom: 0;
    margin-right: 8px;
    align-items: center;
}

.product-container .product:last-child {
    margin: 0;
}

.product-container .product .change-del {
    display: none;
}

.product-container .product-description-amount {
    display: none;
}

.product {
    display: flex;
    margin-bottom: 20px;
    border-radius: 1px;
    padding: 20px;
    position: relative;
    background-color: white;
}

.product-property [last]:before,
.product-property [best]:before,
.product-property [new]:before,
.product-property [orig]:before,
.product-property [excl]:before {
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    padding: 2px 10px;
    border-radius: 1px;
    font-size: 10px;
}

.product-property [new]:before {
    content: "Новинка";
    /* background: #F84A13; */
    background: #3472cf;
}

.product-property [last]:before {
    content: "Сроковый товар";
    background: #e36b00;
}

.product-property [best]:before {
    content: "Топ продаж";
    background: #7A4DAD;
}

.product-property [excl]:before {
    content: "Акция";
    background: #F84A13;
}

/* .product[orig] {
    box-shadow: 0 0 6px 0px #ff921d;
} */

.product-property [orig]:before {
    content: "Оригинальный препарат";
    background: #ff921d;
}

.product-property [recept]:after {
    content: attr(recept);
    position: absolute;
    top: 0px;
    left: 0px;
    background: #E6E6E6;
    border-radius: 1px;
    display: block;
    padding: 0px 10px;
    font-size: 10px;
    line-height: 20px;
    color: #7C7B7E;
}

.product-img {
    width: 130px;
    height: 130px;
    line-height: 0;
    margin-right: 32px;
    flex: none;
}

.product-img img {
    height: 100%;
}

.product-description {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.product-description-name {
    /*font-weight: 900;*/
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    font-weight: normal;
    font-family: 'Roboto-Medium';
    margin-block-start: 0;
}

.product-description-name a {}

.product-description-manufacturer {
    font-size: 12px;
    color: #585858;
    margin-bottom: 10px;
    opacity: 0;
}

.product-description-manufacturer[show] {
    opacity: 1;
}

.product-description-manufacturer:before {
    content: "";
    background: url(/local/ico/element/manu-t35-new.svg) no-repeat center;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
}

.product-description-text {
    font-size: 12px;
    color: #585858;
    flex: 1 0 auto;
    margin-bottom: 10px;
    opacity: 0;
}

.product-description-text[show] {
    opacity: 1;
}

.product-description-text:before {
    content: "";
    background: url(/local/ico/element/info-t35-new.svg) no-repeat center;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
}

.product-description-amount {
    display: flex;
    flex-wrap: wrap;
}

.amount-in-pharmacy,
.amount-in-provider,
.markdown-amount {
    background: #F2F2F2;
    color: #7C7B7E;
    padding: 6px 8px;
    font: 10px Roboto-Medium;
    cursor: pointer;
    border-radius: 1px;
    margin-top: 10px;
}

.amount-in-pharmacy {
    margin-right: 10px;
}

.markdown-amount {
    background-color: #FDD5CC;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.product-description-amount data {
    display: none;
}

.product-price {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.recommendation-widget .product-price {
    justify-content: unset;
    align-items: center;
}

.product-main .recommendation-widget .price-block {
    margin-right: unset;
}

.old-product-price-number {
    width: 50%;
    padding: 6px 4px;
    text-align: center;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    color: #A5A5A5;
    position: relative;
}

.old-product-price-number:before {
    content: "";
    height: 1px;
    background: #A5A5A5;
    position: absolute;
    top: 12px;
    left: 3px;
    width: 90%;
}

.product-price-number {
    font: 20px Roboto-Medium;
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 20px;
    white-space: nowrap;

}

.employee-price {
    display: flex;
    margin-top: 10px;
    font-size: 11px;
    padding: 5px 5px;
    background-color: #F2F2F2;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: center;
}

.employee-price-block {
    font-size: 14px;
    font-family: 'Roboto-Medium';
}

.product-price-number[markdown],
.product-price[discount="true"] .product-price-number[markdown],
.product-price[discount="false"] .product-price-number[markdown] {
    background-color: #FDD5CC;
    border: none;
    line-height: unset;
    padding: 9px 0;
}

.product-price[discount="true"] .product-price-number {
    background-color: #FFF6AA;
    border: 1px solid #FFF6AA;
    padding: 8px 0px;
}

.product-price[discount="false"] .product-price-number {
    padding: 20px 0px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.product-main .product-price-number {
    width: 140px;
}

.price-block-markdown-title {
    background-color: #F84A13;
    color: white;
    text-align: center;
    padding: 2px;
    cursor: pointer;
}

.price-block[type="discount"] .price-block-markdown-title {
    margin-bottom: 10px;
}

.product[recept] div[recept="Рецептурный"]::after {
    content: "Строго по рецепту";
    color: #CF8210;
    background-color: #FDE9CC;
}

.map-element-choose,
.product-price-button,
.filter-but,
.apply-but {
    background: #7A4DAD;
    color: white;
    border-radius: 1px;
    cursor: pointer;
    width: 140px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
}

.apply-but {
    position: absolute;
    left: 230px;
    z-index: 1;
    top: -5px;
    box-sizing: border-box;
    height: 30px;
    width: 90px;
    border-radius: 0px 1px 1px 0px;
}

.apply-but:before {
    content: '';
    position: absolute;
    top: 0px;
    border: 15px solid transparent;
    border-right: 16px solid #7A4DAD;
    left: -31px;
}

.product-price-button[provider] {
    background: #F2F2F2;
    color: #7A4DAD;
}

.product-price-button {
    font-size: 16px;
}

.product-container .product-price-button {
    width: 100%;
    border-radius: 0px 0px 1px 1px;
}

.product-price-button.not-amount {
    background: #F2F2F2;
    color: #7C7B7E;
}

.product-price-button.authorize {
    background: #F2F2F2;
    color: #7C7B7E;
}

.map-element.selected .map-element-choose,
.map-element.selected .product-price-button {
    cursor: default;
    background: #F2F2F2;
    color: grey;
}

.basket-change-count {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    cursor: default;
    user-select: none;
    position: relative;
    color: #7A4DAD;
    background-color: #F2F2F2;
}

.change-count::-webkit-outer-spin-button,
.change-count::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
    display: none;
}

.change-count {
    width: 100%;
    height: 100%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    -moz-appearance: textfield;
}

.change-minus,
.change-plus {
    width: 45px;
    height: 100%;
    flex: none;
    cursor: pointer;
    padding: 4px;
}

.change-del:before {
    content: "X";
}

.map-element-choose .change-del {
    display: none;
}

.map-element-choose {
    width: 140px;
}

.change-del {
    position: absolute;
    left: -40px;
    height: 30px;
    width: 30px;
    background: #7A4DAD;
    color: white;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    font-size: 20px;
    line-height: 1.7;
    cursor: pointer;
}

.change-minus:before {
    background: url("/local/img/minus.svg") no-repeat center;
}

.change-plus:before {
    background: url("/local/img/plus.svg") no-repeat center;
}

.change-plus.max-count:before {
    background: none;
    cursor: default;
}

.change-minus:before,
.change-plus:before {
    content: '';
    display: block;
    height: 100%;
}

.products-container[view="block"] {
    display: flex;
    flex-wrap: wrap;
}

.products-container[view="block"] .product {
    width: calc(33.33% - 15px);
    margin-right: 15px;
    flex-wrap: wrap;
    padding: 10px;
}

.products-container[view="block"] .product:nth-child(3n) {
    margin-right: 0;
    width: 33.33%;
}

.products-container[view="block"] .product-img {
    order: 1;
    margin: 0;
    width: 50%;
    text-align: center;
}

.products-container[view="block"] .product-description {
    order: 3;
}

.products-container[view="block"] .product-description-name {
    font-size: 16px;
    font-weight: 900;
}

.products-container[view="block"] .product-price {
    order: 2;
    margin: 0;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.products-container[view="block"] .product-price-number {
    margin: 0;
}

.products-container[view="block"] .product-description-amount {
    flex-direction: column;
}

.products-container[view="block"] .amount-in-pharmacy {
    margin: 0;
}

.products-container[view="block"] .amount-in-provider {
    margin-top: 10px;
}

.products-container[view="block"] .product-admin {
    position: initial;
    order: 3;
    width: 100%;
    margin-top: 10px;
}

#footer {
    width: 100%;
    display: flex;
    background: #292334;
    color: white;
    justify-content: center;
}

.footer-container {
    display: flex;
    flex-direction: column;
    width: 1000px;
    padding: 36px 0;
    font-size: 14px;
}

.footer-info {
    margin: 0px 10px;
    padding: 0 10px;
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.footer-info a {
    padding: 8px 0px;
    margin-bottom: 10px;
    font-size: 16px;
}

.footer-info-left,
.footer-info-right {
    display: flex;
    flex-direction: column;
}

.footer-address {
    margin-top: 10px;
}

.footer-address p {
    line-height: 20px;
}

.footer-main-info {
    display: flex;
}

.footer-bottom-info {
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
}

.footer-info-title {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    margin: 0;
}

.footer-contact {
    display: flex;
    flex-direction: column;
}

.footer-contact-phone {
    font-size: 23px;
    white-space: nowrap;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.footer-contact-form {
    text-align: center;
}

.footer-contact-form-but {
    white-space: nowrap;
    margin-top: 10px;
    background: white;
    color: #292334;
    text-align: center;
    padding: 10px;
    border-radius: 1px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    display: block;
}

.footer-contact-licenses {
    /* margin: 0; */
}

.footer-contact-form-data {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #00000080;
    z-index: 10;
    padding: 0 10px;
}

.footer-contact-form-data[show] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-contact-form-data-container {
    background: white;
    padding: 30px;
    border-radius: 1px;
    color: black;
    width: 400px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.g-recaptcha {
    align-self: center;
}

.footer-contact-form-data-container .input[err] {
    border: 1px solid #e15f5f;
}

.footer-contact-form-data-container textarea {
    height: 64px;
    background-color: #F2F2F2;
    font-size: 14px;
}

.form-data-title {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 900;
}

.form-data-text {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto-Medium';
    padding-top: 8px;
}

.form-data-button {
    margin: 16px 0;
    text-align: center;
    background: #7A4DAD;
    padding: 10px 0;
    border-radius: 1px;
    color: white;
    cursor: pointer;
    font-size: 16px;
}

.form-data-button[com="done"] {
    background: forestgreen;
}

.form-data-privacy {
    font-size: 9px;
    line-height: 15px;
}

.form-data-privacy a {
    color: #7A4DAD;
    background: white;
    white-space: nowrap;
}

.form-close {
    position: absolute;
    top: -10px;
    right: -6px;
    background: #7A4DAD;
    color: white;
    line-height: 1;
    padding: 8px 12px 4px 12px;
    border-radius: 4px;
    box-shadow: 0 0 4px 0px black;
    font-size: 24px;
    cursor: pointer;
}

.screen-menu {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7C7B7E8A;
    opacity: 50%;
    z-index: 2;
    cursor: default;
}

/*
.footer-contact-privacy,
.footer-contact-order {
    display: block;
    background: white;
    color: black;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 0 4px 0px black;
}
*/

.input {
    position: relative;
    margin-bottom: 16px;
    border-radius: 1px;
    padding: 10px 12px;
    font-size: 14px;
    background-color: #F2F2F2;
    border: 1px solid white;
}

textarea {
    border: 0;
    width: 100%;
    padding: 0;
    outline: none;
    resize: none;
}

[ico="rub"]:after,
.info-all-sum:after,
.online-pay-block-sum:after,
.employee-price-block:after,
.info-order-employee-discount-sum:after,
.info-order-employee-sum:after,
.map-element-choose-sum-employee-price:after,
.employee-discount-sum:after {
    content: "\20BD";
    /*background-image: url(/local/img/rub.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 16px;*/
    /*height: 12px;*/
    /*width: 12px;*/
    /*background-position: 4px 4px;*/
    display: inline-block;
    margin-left: 3px;
    font-size: 60%;
}

.map-element-choose-sum-employee {
    order: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.map-element-choose-sum-employee-text {
    font-size: 12px;
    font-family: 'Roboto-Regular';
}

.map-element-choose-sum-employee-price {
    font-size: 18px;
}

.map-element-sum {
    font-size: 19px;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.map-element-sum:before {
    content: "Сумма: ";
    font-size: 15px;
    margin-bottom: 5px;
    display: flex;
}

.map-element-sum .cop:after {
    content: "\20BD";
    display: inline-block;
    margin-left: 3px;
    font-size: 100%;
}

.products-options {
    display: flex;
    background-color: white;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
}

.products-options>div {
    margin-right: 25px;
}

.products-options>div:last-child {
    margin-right: 0px;
    font-family: 'Roboto-Medium';
}

.option-view {
    line-height: 0;
}

[code="view"] {
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 30px;
    width: 20px;
    display: inline-block;
    background-position: 0px 4px;
    cursor: pointer;
}

[value="line"] {
    background-image: url(/local/img/line.png);
    margin-right: 10px;
}

[value="block"] {
    background-image: url(/local/img/block.png);
}

/*.option-count:before {*/
/*    content: "Показать по:";*/
/*    margin-right: 15px;*/
/*}*/

.option-count>div,
.option-count>a,
.option-count>span {
    margin-right: 6px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border-radius: 1px;
    padding: 4px 6px;
    color: #7A4DAD;
    background-color: #F2F2F2;
    font-family: 'Roboto-Medium';
}

.option-count>div[select] {
    background: #7A4DAD;
    cursor: default;
    box-sizing: content-box;
    color: white;
}

.option-count>span:last-child {
    margin-right: 0px;
}

.option-sort {
    position: relative;
    z-index: 1;
    color: #7A4DAD;
    display: flex;
    cursor: pointer;
}

.option-sort:before,
.option-sort-elements[open]>div:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #673AB7;
    display: inline-block;
    border-radius: 50%;
    margin-top: 3px;
    margin-right: 8px;
}

/*.option-sort:before {*/
/*    content: "Сортировать:";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 2px;*/
/*}*/
.option-sort-elements {
    /*cursor: pointer;*/
}

.option-sort-elements>div {
    cursor: pointer;
    display: none;
}

.option-sort:after {
    content: attr(title);
}

.option-sort-elements[open]>div {
    display: block;
    border-bottom: 1px solid #F2F2F2;
    padding: 8px 0px;
}

.option-sort-elements[open]>div:before {
    background-color: #EFE9F6;
}

.option-sort-elements[open]>div[select]:before {
    background-color: #673AB7;
}

.option-sort-elements[open]>div[select] {
    /*display: none;*/
}

.option-sort-elements[open] {
    position: absolute;
    background: white;
    padding: 10px 20px;
    width: 185px;
    box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.13);
    border-radius: 1px;
}

/*.option-sort>div[select] {*/
/*    background: #e5e5ff;*/
/*}*/

.option-view {}

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

.navigation-container {
    display: flex;
    justify-content: center;
}

.navigation-container>a,
.navigation-container>div {
    width: 30px;
    height: 30px;
    background: #E6E6E6;
    margin-right: 10px;
    border-radius: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.navigation-container>div.select {
    background: #7A4DAD;
    color: white;
    cursor: default;
}

.navigation-container>div.delimeter {
    cursor: default;
    background: white;
}

.navigation-container>a:last-child {
    margin-right: 0px;
}

.clear-input-btn {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 1;
    display: none;
}

.clear-input-btn::before {
    content: '';
    background: url(/local/img/clear-input.svg) center no-repeat;
    width: 18px;
    height: 14px;
    display: block;
    cursor: pointer;
}

.clear-input-btn[show] {
    display: block;
}

.main-search-btn {
    background-color: #EDEDED;
    height: 52px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8%;
    border-radius: 0px 1px 1px 0px;
    cursor: pointer;
}

.main-search-btn:before {
    content: '';
    background: url("/local/img/lupa.svg") no-repeat center;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.right-banner-line {
    border-top: 1px solid #8f8b8b;
    width: 40%;
    position: absolute;
    right: 30%;
}


.footer-tel,
.footer-email {
    margin: 0;
}

.chat-block {
    position: fixed;
    right: 240px;
    bottom: 100px;
    /* box-shadow: 0px 2px 5px 0 #064c49; */
    border-radius: 50px;
    cursor: pointer;
    z-index: 3;
}

.chat-block::before {
    content: '';
    background: url(/local/img/chat-block.svg) no-repeat center;
    width: 56px;
    height: 56px;
    display: block;
}

.chat-block[open]::before {
    background: url(/local/img/close-block-chat.svg) no-repeat center;
}

.chat-block-hidden {
    position: fixed;
    right: 240px;
    bottom: 100px;
    height: 60px;
    width: 56px;
    /* background: #88cbc8; */
    background: #f0f0f0;
    color: #fff;
    padding: 12px;
    margin: auto;
    text-align: center;
    opacity: 0;
    transition: height 0.5s, opacity 0.5s;
    box-sizing: border-box;
    border-radius: 50px 50px 50px 50px;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}

[height-view] {
    height: 150px;
    opacity: 1;
}

.tg-chat::before {
    content: '';
    background: url(/local/img/tm.svg) no-repeat center;
    width: 32px;
    height: 32px;
    display: block;
}

.wa-chat {
    margin-top: 12px;
    opacity: 0;
    transition: 0.5s;
    /* width: 0px; */
    height: 0px;
}

.tg-chat {
    opacity: 0;
    transition: 0.5s;
}

[height-view] .wa-chat,
[height-view] .tg-chat {
    opacity: 1;
    transition: 0.5s;
    width: 32px;
    height: 32px;
}

.wa-chat::before {
    content: '';
    background: url(/local/img/max.svg) no-repeat center;
    width: 32px;
    height: 32px;
    display: block;
}

.catalog-banner {
    width: 250px;
    height: 420px;
    margin-right: 20px;
}

.catalog-main-products {
    width: 73%;
}

.catalog-container {
    display: flex;
}

.discount-block {
    display: flex;
    justify-content: center;
    font-size: 12px;
}

.old-product-discount-number {
    background-color: #049B1C;
    color: white;
    padding: 6px 4px;
    width: 50%;
    text-align: center;
    border-top: 1px solid #049B1C;
    font: 12px Roboto-Medium
}

.old-product-discount-number[type="р"]::after {
    content: '\20BD';
    font-size: 60%;
    margin-left: 2px;
}

.old-product-discount-number[type="%"]::after {
    content: '%';
    font-size: 75%;
    margin-left: 2px;
}

.first-authorization {
    display: none;
}

.product-main .product {
    padding: 0;
}

.product-main .product-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 408px;
    height: 368px;
    margin-right: 0;
}

.product-main .product-img img {
    height: 85%;
}

.product-main .product-description {
    margin-right: 0;
    padding: 40px 38px 40px 0;
}

.product-main .product-description-name {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 28px;
}

.product-main .amount-in-pharmacy,
.product-main .amount-in-provider {
    background: #F2F2F2;
    color: #7C7B7E;
    line-height: 20px;
    padding: 8px 20px;
    font: 14px Roboto-Medium;
}

.product-main .markdown-amount {
    font-size: 14px;
}

.product-main .amount-in-pharmacy {
    margin-right: 16px;
}

.product-main .product-description-manufacturer,
.product-main .product-description-text {
    font-size: 16px;
    line-height: 20px;
    color: #7C7B7E;
}

.product-main .product-description-manufacturer:before {
    background: url(/local/ico/element/manu-t35-new14.svg) no-repeat center;
    width: 14px;
    height: 14px;
    display: inline-flex;
    padding-bottom: 2px;
}

.product-main .product-description-text:before {
    background: url(/local/ico/element/info-t35-new14.svg) no-repeat center;
    width: 14px;
    height: 14px;
    display: inline-flex;
    padding-bottom: 2px;
}

.product-main .product-description-amount {
    margin-bottom: 16px;
}

.product-main .product .product-price {
    margin-top: 30px;
    flex-direction: unset;
    justify-content: flex-start;
}

.product-main .discount-block {
    position: relative;
}

.product-main .price-block {
    width: 140px;
    margin-right: 14px;
}

.product-main .product-price-number {
    font-size: 19px;
    line-height: 20px;
}

.product-main .product .product-price-button {
    width: 160px;
    height: 64px;
    font-size: 20px;
    margin-left: 14px;
    margin-top: unset;
}

.pharmacy-list-top .product-img {
    width: 78px;
    height: 78px;
    margin-right: 10px;
}

.pharmacy-list-top .product-small {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pharmacy-list-top .product-description-name {
    font-family: 'Roboto-Medium';
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.prev:before {
    content: '';
    background: url("/local/img/prev.svg") no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
}

.next:before {
    content: '';
    background: url("/local/img/next.svg") no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
}

a.prev,
a.next {
    background-color: inherit;
}

.mobile-navigation {
    display: none;
}

.mobile-product-options {
    display: none;
}

.mobile-product-filter {
    display: none;
}

.pop-up-input-blur {
    position: fixed;
    top: 300px;
    background-color: white;
    width: 350px;
    text-align: center;
    left: calc(50% - 175px);
    border-radius: 2px;
    z-index: 2;
}

.pop-up-input-blur-background {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #332525;
    opacity: 0.4;
}

.pop-up-blur-title {
    background-color: #EFEFEF;
    color: #455A64;
    padding: 20px;
    font-size: 20px;
    font-family: 'Roboto-Medium';
}

.pop-up-blur-product-name {
    padding: 20px 20px 0 20px;
    font-family: 'Roboto-Medium';
    color: #455A64;
}

.pop-up-blur-buttons {
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.pop-up-blur-delete,
.pop-up-blur-save {
    cursor: pointer;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
}

.pop-up-blur-delete {
    background-color: #F2F2F2;
    color: #7C7B7E;
    width: 140px;
}

.pop-up-blur-save {
    background-color: #7A4DAD;
    color: white;
    min-width: 150px;
}

#main[zindex],
#footer[zindex],
.clear-input-btn[zindex] {
    z-index: -1;
}

#header[zindex0] {
    z-index: 0;
}

.catalog-main a[select] {
    color: #7A4DAD;
}

body[unscroll] {
    overflow: hidden;
}

input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    height: 100%;
}

input[type="checkbox"]+.filter-label {
    display: inline-flex;
    /*align-items: center;*/
    user-select: none;
}

input[type="checkbox"]+.filter-label::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #C1C1C1;
    border-radius: 2px;
    margin-right: 10px;
    box-sizing: border-box;
}

input[type="checkbox"]:checked+.filter-label::before {
    background: url("/local/img/chkbx-checked.svg") no-repeat center;
    border: 1px solid #7A4DAD;
}

.anchor {
    position: fixed;
    bottom: -50px;
    transition: .5s;
    cursor: pointer;
    right: 247px;
    z-index: 3;
}

.anchor::before {
    content: '';
    background: url('/local/img/anchor.svg') no-repeat center;
    display: block;
    width: 40px;
    height: 40px;
}

.info-basket-privacy a {
    color: #7A4DAD;
}

.map-element-description {
    font-family: 'Roboto-Italic';
    color: #7C7B7E;
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px;
}

@keyframes animat {
    from {
        top: calc(100% - 220px);
    }

    to {
        top: calc(100% - 220px);
    }

    50% {
        top: calc(100% - 230px);
    }
}

.pharmacy-list[anim] {
    animation-name: animat;
    animation-duration: 0.8s;
}

.product-last-seen {
    text-align: center;
    line-height: 1.1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 10px;
    background: #F2F2F2;
    color: #7C7B7E;
    border-radius: 1px 1px 0px 0px;
    height: 65px;
    width: 140px;
}

.product-last-seen:before {
    content: "Был в продаже";
    display: inline-flex;
    line-height: 2;
}

/*div[show] {*/
/*    display: block;*/
/*}*/

.email-subscription {
    position: fixed;
    width: 350px;
    background-color: white;
    z-index: 2;
    top: 25%;
    padding: 25px;
}

.email-subscription-header {
    text-align: center;
}

.email-subscription-input {
    height: 100%;
    font-size: 20px;
    background-color: #F2F2F2;
    padding: 12px 10px;
}

.email-subscription-img-label-group {
    margin: 20px 0;
    display: flex;
}

.email-subscription-img {
    padding: 0 10px;
    width: 40px;
    height: 40px;
}

.email-subscription-label-text {
    display: block;
    text-align: center;
}

.email-subscription-label-text a {
    color: #7A4DAD;
}

.email-subscription-button-submit {
    background: #7A4DAD;
    color: white;
    border-radius: 1px;
    cursor: pointer;
    width: 100%;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    margin: 20px 0;
    font-size: 16px;
}

.catalog-filter {
    margin-right: 20px;
    width: 250px;
    padding: 20px;
    background-color: white;
    height: 100%;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.filter-header-title {
    padding: 6px;
}

.filter-header-title:before {
    content: '';
    background: url("/local/img/filter14.svg") no-repeat center;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 9px;
    margin-bottom: -2px;
}

.catalog-filter .filter-reset {
    background-color: #F2F2F2;
    align-items: center;
    cursor: pointer;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    height: 36px;
}

.filter-title {
    margin-bottom: 15px;
    cursor: pointer;
    font-family: 'Roboto-Medium';
}

.filter-title[title="product_mnn"]:after {
    content: 'Действующее вещество';
}

.filter-title[title="manufacturer_name"]:after {
    content: 'Производитель';
}

.filter-title[title="price"]:after {
    content: 'Цена';
}

.filter-title[title="product_in_pharmacies"]:after {
    content: 'Наличие в аптеках';
}

.filter-title[title="brand_line"]:after {
    content: 'Линейка';
}

.filter-title[title="release_form"]:after {
    content: "Форма выпуска";
}

.filter-title[title="trade_title"]:after {
    content: "Торговое наименование";
}

.filter-title[title="trademark"]:after {
    content: "Торговая марка";
}

.filter-title[title="weight"]:after {
    content: "Вес";
}

.filter-title[title="volume"]:after {
    content: "Объем";
}

.filter-title[title="count_dosages"]:after {
    content: "Количество доз";
}

.filter-title[title="amount_in_package"]:after {
    content: "Количество в упаковке";
}

.filter-title[title="taste"]:after {
    content: "Вкус";
}

.filter-title[title="primary_package"]:after {
    content: "Тип первичной упаковки";
}

.filter-title[title="skin_hair_type"]:after {
    content: "Тип кожи и волос";
}

.filter-title[title="size"]:after {
    content: "Размер";
}

.filter-title[title="vendor_code"]:after {
    content: "Артикул";
}

.filter-title[title="for_kids"]:after {
    content: "Для детей";
}

.filter-title[title="dosages"]:after {
    content: "Дозировка";
}

.filter-title[title="diopter"]:after {
    content: "Диоптрия";
}

.filter-title[title="diameter"]:after {
    content: "Диаметр";
}

.filter-title[title="radius"]:after {
    content: "Радиус кривизны";
}

.filter-title:before {
    content: '';
    background: url("/local/img/arrow-up.svg") no-repeat center;
    width: 14px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
}

.filter-title[close]:before {
    background: url("/local/img/arrow-down.svg") no-repeat center;
}

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

.catalog-filter .filter-item-body {
    margin-bottom: 10px;
}

.filter-body>div:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 1px solid #F2F2F2;
}

.filter-item-body>div:not(:last-child) {
    margin-bottom: 8px;
}

.filter-item-body .name {
    word-break: break-word;
}

.filter-item-body>div {
    display: flex;
    cursor: pointer;
    position: relative;
}

.price-item-body {
    justify-content: space-between;
    width: 100%;
}

.catalog-filter .filter-but {
    width: 100%;
}

.filter-item-body[attr="price"] {
    display: flex;
    justify-content: space-between;
}

.filter-item-body[attr="price"] input {
    font-size: 14px;
    width: 100px;
    background-color: #F2F2F2;
    padding: 4px 10px;
    box-sizing: border-box;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}


iframe[title="reCAPTCHA"].err {
    border: 1px solid red;
    width: 99%;
    height: 75px;
    border-radius: 5px;
}

.seo-text {
    margin-top: 34px;
    background: white;
    padding: 10px 20px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}

[opacity] {
    opacity: 0.5;
}

.open-seo-text {
    align-self: center;
    text-align: center;
    padding: 5px;
    background: #7A4DAD;
    cursor: pointer;
    color: white;
}

.open-seo-text[open]::before {
    content: 'Развернуть';
}

.open-seo-text::before {
    content: 'Свернуть';
}

.seo-text p:first-child {
    margin-bottom: 0;
}

img[last-seen] {
    filter: grayscale(100%);
}

.popup-img .big-img-for-popup {
    display: block;
}

.big-img-for-popup {
    display: none;
}

.clue {
    top: 0;
    left: 0;
    position: absolute;
    /* z-index: 1; */
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

.question {
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    background-color: #F2F2F2;
}

.product-main .product-img .question img {
    height: unset;
}

.product .question {
    position: absolute;
    left: 32px;
    bottom: 32px;
}

.product .question::after {
    content: attr(data-tooltip);
    position: absolute;
    width: 220px;
    line-height: 1.2;
    left: 35px;
    bottom: 0;
}

.product-description-manufacturer .tooltip,
.product-description-text .tooltip {
    position: absolute;
    border-radius: 1px;
    background: #afafaf;
    color: white;
    padding: 0.5em;
    opacity: 0;
    pointer-events: none;
    transition: 1s;
    z-index: 1;
    font-size: 11px;
}

.product-description-manufacturer:hover .tooltip {
    opacity: 1;
}

.product-description-text:hover .tooltip {
    opacity: 1;
}

.product .question::after {
    border-radius: 1px;
    background: #afafaf;
    color: white;
    padding: 0.5em;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    z-index: 1;
    font-size: 11px;
}

.price-from-span {
    font-size: 16px;
}

.product .question:hover::after {
    opacity: 1;
}

@keyframes a1 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.prescription {
    color: #7C7B7E;
    background-color: #E6E6E6;
}

.strict-accountability {
    color: #CF8210;
    background-color: #FDE9CC;
}

.dividing-line-container {
    padding-bottom: 20px;
}

.dividing-line-content {
    display: flex;
    justify-content: center;
    position: relative;
}

.dividing-line-text {
    color: #7A4DAD;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.035em;
    text-align: left;
    padding: 0 20px;
    z-index: 1;
    background-color: #F5F5F5;
}

.dividing-line {
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #C1C1C1;
    top: 10px;
    z-index: 0;
}

.brand-banner-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 38px;
    overflow: hidden;
}

.brand-banner-wrapper {
    overflow: hidden;
    width: 100%;
}

.brand-banner-items {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    will-change: transform;
    user-select: none;
}

:root {
    --items-per-page: 7;
}

.brand-banner-item {
    flex: 0 0 calc((100% / var(--items-per-page)) - 1px);
    max-width: calc((100% / var(--items-per-page)) - 1px);
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    width: 127px;
    height: 68px;
}

.brand-banner-item picture {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
    display: block;
}

.brand-banner-item picture:hover {
    transform: scale(1.2);
}

.brand-banner-item img {
    width: 100%;
    height: auto;
}

.brand-banner-navi-left,
.brand-banner-navi-right {
    color: white;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    flex: none;
    cursor: pointer;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b9b9b92e;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.brand-banner-navi-left {
    left: 10px;
    padding-right: 2px;
}

.brand-banner-navi-right {
    right: 10px;
    padding-left: 2px;
}

.brand-banner-navi-left,
.brand-banner-navi-right {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.brand-banner-container:hover .brand-banner-navi-left,
.brand-banner-container:hover .brand-banner-navi-right {
    opacity: 1;
    pointer-events: auto;
}

.brand-banner-navi-left:hover,
.brand-banner-navi-right:hover {
    background-color: #1212122e;
}

.brand-banner-navi-left:before,
.brand-banner-navi-right:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 22px;
}

.brand-banner-navi-left:before {
    background: url("/local/img/arrow-left.svg") no-repeat center center;
    background-size: contain;
}

.brand-banner-navi-right:before {
    background: url("/local/img/arrow-right.svg") no-repeat center center;
    background-size: contain;
}

.pay-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(69, 90, 100, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.pay-modal {
    width: 360px;
    background-color: white;
    padding: 20px 30px 20px 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.pay-modal[one-provider] {
    min-height: 158px;
}

.pay-modal[two-provider] {
    min-height: 238px;
}

.pay-modal-error-text {
    z-index: 1;
    margin-top: -40px;
    transition: margin-top 0.5s ease-in-out;
    color: red;
    font-size: 16px;
}

.pay-modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.pay-modal-close:before {
    content: '';
    background: url(/local/img/delete-all-viol.svg) center no-repeat;
    display: block;
    width: 15px;
    height: 15px;
}

.pay-modal-error-text[down] {
    margin-top: 0px;
}

.pay-modal-text {
    font-size: 18px;
    margin: 10px;
    color: #455A64;
    font-weight: bold;
    user-select: none;
    margin-bottom: 24px;
}

.payment-option {
    background-color: #eff5f6;
    color: #323232;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 10px 0;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
}

.payment-option[provider="alfa"] {
    order: 3;
    margin-top: 0;
    z-index: 2;
    background-color: #e32a16;
}

.payment-option[provider="sber"] {
    order: 1;
    background: #23b13e;
}

.payment-option[provider="sber-pay"] {
    order: 2;
    margin-top: 0;
}

.payment-icons {
    display: flex;
    gap: 15px;
    user-select: none;
    align-items: center;
}

.payment-icons img {
    margin: 0 5px;
    align-self: center;
    pointer-events: none;
    background-color: white;
    padding: 2px;
    border-radius: 4px;
}

.payment-icons .visa,
.payment-icons .mir {
    height: 7px;
}

.payment-icons .mastercard,
.payment-icons .unionpay {
    height: 10px;
}

.payment-label {
    font-size: 16px;
    margin: 8px 0 0;
    color: white;
    user-select: none;
}

.card-pay {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sber-pay {
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    padding: 10px;
    background: linear-gradient(45deg, #87EF3D, #00AFED);
    border-radius: 3px;
}

.sber-pay img {
    height: 32px;
    pointer-events: none;
    transition: transform 0.3s ease;
    transform-origin: center;
}

.breadcrumb>a:after {
    content: "/";
    padding: 0 8px;
}

.breadcrumb>a:last-child:after {
    content: none;
}

.breadcrumb>a[style] {
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 28px;
    background-position: 0px 1px;
}

.breadcrumb {
    padding: 25px 0;
}

.breadcrumb ol {
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.breadcrumb ol li:last-child {
    color: #7A4DAD;
}

.breadcrumb {
    list-style-type: none;
    white-space: nowrap;
}

.breadcrumb li:after {
    content: "";
    padding: 0 10px;
    background: url("/local/img/bread-arrow.svg") no-repeat center;
    width: 4px;
    height: 9px;
    display: inline-block;
}

.breadcrumb li:last-child:after {
    display: none;
}

.filter-fast-access {
    background-color: white;
    padding: 14px 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.filter-fast-access-title {
    font-size: 16px;
}

.filter-fast-access-choose {
    display: flex;
    flex-wrap: wrap;
}

.filter-fast-access .btn {
    width: fit-content;
    background-color: #7A4DAD;
    padding: 5px 10px;
    color: white;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 10px;
}

.erid-action-nav {
    position: absolute;
    top: 0;
    right: 0;
    top: 16px;
    right: 16px;
    font-size: 12px;
    color: white;
}

.erid-label {
    padding: 2px 8px;
    background-color: rgba(0,0,0,.3);
    border-radius: 2px;
    height: 25px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.erid-action-nav img {
    height: 13px;
}

.erid-info {
    border-radius: 2px;
    background-color: #EDEDED;
    right: 0;
    top: 30px;
    width: max-content;
    position: absolute;
    padding: 5px 20px;
    color: black;
    display: none;
}

.erid-info .erid-title {
    font-weight: 600;
}

.erid-info div {
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.erid-action-nav:hover .erid-info {
    display: block;
}

.second-banners-container .erid-action-nav img {
    height: 11px;
}

.second-banners-container .erid-label {
    padding: 5px;
    height: unset;
}

.second-banners-container .erid-info {
    background-color: white;
}

.banner-el[href] {
    cursor: pointer;
}

.loading-body {
    content: "";
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F5F5F5;
    z-index: 1;
    cursor: default;
    align-items: center;
    justify-content: center;
}

.loading-cover {
    content: "";
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(69, 90, 100, 0.7);
    z-index: 500;
    cursor: default;
    align-items: center;
    justify-content: center;
}

.loading {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #7A53AA;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    pointer-events: none;
    cursor: none;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.modal-remove-user {
    display: block;
}

.modal-remove-user {
    width: 300px;
    position: fixed;
    background-color: white;
    z-index: 1;
    display: none;
    top: 25%;
}

.modal-remove-user:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7C7B7E8A;
    opacity: 50%;
    z-index: -1;
}

.modal-remove-user .modal-buttons {
    min-width: 90px;
}

.modal-remove-user .modal-title {
    line-height: 20px;
}

.modal-title {
    background-color: #EFEFEF;
    font-size: 20px;
    text-align: center;
    padding: 20px 0;
}

.modal-label-title {
    text-align: center;
    padding: 20px;
    border: 1px solid lightgray;
    margin: 20px;
}

.modal-group {
    background-color: white;
    padding: 20px;
}

.modal-group-buttons {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

.modal-buttons {
    padding: 10px 14px;
    border-radius: 2px;
    font-size: 14px;
    color: white;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
}

.modal-button-second {
    background-color: #F2F2F2;
    color: #7C7B7E;
}

.modal-button-main {
    background-color: #7A4DAD;
    color: white;
    min-width: 120px;
}

.mobile-footer-menu {
    display: none;
}

.app-banner {
    display: none;
}

.loading {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #7A4DAD;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    pointer-events: none;
    cursor: none;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}