html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button {
    border: none;
    outline: none;
    font-family: "HelveticaNeueCyr" !important;
}

/* ========================= */

.wrapper {
    position: relative;
}

:root {
    --color-1: #fff6e8;
    --dark: #0f172a;
    --green-dark: #2cc159;
    --green-mid: #6dd58c;
    --gray: #f6f7fb;
    --star-size: 20px;
    --star-color: #c6c8da;
    --star-background: #fc0;
    --price: #17a140;
}

@font-face {
    font-family: "HelveticaNeueCyr";
    src: url("../fonts/Helvetica/HelveticaNeueCyr-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "HelveticaNeueCyr";
    src: url("../fonts/Helvetica/HelveticaNeueCyr-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "HelveticaNeueCyr";
    src: url("../fonts/Helvetica/HelveticaNeueCyr-Roman.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

body {
    line-height: 1.3;
    font-family: "HelveticaNeueCyr";
    color: var(--dark);
    font-size: 16px;
}

.container {
    position: relative;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.col {
    position: relative;
    padding: 0 5px;
}

img {
    max-width: 100%;
}

/* ========================= */

/* ===== top-bar-wrapper ===== */

.top-bar-wrapper {
    position: relative;
    background: var(--color-1);
    padding: 2px 0;
}

.top-bar-wrapper .row {
    align-items: center;
    justify-content: space-between;
}

.top-bar-wrapper .container-c {
    max-width: 1025px;
}

.top-bar-label {
    font-weight: bold;
    text-transform: uppercase;
    background: #ff0000;
    color: #fff;
    display: inline-block;
    width: auto;
    padding: 5px 26px;
    border-radius: 38px;
    margin-right: 25px;
}

.top-bar-text {
    text-transform: uppercase;
    font-weight: bold;
}

.top-bar-text br {
    display: none;
}

.top-bar-items {
    position: relative;
    display: flex;
    font-size: 14px;
}

.top-bar-item {
    position: relative;
    display: flex;
}

.top-bar-item:first-child {
    margin-right: 25px;
}

.top-bar-item__img {
    position: relative;
    margin-right: 10px;
}

.top-bar-item__img svg {
    width: 22px;
    height: 22px;
}

.top-bar-item__text {
    position: relative;
}

.top-bar-date {
    position: relative;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 0 15px;
}

.top-bar-date p {
    z-index: 1;
    position: relative;
    font-size: 16px;
    font-weight: bold;
}

.top-bar-date::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 36px;
    background: var(--green-dark);
    transform: skewX(-20deg);
}

/* ===== top-bar-wrapper ===== */

/* ===== header-wrapper ===== */

.header-wrapper {
    position: relative;
}

.header-row {
    padding: 5px 0;
}

.row.header-row {
    align-items: center;
    justify-content: space-between;
}

.header-lang-wrapper {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    background: var(--green-dark);
    padding: 9px 20px;
    border-radius: 5px;
}

.header-contact-basket {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/* .col-width {
  width: calc(100% - 305px);
} */

.header-contact-basket-block a {
    text-decoration: none;
    color: var(--dark);
}

.header-contact-basket-block-line {
    position: relative;
}

.header-contact-basket-block-line::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -25px;
    width: 1px;
    height: 74px;
    background: url(../img/header-line.png) no-repeat;
}

.header-contact-title {
    font-size: 14px;
    font-weight: bold;
}

.header-phones-text {
    font-size: 12px;
}

.header-top-menu {
    position: relative;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-lang-current {
    position: relative;
}

.header-lang-current {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.header-lang-current span {
    color: #fff;
}

.header-lang-current svg {
    position: relative;
    left: 3px;
    width: 10px;
    height: 6px;
    display: block;
}

.header-lang-list-link {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 5px 0;
}

.header-lang-list {
    background: var(--green-dark);
    padding: 1px 3px;
    visibility: hidden;
    height: 0;
    position: absolute;
    z-index: 999;
    top: 33px;
    width: 72px;
    left: 0px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
}

.header-lang-wrapper:hover .header-lang-list {
    visibility: visible;
    height: auto;
}

.header-seatch-block {
    position: relative;
}

.header-seatch {
    position: relative;
}

.header-seatch-input {
    position: relative;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #2cc159;
    width: 668px;
    border-radius: 5px;
    padding: 12px 22px;
    background: #fff url(../img/search-icon.svg) 0 0 no-repeat;
    background-position: bottom 7px right 20px;
}

.header-contact {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.header-address {
    position: relative;
}

.header-phones {
    position: relative;
}

.header-phone {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 5px;
    position: relative;
}

.header-phone--icon:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -22px;
    width: 16px;
    height: 19px;
    background: url(../img/phone-green-icon.svg) 0 0 no-repeat;
}

.header-phone:hover {
    color: var(--dark);
}

.basket-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.basket-img {
    position: relative;
    margin-right: 25px;
}

.basket-img svg {
    display: block;
    width: 36px;
    height: 36px;
}

.basket-number {
    position: absolute;
    top: 8px;
    right: -6px;
    background: var(--green-dark);
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
}

.basket-text {
    font-size: 14px;
}

.basket-text--1 {
    font-weight: bold;
    margin-bottom: 3px;
}

.menu-wrapper {
    position: relative;
    background: var(--green-mid);
}

.menu-in {
    position: relative;
}

.menu {
    position: relative;
}

.menu__list {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    list-style: none;
    max-width: 1200px;
}

.menu__link {
    display: block;
    text-decoration: none;
    color: var(--dark);
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px;
    text-transform: uppercase;
    text-align: center;
}

.menu__link.price-list {
    color: #fff;
    background: #f00 !important;
    border-radius: 5px;
}

.menu__link:hover {
    color: #118e37;
}

/* .header-top-menu .about-main-social-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5px;
} */

.menu-toggl__btn-mob .menu__link {
    text-align: left;
}

.menu-toggl__btn-mob .menu__link:hover {
    background: var(--green-dark) !important;
    color: #fff !important;
    border-radius: 5px;
}

/* .menu__item:first-child .menu__link {
  padding-left: 0;
} */

.menu-active .menu__link {
    color: var(--dark);
}

.menu__link--active {
    color: #118e37;
}

.menu-active .menu__link:hover {
    background: #f1f5f9;
    color: var(--dark);
}

.menu-active .menu__link,
.menu-active .menu__item {
    width: 100%;
    box-sizing: border-box;
}

.header__btn {
    background: var(--second);
    color: #fff;
    cursor: pointer;
}

.header__in-menu-btn {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 20px;
    border-radius: 16px;
}

.header__btn {
    font-weight: 600;
    font-size: 18px;
    padding: 15px 20px;
    border-radius: 16px;
    text-decoration: none;
    display: inline-block;
    margin-left: 10px;
}

.header__btn:hover {
    background-color: rgb(243, 146, 0, 0.8);
}

.menu-toggl__btn {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    display: none;
    align-items: flex-end;
    padding: 15px 14px;
}

.menu-toggl__btn-mob {
    display: none;
    background: var(--green-mid);
}

.menu-toggl__btn span {
    background: #fff;
    height: 2px;
    width: 18px;
    display: inline-block;
    margin-bottom: 5px;
}

.menu-toggl__btn span:last-child {
    margin-bottom: 0;
}

/* .menu-active {
  display: block !important;
} */

.header__menu-block {
}

.menu-active {
}

.menu-modile-catalog-link-drop {
    position: relative;
    cursor: pointer;
}

.menu-modile-catalog-link-drop::before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 7px;
    width: 16px;
    height: 16px;
    background: url(../img/main-catalog-arrow.png) 0 0 no-repeat;
}

.header__menu-block.menu-active .menu__list {
    flex-direction: column;
    position: fixed;
    background: #fff;
    height: 100%;
    z-index: 9;
    justify-content: flex-start;
    padding: 0 10px;
    padding-top: 60px;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    max-width: 300px;
    box-sizing: border-box;
    width: 100%;
    visibility: visible;
    overflow: visible;
    transition: 150ms;
    box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.45);
}

.menu-active .menu__list::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #f1f5f9;
}

.menu-active .menu__link {
    background: transparent;
}

.menu-toggl__btn-close {
    display: none;
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 999;
}

.menu-toggl__btn-logo {
    display: none;
    position: relative;
    z-index: 99;
}

.menu-toggl__btn-close:before {
    content: "✖";
    color: var(--dark) !important;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0f172ac9;
    z-index: 1;
}

.catalog-main-row-wrapper {
    position: relative;
    background: var(--green-mid);
    padding: 8px 0;
}

.catalog-main-row-in {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catalog-main-row-btn {
    display: flex;
    align-items: center;
    background: var(--green-dark);
    padding: 7px 55px;
    border-radius: 5px;
    cursor: pointer;
    transition: 250ms;
}

.catalog-main-row-btn:hover {
    background: #27a54d;
}

.catalog-main-row-btn-text {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 25px;
    margin-top: 3px;
}

.catalog-main-row-btn-img-1 svg {
    display: block;
    width: 25px;
    height: 25px;
}

.catalog-main-row-btn-img-2 svg {
    display: block;
    width: 10px;
    height: 6px;
}

/* ===== header-wrapper ===== */

/* ===== slider-wrapper ===== */

.slider-wrapper {
    position: relative;
    margin-top: 30px;
    margin-bottom: 60px;
}

.slider-main {
    position: relative;
}

.slider-nav-block {
    position: absolute;
    right: 55px;
    bottom: 30px;
    width: 100px;
    z-index: 1;
    display: flex;
    align-items: center;
}

.swiper {
    width: 100%;
    height: 100%;
}

/* .swiper-slide {
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
} */

/* .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.slide-content {
    position: relative;
}

.slide-text-wrapper {
    position: relative;
}

.slide-text--title {
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.slide-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-1);
    border-radius: 35px;
    padding: 30px 30px;
    padding-bottom: 45px;
}

.slide-img {
    margin-right: 45px;
}

.slide-img img {
    width: 460px;
}

.slide-items {
    position: relative;
    font-size: 16px;
}

.slide-item:first-child {
    margin-bottom: 15px;
}

.slide-item {
    position: relative;
    display: flex;
}

.slide-item__img {
    position: relative;
    margin-right: 10px;
}

.slide-item__img svg {
    width: 22px;
    height: 22px;
}

.slide-btn {
    font-weight: 500;
    border: 1px solid var(--green-mid);
    border-radius: 38px;
    display: inline-block;
    margin-top: 30px;
    padding: 11px 59px;
    cursor: pointer;
    text-decoration: none;
    color: var(--dark);
    transition: 250ms;
}

.slide-btn:hover {
    background: var(--green-dark);
    border: 1px solid var(--green-dark);
    color: #fff;
}

.swiper-pagination-fraction {
    width: auto;
    margin: 0 15px;
}

.slider-nav-block img {
    display: block;
}

.swiper-arrow {
    cursor: pointer;
    outline: none;
}

.swiper-arrow svg {
    width: 7px;
    height: 14px;
    display: block;
}

.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.swiper-button-play,
.swiper-button-pause {
    cursor: pointer;
}

.swiper-button-play {
    display: none;
}

.slider-play {
    margin-left: 10px;
}

.slider-play svg {
    display: block;
    width: 12px;
    height: 12px;
}

/* ===== slider-wrapper ===== */

/* ===== catalog-wrapper ===== */

.catalog-wrapper {
    position: relative;
    margin-bottom: 70px;
}

.catalog-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin-top: 20px;
}

.main-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

.catalog-block {
    position: relative;
    display: flex;
    text-decoration: none;
    color: var(--dark);
    align-items: center;
    padding: 5px 16px;
    border-radius: 16px;
    justify-content: space-between;
    transition: 250ms;
}

.catalog-block:hover {
    box-shadow: 0 2px 3px #3333336b;
}

.catalog-block-text {
    max-width: 150px;
    margin-right: 5px;
}

.catalog-block:nth-child(1n) {
    background: #d3e3fd;
}

.catalog-block:nth-child(2n) {
    background: #fff6e8;
}

.catalog-block:nth-child(3n) {
    background: #ccf8d9;
}

.catalog-block:nth-child(4n) {
    background: #c5efff;
}

.catalog-block-img img {
    display: block;
    max-width: none;
}

/* ===== catalog-wrapper ===== */

/* ===== about-main-wrapper ===== */

.about-main-wrapper {
    position: relative;
    margin-bottom: 65px;
}

.about-main-in {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
}

.about-main-block {
    position: relative;
}

.about-main-text p {
    margin-bottom: 20px;
}

.about-main-text p:last-child {
    margin: 0;
}

.about-main-social-wrapper {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 35px;
}

.about-main-wrapper .about-main-social-wrapper {
    margin-left: 0;
    margin-top: 25px;
}

.about-main-social-link {
    display: inline-block;
    text-decoration: none;
    margin-right: 20px;
    transition: 250ms;
}

.about-main-social-link svg {
    width: 20px;
    height: 20px;
    display: block;
}

.about-main-social-link:hover {
    opacity: 0.7;
}

.about-main-social-link:last-child {
    margin: 0;
}

/* ===== about-main-wrapper ===== */

/* ===== why-we-wrapper ===== */

.why-we-wrapper {
    position: relative;
}

.why-we-in {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    margin-top: 50px;
}

.why-we-block {
    position: relative;
    text-align: center;
}

.why-we-text {
    position: relative;
}

.why-we-text h3 {
    font-size: 24px;
    margin: 20px 0;
}

.why-we-img {
    display: inline-block;
    padding: 12px;
    border-radius: 16px;
}

.why-we-img svg {
    display: block;
    width: 45px;
    height: 45px;
}

.why-we-img-1 {
    background: #d3e3fd;
}

.why-we-img-2 {
    background: #fff6e8;
}

.why-we-img-3 {
    background: #ccf8d9;
}

.why-we-img-4 {
    background: #c5efff;
}

/* ===== why-we-wrapper ===== */

/* ===== footer-wrapper ===== */

.footer-wrapper {
    position: relative;
    background: #f6f7fb;
    padding: 65px 0;
    margin-top: 100px;
}

.footer-in {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px;
}

.footer-block {
    position: relative;
}

.footer-info-wrapper {
    position: relative;
}

.footer-info-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
    justify-content: flex-start;
    grid-gap: 30px;
}

.footer-info-block:last-child {
    margin: 0;
}

.footer-text {
    font-size: 14px;
    margin-top: 25px;
}

.footer-block-1 {
    grid-column-start: 1;
    grid-column-end: 3;
}

.footer-contact {
    position: relative;
}

.footer-title {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 45px;
    text-transform: uppercase;
}

.footer-row {
    position: relative;
}

.footer-row-block {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
}

.footer-row-block img {
    max-width: none;
    display: block;
}

.footer-row-block-icon svg {
    margin-right: 20px;
    position: relative;
    top: 4px;
}

.footer-row-block-icon-1 svg {
    width: 12px;
    height: 18px;
}

.footer-row-block-icon-2 svg {
    width: 16px;
    height: 16px;
}

.footer-row-block-icon-3 svg {
    width: 16px;
    height: 12px;
}

.footer-row-block-icon-4 svg {
    width: 14px;
    height: 14px;
}

.footer-row-block {
    margin-bottom: 25px;
}

.footer-row-block:last-child {
    margin: 0;
}

.footer-row-block-links a {
    text-decoration: none;
    color: var(--dark);
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.footer-row-block-text a:last-child {
    margin: 0;
}

.footer-row-block-text a span {
    font-weight: normal;
    font-size: 12px;
}

.footer-mail {
    text-decoration: none;
    color: var(--dark);
    display: block;
}

.footer-row-block-text h3 {
    font-weight: bold;
}

.footer-menu {
    position: relative;
}

.footer-menu-list {
    position: relative;
}

.footer-menu-link {
    display: block;
    color: var(--dark);
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 30px;
}

.footer-menu-item:last-child .footer-menu-link {
    margin: 0;
}

.footer-menu-link:hover {
    text-decoration: underline;
}

.footer-input-block {
    position: relative;
}

.footer-input {
    position: relative;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #c6c8da;
    outline: none;
    padding: 16px 20px;
    width: 100%;
    max-width: 273px;
}

.footer-btn {
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
    max-width: 273px;
    background: var(--green-dark);
    border-radius: 38px;
    padding: 15px 0;
    margin-top: 20px;
    cursor: pointer;
    transition: 250ms;
}

.footer-btn:hover {
    opacity: 0.8;
}

.footer-social {
    margin-top: 30px;
}

.footer-social-title {
    font-weight: bold;
    margin-bottom: 20px;
}

.footer-dev {
    color: white;
}

.footer-dev a {
    color: white;
}

.footer-social .about-main-social-wrapper {
    margin: 0;
}

.dev-wrapper {
    background: var(--green-mid);
    padding: 22px 0px;
}

.dev-in {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.dev-text {
    color: #fff;
}

.to-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 9;
}

.to-top-btn svg {
    width: 38px;
    height: 38px;
}

@media screen and (max-width: 540px) {
    .dev-in {
        flex-flow: column;
        text-align: center;
    }

    .dev-text {
        margin-bottom: 5px;
    }
}

/* ===== footer-wrapper ===== */
.h_head {
    margin-top: 20px;
    margin-bottom: 20px;
}

.h_head h1 {
    font-size: 24px;
    font-weight: bold;
}

/* ===== breadcrumbs-wrapper ===== */

.breadcrumbs-wrapper {
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
}

.breadcrumbs-list {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
}

.breadcrumbs-item {
    position: relative;
    display: flex;
}

.breadcrumbs-link {
    display: block;
    text-decoration: none;
    color: var(--dark);
}

.breadcrumbs-item:last-child span {
    display: none;
}

.breadcrumbs-link-active {
    color: #c6c8da;
}

.breadcrumbs--separator {
    display: inline-block;
    margin: 0 20px;
}

/* ===== breadcrumbs-wrapper ===== */

/* ===== catalog-page ===== */

.catalog-show-all-btn-block {
    position: relative;
    text-align: center;
}

.catalog-show-all-btn {
    color: var(--green-dark);
    font-weight: bold;
    text-align: center;
    width: 100%;
    max-width: 273px;
    border: 1px solid var(--green-dark);
    border-radius: 38px;
    padding: 15px 0;
    margin-top: 65px;
    cursor: pointer;
    transition: 250ms;
    display: inline-block;
    text-decoration: none;
}

.catalog-show-all-btn:hover {
    color: #fff;
    background: var(--green-dark);
}

.catalog-pagination {
    position: relative;
    margin-top: 40px;
}

.catalog-pagination-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-pagination-item {
    position: relative;
}

.catalog-pagination-link {
    display: inline-block;
    text-decoration: none;
    color: var(--dark);
    border: 1px solid #cdcfdf;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 5px;
    margin: 0 2px;
}

.catalog-pagination-link--noborder {
    border: none;
}

.catalog-pagination-link--active {
    border: 1px solid var(--green-mid);
}

.catalog-pagination-link:hover {
    border: 1px solid var(--green-mid);
}

.catalog-pagination-link svg {
    display: block;
    width: 14px;
    height: 8px;
}

.catalog-selected__remove svg {
    width: 15px;
    height: 15px;
}

.catalog-selected-text {
    margin-bottom: 10px;
}

/* ===== catalog-page ===== */

/* ===== catalog-page ===== */

.catalog-content-wrapper {
    position: relative;
}

.catalog-row {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.catalog-aside-wrapper {
    position: relative;
    width: 270px;
}

.catalog-aside-btns-wrapper {
    position: relative;
    margin-bottom: 35px;
    display: none;
}

.catalog-aside-btn-filter {
    position: relative;
    display: inline-block;
    background: #f1f5f9;
    padding: 12px 36px 12px 20px;
    border-radius: 6px;
    cursor: pointer;
}

.catalog-aside-btn-filter::before {
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    right: 5px;
    width: 20px;
    height: 8px;
    background: url(../img/sort-item.svg) no-repeat;
}

.catalog-content-items {
    position: relative;
    width: calc(100% - 300px);
}

.sidebar-block {
    position: relative;
    background: var(--gray);
    border-radius: 16px;
    padding: 20px 20px;
    margin-bottom: 5px;
}

.sidebar-title {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.sidebar-title span {
    text-transform: lowercase;
}

.price-range-block {
    position: relative;
}

.sliderText {
    width: 40%;
    margin-bottom: 30px;
    border-bottom: 2px solid red;
    padding: 10px 0 10px 0px;
    font-weight: bold;
}

.ui-slider-horizontal {
    height: 5px;
}

.ui-slider-horizontal {
    margin-bottom: 15px;
    width: 40%;
}

.ui-widget-header {
    background: #2cc159;
}

.price-range-search {
    width: 40.5%;
    background-color: #f9f9f9;
    border: 1px solid #6e6666;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom: 20px;
    font-size: 16px;
}

.price-range-field {
    outline: none;
    border: 1px solid #c6c8da;
    border-radius: 2px;
    font-size: 12px;
    padding: 4px 5px;
    box-sizing: border-box;
}

.search-results-block {
    position: relative;
    display: block;
    clear: both;
}

#slider-range {
    margin-top: 25px;
    width: calc(100% - 38px);
    margin-left: 10px;
    margin-bottom: 0;
}

.price-range-field-1 {
    margin-right: 40px;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: none;
    box-shadow: 0 0 2px #333;
}

.ui-state-active {
    background: #fff !important;
}

.main-title-h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

.filter-section {
    position: relative;
}

.filter-section-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
}

.filter-section-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-decoration: none;
    color: var(--dark);
    padding-left: 20px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
}

.filter-section-link span {
    color: var(--green-dark);
    margin-left: 2px;
}

.filter-section-link::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 13px;
    height: 13px;
    background: url(../img/checkbox.svg) 0 0 no-repeat;
}

.filter-section-link--checked::before {
    background: url(../img/checkbox-checked.svg) 0 0 no-repeat;
}

.filter-section-item {
    position: relative;
    width: 100%;
}

.filter-show-more {
    font-size: 14px;
    color: var(--green-dark);
    position: relative;
    margin-top: 15px;
    display: inline-block;
    cursor: pointer;
    padding-right: 10px;
}

.filter-show-more::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 6px;
    height: 5px;
    background: url(../img/filtr-btn-arrow.svg) 0 0 no-repeat;
}

