/* Product Free Shipping - Standalone Universal Styles */

/* 1. Subtle Aesthetic Shimmer Animation for Free Delivery Badges */
@keyframes freeDeliveryShimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.free-shipping-shimmer-badge {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #065f46 !important;
    background: linear-gradient(
        110deg,
        #ecfdf5 0%,
        #ecfdf5 30%,
        #ffffff 50%,
        #ecfdf5 70%,
        #ecfdf5 100%
    ) !important;
    background-size: 200% 100% !important;
    animation: freeDeliveryShimmer 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
    border: 1px solid #a7f3d0 !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 2px rgba(16, 185, 129, 0.05) !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.free-shipping-shimmer-badge .truck-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #059669 !important;
    line-height: 1 !important;
}

.free-shipping-shimmer-badge svg {
    width: 13px !important;
    height: 13px !important;
    stroke: #059669 !important;
    flex-shrink: 0 !important;
}

/* 2. Compact Product Card Badge */
.product-free-shipping-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background-color: #28a745 !important;
    color: #ffffff !important;
    padding: 2px 5px !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    line-height: 1.3 !important;
    vertical-align: middle !important;
}

.product-free-shipping-badge svg {
    width: 12px !important;
    height: 12px !important;
    stroke: currentColor !important;
    flex-shrink: 0 !important;
}

/* 3. Product Detail Badge */
.product-free-shipping-badge--large {
    padding: 4px 9px !important;
    font-size: 11px !important;
    margin-left: 4px !important;
}

/* 4. Grid & Carousel Card Height Equalization (Universal across Botble themes) */
.slick-slides-carousel .slick-track,
.products-listing .row,
.product-grids {
    display: flex !important;
    flex-wrap: wrap !important;
}

.slick-slides-carousel .slick-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.slick-slides-carousel .slick-slide > div {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.product-inner,
.product-item,
.ps-product {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.product-details,
.ps-product__content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important;
}

.product-content-box {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important;
}

.product-item-badges {
    min-height: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.product-bottom-box {
    margin-top: auto !important;
}

/* 5. Cart & Checkout Free Shipping Indicators */
.ec-cart-item-free-shipping-wrap {
    margin-top: 4px !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
}