/*============= ALIGNES ===============*/

.alignwide {
    width: 100%;
}

.alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 1920px;
}

@media only screen and (min-width: 1920px) {
    .alignfull {
        width: 100vw !important;
        max-width: unset;
    }
}

/* =========== BASE CONFIG =========== */
html {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
    font-weight: 400;
    box-sizing: inherit;
    color: var(--head-primary);
}

body {
    background-color: var(--second);
    overflow-x: hidden;
    margin: 0 auto;
    width: auto;
    background-attachment: fixed;
}

@media (min-width: 1921px) {
    body {
        background-size: cover;
    }
}

.seo-block .add-wrapper::-webkit-scrollbar,
.main-shop-menu::-webkit-scrollbar {
    width: 2px;
    background: var(--stroke-secondary);
}

.seo-block .add-wrapper::-webkit-scrollbar-thumb,
.main-shop-menu::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 5px;
}

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

a {
    text-decoration: none;
    color: var(--primary);
    transition: all 0.3s ease-in;
}

a:hover {
    color: var(--primary);
}

ul li {
    list-style-position: inside;
    font-size: 18px;
    line-height: 130%;
    list-style-type: none;
}

ol li {
    list-style-position: inside;
    font-size: 18px;
    line-height: 130%;
}

p {
    font-size: 18px;
    line-height: 130%;
}

h1.page-title {
    font-weight: 600;
    font-size: 38px;
    line-height: 125%;
    margin-bottom: 40px;
}

main.foned {
    position: relative;
    overflow: hidden;
    z-index: 999;
}

main.foned:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.breadcrumbs {
    padding: 0px 0px 10px 0px;
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    color: var(--main-text-secondary);
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.breadcrumbs span {
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    color: var(--main-text-secondary);
    transition: 0.3s;
    position: relative;
}

.breadcrumbs span:hover {
    color: var(--primary);
}

.breadcrumbs .current-item,
.breadcrumbs span .current-item span {
    pointer-events: none;
    color: var(--primary);
}

main,
#primary {
    min-height: 70vh;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 120px;
}

main main,
main #primary,
#primary main,
#primary #primary {
    padding-top: unset;
    padding-bottom: unset;
}

main:has(.main-shop-menu),
#primary:has(.main-shop-menu) {
    display: flex;
    gap: 30px;
}

main .container .block-container:last-child,
#primary .container .block-container:last-child {
    padding-bottom: unset !important;
}

main:has(.main-shop-menu) .form-block,
#primary:has(.main-shop-menu) .form-block {
    padding-bottom: unset !important;
}

.container {
    max-width: 1550px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

main .container,
#primary .container {
    max-width: 1200px;
    padding-left: 5px;
}

main .container .container,
#primary .container .container {
    max-width: 100%;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    white-space: nowrap;
    height: fit-content;
    background-color: transparent;
    border-radius: 5px;
    outline: none;
    padding: 14px 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    cursor: pointer;
    transition: all 0.3s ease-in;
    border: 1px solid var(--primary);
}

.btn.second {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: var(--background);
}

.btn:hover {
    background: var(--hover);
    border-radius: 15px;
    border-color: var(--hover);
    color: var(--background);
}

#more-btn {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

.main-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 30px;
}

.text-holder {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.text-holder p,
.text-holder li {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
}

.text-holder ol,
.text-holder ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.text-holder ol {
    counter-reset: list;
}

.text-holder ol li {
    list-style-type: none;
    padding-left: 25px;
    position: relative;
    counter-increment: list;
}

.text-holder ol li:before {
    content: counter(list) ".";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    left: 0px;
    position: absolute;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
}

.text-holder ul li {
    padding-left: 20px;
    position: relative;
}

.text-holder ul li:before {
    content: "";
    width: 8px;
    height: 4px;
    top: 7px;
    left: 2px;
    position: absolute;
    border-radius: 4px;
    background: var(--primary);
}

.text-holder h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 15px;
}

.text-holder h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 10px;
}

.text-holder h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    margin-top: 10px;
}

.text-holder h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    margin-bottom: 10px;
}

.text-holder h4:nth-child(1) {
    margin-top: unset;
}

.text-holder a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--primary);
}

.nav {
    position: relative;
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    width: 100%;
}

.controls .nav {
    margin-top: unset;
}

.controls .btn {
    height: auto;
}

.nav .nav-btns {
    display: flex;
    gap: 20px;
    align-items: center;
    background: var(--background-secondary);
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
}

.nav .nav-btns:before {
    content: "";
    width: 2px;
    height: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--background-thirdly);
    position: absolute;
}

.nav .swiper-button-prev,
.nav .swiper-button-next {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    position: static;
    justify-content: center;
    border-radius: 5px;
    background: var(--background-secondary);
    transition: 0.5s;
    cursor: pointer;
    margin-top: unset;
    z-index: 2;
}

.nav .swiper-button-prev:hover,
.nav .swiper-button-next:hover {
    background: var(--background-thirdly);
    border-radius: 15px;
}

.nav .swiper-button-prev svg,
.nav .swiper-button-next svg {
    width: 18px;
    height: 14px;
}

.nav .swiper-button-prev:after,
.nav .swiper-button-next:after {
    display: none;
}

.nav .swiper-button-prev path,
.nav .swiper-button-next path {
    transition: 0.5s;
}

.nav .swiper-button-prev:hover path,
.nav .swiper-button-next:hover path {
    fill: var(--primary);
}

.nav .swiper-button-disabled {
    opacity: 1 !important;
    pointer-events: none;
}

.nav .swiper-button-disabled path {
    fill: var(--background-thirdly);
}

.nav .swiper-pagination {
    margin-left: auto;
    display: flex;
    align-items: center;
    width: fit-content !important;
    bottom: unset !important;
    position: static;
    gap: 5px;
    top: unset !important;
    flex-wrap: wrap;
    justify-content: center;
}

.nav .swiper-pagination-bullet {
    width: 15px;
    height: 5px;
    border-radius: 0px;
    background: var(--main-text-secondary);
    transition: 0.3s;
    cursor: pointer;
    opacity: 1;
    margin: unset !important;
}

.nav .swiper-pagination-bullet:hover {
    background: var(--primary);
}

.nav .swiper-pagination-bullet-active {
    background: var(--primary);
}

.swiper-slide {
    box-sizing: border-box !important;
}

.pagination {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    display: flex;
    gap: 5px;
    align-items: center;
    background: var(--background-secondary);
    border-radius: 5px;
    padding: 5px 10px;
}

.prev.page-numbers {
    margin-right: 15px;
    position: relative;
}

.next.page-numbers {
    margin-left: 15px;
    position: relative;
}

.prev.page-numbers:before {
    content: "";
    width: 3px;
    height: 12px;
    top: 15px;
    right: -12px;
    background: var(--background-thirdly);
    position: absolute;
}

.next.page-numbers:before {
    content: "";
    width: 3px;
    height: 12px;
    top: 15px;
    left: -12px;
    background: var(--background-thirdly);
    position: absolute;
}

.page-numbers {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    transition: 0.5s;
    padding: 5px 10px;
    border-radius: 5px;
    background: transparent;
    transition: 0.5s;
}

.page-numbers:hover {
    background: var(--background-thirdly);
    border-radius: 15px;
}

.page-numbers.current {
    color: var(--primary);
    pointer-events: none;
}

.prev.page-numbers,
.next.page-numbers {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--background-secondary);
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prev.page-numbers path,
.next.page-numbers path {
    transition: 0.5s;
}

.prev.page-numbers:hover,
.next.page-numbers:hover {
    background: var(--background-thirdly);
    border-radius: 15px;
}

.prev.page-numbers:hover path,
.next.page-numbers:hover path {
    fill: var(--primary);
}

span.prev.page-numbers,
span.next.page-numbers {
    pointer-events: none;
}

.privacy-policy .content {
    padding-bottom: 40px;
}

.privacy-policy .content p {
    font-size: 14px;
}

.privacy-policy .content h2 {
    font-size: 18px;
    margin: 15px 0px 5px 0px;
    font-weight: 600;
}

.privacy-policy .content h2:nth-child(1) {
    margin-top: unset;
}

.socs {
    display: flex;
    gap: 10px;
}

.socs .soc {
    background: var(--background-secondary);
    border-radius: 5px;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

.socs .soc img,
.socs .soc svg {
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    max-width: 60%;
    max-height: 60%;
}

.socs .soc:hover {
    background: var(--hover);
    border-radius: 15px;
}

.socs .soc:hover img,
.socs .soc:hover svg {
    filter: brightness(0) invert(1);
}

.block-container {
    padding: 60px 0px;
}

.seo-block .wrapper {
    display: flex;
    gap: 30px;
}

.seo-block .seo-img {
    width: 45%;
    display: flex;
    height: 490px;
    border-radius: 5px;
    overflow: hidden;
}

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

.seo-block .seo-right-side {
    display: flex;
    flex-direction: column;
    height: 490px;
    border-radius: 5px;
    background: var(--background-secondary);
    padding: 40px;
    width: 60%;
}

.seo-block .add-wrapper {
    height: 350px;
    overflow: auto;
    padding-right: 18px;
}

.seo-block .seo-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 20px;
}





.woocommerce .full-price {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
}







/*============ HEADER =================*/
.all-contacts-btn {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 5px;
    width: 38px;
    height: 38px;
    background: var(--primary);
    border-radius: 5px;
    border: 1px solid var(--background-thirdly);
    z-index: 99;
    align-items: center;
    justify-content: center;
}

.all-contacts-btn .all-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-contacts-btn .all-icon svg {
    width: 16px;
    height: 16px;
    margin: auto;
}

.all-contacts-btn .all-content {
    position: absolute;
    top: 0;
    transform: translate(calc(100% + 10px), calc(-100% - 10px));
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: 0.5s;
    opacity: 0;
    pointer-events: none;
}

.all-contacts-btn.active .all-content {
    opacity: 1;
    transform: translate(0, calc(-100% - 10px));
    pointer-events: all;
}

.all-contacts-btn .all-main-phone-btn,
.all-contacts-btn .soc {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    background: var(--background-thirdly);
    justify-content: center;
    opacity: 0;
}

.all-contacts-btn .one-of:nth-child(1) {
    transition: 1s;
    transform: translateX(60px);
}

.all-contacts-btn.active .one-of:nth-child(1) {
    opacity: 1;
    transform: unset;
}

.all-contacts-btn .one-of:nth-child(2) {
    transition: 0.9s;
    transform: translateX(45px);
}

.all-contacts-btn.active .one-of:nth-child(2) {
    opacity: 1;
    transform: unset;
}

.all-contacts-btn .one-of:nth-child(3) {
    transition: 0.8s;
    transform: translateX(30px);
}

.all-contacts-btn.active .one-of:nth-child(3) {
    opacity: 1;
    transform: unset;
}

.all-contacts-btn .one-of:nth-child(4) {
    transition: 0.7s;
    transform: translateX(15px);
}

.all-contacts-btn.active .one-of:nth-child(4) {
    opacity: 1;
    transform: unset;
}

.all-contacts-btn .one-of:nth-child(5) {
    transition: 0.6s;
    transform: translateX(0px);
}

.all-contacts-btn.active .one-of:nth-child(5) {
    opacity: 1;
    transform: unset;
}

.all-contacts-btn .all-main-phone-btn {
    background: var(--primary);
}

.main-shop-menu {
    border-radius: 5px;
    width: 320px;
    min-width: 320px;
    position: sticky;
    top: 100px;
    height: fit-content;
    left: calc((100% - 1530px) / 2);
    z-index: 98;
    background: var(--background);
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    overflow: auto;
}

.main-menu-shop-wrapper {
    display: flex;
    flex-direction: column;
    background: var(--background-secondary);
    border-radius: 0px 0px 5px 5px;
}

.menu-opener,
.brands-opener {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 19px 20px;
    border-radius: 5px;
    background: var(--background);
    border: 1px solid var(--primary);
    cursor: pointer;
    transition: 0.5s;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: var(--primary);
}

.menu-opener:hover,
.brands-opener:hover {
    background: var(--hover);
    border-color: var(--hover);
    color: var(--background);
}

.menu-opener.active,
.brands-opener.active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--background);
}

.menu-opener:hover .icon path,
.menu-opener.active .icon path {
    fill: var(--background);
}

.menu-opener .toggler,
.brands-opener .toggler {
    margin-left: auto;
    display: flex;
    height: fit-content;
    width: fit-content;
}

.toggler svg path {
    fill: var(--primary);
}

.menu-opener:hover .toggler path,
.menu-opener.active .toggler path,
.brands-opener:hover .toggler path,
.brands-opener.active .toggler path {
    fill: var(--background);
}

.menu-opener .icon {
    display: flex;
    height: fit-content;
    width: fit-content;
}

.icon svg path {
    fill: var(--primary);
}

.main-shop-menu path {
    transition: 0.5s;
}

.main-shop-cats {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
}

.menu-item.first-depth {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: space-between;
    border-bottom: 1px solid var(--stroke-secondary);
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
}

.menu-item.first-depth .menu-item-name {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
    transition: 0.5s;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
}

.menu-item.first-depth .menu-item-name:hover {
    color: var(--hover);
}

.menu-item.first-depth .menu-item-name:hover path {
    fill: var(--hover);
}



.depth-two {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    border-radius: 5px;
    transition: 0.5s;
}

.depth-two:hover {
    border-radius: 15px;
    background: var(--background-thirdly);
}

.sub-name {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    transition: 0.5s;
}

.depth-two:hover .sub-name {
    color: var(--hover);
}

.sub-icon {
    width: 30px;
    height: 30px;
    display: flex;
    /* filter: brightness(0); */
    transition: 0.5s;
}

.depth-two:hover .sub-icon {
    filter: unset;
}

.sub-icon svg,
.sub-icon img {
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.subs-list {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.main-brands-wrapper {
    margin-top: 20px;
}

.brands-list {
    padding: 15px 0px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: var(--background-secondary);
    border-radius: 0px 0px 5px 5px;
}

.brand-item {
    border-radius: 5px;
    padding: 5px 15px;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    transition: 0.5s;
}

.brand-item:hover {
    background: var(--background-thirdly);
    border-radius: 15px;
    color: var(--primary);
}

#header .mobile-wrapper {
    display: none;
}

#header .fixed-socs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    top: 160px;
    right: 20px;
    position: fixed;
}

#header .btn {
    padding: 14px 15px;
}

#header .btn.open-modal {
    display: none;
}

#header .main-phone-btn {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 25%;
    right: 20px;
    transition: 0.5s;
    background: var(--primary);
}

