.elementor-561 .elementor-element.elementor-element-b65098b{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-561 .elementor-element.elementor-element-833ddd1{--display:flex;--min-height:0px;}.woocommerce .elementor-561 .elementor-element.elementor-element-edf8841 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-561 .elementor-element.elementor-element-edf8841 .flex-viewport, .woocommerce .elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-thumbs img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#780000;}.woocommerce .elementor-561 .elementor-element.elementor-element-edf8841 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-561 .elementor-element.elementor-element-edf8841 .flex-viewport{border-radius:10px 10px 10px 10px;}.woocommerce .elementor-561 .elementor-element.elementor-element-edf8841 .flex-viewport:not(:last-child){margin-bottom:10px;}.woocommerce .elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-thumbs img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#780000;border-radius:10px 10px 10px 10px;}.woocommerce .elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-thumbs li{padding-right:calc(10px / 2);padding-left:calc(10px / 2);padding-bottom:10px;}.woocommerce .elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-thumbs{margin-right:calc(-10px / 2);margin-left:calc(-10px / 2);}.elementor-561 .elementor-element.elementor-element-fd9a258{--display:flex;--min-height:0px;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-561 .elementor-element.elementor-element-c76bc02 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:30px;color:#780000;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-561 .elementor-element.elementor-element-fb2d214{text-align:start;}.woocommerce .elementor-561 .elementor-element.elementor-element-fb2d214 .price{color:#003049;font-family:"Bricolage Grotesque", Sans-serif;}body:not(.rtl) .elementor-561 .elementor-element.elementor-element-fb2d214:not(.elementor-product-price-block-yes) del{margin-right:0px;}body.rtl .elementor-561 .elementor-element.elementor-element-fb2d214:not(.elementor-product-price-block-yes) del{margin-left:0px;}.elementor-561 .elementor-element.elementor-element-fb2d214.elementor-product-price-block-yes del{margin-bottom:0px;}.elementor-561 .elementor-element.elementor-element-4c136b9{text-align:justify;}.woocommerce .elementor-561 .elementor-element.elementor-element-4c136b9 .woocommerce-product-details__short-description{color:#000000;font-family:"Roboto", Sans-serif;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-561 .elementor-element.elementor-element-5a64a08{background-color:#FFF9F1;padding:10px 10px 10px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#780000;border-radius:10px 10px 10px 10px;}.elementor-561 .elementor-element.elementor-element-5a64a08 .cart button, .elementor-561 .elementor-element.elementor-element-5a64a08 .cart .button{border-style:none;border-radius:10px 10px 10px 10px;color:#FFF9F1;background-color:#003049;transition:all 0.2s;}.elementor-561 .elementor-element.elementor-element-5a64a08 .added_to_cart{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-561 .elementor-element.elementor-element-5a64a08 .quantity .qty{border-style:solid;border-width:2px 2px 2px 2px;border-radius:10px 10px 10px 10px;color:#000000;border-color:#003049;transition:all 0.2s;}.woocommerce .elementor-561 .elementor-element.elementor-element-5a64a08 form.cart .variations{width:100%;margin-bottom:0px;}.woocommerce .elementor-561 .elementor-element.elementor-element-5a64a08 form.cart table.variations tr th, .woocommerce .elementor-561 .elementor-element.elementor-element-5a64a08 form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.woocommerce .elementor-561 .elementor-element.elementor-element-5a64a08 form.cart table.variations label{color:#000000;font-size:15px;}.woocommerce .elementor-561 .elementor-element.elementor-element-5a64a08 form.cart table.variations td.value select{color:#000000;}.woocommerce .elementor-561 .elementor-element.elementor-element-5a64a08 form.cart table.variations td.value select, .woocommerce .elementor-561 .elementor-element.elementor-element-5a64a08 form.cart table.variations td.value:before{background-color:#669BBC;border:1px solid #003049;border-radius:10px;}.elementor-561 .elementor-element.elementor-element-94266bd{--display:flex;}.elementor-561 .elementor-element.elementor-element-94266bd:not(.elementor-motion-effects-element-type-background), .elementor-561 .elementor-element.elementor-element-94266bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF9F1;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-561 .elementor-element.elementor-element-6e28274.elementor-element{--align-self:center;}.elementor-561 .elementor-element.elementor-element-6e28274{text-align:center;}.elementor-561 .elementor-element.elementor-element-6e28274 p{margin-block-end:0px;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-561 .elementor-element.elementor-element-f67c443{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;color:#003049;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-561 .elementor-element.elementor-element-3bfc7f2{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-561 .elementor-element.elementor-element-af530ff{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-561 .elementor-element.elementor-element-af530ff .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:30px;color:#780000;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-561 .elementor-element.elementor-element-8f5aae1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-561 .elementor-element.elementor-element-8f5aae1.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-561 .elementor-element.elementor-element-833ddd1{--width:55%;}.elementor-561 .elementor-element.elementor-element-fd9a258{--width:45%;}}@media(max-width:1024px){.elementor-561 .elementor-element.elementor-element-8f5aae1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-561 .elementor-element.elementor-element-8f5aae1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-edf8841 *//* 1. Đưa bộ ảnh nhỏ sang bên trái và xếp dọc */
.elementor-561 .elementor-element.elementor-element-edf8841 .woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important; /* Đảo ngược vị trí: lớn phải, nhỏ trái */
    gap: 20px !important;
    align-items: flex-start !important;
}