.filter-bg {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 24px;
    background: #f6f7fbd4;
    z-index: 1;
}

.catalog-settings {
    position: relative;
    background: var(--gray);
    border-radius: 16px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

.catalog-settings-block {
    position: relative;
}

.sort-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sort-list {
    display: none;
    border: 1px solid #c6c8da;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    transform: translateY(-3px);
}

.sort-list__item {
    position: relative;
}

.sort-text {
    margin-right: 10px;
}

.sort {
    font-size: 12px;
    position: relative;
}

.sort-list__item-active {
    cursor: pointer;
    position: relative;
    border: 1px solid #c6c8da;
    background: #fff;
    border-radius: 6px;
    line-height: 1;
    padding: 15px 45px 15px 10px;
    width: 140px;
}

.sort-list__item-active::before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 5px;
    width: 20px;
    height: 8px;
    background: url(../img/sort-item.svg) no-repeat;
}

.sort-show {
    display: block;
}

.sort-list__item {
    display: block;
    color: var(--dark);
    text-decoration: none;
}

.sort-list__item:hover {
    color: var(--green-dark);
}

.sort-list .sort-list__item {
    margin-bottom: 15px;
    cursor: pointer;
}

.sort-list .sort-list__item:last-child {
    margin: 0;
}

.sort-list__item-active.sort-list__item-active-2 {
    width: auto;
}