#header .main-phone-btn:hover {
    border-radius: 15px;
    background: var(--hover);
}

#header .main-phone-btn svg {
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    max-width: 60%;
    max-height: 60%;
}

#header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid var(--stroke-secondary);
    background: var(--background);
}

#header .header-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 5px 0px;
    justify-content: space-between;
}

#header .logo-holder {
    display: flex;
    width: auto;
    max-width: 100px;
    margin-right: 20px;
}

#header .logo-holder img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

#header .header-phones {
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: center;
    text-align: center;
    padding: 5px;
    margin-left: auto;
}

#header .header-phones:hover {
    background: transparent;
}

#header .header-phones>a {
    width: 100%;
}

#header .header-center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

#header .header-top {
    display: flex;
    gap: 20px;
    align-items: center;
}

#header .woo-menu {
    display: flex;
    gap: 10px;
    margin-left: 10px;
}

#header .shop-btn {
    padding: 10px 25px;
    border-radius: 5px;
    background: var(--background-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: 0.5s;
    cursor: pointer;
    /* 	box-shadow: 0px 0px 2px 0 red; */
}

#header .shop-btn path {
    transition: 0.5s;
}

#header .shop-btn:hover {
    border-radius: 15px;
}

#header .shop-btn:hover path {
    fill: var(--head-primary);
}

#header .shop-btn.not-empty {
    background: #edefec;
}

#header .shop-btn.not-empty:hover {
    border-radius: 15px;
}

#header .shop-btn__counter {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
    transition: 0.5s;
    display: none;
}

#header .shop-btn.not-empty .shop-btn__counter {
    display: block;
}

#header .shop-btn__counter.not-empty {
    display: block;
}

#header .shop-btn.not-empty:hover path {
    fill: var(--primary);
}

#header .shop-btn.not-empty:hover .shop-btn__counter {
    color: var(--primary);
}

/* Для корзины (уже есть класс not-empty) */
#header .shop-btn.not-empty path {
    fill: #E53E3E !important;
}

#header .shop-btn.not-empty {
    /*   filter: drop-shadow(0 0 5px var(--danger)); */
}

/* Для избранного (используем тот же класс или аналог) */
#header .shop-btn.is-active path,
#header .shop-btn.fav-not-empty path {
    fill: var(--head-primary) !important;
}

#header .shop-btn.is-active,
#header .shop-btn.fav-not-empty {
    /*   filter: drop-shadow(0 0 5px var(--hover)); */
}

#header .header-bot {
    display: flex;
}

#header .header-menu {
    display: flex;
    background: var(--background-secondary);
    border-radius: 5px;
    padding: 5px 10px;
    gap: 25px;
    justify-content: space-between;
    flex-grow: 1;
    display: none;
}

#header .header-wrapper .nav-menu-element a {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    padding: 10px 15px;
    border-radius: 100px;
    display: block;
}

#header .header-wrapper .nav-menu-element:nth-child(1) a {
    position: relative;
    padding-left: 40px;
}

#header .header-wrapper .nav-menu-element:nth-child(1) a:before {
    content: "";
    width: 14px;
    height: 14px;
    top: 12px;
    left: 15px;
    background-image: url(../images/stock.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

#header .header-wrapper .nav-menu-element a:after {
    content: "";
    width: 2px;
    height: 11px;
    top: 14px;
    right: -22%;
    background: var(--stroke-primary);
    position: absolute;
}

#header .header-wrapper .nav-menu-element:last-child a:after {
    display: none;
}

#header .header-wrapper .nav-menu-element a:hover {
    background: var(--background-thirdly);
    color: var(--head-primary);
}

#header .header-wrapper .nav-menu-element {
    position: relative;
    width: fit-content;
}

#header .dgwt-wcas-search-wrapp {
    max-width: 860px;
    flex-grow: 1;
    position: relative;
    padding: unset;
    background: unset;
    font-size: unset;
    margin: unset;
    max-height: 52px;
    height: 52px;
    cursor: pointer;
    transition: 0.3s;
    border: unset;
    border: 1px solid var(--stroke-secondary);
    border-radius: 5px;
    cursor: pointer;
}

#header .dgwt-wcas-search-form {
    height: 100%;
    flex-grow: 1;
}

#header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: transparent;
    padding: unset;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.5s;
}

#header .dgwt-wcas-style-pirx:hover {
    border-color: var(--primary);
}

#header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    background: unset;
    border-radius: unset;
    padding: 15px 25px 15px 0px;
    height: 100%;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
    cursor: pointer;
    outline: none;
}

#header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
    transition: 0.5s;
}

#header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    position: static;
    height: 100%;
    cursor: pointer;
    min-height: unset;
    width: fit-content;
    transition: 0.5s;
    margin-right: 12px;
    margin-left: 24px;
    width: 12px;
    min-width: 12px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
    background: transparent !important;
    box-shadow: unset !important;
}

#header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit path {
    transition: 0.5s;
    fill: var(--main-text-secondary) !important;
}

#header .search {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 560px;
    background: var(--background-light);
    border-radius: 10px;
}

#header .dgwt-wcas-close:hover {
    opacity: unset;
}

#header .dgwt-wcas-search-focused input {
    border: unset !important;
    outline: none;
}

#header .dgwt-wcas-style-pirx .dgwt-wcas-preloader {
    margin-right: unset;
    right: 5px !important;
}

.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    margin-top: 2px;
    border-radius: 10px;
}

#header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
    width: 22px;
    height: 22px;
}

/*================ MOBILE MNU Start =============*/
#header .burger.open_menu {
    display: flex;
    /* margin-left: auto; */
    flex-direction: column;
    background: #edefec;
    height: 40px;
    width: 80px;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

#header .burger.open_menu span {
    background-color: rgb(105, 115, 108);
    width: 24px;
    height: 2px;
    transition: all 0.3s ease-in;
}

#header .burger.open_menu.clicked {
    background-color: var(--hover);
}

#header .burger.open_menu.clicked span {
    background-color: var(--background);
}

#header #mobile-mnu {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 320px;
    background: var(--background-secondary);
    padding: 30px 15px;
    transition: all 0.3s ease-in;
    transform: translateX(-350px);
    z-index: 9999;
    overflow: auto;
}

#header #mobile-mnu #close-mnu {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
}

#header #mobile-mnu #close-mnu svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

#header #mobile-mnu #close-mnu path {
    fill: var(--head-primary);
}

#header #mobile-mnu a {
    font-size: 16px;
    line-height: 130%;
    font-weight: 450;
}

#header #mobile-mnu a:hover {
    color: var(--head-primary);
}

#header #mobile-mnu .logo__holder {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

#header #mobile-mnu .logo__holder img {
    max-height: 60px;
}

#header #mobile-mnu .menuTop {
    list-style-type: none;
}

#header #mobile-mnu .menuTop li a {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: var(--head-primary);
    position: relative;
}

#header #mobile-mnu .menuTop li a:hover {
    color: var(--primary);
}

#header #mobile-mnu .menuTop li.active a {
    color: var(--primary);
}

#header #mobile-mnu .menuTop .nav-menu-element.has-childs>a {
    position: relative;
}

#header #mobile-mnu .menuTop .nav-menu-element.has-childs>a:before {
    content: "";
    width: 10px;
    height: 6px;
    top: 7px;
    right: -18px;
    position: absolute;
    background-image: url(../images/menuClosed.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#header #mobile-mnu .menuTop .sub-menu .nav-menu-element a span {
    font-size: 13px;
}

#header #mobile-mnu .adresses__holder {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    width: 100%;
}

#header #mobile-mnu .adresses__holder:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-image: url("../images/map.svg");
    background-position: center center;
    background-repeat: no-repeat;
}

#header #mobile-mnu .adresses__holder p {
    font-size: 16px;
    line-height: 130%;
    font-weight: 450;
}

#header #mobile-mnu .email__holder {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

#header #mobile-mnu .email__holder .email__item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
}

#header #mobile-mnu .email__holder .email__item:hover {
    color: var(--head-primary);
}

#header #mobile-mnu .email__holder .email__item svg {
    margin-right: 10px;
}

#header #mobile-mnu .phones__holder {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

#header #mobile-mnu .phones__holder .phone__item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 130%;
    font-weight: 450;
}

#header #mobile-mnu .phones__holder .phone__item:hover {
    color: var(--head-primary);
}

#header #mobile-mnu .phones__holder .phone__item svg {
    margin-right: 10px;
}

#header #mobile-mnu.opened {
    transform: translateX(0);
}

#header #mobile-mnu .logo-holder {
    margin-bottom: 20px;
    margin-top: unset;
    width: 250px;
    align-items: flex-start;
    justify-content: flex-start;
}

#header #mobile-mnu .site-name-holder {
    order: unset;
    width: max-content;
    max-width: unset;
}

#header #mobile-mnu .site-name,
#header #mobile-mnu a,
#header #mobile-mnu .site-subtitle {
    color: var(--head-primary);
}

#header #mobile-mnu .soc-holder {
    margin-top: 10px;
    margin-left: unset;
    display: flex;
    gap: 10px;
    align-items: center;
}

#header #mobile-mnu .soc {
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 5px;
    background: var(--background);
    align-items: center;
    justify-content: center;
}

#header #mobile-mnu .soc img,
#header #mobile-mnu .soc svg {
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    max-width: 80%;
    max-height: 80%;
}

#header #mobile-mnu .sub-menu {
    display: none;
}

#header #mobile-mnu .sub-menu .nav-menu-element a {
    padding-left: 10px;
    position: relative;
    font-weight: 400;
    font-size: 13px;
}

#header #mobile-mnu .sub-menu .nav-menu-element a:before {
    content: "";
    width: 5px;
    height: 1px;
    top: 9px;
    left: 0;
    position: absolute;
    background: var(--head-primary);
}

#header #mobile-mnu .phones-holder {
    margin: 5px 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#header #mobile-mnu .nav-menu-element.has-childs>a::before {
    right: -14px;
}

#header #mobile-mnu .nav-menu-element.has-childs>a::after {
    right: -18px;
}

#header #mobile-mnu .phones-holder a,
#header #mobile-mnu .emails-holder a {
    font-size: 14px;
    color: var(--primary);
    font-weight: 600;
}


/* Стили только для больших экранов (ПК и Ноутбуки) */
@media (min-width: 1024px) {

    #header #mobile-mnu {
        width: 100%;
        height: auto;
        max-height: 80vh;


        transform: translateY(-100%);
        left: 0;
        top: 0;

        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    #header #mobile-mnu .phones-holder{
        flex-direction: row;
    }

    #header #mobile-mnu.opened {
        /* При открытии выезжает вниз */
        transform: translateY(0);
    }
    #header #mobile-mnu .menuTop{
        display: flex;
        gap: 20px;
    }
}

/*================ MOBILE MNU End =============*/







/*============ FOOTER Start ===============*/
#footer {
    background: var(--head-primary);
}

#footer .footer-top {
    display: flex;
    gap: 30px;
    padding: 50px 0px 30px 0px;
    border-bottom: 1px solid var(--main-text-primary);
}

#footer .main-item {
    display: flex;
    width: 15%;
    flex-direction: column;
}

#footer .menu-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    color: var(--background);
    margin-bottom: 20px;
}

#footer .foot-menu-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#footer .nav-menu-element a {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--stroke-primary);
}

#footer .nav-menu-element a:hover {
    color: var(--primary);
}

#footer .info-holder {
    display: flex;
    flex-direction: column;
}

#footer .phones-holder {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#footer .logo-holder {
    background: white;
    width: fit-content;
    margin-bottom: 10px;
    max-width: 110px;
    display: flex;
    padding: 5px;
}

#footer .logo-holder img {
    width: 100%;
    display: block;
    object-fit: contain;
}

#footer .footer-phone {
    font-weight: 600;
    font-size: 25px;
    line-height: 120%;
    color: var(--stroke-primary);
}

#footer .footer-phone:hover {
    color: var(--primary);
}

#footer .socs {
    margin-top: 20px;
}

#footer .reqs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    pointer-events: none;
}

#footer .reqs p {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--stroke-primary);
}

#footer .time {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    color: var(--stroke-primary);
    margin-bottom: 10px;
}

#footer .info-top {
    display: flex;
    gap: 20px;
    align-items: center;
}

#footer .address p {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    color: var(--stroke-primary);
}

#footer .socs-holder {
    display: flex;
    flex-direction: column;
}

#footer .footer-center {
    display: flex;
    gap: 10px;
    padding: 40px 0px;
    border-bottom: 1px solid var(--main-text-primary);
}

#footer .pay-link {
    min-width: 270px;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    color: var(--background);
}

#footer .pay-link:hover {
    color: var(--primary);
}

#footer .socs-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    color: var(--background);
    margin-bottom: 20px;
}

#footer .footer-default {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 20px 0px;
}

#footer .privacy-holder {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: right;
    color: var(--stroke-primary);
}

#footer .privacy-holder:hover {
    color: var(--primary);
}

.example-holder a {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    text-align: right;
    color: var(--stroke-primary);
}

.example-holder a:hover {
    color: var(--primary);
}

.glogo {
    width: 111px;
    height: 17px;
    mask-image: url(../images/gmask.png);
    mask-origin: border-box;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: var(--background);
    position: relative;
    cursor: pointer;
    display: inline-flex;
    vertical-align: sub;
    overflow: hidden;
}

.glogo:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: red;
    transform: translateX(100%);
    transition: transform 0.7s ease-in;
    background: linear-gradient(90deg,
    #fe6604 10%,
    #ee0a76 30%,
    #ee0a76 60%,
    #fe6604 101%) repeat-x 0 0;
    background-size: 100px;
    animation-duration: 5s;
    animation-name: slideUp;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}

.glogo:hover:before {
    animation-name: unset;
    transform: translateX(0);
}

@keyframes slideUp {
    0% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

#footer .rights {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    text-align: right;
    color: var(--stroke-primary);
}

/*============ FOOTER End ===============*/

/* ============== MODAL Start ============= */
.theme-modal {
    display: none;
    position: relative;
}

.theme-modal .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 10px;
}

.theme-modal .title p,
.theme-modal .title strong {
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
}

.theme-modal .subtitle {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
    margin-bottom: 30px;
}

#modal-success.theme-modal .subtitle {
    margin-bottom: unset;
}

.fancybox__content>.f-button.is-close-btn {
    top: 20px !important;
    right: 20px !important;
    --f-button-width: 20px !important;
    --f-button-height: 20px !important;
    --f-button-border-radius: unset !important;
    --f-button-color: unset !important;
    --f-button-hover-color: unset !important;
    --f-button-bg: transparent !important;
    --f-button-hover-bg: transparent !important;
    --f-button-active-bg: transparent !important;
    --f-button-svg-width: 100% !important;
    --f-button-svg-height: 100% !important;
    --f-button-svg-stroke-width: 0;
}

