html, body {
  overflow-y: scroll; /* завжди резервує місце під скрол */
}

body {
    background: linear-gradient(0deg, #050B0C 0%, #050B0C 100%), #FFF;
	  -ms-overflow-style: none;  /* IE, Edge */
  	scrollbar-width: none;     /* Firefox */
}

body::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.header {
    transition: all .4s ease;
}

.header.scrolled {
    background: var(--e-global-color-primary);
}

.site-main {
    max-width: 1230px;
    padding: 140px 15px 0;
}

body.home {
    background: var(--e-global-color-primary) url('/wp-content/uploads/2025/10/main-scaled.jpg') no-repeat center bottom / cover;
}

body.single-product,
body.archive {
    background: var(--e-global-color-primary) url('/wp-content/uploads/2025/10/Product.jpg') no-repeat center top / 100%;
}

.products-tabs-nav {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.products-tabs-nav li,
.products-tabs-nav li a{
    display: block;
}

.products-tabs-nav li:not(:has(a)),
.products-tabs-nav li:has(a) a {
    padding: 16px 30px;
    color: var(--e-global-color-text);
    background: linear-gradient(97deg, rgba(215, 249, 81, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
    border: 1px solid transparent;
    transition: all .2s ease;
    border-radius: 70px;
    cursor: pointer;
}

.products-tabs-nav li:not(:has(a)):hover,
.products-tabs-nav li:not(:has(a)).active,
.products-tabs-nav li:has(a) a:hover,
.products-tabs-nav li:has(a).active a{
    border: 1px solid var(--e-global-color-accent);
}

.products-tabs-nav + div {
    margin-top: 40px;
}

body:not(.home):not(.single-product) main#content{
    padding-top: 140px;
}

.woocommerce-Price-currencySymbol {
    display: none !important
}

.woocommerce-Price-amount bdi {
    display: flex;
    align-items: center;
    gap: 5px;
}

.product-collections,
.product-collections a {
    color: #8F8F8F;
}

.product-collections a:hover {
    color: #CBE569;
}

.products-grid {
    display: grid;
    gap: 20px;
    list-style: none;
    padding: 0;
}

.products-grid::before,
.products-grid::after {
    content: unset !important;
}

.product-item {
    background: var(--e-global-color-text);
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-item * {
    margin: 0;
}

.product-item img {
    width: 100%;
    border-radius: 6px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.product-item h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.36px;
}

.product-item .woocommerce-Price-amount bdi {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
}

.product-item .info {
    display: grid;
    gap: 4px;
}

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

.product-item .general .button {
    width: fit-content;
    color: #ffffff;
    border-radius: 50px;
    background: linear-gradient(180deg, #B055FF 0%, #7230AC 100%);
    box-shadow: 0 0 30px 0 rgba(161, 53, 255, 0.20);
    display: inline-flex;
    gap: 5px;
    align-items: center;
    padding: .5rem 1rem;
    line-height: normal;
}

.single-product .button.add_to_cart_button {
    width: fit-content;
    color: #ffffff;
    border-radius: 50px;
    background: linear-gradient(180deg, #B055FF 0%, #7230AC 100%);
    box-shadow: 0 0 30px 0 rgba(161, 53, 255, 0.20);
    display: inline-flex;
    gap: 5px;
    align-items: center;
    padding: .5rem 1rem;
    line-height: normal;
}

.single-product .button.add_to_cart_button.is-in-cart {
    background: #606060;
    color: #8F8F8F;
    box-shadow: none;
    pointer-events: none;
    cursor: not-allowed;
}

.product-item .general .button.is-in-cart,
.product-item .general .button.is-in-cart:hover {
    background: #606060;
    color: #8F8F8F;
    box-shadow: none;
    pointer-events: none;
    cursor: not-allowed;
}

.product-item .general .button.is-in-cart svg path {
    fill: #8F8F8F;
}

.product-item .general .button svg {
    width: 14px;
    height: 14px;
    aspect-ratio: 1 / 1;
}

.product-item .general .button:hover {
    color: #ffffff;
    background: #7230AC;
}

.product-item .short-description {
    font-size: 12px;
    color: #606060;
}

.product-item .added_to_cart {
    display: none !important;
}


@media (min-width: 768px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .products-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.added_to_cart.wc-forward {
    display: none !important;
}