@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

* {
    box-sizing: border-box;
    font-family: Manrope, Arial, 'Helvetica Neue', Helvetica, 'Arial Rub', sans-serif;
    border: 0;
    outline: 0;
}

:root {
    --text: #181616;
    --grey: #8B8B8B;
    --max-width: 1440px;
    --bg: #F5F5F5;
    --grey: #e6e6e6;
    --btn: #ff7b09;
    --red: #e64f48;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: var(--text);
    background-color: var(--bg);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    width: 100vw;
}

body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    width: 100%;
    height: 100%;
}
body::-webkit-scrollbar {
    width: 4px;
}
body::-webkit-scrollbar-track {
    background: #FFF;
}
body::-webkit-scrollbar-thumb {
    background-color: #ffa900;
    border-radius: 4px;
}

section {
    width: 100%;
    max-width: var(--max-width);
    padding: 0 20px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

section main {
    width: 100%;
    max-width: var(--max-width);
    padding: 0 20px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

input {
    outline: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
}

h1 {
    font-size: 32px;
    margin: 0;
    font-weight: 600;
}
h2 {
    font-size: 38px;
    margin: 0;
    font-weight: 800;
}
h3 {
    font-size: 19px;
    margin: 0;
    font-weight: 600;
}
h4 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}
h5 {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
}
h6 {
    font-size: 12px;
    margin: 0;
    font-weight: 600;
}
p {
    margin: 0;
}
a {
    color: inherit;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.5s;
}
a:hover {
    text-decoration: none;
}
button {
    cursor: pointer;
}
ul {
    list-style-type: disc;
    margin-left: 20px;
}
li {
    margin-bottom: 5px;
}
.text-center {
    text-align: center;
}
.padding-top-20 {
    padding-top: 20px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.noborder {
    border: 0!important;
}
.row {
    display: flex;
    flex-direction: row;
}
.nowrap {
    flex-wrap: nowrap;
}
.column {
    display: flex;
    flex-direction: column;
}
.gap5 {
    gap: 5px;
}
.gap10 {
    gap: 10px;
}
.gap15 {
    gap: 15px;
}
.gap20 {
    gap: 20px;
}
.gap25 {
    gap: 25px;
}
.gap30 {
    gap: 30px;
}
.w100 {
    width: 100%;
}
.h100 {
    height: 100%;
}
.w50 {
    width: 50%;
}
.grid2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.grid3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.grid4col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.grid5col {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.space-between {
    justify-content: space-between;
}
.flex-start {
    align-items: flex-start;
}
.align-items-center {
    align-items: center;
}
.justify-content-center {
    justify-content: center;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.fixed {
    position: fixed;
}
.flex {
    display: flex;
}
.upper {
    text-transform: uppercase;
}


.breadcrumbs, .woocommerce-breadcrumb {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #898989;
    padding: 20px 0;
    flex-wrap: wrap;
}

.breadcrumbs a, .woocommerce-breadcrumb a {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #898989;
    border-bottom: 1px solid #89898950;
    transition: all 0.3s;
}
.breadcrumbs a, .woocommerce-breadcrumb a:hover {
    border-bottom: 1px solid #898989;
}
.breadcrumbs a i:after, .woocommerce-breadcrumb a i:after {
    width: 10px;
    height: 18px;
    margin-bottom: -3px;
    margin-right: 10px;
}

.header-box {
    width: 100%;
    height: fit-content;
    /*border: 1px solid #cccccc50;*/
    padding: 10px 0;
}
.header-box .header-box-inner {
    width: 100%;
    height: 68px;
    padding: 10px 25px;
    /*background-color: #282828;*/
    background: #E01814;
    background: linear-gradient(90deg, rgba(224, 24, 20, 0.8) 0%, rgba(248, 176, 1, 0.8) 100%);
    backdrop-filter: blur(7px);
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.header-box .header-box-inner .items {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.header-box .header-box-inner .items .logo {
    width: 100px;
    height: 60px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    position: relative;
}
.header-box .header-box-inner .items .logo img {
    width: 100%;
    height: auto;
}
.header-box .header-box-inner .items .logo span {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
}
.header-box .header-box-inner .items .logo a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.header-box .header-box-inner .items .menu {

}
.header-box .header-box-inner .items .search {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.header-box .header-box-inner .items .search .aws-container {
    overflow: hidden;
    border-radius: 30px;
    flex: 1;
}
.header-box .header-box-inner .items .search .aws-container .aws-search-field {
    padding: 8px 20px;
}
.header-box .header-box-inner .items .search svg {
    width: 24px;
    height: 24px;
}
.header-box .header-box-inner .items .icons {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.header-box .header-box-inner .items .icons svg {
    width: 24px;
    height: 24px;
}
.header-box .header-box-inner .items .icons .heart svg {
    width: 24px;
    height: 24px;
}
.header-box .header-box-inner .items .st0 {
    fill: #282828;
    transition: all 0.3s;
}
.header-box .header-box-inner .items .icons a {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    text-align: center;
}
.header-box .header-box-inner .items .icons span {
    font-size: 10px;
    color: #282828;
    transition: all 0.3s;
    font-weight: 700;
}
.header-box .header-box-inner .items .icons .icons-item {
    height: 100%;
    position: relative;
}
.header-box .header-box-inner .items .icons .icons-item a:hover span {
    color: #e01814;
}
.header-box .header-box-inner .items .icons .icons-item a:hover .st0 {
    fill: #e01814;
}
.header-box .header-box-inner .items .menu {
    width: 40px;
    display: flex;
    flex-direction: column;
    padding: 6px;
    border-radius: 6px;
    transition: all 0.3s;
}
.header-box .header-box-inner .items .menu:hover {
    background-color: #FFFFFF30;
}
.header-box .header-box-inner .items .menu a {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    text-align: center;
}
.header-box .header-box-inner .items .menu a span {
    font-size: 10px;
    color: #FFF;
    transition: all 0.3s;
    font-weight: 700;
}
.header-box .header-box-inner .items .menu a svg {
    width: 24px;
    height: 24px;
    fill: #FFF;
}

.mobile-menu {
    display: none;
}

#cookie_notification span {
    font-size: 12px;
}
#cookie_notification {
    width: 100%;
    max-width: 808px;
    height: fit-content;
    padding: 0 20px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
#cookie_notification.show {
    opacity: 1;
    visibility: visible;
}
.cookie_notification_inner {
    width: 100%;
    height: 100%;
    min-height: 76px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 16px;
    padding: 16px 32px;
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--grey);
    position: relative;
    text-wrap: balance;
}
.cookie_notification_inner a {
    border-bottom: 1px solid #32004840;
}
.cookie_notification_inner a:hover {
    border-bottom: 1px solid #320048;
}

.cookie_notification_inner button {
    padding: 8px 24px;
    color: #FFF;
    width: 100%;
    border-radius: 6px;
    background-color: var(--btn);
}

/*main .product {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr;*/
/*    grid-template-rows: 1fr 1fr 1fr;*/
/*    gap: 30px 30px;*/
/*    grid-template-areas:*/
/*    "gal zag"*/
/*    "gal opis"*/
/*    "rel rel";*/
/*}*/
/*main .product .woocommerce-product-gallery { grid-area: gal; }*/
/*main .product .summary { grid-area: zag; }*/
/*main .product .woocommerce-tabs { grid-area: opis; }*/
/*main .product .related { grid-area: rel; }*/
/*}*/

.single-product-container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px;
    align-items: flex-start;
    justify-content: center;
}
.single-product-container .product-left {
    width: 100%;
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-product-container .product-left .wp-post-image {
    max-width: 400px;
    height: auto;
    width: auto;
    border-radius: 10px;
    overflow: hidden;
}
.single-product-container .product-right {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    min-width: 100%;
}
.single-product-container .product-right .related.products {
    display: none;
}
.related-products-section .related.products ul li img {
    max-width: 400px;
    height: auto;
    width: 100%;
    border-radius: 8px;
}
section.related.products {
    padding: 0;
}
#tab-additional_information {
    display: none;
}

.related-products-section .related.products ul.products {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.related-products-section h2 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding: 20px 0;
}

.main-zag h1 {
    text-align: center;
    margin: 20px 0 50px 0;
}
.main-zag h1 span {
    font-size: 24px;
}

.main-page-brand-cards {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.main-page-brand-cards h2 a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    transition: all 0.3s;
    width: fit-content;
}
.main-page-brand-cards h2 a span {
    font-size: 18px;
    width: fit-content;
    height: fit-content;
    display: block;
    border-radius: 4px;
    background: #cdcdcd;
    padding: 4px 10px;
    color: #5C5C5C;
}
.main-page-brand-cards-box {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.brands-card.category {
    border: 3px solid #c3c4c7;
    height: 100%;
}
.brands-card {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    transition: all 0.3s;
}
.brands-card:hover {
    transform: scale(1.03);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.brands-card.category:hover {
    transform: unset;
    cursor: unset;
}
.brands-card .meta {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: space-between;
    padding: 20px;
}
.brands-card .pict {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    aspect-ratio: 3 / 4;
}
.brands-card .zag {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    text-wrap: balance;
    font-size: 14px;
}
.brands-card .price {
    font-weight: 800;
    color: #e44541;
    font-size: 16px;
}
.brands-card a.div_a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.brands-card.category {
    padding: 20px;
    gap: 10px;
}
.brands-card.category p {
    font-size: 13px;
    font-weight: 500;
}
.brands-card.category .cat-line {
    width: 60px;
    border-top: 1px solid #e44441;
}
.brands-card.category a {
    transition: all 0.3s;
}
.brands-card.category a:hover {
    color: #e44441;
    transform: scale(1.02);
}

.container:has(.main-page-brand-cards-box) {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}

/*    Страница товара    */

img.wp-post-image {
    pointer-events:none !important;
}

.product-right .product_meta {
    display: none;
}

.product-summary {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.woo-arch-prod ul.products {
    width: 100%;
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0;
    padding: 0;

}
section.woo-arch-prod {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 30px;
}
#sidebar {
    padding: 20px 0;
}
#sidebar ul .product-categories li a {
    font-size: 13px;
    font-weight: 700;
}
#sidebar ul .product-categories li span.count {
    padding: 5px;
    font-size: 10px;
    border-radius: 4px;
    background: #e2e2e2;
    color: #5C5C5C;
}
#sidebar ul .product-categories {
    list-style-type: none;
    margin: 0;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#sidebar ul.xoxo {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.woo-arch-prod main {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
}
.woo-arch-prod main header {
    width: 100%;
}
.woo-arch-prod main .woocommerce-result-count {
    /*width: 45%;*/
    text-align: right;
    font-size: 14px;
}
.woo-arch-prod main .woocommerce-ordering {
    /*width: 45%;*/
    text-align: right;
}
.woo-arch-prod main .woocommerce-ordering .orderby {
    font-size: 14px;
}

.header-box .header-box-inner .items .icons .icons-item.cart .cart-count {
    position: absolute;
    background-color: #FFF;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 0;
}

.go-to-chat-btn-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 20px;
    align-items: center;
}
a.go-to-chat-btn {
    display: block;
    position: relative;
    width: 100%;
}
a.go-to-chat-btn button {
    width: 100%;
    height: fit-content;
    padding: 10px 24px;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 20px;
    color: #000;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s;
}
a.go-to-chat-btn button svg {
    fill: #000;
    transition: all 0.3s;
    width: 20px;
    height: 20px;
}
a.go-to-chat-btn button:hover svg.tg {
    fill: #3276c3;
}
a.go-to-chat-btn button:hover svg.wa {
    fill: #67c15e;
}
a.go-to-chat-btn button:hover {
    color: #FFF;
    background-color: #000;
    svg {
        fill: #FFF;
    }
}

.product-right form.cart {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
.product-right form.cart button[type=submit] {
    width: auto;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    background-color: #e75049;
    color: #FFF;
    transition: all 0.3s;
}
.product-right form.cart button[type=submit]:hover {
    background-color: #f7bd4d;
    color: #282828;
}
.product-right form.cart input[type=number] {
    width: 80px;
    border-radius: 4px;
    padding: 12px 10px 12px 24px;
    font-size: 16px;
    font-weight: 500;
}
.product-right .price {
    width: fit-content;
    text-wrap: nowrap;
    font-weight: 800;
    color: #e44541;
    font-size: 20px;
}
.product-right .product-action {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.product-right .custom-accordion {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.product-right .accordion-item {

}
.product-right .accordion-header {
    background-color: transparent;
    padding: 0;
    cursor: pointer;
}
.product-right .accordion-button {
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #282828;
    border: none;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    padding: 14px 24px;
    border-radius: 8px;
    background-color: #ececec;
}
.product-right .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    border-radius: 0 0 8px 8px;
}
.product-right .accordion-body {
    padding: 15px;
    background-color: #fff;
}
.product-right .accordion-body p {
    line-height: 1.3;
    padding: 5px 0;
    font-size: 14px;
}
.product-right .accordion-body {
    line-height: 1.3;
    font-size: 14px;
}
.product-right .accordion-body div {
    line-height: 1.3;
    font-size: 14px;
}
.product-right .arrow {
    font-size: 20px;
    transition: transform 0.5s ease;
    color: #e75049;
}
.product-right .active .arrow {
    transform: rotate(45deg);
}
.product-right .accordion-body h2 {
    display: none;
}
.product-right .accordion-content ul {
    margin: 0;
}

.accordion-item:has(table.shop_attributes) {
    display: none;
}

.variations_button {
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
}
.product-right .product-action table.variations tbody tr {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.product-right .product-action table.variations tbody tr select {
    width: auto;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    color: #282828;
}
.product-right .product-action table.variations tbody tr td a.reset_variations {
    display: none !important;
}
.single_variation_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.product-action:has(.variations_form) p.price {
    display: none;
}
.woosw-icon-8:before {
    font-size: 20px;
    color: #e75049;
}
.woosw-icon-5:before {
    font-size: 20px;
}
.woosw-btn-has-icon {
    display: inline-flex;
    align-items: center;
    background-color: transparent;
}

.woocommerce table.cart img {
    width: 200px;
}
.woocommerce table.shop_table {
    border: 0;
    border-radius: 10px;
    background-color: #FFF;
}

#all-menu {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #28282850;
    position: fixed;
    padding: 20px;
    z-index: 2;
    backdrop-filter: blur(15px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
#all-menu.active {
    opacity: 1;
    visibility: visible;
}
.close-header-menu-menu {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    background-color: #e9e9e9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 0;
    cursor: pointer;
}
.close-header-menu-menu span {
    width: 15px;
    height: 2px;
    border-radius: 2px;
    background-color: #777;
    transform: rotateZ(45deg);
    display: block;
    transition: all 0.3s;
}
.close-header-menu-menu span:after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    border-radius: 2px;
    background-color: #777;
    transform: rotateZ(90deg);
    transition: all 0.3s;
}
.close-header-menu-menu:hover span {
    background-color: #282828;
}
.close-header-menu-menu:hover span:after {
    background-color: #282828;
}
#all-menu .menu-box {
    width: 100%;
    max-width: var(--max-width);
    height: 100%;
    max-height: 80vh;
    margin: auto;
    background-color: #FFF;
    border-radius: 20px;
    padding: 60px 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 40px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
#all-menu .menu-box::-webkit-scrollbar {
    width: 4px;
}
#all-menu .menu-box::-webkit-scrollbar-track {
    background: #FFF;
}
#all-menu .menu-box::-webkit-scrollbar-thumb {
    background-color: #ffa900;
    border-radius: 4px;
}
#all-menu .menu-box .shop-box {
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: row;
    gap: 30px;
}
#all-menu .menu-box .shop-box .head {
    font-size: 20px;
    font-weight: 600;
    color: #282828;
    height: fit-content;
}