.theme-modal.fancybox__content {
    width: 750px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 60px;
    background: var(--background);
    overflow: auto;
    border-radius: 5px;
}

.fancybox__content .f-button svg {
    stroke: white !important;
    transition: 0.5s;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding: unset !important;
}

.theme-modal.fancybox__content .f-button.is-close-btn svg path {
    transition: 0.5s;
}

.theme-modal.fancybox__content .f-button.is-close-btn:hover svg path {
    fill: var(--primary);
}

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

.form-top {
    display: flex;
    gap: 10px;
}

button {
    border: unset;
}

button,
input {
    outline: none;
}

.form .input-wrapper {
    position: relative;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
    border: 1px solid var(--stroke-secondary);
    cursor: pointer;
    background: var(--background);
    padding: 14px 20px;
    border-radius: 5px;
    transition: 0.5s;
    min-height: 50px;
    overflow: hidden;
}

.form .input-wrapper:has(.error) {
    border-color: red;
}

.form .input-wrapper:hover {
    border-radius: 15px;
    border-color: var(--head-primary);
}

.form .input-wrapper .label {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--head-primary);
    transition: 0.5s;
    pointer-events: none;
}

.form .input-wrapper:hover .label {
    transform: translateY(-7px);
    font-size: 12px;
}

.form input {
    border: unset;
    transition: 0.3s;
    outline: none;
    cursor: pointer;
    width: 100%;
    height: fit-content;
}

.form textarea {
    height: 100%;
    width: 100%;
    border: unset;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    resize: none;
}

.form .input-wrapper:has(textarea) {
    height: 150px;
}

.form input,
.form textarea {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--head-primary);
    cursor: pointer;
    position: absolute;
    background: transparent;
    opacity: 0;
    transition: 0.5s;
    width: 100%;
    height: 100%;
    padding: 23px 20px 7px 20px;
    top: 0;
    left: 0;
}

.form .input-wrapper:hover input,
.form .input-wrapper:hover textarea {
    opacity: 1;
}

.form input.error,
.form textarea.error {
    border-color: red !important;
}

.form input::placeholder,
.form textarea::placeholder {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
    transition: 0.3s;
}

.input-wrapper:hover .label,
.input-wrapper>input:not(:placeholder-shown)~.label,
.input-wrapper>textarea:not(:placeholder-shown)~.label {
    transform: translateY(-7px);
    font-size: 12px;
}

.input-wrapper>input:not(:placeholder-shown),
.input-wrapper>textarea:not(:placeholder-shown) {
    opacity: 1;
}

.theme-modal .btn {
    width: 100%;
    margin-top: 20px;
}

.form .privacy-policy {
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    color: var(--main-text-primary);
}

.form .privacy-policy a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--primary);
}

.form .privacy-policy a:hover {
    color: var(--main-text-primary);
}

body .fancybox__container {
    --fancybox-bg: rgba(0, 0, 0, 0.4) !important;
}

.input-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--main-text-primary);
}

.form_input.file {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form #file {
    display: none;
}

.form .file span {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
}

.form .file {
    padding: 15px 30px;
    background: transparent;
    border: 1px solid var(--primary);
    border-radius: 5px;
    transition: 0.5s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.form .file:before {
    content: "";
    width: 20px;
    height: 25px;
    top: 17px;
    right: 20px;
    position: absolute;
    background-image: url(../images/fileBtn.png);
    background-position: center;
    background-repeat: no-repeat;
}

.form .file:hover {
    background: var(--hover);
    border-color: var(--hover);
    border-radius: 15px;
}

label[for="file"] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-input.file input {
    display: contents;
}

.form-input.file span {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    transition: 0.5s;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
}

.form-input.file span:before {
    content: "";
    width: 17px;
    height: 16px;
    top: 0;
    left: -2px;
    position: absolute;
    background-image: url(../images/fileIcon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.5s;
}

.form-input.file:hover span {
    color: var(--background);
}

.form-input.file:hover span:before {
    filter: brightness(0) invert(1);
}

/* ============== MODAL End ============= */








.error404 #main {
    min-height: 80vh;
}

.error-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 120px;
    align-items: center;
}

.error-wrapper .error-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 125%;
    text-align: center;
    color: var(--head-primary);
    margin-top: 60px;
    margin-bottom: 15px;
}

.error-wrapper .error-subtitle {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: var(--main-text-primary);
}

.error-wrapper .btn {
    margin-left: auto;
    margin-right: auto;
}

.error-wrapper .error-img {
    width: 100%;
    display: flex;
    height: auto;
    max-height: 300px;
}

.error-wrapper .error-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

#mobile-cat-open {
    display: none;
    position: fixed;
    top: 50%;
    left: -20px;
    padding: 2px 5px;
    transform: rotate(90deg);
    background: var(--primary);
    border-radius: 5px 5px 0px 0px;
    font-size: 12px;
    line-height: 100%;
    color: var(--background);
}

#main-close-btn {
    display: none;
}









/* ============== Archive-stocks Start ============= */
.archive-default {
    padding-bottom: 120px;
}
.stock{
    margin-bottom: 15px;
}
#archive-stocks .stocks-holder {
    display: flex;
    flex-direction: column;
}

#archive-stocks .stocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.stocks-item-template {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 440px;
    padding: 10px;
}

.stocks-item-template:before {
    content: "";
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
}

.stocks-item-template .stocks-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
}

.stocks-item-template .stocks-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s;
}

.stocks-item-template:hover .stocks-img img {
    transform: scale(1.05);
}

.stocks-item-template .stocks-info {
    display: flex;
    flex-direction: column;
    padding: 10px 20px 20px 20px;
    position: relative;
    z-index: 2;
    margin-top: auto;
}

.stocks-item-template .stocks-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    position: relative;
    z-index: 2;
}

.stocks-item-template .tag-item {
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    color: var(--background);
    padding: 8px 10px;
    border-radius: 5px;
}

.stocks-item-template .tag-item:nth-child(odd) {
    background: var(--danger);
}

.stocks-item-template .tag-item:nth-child(even) {
    background: var(--success);
}

.stocks-item-template .stocks-duration {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: var(--background-secondary);
    margin-bottom: 5px;
}

.stocks-item-template .stocks-name {
    font-weight: 600;
    font-size: 24px;
    line-height: 125%;
    color: var(--background);
    max-width: 85%;
}

.single-page.stocks .banner-wrapper {
    display: flex;
    gap: 30px;
    background: var(--background-secondary);
    border-radius: 10px;
    min-height: 440px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.single-page.stocks .banner-wrapper h1.page-title {
    margin-bottom: 20px;
}

.single-page.stocks .banner-left-side {
    padding: 40px 0px 40px 40px;
    display: flex;
    flex-direction: column;
    width: 66%;
}

.single-page.stocks .banner-desc li,
.single-page.stocks .banner-desc p {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    color: var(--main-text-primary);
}

.single-page.stocks .banner-img {
    width: 33%;
    display: flex;
    height: auto;
}

.single-page.stocks .banner-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 400px 0px 0px 400px;
}

.single-page.stocks .banner-wrapper .btn {
    margin-top: auto;
}

/* ============== Archive-stocks End ============= */







/* ============== Archive-news Start ============= */
#archive-news .news {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.news-item-template {
    display: flex;
    flex-direction: column;
    background: var(--background-secondary);
    min-height: 500px;
    border-radius: 5px;
    padding: 20px;
    height: 100%;
}

.swiper-slide:has(.news-item-template) {
    height: auto;
}

.news-item-template .news-img {
    position: relative;
    display: flex;
    height: auto;
    max-height: 260px;
    border-radius: 5px;
    overflow: hidden;
}

.news-item-template .news-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 1/1;
    transition: 0.5s;
}

.news-item-template:hover .news-img img {
    transform: scale(1.05);
}

.news-item-template .news-date {
    padding: 8px 12px;
    background: var(--background);
    border-radius: 5px;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    width: fit-content;
    z-index: 1;
}

.news-item-template .news-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    margin: 20px 0px 15px 0px;
    transition: 0.5s;
}

.news-item-template:hover .news-name {
    color: var(--primary);
}

.news-item-template .news-short-desc {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
}

.single-page.news h1.page-title {
    margin-bottom: 10px;
}

.single-page.news .similars-holder {
    padding: 90px 0px 120px 0px;
}

/* ============== Archive-news End ============= */










/* ============== Woocommerce Start ============= */
.swiper-slide:has(.brand-item-template) {
    height: auto;
}

.brand-item-template {
    height: 100%;
    display: flex;
    width: auto;
    max-height: 100px;
    border: 1px solid var(--stroke-secondary);
    border-radius: 5px;
    transition: 0.5s;
    padding: 25px;
    cursor: pointer;
}

.brand-item-template img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    margin: auto;
}

.brand-item-template:hover {
    border-color: var(--primary);
    border-radius: 15px;
}

.brand-page {
    padding-bottom: 120px;
}

.brand-page .brands-holder {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}

li.product-category {
    display: flex;
    flex-grow: 1;
    width: calc((100% - 30px) / 2);
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.5s;
}

.subcats li.product-category {
    width: 100%;
    min-height: 340px;
}

.subcats li.product-category a {
    padding: 20px;
    flex-direction: column;
}

.subcats li.product-category a .woocommerce-loop-category__title {
    font-size: 16px;
}

.woocommerce .shop-subs-holder {
    margin-bottom: 40px;
}

.woocommerce .shop-subs-holder .nav .nav-btns {
    flex-direction: column-reverse;
    margin-right: 20px;
}

.woocommerce .shop-subs-holder .nav .nav-btns:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.woocommerce .shop-subs-holder .swiper-button-disabled path {
    fill: var(--background-thirdly);
}

.woocommerce .shop-subs-holder li.product-category a img {
    position: absolute;
    top: 115px;
    left: 20px;
}

.woocommerce .shop-subs-holder li.product-category .cat-info {
    height: 100%;
    padding-bottom: 5px;
}

li.product-category:hover {
    border-radius: 15px;
}

li.product-category:before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    transition: 0.5s;
    bottom: 0;
    left: 0;
    background: var(--hover);
    transform: translateY(10px);
    border-radius: 5px 5px 0px 0px;
}

li.product-category:hover:before {
    transform: unset;
}

li.product-category a {
    display: flex;
    gap: 20px;
    background: var(--background-secondary);
    min-height: 200px;
    padding: 30px;
    width: 100%;
}

li.product-category .cat-info {
    display: flex;
    flex-direction: column;
}

li.product-category a .woocommerce-loop-category__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
}

li.product-category a .woocommerce-loop-category__title mark {
    display: none;
}

li.product-category a img {
    display: block;
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 140px;
    transition: 0.5s;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}

li.product-category a:hover img {
    transform: scale(0.95);
}

li.product-category .cat-min-price {
    margin-top: auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    color: var(--hover);
}

li.product-category .cat-counter {
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    padding: 8px 12px;
    background: var(--background);
    border-radius: 5px;
    width: fit-content;
    margin-top: 10px;
}

ul.products:has(li.product.type-product) {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

ul.products li.product.type-product {
    width: calc((100% - 60px) / 4);
}

ul.products li.product.type-product .product-item-template>a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

ul.products li.product.type-product .product-item-template {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--background-secondary);
    border: 1px solid var(--stroke-secondary);
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}

ul.products li.product.type-product .item-img-holder {
    width: 100%;
    height: auto;
    min-height: 210px;
    max-height: 210px;
    display: flex;
    background: var(--background);
}

ul.products li.product.type-product .item-img-holder img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    margin: auto;
}

ul.products li.product.type-product .product-info-wrapper {
    padding: 15px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

ul.products li.product.type-product .woocommerce-loop-product__title {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 15px;
}

ul.products li.product.type-product .tag-list {
    display: flex;
    flex-wrap: wrap;
    padding-right: 55px;
    position: absolute;
    top: 10px;
    left: 10px;
    gap: 5px;
}

ul.products li.product.type-product .tag-name {
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    color: var(--background);
    border-radius: 5px;
    padding: 5px 10px;
    width: fit-content;
    z-index: 1;
    background: var(--danger);
}

ul.products li.product.type-product .tag-name.novinka {
    background: var(--success);
}

ul.products li.product.type-product .favorite-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--background-secondary);
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.5s;
}

ul.products li.product.type-product .favorite-btn:hover {
    border-radius: 15px;
    background: var(--hover);
}

ul.products li.product.type-product .favorite-btn path {
    transition: 0.5s;
}

ul.products li.product.type-product .favorite-btn:hover path {
    fill: var(--background);
}

ul.products li.product.type-product .favorite-btn.favorite-remove {
    background: var(--danger);
}

ul.products li.product.type-product .favorite-btn.favorite-remove path {
    fill: var(--background);
}

ul.products li.product.type-product form.cart {
    display: flex;
    gap: 10px;
    padding: 0px 20px 20px 20px;
    align-items: center;
}

ul.products li.product.type-product .product__btn-container{
    display: flex;
    gap: 10px;
    padding: 0px 20px 20px 20px;
    align-items: center;
    width: 100%;
}

ul.products li.product.type-product .product__btn-container .btn{
    width: 100%;
}

ul.products li.product.type-product .single_add_to_cart_button {
    min-width: 70px;
    padding: 10px 20px;
    height: 50px;
    width: fit-content;
    margin-top: unset;
}

.qty-wrapper {
    display: flex;
    background: var(--background-thirdly);
    border-radius: 5px;
    overflow: hidden;
    height: 50px;
    flex-grow: 1;
    align-items: center;
}

.qty-wrapper .qty-button {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    background: var(--background-thirdly);
    transition: 0.5s;
    cursor: pointer;
}

.qty-wrapper .qty-button:hover {
    background: var(--hover);
    color: var(--background);
}

.qty-wrapper .quantity {
    width: auto;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background-thirdly);
}

.qty-wrapper .quantity input {
    width: 100%;
    background: transparent;
    text-align: center;
    border: unset;
    outline: none;
    font-size: 20px;
}

ul.products li.product.type-product .prices-infos {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    justify-content: space-between;
    margin-top: auto;
}

ul.products li.product.type-product .prices-left-side {
    display: flex;
    flex-direction: column;
}

ul.products li.product.type-product .price-mark {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
}

ul.products li.product.type-product .sale-price {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
}

ul.products li.product.type-product .prices-right-side {
    display: flex;
    align-items: center;
    gap: 5px;
}

ul.products li.product.type-product .price-percent {
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    color: var(--head-primary);
    border-radius: 5px;
    background: var(--warning);
    padding: 2px 4px;
}

