@media (max-width: 700px) {
    .product-card .add_to_cart_button,
    .product-card .ajax_add_to_cart,
    .product-card:hover .add_to_cart_button,
    .product-card:hover .ajax_add_to_cart,
    .product-card:focus .add_to_cart_button,
    .product-card:focus .ajax_add_to_cart {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        position: static !important;
        margin-top: var(--spacing-sm) !important;
        transition: none !important;
    }
    .product-card .add_to_cart_button,
    .product-card .ajax_add_to_cart {
        z-index: 2 !important;
    }
}
.woocommerce {
    font-family: var(--font-sans);
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
    float: none;
    width: 100%;
}

.woocommerce div.product .woocommerce-product-gallery {
    float: none;
    width: 100%;
    margin-bottom: 0;
}

.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    margin: 0;
}

.woocommerce .quantity .qty {
    background: transparent !important;
    border: none !important;
    color: var(--color-text-primary) !important;
    text-align: center;
    width: 60px !important;
    padding: var(--spacing-sm) 8px !important;
    font-size: var(--font-size-body-md) !important;
    -moz-appearance: textfield;
    appearance: textfield;
}

.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce .quantity .qty:focus {
    outline: none;
    box-shadow: none;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: linear-gradient(135deg, var(--color-gold), var(--color-gold-light)) !important;
    color: var(--color-black) !important;
    border: none !important;
    padding: var(--spacing-md) var(--spacing-xl) !important;
    border-radius: var(--border-radius-md) !important;
    font-size: var(--font-size-body-md) !important;
    font-weight: var(--font-weight-bold) !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all var(--animation-duration-medium) ease !important;
    min-width: 200px !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px var(--color-gold-overlay-strong) !important;
    background: linear-gradient(135deg, var(--color-gold-light), var(--color-gold)) !important;
}

.woocommerce .star-rating {
    color: var(--color-gold) !important;
}

.woocommerce .star-rating::before {
    color: var(--color-gold-overlay-medium) !important;
}

.woocommerce .price {
    color: var(--color-gold) !important;
    font-weight: var(--font-weight-bold) !important;
}

.woocommerce .price del {
    color: var(--color-text-muted) !important;
    opacity: 0.7;
}

.woocommerce .price ins {
    text-decoration: none !important;
    background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    border: none !important;
    background: var(--color-black-secondary) !important;
    border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 20px var(--spacing-xl) !important;
    color: var(--color-text-secondary) !important;
    background: transparent !important;
    border: none !important;
    font-weight: var(--font-weight-semibold) !important;
    text-decoration: none !important;
    transition: all var(--animation-duration-medium) ease !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--color-gold) !important;
    background: var(--color-black) !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background: var(--color-black) !important;
    border: var(--border-width-thin) solid var(--color-gold-overlay) !important;
    border-top: none !important;
    padding: var(--spacing-2xl) !important;
    border-radius: 0 0 var(--border-radius-xl) var(--border-radius-xl) !important;
    color: var(--color-text-secondary) !important;
}