#all-menu .menu-box .shop-box .links {
    font-size: 20px;
    font-weight: 600;
    color: #282828;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
    border-bottom: 1px solid #ccc;
}
#all-menu .menu-box .shop-box .links .col::-webkit-scrollbar {
    width: 4px;
}
#all-menu .menu-box .shop-box .links .col::-webkit-scrollbar-track {
    background: #FFF;
}
#all-menu .menu-box .shop-box .links .col::-webkit-scrollbar-thumb {
    background-color: #ffa900;
    border-radius: 4px;
}
#all-menu .menu-box .shop-box .links .col {
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
    height: fit-content;
}
#all-menu .menu-box .shop-box .links .col#col-2 {
    height: 100%;
    overflow-y: auto;
}
.categories-menu {
    position: relative;
}

.parent-categories li {
    cursor: pointer;
    padding: 0;
    width: fit-content;
}
#subcategory-container {
    position: relative;
    top: 0;
    background: #fff;
    display: none;
    min-width: 200px;
    z-index: 2;
    font-size: 14px;
}
#subcategory-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #282828;
    font-weight: 700;
    columns: 2;
}
#subcategory-container ul li {
    padding: 10px 0;
    margin: 0;
}

#subcategory-container ul ul {
    margin: 5px 0 0 0;
    color: #626262;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