ul.products li.product.type-product .regular-price {
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    text-decoration: line-through;
    color: var(--main-text-secondary);
}

ul.products li.product.type-product .regular-price.saleless {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    color: var(--head-primary);
    text-decoration: unset;
}

#noticer {
    transform: translateX(100%);
    border-radius: 5px 0px 0px 5px;
    border: 1px solid var(--primary);
    background: var(--background);
    padding: 5px;
    font-size: 10px;
    transition: 0.5s;
    color: var(--primary);
    width: auto;
    max-width: 220px;
    position: fixed;
    top: 150px;
    z-index: 100;
    right: 0;
}

#noticer.active {
    transform: unset;
}

.page-favorites .info-holder {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.page-favorites .order-count {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
    display: flex;
    gap: 5px;
    align-items: center;
}

.page-favorites .order-count .value {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
}

.page-favorites .btns {
    display: flex;
    align-items: center;
    gap: 15px;
}

.page-favorites .clear-favorites {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    cursor: pointer;
    transition: 0.5s;
    background: transparent;
    border: unset;
    outline: none;
}

.page-favorites .clear-favorites:hover {
    color: var(--primary);
}

.page-favorites .clear-favorites path {
    transition: 0.5s;
}

.page-favorites .clear-favorites:hover path {
    stroke: var(--primary);
}

.page-favorites .favorite-holder {
    padding-bottom: 60px;
}

.woocommerce-cart .cart-wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    padding-bottom: 120px;
}

.woocommerce-cart .cart-wrapper .woocommerce-cart-form {
    width: auto;
    flex-grow: 1;
}

.woocommerce-cart .cart-wrapper .shop_table {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-cart .cart-wrapper .cart_item {
    display: flex;
    padding: 30px;
    background: var(--background-secondary);
    border-radius: 5px;
    gap: 20px;
}

.woocommerce-cart .cart-wrapper .calls-wrapper {
    position: sticky;
    top: 150px;
    display: flex;
    flex-direction: column;
    height: fit-content;
    width: 360px;
    min-width: 360px;
}

.woocommerce-cart .cart-wrapper .product-thumbnail {
    width: 160px;
    min-width: 160px;
    height: 160px;
    display: flex;
    background: var(--background);
    border-radius: 5px;
    overflow: hidden;
}

.woocommerce-cart .cart-wrapper .product-thumbnail a {
    width: 100%;
    height: 100%;
    display: flex;
}

.woocommerce-cart .cart-wrapper .product-thumbnail a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    margin: auto;
}

.woocommerce-cart .cart-wrapper .cert-item-center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

.woocommerce-cart .cart-wrapper .cart-item-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.woocommerce-cart .cart-wrapper .product-name a {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
}

.woocommerce-cart .cart-wrapper .product-name {
    max-width: 350px;
}

.woocommerce-cart .cart-wrapper .cart-item-bot {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: auto;
}

.woocommerce-cart .cart-wrapper .cart-btns-holder {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media (max-width: 1200px){
    .woocommerce-cart .cart-wrapper .cart-btns-holder{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .woocommerce .shop-links .sub-link{
        font-size: 12px;
    }
}

.woocommerce-cart .cart-wrapper .remove {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    color: var(--main-text-secondary);
}

.woocommerce-cart .cart-wrapper path {
    transition: 0.5s;
}

.woocommerce-cart .cart-wrapper .remove:hover {
    color: var(--danger);
}

.woocommerce-cart .cart-wrapper .remove:hover path {
    fill: var(--danger);
}

.woocommerce-cart .cart-wrapper .favorite-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.woocommerce-cart .cart-wrapper .favor-added,
.woocommerce-cart .cart-wrapper .favor-removed {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    color: var(--main-text-secondary);
    transition: 0.5s;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.woocommerce-cart .cart-wrapper .favorite-btn:hover .favor-added {
    color: var(--hover);
}

.woocommerce-cart .cart-wrapper .favorite-btn:hover path {
    fill: var(--hover);
}

.woocommerce-cart .cart-wrapper .favor-removed {
    display: none;
}

.woocommerce-cart .cart-wrapper .favorite-btn.favorite-remove .favor-added {
    display: none;
}

.woocommerce-cart .cart-wrapper .favorite-btn.favorite-remove path {
    fill: var(--danger);
}

.woocommerce-cart .cart-wrapper .favorite-btn.favorite-remove .favor-removed {
    display: flex;
    color: var(--danger);
}

.woocommerce-cart .actions {
    display: none;
}

.woocommerce-notices-wrapper {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.woocommerce-notices-wrapper,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message a {
    outline: none;
    border: unset;
    font-size: 12px;
}

.woocommerce-cart .cart-wrapper .qty-wrapper {
    width: fit-content;
    flex-grow: unset;
}

.woocommerce-cart .cart-wrapper .qty-wrapper .quantity {
    flex-grow: unset;
    max-width: 50px;
}

.woocommerce-cart .cart-wrapper .product-quantity {
    width: fit-content;
}

.woocommerce .shop-links {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.woocommerce .shop-links .shop-link {
    display: flex;
    padding: 20px;
    background: var(--background-secondary);
    border-radius: 5px;
    flex-direction: column;
    width: calc((100% - 10px) / 2);
    min-height: 220px;
}

.woocommerce .shop-links .shop-link-icon {
    width: 20px;
    height: 20px;
    display: flex;
}

.woocommerce .shop-links .shop-link-icon svg,
.woocommerce .shop-links .shop-link-icon img {
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.woocommerce .shop-links .shop-link-name {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    color: var(--main-text-primary);
    margin: 10px 0px auto 0px;
}

.woocommerce .shop-links .sub-link {
    display: flex;
    gap: 13px;
    align-items: center;
    transition: 0.5s;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
}
.woocommerce .shop-links .sub-link svg{
    flex-shrink: 0;
}

.woocommerce .shop-links .sub-link path {
    transition: 0.5s;
}

.woocommerce .shop-links .shop-link:hover .sub-link {
    color: var(--primary);
}

.woocommerce .shop-links .shop-link:hover .sub-link path {
    fill: var(--primary);
}

.woocommerce-cart .cart-wrapper .product-count-total {
    padding: 20px 30px;
    border-radius: 5px;
    background: var(--background-secondary);
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    margin-bottom: 10px;
}

.woocommerce-cart .cart-wrapper .totals-prices {
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
    background: var(--background-secondary);
    border-radius: 5px;
}

.woocommerce-cart .cart-wrapper .totals-prices .btn {
    width: 100%;
    margin-top: 10px;
    background: #ff7f26;
    border-color: #ff7f26;
}

.woocommerce-cart .cart-wrapper .total-desc-holder {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    margin-bottom: 10px;
}

.woocommerce-cart .cart-wrapper .total-stock {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
}

.woocommerce-cart .cart-wrapper .totals-desc {
    padding-bottom: 15px;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
    margin-bottom: 15px;
    border-bottom: 1px solid var(--stroke-secondary);
}

.woocommerce-cart .product-price {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: flex-end;
}

.woocommerce-cart .product-price ins,
.woocommerce-cart .product-price del {
    text-decoration: unset;
}

.woocommerce-cart .product-price bdi,
.woocommerce-cart .product-price bdi span,
.woocommerce-cart .product-price ins bdi,
.woocommerce-cart .product-price ins bdi span {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    white-space: nowrap;
}

.woocommerce-cart .product-price del bdi,
.woocommerce-cart .product-price del bdi span {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    text-decoration: line-through;
    color: var(--main-text-secondary);
    white-space: nowrap;
}

.woocommerce-checkout .content>.woocommerce {
    flex-wrap: wrap;
    gap: 30px;
}

.woocommerce-checkout .content>.woocommerce .woocommerce-notices-wrapper {
    width: 100%;
}

.woocommerce-NoticeGroup-checkout li a,
.woocommerce-NoticeGroup-checkout li strong {
    font-size: 12px;
}

.woocommerce-checkout form .woocommerce-NoticeGroup-checkout {
    width: 100%;
}

.woocommerce-checkout form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 30px;
    padding-bottom: 120px;
    align-items: flex-start;
}

.woocommerce-checkout form .form-left-side {
    width: calc(76% - 30px);
    display: flex;
    flex-direction: column;
}

.form-checkout-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 25px;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
}

.woocommerce-billing-fields__field-wrapper p,
.woocommerce-shipping-fields__field-wrapper p {
    width: 100%;
    position: relative;
    padding: 15px 20px;
    width: 100%;
    border: 1px solid var(--stroke-secondary);
    border-radius: 5px;
    height: 50px;
}

.woocommerce-billing-fields__field-wrapper p p,
.woocommerce-shipping-fields__field-wrapper p p {
    display: none;
}

.woocommerce-billing-fields__field-wrapper p span,
.woocommerce-shipping-fields__field-wrapper p span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: transparent;
    opacity: 0;
    transition: 0.5s;
    cursor: pointer;
}

.woocommerce-shipping-fields__field-wrapper p.focused span,
.woocommerce-billing-fields__field-wrapper p.focused span,
.woocommerce-billing-fields__field-wrapper p:hover span,
.woocommerce-shipping-fields__field-wrapper p:hover span {
    opacity: 1;
}

.woocommerce-billing-fields__field-wrapper p label,
.woocommerce-shipping-fields__field-wrapper p label {
    position: absolute;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
    top: 15px;
    left: 20px;
    transition: 0.5s;
    z-index: 2;
    background: transparent;
}

.woocommerce-shipping-fields__field-wrapper p.focused label,
.woocommerce-billing-fields__field-wrapper p.focused label,
.woocommerce-billing-fields__field-wrapper p:hover label,
.woocommerce-shipping-fields__field-wrapper p:hover label {
    transform: translateY(-10px);
    font-size: 10px;
}

.woocommerce-billing-fields__field-wrapper p label .optional,
.woocommerce-shipping-fields__field-wrapper p label .optional,
.woocommerce-shipping-fields__field-wrapper p label .required,
.woocommerce-billing-fields__field-wrapper p label .required {
    display: none;
}

.woocommerce-billing-fields__field-wrapper input,
.woocommerce-shipping-fields__field-wrapper input {
    outline: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
    transition: 0.5s;
    cursor: pointer;
    border: unset;
    width: 100%;
    height: 100%;
    background: transparent;
    padding-left: 20px;
    padding-top: 15px;
}

.woocommerce-billing-fields__field-wrapper .woocommerce-validated input,
.woocommerce-shipping-fields__field-wrapper .woocommerce-validated input {
    color: var(--head-primary);
}

.woocommerce-billing-fields__field-wrapper input:hover,
.woocommerce-shipping-fields__field-wrapper input:hover {
    border-color: var(--primary);
}

.woocommerce-checkout input::placeholder {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
}

.woocommerce-checkout .form-row.place-order {
    display: none;
}

#ship-to-different-address {
    display: none;
}

.form-checkout-left-side {
    width: calc(100% - 390px);
}

.col2-set,
.form-checkout-left-side {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#shipping_method,
form.woocommerce-checkout .wc_payment_methods,
.woocommerce-checkout .checkout-togglers {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

form.woocommerce-checkout #shipping_method li,
.woocommerce-checkout li.wc_payment_method {
    width: fit-content;
}

form.woocommerce-checkout #shipping_method li:has(input.free) {
    position: relative;
}

form.woocommerce-checkout #shipping_method li:has(input.free):before {
    content: "(Бесплатно)";
    top: 60px;
    left: 75px;
    position: absolute;
    width: 100px;
    height: 11px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--main-text-primary);
    z-index: 1;
    pointer-events: none;
    transition: 0.5s;
}

form.woocommerce-checkout #shipping_method li:has(input.free:checked):before {
    color: var(--second);
}

form.woocommerce-checkout #shipping_method li input,
form.woocommerce-checkout .wc_payment_method input,
.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper input,
.woocommerce-checkout .checkout-togglers input {
    display: contents;
}

form.woocommerce-checkout #shipping_method li label,
form.woocommerce-checkout .wc_payment_method label,
.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label,
.woocommerce-checkout .checkout-togglers label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
    padding: 20px 40px 20px 50px;
    border-radius: 5px;
    overflow: hidden;
    min-height: 90px;
    border: 1px solid var(--stroke-primary);
    transition: 0.5s;
    cursor: pointer;
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    height: 100%;
}

.woocommerce-checkout h1.page-title {
    margin-bottom: 20px;
}

form.woocommerce-checkout .wc_payment_methods label {
    justify-content: center;
}

form.woocommerce-checkout .wc_payment_method label span,
form.woocommerce-checkout #shipping_method label span,
form.woocommerce-checkout #shipping_method label span bdi {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
    transition: 0.5s;
}

form.woocommerce-checkout #shipping_method li label:hover,
form.woocommerce-checkout .wc_payment_method label:hover,
.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label:hover,
.woocommerce-checkout .checkout-togglers label:hover {
    border-color: var(--primary);
}

form.woocommerce-checkout #shipping_method li label:before,
form.woocommerce-checkout .wc_payment_method label:before,
.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label:before,
.woocommerce-checkout .checkout-togglers label:before {
    content: "";
    width: 18px;
    height: 18px;
    top: 20px;
    left: 20px;
    position: absolute;
    border-radius: 100%;
    background: transparent;
    border: 1px solid var(--stroke-primary);
    transition: 0.3s;
}

form.woocommerce-checkout .wc_payment_methods label:before {
    top: 50%;
    transform: translateY(-50%);
}

form.woocommerce-checkout #shipping_method li label:after,
form.woocommerce-checkout .wc_payment_method label:after,
.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label:after,
.woocommerce-checkout .checkout-togglers label:after {
    content: "";
    width: 14px;
    height: 14px;
    top: 20px;
    left: 20px;
    position: absolute;
    border-radius: 100%;
    transition: 0.3s;
    opacity: 0;
    border: 3px solid var(--background);
}

form.woocommerce-checkout .wc_payment_methods label:after {
    top: 50%;
    transform: translateY(-50%);
}

form.woocommerce-checkout #shipping_method li input:checked+label,
form.woocommerce-checkout .wc_payment_method input:checked+label,
.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper input:checked+label,
.woocommerce-checkout .checkout-togglers input:checked+label {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--background);
}

form.woocommerce-checkout #shipping_method li input:checked+label bdi,
form.woocommerce-checkout #shipping_method li input:checked+label bdi span {
    color: var(--background);
}

form.woocommerce-checkout #shipping_method li input:checked+label:before,
form.woocommerce-checkout .wc_payment_method input:checked+label:before,
.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper input:checked+label:before,
.woocommerce-checkout .checkout-togglers input:checked+label:before {
    border-color: var(--second);
    background: var(--primary);
}

