.elementor-570 .elementor-element.elementor-element-169e637{--display:flex;--margin-top:170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{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-570 .elementor-element.elementor-element-c0a67f4{padding:0px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-0dae009{--display:flex;--margin-top:100px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-570 .elementor-element.elementor-element-4e12fb9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-570 .elementor-element.elementor-element-4e12fb9 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:36px;font-weight:700;font-style:normal;line-height:45px;color:#012A63;}.elementor-570 .elementor-element.elementor-element-8e62e87{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-92f1815{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#CCCCCC;--border-color:#CCCCCC;--border-radius:18px 18px 18px 18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-c4d8724{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-01e9ccc img{width:87%;border-radius:18px 18px 18px 18px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-570 .elementor-element.elementor-element-1b16e18 .elementor-button{background-color:#D01C25;}.elementor-570 .elementor-element.elementor-element-1b16e18.elementor-element{--align-self:center;}.elementor-570 .elementor-element.elementor-element-73f5ac0{padding:0px 20px 20px 20px;}.elementor-570 .elementor-element.elementor-element-73f5ac0 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-570 .elementor-element.elementor-element-73f5ac0 .elementor-heading-title a:hover, .elementor-570 .elementor-element.elementor-element-73f5ac0 .elementor-heading-title a:focus{color:#D01C25;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-570 .elementor-element.elementor-element-0dae009{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:015px;--padding-right:015px;}.elementor-570 .elementor-element.elementor-element-4e12fb9 .elementor-heading-title{font-size:30px;}.elementor-570 .elementor-element.elementor-element-8e62e87{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-570 .elementor-element.elementor-element-01e9ccc img{width:85%;}}@media(max-width:767px){.elementor-570 .elementor-element.elementor-element-169e637{--margin-top:76px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-570 .elementor-element.elementor-element-0dae009{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-570 .elementor-element.elementor-element-4e12fb9{width:var( --container-widget-width, 220px );max-width:220px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:220px;--container-widget-flex-grow:0;}.elementor-570 .elementor-element.elementor-element-4e12fb9.elementor-element{--align-self:center;}.elementor-570 .elementor-element.elementor-element-4e12fb9 .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-570 .elementor-element.elementor-element-8e62e87{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-570 .elementor-element.elementor-element-01e9ccc img{width:70%;}}/* Start custom CSS for container, class: .elementor-element-0dae009 */.product-media {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}

.product-media img {
    transition: transform 0.4s ease;
}

/* Lớp phủ trắng nhẹ */
.product-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0);
    transition: background 0.35s ease;
    z-index: 5;
    pointer-events: none; /* để không chặn click vào ảnh/nút bên dưới nếu cần */
}

.product-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
    z-index: 10; /* cao hơn overlay để nút luôn hiện phía trên */
}

.product-card:hover .product-media img {
    transform: scale(1.08);
}

/* Khi hover, overlay trắng mờ xuất hiện */
.product-card:hover .product-media::after {
    background: rgba(255, 255, 255, 0.45);
}

.product-card:hover .product-btn {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.product-title {
    transition: color 0.3s ease;
}

.product-title:hover {
    color: #d01c25 !important;
}/* End custom CSS */