#subcategory-container ul li ul li {
    padding: 0;
}
ul.parent-categories a {
    padding: 7px 14px;
    background-color: #e9e9e9;
    color: #282828;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 800;
    transition: all 0.3s;
}
ul .parent-category.active a {
    background-color: var(--btn);
    color: #FFF;
    cursor: pointer;
}
ul.parent-categories a:hover {
    background-color: var(--red);
    color: #FFF;
}
ul.parent-categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.subcategories a {
    transition: all 0.3s;
    border-bottom: 1px solid #e64f4800;
}
.subcategories a:hover {
    color: var(--red);
    border-bottom: 1px solid #e64f4850;
}
.woosw-items tr {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.woosw-item--image img {
    width: 100%;
    height: auto;
}
article.page {
    width: 100%;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: #FFF;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 98px;
}

article.page section {
    padding: 0;
}
article.page header {
    padding: 0 0 20px 0;
}

#all-menu .menu-box .main-box .links ul {
    width: 100%;
    margin: 15px 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    gap: 10px 20px;
    flex-wrap: wrap;
}
#all-menu .menu-box .main-box .links ul a {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    transition: all 0.3s;
    color: #282828;
    border-bottom: 1px solid #e64f4800;
}
#all-menu .menu-box .main-box .links ul a:hover {
    color: var(--red);
    border-bottom: 1px solid #e64f4850;
}