form.woocommerce-checkout #shipping_method li input:checked+label:after,
form.woocommerce-checkout .wc_payment_method input:checked+label:after,
.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper input:checked+label:after,
.woocommerce-checkout .checkout-togglers input:checked+label:after {
    opacity: 1;
}

.commect-block label .optional {
    display: none;
}

.commect-block p {
    width: 100%;
    display: flex;
}

.commect-block span:has(#order_comments) {
    width: 100%;
    display: flex;
}

.woocommerce-checkout #order_comments {
    border-radius: 5px;
    height: 150px;
    resize: none;
    outline: none;
    width: 100%;
    padding: 15px 20px;
    border: 1px solid var(--stroke-secondary);
    transition: 0.5s;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: var(--main-text-secondary);
    background: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

.woocommerce-checkout #order_comments:hover {
    border-color: var(--primary);
}

.woocommerce-checkout .form-checkout-right-side {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 360px;
    min-width: 360px;
    height: fit-content;
    position: sticky;
    top: 150px;
}

.woocommerce-checkout .form-checkout-right-side .checkout-right-top {
    border: 1px solid var(--stroke-secondary);
    border-radius: 5px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    background: var(--background-secondary);
}

.woocommerce-checkout .form-checkout-right-side .btn {
    width: 100%;
    background: #ff7f26;
    border: 1px solid #ff7f26;
}

.woocommerce-checkout .form-checkout-right-side .total-count {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    padding: 20px 30px;
    border-radius: 5px;
    background: var(--background-secondary);
    margin-bottom: 10px;
}

.woocommerce-checkout .total-price {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    margin: 15px 0px 10px 0px;
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
}

.woocommerce-checkout .total-price bdi,
.woocommerce-checkout .total-price bdi span {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
}

.woocommerce-checkout .saleless-price {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.woocommerce-checkout .saleless-title,
.woocommerce-checkout .saleless-value {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
}

.woocommerce-checkout .shipping-holder {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--stroke-secondary);
}

.woocommerce-checkout .shipping-title,
.woocommerce-checkout .shipping-value {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
}

.woocommerce-order-received .woocommerce-order {
    padding-bottom: 40px;
}

.woocommerce-order-received .woocommerce-order tr th {
    text-align: left;
    font-size: 14px;
}

.woocommerce-order-received .woocommerce-order tr {
    border-bottom: 1px solid var(--primary);
    padding-bottom: 3px;
    display: block;
    width: fit-content;
}

.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details tr:has(.order-actions--heading) {
    display: none;
}

.woocommerce-order-received .woocommerce-order-overview {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 5px;
    background: var(--background-secondary);
    gap: 10px;
    margin-bottom: 40px;
}

.woocommerce-order-received .woocommerce-notice.woocommerce-notice--success {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.woocommerce-order-received .woocommerce-order-overview li {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid var(--main-text-secondary);
    font-size: 14px;
}

.woocommerce-order-received .woocommerce-order-overview li strong,
.woocommerce-order-received .woocommerce-order-overview li bdi,
.woocommerce-order-received .woocommerce-order-overview li bdi span,
.woocommerce-order-received .order-details-item bdi span,
.woocommerce-order-received .order-details-item bdi {
    color: var(--primary);
    font-weight: 600;
}

.woocommerce-order-received .woocommerce-order-overview li:nth-child(1) {
    padding-top: unset;
}

.woocommerce-order-received .woocommerce-order-overview li:last-child {
    border-bottom: unset;
    padding-bottom: unset;
}

.woocommerce-order-received .woocommerce-order-details h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.woocommerce-order-received .order-details-item {
    display: flex;
    gap: 5px;
    border-bottom: 1px solid var(--white);
    font-size: 14px;
    padding: 5px 0px;
}

.woocommerce-order-received .order-details-item:first-child {
    padding-top: unset;
}

.woocommerce-order-received .order-details-item:last-child {
    padding-bottom: unset;
    border-bottom: unset;
}

.woocommerce-order-received .order-details-item span {
    white-space: nowrap;
}

.woocommerce-order-received .table-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 10px;
    background: var(--background-light);
    gap: 10px;
}

.woocommerce-order-received .order-totals-holder {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-order-received .totals-item {
    display: flex;
    gap: 5px;
}

.woocommerce-order-received .totals-item .totals-item-price,
.woocommerce-order-received .totals-item .totals-item-price bdi,
.woocommerce-order-received .totals-item .totals-item-price bdi span,
.woocommerce-order-received .totals-item .totals-item-price span,
.woocommerce-order-received .totals-item .totals-item-price small {
    color: var(--primary);
    font-weight: 600;
    font-size: 16px;
}

.woocommerce-order-received .order-notes-holder {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.woocommerce-order-received .notes-title {
    margin-bottom: 0px;
    font-size: 20px;
}

.woocommerce-order-received .notes-text {
    border-radius: 10px;
    padding: 10px;
    background: var(--background-light);
    min-height: 100px;
    width: 100%;
}

.woocommerce-order-received .col2-set {
    gap: 20px;
}

.woocommerce-order-received .woocommerce-column__title {
    font-size: 18px;
    margin-bottom: 10px;
}

.woocommerce-order-received .col2-set address,
.woocommerce-order-received .col2-set p {
    font-size: 14px;
    font-style: normal;
}

.woocommerce-order-received .order-info-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.woocommerce-order-received .order-item-name {
    font-size: 18px;
    font-weight: 700;
}

.woocommerce-order-received .order-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-order-received .woocommerce-order-details thead {
    display: none;
}

.woocommerce-order-received .woocommerce-order-details tbody a {
    font-size: 14px;
    color: var(--main-text-secondary);
}

.woocommerce-order-received .woocommerce-order-details tbody a:hover {
    color: var(--primary);
}

.woocommerce-order-received .woocommerce-order-details tbody .product-quantity {
    margin-right: 15px;
    font-size: 14px;
    font-weight: 600;
}

.woocommerce-order-received .woocommerce-order-details tbody td {
    position: relative;
}

.woocommerce-order-received .woocommerce-order-details tbody td.product-total {
    white-space: nowrap;
}

.woocommerce-order-received .woocommerce-order-details tbody .product-name:before {
    content: "=";
    top: -3px;
    right: 1px;
    position: absolute;
    width: 10px;
    height: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: var(--main-text-secondary);
}

.woocommerce-order-received .woocommerce-order-details tbody bdi,
.woocommerce-order-received .woocommerce-order-details tbody bdi span {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
}

.woocommerce-order-received .woocommerce-order-details tfoot th {
    font-size: 14px;
    margin-right: 3px;
    color: var(--main-text-secondary);
}

.woocommerce-order-received .woocommerce-order-details tfoot td {
    font-size: 14px;
    color: var(--primary);
}

.woocommerce-order-received .woocommerce-order-details tfoot td span {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
}

.woocommerce-order-received .woocommerce-customer-details {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.woocommerce-order-received .woocommerce-column__title {
    font-size: 20px;
    font-weight: 600;
}

.woocommerce-order-received address {
    display: none;
}

.woocommerce-checkout .col2-set {
    gap: 20px;
    order: 1;
}

.woocommerce-checkout .togglers-holder {
    order: 2;
}

.woocommerce-checkout .del-methods {
    order: 3;
    display: none;
}

.woocommerce-checkout .del-methods.active {
    display: block;
}

.woocommerce-checkout .form-checkout-title.addrs-title {
    order: 4;
    margin-bottom: -20px;
    display: none;
}

.woocommerce-checkout .form-checkout-title.addrs-title.active {
    display: block;
}

.woocommerce-checkout #addr_vars_field {
    order: 5;
    display: none;
}

.woocommerce-checkout .col-2 {
    order: 6;
    display: none;
}

.woocommerce-checkout .col-2.active {
    display: block;
}

.woocommerce-checkout #payment {
    order: 7;
    display: none;
}

.woocommerce-checkout .commect-block {
    order: 8;
}

.woocommerce-checkout li:has(input[value="local_pickup:2"]),
.woocommerce-checkout input[value="local_pickup:2"]+label {
    display: none !important;
}

.woocommerce-checkout #addr_vars_field.active {
    display: flex;
}

.woocommerce-checkout #addr_vars_field label {
    display: none;
}

.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
}

.woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label {
    width: calc((100% - 30px) / 2);
    margin-right: unset !important;
}

.woocommerce-order-received .woocommerce-column__title {
    font-size: 18px;
    margin-bottom: 10px;
}

.woocommerce-order-received .col2-set address,
.woocommerce-order-received .col2-set p {
    font-size: 14px;
    font-style: normal;
}

.woocommerce-order-received .order-info-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.woocommerce-order-received .order-item-name {
    font-size: 18px;
    font-weight: 700;
}

.woocommerce-order-received .order-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-checkout .commect-block p {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.woocommerce-checkout .checkout-togglers li {
    position: relative;
}

.woocommerce-checkout .checkout-togglers li:has(input[value="shipping_method_1_var_1"]):before {
    content: "Бесплатно";
    width: 60px;
    height: 14px;
    top: 45px;
    left: 50px;
    position: absolute;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
    transition: 0.5s;
    z-index: 1;
    pointer-events: none;
}

.woocommerce-checkout .checkout-togglers li:has(input[value="shipping_method_2_var_2"]):before {
    content: "(стоимость рассчитывается дополнительно)";
    /* width: 85px; */
    height: 14px;
    top: 45px;
    left: 50px;
    position: absolute;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
    transition: 0.5s;
    z-index: 1;
    pointer-events: none;
}

.woocommerce-checkout .checkout-togglers label {
    min-width: 250px;
}

.woocommerce-checkout .checkout-togglers li:has(input[value="shipping_method_1_var_1"]:checked):before,
.woocommerce-checkout .checkout-togglers li:has(input[value="shipping_method_2_var_2"]:checked):before {
    color: var(--background);
}

.woocommerce-order .woocommerce-table--order-details {
    background: var(--background-secondary);
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
}

.woocommerce-order .order-products-head {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.woocommerce-order .head-element {
    font-weight: 600;
    font-size: 14px;
    line-height: 125%;
    flex-grow: 1;
}

.woocommerce-order .head-element.second {
    max-width: 220px;
    width: 220px;
}

.woocommerce-order .order-product-item {
    display: flex;
    gap: 10px;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    color: var(--main-text-secondary);
}

.woocommerce-order .order-product-item a {
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    color: var(--main-text-secondary);
}

.woocommerce-order .order-product-item a:hover {
    color: var(--primary);
}

.woocommerce-order .order-product-item strong {
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
}

.woocommerce-order .order-product-item span {
    margin-left: auto;
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
}

.woocommerce-order .order-product-item bdi,
.woocommerce-order .order-product-item bdi span {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
}

.woocommerce-order .order-view-subline {
    padding: 10px 0px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--background-thirdly);
}

.woocommerce-order .order-view-subline:has(+.btn) {
    border-bottom: unset;
    padding-bottom: unset;
}

.woocommerce-order .order-view-subline .head-element {
    flex-grow: 1;
}

.woocommerce-order .order-line-value {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
    width: 220px;
    max-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.woocommerce-order .order-line-value bdi,
.woocommerce-order .order-line-value bdi span,
.woocommerce-order .order-line-value strong,
.woocommerce-order .order-line-value a,
.woocommerce-order .order-line-value p {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
}

.woocommerce-order .pretense {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce-order .order-customer-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.woocommerce-order .order-customer-item {
    display: flex;
    flex-direction: column;
}

.woocommerce-order .order-customer-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 125%;
    margin-bottom: 10px;
}

.woocommerce-order .customer-info-holder {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: var(--background-secondary);
    min-height: 100px;
    gap: 20px;
}

.woocommerce-order .customer-info-item {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-primary);
    width: fit-content;
}

.woocommerce-order a.customer-info-item:hover {
    color: var(--primary);
}

.woocommerce-checkout .button.alt.disabled {
    /* pointer-events: none; */
    background: #ff7f26;
    border: 1px solid #ff7f26;
}

.woocommerce .products.columns-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}

.woocommerce .shop-subs-holder {
    display: flex;
    align-items: center;
    gap: 50px;
}

.woocommerce .subcats {
    width: calc(100% - 130px);
}

#open-filter {
    display: none;
    position: fixed;
    bottom: 43%;
    left: 0px;
    width: fit-content;
    height: 25px;
    padding: 3px 5px;
    transform: rotate(90deg) translateY(43px);
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border-radius: 10px 10px 0px 0px;
    color: var(--background);
    font-size: 12px;
    z-index: 50;
}

#sidebar-close {
    display: none;
}

.woocommerce .products-wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 60px;
}

.woocommerce .sidebar {
    width: 100%;
    height: fit-content;
}

.woocommerce .side-wrapper {
    width: 100%;
}

.woocommerce .filters-form {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.woocommerce .filters-form .form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce .filters-form .filter-block {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: var(--background-secondary);
    border-top: 1px solid var(--stroke-secondary);
}

.woocommerce .filters-form .filter-block:has(+.buttons) {
    border-radius: 0px 0px 5px 5px;
}

.woocommerce .filters-form .filter-block.filter-block-price {
    padding: 20px 20px 30px 20px;
    border-radius: 5px 5px 0px 0px;
    order: -2;
}

.woocommerce .filters-form .filter-block.filter-block-tag {
    order: -1;
}

.woocommerce .filters-form .filter-block.filter-block-tag .group {
    display: flex;
    align-items: center;
    gap: 7px;
}

.woocommerce .filters-form .filter-block.filter-block-tag .group .group-color {
    width: 18px;
    height: 18px;
    border-radius: 40px;
    box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.16);
}

.woocommerce .filters-form .buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    margin-top: 15px;
}

.woocommerce .filters-form .buttons .btn {
    width: 100%;
}

.woocommerce .filters-form .clear-filters {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    cursor: pointer;
    background: unset;
    border: unset;
    outline: none;
    width: fit-content;
    transition: 0.5s;
}

.woocommerce .filters-form .clear-filters:hover {
    color: var(--primary);
}

.woocommerce .filters-form .clear-filters path {
    transition: 0.5s;
}

.woocommerce .filters-form .clear-filters:hover path {
    stroke: var(--primary);
}

.woocommerce .filters-form .filter-block-header {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    cursor: pointer;
}

.woocommerce .filters-form .filter-block-header:hover .filter-block-title {
    color: var(--primary);
}

