.elementor-328 .elementor-element.elementor-element-52c1926e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;box-shadow:0px 5px 30px 0px rgba(0,0,0,0.1);--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:10;}.elementor-328 .elementor-element.elementor-element-231d2118{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-328 .elementor-element.elementor-element-231d2118:not(.elementor-motion-effects-element-type-background), .elementor-328 .elementor-element.elementor-element-231d2118 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#16163f;}.elementor-328 .elementor-element.elementor-element-7ebcc34f{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-7ebcc34f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-7841ff54.elementor-element{--order:-99999 /* order start hack */;}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-icon i{color:#ffffff;transition:color 0.3s;}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-icon svg{fill:#ffffff;transition:fill 0.3s;}.elementor-328 .elementor-element.elementor-element-7841ff54{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:300;}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-text{color:#ffffff;transition:color 0.3s;}.elementor-328 .elementor-element.elementor-element-b084d0c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:12px;--padding-right:12px;}.elementor-328 .elementor-element.elementor-element-b084d0c:not(.elementor-motion-effects-element-type-background), .elementor-328 .elementor-element.elementor-element-b084d0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-328 .elementor-element.elementor-element-b084d0c.e-con{--align-self:center;}.elementor-328 .elementor-element.elementor-element-3c066ccc{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-3c066ccc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-ce891c1{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 0px 14px 0px;}.elementor-328 .elementor-element.elementor-element-ce891c1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-ce891c1 .elementor-menu-toggle{margin:0 auto;}.elementor-328 .elementor-element.elementor-element-ce891c1 .elementor-nav-menu--dropdown a{padding-left:18px;padding-right:18px;padding-top:8px;padding-bottom:8px;}.elementor-328 .elementor-element.elementor-element-ce891c1 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-328 .elementor-element.elementor-element-ce891c1 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:24px !important;}.elementor-328 .elementor-element.elementor-element-ebda8f6.elementor-element{--align-self:center;}.elementor-328 .elementor-element.elementor-element-31536c4{--display:flex;}.elementor-328 .elementor-element.elementor-element-31536c4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-0fbf433{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 0px 0px 0px;--e-search-input-padding-block-start:8px;--e-search-input-padding-inline-start:8px;--e-search-input-padding-block-end:8px;--e-search-input-padding-inline-end:8px;--e-search-icon-label-size:0px;--e-search-input-gap:0px;--e-search-submit-margin-inline-start:0px;}.elementor-328 .elementor-element.elementor-element-0fbf433.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-0fbf433 .e-search-input{border-radius:25px 25px 25px 25px;}.elementor-328 .elementor-element.elementor-element-983c557{--display:flex;}.elementor-328 .elementor-element.elementor-element-983c557.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-00acbcc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;padding:14px 5px 6px -3px;}.elementor-328 .elementor-element.elementor-element-00acbcc.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-00acbcc .elementor-button{border-radius:67px 67px 67px 67px;padding:15px 21px 13px 23px;}.elementor-328 .elementor-element.elementor-element-b3887b1{--display:flex;}.elementor-328 .elementor-element.elementor-element-b3887b1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-b278a43 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-328 .elementor-element.elementor-element-b278a43.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-b278a43 .mg-db-btn{justify-content:flex-end;border-style:none;}.elementor-328 .elementor-element.elementor-element-b278a43 .mg-dbtn-main a.mg-dual-btn1{padding:8px 8px 8px 8px;font-size:15px;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.5);color:#FFFFFF;background-color:#000000;}.elementor-328 .elementor-element.elementor-element-b278a43 .mg-dbtn-main a.mg-dual-btn1 i{font-size:10px;color:#FFFFFF;}.elementor-328 .elementor-element.elementor-element-b278a43 .mg-dbtn-main a.mg-dual-btn1 svg{width:10px;fill:#FFFFFF;}.elementor-328 .elementor-element.elementor-element-b278a43 .mg-dbtn-main a.mg-dual-btn2{padding:8px 8px 8px 8px;font-size:15px;border-style:none;background-color:#E6E4E4;}.elementor-328 .elementor-element.elementor-element-b278a43 .mg-dbtn-main a.mg-dual-btn2 i{font-size:13px;}.elementor-328 .elementor-element.elementor-element-b278a43 .mg-dbtn-main a.mg-dual-btn2 svg{width:13px;}.elementor-328 .elementor-element.elementor-element-b278a43 .mg-dbtn-main a.mg-dual-btn2:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-328 .elementor-element.elementor-element-bd9f7c0{--display:flex;}.elementor-328 .elementor-element.elementor-element-bd9f7c0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-7a6804d .elementor-menu-cart__close-button, .elementor-328 .elementor-element.elementor-element-7a6804d .elementor-menu-cart__close-button-custom{display:none;}.elementor-328 .elementor-element.elementor-element-7a6804d{margin:-3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-5px 0px 0px 0px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#000000;--toggle-button-border-width:1px;--toggle-button-border-radius:33px;--toggle-icon-size:20px;--toggle-icon-padding:10px 10px 10px 10px;--cart-border-style:none;--remove-item-button-size:0px;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-328 .elementor-element.elementor-element-7a6804d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-328 .elementor-element.elementor-element-7a6804d .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-14px;top:-14px;}body.rtl .elementor-328 .elementor-element.elementor-element-7a6804d .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:14px;top:-14px;left:auto;}.elementor-328 .elementor-element.elementor-element-7a6804d .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-328 .elementor-element.elementor-element-6aeee94{--display:flex;--min-height:0px;--justify-content:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-328 .elementor-element.elementor-element-6aeee94.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-328 .elementor-element.elementor-element-774ac92{margin:-12px -12px calc(var(--kit-widget-spacing, 0px) + -12px) -12px;}.elementor-328 .elementor-element.elementor-element-774ac92.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-328 .elementor-element.elementor-element-231d2118{--padding-top:27px;--padding-bottom:27px;--padding-left:15px;--padding-right:15px;}.elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-328 .elementor-element.elementor-element-7841ff54 .elementor-icon-list-item > a{font-size:12px;}.elementor-328 .elementor-element.elementor-element-b084d0c{--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-328 .elementor-element.elementor-element-231d2118{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-328 .elementor-element.elementor-element-3c066ccc{--width:100%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;}}@media(min-width:768px){.elementor-328 .elementor-element.elementor-element-231d2118{--content-width:1200px;}.elementor-328 .elementor-element.elementor-element-7ebcc34f{--width:1278px;}.elementor-328 .elementor-element.elementor-element-b084d0c{--content-width:1200px;}.elementor-328 .elementor-element.elementor-element-3c066ccc{--width:28px;}.elementor-328 .elementor-element.elementor-element-31536c4{--width:42.189%;}.elementor-328 .elementor-element.elementor-element-983c557{--width:6.581%;}.elementor-328 .elementor-element.elementor-element-b3887b1{--width:18.283%;}.elementor-328 .elementor-element.elementor-element-bd9f7c0{--width:5.333%;}.elementor-328 .elementor-element.elementor-element-6aeee94{--width:7%;}}@media(max-width:1024px) and (min-width:768px){.elementor-328 .elementor-element.elementor-element-7ebcc34f{--width:75%;}.elementor-328 .elementor-element.elementor-element-3c066ccc{--width:28%;}}/* Start custom CSS for button, class: .elementor-element-00acbcc */.elementor-328 .elementor-element.elementor-element-00acbcc a { overflow: hidden; }
.elementor-328 .elementor-element.elementor-element-00acbcc a:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255,255,255,0.5);
    transform: rotate(30deg);
    transition: 0.5s;
}
.elementor-328 .elementor-element.elementor-element-00acbcc a:hover:after { left: 150%; }/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-7a6804d *//* =========================================
   THÊM THANH CUỘN CHO MINI CART