/* 2. Định hình lại khung chứa cột ảnh nhỏ */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav {
    width: 15% !important; /* Độ rộng cột ảnh nhỏ vừa vặn */
    position: static !important;
    display: flex !important;
    flex-direction: column !important; /* Xếp dọc các ảnh */
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important; /* Xóa bỏ hoàn toàn các dấu chấm tròn lỗi */
}

/* 3. Ép thẻ LI bọc ảnh thành hình chữ nhật đứng tỉ lệ giống mẫu */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 4. Tùy chỉnh các ảnh nhỏ thành HÌNH CHỮ NHẬT ĐỨNG và BO GÓC */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav li img {
    width: 100% !important;
    height: 90px !important; /* Cố định chiều cao tạo dáng chữ nhật đứng */
    object-fit: cover !important; /* Giúp ảnh không bị méo, tự cắt cúp vừa khung */
    border-radius: 10px !important; /* Bo góc nhẹ cho ảnh nhỏ giống mẫu */
    border: 2px solid transparent !important; /* Viền trong suốt mặc định */
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    opacity: 0.7 !important; /* Hơi mờ nhẹ các ảnh chưa chọn để làm nổi bật ảnh chính */
}

/* 5. Hiệu ứng khi ảnh nhỏ được chọn (Active) hoặc Hover chuột */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav li img.flex-active,
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav li img:hover {
    border-color: #780000 !important; /* Hiện viền xanh navy đậm giống mẫu */
    opacity: 1 !important; /* Hiện rõ nét 100% */
}

/* 6. Chỉnh độ rộng và bo góc cho khung ảnh lớn bên phải */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-viewport {
    width: 85% !important;
    border-radius: 24px !important; /* Bo góc ảnh lớn 24px đồng bộ với khung ngoài */
    overflow: hidden !important;
}
/* 1. Đưa bộ ảnh nhỏ sang bên trái và xếp dọc */
.elementor-561 .elementor-element.elementor-element-edf8841 .woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 20px !important;
    align-items: flex-start !important;
}

/* 2. Tạo khung chứa ảnh nhỏ và CHỪA CHỖ CHO 2 MŨI TÊN */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav {
    width: 15% !important;
    position: relative !important; /* Làm gốc tọa độ cho 2 mũi tên */
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 30px 0 !important; /* Tạo khoảng trống 30px ở trên và dưới để đặt mũi tên */
    margin: 0 !important;
    list-style: none !important;
}

/* ==================== TẠO 2 DẤU MŨI TÊN TỰ ĐỘNG ==================== */

/* Mũi tên LÊN (Nằm ở trên cùng) */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav::before {
    content: "Content" !important;
    content: "\f106" !important; /* Mã icon mũi tên lên của FontAwesome */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 18px !important;
    color: #003049 !important;
    cursor: pointer !important;
    transition: 0.2s !important;
}