.woocommerce .filters-form .filter-block-toggler {
    transition: 0.5s;
    width: 18px;
    height: 18px;
    background-image: url(../images/togglerClosed.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.woocommerce .filters-form .filter-block.opened .filter-block-toggler {
    background-image: url(../images/togglerOpened.png);
}

.woocommerce .filters-form .filter-block-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    transition: 0.5s;
}

.woocommerce .filters-form .inputs {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.woocommerce .filters-form .group-label {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    transition: 0.5s;
    width: fit-content;
    cursor: pointer;
    border-radius: 15px;
}

.woocommerce .filters-form .group-label:hover {
    color: var(--primary);
}

.woocommerce .group input {
    display: contents;
}

.woocommerce .inputs.price .group input {
    display: block;
}

.woocommerce .filters-form .inputs.price {
    flex-direction: row;
    gap: 30px;
    margin-bottom: 20px;
    position: relative;
}

.woocommerce .filters-form .inputs.price:before {
    content: "";
    width: 20px;
    height: 1px;
    top: 36px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--background-thirdly);
    position: absolute;
}

.woocommerce .filters-form .inputs.price .group {
    padding: unset;
}

.woocommerce .filters-form .inputs.price input {
    padding: 10px 10px 10px 38px;
    border: 1px solid var(--background);
    border-radius: 5px;
    outline: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: var(--main-text-secondary);
    cursor: pointer;
    width: 100%;
    position: relative;
    transition: 0.5s;
}

.woocommerce .filters-form .inputs.price input:hover {
    border-color: var(--primary);
}

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

.woocommerce .group {
    position: relative;
    flex-grow: 1;
    padding: 8px 30px 8px 10px;
    border-radius: 15px;
    transition: 0.5s;
}

.woocommerce .filters-form .group:before {
    content: "";
    width: 14px;
    height: 10px;
    position: absolute;
    right: 9px;
    top: 14px;
    transition: 0.5s;
    pointer-events: none;
    background-image: url(../images/filterClicked.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
}

.woocommerce .filters-form .inputs.price .group:nth-child(1):before {
    content: "от";
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    top: 11px;
    left: 14px;
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 1;
    z-index: 1;
    background-image: unset;
}

.woocommerce .filters-form .inputs.price .group:nth-child(2):before {
    content: "до";
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    top: 11px;
    left: 14px;
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 1;
    z-index: 1;
    background-image: unset;
}

.woocommerce .group:has(input:checked) {
    background: var(--background-thirdly);
}

.woocommerce .group:has(input:checked):before {
    opacity: 1;
}

.woocommerce .group:has(input:checked):hover:before {
    background-image: url(../images/filterHover.png);
}

.woocommerce .accordeon-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    cursor: pointer;
}

.woocommerce .accordeon-block-header .filter-block-title {
    transition: 0.5s;
}

.woocommerce .accordeon-block-header:hover .filter-block-title {
    color: var(--primary);
}

.woocommerce .noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    border: 2px solid var(--background-secondary);
    background: var(--primary);
    border-radius: 4px;
    box-shadow: unset;
    top: -11px;
    cursor: pointer;
}

.woocommerce .noUi-horizontal .noUi-handle:after,
.woocommerce .noUi-horizontal .noUi-handle:before {
    display: none;
}

.woocommerce .noUi-connects {
    background: var(--stroke-primary);
    height: 2px;
}

.woocommerce .noUi-target {
    border: unset;
    height: 2px;
    width: calc(100% - 5px);
}

.woocommerce .noUi-horizontal .noUi-handle-upper {
    right: 0px;
}

.woocommerce .noUi-horizontal .noUi-handle-lower {
    right: -24px;
}

.woocommerce .noUi-connect {
    background: var(--primary);
}

.related-holder .swiper,
.related-holder .swiper-wrapper {
    width: 100%;
}

ul.related-holder.products {
    gap: unset !important;
}

ul.related-holder.products li.product.type-product {
    width: 100%;
    height: 100%;
}

ul.related-holder.products .swiper-slide {
    height: auto;
}

.inner-summary {
    gap: 30px;
    display: flex;
    align-items: flex-start;
    padding-bottom: 60px;
}

.summary.entry-summary .product-gallery {
    width: 360px;
    min-width: 360px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 150px;
    height: fit-content;
}

.summary.entry-summary .product-gallery .favorite-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    border-radius: 5px;
    background: var(--background-secondary);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.5s;
}

.summary.entry-summary .product-gallery .favorite-btn path {
    transition: 0.5s;
}

.summary.entry-summary .product-gallery .favorite-btn:hover {
    background: var(--hover);
    border-radius: 15px;
}

.summary.entry-summary .product-gallery .favorite-btn:hover path {
    fill: var(--background);
}

.summary.entry-summary .product-gallery .favorite-btn.favorite-remove {
    background: var(--danger);
}

.summary.entry-summary .product-gallery .favorite-btn.favorite-remove path {
    fill: var(--background);
}

.summary.entry-summary .summary-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 1;
}

.summary.entry-summary .gallery-main-wrapper {
    width: 100%;
    height: 360px;
    border-radius: 10px;
    border: 1px solid var(--stroke-secondary);
    overflow: hidden;
}

.summary.entry-summary .gallery-main-wrapper .swiper-slide {
    background: var(--background);
    display: flex;
    cursor: pointer;
}

.summary.entry-summary .gallery-main-wrapper .swiper-slide img {
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.summary.entry-summary h1.page-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 30px;
}

.summary.entry-summary .variations {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--stroke-secondary);
    margin-bottom: 30px;
}

.summary.entry-summary .variations tr {
    display: flex;
    align-items: center;
    gap: 30px;
}

.summary.entry-summary .iconic-wlv-variations__label {
    min-width: 100px;
}

.summary.entry-summary .iconic-wlv-variations__label span {
    display: none;
}

.summary.entry-summary .iconic-wlv-terms {
    margin-top: unset;
}

.summary.entry-summary .iconic-wlv-terms__term {
    border: 2px solid var(--background-secondary);
    border-radius: 5px;
    padding: 10px 25px;
    transition: 0.5s;
    cursor: pointer;
}

.summary.entry-summary .iconic-wlv-terms__term a,
.summary.entry-summary .iconic-wlv-terms__term span {
    padding: unset;
    border: unset;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
}

.summary.entry-summary .iconic-wlv-terms__term:hover {
    border-color: var(--background-thirdly);
}

.summary.entry-summary .iconic-wlv-terms__term:hover a {
    color: var(--head-primary);
}

.summary.entry-summary .iconic-wlv-terms__term--current {
    pointer-events: none;
    border-color: var(--primary);
}

.single-product .woocommerce-notices-wrapper {
    display: none;
}

.summary.entry-summary .gallery-holder .swiper-slide {
    max-height: 64px;
    display: flex;
    border: 1px solid var(--stroke-secondary);
    border-radius: 5px;
    overflow: hidden;
    transition: 0.5s;
    cursor: pointer;
}

.summary.entry-summary .gallery-holder .swiper-slide img {
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    margin: auto;
    max-width: 100%;
    max-height: 64px;
    aspect-ratio: 1/1;
}

.summary.entry-summary .gallery-holder .swiper-slide:hover {
    border-color: var(--primary);
}

.summary.entry-summary .gallery-holder .swiper-slide-thumb-active {
    border-color: var(--primary);
}

.summary.entry-summary .product-gallery .nav {
    margin-top: unset;
}

.summary.entry-summary .price {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.summary.entry-summary .price bdi,
.summary.entry-summary .price bdi span {
    font-weight: 600;
    font-size: 30px;
    line-height: 125%;
    white-space: nowrap;
}

.single-product .summary.entry-summary .price bdi,
.single-product .summary.entry-summary .price bdi span {
    color: var(--hover);
}

span.custom-price-label{
    font-weight: 600 !important;
    color: var(--hover);
    font-size: 30px;
}

.summary.entry-summary .price ins,
.summary.entry-summary .price del {
    text-decoration: unset;
}

.summary.entry-summary .price ins bdi,
.summary.entry-summary .price ins bdi span {
    font-weight: 600;
    font-size: 24px;
    line-height: 125%;
}

.summary.entry-summary .price del bdi,
.summary.entry-summary .price del bdi span {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    text-decoration: line-through;
    color: var(--main-text-secondary);
}

.summary.entry-summary .cart {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    gap: 20px;
}

.summary.entry-summary .product-summary__btn{
    width: 100%;
    margin-bottom: 30px;
}

.summary.entry-summary .qty-wrapper {
    flex-grow: unset;
}

.summary.entry-summary .qty-wrapper .quantity {
    width: 50px;
}

.summary.entry-summary .cart .btn {
    flex-grow: 1;
}

.summary.entry-summary .tabs.wc-tabs {
    padding: 5px;
    border-radius: 5px;
    background: var(--background-secondary);
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.summary.entry-summary .tabs.wc-tabs li {
    width: calc((100% - 15px) / 4);
    flex-grow: 1;
    min-width: fit-content;
}

.summary.entry-summary .tabs.wc-tabs li a {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    background: var(--background-thirdly);
    border-radius: 5px;
    transition: 0.5s;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    flex-grow: 1;
    cursor: pointer;
    height: 100%;
}

.summary.entry-summary .tabs.wc-tabs li:hover a,
.summary.entry-summary .tabs.wc-tabs li.active a {
    color: var(--background);
    background: var(--primary);
}

.summary.entry-summary .woocommerce-Tabs-panel {
    background: var(--background-secondary);
    border-radius: 5px;
    padding: 20px 30px;
    margin-top: 20px;
}

.summary.entry-summary .woocommerce-Tabs-panel:has(.del-tab) {
    padding: unset;
}

.summary.entry-summary .del-link {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    text-align: center;
    padding: 15px 30px;
    justify-content: center;
    border-top: 2px solid var(--stroke-secondary);
}

.summary.entry-summary .del-link path {
    transition: 0.5s;
}

.summary.entry-summary .del-link:hover {
    color: var(--hover);
}

.summary.entry-summary .del-link:hover path {
    fill: var(--hover);
}

.summary.entry-summary .dels {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 20px 30px;
    gap: 40px 30px;
}

.summary.entry-summary .del-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.summary.entry-summary .del-top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.summary.entry-summary .del-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    display: flex;
}

.summary.entry-summary .del-icon svg,
.summary.entry-summary .del-icon img {
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.summary.entry-summary .del-desc {
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    color: var(--main-text-primary);
}

.summary.entry-summary .del-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
}

.summary.entry-summary .attrs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.summary.entry-summary .attr-item {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--stroke-primary);
}

.summary.entry-summary .attr-item:last-child {
    border-bottom: unset;
}

.summary.entry-summary .attr-item.hiddens {
    display: none;
}

.summary.entry-summary .attr-name {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    color: var(--main-text-secondary);
    min-width: 60%;
}

.summary.entry-summary .attr-value {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    min-width: 40%;
}

.summary.entry-summary .attr-all {
    margin-top: 10px;
    width: 100%;
    position: relative;
}

.summary.entry-summary .attr-all:before {
    content: "";
    width: 100%;
    height: 80px;
    top: -10px;
    left: 0;
    position: absolute;
    transform: translateY(-100%);
    background: linear-gradient(180deg, rgba(236, 239, 236, 0) 0%, #ecefec 100%);
    pointer-events: none;
}

.ups-holder {
    gap: 0px !important;
}

.ups-holder .swiper {
    width: 100%;
}

.ups-holder .swiper-wrapper {
    width: 100%;
}

ul.ups-holder.products .swiper-slide {
    height: auto;
}

ul.ups-holder.products li.product.type-product {
    width: 100%;
    height: 100%;
}

/* ============== Woocommerce End ============= */








@media (max-width: 1600px) {
    #header .header-wrapper .nav-menu-element a {
        padding: 5px;
    }

    #header .header-wrapper .nav-menu-element:nth-child(1) a {
        padding-left: 25px;
    }

    #header .header-wrapper .nav-menu-element:nth-child(1) a:before {
        width: 12px;
        height: 12px;
        top: 8px;
        left: 9px;
    }

    #header .header-wrapper .nav-menu-element a:after {
        display: none;
    }

    #header .header-menu {
        gap: 10px;
    }

    .main-shop-menu {
        left: 15px;
    }

    ul.products li.product.type-product {
        width: calc((100% - 40px) / 3);
    }

    .woocommerce-cart .cart-wrapper .calls-wrapper {
        width: 300px;
        min-width: 300px;
    }

    .woocommerce .shop-links .shop-link {
        padding: 10px;
        min-height: 150px;
    }

    .woocommerce-cart .cart-wrapper .product-count-total {
        padding: 10px;
        font-size: 12px;
    }

    .woocommerce-cart .cart-wrapper .totals-prices {
        padding: 10px;
    }

    .woocommerce-cart .cart-wrapper .totals-desc {
        font-size: 12px;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper {
        gap: 10px;
    }

    .woocommerce .shop-subs-holder .nav .nav-btns {
        margin-right: unset;
    }

    .woocommerce .shop-subs-holder {
        gap: 10px;
    }

    .woocommerce .subcats {
        width: calc(100% - 60px);
    }

    main,
    #primary {
        padding-left: 15px;
    }

    main:has(.main-shop-menu),
    #primary:has(.main-shop-menu) {
        gap: 10px;
    }

    main .container,
    #primary .container {
        max-width: calc(100% - 475px);
        padding-left: unset;
    }

    .main-shop-menu {
        width: 260px;
        min-width: 260px;
        left: 120px;
    }

    main .container #primary .container,
    #primary .container .container {
        max-width: 100%;
        padding-right: unset;
        padding-left: unset;
    }
}