.catalog-view {
    position: relative;
    display: flex;
    border: 1px solid #c6c8da;
    border-radius: 5px;
    background: #fff;
}

.catalog-view-block {
    position: relative;
    padding: 13px;
    cursor: pointer;
    display: inline-block;
}

.catalog-view-block.catalog-view-block-active svg {
    fill: #fff;
}

.catalog-view-block.catalog-view-block-active {
    background: var(--green-dark);
}

.catalog-view-img svg {
    fill: #c6c8da;
    display: block;
    width: 18px;
    height: 18px;
}

.catalog-selected-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    flex-wrap: wrap;
}

.catalog-selected__list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    flex-wrap: wrap;
}

.catalog-selected__link {
    display: flex;
    text-decoration: none;
    color: var(--dark);
    align-items: center;
    background: var(--gray);
    border: 1px solid #c6c8da;
    border-radius: 5px;
    font-size: 14px;
}

.catalog-selected__link p {
    padding: 0 12px;
}

.catalog-selected__link svg {
    fill: #6dd58c;
    display: block;
}

.catalog-selected__link span {
    display: inline-block;
    padding: 7px;
    border-left: 1px solid #c6c8da;
}

.catalog-selected__link span:hover {
    background: var(--green-dark);
}

.catalog-selected__link span:hover svg {
    fill: #fff;
}

.catalog-selected__btn {
    color: var(--green-dark);
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px dotted var(--green-dark);
    display: inline-block;
    padding: 3px 0;
    margin-left: 10px;
}

.catalog-selected__btn:hover {
    opacity: 0.8;
}

.catalog-grid-block {
    position: relative;
    padding-top: 20px;
}

.catalog-grid-block:hover {
    box-shadow: 0 0 4px #3333337a;
}

.catalog-grid-block:hover .buy-btn-block {
    background: #f6f7fb;
}

.catalog-grid-block:hover .catalog-grid-price-buy-block {
    background: #f6f7fb;
    padding-top: 20px;
}

.catalog-grid-price-buy-block .buy-btn-block {
    padding-bottom: 0;
}

.catalog-grid-block:hover .catalog-grid-price-block {
    background: #f6f7fb;
}

.catalog-view-block--row .catalog-grid-block:hover .catalog-grid-price-block {
    background: white;
}

.catalog-grid-price-block {
    text-align: center;
    padding-top: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catalog-grid-price-old {
    color: #c6c8da;
    font-size: 11px;
    text-decoration: line-through;
    position: absolute;
    top: 8px;
    left: 10px;
    right: 0;
}

.catalog-grid-img {
    display: block;
    text-decoration: none;
    color: var(--dark);
    padding: 0 15px;
    box-sizing: border-box;
}

.catalog-grid-img {
    position: relative;
    width: 100%;
    text-align: center;
}

.catalog-grid-img img {
    max-width: 175px;
    width: 100%;
}

.stars-rating-progress {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    font-family: Times;
    line-height: 1;
}

.stars-rating-progress::before {
    content: "★★★★★";
    letter-spacing: 1px;
    background: linear-gradient(
        90deg,
        var(--star-background) var(--percent),
        var(--star-color) var(--percent)
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stars-rating-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    margin-top: 15px;
    padding: 0 12px;
}

.stars-rating-text {
    font-size: 12px;
    color: #c6c8da;
    margin-top: 3px;
    margin-left: 6px;
}

.catalog-grid-block a {
    text-decoration: none;
}

.catalog-grid-title {
    text-align: left;
    color: var(--dark);
    font-size: 14px;
    margin-top: 15px;
    display: block;
    padding: 0 15px;
}

.catalog-grid-price {
    color: var(--price);
    font-weight: bold;
}

.catalog-grid-price-buy-block {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    padding-top: 20px;
    box-sizing: border-box;
    position: relative;
}

.buy-btn-block {
    position: relative;
    text-align: center;
    padding: 0 15px;
    padding-bottom: 5px;
}

.buy-btn {
    text-decoration: none;
    background: #17a140;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

.buy-btn img {
    display: block;
}

.buy-btn:hover {
    opacity: 0.8;
}

.catalog-grid-description {
    position: absolute;
    z-index: 1;
    background: #f6f7fb;
    padding: 20px 15px;
    display: none;
    box-shadow: 0 4px 4px #3333337a;
    width: 100%;
    box-sizing: border-box;
    transform: translateY(0);
}

.catalog-grid-block:hover .catalog-grid-description {
    display: block;
}

.catalog-grid-description-title {
    color: var(--dark);
    font-size: 14px;
}

.catalog-grid-description-link {
    font-size: 12px;
    color: var(--green-dark);
    text-decoration: underline !important;
}

.catalog-grid-description-block {
    padding: 15px 0;
    position: relative;
}

.catalog-grid-description-block:last-child {
    padding-bottom: 0;
}

.catalog-grid-description-block {
    border-bottom: 1px solid #e4e5f0;
    border-top: 1px solid #fff;
}

.catalog-grid-description-block:first-child {
    border-top: 0;
}

.catalog-grid-description-block:last-child {
    border-bottom: 0;
}

.display-block {
    display: block !important;
}

.filter-mob-btn-block {
    display: none;
    text-align: center;
    margin-top: 30px;
}

.filter-mob-btn {
    color: #fff;
    border-radius: 6px;
    background: var(--green-mid);
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 12px 52px;
}

.filter-mob-btn:hover {
    opacity: 0.8;
}

.catalog-aside-catalog {
    color: #fff;
    border-radius: 6px;
    background: var(--green-mid);
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 12px 52px;
    margin-left: 15px;
    cursor: pointer;
}

.catalog-aside-catalog:hover {
    opacity: 0.8;
}

.catalog-view-block--grid {
    display: grid;
}

.catalog-view-block--row {
    display: block;
}

.catalog-view-block--row .catalog-grid-block {
    display: flex;
    margin-top: 25px;
}

.catalog-view-block--row .catalog-grid-block:first-child {
    margin-top: 0;
}

.catalog-view-block--row .stars-rating-block,
.catalog-view-block--row .catalog-grid-title,
.catalog-view-block--row .catalog-grid-price,
.catalog-view-block--row .buy-btn-block {
    text-align: left;
    justify-content: flex-start;
}

.catalog-view-block--row .catalog-grid-code {
    text-align: left;
}

.catalog-view-block--row .catalog-grid-block:hover .catalog-grid-description {
    display: none !important;
}

.catalog-view-block--row .catalog-grid-block:hover .catalog-grid-price,
.catalog-view-block--row .catalog-grid-block:hover .buy-btn-block {
    background: #fff;
}

.catalog-view-block--row .stars-rating-block {
    padding-bottom: 10px;
}

.catalog-view-block--row .catalog-grid-code {
    padding-left: 0;
}

.catalog-view-block--row .catalog-grid-title {
    padding-left: 0;
}

.catalog-grid-block-disable {
    opacity: 0.5;
}

.catalog-grid-block-disable .catalog-grid-price {
    margin-left: 15px;
}

.catalog-grid-block-disable .buy-btn-block {
    pointer-events: none;
}

/* .catalog-grid-block-disable .catalog-grid-code {
  display: none;
} */

.catalog-grid-block-disable .buy-btn-block {
    display: none;
}

.catalog-grid-block-disable .product-status .product-status-1 {
    display: none;
}

.catalog-grid-block-disable .catalog-grid-description {
    display: none !important;
}

/* .catalog-grid-block-disable .product-status-false::before {
  display: none;
} */

.catalog-grid-block-disable .product-status-2 {
    padding-left: 20px;
    text-align: left;
}

.catalog-grid-subtext {
    display: none;
}

.catalog-view-block--row .catalog-grid-subtext {
    display: block;
    padding: 10px 15px;
}

.catalog-grid-code {
    text-align: left;
    margin-top: 10px;
    font-size: 12px;
    color: #c6c8da;
    padding: 0 15px;
}

.catalog-article {
    position: relative;
    margin-top: 60px;
}

.catalog-article p {
    margin-bottom: 15px;
}

.catalog-article p:last-child {
    margin: 0;
}

.catalog-grid-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: var(--green-dark);
    margin-top: 20px;
}

.catalog-grid-btn svg {
    width: 10px;
    height: 6px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.collapsed-article {
    overflow: hidden;
    max-height: 300px;
}

.rotate-arrticle {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.catalog-article-text {
    position: relative;
}

.catalog-article-text-bg {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 24px;
    background: #ffffffd9;
    z-index: 1;
}

.wrapper-subcatalog-page .catalog-grid-main {
    margin-top: 0;
    margin-bottom: 40px;
    grid-template-columns: repeat(3, 1fr);
}

.sidebar-catalog-menu {
    position: relative;
    border-radius: 16px;
    border: 1px solid #c6c8da;
    padding: 10px 20px;
    margin-bottom: 5px;
}

.sidebar-catalog-menu-link {
    text-decoration: none;
    color: var(--dark);
    border-bottom: 1px solid #e4e5f0;
    display: block;
    padding: 10px;
}

.sidebar-catalog-menu-item:last-child .sidebar-catalog-menu-link {
    border: none;
}

.sidebar-catalog-menu-link:hover {
    color: var(--green-dark);
}

.catalog-grid-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.sidebar-catalog-menu-submenu {
    position: relative;
}

.sidebar-catalog-menu-submenu {
    position: relative;
    padding-left: 25px;
}

.sidebar-catalog-menu-submenu
.sidebar-catalog-menu-item:last-child
.sidebar-catalog-menu-link {
    border-bottom: 1px solid #e4e5f0;
}

.mobile-nav-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    background: #fff;
    display: none;
}

.mobile-nav-list {
    position: relative;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 3;
    height: 100%;
    width: 275px;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 20px;
    padding-top: 40px;
}

.mobile-nav-list::before {
    content: "";
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f1f5f9;
}

/* width */
.mobile-nav-list::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.mobile-nav-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.mobile-nav-list::-webkit-scrollbar-thumb {
    background: #ced1e0;
}

/* Handle on hover */
.mobile-nav-list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.mobile-nav-close:before {
    content: "✖";
    color: var(--dark) !important;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
}

.mobile-nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0f172ac9;
    z-index: 2;
}

.mobile-nav-link {
    color: var(--dark);
    text-decoration: none;
    display: block;
    padding: 10px 10px;
}

.mobile-nav-close {
    position: absolute;
    top: 5px;
    right: 25px;
    z-index: 5;
}

.mobile-nav-link:hover {
    background: #f1f5f9;
    border-radius: 6px;
}

.mobile-nav-link--active {
    background: #f1f5f9;
    border-radius: 6px;
    pointer-events: none;
}

.mobile-nav-sublist {
    position: relative;
    margin-left: 20px;
    display: none;
}

.mobile-nav-sublist .mobile-nav-link {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 10px;
}

.mobile-nav-item-parent {
    position: relative;
    cursor: pointer;
}

.mobile-nav-item-parent::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 11px;
    background: url(../img/mob-submenu-arrow.svg) 0 0 no-repeat;
    height: 10px;
    width: 6px;
}

.swiper-pagination-bullet-active {
    background: var(--green-dark);
}

.popular-wrapper {
    margin-top: 80px;
}

.status-green {
    position: relative;
    color: var(--green-dark);
    font-size: 12px;
}

.status-green:before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    width: 12px;
    height: 12px;
    background: url(../img/status-green.svg) 0 0 no-repeat;
}

