.elementor-328 .elementor-element.elementor-element-e569a57{--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-328 .elementor-element.elementor-element-6bfec44{padding:0px 0px 0px 0px;}.elementor-328 .elementor-element.elementor-element-8ab2c95{--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-328 .elementor-element.elementor-element-e231d23{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-328 .elementor-element.elementor-element-e231d23 .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-328 .elementor-element.elementor-element-6ad0880{--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-328 .elementor-element.elementor-element-25be05d{--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-328 .elementor-element.elementor-element-c6853e6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-3140d6c 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-328 .elementor-element.elementor-element-5ab5526 .elementor-button{background-color:#D01C25;}.elementor-328 .elementor-element.elementor-element-5ab5526.elementor-element{--align-self:center;}.elementor-328 .elementor-element.elementor-element-078ce88{padding:0px 20px 20px 20px;}.elementor-328 .elementor-element.elementor-element-078ce88 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-328 .elementor-element.elementor-element-078ce88 .elementor-heading-title a:hover, .elementor-328 .elementor-element.elementor-element-078ce88 .elementor-heading-title a:focus{color:#D01C25;}.elementor-328 .elementor-element.elementor-element-5a5468b{--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-328 .elementor-element.elementor-element-93ee8c6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-0eb80a5 img{width:87%;border-radius:18px 18px 18px 18px;}.elementor-328 .elementor-element.elementor-element-24e9140 .elementor-button{background-color:#D01C25;}.elementor-328 .elementor-element.elementor-element-24e9140.elementor-element{--align-self:center;}.elementor-328 .elementor-element.elementor-element-7c4b457{padding:0px 20px 20px 20px;}.elementor-328 .elementor-element.elementor-element-7c4b457 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-328 .elementor-element.elementor-element-7c4b457 .elementor-heading-title a:hover, .elementor-328 .elementor-element.elementor-element-7c4b457 .elementor-heading-title a:focus{color:#D01C25;}.elementor-328 .elementor-element.elementor-element-55826c1{--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-328 .elementor-element.elementor-element-91a7e7e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-4e27e60 img{width:87%;border-radius:18px 18px 18px 18px;}.elementor-328 .elementor-element.elementor-element-74fe2ac .elementor-button{background-color:#D01C25;}.elementor-328 .elementor-element.elementor-element-74fe2ac.elementor-element{--align-self:center;}.elementor-328 .elementor-element.elementor-element-2cddc67{padding:0px 20px 20px 20px;}.elementor-328 .elementor-element.elementor-element-2cddc67 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-328 .elementor-element.elementor-element-2cddc67 .elementor-heading-title a:hover, .elementor-328 .elementor-element.elementor-element-2cddc67 .elementor-heading-title a:focus{color:#D01C25;}.elementor-328 .elementor-element.elementor-element-1e45aae{--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-328 .elementor-element.elementor-element-2e991b0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-611ddf5 img{width:87%;border-radius:18px 18px 18px 18px;}.elementor-328 .elementor-element.elementor-element-b0448ff .elementor-button{background-color:#D01C25;}.elementor-328 .elementor-element.elementor-element-b0448ff.elementor-element{--align-self:center;}.elementor-328 .elementor-element.elementor-element-c0d7983{padding:0px 20px 20px 20px;}.elementor-328 .elementor-element.elementor-element-c0d7983 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-328 .elementor-element.elementor-element-c0d7983 .elementor-heading-title a:hover, .elementor-328 .elementor-element.elementor-element-c0d7983 .elementor-heading-title a:focus{color:#D01C25;}.elementor-328 .elementor-element.elementor-element-9600a81{--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-328 .elementor-element.elementor-element-f347f20{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-49f5982 img{width:87%;border-radius:18px 18px 18px 18px;}.elementor-328 .elementor-element.elementor-element-57b2214 .elementor-button{background-color:#D01C25;}.elementor-328 .elementor-element.elementor-element-57b2214.elementor-element{--align-self:center;}.elementor-328 .elementor-element.elementor-element-1a2e853{padding:0px 20px 20px 20px;}.elementor-328 .elementor-element.elementor-element-1a2e853 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-328 .elementor-element.elementor-element-1a2e853 .elementor-heading-title a:hover, .elementor-328 .elementor-element.elementor-element-1a2e853 .elementor-heading-title a:focus{color:#D01C25;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-328 .elementor-element.elementor-element-8ab2c95{--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-328 .elementor-element.elementor-element-e231d23 .elementor-heading-title{font-size:30px;}.elementor-328 .elementor-element.elementor-element-6ad0880{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-328 .elementor-element.elementor-element-3140d6c img{width:85%;}.elementor-328 .elementor-element.elementor-element-0eb80a5 img{width:85%;}.elementor-328 .elementor-element.elementor-element-4e27e60 img{width:85%;}.elementor-328 .elementor-element.elementor-element-611ddf5 img{width:85%;}.elementor-328 .elementor-element.elementor-element-49f5982 img{width:85%;}}@media(max-width:767px){.elementor-328 .elementor-element.elementor-element-e569a57{--margin-top:77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-328 .elementor-element.elementor-element-8ab2c95{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-328 .elementor-element.elementor-element-e231d23 .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-328 .elementor-element.elementor-element-6ad0880{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-328 .elementor-element.elementor-element-3140d6c img{width:70%;}.elementor-328 .elementor-element.elementor-element-0eb80a5 img{width:70%;}.elementor-328 .elementor-element.elementor-element-4e27e60 img{width:70%;}.elementor-328 .elementor-element.elementor-element-611ddf5 img{width:70%;}.elementor-328 .elementor-element.elementor-element-49f5982 img{width:70%;}}@media(min-width:768px){.elementor-328 .elementor-element.elementor-element-8ab2c95{--content-width:1140px;}}/* Start custom CSS for container, class: .elementor-element-8ab2c95 */.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 */