@media (max-width: 1400px) {
    #header .logo-holder {
        margin-right: unset;
    }

    #header .btn,
    .btn {
        padding: 10px 15px;
    }

    #header .dgwt-wcas-search-wrapp {
        height: 42px;
        max-height: 42px;
    }

    #header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
        height: 40px;
    }

    #header .header-wrapper {
        gap: 10px;
    }

    #header .header-wrapper .nav-menu-element a {
        font-size: 12px;
    }

    #footer .footer-center {
        padding: 10px 0px;
    }

    #footer .footer-top {
        padding: 10px 0px;
    }

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

    #footer .address p,
    #footer .time {
        font-size: 14px;
    }

    #footer .reqs {
        margin-bottom: 10px;
    }

    #footer .menu-title {
        font-size: 12px;
        margin-bottom: 10px;
    }

    #footer .foot-menu-nav {
        gap: 5px;
    }

    .main-shop-menu {
        top: 140px;
        width: 260px;
        min-width: 260px;
    }

    .seo-block .seo-right-side {
        padding: 10px;
    }

    .seo-block .add-wrapper {
        height: 410px;
    }

    .news-item-template {
        padding: 10px;
    }

    #archive-news .news {
        gap: 10px;
    }

    .woocommerce-cart .cart-wrapper .cart_item {
        padding: 10px;
    }

    .woocommerce-cart .cart-wrapper .product-thumbnail {
        width: 120px;
        height: 120px;
        min-width: 120px;
    }

    .woocommerce-cart .cart-wrapper .remove,
    .woocommerce-cart .cart-wrapper .favor-added,
    .woocommerce-cart .cart-wrapper .favor-removed {
        font-size: 12px;
        gap: 5px;
    }

    .woocommerce-cart .cart-wrapper .cart-btns-holder {
        gap: 10px;
    }

    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .woocommerce-checkout .form-checkout-right-side {
        width: 280px;
        min-width: 280px;
    }

    .woocommerce-checkout form {
        gap: 10px;
    }

    .form-checkout-left-side {
        width: calc(100% - 290px);
    }

    .woocommerce-checkout .form-checkout-right-side .total-count {
        font-size: 12px;
        padding: 10px;
    }

    .woocommerce-checkout .form-checkout-right-side .checkout-right-top {
        padding: 10px;
    }

    .woocommerce .shop-links .shop-link-name {
        font-size: 14px;
        margin: 10px 0px auto 0;
    }

    .woocommerce .filters-form .filter-block.filter-block-price {
        padding: 10px 10px 15px 10px;
    }

    .woocommerce .noUi-horizontal .noUi-handle {
        width: 18px;
        height: 18px;
        top: -9px;
    }

    .woocommerce .noUi-horizontal .noUi-handle-lower {
        right: -18px;
    }

    .woocommerce .noUi-horizontal .noUi-handle-upper {
        right: -4px;
    }

    .woocommerce .filters-form .inputs.price {
        gap: 10px;
    }

    .woocommerce .filters-form .inputs.price input {
        font-size: 12px;
        padding: 5px 10px 5px 30px;
    }

    .woocommerce .filters-form .inputs.price .group:nth-child(2):before,
    .woocommerce .filters-form .inputs.price .group:nth-child(1):before {
        width: 16px;
        height: 16px;
        font-size: 12px;
        top: 6px;
        left: 11px;
    }

    .woocommerce .filters-form .filter-block {
        padding: 10px;
    }

    .woocommerce .filters-form .inputs {
        padding-top: 5px;
    }

    .woocommerce .filters-form .filter-block-title {
        font-size: 14px;
    }

    .woocommerce .filters-form .filter-block-toggler {
        width: 12px;
        height: 12px;
    }

    .woocommerce .filters-form .group-label {
        font-size: 12px;
    }

    .woocommerce .filters-form .group {
        padding: 5px 30px 5px 10px;
    }

    .woocommerce .filters-form .group:before {
        top: 11px;
    }

    .summary.entry-summary .woocommerce-Tabs-panel {
        padding: 10px;
    }

    .summary.entry-summary .attr-name,
    .summary.entry-summary .attr-value {
        font-size: 14px;
    }

    .summary.entry-summary .attr-item {
        padding-bottom: 5px;
    }

    .inner-summary {
        gap: 10px;
    }

    .summary.entry-summary h1.page-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .summary.entry-summary .variations {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .summary.entry-summary .price {
        margin-bottom: 10px;
    }

    .summary.entry-summary .cart {
        margin-bottom: 10px;
        gap: 10px;
    }

    .summary.entry-summary .product-summary__btn{
        margin-bottom: 10px;
    }

    main .container,
    #primary .container {
        max-width: calc(100% - 400px);
        padding-left: unset;
    }

    .main-shop-menu {
        left: 80px;
    }

    .woocommerce .filters-form .inputs.price:before {
        display: none;
    }

    .menu-opener,
    .brands-opener {
        padding: 10px;
    }

    .main-shop-cats {
        padding-top: unset;
    }

    .menu-item.first-depth {
        padding: 10px;
    }

    .subs-list {
        margin-top: unset;
    }

    .menu-item.first-depth,
    .menu-item.first-depth .menu-item-name {
        font-size: 12px;
    }

    .depth-two {
        padding: 5px;
    }

    .sub-icon {
        width: 20px;
        height: 20px;
    }

    .sub-name {
        font-size: 12px;
    }

    .brands-list {
        padding: 5px 0px;
    }

    .brand-item {
        font-size: 12px;
    }
}
.page-favorites .form-block :is(.policy-checkbox label,.socs-desc,.phone-item,.form-title){
    color: var(--head-primary);
}
.page-favorites .form-block #consent-checkbox{
    border-color: var(--head-primary) !important;
}
@media (max-width: 1200px) {

    #header .btn,
    .btn {
        font-size: 14px;
    }

    #header .btn {
        padding: 10px;
        font-size: 12px;
    }

    #header .logo-holder {
        max-width: 90px;
    }

    #header .header-menu {
        gap: 5px;
    }

    #header .dgwt-wcas-search-wrapp {
        height: 36px;
        max-height: 36px;
    }

    #header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
        height: 34px;
    }

    #header .woo-menu {
        margin-left: unset;
    }

    #header .shop-btn {
        padding: 6px 15px;
    }

    #header .main-phone-btn,
    .socs .soc {
        width: 36px;
        height: 36px;
    }

    .main-shop-menu {
        top: 120px;
    }

    #header .fixed-socs {
        top: 120px;
    }

    h1.page-title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .stocks-item-template {
        min-height: 350px;
    }

    .stocks-item-template .stocks-info {
        padding: unset;
        padding-top: 10px;
    }

    .stocks-item-template .stocks-name {
        max-width: unset;
    }

    .archive-default {
        padding-bottom: 80px;
    }

    .block-container {
        padding: 40px 0px;
    }

    .breadcrumbs {
        gap: 2px 4px;
        line-height: 130%;
    }

    .breadcrumbs span {
        line-height: 130%;
    }

    .news-item-template .news-name {
        font-size: 16px;
        margin: 10px 0px 5px 0px;
    }

    .news-item-template {
        min-height: 450px;
    }

    .single-page.news .similars-holder {
        padding: 40px 0px 80px 0px;
    }

    .main-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .nav .swiper-button-prev,
    .nav .swiper-button-next {
        width: 32px;
        height: 32px;
    }

    .controls {
        margin-top: 20px;
    }

    .brand-item-template {
        padding: 15px;
    }

    .brand-page .brands-holder {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .brand-page {
        padding-bottom: 80px;
    }

    li.product-category a {
        padding: 10px;
    }

    li.product-category {
        width: calc((100% - 10px) / 2);
        min-height: 170px;
    }

    li.product-category a img {
        max-width: 140px;
    }

    ul.products li.product.type-product {
        width: calc((100% - 20px) / 2);
    }

    .page-favorites .favorite-holder {
        padding-bottom: 40px;
    }
    .woocommerce-cart .cart-wrapper {
        flex-direction: column;
        align-items: center;
        padding-bottom: 80px;
    }

    .woocommerce-cart .cart-wrapper .woocommerce-cart-form {
        width: 100%;
    }

    .woocommerce-cart .cart-wrapper .calls-wrapper {
        width: 500px;
        min-width: 500px;
        position: static;
    }

    .woocommerce-checkout .form-checkout-right-side {
        top: 120px;
    }

    .woocommerce-checkout form {
        padding-bottom: 80px;
    }

    .woocommerce-checkout .commect-block p {
        gap: 10px;
    }

    .woocommerce-checkout #order_comments {
        height: 100px;
    }

    .woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label {
        font-size: 12px;
    }

    .subcats li.product-category {
        min-height: 300px;
    }

    .woocommerce .products-wrapper {
        padding-bottom: 40px;
    }

    .summary.entry-summary .dels {
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .summary.entry-summary .product-gallery {
        width: 300px;
        min-width: 300px;
    }

    .summary.entry-summary .gallery-main-wrapper {
        height: 300px;
    }

    .summary.entry-summary .product-gallery {
        top: 120px;
    }

    .inner-summary {
        padding-bottom: 40px;
    }

    main,
    #primary {
        padding-bottom: 80px;
    }

    .single-page.stocks .banner-left-side {
        padding: 10px 0px 10px 10px;
    }

    #archive-news .news {
        grid-template-columns: repeat(2, 1fr);
    }

    .woocommerce .shop-subs-holder li.product-category a img {
        max-width: unset;
        width: calc(100% - 40px);
        object-fit: contain;
    }

    .inner-summary {
        flex-direction: column;
        align-items: center;
    }

    .summary.entry-summary .product-gallery {
        position: static;
        width: 400px;
        min-width: 400px;
    }
}

@media (max-width: 996px) {
    h1.page-title {
        font-size: 28px;
    }

    #header .header-menu {
        display: none;
    }

    #header .burger.open_menu {
        display: flex;
        margin-left: auto;
    }

    #header .header-wrapper {
        padding: 5px 0px;
    }

    #header .fixed-socs {
        top: 140px;
        right: 5px;
    }

    #header .main-phone-btn {
        display: none;
    }

    /* #header .header-top {
    display: none;
  } */

    /* #header .header-phones {
    flex-direction: row;
  } */

    #header .woo-menu {
        display: none;
    }

    #header .header-top .dgwt-wcas-search-wrapp {
        display: none;
    }

    /* #header .header-phones {
    margin-left: auto;
  } */

    #header .header-center {
        align-items: flex-end;
    }

    #header .header-bot {
        display: none;
    }

    #header .mobile-wrapper {
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 5px;
        border-top: 1px solid var(--primary);
        bottom: 0;
        left: 0;
        width: 100%;
        position: fixed;
        background: var(--background);
    }

    #header .mobile-wrapper .woo-icons {
        display: flex;
        gap: 5px;
        margin-left: auto;
    }

    #header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
        margin-left: 10px;
    }

    #header .shop-btn__icon {
        width: 20px;
        height: 18px;
    }

    #footer .footer-top {
        flex-wrap: wrap;
    }

    #footer .main-item {
        width: auto;
        flex-grow: 1;
    }

    #footer .phones-holder,
    #footer .info-holder {
        align-items: flex-start;
    }

    #footer .reqs {
        justify-content: flex-start;
    }

    #footer .address p,
    #footer .time {
        text-align: left;
    }

    #footer .footer-default {
        padding-bottom: 60px;
    }

    #header .fixed-socs {
        display: none;
    }

    .main-shop-menu {
        top: 0;
        left: 0;
        width: 300px;
        height: 100%;
        position: fixed;
        max-height: 100%;
        overflow: auto;
        border-radius: 0px 5px 5px 0px;
        transform: translateX(-100%);
        transition: 0.5s;
        padding: 10px;
        display: flex;
        flex-direction: column;
    }

    .main-shop-menu.active {
        transform: unset;
    }

    main .container,
    #primary .container {
        max-width: 100%;
        padding-left: 15px;
    }

    main,
    #primary {
        padding-left: unset;
    }

    #main-close-btn {
        display: block;
        margin-bottom: 10px;
        margin-left: auto;
        transform: rotate(45deg);
        width: 20px;
        height: 20px;
    }

    #main-close-btn svg {
        width: 100%;
        height: 100%;
    }

    .error-wrapper {
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .error-wrapper .error-img {
        max-height: 200px;
    }

    .error-wrapper .error-title {
        font-size: 20px;
        margin-top: 10px;
    }

    .stocks-item-template .stocks-name {
        font-size: 20px;
    }

    #archive-stocks .stocks {
        gap: 10px;
    }

    .stocks-item-template {
        min-height: 300px;
    }

    .pagination {
        margin-top: 20px;
    }

    .single-page.stocks .banner-wrapper {
        min-height: 350px;
    }

    .single-page.stocks .banner-desc li,
    .single-page.stocks .banner-desc p {
        font-size: 14px;
    }

    .all-contacts-btn {
        display: flex;
    }

    .seo-block .wrapper {
        gap: 10px;
    }

    .seo-block .seo-right-side {
        height: 400px;
    }

    .seo-block .seo-img {
        height: 400px;
    }

    .seo-block .add-wrapper {
        height: 350px;
    }

    .seo-block .seo-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .text-holder {
        gap: 10px;
    }

    .text-holder h2 {
        font-size: 20px;
        margin-bottom: unset;
    }

    .text-holder h3 {
        font-size: 18px;
        margin-bottom: unset;
    }

    .text-holder h4 {
        font-size: 16px;
    }

    .text-holder p,
    .text-holder li {
        line-height: 125%;
    }

    #footer .info-holder {
        width: 100%;
    }

    .nav {
        gap: 10px;
    }

    li.product-category a .woocommerce-loop-category__title {
        font-size: 16px;
    }

    li.product-category .cat-counter {
        margin-top: 5px;
        padding: 3px 5px;
    }

    ul.products li.product.type-product {
        width: calc((100% - 40px) / 3);
    }

    ul.products li.product.type-product .product-info-wrapper {
        padding: 10px;
    }

    ul.products li.product.type-product form.cart {
        padding: 0px 10px 10px 10px;
    }

    ul.products li.product.type-product .woocommerce-loop-product__title {
        font-size: 12px;
        margin-bottom: 10px;
    }

    ul.products li.product.type-product .favorite-btn {
        width: 30px;
        height: 30px;
        top: 5px;
        right: 5px;
    }

    ul.products li.product.type-product .tag-list {
        left: 5px;
        top: 5px;
        gap: 3px;
    }

    ul.products li.product.type-product .tag-name {
        font-size: 10px;
        padding: 3px 6px;
    }

    ul.products li.product.type-product .tag-list {
        padding-right: 40px;
    }

    #mobile-cat-open {
        display: block;
    }

    .form-checkout-left-side {
        gap: 20px;
    }

    .woocommerce-checkout .form-checkout-title.addrs-title {
        margin-bottom: -10px;
    }

    .form-checkout-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper,
    #shipping_method,
    form.woocommerce-checkout .wc_payment_methods,
    .woocommerce-checkout .checkout-togglers {
        gap: 10px;
    }

    .woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label {
        width: calc((100% - 10px) / 2);
    }

    form.woocommerce-checkout #shipping_method li label,
    form.woocommerce-checkout .wc_payment_method label,
    .woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label,
    .woocommerce-checkout .checkout-togglers label {
        padding: 10px 15px 10px 30px;
        min-height: 70px;
        font-size: 14px;
    }

    form.woocommerce-checkout #shipping_method li label:before,
    form.woocommerce-checkout .wc_payment_method label:before,
    .woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label:before,
    .woocommerce-checkout .checkout-togglers label:before {
        width: 12px;
        height: 12px;
        top: 12px;
        left: 10px;
    }

    form.woocommerce-checkout #shipping_method li label:after,
    form.woocommerce-checkout .wc_payment_method label:after,
    .woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label:after,
    .woocommerce-checkout .checkout-togglers label:after {
        width: 10px;
        height: 10px;
        top: 10px;
        left: 10px;
    }

    .woocommerce-checkout .checkout-togglers li:has(input[value="shipping_method_1_var_1"]):before,
    .woocommerce-checkout .checkout-togglers li:has(input[value="shipping_method_2_var_2"]):before {
        top: 30px;
        left: 30px;
        font-size: 12px;
    }

    form.woocommerce-checkout .wc_payment_methods label:before,
    form.woocommerce-checkout .wc_payment_methods label:after {
        top: 50%;
    }

    form.woocommerce-checkout .wc_payment_methods label:after {
        left: 8px;
    }

    form.woocommerce-checkout .wc_payment_method label span,
    form.woocommerce-checkout #shipping_method label span,
    form.woocommerce-checkout #shipping_method label span bdi {
        font-size: 12px;
    }

    .woocommerce-order .order-product-item {
        flex-wrap: wrap;
    }

    .woocommerce-order .head-element.second,
    .woocommerce-order .order-product-item span {
        width: unset;
        min-width: fit-content;
    }

    .woocommerce-order .order-products-head {
        display: none;
    }

    .woocommerce-order .order-customer-info {
        display: flex;
    }

    .woocommerce-order .order-customer-item {
        width: 100%;
    }

    .woocommerce .shop-subs-holder li.product-category a img {
        top: 110px;
        max-height: 130px;
    }

    .subcats li.product-category {
        min-height: 250px;
    }

    .summary.entry-summary .product-gallery {
        top: 90px;
    }

    .summary.entry-summary .iconic-wlv-variations__label {
        min-width: unset;
    }

    .summary.entry-summary .iconic-wlv-terms__term {
        padding: 5px 10px;
    }

    .single-product .container .container {
        padding: unset;
    }

    .summary.entry-summary .product-gallery {
        min-width: unset;
    }
}