.product-status {
    text-align: left;
    margin-top: 5px;
}

.product-status-modification {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-status-1 {
    display: inline-block;
}

.product-wrapper .product-status {
    border-top: 1px solid #c6c8da;
    margin-top: 30px;
    padding-top: 20px;
    text-align: left;
}

.product-modification-block {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-modification-item {
    background: #f6f7fb;
    padding: 8px 15px;
    border-radius: 25px;
    cursor: pointer;
    transition: 250ms;
}

.product-modification-item:hover {
    background: #fff6e8;
}

.product-modification-item.active {
    background: #eaeaf0;
}

.product-modification-item {
    font-size: 14px;
}

.popular-lable {
    position: absolute;
    top: 0;
    left: 0;
    background: #fed595;
    border-radius: 25px;
    font-size: 10px;
    font-weight: 500;
    padding: 6px 18px;
    z-index: 1;
}

.catalog-view-block--row .product-status {
    text-align: left;
    margin-top: 0;
}

.catalog-view-block--row .catalog-code-status {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 10px;
}

.catalog-view-block--row .catalog-grid-code {
    margin-top: 0;
}

.catalog-view-block--row
.catalog-grid-block:hover
.catalog-grid-price-buy-block {
    background: transparent;
}

/* ===== catalog-page ===== */

/* ===== product-page ===== */

.product-wrapper {
    position: relative;
}

.product-top {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.product-top-block {
    position: relative;
    width: 100%;
}

.swiper {
    width: 100%;
    /* height: 300px; */
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.productSlider2 {
    height: 80%;
    width: 100%;
}

.productSlider {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.productSlider .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.productSlider .swiper-slide-thumb-active {
    opacity: 1;
}

.product-top__left {
    max-width: 429px;
}

.productSlider2 .swiper-slide img {
    max-height: 300px;
}

.productSlider .swiper-slide img {
    max-height: 65px;
}

.swiper-product-button svg {
    height: 14px;
    width: 8px;
    display: block;
}

.swiper-product-button svg:hover {
    stroke: var(--green-dark);
}

.swiper-product-button-next {
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
}

.swiper-product-button-prev {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
}

.swiper-product-button {
    z-index: 2;
    cursor: pointer;
}

.product-top__gallery {
    position: relative;
    padding: 0 15px;
}

.product-top__gallery .swiper-slide {
    border: 1px solid #c6c8da;
    padding: 5px;
    box-sizing: border-box;
}

.product-top-block-lable {
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    padding: 5px 30px;
    border-radius: 25px;
    font-size: 10px;
    font-weight: 500;
}

.product-top-block-lable-top {
    background: #fed595;
}

.product-title-main {
    font-size: 24px;
    font-weight: bold;
}

.product-top-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    margin-top: 15px;
}

.product-top-raiting .stars-rating-block {
    padding: 0;
    margin: 0;
}

.product-top-brand {
    color: #c6c8da;
    font-size: 12px;
}

.product-top-code {
    color: #c6c8da;
    font-size: 12px;
}

.product-top-code span {
    color: var(--dark);
}

.product-status-1 {
    position: relative;
    color: var(--green-dark);
    padding-left: 20px;
    font-size: 14px;
    display: inline-block;
}

.product-status-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../img/product-status-ok.svg) 0 0 no-repeat;
}

.product-status-2 {
    position: relative;
    color: var(--dark);
    padding-left: 25px;
    font-size: 14px;
    display: inline-block;
}

.product-status-2::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../img/product-status-none.svg) 0 0 no-repeat;
}

.product-status-3 {
    position: relative;
    color: #febe5a;
    padding-left: 25px;
    font-size: 14px;
    display: inline-block;
}

.product-status-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../img/product-status-preorder.svg) 0 0 no-repeat;
}

.product-price-wrapper {
    position: relative;
    background: #f6f7fb;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 35px;
    padding: 17px 25px;
    margin-top: 25px;
    flex-wrap: wrap;
}

.product-price-old {
    color: #898b9b;
    font-size: 13px;
    text-decoration: line-through;
    right: 0;
}

.product-price {
    font-size: 24px;
    font-weight: bold;
    color: var(--price);
}

.product-top-delivery-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    border-top: 1px dashed #c6c8da;
    margin-top: 20px;
    padding-top: 20px;
}

.product-top-delivery-block-title p {
    text-transform: uppercase;
    font-size: 14px;
}

.product-top-delivery-block-title {
    background: #ccf8d9;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
}

.product-quantity {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #c6c8da;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}

.product-quantity-empty {
    padding: 10px 10px !important;
}

.product-top-delivery-text {
    background: #f2fff6;
    padding: 10px 15px;
    font-size: 12px;
    min-height: 65px;
}

.product-top-delivery-text a {
    color: var(--dark);
    font-weight: bold;
    text-decoration: none;
}

a.product-top-delivery-text-link {
    color: var(--price);
    text-decoration: dashed;
    font-weight: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-input {
    outline: none;
    border: none;
    text-align: center;
    width: 70px;
    padding: 0;
}

.quantity-button {
    cursor: pointer;
    padding: 5px;
}

.product-top-short-text {
    font-size: 14px;
    margin-top: 35px;
}

.product-main-info {
    margin-top: 50px;
}

.tabs__caption {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    gap: 70px;
    border-bottom: 2px solid #c6c8da;
    margin-bottom: 30px;
}

/* .tabs__caption li:last-child:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: -2px;
  z-index: -1;
  height: 5px;
  background: #7dca86;
} */
.tabs__caption:after {
    content: "";
    display: table;
    clear: both;
}

.tabs__caption li {
    padding: 9px 15px;
    font-weight: bold;
    position: relative;
}

.tabs__caption li:not(.active) {
    cursor: pointer;
}

.tabs__caption li:not(.active):hover {
    background: #eeeeee54;
}

.tabs__caption .active {
    background: #fff;
    color: #000;
    border-color: #7dca86;
}

.tabs__caption .active:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--green-mid);
}

.tabs__content {
    display: none;
    background: #fff;
    border-radius: 0 5px 5px 5px;
    padding: 7px 0;
}

.tabs__content p {
    margin-bottom: 15px;
}

.tabs__content p:last-child {
    margin: 0;
}

.tabs__content.active {
    display: block;
}

.product-buy-button {
    display: inline-block;
    border-radius: 38px;
    background: #17a140;
    font-weight: bold;
    color: #fff;
    padding: 15px 40px;
    cursor: pointer;
    text-decoration: none;
}

.product-buy-button a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    position: relative;
}

.product-buy-button a:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
    opacity: 0.5;
    top: -5px;
    left: 15px;
}

.product-buy-button a:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    animation: pulse 2s infinite;
    opacity: 0.5;
    top: -5px;
    left: 15px;
}

@keyframes pulse {
    0% {
        transform: scale(0.2);
        opacity: 0;
    }

    33% {
        transform: scale(1.2);
        opacity: 0.5;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.product-buy-button-basket {
    background: #17a140;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}

.product-buy-button-basket:hover {
    opacity: 0.8;
}

.product-buy-button-basket img {
    display: block;
}

.product-buy-button:hover {
    opacity: 0.8;
}

.product-table-wrapper {
    position: relative;
}

.product-table-info span {
    font-weight: bold;
}

.product-table-title {
    margin: 20px 0;
}

.product-table-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.product-table-block {
    width: 100%;
    border: 1px solid #c6c8da;
    border-radius: 16px;
    overflow: hidden;
}

.product-table {
    width: 100%;
}

.product-table tr {
    border-bottom: 1px solid #c6c8da;
}

.product-table tr:last-child {
    border: none;
}

.product-table td {
    padding: 16px 30px;
}

.product-table tr:nth-child(even) {
    background: #f6f7fb;
}

.product-price-wrapper-none,
.product-price-wrapper-ask-price {
    justify-content: space-between;
    padding: 27px 25px;
}

.product-buy-button-none {
    color: #ff0000;
}

.grid-two-col {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.product-video {
    width: 100%;
}

.product-video iframe {
    width: 100%;
    height: 335px;
}

.product-reply-wrapper {
    position: relative;
}

.product-reply-block {
    position: relative;
    margin-top: 20px;
}

.product-reply-main {
    position: relative;
    border: 0.5px solid #c6c8da;
    border-radius: 10px;
    padding: 40px;
}

.product-reply-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

.product-reply-header__author {
    font-size: 14px;
    font-weight: bold;
}

.product-reply-text {
    font-size: 14px;
}

.product-reply-header__date {
    font-size: 12px;
    color: #c6c8da;
}

.product-reply-stars {
    margin-top: 10px;
    margin-bottom: 20px;
}

.product-reply-header__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.product-reply-btn {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: var(--green-dark);
    padding-left: 35px;
    cursor: pointer;
}

.product-reply-btn::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    background: url(../img/reply-arrow.svg);
    width: 28px;
    height: 28px;
}

.product-reply-vote-buttons {
    position: relative;
    display: flex;
    gap: 20px;
}

.product-reply-vote {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.product-reply-vote svg {
    width: 24px;
    height: 24px;
    fill: #0f172a;
}

.product-reply-vote:hover svg {
    fill: #2cc159;
}

.product-reply-vote-number {
    display: inline-block;
    margin-left: 5px;
}

.product-reply-list {
    position: relative;
    margin-top: 5px;
    border: 0.5px solid #c6c8da;
    border-radius: 10px;
    padding: 40px;
    margin-left: 20px;
}

.product-reply-list::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 5px;
    height: 100%;
    background: #c6c8da;
    border-radius: 60px;
}

.product-reply-item {
    position: relative;
}

.product-reply-form-wrapper {
    position: relative;
    margin-top: 50px;
}

.product-reply-form-title {
    font-size: 24px;
    font-weight: bold;
}

.product-reply-stars {
    display: flex;
    align-items: center;
}

.product-reply-stars-text {
    margin-right: 15px;
}

.product-reply-form {
    position: relative;
}

.product-reply-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.product-reply-form-block {
    position: relative;
}

.product-reply-form-input {
    display: block;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c6c8da;
    padding: 20px;
}

.product-reply-form-textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c6c8da;
    padding: 20px;
    margin-top: 25px;
    height: 250px;
    outline: none;
}

.product-reply-form-text {
    margin-top: 15px;
    font-size: 14px;
}

.product-reply-form-btn-block {
    position: relative;
    text-align: right;
    margin-top: 30px;
}

.product-reply-form-btn {
    display: inline-block;
    box-sizing: border-box;
    outline: none;
    border: 1px solid var(--green-dark);
    background: var(--green-dark);
    color: #fff;
    font-weight: bold;
    border-radius: 38px;
    font-size: 16px;
    padding: 12px 33px;
}

.product-carousel-wrapper {
    position: relative;
    margin-top: 60px;
}

.h3-title {
    color: #333;
    font-size: 24px;
    font-weight: bold;
}

.product-carousel-block {
    position: relative;
}

.product-carousel-block .product-status {
    text-align: center;
}

.product-carousel-img {
    position: relative;
    text-align: center;
}

.product-carousel-img img {
    max-width: 175px;
}

.product-carousel-title {
    text-align: center;
    text-decoration: none;
    display: block;
    color: #333;
}

.product-carousel-stars {
    margin: 10px 0;
}

.product-carousel {
    margin-top: 60px;
}

.product-carousel-price {
    color: var(--green-dark);
    font-weight: bold;
    margin-top: 25px;
    text-align: center;
}

.product-carousel-btn-block {
    text-align: center;
}

.product-carousel-btn {
    display: inline-block;
    margin-top: 15px;
    background: var(--green-dark);
    color: #fff;
    width: 152px;
    border-radius: 38px;
    padding: 12px 0;
    cursor: pointer;
    transition: 250ms;
}

.product-carousel-btn:hover {
    opacity: 0.8;
}

.product-pagination-wrapper .swiper-pagination {
    position: relative;
    margin-top: 35px;
}

.swiper.productCarousel {
    height: auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.swiper-product-carousel-next {
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
}

.swiper-product-carousel-prev {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
}

.basket-popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.basket-popup-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0f172ad1;
}

.basket-popup {
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.basket-popup .overlay-loader {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255 255 255 / 25%);
}

.basket-block .overlay-loader {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255 255 255 / 25%);
}

.basket-popup-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f6f7fb;
}

.basket-popup-top__text {
    font-size: 20px;
    padding: 11px;
}

.basket-popup-top__img {
    padding: 11px;
    cursor: pointer;
}

.basket-popup-top__img svg {
    width: 19px;
    height: 19px;
    display: block;
}

.basket-popup-body {
    position: relative;
    padding: 30px 20px;
    max-height: 450px;
    min-height: 200px;
    overflow-y: auto;
}

/* width */
.basket-popup-body::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.basket-popup-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.basket-popup-body::-webkit-scrollbar-thumb {
    background: #ced1e0;
}

/* Handle on hover */
.basket-popup-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.basket-popup-row {
    position: relative;
    padding: 20px 0;
    padding-left: 50px;
    border-bottom: 1px dashed #c6c8da;
    display: flex;
    gap: 30px;
}

.basket-popup-row-block {
    position: relative;
    text-decoration: none;
    color: #111;
}

.basket-popup-img img {
    max-width: 115px;
    display: block;
}

.basket-popup-title {
    margin-bottom: 10px;
    max-width: 315px;
}

.basket-popup-code {
    background: #f6f7fb;
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
}

.basket-popup-price-block {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.basket-popup-price {
    font-size: 20px;
    font-weight: bold;
}

.basket-popup-price-block .product-quantity {
    padding: 5px 10px;
}

.basket-popup-price-block .quantity-button {
    font-size: 20px;
    font-weight: bold;
}

.basket-popup-total-price {
    font-size: 24px;
    font-weight: bold;
    color: var(--price);
}

.basket-popup-close {
    position: absolute;
    top: 10px;
    left: 0;
    cursor: pointer;
}

.basket-popup-close svg {
    width: 20px;
    height: 20px;
}

.basket-popup-sum {
    position: relative;
    margin-top: 30px;
}

.basket-popup-sum__block {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.basket-popup-sum__block:first-child {
    margin-bottom: 25px;
}

.basket-popup-sum__block-sale,
.basket-popup-sum__block-total-sum {
    font-size: 24px;
    font-weight: bold;
    color: var(--green-dark);
    width: 200px;
    text-align: right;
}

.basket-popup-sum__block-total-sum {
    color: var(--price);
}

.basket-popup-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f6f7fb;
    padding: 20px;
    gap: 20px;
    flex-wrap: wrap;
}

.basket-popup-bottom__block {
    position: relative;
}

.basket-popup-continue {
    text-decoration: none;
    display: inline-block;
    color: var(--dark);
    border-radius: 56px;
    border: 1px solid #c6c8da;
    padding: 11px 41px;
    background: #fff;
    transition: 250ms;
}

.basket-popup-continue:hover {
    background: #118e37;
    color: #fff;
}

.basket-popup-bottom-form {
    position: relative;
    display: flex;
    align-items: center;
}

.basket-popup-bottom-input {
    outline: none;
    display: inline-block;
    color: var(--dark);
    border-radius: 56px;
    border: 1px solid #c6c8da;
    padding: 11px 41px;
    background: #fff;
    transition: 250ms;
    font-size: 16px;
    box-sizing: border-box;
}

.basket-popup-bottom-input::placeholder {
    color: #c6c8da;
}

.basket-popup-bottom-input-block {
    position: relative;
}

.basket-popup-form-btn {
    display: inline-block;
    border-radius: 56px;
    border: 1px solid #febe5a;
    padding: 11px 41px;
    background: #febe5a;
    color: var(--dark);
    transition: 250ms;
    font-weight: bold;
    margin-left: -60px;
    z-index: 1;
    cursor: pointer;
}

.basket-popup-form-btn:hover {
    opacity: 0.8;
}

.basket-popup-btn-order {
    display: inline-block;
    background: var(--green-dark);
    color: #fff;
    border-radius: 38px;
    padding: 11px 41px;
    cursor: pointer;
    transition: 250ms;
    font-weight: bold;
    transition: 250ms;
}

.basket-popup-btn-order:hover {
    opacity: 0.8;
}

/* ===== product-page ===== */

/* ===== basket-wrapper ===== */

.basket-wrapper {
    position: relative;
    text-decoration: none;
    color: #111;
}

.basket-in {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.basket-block {
    position: relative;
}

.basket-block-1 {
    width: 100%;
    max-width: 470px;
    background: #f6f7fb;
    padding: 35px 28px;
    border-radius: 15px;
    box-sizing: border-box;
}

.basket-row {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    justify-content: flex-start;
}

.basket-row:last-child {
    margin: 0;
}

.basket-row-text {
    font-size: 14px;
    width: 180px;
    margin-right: 20px;
}

.basket-row-text span {
    color: #ff0000;
}

.basket-row-input {
    border: 1px solid #c6c8da;
    background: #fff;
    width: 100%;
    border-radius: 10px;
    padding: 16px 15px;
    box-sizing: border-box;
    outline: none;
}

/* Customize the label (the container) */
.label-radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.label-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #c6c8da;
}

/* On mouse-over, add a grey background color */
/* .label-radio-container:hover input ~ .checkmark {
  background-color: #ccc;
} */

/* When the radio button is checked, add a blue background */
/* .label-radio-container input:checked ~ .checkmark {
  background-color: #2196f3;
} */

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.label-radio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.label-radio-container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dark);
}

.basket-row-input-subtext {
    font-size: 12px;
    color: #8c8faa;
    margin-top: 5px;
}