form.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: #f8bd32;
    border-radius: 20px;
    max-width: 500px;
    margin: 30px auto;
    width: 100%;
}
form.wpcf7-form p label {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-weight: 500;
}

form.wpcf7-form input {
    width: 100%;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
}
form.wpcf7-form input:focus {
    outline: 2px solid #282828;
}
form.wpcf7-form .wpcf7-radio label {
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-weight: 500;
    align-items: center;
}
form.wpcf7-form .wpcf7-radio label input[type=radio] {
    width: 20px;
    height: 20px;
    margin-top: -2px;
}
form.wpcf7-form p:has(.wpcf7-radio) {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
form.wpcf7-form p:has(.wpcf7-form-control-wrap) {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
form.wpcf7-form .wpcf7-checkbox label {
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-weight: 500;
    align-items: center;
}
form.wpcf7-form .wpcf7-checkbox label input {
    flex: 1;
    width: 20px;
    height: 20px;
}
form.wpcf7-form input[type=submit] {
    width: 100%;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    background-color: #ffffff;
    color: #000000;
    transition: all 0.3s;
    cursor: pointer;
}
form.wpcf7-form .wpcf7-response-output {
    margin: 0;
}
.button {
    width: fit-content !important;
    padding: 12px 24px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    background-color: var(--btn) !important;
    color: #FFF !important;
    transition: all 0.3s !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

form.checkout {
    font-size: 16px;
}
form.checkout .col-2 {
    display: none;
}
.woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
}
.woocommerce .col2-set .col-1 {
    float: left;
    width: 100%;
}
/* .woocommerce-form-login p.woocommerce-form-row {
    display: none !important;
} */
button.targetvr-button {
    background-color: var(--red);
    color: #FFF;
    font-weight: 600;
    border-radius: 0 4px 4px 0;
}
.woocommerce-form-login p.woocommerce-LostPassword {
    display: none;
}

.wpcf7-form p:has(.wpcf7-file) {
    border: 1px solid #ffffff;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.shop_table .cart-subtotal {
    display: none;
}
.woocommerce .woocommerce-form div hr {
	display: none;
}
.woocommerce .woocommerce-form div {
	order: 1;
}
.mobile-sidebar-toggle {
    display: none;
}
.woocommerce .woocommerce-form p {
	order: 2;
}
.woocommerce .woocommerce-form p:nth-child(2) {
	order: 3;
}
.woocommerce .woocommerce-form p.form-row {
	order: 4;
}


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

.woocommerce-MyAccount-content p:nth-child(3) {
	display: none;
}

.upsells-products-section .brands-card {
    gap: 0;
}
.upsells-products-section h2 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding: 20px 0;
}
#menu-wishlist, #menu-wishlist-1 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.woosw-menu-item .woosw-menu-item-inner:after {
    background-color: #FFF;
    color: #282828;
    font-size: 10px;
    font-weight: 600;
    top: -29px;
    right: 1px;
}

.woosw-list .woosw-items tbody {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.woosw-list table.woosw-items tr:nth-child(2n) td {
    background-color: transparent;
}
.woosw-list table.woosw-items tr:hover td {
    background-color: transparent;
}