.grampus-cookie-notice {
    display: none;
    position: sticky;
    bottom: 0;
    margin: 0 auto;
    width: 80%;
    height: fit-content;
    padding: 10px 0;
    z-index: 2000;
    background-color: var(--cookie-bg, #fff);
    padding: 30px;
    border-radius: 20px;
}

.cookie-notice-container {
    flex-direction: row;
}

.grampus-cookie-notice p {
    text-align: center;
}

.grampus-cookie-accept-button {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 10px;
}

@media (max-width: 600px) {
    .grampus-cookie-accept-button {
        width: 100%;
    }

    .cookie-notice-container {
        flex-direction: column;
    }
}


.policy-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    border: 1px solid #ccc;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    border: 1px solid #000000;
    padding: 0;
}

/* Стиль для отмеченного чекбокса */
.policy-checkbox input[type="checkbox"]:checked {
    background-color: #007bff;
    border-color: #007bff;
}

/* Галочка внутри чекбокса */
.policy-checkbox input[type="checkbox"]:checked::after {
    content: "✓";
    position: absolute;
    color: white;
    font-size: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Стиль для ошибки (только чекбокс) */
.policy-checkbox input[type="checkbox"].error {
    border-color: red;
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
}

.policy-checkbox {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding-top: 20px;
    align-items: center;
}

#consent-checkbox {
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #000000 !important;
    opacity: 1;
}

.policy-checkbox label {
    width: 90% !important;
}

.policy-checkbox label a {
    color: #007bff;
}

@media (max-width: 768px) {
    .main-shop-menu {
        z-index: 100;
    }

    .controls .btn {
        width: 100%;
    }

    h1.page-title {
        font-size: 26px;
    }

    #footer .footer-default {
        flex-direction: column;
        gap: 5px;
        padding-top: 10px;
        align-items: center;
    }

    #footer .privacy-holder,
    #footer .rights {
        font-size: 12px;
        text-align: center;
    }

    #footer .footer-center {
        flex-direction: column;
        align-items: flex-start;
    }

    #footer .socs-title {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .stocks-item-template {
        min-height: 250px;
    }

    .stocks-item-template .stocks-duration {
        font-size: 12px;
    }

    .stocks-item-template .stocks-name {
        font-size: 16px;
    }

    .stocks-item-template .tag-item {
        font-size: 10px;
        padding: 5px;
    }

    .news-item-template .news-date {
        padding: 4px 5px;
        font-size: 10px;
        top: 5px;
        left: 5px;
    }

    .brand-page .brands-holder {
        gap: 10px;
    }

    li.product-category a {
        flex-direction: column;
        gap: 10px;
    }

    li.product-category .cat-min-price {
        margin-top: 10px;
    }

    ul.products li.product.type-product {
        width: calc((100% - 20px) / 2);
    }

    .form-checkout-left-side {
        width: 100%;
    }

    .woocommerce-checkout .form-checkout-right-side {
        position: static;
    }

    .woocommerce-checkout .shop-links .shop-link {
        min-height: unset;
    }

    .woocommerce-checkout form {
        gap: 20px;
    }

    .woocommerce .shop-subs-holder li.product-category a img {
        display: none;
    }

    .subcats li.product-category a,
    .subcats li.product-category {
        min-height: unset;
        height: 100%;
    }

    .shop-subs-holder .nav {
        margin-top: unset;
    }

    .shop-subs-holder .swiper-slide {
        height: auto;
    }

    .shop-subs-holder li.product-category .cat-counter {
        margin-bottom: 10px;
    }

    .shop-subs-holder li.product-category .cat-min-price {
        margin-top: auto;
    }

    .subcats li.product-category a {
        padding: 10px;
    }

    .subcats li.product-category a .woocommerce-loop-category__title {
        font-size: 14px;
    }

    .inner-summary {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .summary.entry-summary .product-gallery {
        width: 50%;
        gap: 10px;
        position: static;
    }

    .summary.entry-summary .dels {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .summary.entry-summary .product-gallery .nav {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 600px) {
    h1.page-title {
        font-size: 22px;
    }

    #footer .footer-top {
        gap: 20px;
    }

    #header .dgwt-wcas-search-wrapp {
        min-width: unset;
    }

    #header .shop-btn {
        padding: 7px;
    }

    .container {
        padding: 0px 10px;
    }

    .breadcrumbs {
        padding-top: 5px;
    }

    main,
    #primary {
        padding-top: 10px;
    }

    .theme-modal.fancybox__content {
        padding: 30px 15px 15px 15px;
    }

    .fancybox__content>.f-button.is-close-btn {
        top: 10px !important;
        right: 10px !important;
    }

    .theme-modal .subtitle {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .theme-modal .btn {
        margin-top: unset;
    }

    .single-page.stocks .banner-wrapper {
        flex-direction: column;
        gap: 10px;
    }

    .single-page.stocks .banner-left-side {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .single-page.stocks .banner-img {
        width: 100%;
        max-height: 300px;
    }

    .single-page.stocks .banner-img img {
        height: auto;
        border-radius: unset;
    }

    .single-page.stocks .banner-wrapper .btn {
        margin-top: 20px;
    }

    .seo-block .wrapper {
        flex-direction: column;
    }

    .seo-block .seo-right-side {
        order: 1;
        width: 100%;
        height: 300px;
    }

    .seo-block .seo-img {
        order: 2;
        width: 100%;
        height: auto;
        max-height: 300px;
    }

    .seo-block .add-wrapper {
        height: 250px;
    }

    .form .input-wrapper {
        padding: 10px 15px;
        min-height: 40px;
    }

    .form .input-wrapper:has(textarea) {
        height: 100px;
    }

    .form .input-wrapper .label {
        font-size: 12px;
    }

    .form input,
    .form textarea {
        padding: 17px 15px 10px 15px;
    }

    .input-wrapper:hover .label,
    .input-wrapper>input:not(:placeholder-shown)~.label,
    .input-wrapper>textarea:not(:placeholder-shown)~.label,
    .form .input-wrapper:hover .label {
        transform: translateY(-8px);
        font-size: 9px;
    }

    .brand-page .brands-holder {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-favorites .info-holder {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-favorites .btns {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .page-favorites .clear-favorites {
        order: 2;
    }

    .woocommerce-cart .cart-wrapper .calls-wrapper {
        width: 100%;
        min-width: unset;
    }

    .woocommerce-cart .cart-wrapper .cart_item {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .woocommerce-cart .cart-wrapper .cert-item-center {
        width: 100%;
    }

    .summary.entry-summary h1.page-title {
        font-size: 18px;
    }

    .summary.entry-summary .del-item {
        gap: 5px;
    }

    .summary.entry-summary .del-link {
        padding: 10px;
        font-size: 14px;
    }

    main .container,
    #primary .container {
        padding-left: 10px;
    }
}

@media (max-width: 498px) {
    #header .header-phones {
        flex-direction: column;
        margin-left: auto;
    }

    #header .header-phones .btn {
        padding: unset;
        border: unset;
    }

    #header .header-center {
        flex-grow: unset;
    }

    .error-wrapper .error-img {
        max-height: 150px;
    }

    .error-wrapper .error-title {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .error-wrapper .error-subtitle {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .error404 #main {
        min-height: 64vh;
    }

    #archive-stocks .stocks {
        display: flex;
        flex-direction: column;
    }

    #archive-news .news {
        display: flex;
        flex-direction: column;
    }

    ul.products:has(li.product.type-product) {
        gap: 10px;
    }

    ul.related-holder.products:has(li.product.type-product) {
        gap: unset;
    }

    ul.products li.product.type-product {
        width: calc((100% - 10px) / 2);
    }

    ul.products li.product.type-product .single_add_to_cart_button {
        height: 34px;
        padding: 10px;
    }

    .qty-wrapper {
        height: 34px;
    }

    .qty-wrapper .qty-button {
        height: 34px;
        width: auto;
        min-width: 34px;
    }

    .qty-wrapper .quantity {
        min-width: 25px;
    }

    ul.products li.product.type-product .single_add_to_cart_button {
        min-width: 40px;
    }

    ul.products li.product.type-product .prices-infos {
        flex-direction: column;
        align-items: flex-start;
    }

    .woocommerce-cart .cart-wrapper .cart-item-top {
        flex-direction: column;
        gap: 5px;
    }

    .woocommerce-cart .cart-wrapper .product-name {
        max-width: unset;
    }

    .woocommerce-cart .product-price {
        flex-direction: row-reverse;
        gap: 5px;
    }

    .woocommerce-cart .cart-wrapper .product-name a {
        font-size: 14px;
    }

    .woocommerce .shop-links .shop-link-name {
        font-size: 12px;
    }

    .woocommerce .shop-links .shop-link {
        min-height: unset;
    }

    .woocommerce-cart .cart-wrapper .product-thumbnail {
        width: 160px;
        height: 160px;
        min-width: 160px;
    }

    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .woocommerce-billing-fields__field-wrapper p,
    .woocommerce-shipping-fields__field-wrapper p {
        height: 40px;
        padding: 10px;
    }

    .woocommerce-billing-fields__field-wrapper p label,
    .woocommerce-shipping-fields__field-wrapper p label {
        top: 12px;
        left: 10px;
        font-size: 12px;
    }

    .woocommerce-billing-fields__field-wrapper input,
    .woocommerce-shipping-fields__field-wrapper input {
        padding-left: 10px;
        padding-top: 10px;
    }

    .woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper {
        height: fit-content;
    }

    .woocommerce-checkout #addr_vars_field .woocommerce-input-wrapper label {
        width: 100%;
        min-height: unset;
        height: fit-content;
    }

    .woocommerce-order .order-line-value {
        width: 120px;
        min-width: 120px;
    }

    .summary.entry-summary .attr-name,
    .summary.entry-summary .attr-value {
        font-size: 11px;
    }

    .summary.entry-summary .dels {
        display: flex;
        flex-direction: column;
    }

    .summary.entry-summary .product-gallery {
        width: 100%;
    }

    #footer .footer-phone {
        font-size: 16px;
    }

    #header .header-top {
        gap: 10px;
    }

    #header .header-phones {
        padding: 5px;
    }

    .summary.entry-summary .cart {
        flex-wrap: wrap;
    }
}

@media (max-width: 400px) {
    .pagination {
        width: 100%;
    }

    .prev.page-numbers {
        margin-right: auto;
    }

    .next.page-numbers {
        margin-left: auto;
    }

    .single-page.stocks .banner-wrapper .btn {
        width: 100%;
    }

    ul.products li.product.type-product form.cart {
        flex-direction: column;
        gap: 4px;
    }

    ul.products li.product.type-product .single_add_to_cart_button {
        width: 100%;
    }

    ul.products li.product.type-product .price-mark {
        font-size: 12px;
    }

    ul.products li.product.type-product .sale-price,
    ul.products li.product.type-product .regular-price.saleless {
        font-size: 14px;
    }

    ul.products li.product.type-product .product-info-wrapper {
        padding: 5px;
    }

    ul.products li.product.type-product form.cart {
        padding: 0px 5px 5px 5px;
    }

    ul.products li.product.type-product .woocommerce-loop-product__title {
        line-height: 120%;
    }

    ul.products li.product.type-product .prices-left-side {
        order: 2;
    }
}

@media (max-width: 370px) {
    li.product-category {
        width: 100%;
    }

    .woocommerce-cart .cart-wrapper .cart-item-bot {
        flex-direction: column;
        gap: 5px;
    }

    .woocommerce-cart .cart-wrapper .cart-btns-holder {
        width: 100%;
        justify-content: space-between;
    }

    .woocommerce-cart .cart-wrapper .product-quantity {
        width: 100%;
    }

    .woocommerce-cart .cart-wrapper .qty-wrapper {
        width: 100%;
    }

    .woocommerce-cart .cart-wrapper .qty-wrapper .quantity {
        flex-grow: 1;
        max-width: unset;
    }

    .summary.entry-summary .variations tr {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}
.woocommerce-product-gallery__image{
    width: 100%;
    height: 100%;
}
width: fit-content;
border: 1px solid var(--primary);

.woocommerce-product-gallery__image a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
img.wp-post-image{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.single-product__stock.active{
    width: fit-content;
    border: 1px solid #2e7d32;
    border-radius: 10px;
    display: flex;
    gap: 5px;
    padding: 8px;
    margin-bottom: 20px;
    background-color: rgba(76, 175, 80, 0.2);
    color: #2e7d32;
}
.single-product__stock {
    width: fit-content;
    background: var(--stroke-primary);
    border-radius: 10px;
    display: flex;
    gap: 5px;
    padding: 8px;
    margin-bottom: 20px;
}

.term_description{font-weight: 100;
    p{margin-bottom: 1rem}
}