.label-radio-container {
    margin-top: 20px;
}

.label-radio-container:first-child {
    margin-top: 0;
}

.basket-row.basket-row-flex-start {
    align-items: flex-start;
}

.basket-pay__item-active {
    cursor: pointer;
    position: relative;
    border: 1px solid #c6c8da;
    background: #fff;
    border-radius: 10px;
    line-height: 1;
    padding: 16px 15px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
}

.basket-row-input-block-pay {
    width: 100%;
}

.basket-row-input-block {
    width: 100%;
    position: relative;
}

.basket-pay__item-active::before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 5px;
    width: 20px;
    height: 8px;
    background: url(../img/sort-item.svg) no-repeat;
}

.basket-pay-list {
    display: none;
    border: 1px solid #c6c8da;
    /* border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; */
    border-radius: 10px;
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    transform: translateY(-3px);
    margin-top: 10px;
    z-index: 1;
}

.basket-pay-show {
    display: block;
}

.basket-pay__item {
    padding: 10px 0px;
    cursor: pointer;
    transition: 250ms;
    font-size: 14px;
}

.basket-pay__item:hover {
    background: #f1f5f9;
}

.courier-wrapper {
    position: relative;
}

.courier-block {
    position: relative;
    margin-top: 15px;
}

.courier-lable {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.courier-input::before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 5px;
    width: 20px;
    height: 8px;
    background: url(../img/sort-item.svg) no-repeat;
}

.courier-address-list {
    border-radius: 10px;
}

.courier-address-list .ui-state-active {
    color: var(--dark);
    border: none;
    background: #f1f5f9 !important;
    box-sizing: border-box;
    margin: 0 !important;
}

.courier-address-list .ui-menu-item .ui-menu-item-wrapper {
    padding: 10px 15px;
    font-size: 14px;
}

.courier-lable span {
    color: #ff0000;
}

.ui-autocomplete {
    margin-top: 85px !important;
    top: 0px !important;
}

.basket-row-textarea {
    cursor: pointer;
    position: relative;
    border: 1px solid #c6c8da;
    background: #fff;
    border-radius: 10px;
    line-height: 1;
    padding: 16px 15px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
    height: 150px;
}

/* Customize the label (the container) */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border: 1px solid #c6c8da;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkbox-checkmark::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 5px;
    height: 5px;
    background-color: #2cc159;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main-btn {
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
    max-width: 273px;
    background: var(--green-dark);
    border-radius: 38px;
    padding: 15px 0;
    margin-top: 20px;
    cursor: pointer;
    transition: 250ms;
    display: inline-block;
    text-decoration: none;
}

.main-btn:hover {
    opacity: 0.8;
}

.basket-btn-block {
    text-align: right;
    position: relative;
}

.basket-success {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.basket-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.basket-right-title {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.basket-block-2 {
    width: 100%;
}

.basket-right-wrapper {
    position: relative;
}

.basket-right-row {
    position: relative;
}

.basket-right-row {
    position: relative;
    padding: 20px 0;
    padding-left: 25px;
    border-bottom: 1px dashed #c6c8da;
    display: flex;
    gap: 30px;
}

.basket-right-row .basket-popup-title {
    font-size: 14px;
    max-width: 200px;
}

.basket-right-row .quantity-input {
    width: 33px;
}

.basket-right-row .basket-popup-price-block .product-quantity {
    padding: 0px 10px;
}

.basket-right-row .basket-popup-total-price {
    font-size: 20px;
}

.basket-right-row {
    gap: 15px;
}

/* ===== basket-wrapper ===== */

/* ===== blog-wrapper ===== */

.blog-wrapper {
    position: relative;
}

.blog-in {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}

.blog-block {
    position: relative;
    display: block;
    text-decoration: none;
    color: var(--dark);
    text-align: center;
    padding: 20px;
    border-radius: 16px;
    overflow: hidden;
}

.blog-block:hover {
    box-shadow: 0 0 4px #3333337a;
}

.blog-block-img img {
    width: 238px;
    height: 238px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.blog-block-img {
    border-radius: 16px;
    overflow: hidden;
}

.blog-block-title {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
}

.blog-block-short-text {
    font-size: 12px;
    line-height: 1.5;
}

.blog-block:nth-child(1n) {
    background: #d3e3fd;
}

.blog-block:nth-child(2n) {
    background: #fff6e8;
}

.blog-block:nth-child(3n) {
    background: #ccf8d9;
}

.blog-block:nth-child(4n) {
    background: #c5efff;
}

.blog-block:nth-child(5n) {
    background: #fff6e8;
}

.article-wrapper {
    position: relative;
}

.article-wrapper p {
    font-size: 16px;
    color: #0f172a;
    margin-bottom: 40px;
}

.article-wrapper p:last-child {
    margin: 0;
}

.article-wrapper h2 {
    background: #f6f7fb;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 16px;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px;
}

.article-img {
    text-align: center;
}

.article-wrapper img {
    margin: 40px 0;
    text-align: center;
}


/* ===== blog-wrapper ===== */

.partners-grid {
    position: relative;
}

.main-subtitle {
    margin-bottom: 60px;
}

.partners-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.partners-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.partners-text-block {
    position: relative;
}

.partners-text__title {
    position: relative;
    font-weight: bold;
    margin-bottom: 15px;
}

.partners-text__text {
}

.partners-img {
    margin-right: 30px;
}

.partners-img svg {
    display: block;
    width: 70px;
    height: 70px;
}

.partners-block {
    padding: 20px;
    border-radius: 16px;
    overflow: hidden;
}

.partners-block-1 {
    background: #d3e3fd;
}

.partners-block-2 {
    background: #fff6e8;
}

.partners-block-3 {
    background: #ccf8d9;
}

.partners-block-4 {
    background: #c5efff;
}

/* ===== partners-wrapper ===== */

.partners-contact {
    position: relative;
    margin-top: 70px;
}

.partners-contact-in {
    position: relative;
}

.partners-contact-block {
    position: relative;
    display: flex;
    align-items: flex-start;
    max-width: 500px;
    margin: 0 auto;
    gap: 30px;
    margin-bottom: 25px;
}

.partners-contact-block:last-child {
    margin-bottom: 0;
}

.partners-contact-phones a {
    text-decoration: none;
    color: var(--dark);
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.partners-contact-phones a span {
    font-weight: normal;
}

.partners-contact-title {
    font-weight: bold;
    position: relative;
}

.partners-contact-title-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    background: url(../img/phone-green-icon.svg);
    width: 16px;
    height: 16px;
}

.partners-contact-title-2::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -25px;
    background: url(../img/letter-green-icon.svg);
    width: 16px;
    height: 12px;
}

.partners-contact-title {
    width: 160px;
}

.partners-text {
    padding-top: 50px;
    text-align: center;
}

.partners-text p {
    margin-bottom: 30px;
}

.partners-text p:last-child {
    margin-bottom: 0;
}

/* ===== partners-wrapper ===== */

/* ===== delivery-wrapper ===== */

.delivery-wrapper {
    position: relative;
}

.delivery-in {
    position: relative;
}

.delivery-title {
    background: #f6f7fb;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 16px;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 60px;
}

.delivery-subtitle-block {
    position: relative;
}

.delivery-subtitle-block {
    text-align: center;
    line-height: 1.5;
}

.delivery-subtitle-block h3 {
    font-weight: bold;
    margin-top: 34px;
}

.delivery-subtitle-block a {
    font-weight: bold;
}

.delivery-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 80px;
    margin-top: 6%;
}

.delivery-grid-text {
    font-size: 24px;
    margin-top: 30px;
    text-align: center;
}

.delivery-grid-icon {
    width: 69px;
    height: 69px;
    margin: 0 auto;
}

.delivery-grid-icon-1 {
    background: #d3e3fd;
}

.delivery-grid-icon {
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-grid-icon svg {
    display: block;
    width: 45px;
    height: 45px;
}

.delivery-grid-icon-2 {
    background: #fff6e8;
}

.delivery-grid-icon-3 {
    background: #ccf8d9;
}

.delivery-grid-icon-4 {
    background: #c5efff;
}

.delivery-row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin-top: 60px;
}

.delivery-row-block-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.delivery-row-block p {
    margin-bottom: 30px;
}

.delivery-row-block p:last-child {
    margin: 0;
}

/* ===== delivery-wrapper ===== */

/* ===== delivery-wrapper ===== */

.contact-wrapper {
    position: relative;
}

.contact-in {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.contact-block {
    position: relative;
}

.contact-block-1 {
    width: 100%;
}

.contact-block-2 {
    width: 100%;
    max-width: 470px;
    background: #f6f7fb;
    padding: 35px 28px;
    border-radius: 15px;
    box-sizing: border-box;
}

.contact-top-text {
    margin-bottom: 30px;
    max-width: 530px;
}

.contact-hot-block {
    position: relative;
}

.contact-hot-title {
    font-weight: bold;
    margin-bottom: 15px;
}

.contact-hot-phone {
    text-decoration: none;
    display: inline-block;
    font-size: 31px;
    color: var(--price);
    font-weight: bold;
}

.contact-hot-subtitle {
    position: relative;
}

.contact-hot-subtitle {
    font-size: 14px;
}

.contact-row {
    position: relative;
    padding: 25px 0;
    margin-top: 25px;
    border-top: 1px dashed #c6c8da;
}

.contact-row-title {
    position: relative;
    font-weight: bold;
    margin-bottom: 15px;
}

.contact-row-contact {
    position: relative;
    padding-left: 25px;
    margin-left: 30px;
}

.contact-row-contact-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 20px;
    background: url(../img/contact-row-icon-1.svg) 0 0 no-repeat;
}

.contact-row-contact-2::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 15px;
    height: 20px;
    background: url(../img/contact-row-icon-2.svg) 0 0 no-repeat;
}

.contact-row-link {
    display: block;
    color: var(--dark);
    text-decoration: none;
    margin-bottom: 10px;
}

.contact-row-link:last-child {
    margin-bottom: 0;
}

.contact-row-contact-3::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 17px;
    height: 14px;
    background: url(../img/contact-row-icon-3.svg) 0 0 no-repeat;
}

.contact-row-contact-4::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    height: 14px;
    background: url(../img/contact-row-icon-4.svg) 0 0 no-repeat;
}

.contact-form-wrapper {
    position: relative;
}

.contact-form {
    position: relative;
}

.contact-form-input-block {
    position: relative;
    margin-bottom: 20px;
}

.contact-form-input-block:last-child {
    margin-bottom: 0;
}

.contact-form-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c6c8da;
    outline: none;
    border-radius: 10px;
    padding: 16px 20px;
    font-family: "HelveticaNeueCyr";
}

textarea.contact-form-input {
    height: 150px;
}

.contact-form-btn-block {
    position: relative;
    text-align: right;
}

.contact-form-btn {
    display: inline-block;
}

/* ===== delivery-wrapper ===== */

/* ===== wrapper-404 ===== */

.wrapper-404 {
    position: relative;
}

.container-404 {
    position: relative;
    padding: 20px;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
}

.img-block-404 img {
    display: block;
    width: 360px;
    height: 230px;
    max-width: 100%;
    margin: 0 auto;
}

.title-404 {
    font-weight: bold;
    font-size: 24px;
}

.subtitle-404 {
    font-size: 14px;
    margin-top: 20px;
}

.btn-404 {
    margin-top: 50px;
}

.header-contact-basket-block-mob {
    display: none;
}

/* ===== wrapper-404 ===== */

/* ===== catalog-main-menu ===== */

.catalog-main-menu {
    position: absolute;
    top: 40px;
    background: #fff;
    padding: 20px 0;
    box-sizing: border-box;
    z-index: 9999;
    border-radius: 5px;
    border: 1px solid #f1f5f9;
    visibility: hidden;
    height: 0;
    transition: 50ms;
}

.catalog-main-box:hover .catalog-main-menu {
    visibility: visible;
    height: auto;
}

/* .catalog-main-menu-list {
  position: relative;
}

.catalog-main-menu-item {
  position: relative;
} */

.catalog-main-menu-link {
    display: flex;
    text-decoration: none;
    color: var(--dark);
    align-items: center;
    justify-content: flex-start;
    padding: 7px 20px;
    margin: 5px 0;
    max-width: 185px;
    padding-right: 55px;
    position: relative;
}

.catalog-main-menu-link:hover {
    background: #f1f5f9;
}

.catalog-main-menu-link span {
    font-size: 14px;
    margin-left: 8px;
    display: inline-block;
}

.catalog-main-menu-link-parent::before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 7px;
    width: 16px;
    height: 16px;
    background: url(../img/main-catalog-arrow.png) 0 0 no-repeat;
}

.catalog-main-submenu {
    position: absolute;
    background: #fff;
    padding: 20px 0;
    box-sizing: border-box;
    z-index: 9999;
    border-radius: 5px;
    border: 1px solid #f1f5f9;
    left: 100%;
    top: 0;
    visibility: hidden;
    width: 0;
}

.catalog-main-menu-item-parent:hover > .catalog-main-submenu {
    visibility: visible;
    width: 330px;
    height: 100%;
}

.catalog-main-submenu .catalog-main-menu-link {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.menu-modile-catalog-list-main {
    position: absolute;
    display: none;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.45);
}

.menu-modile-catalog-link {
    display: flex;
    text-decoration: none;
    width: 100%;
    padding: 12px 10px;
    box-sizing: border-box;
    gap: 8px;
    font-size: 14px;
    color: var(--dark);
}

.menu-modile-catalog-link p {
    max-width: 195px;
}

.menu-modile-catalog-link img {
    object-fit: contain;
}

.menu-modile-catalog-back {
    background: var(--green-dark);
    color: #fff;
    padding-left: 52px;
}

.menu-modile-catalog-btn,
.menu-modile-catalog-back {
    position: relative;
    cursor: pointer;
}

.menu-modile-catalog-back:before {
    content: "";
    position: absolute;
    top: calc(50% - 11px);
    left: 7px;
    width: 19px;
    height: 20px;
    background: url(../img/arrow-left-2-light.svg) 0 0 no-repeat;
}

.menu-modile-catalog-btn:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 7px;
    width: 16px;
    height: 16px;
    background: url(../img/main-catalog-arrow.png) 0 0 no-repeat;
}

/* ===== catalog-main-menu ===== */

@media screen and (max-width: 1140px) {
    .catalog-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1175px) {
    .header-top-menu .about-main-social-wrapper {
        display: none;
    }

    .catalog-view-block--row .stars-rating-block {
        flex-direction: column;
    }

    .catalog-view-block--row .stars-rating-block .stars-rating-text {
        margin-left: 0;
    }
}

@media screen and (max-width: 1110px) {
    .header-address {
        display: none;
    }

    .basket-text {
        display: none;
    }

    .basket-img {
        margin-right: 0;
    }

    .header-row .col:nth-child(2) {
        order: 4;
        width: 100%;
    }

    .header-row .header-seatch-input {
        width: 100%;
    }

    .slide-text--title {
        font-size: 40px;
    }

    .basket-popup-bottom {
        justify-content: center;
        flex-direction: column;
    }

    .basket-popup-bottom__block-2 {
        order: -1;
    }

    .basket-row {
        flex-direction: column;
    }

    .basket-row-text {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .basket-block-1 {
        max-width: 335px;
    }

    .blog-in {
        grid-template-columns: repeat(3, 1fr);
    }

    .header-seatch-input {
        width: 490px;
    }

    .product-top-delivery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1010px) {
    .top-bar-items {
        display: none;
    }

    .catalog-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .product-top__left {
        max-width: 335px;
    }

    .basket-popup-row {
        flex-wrap: wrap;
    }

    .basket-block-1 {
        max-width: 370px;
    }

    .header-logo {
        max-width: 145px;
    }
}

@media screen and (max-width: 992px) {
    .menu__link {
        font-size: 14px;
        padding: 10px 16px;
    }

    .slide-img img {
        width: 100%;
    }

    .slider-nav-block {
        bottom: 15px;
    }

    .why-we-in {
        grid-template-columns: repeat(3, 1fr);
    }

    .wrapper-subcatalog-page .catalog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog-grid-main {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 950px) {
    .catalog-row {
        flex-direction: column;
    }

    .catalog-aside-wrapper {
        width: 100%;
    }

    .catalog-content-items {
        width: 100%;
    }

    .catalog-settings-block:nth-child(2),
    .catalog-settings-block:nth-child(3) {
        display: none;
    }

    .filter-section-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .sidebar-block-filter-container {
        display: none;
        margin-bottom: 65px;
    }

    .filter-mob-btn-block {
        display: block;
    }

    .catalog-aside-btns-wrapper {
        display: block;
    }

    .sidebar-catalog-menu {
        display: none;
    }

    .basket-right-row {
        flex-wrap: wrap;
    }

    .partners-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .delivery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .delivery-row {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 925px) {
    .header-top-menu {
        display: none;
    }

    .catalog-main-row-btn {
        display: none;
    }

    .header-seatch-input {
        width: 100%;
    }

    .row.header-row {
        flex-direction: column;
    }

    .header-wrapper .basket-wrapper {
        position: absolute;
        top: -146px;
        right: 6px;
    }

    .header-contact-basket-block-desc {
        display: none;
    }

    .header-contact-basket-block-mob {
        display: block;
        font-size: 14px;
    }

    .header-contact-basket-block-line {
        font-size: 14px;
    }

    .col-width {
        width: 100%;
    }

    .menu-toggl__btn-mob {
        display: inline-block;
        background: none;
        width: auto !important;
        position: absolute;
        left: -20px;
    }

    .menu__list {
        left: -100%;
        width: 0;
        visibility: hidden;
    }

    .menu-toggl__btn {
        display: flex;
    }

    .menu-toggl__btn span {
        background: #17a140;
    }

    .catalog-main-box {
        display: none;
    }

    .header-seatch-block {
        width: 75%;
    }

    .menu__link {
        font-weight: normal;
    }

    .menu-toggl__btn-mob .menu__link.price-list {
        position: relative;
    }

    .menu-toggl__btn-mob .menu__link.price-list:before {
        content: "";
        position: absolute;
        top: calc(50% - 8px);
        right: 15px;
        width: 14px;
        height: 16px;
        background: url(../img/charm_download.svg) 0 0 no-repeat;
    }

    .header__menu-block .menu__list {
        left: -100%;
        overflow: hidden;
    }

    .header-logo {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .product-top {
        flex-direction: column;
    }

    .product-top__left {
        max-width: 100%;
    }

    .productSlider2 .swiper-slide img {
        max-height: none;
        width: 100%;
        height: auto;
    }

    .basket-in {
        flex-direction: column;
    }

    .basket-block-1 {
        max-width: 100%;
    }

    .basket-block-2 {
        order: -1;
    }

    .product-top-delivery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 750px) {
    .top-bar-label {
        font-size: 12px;
        padding: 3px 18px;
    }

    .top-bar-text {
        font-size: 10px;
    }

    .top-bar-date p {
        font-size: 11px;
    }

    .top-bar-date::before {
        height: 28px;
    }

    .menu-toggl__btn {
        display: flex;
    }

    .header-row .col:nth-child(1) {
        width: 100%;
        text-align: center;
    }

    .header-logo {
        text-align: center;
        position: relative;
        display: inline-block;
    }

    .menu-wrapper {
        display: none;
    }

    .menu-toggl__btn-mob {
        display: block;
    }

    .header-contact {
        text-align: center;
    }

    .header-row .col:nth-child(2) {
        margin-top: 10px;
    }

    .header-row .col:nth-child(1) {
        margin-bottom: 18px;
    }

    .slider-wrapper {
        display: none;
    }

    .catalog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-main-in {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer-in {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer-block-1 {
        grid-column-start: auto;
        grid-column-end: auto;
    }

    .footer-info-wrapper {
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
    }

    .footer-row-block {
        justify-content: center;
    }

    .footer-block {
        text-align: center;
    }

    .footer-btn {
        margin: 0 auto;
        margin-top: 20px;
    }

    .footer-social .about-main-social-wrapper {
        justify-content: center;
    }

    .catalog-grid-main {
        grid-template-columns: repeat(2, 1fr);
    }

    .wrapper-subcatalog-page .catalog-grid-main {
        grid-template-columns: repeat(2, 1fr);
    }

    .tabs__caption {
        gap: 5px;
    }

    .basket-popup-bottom-form {
        flex-direction: column;
    }

    .basket-popup-form-btn {
        margin-left: 0;
        margin-top: 20px;
    }

    .basket-popup-bottom-input {
        width: 100%;
        text-align: center;
    }

    .basket-popup-bottom__block {
        width: 100%;
        text-align: center;
    }

    .basket-popup-bottom-input-block,
    .basket-popup-form-btn {
        width: 100%;
        box-sizing: border-box;
    }

    .basket-popup-body {
        max-height: 400px;
    }

    .blog-in {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-in {
        flex-direction: column;
    }

    .catalog-wrapper {
        margin-top: 75px;
    }
}

@media screen and (max-width: 650px) {
    .why-we-in {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-reply-form-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-two-col {
        grid-template-columns: repeat(1, 1fr);
    }

    .partners-contact-in {
        position: relative;
        padding: 0 35px;
    }

    .delivery-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .product-top-delivery-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .product-status-modification {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .product-carousel-block {
        max-width: 215px;
        margin: 0 auto;
    }

    .basket-popup-body {
        max-height: 275px;
    }
}

@media screen and (max-width: 530px) {
    .top-bar-text br {
        display: block;
    }

    .top-bar-text {
        max-width: 100px;
        text-align: center;
    }

    .header-seatch-input {
        width: 100%;
    }

    .top-bar-label {
        margin-right: 10px;
    }

    .why-we-in {
        grid-template-columns: repeat(1, 1fr);
    }

    .catalog-grid-main {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-in {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 490px) {
    .catalog-aside-catalog {
        margin-left: 0;
        margin-top: 15px;
    }

    .wrapper-subcatalog-page .catalog-grid-main {
        grid-template-columns: repeat(1, 1fr);
    }

    .top-bar-wrapper .container {
        padding: 0 5px;
    }

    .col {
        padding: 0;
    }

    .top-bar-text {
        font-size: 9px;
    }

    .top-bar-label {
        font-size: 9px;
        padding: 3px 10px;
    }

    .top-bar-date::before {
        transform: skewX(-16deg);
    }
}

@media screen and (max-width: 425px) {
    .top-bar-text {
        max-width: 60px;
    }

    .top-bar-date::before {
        height: 41px;
        top: -14px;
    }
}

.simple-text {
    line-height: 1.3;
}

.simple-text h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}

.simple-text p {
    margin: 20px 0;
}

.simple-text b {
    font-weight: 700;
}

.simple-text h3 {
    margin: 30px 0;
    font-size: 20px;
    font-weight: 700;
}

.simple-text ul {
    position: relative;
    text-decoration: none;
    background: #f6f7fb;
    padding: 20px 30px;
}

.simple-text ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 10px;
}

.simple-text ul li:last-child {
    margin: 0;
}

.simple-text ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: -7px;
    width: 5px;
    height: 5px;
    background: #0f172a;
    border-radius: 50%;
}

.simple-text .number {
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
}

.simple-text ol {
    list-style: decimal;
    background: #f6f7fb;
    padding: 20px 30px;
}

.simple-text ol li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 10px;
}

/*============*/
.cookie-informer {
    position: fixed;
    z-index: 1000;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    width: 90%;
    max-width: 700px;
    background-color: rgb(0 0 0 / 30%);
    color: #fff;
    padding: 20px 30px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: hidden;
    transition: transform 0.3s ease, opacity 0.3s ease;
    visibility: hidden;
}

.cookie-informer.show {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
}

.cookie-informer button {
    padding: 10px 20px;
}

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

@media (max-width: 575px) {
    .cookie-informer {
        border-radius: 0;
        padding: 15px 15px;
    }
}

/*============*/

.options-wrapper {
    margin-top: 30px;
    position: relative;
}

.options-top-list {
    position: relative;
}

.options-block {
    position: relative;
    margin-bottom: 25px;
}

.options-block:last-child {
    margin: 0;
}

.options-block-text {
    font-size: 16px;
    margin-bottom: 10px;
}

.options-block-text span {
    font-weight: bold;
}

.options-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.options-item {
    position: relative;
}

.options-link {
    display: block;
    text-decoration: none;
    color: #111;
    position: relative;
    overflow: hidden;
    line-height: 1;
}

.options-list-img .options-link img {
    height: 80px;
    object-fit: contain;
}

.options-list-img .options-link {
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
}

.options-item-block {
    position: relative;
    opacity: 0.3;
    pointer-events: none;
    overflow: hidden;
}

.options-list-img .options-item-block .options-link::before {
    content: "";
    position: absolute;
    top: 67px;
    left: -45px;
    width: 225px;
    height: 1px;
    background: #111;
    transform: rotate(45deg);
}

.options-list-img .options-item-block .options-link::after {
    content: "";
    position: absolute;
    top: 24px;
    left: -45px;
    width: 225px;
    height: 1px;
    background: #111;
    transform: rotate(-45deg);
}

.options-list-flag .options-link {
    text-transform: uppercase;
    font-size: 12px;
    height: 50px;
    padding: 0 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7c7c7;
}

.options-list-flag .options-item-block .options-link::before {
    content: "";
    position: absolute;
    top: 23px;
    left: -27px;
    width: 100px;
    height: 1px;
    background: #111;
    transform: rotate(45deg);
}

.options-list-flag .options-item-block .options-link::after {
    content: "";
    position: absolute;
    top: 24px;
    left: -45px;
    width: 143px;
    height: 1px;
    background: #111;
    transform: rotate(-45deg);
}

.options-item-active .options-link {
    border: 1px solid #111;
}

.options-item-active::before {
    content: "";
    position: absolute;
    top: -7px;
    right: -6px;
    width: 15px;
    height: 15px;
    background: url(/frontend/img/option-active.png) 0 0 no-repeat;
    background-size: contain;
}

/*============*/

.category-is-empty {
    padding: 40px;
    border-radius: 20px;
    background-color: #f5f5f5;
}

.category-is-empty-title {
    font-size: 23px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.category-is-empty-text {
    margin-bottom: 20px;
    color: #949494;
    line-height: 1.4;
}

/*============*/

.btn-primary {
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: var(--green-dark);
    border-radius: 100px;
    padding: 15px 35px;
    cursor: pointer;
    transition: 250ms;
    display: inline-block;
    text-decoration: none;
}

.btn-primary:hover {
    opacity: 0.8;
}

.fade-out {
    animation: fadeOut 0.5s forwards; /* Тривалість анімації 0.5 сек */
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}

/*===== filters =====*/
.mobile_nav .filters {
    border: none;
}

.mobile_nav-mod {
    background-color: white;
}

.filters {
    padding: 10px 0px 10px 0px;
}

.filter__row {
    margin-bottom: 20px;
}

.filter__item_title, .filter_price__title {
    letter-spacing: 0.04em;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.filter_price {
    margin-bottom: 20px;
}

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

.filter_price .ui-slider .ui-slider-range {
    background-color: #e2939e;
}

.filter__item {
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #e2e2e2;
}

.filter__item a {
    color: #626771;
}

.filter__item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.filter_price__row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 20px;
}

.filter_price__input {
    padding: 4px 0px !important;
    width: 50px;
    margin-left: 15px;
    margin-right: 10px;
}

.filter__item img {
    display: inline-block;
}

.filter_color {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.filter__type_item {
    font-size: 13px;
    color: #222;
    padding-right: 3px;
    text-align: left;
    display: block;
    margin-right: 5px;
    cursor: pointer;
}

.filter__type_item a {
    color: #111;
    text-decoration: none;
    margin-left: 10px;
}

.filter__type select {
    padding: 7px 90px 9px 10px;
    position: relative;
}

.filter__type select:after {
    content: "";
    width: 10px;
    height: 10px;
    background: red;
    position: absolute;
    top: 0;
    right: 0;
}

.filter__type_item label {
    cursor: pointer;
    position: relative;
}

.filter__type_item:hover label:before {
    border-color: #23B24B;
}

.filter__type_item label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    z-index: 2;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}


.filter__type_item.filter__type_item-metka label {
    padding: 0px 10px 0 0px;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.filter__type_item.filter__type_item-metka input {
    display: none;
}

.filter__type_item input[type=checkbox]:checked + label, .filter__type_item input[type=radio]:checked + label, .filter__type_item.filter__type_item-metka:hover label {
    border-color: #23B24B;
    color: #23B24B;
}

.filter__type_item.filter__type_item-img label {
    padding: 4px 4px;
    display: block;
    border: 2px solid white;
    border-radius: 50%;
    font-size: 0;
}

.filter__type_item-metka label:after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.filter__type_item-metka input:checked + label:before {
    background: #23B24B url(../img/filter-check.svg) no-repeat center;
    background-size: 11px;
    border-color: #23B24B;
}

.filter__type_item.filter__type_item-img input {
    display: none;
}

.filter__type_item.filter__type_item-img:hover label, .filter__type_item input[type=radio]:checked {
    border-color: #333333;
    color: #222;
}

/*===== filters =====*/

/*===== filters =====*/
.filter-loader {
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 1000;
    /*display: none;*/
    left: 0;
    top: 0;
    right: 0;
    text-align: center
}

.filter-loader {
    position: absolute;
    background: rgba(255, 255, 255, .4);
    display: flex;
    justify-content: center;
}

.filter-loader__in {
    margin-top: 300px;
}

/*===== filters =====*/

.dot-loader {
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 50%;
    background-color: #222;
    position: relative;
    -webkit-animation: 1.2s grow ease-in-out infinite;
    animation: 1.2s grow ease-in-out infinite;
}

.dot-loader--2 {
    -webkit-animation: 1.2s grow ease-in-out infinite 0.15555s;
    animation: 1.2s grow ease-in-out infinite 0.15555s;
    margin: 0 20px;
}

.dot-loader--3 {
    -webkit-animation: 1.2s grow ease-in-out infinite 0.3s;
    animation: 1.2s grow ease-in-out infinite 0.3s;
}

@-webkit-keyframes grow {
    0%, 40%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes grow {
    0%, 40%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*==========*/

.characteristics-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.characteristics-row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 10px 27px;
}

.characteristics-block {
    font-size: 15px;
}

.characteristics-row:nth-child(odd) {
    background: #f8f8f8;
}

/*==========*/

.gallery {
    display: flex;
}

.gallery-col {
    width: 25%;
}

@media screen and (max-width: 991px) {
    .gallery-col {
        width: 50%;
    }
}

/*==========*/

.single-post__content h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.1rem;
}

.single-post__content p {
    margin-bottom: 20px;
}

.single-post__content ul {
    position: relative;
    list-style: none;
    padding-left: 30px;
    margin-bottom: 20px;
}

.single-post__content ul li {
    position: relative;
    margin-bottom: 15px;
}

.single-post__content ul li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: -25px;
    height: 3px;
    width: 12px;
    background: #00ab44;
}


.single-post__content strong {
    font-weight: 600;
}

.single-post__content em {
    font-style: italic;
}


/*===== Live Search =====*/
.search-results {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    display: none;
    z-index: 10;
}

.search-results__item {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 13px;
}

.search-results__item a {
    text-decoration: none;
    color: #111;
}

.search-results__item:hover {
    background: #f2f2f2;
}

/*===== Live Search / =====*/