/* ============================================
   ALL PRODUCT CSS - USING THEME VARIABLES
   ALL STYLES PRESERVED - NOTHING REMOVED
   ============================================ */

.product-image-wrapper .normal-image {
    transition: var(--allproduct-normal-image-transition, opacity 0.3s ease);
    position: relative;
    z-index: var(--allproduct-normal-image-zindex, 1);
}

.product-image-wrapper .hover-image {
    opacity: var(--allproduct-hover-image-opacity, 0);
    transition: var(--allproduct-hover-image-transition, opacity 0.3s ease);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: var(--allproduct-hover-image-zindex, 2);
}

.product-image-wrapper .btn-cart-icon,
.product-image-wrapper .btn-video-icon {
    opacity: var(--allproduct-btn-cart-icon-opacity, 1) !important;
    visibility: var(--allproduct-btn-cart-icon-visibility, visible) !important;
    pointer-events: var(--allproduct-btn-cart-icon-pointer-events, auto) !important;
    z-index: var(--allproduct-btn-cart-icon-zindex, 10) !important;
}

.product-image-wrapper .btn-cart-icon,
.product-image-wrapper .btn-video-icon {
    opacity: var(--allproduct-btn-cart-icon-opacity, 1) !important;
    visibility: var(--allproduct-btn-cart-icon-visibility, visible) !important;
}

.mobile-category-section {
    display: var(--allproduct-mobile-category-display, none) !important;
}

@media only screen and (max-width: 991px) {
    .pb-120 {
        padding-bottom: var(--allproduct-pb-120-padding-bottom, 90px);
        margin-top: var(--allproduct-pb-120-margin-top, 5rem);
    }
}

/* OTP Input Styles */
.otp-input {
    width: var(--allproduct-otp-input-width, 45px);
    height: var(--allproduct-otp-input-height, 45px);
    border-radius: var(--allproduct-otp-input-border-radius, 8px);
    font-size: var(--allproduct-otp-input-font-size, 1.25rem);
    border: var(--allproduct-otp-input-border, 1px solid #ccc);
    transition: var(--allproduct-otp-input-transition, border 0.3s ease);
}

    .otp-input:focus {
        border-color: var(--allproduct-otp-input-focus-border, #1c0823);
        outline: var(--allproduct-otp-input-focus-outline, none);
        box-shadow: 0 0 5px var(--allproduct-otp-input-focus-shadow, rgba(169, 116, 95, 0.3));
    }

.btn-login-primary {
    background-color: var(--allproduct-btn-login-primary-bg, #1c0823);
    color: var(--allproduct-btn-login-primary-color, white);
    border-radius: var(--allproduct-btn-login-primary-border-radius, 50px);
    border: var(--allproduct-btn-login-primary-border, none);
}

    .btn-login-primary:hover {
        background-color: var(--allproduct-btn-login-primary-hover-bg, #8e5f4d);
    }
@media (max-width: 491px) {
    body {
        padding-top: 0;
    }
}