/* Mũi tên XUỐNG (Nằm ở dưới cùng) */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav::after {
    content: "Content" !important;
    content: "\f107" !important; /* Mã icon mũi tên xuống của FontAwesome */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 18px !important;
    color: #333 !important;
    cursor: pointer !important;
    transition: 0.2s !important;
}

/* Hiệu ứng đổi màu nhẹ khi di chuột vào mũi tên */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav::before:hover,
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav::after:hover {
    color: #002147 !important;
}

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

/* 3. Ép các thẻ li bọc ảnh gọn gàng */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 4. Định hình ảnh nhỏ thành hình chữ nhật đứng và bo góc */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav li img {
    width: 100% !important;
    height: 85px !important; /* Bạn có thể tăng giảm số này để chỉnh độ dài ảnh nhỏ */
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1.5px solid transparent !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    opacity: 0.7 !important;
}

/* 5. Hiệu ứng Active khi ảnh được chọn */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav li img.flex-active,
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-control-nav li img:hover {
    border-color: #002147 !important;
    opacity: 1 !important;
}

/* 6. Khung ảnh lớn bên phải */
.elementor-561 .elementor-element.elementor-element-edf8841 .flex-viewport {
    width: 85% !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-5a64a08 *//* 2. XÓA BỎ TẬN GỐC NỀN XÁM CỦA BẢNG, HÀNG, CỘT, Ô TIÊU ĐỀ VÀ CHỮ SIZE */
.elementor-561 .elementor-element.elementor-element-5a64a08 .variations, 
.elementor-561 .elementor-element.elementor-element-5a64a08 .variations tr, 
.elementor-561 .elementor-element.elementor-element-5a64a08 .variations td,
.elementor-561 .elementor-element.elementor-element-5a64a08 .variations th,              /* Nhắm vào ô tiêu đề chứa chữ Size */
.elementor-561 .elementor-element.elementor-element-5a64a08 .variations td.label,        /* Nhắm vào cột chứa nhãn */
.elementor-561 .elementor-element.elementor-element-5a64a08 .variations td.label label { /* Nhắm trực tiếp vào thẻ chữ Size */
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;      /* Xóa bóng mờ nếu có */
    border: none !important;          /* Xóa các đường viền gạch ngang lỗi */
    padding-left: 0 !important;       /* Đẩy chữ Size sát ra lề trái cho gọn */
}
/* 1. SỬA LỖI NÚT DẤU TRỪ BỊ DÍNH: Tạo khoảng cách đều cho cả nút trừ và nút cộng */
.elementor-561 .elementor-element.elementor-element-5a64a08 .quantity .minus {
    margin-right: 8px !important; /* Đẩy ô số 1 ra xa nút trừ 8px cho cân đối */
}

.elementor-561 .elementor-element.elementor-element-5a64a08 .quantity .plus {
    margin-left: 8px !important;  /* Giữ khoảng cách 8px từ ô số 1 đến nút cộng */
}

/* 2. CHỈNH LẠI BO GÓC CHO 2 NÚT (Nếu bạn muốn bo tròn đều 4 góc giống ảnh mẫu) */
.elementor-561 .elementor-element.elementor-element-5a64a08 .quantity .minus, 
.elementor-561 .elementor-element.elementor-element-5a64a08 .quantity .plus {
    border-radius: 10px !important; /* Ép bo tròn đều cả 4 góc của từng nút bấm */
}

/* 3. ĐỒNG BỘ ĐỘ CAO VÀ BO GÓC CHO Ô SỐ Ở GIỮA */
.elementor-561 .elementor-element.elementor-element-5a64a08 .quantity input.qty {
    border: 2px solid #003049 !important; /* Trả lại viền trái/phải cho ô số */
    border-radius: 10px !important;        /* Bo góc ô số cho đồng bộ với 2 nút */
}
/* XÓA DẤU MŨI TÊN LÊN XUỐNG MẶC ĐỊNH TRÊN CHROME, SAFARI, EDGE, OPERA */
.elementor-561 .elementor-element.elementor-element-5a64a08 .quantity input::-webkit-outer-spin-button,
.elementor-561 .elementor-element.elementor-element-5a64a08 .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* XÓA DẤU MŨI TÊN LÊN XUỐNG MẶC ĐỊNH TRÊN TRÌNH DUYỆT FIREFOX */
.elementor-561 .elementor-element.elementor-element-5a64a08 .quantity input[type=number] {
    -moz-appearance: textfield !important;
}
/* Ẩn hoàn toàn khối giá mặc định sinh ra ở trong khung màu sữa */
.elementor-561 .elementor-element.elementor-element-5a64a08 .woocommerce-variation-price,
.elementor-561 .elementor-element.elementor-element-5a64a08 .woocommerce-variation {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Định dạng cho mức giá mới khi nó hiển thị thế chỗ dưới tên bánh */
.khung-gia-goc .price, 
.khung-gia-goc .amount {
    color: #003049 !important;    /* Màu đỏ cam */
    font-size: 26px !important;   /* Cỡ chữ to nổi bật */
    font-weight: 800 !important;  /* Làm đậm số tiền */
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-8f5aae1 *//* CARD */
.products .product,
.elementor-loop-item {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 30px !important;
    background: #fff;
}

/* KHU VỰC THÔNG TIN */
.products .product .woocommerce-loop-product__title,
.products .product .price,
.elementor-loop-item .woocommerce-loop-product__title,
.elementor-loop-item .price {
    position: relative;
    z-index: 2;
}

/* GIÁ */
.products .product .price,
.elementor-loop-item .price {
    transition: all .35s ease;
}

/* NÚT SELECT OPTION */
.products .product .button,
.products .product .add_to_cart_button,
.elementor-loop-item .button {

    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 15px !important;

    background: #022a56 !important;
    color: #fff !important;

    border-radius: 50px !important;
    text-align: center;

    padding: 14px 20px !important;

    z-index: 10;

    opacity: 0;
    visibility: hidden;

    transform: translateY(100%);
    transition: all .35s ease;
}

/* HOVER */
.products .product:hover .button,
.products .product:hover .add_to_cart_button,
.elementor-loop-item:hover .button {

    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* GIÁ MỜ ĐI KHI HOVER */
.products .product:hover .price,
.elementor-loop-item:hover .price {
    opacity: 0;
    transform: translateY(15px);
}
/* KHUNG CARD */
.products .product,
.elementor-loop-item {
    position: relative !important;
    overflow: hidden !important;

    border: 3px solid #003049 !important;
    border-radius: 30px !important;
    background: #fff9f1 !important;

    transition: all .3s ease;
}

/* ẢNH */
.products .product img,
.elementor-loop-item img {
    width: 100%;
    display: block;
    border-radius: 27px 27px 0 0 !important;
}

/* TÊN SẢN PHẨM */
.products .woocommerce-loop-product__title,
.elementor-loop-item .woocommerce-loop-product__title {
    color: #003049 !important;
    font-weight: 700;
    text-align: center;
}

/* GIÁ */
.products .price,
.elementor-loop-item .price {
    color: #780000 !important;
    text-align: center;
    transition: all .35s ease;
}

/* NÚT SELECT OPTION */
.products .product .button,
.products .product .add_to_cart_button,
.elementor-loop-item .button {

    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;

    background: #003049 !important;
    color: #fff9f1 !important;

    border: 1px solid #003049 !important;
    border-radius: 999px !important;

    text-align: center;
    z-index: 20;

    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);

    transition: all .35s ease;
}

/* HIỆN NÚT KHI HOVER */
.products .product:hover .button,
.products .product:hover .add_to_cart_button,
.elementor-loop-item:hover .button {

    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ẨN GIÁ KHI HOVER */
.products .product:hover .price,
.elementor-loop-item:hover .price {
    opacity: 0;
    transform: translateY(10px);
}

/* ĐỔI MÀU NÚT KHI RÊ CHUỘT VÀO NÚT */
.products .product .button:hover,
.products .product .add_to_cart_button:hover,
.elementor-loop-item .button:hover {

    background: #780000 !important;
    color: #fff9f1 !important;
    border-color: #780000 !important;
}

/* HIỆU ỨNG NỔI CARD */
.products .product:hover,
.elementor-loop-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 48, 73, 0.15);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bricolage Grotesque';
	font-display: auto;
	src: url('http://cuoikyroi.smartquote.us/wp-content/uploads/2026/05/BricolageGrotesque-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */