.elementor-3743 .elementor-element.elementor-element-4e1b0b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-3743 .elementor-element.elementor-element-4e1b0b1:not(.elementor-motion-effects-element-type-background), .elementor-3743 .elementor-element.elementor-element-4e1b0b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F1EB;}.elementor-3743 .elementor-element.elementor-element-4e1b0b1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3743 .elementor-element.elementor-element-09787d1{--e-image-carousel-slides-to-show:3;}.elementor-3743 .elementor-element.elementor-element-09787d1 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3743 .elementor-element.elementor-element-09787d1 .elementor-swiper-button.elementor-swiper-button-next{font-size:17px;color:var( --e-global-color-blocksy_palette_3 );}.elementor-3743 .elementor-element.elementor-element-09787d1 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3743 .elementor-element.elementor-element-09787d1 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-blocksy_palette_3 );}.elementor-3743 .elementor-element.elementor-element-09787d1 .elementor-image-carousel-caption{text-align:center;}.elementor-3743 .elementor-element.elementor-element-1f56b2e > .elementor-widget-container{padding:11px 11px 11px 11px;}.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-wc-products  ul.products{grid-column-gap:16px;grid-row-gap:36px;}.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:15px 15px 15px 15px;margin-bottom:0px;}.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:15px;}.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:15px;}.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-wc-products ul.products li.product .star-rating{margin-bottom:0px;}.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-wc-products ul.products li.product .button{background-color:#C2185B;border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;margin-top:12px;}.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-3743 .elementor-element.elementor-element-858095d{--display:flex;}@media(min-width:768px){.elementor-3743 .elementor-element.elementor-element-4e1b0b1{--width:98.105%;}}@media(max-width:1024px){.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3743 .elementor-element.elementor-element-1f56b2e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-1f56b2e */.woocommerce ul.products {
    gap: 24px;
}

