/**
 * Sticky Add to Cart Bar CSS
 */

.vini-sticky-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;

    /* Layout */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;

    /* Transition */
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    visibility: hidden;
}

.vini-sticky-bar.visible {
    transform: translateY(0);
    visibility: visible;
}

.vini-sticky-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    /* Adjust to match site container */
    padding: 0 20px;
}

/* Product Info (Left) */
.vini-sticky-product {
    display: flex;
    align-items: center;
    gap: 8px;
}
.sticky-atc_button.button{
display: none;

}
.vini-sticky-image img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

.vini-sticky-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vini-sticky-title {
    font-weight: 600;
    font-size: 14px;
    color: #181D27;
    line-height: 1.2;
    margin-bottom: 2px;
}

.vini-sticky-price {
    font-size: 14px;
    color: #535862;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Reusing price order logic if needed, but usually simple text is fine. 
   If WooCommerce outputs standardized HTML, our global CSS might apply.
   Let's force layout just in case. */
.vini-sticky-price .price {
    font-size: 14px;
}

/* Action (Right) */
.vini-sticky-action {
    margin-left: auto;
    /* Push to right */
}
ul.products.elementor-grid.columns-3 li.product:nth-last-child(-n+2):nth-child(2n+1), ul.products.elementor-grid.columns-3 li.product:nth-last-child(-n+2):nth-child(2n+1)~li.product, ul.products.elementor-grid.columns-4 li.product:nth-last-child(-n+2):nth-child(2n+1), ul.products.elementor-grid.columns-4 li.product:nth-last-child(-n+2):nth-child(2n+1)~li.product{
    padding: 16px;
}
@media (max-width: 376px) {


/* Action (Right) */
.vini-sticky-action {
    width: 50%;
    /* Push to right */
}
    }

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .vini-sticky-title {
        max-width: 220px;
        white-space: wrap;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .vini-sticky-bar {
        padding: 8px 0;
    }
    .vini-sticky-bar .woocommerce-price-sufix{
        font-size: 10px!important;
    }
    .vini-sticky-image img {
        width: 25px;
        height: 56px;
        object-fit: cover;
    }
}