========================================= */
/* Giới hạn chiều cao danh sách và bật thanh cuộn dọc */
.widget_shopping_cart_content ul.cart_list,
.elementor-menu-cart__products,
.woocommerce-mini-cart {
    max-height: 55vh !important; /* Giới hạn chiều cao khoảng 55% màn hình */
    overflow-y: auto !important; /* Bật thanh cuộn dọc */
    overflow-x: hidden !important; /* Ẩn thanh cuộn ngang nếu có */
    padding-right: 8px !important; /* Tránh thanh cuộn đè lên chữ/nút xóa */
}

/* =========================================
   LÀM ĐẸP THANH CUỘN (SCROLLBAR)
========================================= */
.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar,
.elementor-menu-cart__products::-webkit-scrollbar,
.woocommerce-mini-cart::-webkit-scrollbar {
    width: 6px; /* Độ rộng của thanh cuộn */
}

.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-track,
.elementor-menu-cart__products::-webkit-scrollbar-track,
.woocommerce-mini-cart::-webkit-scrollbar-track {
    background: #f1f1f1; /* Màu nền của rãnh cuộn */
    border-radius: 4px;
}

.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-thumb,
.elementor-menu-cart__products::-webkit-scrollbar-thumb,
.woocommerce-mini-cart::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* Màu của thanh cuộn */
    border-radius: 4px;
}