.woocommerce .upsells.products,
.woocommerce .related.products,
.woocommerce .cross-sells {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce .products .product {
    background: var(--color-black-secondary) !important;
    border: var(--border-width-regular) solid var(--color-gold-overlay) !important;
    border-radius: var(--border-radius-lg) !important;
    padding: var(--spacing-lg) !important;
    transition: all var(--animation-duration-medium) ease !important;
    text-align: center !important;
}

.woocommerce .products .product:hover {
    border-color: var(--color-gold) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px var(--color-gold-overlay-medium) !important;
}

.woocommerce .products .product img {
    border-radius: var(--border-radius-md) !important;
    transition: transform var(--animation-duration-medium) ease !important;
}

.woocommerce .products .product:hover img {
    transform: scale(1.05) !important;
}
/* Improved sale badge */
.woocommerce span.onsale {
    background: linear-gradient(135deg, var(--color-red), #ff4444) !important;
    color: var(--color-text-primary) !important;
    border-radius: var(--border-radius-pill) !important;
    padding: 6px var(--spacing-sm) !important;
    box-shadow: 0 6px 18px rgba(255, 68, 68, .35) !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.2 !important;
}

.woocommerce .products .product .woocommerce-loop-product__title {
    color: var(--color-text-primary) !important;
    font-family: var(--font-heading) !important;
    font-weight: var(--font-weight-semibold) !important;
    margin: var(--spacing-md) 0 !important;
    text-transform: uppercase !important;
}

.woocommerce form .form-row label {
    color: var(--color-text-primary) !important;
    font-weight: var(--font-weight-semibold) !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background: var(--color-black-secondary) !important;
    border: var(--border-width-thin) solid var(--color-gold-overlay-medium) !important;
    border-radius: var(--border-radius-md) !important;
    color: var(--color-text-primary) !important;
    padding: var(--spacing-sm) !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--color-gold) !important;
    box-shadow: 0 0 0 3px var(--color-gold-overlay-light) !important;
    outline: none !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background: var(--color-black-secondary) !important;
    border: var(--border-width-regular) solid var(--color-gold) !important;
    border-radius: var(--border-radius-md) !important;
    color: var(--color-text-primary) !important;
    padding: var(--spacing-md) var(--spacing-lg) !important;
    margin: 20px 0 !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    color: var(--color-gold) !important;
}

.woocommerce-error {
    border-color: var(--color-red) !important;
}

.woocommerce-error::before {
    color: var(--color-red) !important;
}

.woocommerce table.cart {
    border: none !important;
    background: var(--color-black-secondary) !important;
    border-radius: var(--border-radius-lg) !important;
    overflow: hidden !important;
}

.woocommerce table.cart th,
.woocommerce table.cart td {
    border: none !important;
    background: transparent !important;
    color: var(--color-text-primary) !important;
    padding: var(--spacing-md) !important;
}

.woocommerce table.cart th {
    background: var(--color-black) !important;
    color: var(--color-gold) !important;
    font-weight: var(--font-weight-semibold) !important;
    text-transform: uppercase !important;
}

.woocommerce-checkout .col2-set {
    background: var(--color-black-secondary) !important;
    border-radius: var(--border-radius-lg) !important;
    padding: var(--spacing-xl) !important;
    border: var(--border-width-thin) solid var(--color-gold-overlay) !important;
}

.woocommerce-checkout #order_review {
    background: var(--color-black) !important;
    border-radius: var(--border-radius-lg) !important;
    padding: var(--spacing-xl) !important;
    border: var(--border-width-thin) solid var(--color-gold-overlay) !important;
}

.woocommerce #review_form_wrapper,
.woocommerce #respond,
.woocommerce .comment-respond,
.woocommerce #reviews #review_form,
.woocommerce-Reviews-title + .comment-reply-title,
.woocommerce .comment-form,
.woocommerce #reviews .comment-reply-title {
    display: none !important;
}

.woocommerce #reviews .commentlist {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce #reviews .commentlist .comment {
    background: var(--color-black-secondary) !important;
    border: var(--border-width-thin) solid var(--color-gold-overlay) !important;
    border-radius: var(--border-radius-lg) !important;
    margin-bottom: 20px !important;
    padding: var(--spacing-lg) !important;
}

.woocommerce #reviews .commentlist .comment .comment-text {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce #reviews .commentlist .comment .meta {
    color: var(--color-text-primary) !important;
    font-weight: var(--font-weight-semibold) !important;
    margin-bottom: var(--spacing-sm) !important;
}

.woocommerce #reviews .commentlist .comment .description p {
    color: var(--color-text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.woocommerce #reviews .commentlist .comment .star-rating {
    margin-bottom: var(--spacing-sm) !important;
}

.woocommerce #reviews .woocommerce-noreviews {
    display: none !important;
}

.woocommerce #reviews .woocommerce-Reviews-title {
    color: var(--color-text-primary) !important;
    font-family: var(--font-serif) !important;
    margin-bottom: var(--spacing-lg) !important;
}

@media (max-width: 768px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: column !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: var(--spacing-md) 20px !important;
    }

    .woocommerce div.product .woocommerce-tabs .panel {
        padding: var(--spacing-lg) !important;
    }

    .woocommerce .products .product {
        padding: var(--spacing-md) !important;
    }

    .woocommerce #reviews .commentlist .comment {
        padding: var(--spacing-md) !important;
    }
}