.woocommerce ul.products li.product {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
    position: relative;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.woocommerce ul.products li.product img {
    display: block;
    width: 100%;
    border-radius: 0;
    margin: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .product_cat,
.woocommerce ul.products li.product .button {
    position: relative;
    z-index: 2;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .product_cat {
    background: #fff3b8;
    margin: 0;
    padding-left: 14px;
    padding-right: 14px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding-top: 14px;
    padding-bottom: 6px;
    color: #b8005c;
    font-weight: 700;
    font-size: 20px;
}

.woocommerce ul.products li.product .price {
    padding-top: 0;
    padding-bottom: 2px;
    color: #111 !important;
    font-weight: 700;
}

.woocommerce ul.products li.product .product_cat {
    padding-top: 0;
    padding-bottom: 14px;
    text-transform: uppercase;
    font-size: 13px;
    color: #111;
}

.woocommerce ul.products li.product .button {
    background: #c2185b !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 12px 18px !important;
    font-weight: 700;
    margin: 0 !important;
    display: inline-block;
    width: auto;
    border-top-right-radius: 28px !important;
}

.woocommerce ul.products li.product::after {
    content: "🛒";
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 70px;
    height: 60px;

    background: linear-gradient(135deg,#ff4d8d,#c2185b); /* sáng hơn */
    color: #fff;

    border-top-left-radius: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px; /* icon to hơn */

    /* ✨ làm nổi khối */
    box-shadow:
        0 8px 18px rgba(194,24,91,0.45),
        0 0 0 4px #ffffff;  /* viền trắng */

    z-index: 3;
    transition: all .25s ease;
}
    content: "🛒";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 62px;
    height: 52px;
    background: #c2185b;
    color: #fff;
    border-top-left-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    z-index: 3;
}

.woocommerce ul.products li.product .added_to_cart {
    display: none !important;
}
/* ===== ĐẨY CATEGORY QUA PHẢI ===== */
.woocommerce ul.products li.product .product_cat{
    display:flex !important;
    justify-content:flex-end !important;  /* đẩy chữ qua phải */
    text-align:right !important;
    padding-right:22px !important;
    padding-left:22px !important;
}
.woocommerce ul.products li.product .product_cat{
    text-align:right !important;
    width:100%;
    display:block !important;
    padding-right:22px !important;
}
.woocommerce ul.products li.product p{
    margin-left:14px !important;
}
/* Dịch dòng nằm ngay sau giá tiền */
.woocommerce ul.products li.product .price + *{
    margin-left:14px !important;
}
.woocommerce ul.products li.product:hover::after{
    transform: scale(1.12);
    box-shadow:
        0 12px 24px rgba(194,24,91,0.6),
        0 0 0 4px #ffffff,
        0 0 18px rgba(255,105,180,0.6); /* glow hồng */
}
/* ===== STYLE NÚT ===== */
.woocommerce ul.products li.product .button{
    background: linear-gradient(135deg,#ff4d8d,#c2185b) !important;
    color:#fff !important;
    font-weight:700;
    border-radius:0 !important;
    border-top-right-radius:28px !important;
    transition: all .25s ease !important;
    position: relative;
    z-index:2;
}

/* ===== HOVER GIỐNG ICON GIỎ ===== */
.woocommerce ul.products li.product .button:hover{
    transform: scale(1.08);
    box-shadow:
        0 10px 22px rgba(194,24,91,0.5),
        0 0 0 3px #ffffff,
        0 0 16px rgba(255,105,180,0.55);
}
.woocommerce ul.products li.product::after {
    content: "🛒";
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 72px;
    height: 62px;

    /* 🌈 nền sáng hơn */
    background: radial-gradient(circle at 30% 30%, #ff9ec4, #ff4d8d 60%, #c2185b);

    color: #ffffff;
    font-size: 26px; /* icon to hơn */

    border-top-left-radius: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    /* ✨ hiệu ứng phát sáng */
    box-shadow:
        0 10px 22px rgba(255,77,141,0.55),
        0 0 18px rgba(255,105,180,0.9),
        0 0 0 4px #ffffff;

    z-index: 3;
    transition: all .25s ease;
}
/* Hiệu ứng phóng to khi hover sản phẩm */
.woocommerce ul.products li.product{
    transition: transform .25s ease, box-shadow .25s ease;
}

.woocommerce ul.products li.product:hover{
    transform: scale(1.05);   /* phóng to nhẹ */
    z-index: 5;
    box-shadow: 0 14px 28px rgba(0,0,0,0.18);
}

    right: 10px !important;
    z-index: 9999 !important;
    margin: 0 !important;
}

/* 3. Đẩy chữ Mousse qua phải */
.elementor-product-title, .product-title, .woocommerce-loop-product__title {
    text-align: right !important;
}
/* Ép cái khung sản phẩm làm gốc */
.elementor-3743 .elementor-element.elementor-element-1f56b2e .product, .elementor-3743 .elementor-element.elementor-element-1f56b2e li.product {
    position: relative !important;
}
/* Ép cái khung sản phẩm làm gốc tọa độ */
.elementor-3743 .elementor-element.elementor-element-1f56b2e .woocommerce ul.products li.product {
    position: relative !important;
}

/* Ép trái tim bay lên góc trên bên phải của ẢNH */
.elementor-3743 .elementor-element.elementor-element-1f56b2e .yith-wcwl-add-to-wishlist {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    left: auto !important; /* Triệt hạ lệnh căn trái cũ */
    margin: 0 !important;
    z-index: 999 !important;
}

/* Tạo hình tròn trắng cho trái tim nó sang */
.elementor-3743 .elementor-element.elementor-element-1f56b2e .yith-wcwl-add-to-wishlist a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 38px !important;
    height: 38px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* Ẩn cái chữ rác "Add to wishlist" chỉ để lại icon */
.elementor-3743 .elementor-element.elementor-element-1f56b2e .yith-wcwl-add-to-wishlist span, 
.elementor-3743 .elementor-element.elementor-element-1f56b2e .yith-wcwl-add-to-wishlist .separator {
    display: none !important;
}

/* Canh chữ tên bánh qua phải */
.elementor-3743 .elementor-element.elementor-element-1f56b2e .woocommerce-loop-product__title {
    text-align: right !important;
    display: block !important;
    width: 100% !important;
}
/* 1. TẠO KHÔNG GIAN CHO HOA BAY */
.elementor-3743 .elementor-element.elementor-element-1f56b2e {
    position: relative;
    overflow: hidden; /* Để hoa không bay tràn ra ngoài trang */
    padding-top: 50px;
    padding-bottom: 50px;
}

/* 2. ĐỊNH NGHĨA CHUNG CHO CÁC BÔNG HOA */
.elementor-3743 .elementor-element.elementor-element-1f56b2e::before, 
.elementor-3743 .elementor-element.elementor-element-1f56b2e::after,
.dy-extra-flower-1,
.dy-extra-flower-2 {
    content: "✿";
    position: absolute;
    color: #ffb7ce; /* Màu hồng hoa đào */
    opacity: 0.4;
    z-index: 1;
    pointer-events: none;
    animation: dy_float_simple 8s infinite ease-in-out;
}

/* 3. VỊ TRÍ TỪNG BÔNG (Mún thêm thì cứ chỉnh tọa độ ni) */
.elementor-3743 .elementor-element.elementor-element-1f56b2e::before { top: 10%; left: 5%; font-size: 40px; }
.elementor-3743 .elementor-element.elementor-element-1f56b2e::after { top: 20%; right: 7%; font-size: 30px; animation-delay: 2s; }

/* 4. HIỆU ỨNG BAY LÊN XUỐNG NHẸ NHÀNG */
@keyframes dy_float_simple {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-25px) rotate(20deg); }
}/* End custom CSS */