.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-thumb:hover,
.elementor-menu-cart__products::-webkit-scrollbar-thumb:hover,
.woocommerce-mini-cart::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; /* Màu đậm hơn khi trỏ chuột vào thanh cuộn */
}
/* =========================================
   1. BỐ CỤC LẠI TỪNG SẢN PHẨM TRONG GIỎ
========================================= */
/* Ép ảnh, tên và nút xóa nằm ngang hàng nhau (Flexbox) */
.woocommerce-mini-cart-item,
.elementor-menu-cart__product {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 0 !important;
    border-bottom: 1px dashed #e0e0e0 !important; /* Đường kẻ gạch đứt phân cách các sản phẩm */
}

/* Thu nhỏ và bo góc ảnh sản phẩm */
.woocommerce-mini-cart-item img,
.elementor-menu-cart__product-image img {
    width: 65px !important;
    height: 65px !important;
    object-fit: contain !important; /* Đảm bảo ảnh không bị méo */
    border-radius: 8px !important;
    border: 1px solid #f0f0f0 !important;
    background: #fff;
    margin: 0 !important;
}

/* =========================================
   2. TÊN SẢN PHẨM & GIÁ TIỀN
========================================= */
/* Căn chỉnh lại khối thông tin (Tên + Giá) */
.elementor-menu-cart__product-name,
.woocommerce-mini-cart-item a:not(.remove) {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2c3338 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    display: block !important;
    margin-bottom: 5px !important;
}

/* Chỉnh màu sắc cho Số lượng và Giá tiền */
.woocommerce-mini-cart-item .quantity,
.elementor-menu-cart__product-price {
    font-size: 13px !important;
    color: #888 !important;
}

.woocommerce-mini-cart-item .quantity .amount,
.elementor-menu-cart__product-price .amount {
    color: #e53935 !important; /* Màu đỏ cho giá tiền */
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* Làm nút Xóa (x) to và dễ bấm hơn */
.woocommerce-mini-cart-item .remove,
.elementor-menu-cart__product-remove {
    color: #ff3b30 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin-left: auto !important; /* Đẩy nút xóa sát vào lề phải */
    background: #fff0f0 !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}
.woocommerce-mini-cart-item .remove:hover,
.elementor-menu-cart__product-remove:hover {
    background: #ff3b30 !important;
    color: #fff !important;
}

/* =========================================
   3. PHẦN TỔNG TIỀN (SUBTOTAL)
========================================= */
.woocommerce-mini-cart__total,
.elementor-menu-cart__subtotal {
    border-top: 2px solid #f4f4f4 !important;
    padding-top: 15px !important;
    margin-top: 10px !important;
    display: flex !important;
    justify-content: space-between !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #1a2b4c !important;
}

.woocommerce-mini-cart__total .amount {
    color: #e53935 !important;
    font-size: 18px !important;
}

/* =========================================
   4. TÁCH VÀ LÀM ĐẸP NÚT BẤM (BUTTONS)
========================================= */
.woocommerce-mini-cart__buttons,
.elementor-menu-cart__footer-buttons {
    display: flex !important;
    flex-direction: column !important; /* Xếp 2 nút dọc nhau */
    gap: 10px !important;
    margin-top: 15px !important;
}

.woocommerce-mini-cart__buttons a,
.elementor-menu-cart__footer-buttons a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 12px 0 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

/* Nút "View Cart" (Xem giỏ hàng) */
.woocommerce-mini-cart__buttons a:first-child,
.elementor-menu-cart__footer-buttons a:first-child {
    background-color: #f1f1f1 !important;
    color: #333 !important;
}
.woocommerce-mini-cart__buttons a:first-child:hover,
.elementor-menu-cart__footer-buttons a:first-child:hover {
    background-color: #e2e2e2 !important;
}

/* Nút "Checkout" (Thanh toán) */
.woocommerce-mini-cart__buttons a.checkout,
.elementor-menu-cart__footer-buttons a.elementor-button--checkout {
    background-color: #645cff !important; /* Đổi màu xanh tím quen thuộc của bạn */
    color: #ffffff !important;
}
.woocommerce-mini-cart__buttons a.checkout:hover,
.elementor-menu-cart__footer-buttons a.elementor-button--checkout:hover {
    background-color: #4a41d6 !important;
    box-shadow: 0 5px 15px rgba(100, 92, 255, 0.3) !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */