.elementor-kit-2886{--e-global-color-primary:#0066FF;--e-global-color-secondary:#0D0D0D;--e-global-color-text:#121212;--e-global-color-accent:#91BEFF;--e-global-color-687434b:#1E1E1E;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-kit-2886 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================
   FINAL GEN-Z PRODUCT CARD – 100% MATCH MOCKUP
   ================================================ */

/* 1. CARD */
.woocommerce ul.products li.product {
    background: #ffffff !important;
    border: 2px solid #e0f7e0 !important;
    border-radius: 24px !important;
    padding: 20px !important;
    margin: 0 0 24px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.08) !important;
    transition: all .3s ease !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}
.woocommerce ul.products li.product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 32px rgba(0,0,0,.12) !important;
}

/* 2. IMAGE */
.woocommerce ul.products li.product a img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 16px !important;
    margin-bottom: 16px !important;
    transition: transform .4s ease !important;
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.05) !important; }

/* 3. SALE BADGE – SMALL RED PILL (FIXED) */
.woocommerce span.onsale {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background: #ff4d6d !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 6px 14px !important;
    border-radius: 50px !important;
    line-height: 1 !important;
    z-index: 10 !important;
    box-shadow: 0 2px 6px rgba(255,77,109,.3) !important;
    white-space: nowrap !important;
    min-width: auto !important;
    min-height: auto !important;
}

/* 4. CATEGORY BADGE – LIGHT GREEN PILL */
.woocommerce ul.products li.product .cat-badge {
    display: inline-block !important;
    background: #e8f5e9 !important;
    color: #2e7d32 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 50px !important;
    margin: 8px 0 !important;
    align-self: flex-start !important;
}

/* 5. TITLE */
.woocommerce-loop-product__title {
    color: #1a1a2e !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
    text-align: left !important;
}

/* 6. PRICE + DISCOUNT BADGE */
.woocommerce ul.products li.product .price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    font-size: 0 !important; /* Hide default wrapper */
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price .amount {
    color: #a0a0a0 !important;
    font-size: 14px !important;
    text-decoration: line-through !important;
}
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price bdi {
    color: #2e8b57 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.woocommerce ul.products li.product .disc-badge {
    background: #ffcc80 !important;
    color: #e65100 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 50px !important;
    margin-left: 8px !important;
}

/* 7. ADD TO CART / SELECT OPTIONS */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.added_to_cart {
    margin-top: auto !important;
    align-self: stretch !important;
    background: #4caf50 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important;
    border-radius: 50px !important;
    padding: 12px 24px !important;
    transition: all .3s ease !important;
    box-shadow: 0 4px 12px rgba(76,175,80,.3) !important;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.added_to_cart:hover {
    background: #43a047 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(67,160,71,.4) !important;
}

/* 8. GRID */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
}
@media (max-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 768px)  { .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 480px)  { .woocommerce ul.products { grid-template-columns: 1fr !important; } }

/* ================================================ */


/* ================================================
   BUY IT NOW BUTTON – GEN-Z RED PILL
   ================================================ */

.buy-now-btn {
    display: inline-block !important;
    background: #ff4d6d !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 14px 28px !important;
    border-radius: 50px !important;
    margin-left: 12px !important;
    text-align: center !important;
    box-shadow: 0 6px 16px rgba(255,77,109,.3) !important;
    transition: all .3s ease !important;
    text-decoration: none !important;
    min-width: 160px !important;
}
.buy-now-btn:hover {
    background: #e6395a !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 24px rgba(255,77,109,.4) !important;
    color: #fff !important;
}

/* Mobile: Stack buttons */
@media (max-width: 480px) {
    .buy-now-btn {
        display: block !important;
        margin: 12px 0 0 !important;
        width: 100% !important;
    }
}/* End custom CSS */