 
 /* Reset and base styles  */
 * {
    padding: 0px;
    margin: 0px;
    border: none;
}


body::-webkit-scrollbar {
    width: 8px;             
}
  
body::-webkit-scrollbar-track {
    background: none;     
}
  
body::-webkit-scrollbar-thumb {
    background-color: #C9C9C9;    
    border-radius: 4px;      
    border: 4px solid #C9C9C9; 
}

::-webkit-scrollbar-thumb:hover {
    background-color: #A1A1A1;
    border: 4px solid #A1A1A1; 
}


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

.swiper-wrapper.non-init {
    gap: 10px;
}

.swiper-slide.non-init {
    width: 220px !important;
    height: 215px !important;
}

/* Links */

a, a:link, a:visited  {
    text-decoration: none;
}

a:hover  {
    text-decoration: none;
}

/* Common */

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

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

ul, ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

img, svg {
    max-width: 100%;
    height: auto;
}

address {
  font-style: normal;
}

/* Form */

input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

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

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

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

label {
    cursor: pointer;
}

legend {
    display: block;
}

body {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 400;
}

body.overflow {
    overflow: hidden;
}

input:hover, textarea:hover, input:focus, textarea:focus {
    border: 1px solid #A1A1A1 !important;
}

.modal-cart__order-input.no-valid label {
    color: #D8463D !important;
}

.modal-cart__order-input.no-valid input {
    border: 1px solid #D8463D !important;
}

.container {
    width: 1140px;
    margin: auto;
}

header {
    display: flex;
    flex-direction: column;
}

.header-block {
    display: flex;
    justify-content: space-between;
    padding: 18px 0 15px 0;
    border-bottom: 1px solid #E0E0E0;
}

.header-block__left {
    display: flex;
    gap: 75px;
}

.header-block__nav {
    display: flex;
    gap: 30px;
    align-items: center;
}

.header-block__nav a {
    font-size: 16px;
    color: #7A7A7A;
}

.header-block__nav a:hover {
    color: #eb4f1a;
}
.header-block__nav .active a {
    color: #eb4f1a;
}

.header-menu {
    display: flex;
    padding: 15px 0 16px 0;
    height: 71px;
    background: #FFF;
}

.header-block__logo img {
    max-height: 60px;
}

.header-menu .header-menu__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header-block.to-fixed {
    height: 165px;
}

.header-menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: center;
}


.header-menu.fixed .header-menu__block {
    max-width: 1140px;
}

.header-menu__logo {
    width: 0;
    display: none;
    transition: all .5s;
}

.header-menu.fixed .header-menu__logo {
    width: 49px;
    display: block;
}

.header-menu__links {
    display: flex;
    gap: 39.55px;
    transition: all .5s;
}

.header-menu.fixed .header-menu__links {
    gap: 26.16px;
}

.header-menu__links .active a {
     color: #eb4f1a;
}

.header-menu__links a {
    color: #3A3A3A;
    font-size: 16px;
}

.header-menu__links a:hover,.breadcrumbs li a:hover {
    color: #eb4f1a;
}

.header-menu__cart {
    display: flex;
    gap: 10px;
    position: relative;
    align-items: center;
    cursor: pointer;
    padding: 5px 0;
}

.header-menu__cart:hover svg path {
    fill: #EB4F1A;
}

.header-menu__cart span {
    position: absolute;
    top: -2px;
    left: 13px;
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
    background: #EB4F1A;
    border: 2px solid #FFFFFF;
    border-radius: 53.36px;
    width: 28px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-menu__cart p {
    color: #3A3A3A;
    font-size: 16px;
    font-weight: 600;
}

.posters.swiper, div.posters {
    margin-top: 25px;
}

.posters img {
    border-radius: 10px;
    border: 2px solid #FFFFFF;
}

.posters .swiper-slide {
    border: 2px solid #EB4F1A;
    border-radius: 10px;
}

.posters h1 {
    color: #3A3A3A;
    font-size: 40px;
    font-weight: 600;
    line-height: 46.88px;
}

.posters p {
    color: #7A7A7A;
    font-size: 16px;
    line-height: 24px;
}

.posters.container {
    padding-bottom: 30px;
}

.product-category__section {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 40px;
}

.product-category__section.cat-page {
    margin-top: 20px;
}

.product-category__section.cat-page h1 {
    font-size: 40px;
}

.one-con {
    margin-top: 0;
}

.product-category__section h1, .product-category__section h2 {
    color: #3A3A3A;
    font-size: 32px;
    font-weight: 600;
}

.product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 20px;
}

.product__elem {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: auto;
    box-shadow: 0px 0px 35px 0px #1F21261A;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.leader {
    position: absolute;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 4px;
    padding: 6px 12px 6px 8px;
    background: #fff;
    border-radius: 4px;
    top: 11.36px;
    left: 10px;
}

.leader span {
    font-weight: 600;
    font-size: 12px;
    line-height: 108%;
    color: #3a3a3a;
}

.product__elem-img {
    height: 367px;
}

.product__elem-block {
    padding: 16px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.product__elem-block .title {
    font-size: 20px;
    line-height: 135%;
    font-weight: 600;
    color: #3A3A3A;
}

.product__elem-block .title span {
    font-size: 12px;
    color: #7A7A7A;
    position: relative;
    top: -5px;
    left: 5px;
}

.product__elem-block .description {
    color: #7A7A7A;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.product__elem-info {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product__elem-info p {
    color: #3A3A3A;
    font-size: 22px;
    font-weight: 600;
    height: fit-content;
}

.add-cart__btn {
    background: #FDEBE5;
    border-radius: 10px;
    padding: 8px 20px 8px 20px;
    color: #EB4F1A;
    font-weight: 600;
    font-size: 16px;
    height: 40px;
}

.add-cart__btn:hover {
    background: linear-gradient(90.98deg, #EB4F1A -4.19%, #EC6739 111.12%);
    color: #FFF;
}

.next-product {
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    width: fit-content;
    margin: auto;
}

.next-product svg {
    margin-top: 1px;
}

.next-product:hover {
    color: #EB4F1A;
}

.product__elem.horizontal {
    height: auto;
    flex-direction: row;
}

.horizontal .product__elem-img {
    height: 100%;
    width: 124px;
    min-width: 124px;
}

.horizontal .product__elem-img img {
    width: 124px;
    height: 121px;
}

.horizontal .product__elem-block {
    padding: 11px 11px 11px 16px;
    width: 100%;
}

.horizontal .product__elem-info {
    margin-top: 0;
}

.horizontal .product__elem-block {
    justify-content: space-between;
}

.horizontal .title {
    font-size: 18px;
}

footer {
    margin-top: 50px;
    height: 373px;
    background: #282828;
    padding: 40px 0;
    position: relative;
}

.footer-block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-top__elem {
    display: flex;
    align-items: start;
    gap: 5px;
}

.footer-top__elem p {
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.footer-top__elem svg {
    margin-top: 1px;
}

.footer-top__elem:nth-child(2) p {
    width: 232px;
}

.footer-top__elem:nth-child(3) p {
    width: 180px;
}

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

.footer-center a {
    font-size: 16px;
    color: #FFFFFF;
}

footer hr {
    background: #FFFFFF;
    height: 1px;
    opacity: 0.2;
}

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

.footer-bottom p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
}

.footer-bottom a {
    color: #B7B7B7;
    font-size: 16px;
    line-height: 24px;
}

.footer-bottom__left {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-bottom__right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-bottom__right a, .footer-bottom__right p {
    text-align: end;
}

.number-select {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.number-select__block {
    display: flex;
    gap: 5px;
    align-items: center;
}

.number-select__block svg {
    cursor: pointer;
}

.number-select__block span {
    background: #48AB25;
    width: 8.65px;
    height: 8.65px;
    display: block;
    border-radius: 50%;
}

.number-select p {
    color: #EB4F1A;
    font-size: 16px;
    line-height: 20.8px;
    font-weight: 600;
    text-align: right;
    padding-right: 18px;
    margin-top: 1px;
}

.number-select__block a {
    color: #3A3A3A;
    font-size: 20px;
    line-height: 22.18px;
    font-weight: 600;
    padding-right: 0;
}

footer .number-select p {
    color: #B7B7B7;
    font-weight: 400;
}

footer .number-select__block p {
    color: #FFF;
    font-weight: 500;
}

.arrow-top {
    position: fixed;
    width: 32px;
    height: 32px;
    background: #87878733;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 3%;
    bottom: 120px;
    transition: all .5s;
    opacity: 0;
    cursor: pointer;
}

.arrow-top.active {
    opacity: 1;
}

.breadcrumbs {
    display: flex;
    gap: 13px;
}

.breadcrumbs li {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 13px;
    color: #626262;
    font-size: 16px;
    line-height: 24px;
    height: fit-content;
    
}

.breadcrumbs li a {
    color: #626262;
}

.breadcrumbs li.active {
    color: #B7B7B7;
    font-size: 16px;
    line-height: 24px;
}

.breadcrumbs li::before {
    content: "";
    background: #878787;
    width: 3.76px;
    height: 3.76px;
    border-radius: 50%;
    display: block;
}

.breadcrumbs li.active::before {
    display: none;
}

.contacts {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.contacts h4,.contacts h1 {
    font-size: 40px;
    color: #3A3A3A;
    font-weight: 600;
    line-height: 46.88px;
    margin-bottom: 30px;
}

.contacts-block {
    box-shadow: 0px 0px 35px 0px #1F21261A;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 30px;
}

.contacts-block__cards {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.contacts-block__card {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contacts-block__card div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contacts-block__card h6 {
    margin-top: 10px;
    font-weight: 600;
    color: #3A3A3A;
    line-height: 24px;
}

.contacts-block__card p, .contacts-block__card .tel a {
    font-weight: 400;
    color: #3A3A3A;
    line-height: 24px;
    border-bottom: none;
}

.contacts-block__card a {
    font-weight: 400;
    color: #7A7A7A;
    line-height: 24px;
    border-bottom: 1px dashed #A1A1A1;
}

.contacts-block__messsengers {
    text-align: center;
}

.contacts-block__messsengers a {
    font-weight: 500;
    color: #FC6A39;
}

.contacts-info {
    box-shadow: 0px 0px 35px 0px #1F21261A;
    margin-top: 25px;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.contacts-info h6 {
    line-height: 28.13px;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px;
}

.contacts-info p {
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.contacts-maps {
    margin-top: 40px;
}

.contacts-maps h4 {
    font-size: 32px;
    line-height: 36.8px;
}

.contacts-maps__block {
    border-radius: 12px;
    border: 11px solid #FFFFFF;
    box-shadow: 0px 0px 35px 0px #1F21261A;
}

.stocks {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}


.stocks h4 {
    font-size: 40px;
    color: #3A3A3A;
    font-weight: 600;
    line-height: 46.88px;
}

.stocks-block {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.stocks__elem {
    border-radius: 12px;
    box-shadow: 0px 0px 35px 0px #1F21261A;
    display: flex;
    gap: 40px;
    padding: 20px;
    height: 390px;
}

.stocks__elem-img {
    border-radius: 10px;
    height: 100%;
    width: 360px;
    min-width: 360px;
}

.stocks__elem-img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.stocks__elem-block {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.stocks__elem-title {
    color: #3A3A3A;
    font-size: 34px;
    font-weight: 600;
    line-height: 46.88px;
}

.stocks__elem-description {
    color: #3A3A3A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.stocks__elem-sum {
    color: #3A3A3A;
    font-size: 20px;
    font-weight: 600;
    line-height: 23.44px;
}

.stocks__elem-block ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.stocks__elem-block li {
    color: #3A3A3A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.stocks__elem-date {
    margin-top: 21px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #B7B7B7;
}

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

.delivery h4,.delivery h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 46.88px;
    text-align: left;
    color: #3A3A3A;
}

.delivery-block {
    display: flex;
    gap: 25px;
    margin-top: 30px;
}

.delivery-block__elem {
    box-shadow: 0px 0px 35px 0px #1F21261A;
    padding: 30px 30px 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-radius: 12px;
    flex: 1;
    max-width: 557.5px;
}

.delivery-block__elem h6 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.13px;
    text-align: left;
    color: #3A3A3A;
}

.delivery-block__cards {
    margin-top: 5px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28.75px;
}

.delivery-block__card {
    display: flex;
    gap: 15px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-wrap: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: center;
    color: #3A3A3A;
}

.delivery-block__elem p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    text-align: center;    
}

.delivery-block__elem p strong {
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    text-align: center;    
}

.delivery-message {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    padding: 30px;
    box-shadow: 0px 0px 35px 0px #1F21261A;
    border-radius: 12px;
    margin-top: 25px;
    color: #000;
}

.delivery-maps {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.delivery-maps h5 {
    font-size: 32px;
    font-weight: 600;
    line-height: 36.8px;
    text-align: left;
    color: #3A3A3A;
}

.delivery-maps__block {
    border-radius: 12px;
    box-shadow: 0px 0px 35px 0px #1F21261A;
    border: 11px solid #FFFFFF;
}

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

.posters-pluses {
    display: flex;
    gap: 20px;
    margin-top: 25px;
}

.posters-pluses__elem {
    height: 116px;
    flex: 1;
    width: 33.3%;
    box-shadow: 0px 0px 35px 0px #1F21261A;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 30px;
}

.posters-pluses__elem p {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: left;
    color: #3A3A3A;
}

.posters-pluses__elem  svg {
    width: 57px;
    min-width: 57px;
}

.posters-pluses__elem:nth-child(2) svg {
}

.posters-pluses__elem:nth-child(3) svg {
}

br.mobile {
    display: none;
}

.contacts-block svg.mobile {
    display: none;
}

.modal-cart {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    justify-content: end;
    transition: all 0.5s;
}

.modal-cart.active {
    display: flex;
    transform: translateX(0%);
}

.modal-cart__block {
    background: #fff;
    width: 560px;
    height: 100%;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    position: relative;
}


.modal-cart__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.13px;
    text-align: left;   
    color: #3A3A3A;
    padding-left: 20px;
}

.modal-cart__title span {
    font-size: 20px;
    font-weight: 600;
    line-height: 23.44px;
    text-align: left;    
    color: #7A7A7A;
}

.modal-cart__product-list {
    margin-top: 10px;
   
}

.modal-cart__order {
    padding: 20px;
    box-shadow: 0px -11px 35px 0px #1F21261A;
}

.modal-cart__order h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    color: #3A3A3A; 
}

.modal-cart__order-block {
    margin-top: 11px;
}

.modal-cart__order-block {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 15px;
}

.modal-cart__order-input {
    position: relative;
}

.modal-cart__order-input:nth-child(3), .modal-cart__order-input:nth-child(3) input {
    width: 100%;
}

.modal-cart__order-input label {
    font-size: 13px;
    font-weight: 400;
    line-height: 19.5px;
    text-align: left;  
    color: #7A7A7A;  
    background: #fff;
    position: absolute;
    left: 15.75px;
    top: -9px;
    padding: 0 4px;
    cursor: auto;
}

.modal-cart__order-input input, .modal-cart__order-input input, .modal-cart__order-input textarea {
    width: 252.5px;
    height: 60px;
    padding: 20px 17px 20px 17px;
    gap: 0px;
    border-radius: 10px;
    justify-content: space-between;
    border: 1px solid #E0E0E0;
    outline: none;    resize: none;
    -ms-overflow-style: none;   
    scrollbar-width: none;
}

.modal-cart__order-input textarea {
    width: 100%;
    min-height: 60px;
}

.modal-cart__order-radio {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 5px;
}

.modal-cart__order-radio label {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #3A3A3A;
}

.modal-cart__order-radio label input {
    opacity: 0;
    position: absolute;
}

.modal-cart__order-radio label div {
    border: 1.5px solid #E0E0E0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.modal-cart__order-radio label div.active {
    border: 1.5px solid #EB4F1A;
    padding: 5px;
}

.modal-cart__order-radio label div div {
    border: none;
}

.modal-cart__order-radio label div.active div {
    border: 1.5px solid #EB4F1A;
    background: #EB4F1A;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.modal-cart__order button {
    margin-top: 20px;
    background: linear-gradient(90.98deg, #EB4F1A -4.19%, #EC6739 111.12%);
    height: 50px;
    width: 100%;
    padding: 8px 20px 8px 20px;
    gap: 4px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: center;
    color: #FFF;
    z-index: 1000;
    position: relative;
}

.modal-cart__order button:hover {
    color: #fff;
    background: linear-gradient(90.98deg, #DF4714 -4.19%, #E55F31 111.12%);
}

.modal-cart__product-list-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 20px;
    padding-bottom: 50px;
}

.close-modal-cart {
    width: 39.33px;
    height: 38.37px;
    margin: auto 0;
    margin-right: 33.98px;
    z-index: 1;
}

.modal-cart__elem {
    box-shadow: 0px 0px 35px 0px #1F21261A;
    border-radius: 12px;
    padding: 10px;
    display: flex;
    gap: 16px;
    height: 109px;
}

.modal-cart__elem img {
    width: auto;
    height: 100%;
    min-width: 89px;
}

.modal-cart__elem-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.modal-cart__elem-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.modal-cart__elem-top h4 {
    width: 335px;
    font-size: 16px;
    font-weight: 600;
    line-height: 21.6px;
    text-align: left;
    color: #3A3A3A;
}

.modal-cart__elem-top h4 span {
    color: #7A7A7A;
    font-size: 12px;
    font-weight: 600;
    line-height: 16.4px;
    text-align: left; 
    top: -5px;
    left: 5px;
    position: relative; 
}

.model-cart__elem-delete {
    margin-top: 5px;
    margin-right: 2.22px;
    width: 11.33px;
    height: 11.07px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.model-cart__elem-delete svg {
    width: 11.33px;
    height: 11.07px;
}

.model-cart__elem-delete svg path {
    transition: all .5s;
}

.model-cart__elem-delete:hover svg path {
    fill: #000;
}

.modal-cart__elem-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-cart__elem-count {
    background: #F6F6F6;
    border-radius: 10px;
    display: flex;
    gap: 13.5px;
    width: 92px;
    align-items: center;
    height: 35px;
    justify-content: center;
}

.modal-cart__elem-count button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.modal-cart__elem-count .count {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    color: #3A3A3A;
    min-width: 18px;
    text-align: center;
}

.modal-cart__elem-info {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: left;
    height: 18px;
}

.modal-cart__elem-info .count {
    color: #B7B7B7;
}

.modal-cart__elem-info .price {
    color: #3A3A3A;
}

.order-itog {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: right;    
    color: #3A3A3A;
    margin-top: 10px;
    padding-right: 20px;
}

.number-select {
    position: relative;
}

.number-select__block span {
    display: flex;
    justify-content: center;
}

.toggle-arrow {
    transition: all 0.5s;
    height: 100%;
}

.toggle-arrow.rotate {
    transform: rotate(180deg);
}

.time-work {
    position: absolute;
    width: 335px;
    display: none; 
    flex-direction: column;
    align-items: end;
    top: 20px;
    left: -72.5%;
    z-index: 999;
}

.time-work.active {
    display: flex; 
}

.time-work .rectangle {
    width: 16.88px;
    height: 12.41px;
    top: 3px;
    right: 4px;
    position: relative;
}

.time-work__block {
    background: #2D2D2D;
    border-radius: 6px;
    padding: 15px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}

.time-work__block div {
    display: flex;
    gap: 8px;
}

.time-work__block div p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #FFFFFF;
}

.time-work__block span {
    color: #B7B7B7;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    text-align: left;
    width: 100%;
    height: auto;
    background: none;
    border-radius: 0%;
}

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

.modal-add_product {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 165px;
    width: 100%;
}

.modal-add_product .container {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 10.5px;
}

.modal-add_product__elem {
    padding: 12px 15px;
    border-radius: 12px;
    background: #2D2D2D;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: center; 
    color: #FFF;   
    display: none;
}

.cart-empty {
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.cart-empty p {
    margin-top: 16px;
    font-family: Roboto Flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 21.6px;
    text-align: center;
    color: #3A3A3A;
}

.cart-empty a, .btn-cart {
    width: 220px;
    height: 50px;
    background: linear-gradient(90.98deg, #EB4F1A -4.19%, #EC6739 111.12%);
    color: #FFFFFF;
    font-family: Roboto Flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
}
.cart-empty .close-modal-cart {
    display: flex;
    margin: 0;
    margin-right: 0;
}

.posters.container {
    
}

.close-modal-cart svg:nth-child(2) {
    display: none;
}

.modal-call {
    background: #222222BF;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    justify-content: center;
    align-items: center;
}

.modal-call.active {
    display: flex;
}

.modal-call__block {
    border-radius: 12px;
    background: #FFF;
    padding: 30px 31.5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 500px;
    position: relative;
}

.modal-call__block .step-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-call__block h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.13px;
    text-align: center;
    color: #3A3A3A;
}

.modal-call__block p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #3A3A3A;
    margin-top: 10px;
}

.modal-call__block form {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    width: 100%;
}

.modal-call__block form .modal-cart__order-input, .modal-call__block form input {
    width: 100%;
}

.modal-call__block button {
    height: 50px;
    width: 100%;
    background: #F7F7F7;
    border-radius: 10px;
    color: #ADADAD;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: left;    
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-call__block button.active {
    background: linear-gradient(90.98deg, #EB4F1A -4.19%, #EC6739 111.12%);
    color: #FFF;
}

.modal-call__block span {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    text-align: center;
    color: #B7B7B7;    
}

.modal-call_close {
    position: absolute;
    right: -30px;
    top: -30px;
    cursor: pointer;
}

.modal-call_close svg:nth-child(2) {
    display: none;
}

.modal-call__block .step-2 {
    display: none;
    flex-direction: column;
    align-items: center;
}

.modal-call__block .step-2 button {
    margin-top: 30px;
}

.open-modal {
    cursor: pointer;
}

.open-modal:hover {
    color: #000;
}

.modal-call_close svg:nth-child(1), .close-modal-cart svg:nth-child(1) {
    transition: all 0.5s;
    cursor: pointer;
}

.modal-call_close svg:nth-child(1):hover, .close-modal-cart svg:nth-child(1):hover, .modal-action_close svg:hover {
    transform: scale(1.1);
}

.header-block .header-menu__cart {
    display: none;
}

.product__elem-amount {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 40px;
    border-radius: 10px;
    background: #F6F6F6;
    padding: 0;
    width: 114px;
    justify-content: center;
}

.product__elem-amount button {
    width: 39px;
    height: 100%;
}

.product__elem-amount p {
    font-weight: 600;
    font-size: 16px;
    line-height: 70%;
    color: #3a3a3a;
    min-width: 18px;
    text-align: center;
}

.product__elem-amount button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-button {
    display: none;
}

.product__elem.horizontal {
    min-height: auto;
}

footer .number-select p:hover {
    color: #FFF;
}

footer .number-select__block p:hover {
    color: #EB4F1A;
}

.footer-center a:hover {
    color: #EB4F1A;
}

.footer-bottom__right a:hover {
    color: #FFF;
}

.mobile-menu .number-select p {
    color: #000;
}

.swiper {
    overflow: visible !important;
}

.swiper-slide {
    transition: all .5s;
}

.swiper-slide:hover {
    transform: scale(1.03) !important;
}

.modal-action {
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(30, 30, 30, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal-action.active {
    display: flex;
}

.modal-action__block {
    display: flex;
    flex-direction: column;
    align-items: end;
    max-width: 1005px;
    width: 100%;
}

.modal-action_close svg {
    cursor: pointer;
    position: relative;
}

.modal-action_close svg:nth-child(2) {
    display: none;
}

.modal-action__block .stocks__elem {
    background: #FFF;
    max-width: 960px;
    margin-left: 0;
    margin-right: auto;
}

.modal-img {
    display: none;
}


.modal-back {
    background-color: #222222BF;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
}

.number-select__block p {
    padding: 0;
}

footer .time-work {
    top: 15px;
    left: auto;
    right: -4%;
}

footer .time-work__block {
    background: #FFF;
}

footer .time-work__block p {
    color: #000 !important;
}

footer .number-select p {
    cursor: pointer;
}

footer .number-select__block a {
    color: #FFF;
}

footer .number-select__block a:hover, .number-select__block a:hover {
    color: #EB4F1A;
}

.swiper-slide {
    cursor: pointer;
}

.modal-action .stocks__elem-date {
    margin: 0;
}

.product__elem-amount-plus svg, .product__elem-amount-minus svg, .count-plus svg, .count-minus svg {
    transition: all 1s;
}

.product__elem-amount-plus:active svg, .product__elem-amount-minus:active svg, .count-plus:active svg, .count-minus:active svg {
    transform: scale(1.5);
}

.product__elem-amount-plus:hover rect, .product__elem-amount-minus:hover rect, .count-plus:hover rect, .count-minus:hover rect {
    fill: #3A3A3A;
}


.posters.metro p {
    margin-top: 10px;
}

.posters-pluses__elem p {
    margin-top: 0 !important;
}

.reviews {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.reviews-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.reviews h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 46.88px;
    text-align: left;
    color: #3A3A3A;    
}

.reviews-top {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 0px 35px 0px #1F21261A;
    border-radius: 12px;
    padding: 0 30px;
    height: 93px;
    align-items: center;
}

.reviews-top img {
    width: 261px;
    height: 47px;
}

.reviews-btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: left;
    color: #3A3A3A;  
    background: #F6F6F6;
    width: 162px;  
    height: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.reviews-btn:hover {
    color: #EB4F1A;
    background: #FDEBE5;
}

.reviews-star {
    display: flex;
    gap: 20px;
    align-items: center;
}

.reviews-star p {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #3A3A3A;   
}

.reviews-star svg {
    width: 165.69px;
    height: 30px;
}

.reviews-star span {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #7A7A7A;
}

.reviews-list {
    display: flex;
    gap: 20px;
    flex-direction: column;
    height: 1108px;
    flex-wrap: wrap;
}
 
.reviews-column {
    display: flex;
    flex-direction: column;
    gap: 25px;
}


.reviews__elem {
    width: 100%;
    max-width: 363.33px;
    height: fit-content;
    box-shadow: 0px 0px 35px 0px #1F21261A;
    padding: 30px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.reviews__elem h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.09px;
    text-align: left;
    color: #3A3A3A;
}

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

.reviews__elem-stroke span {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    text-align: left;
    color: #7A7A7A;
}

.reviews__elem p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;    
    color: #7A7A7A;
}

.reviews__elem img {
    width: 159px;
    height: 27px;
}

.reviews-more_btn {
    width: 363px;
    height: 50px;
    border-radius: 10px;
    background: #F6F6F6;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: left;
    color: #3A3A3A;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    cursor: pointer;
}

.reviews-more_btn:hover {
    color: #EB4F1A;
    background: #FDEBE5;
}

.modal-reviews {
    background: #222222BF;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    justify-content: center;
    align-items: center;
}

.modal-reviews.active {
    display: flex;
}

.modal-reviews__block {
    border-radius: 12px;
    background: #FFF;
    padding: 30px 31.5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 500px;
    position: relative;
}

.modal-reviews_close {
    position: absolute;
    right: -30px;
    top: -30px;
    cursor: pointer;
}

.modal-reviews_close svg:nth-child(2) {
    display: none;
}

.modal-reviews__block .reviews-step-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-reviews__block .reviews-step-2 {
    flex-direction: column;
    align-items: center;
    display: none;
}

.reviews-step-1 h4 {
font-size: 24px;
font-weight: 600;
line-height: 28.13px;
text-align: center;
color: #3A3A3A;
}

.reviews-step-1 form {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.reviews-stars {
    display: flex;
    gap: 6.8px;
}

.reviews-stars svg.active path {
    fill: #FFCC00;
}

.reviews-step-1 form .modal-cart__order-input {
    width: 100%;
}

.reviews-step-1 form input {
    width: 100%;
}

.modal-reviews__block button {
    height: 50px;
    width: 100%;
    background: #F7F7F7;
    border-radius: 10px;
    color: #ADADAD;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-reviews__block span {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    text-align: center;
    color: #B7B7B7;
}

.reviews-step-2 h4 {
font-size: 24px;
font-weight: 600;
line-height: 28.13px;
text-align: center;
color: #3A3A3A;
margin-bottom: 30px;
}

.reviews-step-2 p {
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: center;
color: #3A3A3A;
}

.reviews-step-2 button {
    height: 50px;
    width: 100%;
    background: linear-gradient(90.98deg, #EB4F1A -4.19%, #EC6739 111.12%);
    border-radius: 10px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
margin-top: 30px;
}


@media screen and (max-width: 1180px) {
    .reviews-list {
        height: 1708px;
        flex-wrap: wrap;
        margin: auto;
    }
}

@media screen and (min-width: 1169px) {
    .swiper-wrapper {
        display: flex;
        gap: 10px;
    }

    .swiper-slide {
        flex: 1;
        width: 25%;
    }

    .posters.container {
        overflow: visible !important;
    }
}

@media screen and (max-width: 1169px) {
    .header-block, .header-menu {
        padding-left: 15px;
        padding-right: 15px;
    }

    .posters.container {
        padding-right: 0;
    }

    .header-menu__links {
        gap: 39px;
    }

    .product-list {
        justify-content: center;
    }
   

    .footer-block {
        padding: 0 15px;
        width: 100%;
    }

    .horizontal .product__elem-block {
        justify-content: space-between;
    }

    .horizontal .product__elem-info {
        margin-top: 0;
    }

    .container {
        width: 100%;
        padding: 0 15px;
    }

    .contacts.container, .breadcrumbs.container {
        padding: 0 15px;
    }
    .product-category__section {
        width: 754px;
        padding: 0;
    }

    .stocks.container {
        padding: 0 15px;
        margin-top: 20px;
    }

    .delivery {
        padding: 0 15px;
    }

    .delivery-block {
         flex-direction:column;
    }
.delivery-block__elem {width:100%;max-width: 100%;}
    header.container {
        padding: 0;
    }
    .delivery-block__elem > svg {width:100%;}
    
    .delivery-message, .delivery-maps {
        max-width: 557.5px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}
@media screen and (max-width: 1130px) {
    .header-menu__links {
        gap: 35.36px;
    }
}

@media screen and (max-width: 1090px) {
    .stocks__elem-date {
        margin-top: 0;
    }
}

@media screen and (max-width: 1100px) {
    .header-menu__links {
        gap: 23.55px;
    }
}


@media screen and (max-width: 999px) {
    header {
        position: fixed;
        top: 0;
        z-index: 2;
    }

    .posters.container {
        margin-top: 90px;
    }

    .container {
        width: 100%;
    }

    .header-menu__links {
        gap: 25px;
    }

    .posters.container {
        padding: 0 15px 0 15px;
    }
    .product-category__section {
        width: 754px;
    }

    .breadcrumbs.container {
        margin-top: 15px;
    }

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

    .footer-top .footer-top__elem:nth-child(2),
    .footer-top .footer-top__elem:nth-child(3) {
        display: none;
    }

    footer .number-select {
        display: flex;

    }

    .footer-top {
        flex-direction: column;
        gap: 30px;
    }

    footer .number-select p {
        padding: 0;
        text-align: center;
        color: #878787 !important;
    }

    .footer-center {
        display: none;
    }

    .mobile-footer .footer-center {
        display: flex;
    }

    footer hr {
        display: none;
    }

    .mobile-footer .footer-center {
        gap: 12px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-block {
        gap: 24px;
    }

    .mobile-footer__time .line:nth-child(1) {
        padding-bottom: 10px;
    }
    .mobile-footer__time .line:nth-child(4) {
        padding-top: 10px;
    }

    .mobile-footer__time {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    footer {
        height: 100%;
        padding-top: 25px;
        padding-bottom: 15px;
    }

    .footer-top__elem:nth-child(3) p, .footer-top__elem:nth-child(2) p {
        width: 315px;
    }

    .footer-bottom__left {
        display: none;
    }

    .footer-bottom {
        justify-content: center;
    }

    .footer-bottom__right {
        align-items: center;
    }

    .mobile-footer {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .footer-center a {
        font-size: 14px;
    }

    .footer-top__elem p {
        font-size: 14px;
        color: #B7B7B7;
    }

    .footer-bottom a, .footer-bottom p {
        font-size: 14px;
    }

    .footer-bottom__right {
        gap: 8px;
    }

    .header-block__nav, .number-select, .header-menu__cart p {
        display: none;
    }

    .container {
        width: 100%;
        padding: 0 15px;
    }

    .one-con {
        margin-top: 30px;
    }

    .posters.container {
        margin-top: 120px;
    }
    #content .posters.container {
        margin-top: 0px;
    }

    header {
        box-shadow: 0px 0px 35px 0px #1F21261A;
    }

    .header-menu__cart {
        display: none;
    }

    .header-block .header-menu__cart {
        display: block;
        position: relative;
        top: 2px;
        right: 15px;
        padding: 0;
    }

    .header-block__left {
        justify-content: space-between;
        width: 100%;
        gap: 0;
    }
.header-block__left > * {align-self:center;}
    .header-block {
        justify-content: center;
        padding: 4px 0 0 0;
        border: none;
    }

    .header-block__logo {
        height: 45px;
    }

    .header-block__logo img {
        width: 138px;
        height: 45px;
    }

    .posters-pluses {
        flex-direction: column;
        width: 100%;
        margin: auto;
        margin-top: 40px;
        padding-bottom: 25px;
    }

    .posters-pluses__elem {
        height: 116px;
        min-height: 116px;
    }

    .nav-button {
        background: #EB4F1A;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        position: relative;
        top: 4px;
        left: 15px;
        background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.137695 1.8291C0.137695 1.27682 0.585411 0.829102 1.1377 0.829102H14.856C15.4083 0.829102 15.856 1.27682 15.856 1.8291C15.856 2.38139 15.4083 2.8291 14.856 2.8291H1.13769C0.58541 2.8291 0.137695 2.38139 0.137695 1.8291Z" fill="white"/><path d="M0.137695 7.99709C0.137695 7.44481 0.585411 6.99709 1.1377 6.99709H10.0465C10.5988 6.99709 11.0465 7.44481 11.0465 7.99709C11.0465 8.54938 10.5988 8.99709 10.0465 8.99709H1.1377C0.585411 8.99709 0.137695 8.54938 0.137695 7.99709Z" fill="white"/><path d="M0.137695 14.1651C0.137695 13.6128 0.585411 13.1651 1.1377 13.1651H14.856C15.4083 13.1651 15.856 13.6128 15.856 14.1651C15.856 14.7174 15.4083 15.1651 14.856 15.1651H1.13769C0.58541 15.1651 0.137695 14.7174 0.137695 14.1651Z" fill="white"/></svg> ');
        background-position: center;
        background-repeat: no-repeat;
    }

    .nav-button.active {
        background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.7213 0.883397C14.042 1.21344 14.0345 1.74102 13.7045 2.06179L2.03767 13.4006C1.70762 13.7214 1.18004 13.7139 0.859274 13.3838C0.538509 13.0538 0.54603 12.5262 0.876073 12.2054L12.5429 0.866598C12.8729 0.545833 13.4005 0.553354 13.7213 0.883397Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.859404 0.883397C0.538639 1.21344 0.54616 1.74102 0.876202 2.06179L12.543 13.4006C12.873 13.7214 13.4006 13.7139 13.7214 13.3838C14.0422 13.0538 14.0346 12.5262 13.7046 12.2054L2.0378 0.866598C1.70775 0.545833 1.18017 0.553354 0.859404 0.883397Z" fill="white"/></svg>');
    }

    .header-menu__cart span {
        font-size: 14px;
        width: 27.77px;
        height: 24px;
    }

    .header-menu {
        padding: 15px 10px 7px 10px;
        height: auto;
        justify-content: center;
    }

    .header-menu__links a {
        font-size: 14px;
    }

    .header-menu__links {
        gap: 14px;
        
    }

    .posters {
        padding-top: 20px;
    }

    .home_p  .posters {
        padding-top: 0px;
    }

    .swiper {
        overflow: visible !important;
    }

    .stocks h4 {
        font-size: 32px;
    }


    .stocks__elem-title {
        font-size: 26px;
    }

    

    .stocks {
        margin-top: 0;
        gap: 25px;
    }

    .stocks h4 {
        font-size: 24px;
        line-height: 27.6px;
    }

    .mobile-menu {
        position: absolute;
        background: #fff;
        left: -100%;
        top: 89px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        z-index: 997;
        width: 100%;
        transition: all 0.5s;
    }

    .mobile-menu__block {
        display: flex;
        flex-direction: column;
        gap: 15px;
        overflow-y: scroll;
        padding: 20px 15px;
        padding-bottom: 0px;
    }

    .mobile-menu.active {
        left: 0;
    }

    .mobile-menu .number-select {
        display: flex;
    }

    .mobile-menu .mobile-menu-block {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0px 0px 35px 0px #1F21261A;
    }

    .mobile-menu .mobile-menu-block a {
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        text-align: left;
        color: #3A3A3A;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .mobile-menu .mobile-menu-block svg {
        width: 100%;
    }

    .mobile-menu .number-select {
        align-items: center;
        border-radius: 12px;
        box-shadow: 0px 0px 35px 0px #1F21261A;
        padding: 20px;
    }

    .mobile-menu .delivery-block__cards {
        border-radius: 12px;
        box-shadow: 0px 0px 35px 0px #1F21261A;
        padding: 20px;
        flex-direction: row !important;
    }

    .mobile-menu .delivery-block__card {
        flex-direction: column;
        text-align: center;
        font-weight: 600;
        width: 33.3%;
    }

    .mobile-menu .mobile-menu__info {
        border-radius: 12px;
        box-shadow: 0px 0px 35px 0px #1F21261A;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }

    .mobile-menu .mobile-menu__info p, .mobile-menu .mobile-menu__info p a {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left; 
        color: #7A7A7A;       
    }

    .header-block, .header-menu {
        z-index: 998;
        background: #FFF;
    }

    .header-menu {
        justify-content: center;
    }

    .nav-button {
        z-index: 999;
    }

    .header-menu__links li:last-child {
        padding-right: 15px;
    }

    .modal-action__block {
        flex-direction: column-reverse;
        align-items: center;
        gap: 29px;
    }

    .modal-action .stocks__elem {
        height: fit-content;
    }

    .mobile-menu {
        max-width: 430px;
        z-index: 4;
        height: calc(100% - 90px);
        position: fixed;
    }

    header {
        z-index: 4;
    }

    .modal-back {
        background-color: #222222BF;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3;
    }

    footer .time-work {
        width: 330px;
        right: -156.5%;
    }

    footer .time-work .rectangle {
        right: 24.5% !important;
    }

    .leader {
        position: absolute;
        display: flex !important;
        align-items: end;
        justify-content: center;
        gap: 4px;
        padding: 6px 2px 6px 2px;
        background: #fff;
        border-radius: 4px;
        top: 6px;
        left: 10px;
    }
    
    footer .time-work {
        width: 330px;
        right: -43.5%;
    }

    .breadcrumbs.container {
        margin-top: 100px;
    }

    .metro.container {
        margin-top: 0px;
    }

    .metro h1, .metro p {
        text-align: start !important;
    }

    .product__elem-img {
        position: relative;
    }

    .leader span {
        display: none;
    }

    .leader {
        width: 20px;
        height: 20px;
        bottom: 4px;
        right: 4px;
        left: auto;
        top: auto;
        padding: 0;
        align-items: center;
    }

    .product__elem-amount {
        width: 89px;
        height: 32px;
    }

    .mobile-menu .number-select__block p {
        font-size: 20px;
    }

    
    .open-modal {
        color: #EB4F1A !important;
    }

    .reviews-top img {
        width: 174px;
        height: 31px;
    }

}

@media screen and (max-width: 920px) {
    

    .reviews-star {
        flex-direction: column;
        gap: 10px;
    }
}

 
@media screen and (max-width: 900px) {.stocks__elem-img {width: 290px!important;min-width: 1px;}  .stocks__elem {height:auto} 
                                     
                                     .stocks__elem  .stocks__elem-block {width:calc(100% - 290px)}
                                     }
@media screen and (max-width: 784px) {
    
    .stocks__elem {
        height: auto;
        gap: 20px;
    }

    .stocks__elem-img {
         
    }

    .stocks__elem-title {
        font-size: 20px !important;
        line-height: 27px !important;
        text-align: center;
    }

    .stocks__elem-block {
        padding: 0;
        gap: 15px;
    }

    .stocks__elem-description, .stocks__elem-sum, .stocks__elem-block li, .stocks__elem-date {
        font-size: 14px;
        line-height: 21px;
    }

    .stocks__elem-block ul {
        margin-top: -10px;
        gap: 5px;
    }

    .stocks__elem-date {
        margin: 0;
    }
    .stocks-block {
        
        margin: auto;
    }
}

@media screen and (max-width: 784px) {
    .contacts-block__card p {
        text-align: center;
    }

    .time-work {
        display: none;
    }

    .mobile-menu {
        display: flex;
    }

    .arrow-top {
        top: auto;
        bottom: 145px;
        right: 15px;
    }

    

    .modal-img {
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgba(30, 30, 30, 0.9);
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .modal-img.active {
        display: flex;
    }

    .modal-img__block {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 74px;
        position: relative;
        margin: 0 35px;
    }

    .modal-img__close {
        cursor: pointer;
    }
    
    .modal-img__block img {
        border-radius: 10px;
    }

    .mobile-menu .number-select p {
        color: #EB4F1A;
    }

    .mobile-menu .number-select__block p {
        color: #000;
    }

    .time-work {
        width: 100%;
        max-width: 330px;
        left: 50%;
        top: 35px;
        transform: translateX(-50%);
    }

    .time-work__block p {
        color: #FFF !important;
        font-size: 13px !important;
        padding: 0;
    }

    .time-work .rectangle {
        right: 20.5%;
    }

    .posters.container {
        margin-top: 110px;
    }

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

    .posters.metro p {
        margin-top: 15px;
        line-height: 18.2px;
    }

    .posters-pluses__elem p {
        margin-top: 0 !important;
    }

    .reviews-list {
        height: auto !important;
        flex-wrap: wrap;
        width: auto;
        margin: auto;
    }

    .reviews h1 {
        font-size: 24px;
        line-height: 27.6px;
    }

    .reviews, .reviews-block {
        gap: 20px;
    }

    .reviews__elem {
        max-width: initial;
        width: 100%;
        padding: 20px;
    }

    

    .reviews-star span {
        font-size: 14px;
        line-height: 21px;
    }

    

    .reviews__elem h4 {
        font-size: 16px;
        line-height: 20.8px;
    }

    .reviews__elem p {
        font-size: 14px;
        line-height: 21px;
    }
    
    .modal-action__block {
        max-width: 340px;
        flex-direction: column-reverse;
        align-items: center;
        gap: 29px;
    }

    .modal-action .stocks__elem {
        max-width: 340px;
    }

}

@media screen and (max-width: 783px) {
    .product__elem {
        flex-direction: row;
        width: 430px;
        height: auto;
        min-height: 133px;
        padding: 15px;
        gap: 10px;
        border-radius: 0;
    }

    .leader {
        display: none;
    }

    .product__elem-img {
        height: 103px !important;
        width: 103px !important;
        min-width: 103px !important;
        border-radius: 7px;
        overflow: hidden;
    }

    .product__elem-block {
        padding: 0;
        justify-content: start;
        gap: 2px;
        width: calc(100% - 103px);
    }

    .product__elem-block .title {
        font-size: 15px;
        line-height: 17.25px;
    }

    .product__elem-block .description {
        font-size: 12px;
        line-height: 14.64px;
    }

    .product__elem-info {
        align-items: center;
        margin-top: 0;
        margin-top: auto;
    }

    .product__elem-info p {
        font-size: 15px;
        line-height: 12px;
        height: fit-content;
    }

    .add-cart__btn {
        font-size: 14px;
        padding: 8px 12px;
        height: 32px;
    }

    .product-category__section {
        width: 430px;
    }

    .product-category__section h1, .product-category__section h4 {
        font-size: 20px;
        padding-left: 15px;
    }

    .product-category__section.cat-page h1 {
        font-size: 24px !important;
        line-height: 30px;
    }

    .next-product {
        font-size: 14px;
    }

    .product-category__section {
        gap: 20px;
        margin-top: 30px;
    }

    .product-category__section.one-con {
        margin-top: 25px;
    }

    .posters.metro {
        padding-bottom: 20px;
    }

    .metro_prod_one {
        margin-top: 0;
    }

    .product-list {
        gap: 10px;
    }

    .horizontal .product__elem-img img {
        height: 71px;
        width: 71px;
    }

    .horizontal .product__elem-img {
        height: 71px !important;
        width: 71px !important;
        min-width: 71px !important;
        border-radius: 7px;
        overflow: hidden;
    }

    .horizontal .product__elem-block {
        padding: 0;
    }

    .product__elem.horizontal {
        height: 100px;
    }

    .posters h1 {
        font-size: 24px;
        line-height: 27.6px;
        margin-top: 0;
        text-align: center;
    }

    .posters br.mobile {
        display: block;
    }

    .posters p {
        font-size: 14px;
        text-align: center;
    }

    .posters.swiper {
        height: 150px;
    }

    .swiper-wrapper {
        height: 144px !important;
    }

    .posters img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .swiper-slide {
        width: 147px !important; /* ?????â€š?Â¤?????â€š?,?????â€š?????â‚¬~?â€š???????â€š?,???â‚¬~???â‚¬??Â¬?????â€š? 3/4 ?????â€š???????â€š?Â°?????â€š? 1/2 ?????â€š? 1/2 ?????â€š?Â°???â‚¬~?â€š?? ???â‚¬~?â€¹?â‚¬Â ?????â€š?,???â‚¬~???â‚¬??Â¬?????â€š?,?????â€š? 1/2 ?????â€š?Â° ???â‚¬~?â€š???????â€š?Â»?????â€š?Â°?????â€š???????â€š???????â€š?Â° */
    }
    
    footer .time-work {
        width: 330px;
        right: -130.5%;
    }
}

@media screen and (max-width: 690px) {
    .header-menu {
        overflow-x: scroll;
    }

    header.container {
        padding: 0;
    }

    .header-menu {
        padding-left: 15px;
        justify-content: left;
    }

    .close-modal-cart svg:nth-child(1) {
        display: none;
    }

    .close-modal-cart svg:nth-child(2) {
        display: block;
    }

    .modal-cart__block {
        width: 100%;
    }

    .modal-cart__title {
        padding-left: 10px;
    }

    .modal-cart__product-list-block {
        padding: 0px;
    }

    .close-modal-cart {
        position: absolute;
        width: 18px;
        height: 18px;
        margin-top: 20px;
        margin-right: 20px;
    }

    .modal-cart__elem-top h4 {
        width: 100%;
        font-size: 15px;
        line-height: 17.25px;
        padding-right: 5px;
    }

    .modal-cart__order-input input {
        width: 100%;
    }

    .modal-cart__order-input {
        width: 100%;
    }

    .modal-cart__elem-count {
        height: 32px;
    }

    .modal-cart__elem-count .count {
        font-size: 14px;
    }

    .modal-cart__elem-count button svg {
        width: 12px;
        height: 12px;
        min-width: 12px;
    }
}

@media screen and (max-width: 584px) {
    .header-menu {
        overflow-x: scroll;
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }

    .header-menu::-webkit-scrollbar {
    display: none;
}

    .breadcrumbs  {
        padding: 20px 15px;
    }

    .breadcrumbs li.active, .breadcrumbs li {
        font-size: 14px;
    }


    .delivery h4 {
        font-size: 24px;
        line-height: 27.6px;
    }

    .delivery-block {
        gap: 20px;
        margin-top: 20px;
        flex-direction: column;
    }

    .delivery-block__elem {
        padding: 20px;
        gap: 15px;
    }

     

    .delivery-block__card {
        flex-direction: row;
        text-align: left;
        font-size: 13px;
    }

    .delivery-block__card svg {
        width: 42px;
        height: 42px;
    }

    .delivery-block__elem p, .delivery-block__elem p strong {
        font-size: 14px;
        text-align: left;
    }

    .delivery-block__elem h6 {
        font-size: 18px;
        line-height: 21px;
    }

    .delivery-message svg {
        display: none;
        font-size: 14px;
        line-height: 21px;
    }

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

    .delivery-message {
        font-size: 14px;
        line-height: 21px;
        padding: 20px 16px ;
        margin-top: 20px;
    }

    .delivery-maps {
        margin-top: 25px;
        gap: 15px;
    }

    .delivery-maps h5 {
        font-size: 20px;
        line-height: 27px;
    }

    .contacts {
        margin-top: 0;
    }

    .contacts h4 {
        font-size: 24px;
        line-height: 27.6px;
        margin-bottom: 20px;
    }

    .contacts-block {
        padding: 20px;
        gap: 20px;
    }

    .contacts-block__cards {
        flex-direction: column;
    }

    .contacts-block__card {
        flex-direction: row;
        gap: 10px;
    }

    .contacts-block__card div {
        align-items: start;
    }

    .contacts-block__card svg {
        width: 42px;
        height: 42px;
    }

    .contacts-block__card h6, .contacts-block__card p, .contacts-block__card a {
        font-size: 14px;
        line-height: 21px;
    }

    .contacts-block__card p {
        text-align: start!important;
        !importan;
        !importa;
        !import;
        !impor;
        !impo;
        !imp;
        !im;
        !i;
        !;
    }

    br.mobile {
        display: block;
    }

    .contacts-block__messsengers {
        line-height: 28px;
        font-size: 14px;
    }

    .contacts-block svg.mobile {
        display: block;
        width: 100%;
    }

    .contacts-info {
        padding: 20px;
        margin-top: 20px
    }

    .contacts-info h6 {
        line-height: 21px;
        font-size: 18px;
        text-align: left;
    }

    .contacts-info p {
        line-height: 21px;
        font-size: 14px;
        text-align: left;
    }

    .contacts-info p:nth-child(3) {
        margin-top: 15px;
    }

    .contacts-maps {
        margin-top: 30px;
    }

    .contacts h4 {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .stocks-block {
        width: 100%;
        margin: auto;
    }

    .posters-pluses {
        width: 100%;
        padding-right: 0px;
    }

    .modal-call__block {
        width: 100%;
        padding: 20px;
    }

    .modal-call_close {
        top: 15px;
        right: 15px;
    }

    .modal-call_close svg:nth-child(1) {
        display: none;
    }

    .modal-call_close svg:nth-child(2) {
        display: block;
    }

    .modal-call__block h4 {
        font-size: 18px;
        line-height: 150%;
    }

    .modal-call__block p {
        font-size: 14px;
        margin-top: 10px;
        line-height: 150%;
    }

    .modal-call__block form {
        margin-top: 20px;
        gap: 25px;
    }

    .modal-call__block button {
        font-size: 14px;
    }

    .modal-call__block span {
        font-size: 10px;
        width: 90%;
        line-height: 13px;
        margin-top: 10px;
    }

    .modal-add_product {
        top: auto;
        width: 100%;
        bottom: 15px;
    }

    .modal-add_product__elem {
        font-size: 13px;
        width: 100%;
    }

    

    .modal-call__block {
        padding: 20px;
        max-width: 340px;
    }

    .modal-call__block input,.modal-cart input {
        height: 50px;
    }

    .modal-cart__order {
        padding: 10px;
        padding-bottom: 90px;
    }

    .modal-cart__order h4 {
    }

    

}

@media screen and (max-width: 429px) {
    .product-category__section {
        width: 100%;
        padding: 0;
    }

    .footer-top__elem:nth-child(3) p, .footer-top__elem:nth-child(2) p {
        width: 100%;
    }

    .modal-cart__elem-top h4 {
        font-size: 13px;
    }

    .modal-cart__elem {
        height: fit-content;
    }

    .modal-cart__elem img {
        width: 84px;
        min-width: 84px;
    }
}

@media screen and (min-width: 450px) {
    .delivery-block__cards {
        justify-content: space-evenly;
    }
}


@media screen and (max-width: 360px) {
    .modal-img__block {
        padding: 0;
        margin: 0px;
    }
}

@media screen and (max-width: 319px) {
    .product__elem {
        width: 430px;
        height: 141px;
        padding: 10px 5px;
    }

    .product__elem-img {
        height: 84px !important;
        width: 84px !important;
        min-width: 103px !important;
        border-radius: 7px;
        overflow: hidden;
    }

    .product__elem-block .title {
        font-size: 13px;
        line-height: 17.25px;
    }

    .product__elem-block .description {
        font-size: 11px;
        line-height: 14.64px;
    }

    footer .time-work {
        width: 95vw;
        right: auto;
        left: 50%;
    }
}




/*NEW*/
.quick_order_warning {
    margin: 10px 0 15px;
    color: red;
    font-size: .9em;
    font-weight: 500;
    text-align: center;
}

h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 46.88px;
    text-align: left;
    color: #3A3A3A;
}

.delivery-block a
{
    color: #EB4F1A;
}
.review_warning, .zvonok_warning {
    /*margin: 10px 0 15px;*/
    color: red;
    font-size: .9em;
    font-weight: 500;
    text-align: center;
}
.butt_active
{

    background: linear-gradient(90.98deg, #EB4F1A -4.19%, #EC6739 111.12%) !important;
    color: #FFFFFF !important;

}
.a_politia
{
    color: #B7B7B7 !important;
}

/* ?????â€¦?â‚¬oe?????â€š? 3/4 ?????â€š?, ???â‚¬~?â€š?????â‚¬~???â€šÂ¬???????â€š?,?????â€š?Â»?????â€š?, */
.modal-action_close svg,
svg:hover{
    transition: all .5s;
}
.star{
    cursor: pointer;
}
.header-menu .header-menu__block{
    justify-content: flex-start;
    gap: 15px;
}
.header-menu.fixed{
    height: 59px;
    box-shadow: 0 6px 15px 0 rgba(31, 33, 38, 0.05);
}
input:hover,
textarea:hover{
    border: 1px solid #cfcaca !important;
    transition: all .3s ease-in;
}
input:focus,
textarea:focus{
    border: 1px solid #cfcaca !important;
    transition: all .3s ease-in;
}
.delivery-block__card{
    font-weight: 500;
}
.contacts-maps__block iframe,
.delivery-maps__block iframe{
    height: 400px !important;
}
.modal-cart__product-list-block{
    margin-top: 10px;
}
.modal-cart__product-list{
    margin-top: 0;
}
.order-itog{
    display: none;
}
.header-block__left{
    align-items: center;
}
.breadcrumbs li a:hover{
     color: #eb4f1a;
    transition: all .3s ease-in;
}
.contacts-block__card p{
    text-align: center;
}
.modal-cart__elem img{
    border-radius: 12px;
}
.modal-cart__order{
    box-shadow: 0 1px 35px 0 rgba(38, 34, 31, 0.37);
    z-index: 10;
}
.arrow-top{
    bottom: 75px;
}
.header-menu__cart{
    margin-left: auto;
}
.modal-reviews_close svg{
    transition: all .3s ease-in;
}
.modal-reviews_close svg:hover{
    transform: scale(1.1);
    transition: all .3s ease-in;
}
.modal-cart__product-list-block{
    gap: 13px;
}
.modal-cart__product-list-block{
    padding-bottom: 15px;
}
.contacts-block__card p,
.time-work__block__elem p,
.number-select__block p{
    text-decoration: none;
}
.toggle-arrow{
    height: 23px;
}
.toggle-arrow:hover .time-work{
    display: flex;
}
a.aifone-class{
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding-right: 0;
}
a.aifone-class--footer{
    color: #000 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}




@media(max-width: 999px){
    .header-menu__cart{
        margin-left: 0;
    }
    .nav-button{
        top: 0;
    }
    
    
}



@media(max-width: 784px){
    h1{
        margin-bottom: 5px;
        line-height: 28px;
        text-align: left;
        font-size: 24px;
    }
    .posters h1{
        margin-bottom: 5px;
        line-height: 28px;
        text-align: left;
    }
    .posters p{
        line-height: 130%;
        text-align: left;
    }
    /* .cart-empty{
        display: flex !important;
    } */
    .order-itog{
        margin-top: 0;
    }
    /* .mobile-menu .number-select{
        margin-top: 15px;
    } */
    .close-modal-cart{
        margin-right: 11px;
        width: 25px;
        height: 25px;
    }
    .mobile-menu__block{
        padding-top: 15px;
    }
    .arrow-top {
        bottom: 25px;
    }
    .mobile-menu .number-select__block a {
        color: #000;
        text-decoration: none;
        font-size: 20px;
        padding-right: 0;
    }
    a.aifone-class--footer{
        color: #878787 !important;
    }
    
}
@media(max-width:550px){
    .number-select__block{
        margin-bottom: 5px;
    }
    .number-select p{
        padding-right: 0;
    }
    .close-modal-cart,
    .close-modal-cart svg{
        width: 22px;
    }
    .modal-call__block span{
        font-size: 12px;
    }
    .contacts-block__card p{
        text-align: left;
    }
    .product-category__section,
    .product__elem{
        width: 100%;
    }
    .product-category__section h1{
        padding-left: 0;
    }
    .product-category__section{
        padding-left: 15px;
        padding-right: 15px;
    }
    /* .modal-cart__elem-count button svg{
        width: 16px;
        height: 16px;
    } */
    .header-block .header-menu__cart{
        top: 2px;
    }
    .header-block__logo img{
        transform: translateY(-2px);
    }
    .mobile-menu.active,
    .mobile-menu__block{
        overflow-y: auto;
    }
    .mobile-menu .mobile-menu__info{
        margin-bottom: 15px;
    }
    .modal-back{
        overflow-y: auto;
        background-color: #fff;
    }
    .super-price{
        padding: 6px 12px 6px 8px;
        display: flex;
        align-items: center;
        gap: 2px;
        position: absolute;
        top: 15px;
        left: 15px;
        background-color: #fff;
        font-size: 12px;
        font-weight: 600;
        border-radius: 4px;
    }
    .super-price img{
        object-fit: cover;
    }
    .modal-cart__elem-count{
        padding: 12px 16px 12px 16px;
        width: 89px;
        height: 32px;
    }
    /* .modal-cart__elem-count{
        height: 32px;
    } */
    .count-plus,
    .count-minus{
        width: 25px;
        height: 22px !important;
    }
    .product-category__section h4{
        padding-left: 0;
    }
    .modal-img__block{
        position: relative;
    }
    
}

.product__elem-img img {
    object-fit: contain;
    width: 100%;
}

div.posters {display:flex;gap:10px;}
.poster {border-radius:12px; padding:2px;border:2px solid #EB4F1A; cursor:pointer; transition:0.3s all}
.poster img {border-radius: 10px;border: 0px;width:212px;height:207px;}
.poster:hover {transform:scale(1.04)}


@media (max-width:1184px) {
    #content div.posters {padding-top:0px;}
    div.posters img {object-fit: contain;}
    div.posters {padding-right:15px;padding-left:15px;}
    .poster {height:215px; width:220px;}
    .poster img {height:207px; width:212px;}
    .posters-pre{display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;}
    .posters-pre2 {overflow-x: scroll;display: flex;}
    .posters.container .posters-pre2 {margin-right:-15px;margin-left:-15px;}
    .posters-pre2 {
       overflow-x: scroll;
       -ms-overflow-style: none;  /* Internet Explorer 10+ */
       scrollbar-width: none;  /* Firefox */
   }

   .posters-pre2::-webkit-scrollbar {
   display: none;
}
}

@media (max-width:768px) {
    div.posters {padding-right:15px;padding-left:15px;margin-top: 0px;}
    .poster {height: 144px;width: 147px;}
    .poster:hover {transform:none;}
    .poster img {height: 136px;width: 140px;}
    .posters-pre{display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;}
    .posters-pre2 {overflow-x: scroll;display: flex;}
    .posters.container .posters-pre2 {margin-right:-15px;margin-left:-15px;}

    .posters-pre2 {
       overflow-x: scroll;
       -ms-overflow-style: none;  /* Internet Explorer 10+ */
       scrollbar-width: none;  /* Firefox */
   }

   .posters-pre2::-webkit-scrollbar {
   display: none;
}
}


.modal-add_product__elem {position:relative;margin-top:10px;width: 330px;justify-content: center;text-align: center;margin-left: auto;}
.modal-add_product__elem2 {position:absolute; left:0px;z-index:1000}
.modal-add_product__elem2{position:absolute; right:0px; top:140px;display: flex;flex-flow: column;justify-content: right;}
.dfixed .modal-add_product__elem2{position:fixed;right:0px;top:60px;text-align: right;display: flex;flex-flow: column;justify-content: right;}
.overflow .modal-add_product__elem2 {width:100%; top:10px; padding-right:20px!important;}
.mobile_alert {display:none;}

.modal-cart__elem-block {    width: calc(100% - 89px);}

@media(max-width:783px) {
    .modal-cart__elem {max-height: 109px;}
    .modal-cart__elem-block {    width: calc(100% - 70px);}
    .modal-cart__elem > picture {min-width: 84px;width: 84px;}
    .modal-cart__elem-block {    width: calc(100% - 89px);}
     .modal-add_product__elem2{display:none!important;}
     .mobile_alert {position:fixed;right:0px;width: calc(100%);bottom:10px;   text-align: right;display: flex;flex-flow: column;justify-content: right; z-index:10000}
    .mobile_alert .modal-add_product__elem {display:block; width:auto;margin-left:10px; margin-right:10px;  }
}
@media (min-width:768px) {
    .product__elem-block .description {padding-top:10px;}
}
@media (max-width:400px) {
     .modal-cart__elem > picture {width: 70px;min-width: 70px;}
    .modal-cart__elem-block {    width: calc(100% - 70px);}
    .modal-cart__elem img {
        width: 70px;
        min-width: 70px;
    }
}
@media (max-width:768px) {
    .product-category__section .product-list {margin-left:-15px; margin-right:-15px}
    .product-list .product__elem-block {width:calc(100% - 109px);}
    .horizontal .product__elem-block {width:calc(100% - 71px);}
    .product__elem-block .description {margin-top:4px;}
}
.desktop {text-align:center;}
.reviews-step-2 {width:100%;}
.desktop p {padding-top:15px;}
@media(max-width:768px) {
    .modal-reviews__block {width: 100%;padding: 20px 21.5px;}
    .modal-reviews_close {
  top:12px!important; right:12px!important;
}
    .desktop {display:none;}
    .mobile {display:block!important; text-align:center;}
    .reviews-step-2 h4 {font-size:18px;margin-bottom: 15px;}
    .modal-reviews_close svg * {fill:rgba(122, 122, 122, 1)!important;}
     .modal-reviews_close svg {  width:16px!important;  }
    .reviews-step-2 button {font-size:14px;}
    .reviews-step-2 p {margin-top:10px;}
    .contacts .mobile {width:100%;}
    .product-category__section.cat-page h1 {line-height: 115%;}
}
.contacts-block__card a.open-modal {    color: #7A7A7A!important;}
.contacts-block__card a:hover {color:rgba(235, 79, 26, 1)!important; border-color:rgba(235, 79, 26, 1)}


.order-info-column_l1 { 
padding: 30px;
gap: 15px;
border-radius: 12px; display:flex;
 box-shadow: 0px 0px 35px 0px rgba(31, 33, 38, 0.1);

}

.order-info-column_l2 { 
padding: 30px;
gap: 15px;
border-radius: 12px; display:flex;
 box-shadow: 0px 0px 35px 0px rgba(31, 33, 38, 0.1);
margin-top:25px;
}
.order-info-column_l1 > * {align-content:center;}
.column-flex-order {display:flex;gap: 25px;}

.order-cart-info {padding: 30px;gap: 15px;height: max-content;border-radius: 12px;display:flex;box-shadow: 0px 0px 35px 0px rgba(31, 33, 38, 0.1);}
.order-info-column {width: 60%;}
.order-cart-info {width: 40%;}
.order-cart-info {flex-direction:column}
.order-cart-header { 
font-size: 24px;
font-weight: 600;
line-height: 28.13px;
text-align: left;
}

.product_item_order_name { 
font-size: 14px;
font-weight: 500;
line-height: 21px;
text-align: left;
}

.product_item_order_name span {color: rgba(183, 183, 183, 1);font-size: 9px;font-weight: 500;line-height: 21px;text-align: left;position:relative;top:-5px;}

.product_item_order-price { 
font-size: 14px;
font-weight: 500;
line-height: 21px;
text-align: right;
}
.product_item_order {display:flex; justify-content:space-between;}
.product_item_order_name {width:70%}
.product_item_order-price {align-self:flex-end}
.order-cart-products {display:flex; flex-direction:column; gap:15px;}

.product_item_order-price span {color:rgba(135, 135, 135, 1)}
.separator_order svg {width:100%;position: absolute;}
.order_total_c {display:flex; justify-content:space-between;}

.order_total_c1 { 
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
}

.order_total_c2{ 
font-family: Roboto Flex;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
}
.separator_order {height: 4px;overflow: hidden;position: relative;}
.order_total_c {padding-top: 0px;}

.order-info-2 { 
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
}

.order-info-3 { 
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left; margin-top:5px;
}

.order-info-3 a {color:rgba(235, 79, 26, 1);font-weight:bold;display: inline-block;}
.order-info-3 a:hover {color: #000;}

.icon_order1 {width:57px;height: 57px;}
.icon_order1 svg {width:57px;height: 57px;}
.icon_order_descr {width:calc(100% - 57px);}

.column-flex-order {color:rgba(58, 58, 58, 1)}

.order-info-column_l2 {}


.order-info-column_l2 .icon_order_descr {gap:8px; display:flex; flex-direction:column}
.order-info-column_l1 > * { align-self:center;}
.order-info-column_l2 > * { align-self:center;}

@media (max-width:783px) {
    .success-page h1 {font-size:24px;margin-bottom: 20px;}
    .order-info-column_l1 {flex-direction:column;text-align:center;padding: 20px;}
    .order-info-column_l2 {flex-direction:column;text-align:center;padding: 20px;margin-top: 20px;}
    .icon_order1 {width:42px;}
    .icon_order_descr {width:100%;}
    .icon_order1 svg {width:42px;}
    .column-flex-order {flex-direction:column;}
    .order-info-column,.order-cart-info {width:100%;padding: 0px;}
    .order-cart-info {padding: 20px;}
    .order-info-2,.order-info-3 {text-align:center;font-size: 14px;line-height: 21px;}
    .column-flex-order {gap:20px}
    .order-cart-products {gap:7px;}
    .product_item_order_name {font-size: 13px;}
    .product_item_order-price {font-size:13px;}
    .order-info-column_l2 .icon_order_descr {font-size:14px;}
    .order-cart-header {font-size:18px;}
    .order_total_c1,.order_total_c2 { 
font-size: 13px;
font-weight: 700;
line-height: 19.5px;
text-align: left;
}
}

.empty_cart_p  { display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    }

.success-page .cart-empty p {line-height:24px}
.cart-empty a:hover {background: linear-gradient(90.98deg, #DF4714 -4.19%, #E55F31 111.12%);
}

@media(max-width:768px) {

    .product-category__section h1, .product-category__section h2
    {
        
font-size: 20px;
font-weight: 600;
line-height: 27px;
text-align: left;

    }
    .close-modal-cart.btn-cart {width: 220px;
        height: 50px; position:relative}}

@media(max-width:800px) and (min-width:768px){
    .modal-action__block {
         
         
        align-items: center;
        gap: 29px;
    }

    .modal-action .stocks__elem {
        
    }
}



@media (max-width:320px) {
    .contacts.container, .breadcrumbs.container {padding-left:5px; padding-right:5px;}
    .nav-button {left:5px;}
    .header-menu {padding-left:5px;}
.header-block .header-menu__cart {right: 11px;}
 div.posters {gap:5px}
    div.posters {padding-left: 5px; padding-right:5px;}
.posters.container .posters-pre2 {margin-left:-5px; margin-right:-5px}
.product-category__section .product-list {margin-left:-5px; margin-right:-5px}
 .posters.container {
        padding: 0 5px 0 5px;
    }
    .container {padding: 0 5px 0 5px;}
    .posters.container {margin-top:105px;}
.product-category__section {padding-left:5px; padding-right:5px;}

.product__elem-block {width:100%!important;}
.product-category__section {overflow:hidden;}
.header-menu__links li:last-child {padding-right:5px;}
.footer-block.container {padding-left:5px; padding-right:5px;}
.footer-bottom__right a, .footer-bottom__right p {text-align:center}
}

@media (max-width:359px) and (min-width:320px) {
        .contacts.container, .breadcrumbs.container {padding-left:10px; padding-right:10px;}
    .nav-button {left:10px;}
    .header-menu {padding-left:10px;}
.header-block .header-menu__cart {right: 11px;}
 div.posters {gap:10px}
    div.posters {padding-left: 10px; padding-right:10px;}
.posters.container .posters-pre2 {margin-left:-10px; margin-right:-10px}
.product-category__section .product-list {margin-left:-10px; margin-right:-10px}
 .posters.container {
        padding: 0 10px 0 10px;
    }
    .container {padding: 0 10px 0 10px;}
    .posters.container {margin-top:105px;}
.product-category__section {padding-left:10px; padding-right:10px;}

.product__elem-block {width:100%!important;}
.product-category__section {overflow:hidden;}
.header-menu__links li:last-child {padding-right:10px;}
.footer-block.container {padding-left:10px; padding-right:10px;}
.footer-bottom__right a, .footer-bottom__right p {text-align:center}
}

@media (max-width:768px) {
    .modal-cart__block {}
     .modal-cart__product-list {height:auto;overflow:visible}
    .modal-cart__product-list {}
    .modal-cart__order {padding-bottom: 0px;}
}
.delivery-message, .delivery-maps {max-width:100%;}
@media (min-width:784px) and (max-width:1170px) {
    
     .product__elem {max-width:48%;}
    .product-category__section {
        width: 754px;
        padding: 0;
    }
    .posters-pluses {width:100%;padding-bottom:25px;  z-index:1; position:relative;}
}
@media  (max-width:1170px)  {.posters-pluses__elem {width:100%;}}
@media (max-width:783px) {
    .contacts h4, .contacts h1,.delivery h4, .delivery h1 {font-size:24px;line-height:27.6px}
    .posters p {  font-size:13px!important;} 
                         .posters-pluses__elem {height:auto!important; min-height:0px;}
                         .posters-pluses__elem {padding: 20px;}
                          .posters > p {margin-bottom:23px;}
                          .posters h1 {margin-bottom:15px;margin-top: 20px;}
                          .posters-pluses {margin-top:25px;padding-bottom: 0px;}
                          .posters-pluses {gap:15px;}
             .contacts-block__card {
                flex-direction:row;
                gap:20px;
                flex: none;
                display: flex;
                width: 45%;
             }         
     .contacts-block__card div {text-align:left;!important;align-items: flex-start;}
    .contacts .mobile {width:100%;}
     .contacts-block__card div {width:calc(100% - 32px)}
  .contacts-block__card p {text-align:left;}
       .contacts-block svg.mobile {display:block;}
       .contacts-block__card {font-size:14px;}   
     
                         .contacts-block__cards {flex-flow: wrap row!important;align-items: center;justify-content: center;}
.breadcrumbs li,.breadcrumbs li.active   {font-size:14px;}                         
.contacts h4, .contacts h1, {margin-bottom:20px;}
.contacts {margin-top:20px;}
    .contacts-block__messsengers {font-size:14px;}
.contacts-info h6 {text-align:left; font-size:18px;}
    .contacts-info p { text-align:left;font-size:14px;}
    .contacts-info {padding:20px;}
    .contacts-maps {margin-top:30px;}
    .contacts-maps h4{font-size:20px}
    .contacts-block__card svg {width:32px;height: 42px!important;min-width: 42px;}
    .contacts-block__messsengers .mobile {display:none!important}
.delivery-block__elem h6 {font-size:18px;}
    .delivery-block__elem {padding:20px;}
    .delivery-block {margin-top: 10px;}
    .delivery-maps h5 {font-size:20px;}
    .delivery-block__card {font-size:13px;line-height: 19.5px;}
    .delivery-block__elem p {font-size:14px;line-height: 21px;}
    .delivery-block__elem p strong {font-size:14px;}
    .delivery-message {font-size:14px;padding:20px;font-weight: 400;}
    .delivery-block__card {flex-direction:row;}
    .delivery-block__card svg {width: 35px;height:35px;min-width: 35px;}
      .delivery-block__card {text-align: left;}
     .delivery-block__card  >div {width:calc (100% - 35px)}
.delivery-block__cards {gap: 15px;}
    .delivery-block__card {gap:10px}
    .delivery-block__cards {justify-content:space-between}
    
}
@media (max-width:576px) {  .contacts-block__card {
                flex-direction:row;
                gap:20px;
                flex: none;
                display: flex;
                width: 48%;
             }   
           .delivery-block__cards {flex-flow: row;align-items: center;justify-content: center;gap: 5px;} 
                   .delivery-block__card {max-width: 46%;}      
                         }


@media (max-width:430px){.contacts-block__card,.delivery-block__card {width:100%!important;max-width: 100%;}}
@media (max-width:360px){ .contacts-block__messsengers .mobile {display:block!important}}
@media (max-width:450px) {
    .breadcrumbs li.active {text-overflow:ellipsis; max-width:200px;  overflow:hidden; display:inline-block;white-space: nowrap}
}

@media  (max-width: 1170px) {
    .reviews-list {
        height: 18508px!important;
        flex-wrap: wrap;
        margin: auto;
    } 
    .reviews-star {flex-direction:column; gap:10px;}
    .reviews-top {height:138px;}
    .reviews-list > div {width:calc(50% - 10px);max-width: calc(50% - 10px);}
}
@media  (max-width: 1000px) {
    .reviews-list {
        height: 19508px!important;
        flex-wrap: wrap;
        margin: auto;
    }  }

@media  (max-width: 880px) {
    .reviews-list {
        height: 22508px!important;
        flex-wrap: wrap;
        margin: auto;
    }  }
@media  (max-width: 783px) {
    .reviews-list {
        height: auto!important;
        flex-wrap: wrap;
        margin: auto;
    } 
    .reviews-star span {text-align:center}
    .reviews-star {flex-direction:column; gap:10px;}
    .reviews-top {height:138px;gap: 20px;}
    .reviews-list > div {width:100%;max-width: 100%;}
}
@media  (max-width: 576px) {
    .reviews-top {height:auto;padding: 20px;flex-flow: column;}
    .reviews-top .reviews-btn {width:100%!important}
    .reviews-top img {width:270px; height:auto;}
    .stocks.container  .stocks__elem {flex-direction:column}
    .stocks.container   .stocks__elem-img {width:360px!important; margin:0px auto;}
   .stocks.container  .stocks__elem .stocks__elem-block {width:100%}
}

@media  (max-width: 430px) {
    .stocks.container .stocks__elem-img {width:100%!important; margin:0px auto;}
}

@media (max-width:800px) {
   .modal-action .stocks__elem {}
}

@media (max-width:784px) {
    .modal-action .stocks__elem {flex-direction:column}
    .modal-action .stocks__elem {width: 360px!important;max-width:100%!important;margin-left: 10px;margin-right: 10px;padding:10px;}
    .modal-action__block {width:100%!important; max-width:100%!important}
    .modal-action__block  .stocks__elem {gap:20px;}
    .modal-action__block  .stocks__elem-img {width: 100%!important;height:auto;overflow:hidden;margin:0px auto}
 
    .modal-action__block .stocks__elem .stocks__elem-block {width:100%!important; max-width:100%!important}
}

@media (max-width:400px) {
       .modal-action__block .stocks__elem-img { width:100%!important; height:180px; overflow:hidden; margin:0px auto}
}

.about-message-img {float:right;   height:416px;border-radius:12px;}
.about-message-img  img {height:416px;border-radius:12px; margin-left:40px; margin-bottom:40px}
.about-message {font-size:16px; line-height:24px; }
.about-message p {margin-bottom:20px;}

.about-message a {color:rgba(235, 79, 26, 1)}
.about-item h1 {margin-top:30px; margin-bottom:30px;}

@media (max-width:1170px) {
     .about-message-img  img {height:324.29px}
}

@media (max-width:783px) {
    .modal-action__block {overflow-y: scroll;overflow-x: hidden;}
    .order_total_c {
    padding-top: 0px;
}
     .about-message-img  img {height:294px; object-fit:cover; width:100%;}
    .about-message-img {float:none;height:294px; margin-bottom:20px; margin-left:0px;}
    .about-message-img img {margin-left:0px;}
  .about-item h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}.about-message {font-size:14px; line-height:21px; }
   
} .order-info-user {word-break: break-all;}

@media (max-width:783px) and (min-width:691px) {     .butt_d_mobile{width: 520px!important; margin-left: 20px!important;
    margin-right: 20px!important;}  }
@media (max-width:783px) {
     .modal-cart__order {display:none!important;}
    .butt_d_mobile {display:block!important;position:fixed;bottom: 10px;}

     .butt_d_mobile {
    margin-top: 10px;
    background: linear-gradient(90.98deg, #EB4F1A -4.19%, #EC6739 111.12%);
    height: 50px;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    padding: 8px 20px 8px 20px;
    gap: 4px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: center;
    color: #FFF;
    z-index: 1000;
}

 .butt_d_mobile:hover {
    color: #fff;
    background: linear-gradient(90.98deg, #DF4714 -4.19%, #E55F31 111.12%);
}
    .mobile-hide-class { }
    .mobile-show-class {display:block!important;}
    .modal-cart__order {box-shadow:none;}
.hide-a {display:none!important;}
    .show-a {display:block!important;}
.modal-cart__block {justify-content:space-between}
     .butt_d_mobile2 {
    font-size: 16px;
    font-weight: 600;
    bottom:20px;
    line-height: 20.8px;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    color: #3A3A3A!important;
    background: #F6F6F6!important;
    width: calc(100% - 20px);
    height: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
}

 .butt_d_mobile2:hover {
    color: #EB4F1A;
    background: #FDEBE5;
}
    .modal-cart__product-list-block {padding-bottom:90px}
    .modal-cart__order.mobile-show-class {display:block!important;align-self: flex-end;}
    .overflow .mobile_alert {bottom:70px;}
}

@media (max-width:320px) {
    .modal-action__block .stocks__elem-img {display:none!important}
}

.vac-messages_item {padding:30px; gap:20px; border-radius:12px; box-shadow: 0px 0px 35px 0px rgba(31, 33, 38, 0.1);
    display:flex; margin-bottom:25px;
}
.vac-messages_item > * {align-self:center;}
.vac-messages_i_title { 
font-size: 24px;
font-weight: 600;
line-height: 28.13px;
text-align: left; margin-bottom:10px;
}
.vac-messages_i_descr { 
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.vac {color: #3A3A3A;}
.vac-price {font-size: 18px;font-weight: 500;line-height: 23.4px;text-align: right;}
.vac-button a {width: 138px;height: 50px;padding: 0px 20px 0px 20px;gap: 4px;border-radius: 10px;color:#fff;font-weight: 600;display:flex;background: linear-gradient(90.98deg, #EB4F1A -4.19%, #EC6739 111.12%);justify-content: center;line-height: 50px;}
.vac-messages_i2 {gap:13px; display:flex; flex-direction:column}
.vac-button a:hover {background: linear-gradient(90.98deg, #DF4714 -4.19%, #E55F31 111.12%);}

.vac-item h1 {margin-top:30px; margin-bottom:30px;}
.vac-messages_item .vac-messages_i {width:calc(100% - 240px);}

@media (max-width:783px) {
.vac-item h1 {margin-top:20px; margin-bottom:20px;}
.vac-messages_item {flex-direction:column;}
.vac-button a {width:100%;display: block;text-align: center;}
.vac-messages_item .vac-messages_i {width:100%;}
.vac-messages_item {padding:20px; gap:10px;}
.vac-messages_i2 {display:block;width: 100%;}
.vac-price {text-align:center; margin-bottom:10px;}
.vac-messages_i_descr { 
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
}
.vac-messages_i_title { 
font-size: 18px;
font-weight: 600;
line-height: 21.09px;
text-align: left;
}
.vac-price { 
font-size: 18px;
font-weight: 500;
line-height: 23.4px; 
}
.vac-button a{ 
font-size: 16px;
font-weight: 600; 
}
}
.content-vac { color:rgba(58, 58, 58, 1);
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.content-vac h3 { 
font-size: 24px; margin-bottom:20px; margin-top:25px;
font-weight: 600;
line-height: 28.13px;
text-align: left;
} 
.content-vac ul { 
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.content-vac ul li {position:relative; padding-left:15px; margin-bottom:10px;}
.content-vac ul li:before {content:''; display:inline-block; width:7px; height:7px; background:rgba(235, 79, 26, 1); border-radius:1000px; position:absolute; left:0px; top:9px;}
.vac-flex {display:flex;justify-content: space-between;}
.vac-col-content {width: 55%;}
.vac-col-form {width:40%}

.vac-col-form .vac-form_block { color:rgba(58, 58, 58, 1);
padding: 30px;
gap: 25px;
border-radius: 12px;
    box-shadow: 0px 0px 35px 0px rgba(31, 33, 38, 0.1);

}

.vac-form_block h4{ 
font-size: 24px;
font-weight: 600;
line-height: 28.13px;
text-align: left; margin-bottom:30px;
}
#vac input {width:100%;}
#vac {display:flex; flex-direction:column; gap:30px;}
#vac button {width: 100%;height: 50px;padding: 0px 20px 0px 20px;gap: 4px;border-radius: 10px;color:#fff;font-weight: 600;display:flex;background: linear-gradient(90.98deg, #EB4F1A -4.19%, #EC6739 111.12%);justify-content: center;line-height: 50px;}
 
#vac button:hover {background: linear-gradient(90.98deg, #DF4714 -4.19%, #E55F31 111.12%);}
 .vac-step-1 span {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    text-align: center;
    color: #B7B7B7; margin-top:15px; display:block; text-align:center;
} 
 .vac-step-1  textarea {min-height:112px;}
.vac-step-2 p { 
font-size: 18px;
font-weight: 500;
line-height: 24.3px;
text-align: center;
}

.vac-step-2 button {width: 100%;height: 50px;padding: 0px 20px 0px 20px;gap: 4px;border-radius: 10px;color:rgba(173, 173, 173, 1);font-weight: 600;display:flex;background: rgba(247, 247, 247, 1);justify-content: center;line-height: 50px;}
 
.vac-step-2 {display: none;}

@media (max-width:1023px) {
    .vac-flex {flex-direction:column;}
    .vac-col-content {width:100%;}
    .vac-col-form {min-width:470px;align-self: center; margin-top:40px;}
}

@media (max-width:783px) {
    .stocks.container {margin-top:10px;gap: 10px;}
    .delivery {margin-top:10px}
   footer  { margin-top: 25px;}
      .vac-col-form {min-width:430px;align-self: center; margin-top:30px;}
    .content-vac {font-size:14px; line-height:21px}
    .content-vac h3 { 
font-size: 18px;
font-weight: 600;
line-height: 21.09px;
text-align: left;
}
    .content-vac ul li:before {top:6px;}.content-vac ul li {  
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
}
    .vac-col-form .vac-form_block {padding: 25px 15px;}
    #vac {gap:25px;}
   .vac-form_block h4 {font-size:18px; margin-bottom:25px;}
   .vac-step-1 span { 
font-size: 12px;
font-weight: 400;
line-height: 15.6px;
text-align: center; margin-top:10px;
}
}
@media (max-width:430px) { .vac-flex {display:block;} .vac-col-form {min-width: 10%;width: auto;display: block;align-self: center;margin-top: 30px;margin-left:-15px;margin-right:-15px;}}
@media (max-width: 359px) and (min-width: 320px) {
    .stocks.container {padding-left:10px; padding-right:10px;}
    .vac-col-form {margin-left:-10px; margin-right:-10px; } 
    .vac-col-form .vac-form_block {padding-left:10px; padding-right:10px;}
}
@media  (max-width: 320px) { .stocks.container {padding-left:5px; padding-right:5px;}
    .vac-col-form {margin-left:-5px; margin-right:-5px; } 
    .vac-col-form .vac-form_block {padding-left:5px; padding-right:5px;}
}
.vac-step-2 .desktop {min-height:350px; display:flex; flex-direction:column; justify-content:center}
.vac-step-2 .desktop svg {align-self:center;}
.vac-step-2 h4 {margin:0px;}
@media (max-width:783px) {
    .posters-pluses__elem  svg {
    width: 42px;
    min-width: 42px;
} 
    #content .product-category__section.one-con {gap: 10px;}
        .about-item h1,.vac-item h1,#content .posters h1 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    h1 {margin-bottom:0px;}
    .contacts.container {margin-top:10px;}
    .contacts h1 {margin-bottom:10px}
    .reviews {margin-top: 10px;gap: 10px;}
   .product-category__section.cat-page {margin-top: 10px;        gap: 10px;}  
    .product-category__section.cat-page h1 {margin-bottom:0px;}
    .vac-step-2 p { 
font-size: 16px;
font-weight: 500;
line-height: 21.6px;
text-align: center;
} .vac-step-2 .desktop {min-height: 240px;} }
.modal-img__block .super-price {display: none;}
.sales-la .modal-img__block .super-price {display: flex;}

@media (max-width:355px) {
    .mobile-menu .delivery-block__card {flex-direction:row}
     .mobile-menu .delivery-block__card br {}
}
.content-vac a {color: #EB4F1A;}


.ss-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }
  
  .ss-content {
    width: 100%;
    padding: 0 0 0 0;
    overflow-x: auto;
    overflow-y: scroll;
    box-sizing: border-box;
    position: relative;
    height: 100%;
  }
   
  .ss-content.rtl {
    width: calc(100% + 18px);
    right: auto;
  }
  
  .ss-scroll {
    position: absolute;
    background: rgba(183, 183, 183, 1);
    width: 4px;
    border-radius: 40px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 1;
    right: 4px!important;
    
    left: auto;
    transition: opacity 0.25s linear;
  }
  
  .ss-hidden {
    display: none;
  }
  
  .ss-container:hover .ss-scroll,
  .ss-container:active .ss-scroll {
    opacity: 1;
  }
  
  .ss-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .ss-content::-webkit-scrollbar {
    width: 0px;
    height: 0px
}
.g {height: calc(100vh - 375px);position: relative;}

@media (max-width:783px) {
    .delivery-block__elem:nth-child(1) .delivery-block__card div{font-weight:600}
    .delivery-block__elem:nth-child(2) .delivery-block__card div{font-weight:700}
    .modal-cart__block {background: #fff;}
    .modal-cart__order {overflow-y:auto;}
    .g {height:calc(100% - 35px)}
    .ss-scroll {right:0px!important}
}
@media (max-width:577px) {
    .mobile-menu .delivery-block__card {width: 33%!important;}
}
@media (max-width:355px) {
    .mobile-menu .delivery-block__card {width:100%!important;}
    .delivery-block__cards {flex-flow: column wrap;gap: 15px;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
    .mobile-menu .delivery-block__card {text-align:left;}
     
}
.g.mobile-hide-class {}
.g.mobile-hide-class:before {content:'';width:100%;height:100%;background:#222222BF;position:absolute;z-index:10;top: -50px;}
.modal-cart__order.mobile-show-class {
    position: absolute;
    bottom: 0px;
    background: #fff;
    left: 0px;
    width: 100%;
    }
.modal-cart__order.mobile-show-class h4 {    margin-bottom: 20px;}
.mobile-show-class .close_order_new {display:block!important;background:transparent!important;padding:0px;width:20px;height:20px;position:absolute;margin: 0px;top: 15px;right: 15px;}
.stocks .stocks__elem-date {margin-top:0px;}

.order-info-user span {font-size: 14px;
    background: rgba(72, 171, 37, 1);
    color: #fff;
    display: inline-block;
    width: 83px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border-radius: 4px;
    font-weight: 600;}
    .overflow .modal-add_product__elem2 {display:none!important;}
.overflow .mobile_alert {display:none!important;}