.elementor-6959 .elementor-element.elementor-element-423b64a{--display:flex;--min-height:100vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-423b64a:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-423b64a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lanongarden.com/wp-content/uploads/2025/11/z7236651617323_bfb4a532b3ad88ad7a9a784cd5513059.jpg");background-position:center center;background-size:cover;}.elementor-6959 .elementor-element.elementor-element-f721660{--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;}.elementor-6959 .elementor-element.elementor-element-efd0779{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-375d001 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6959 .elementor-element.elementor-element-375d001{text-align:center;}.elementor-6959 .elementor-element.elementor-element-375d001 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;color:#E5DFD4;}.elementor-6959 .elementor-element.elementor-element-375d001 .elementor-heading-title a:hover, .elementor-6959 .elementor-element.elementor-element-375d001 .elementor-heading-title a:focus{color:#000000;}.elementor-6959 .elementor-element.elementor-element-56c4cc2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-6aa673c > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-6959 .elementor-element.elementor-element-6aa673c{text-align:center;}.elementor-6959 .elementor-element.elementor-element-6aa673c .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:25px;font-weight:400;text-transform:uppercase;color:#E5DFD4;}.elementor-6959 .elementor-element.elementor-element-bd83220{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-6959 .elementor-element.elementor-element-52d8c28{--display:flex;--min-height:60vh;--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;--justify-content:flex-end;}.elementor-6959 .elementor-element.elementor-element-52d8c28:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-52d8c28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lanongarden.com/wp-content/uploads/2025/10/BANNER-TIEU-CANH.jpg");background-position:center center;background-size:cover;}.elementor-6959 .elementor-element.elementor-element-97fe982.elementor-element{--align-self:center;}.elementor-6959 .elementor-element.elementor-element-29fbf3d{--display:flex;--min-height:40vh;--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;--justify-content:flex-end;}.elementor-6959 .elementor-element.elementor-element-29fbf3d:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-29fbf3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lanongarden.com/wp-content/uploads/2025/10/BANNER-CAY-TRONG-NHA.jpg");background-position:center center;background-size:cover;}.elementor-6959 .elementor-element.elementor-element-6b36250.elementor-element{--align-self:center;}.elementor-6959 .elementor-element.elementor-element-e373806{--display:flex;--min-height:40vh;--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;--justify-content:flex-end;}.elementor-6959 .elementor-element.elementor-element-e373806:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-e373806 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lanongarden.com/wp-content/uploads/2025/10/BANNER-CAY-NGOAI-TROI.jpg");background-position:center center;background-size:cover;}.elementor-6959 .elementor-element.elementor-element-8ee660a.elementor-element{--align-self:center;}.elementor-6959 .elementor-element.elementor-element-33a271a{--display:flex;--min-height:40vh;--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;--justify-content:flex-end;}.elementor-6959 .elementor-element.elementor-element-33a271a:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-33a271a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lanongarden.com/wp-content/uploads/2025/10/BANNER-NHA-PHO_SAN-VUON.jpg");background-position:center center;background-size:cover;}.elementor-6959 .elementor-element.elementor-element-3e35bbf.elementor-element{--align-self:center;}.elementor-6959 .elementor-element.elementor-element-3e9f348{--display:flex;--min-height:92vh;--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;--justify-content:flex-end;--overlay-opacity:0.5;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-3e9f348:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-3e9f348 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lanongarden.com/wp-content/uploads/2025/11/BANNER-COMBO-BAN-CONG-2.jpg");background-position:center center;background-size:cover;}.elementor-6959 .elementor-element.elementor-element-3e9f348::before, .elementor-6959 .elementor-element.elementor-element-3e9f348 > .elementor-background-video-container::before, .elementor-6959 .elementor-element.elementor-element-3e9f348 > .e-con-inner > .elementor-background-video-container::before, .elementor-6959 .elementor-element.elementor-element-3e9f348 > .elementor-background-slideshow::before, .elementor-6959 .elementor-element.elementor-element-3e9f348 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6959 .elementor-element.elementor-element-3e9f348 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000042;--background-overlay:'';}.elementor-6959 .elementor-element.elementor-element-f559041 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-6959 .elementor-element.elementor-element-f559041.elementor-element{--align-self:center;}.elementor-6959 .elementor-element.elementor-element-50fdbd3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6959 .elementor-element.elementor-element-00b3e91 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6959 .elementor-element.elementor-element-4853b96{--display:flex;--margin-top:30px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-87b98dd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6959 .elementor-element.elementor-element-87b98dd{text-align:center;}.elementor-6959 .elementor-element.elementor-element-87b98dd .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;color:#E5DFD4;}.elementor-6959 .elementor-element.elementor-element-87b98dd .elementor-heading-title a:hover, .elementor-6959 .elementor-element.elementor-element-87b98dd .elementor-heading-title a:focus{color:#000000;}@media(min-width:768px){.elementor-6959 .elementor-element.elementor-element-52d8c28{--width:50%;}.elementor-6959 .elementor-element.elementor-element-29fbf3d{--width:50%;}.elementor-6959 .elementor-element.elementor-element-e373806{--width:50%;}.elementor-6959 .elementor-element.elementor-element-33a271a{--width:50%;}}@media(max-width:1024px){.elementor-6959 .elementor-element.elementor-element-423b64a:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-423b64a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lanongarden.com/wp-content/uploads/2025/11/z7236651617323_bfb4a532b3ad88ad7a9a784cd5513059.jpg");}.elementor-6959 .elementor-element.elementor-element-423b64a{--min-height:53vh;}.elementor-6959 .elementor-element.elementor-element-375d001 .elementor-heading-title{font-size:15px;}.elementor-6959 .elementor-element.elementor-element-6aa673c > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-6959 .elementor-element.elementor-element-6aa673c .elementor-heading-title{font-size:23px;}.elementor-6959 .elementor-element.elementor-element-52d8c28{--min-height:28vh;}.elementor-6959 .elementor-element.elementor-element-29fbf3d{--min-height:0vh;}.elementor-6959 .elementor-element.elementor-element-e373806{--min-height:0vh;}.elementor-6959 .elementor-element.elementor-element-33a271a{--min-height:0vh;}.elementor-6959 .elementor-element.elementor-element-3e9f348{--min-height:57vh;--justify-content:flex-end;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-50fdbd3{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-6959 .elementor-element.elementor-element-87b98dd .elementor-heading-title{font-size:15px;}}@media(max-width:767px){.elementor-6959 .elementor-element.elementor-element-423b64a{--min-height:62vh;}.elementor-6959 .elementor-element.elementor-element-f721660{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-375d001 .elementor-heading-title{font-size:13px;}.elementor-6959 .elementor-element.elementor-element-56c4cc2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6959 .elementor-element.elementor-element-6aa673c > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-6959 .elementor-element.elementor-element-6aa673c .elementor-heading-title{font-size:10px;}.elementor-6959 .elementor-element.elementor-element-52d8c28{--width:48%;--min-height:25vh;}.elementor-6959 .elementor-element.elementor-element-29fbf3d{--width:48%;--min-height:25vh;}.elementor-6959 .elementor-element.elementor-element-e373806{--width:48%;--min-height:25vh;}.elementor-6959 .elementor-element.elementor-element-33a271a{--width:48%;--min-height:25vh;}.elementor-6959 .elementor-element.elementor-element-3e9f348:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-3e9f348 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lanongarden.com/wp-content/uploads/2025/10/BANNER-COMBO-BAN-CONG.jpg");}.elementor-6959 .elementor-element.elementor-element-3e9f348{--min-height:63vh;--justify-content:flex-end;}.elementor-6959 .elementor-element.elementor-element-f559041 > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-6959 .elementor-element.elementor-element-50fdbd3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}.elementor-6959 .elementor-element.elementor-element-87b98dd .elementor-heading-title{font-size:13px;}}/* Start custom CSS for container, class: .elementor-element-52d8c28 *//* === Smooth BG zoom like ThePlantDaddies (GPU transform, no jank) === */
.elementor-6959 .elementor-element.elementor-element-52d8c28{
  position: relative;
  overflow: hidden;                  /* cắt mép khi phóng to */
  background-position: center;
  background-size: cover;
  --fs-desktop: 13px;                /* 💬 chỉnh size chữ desktop ở đây */
  --fs-tablet: 12px;                 /* 💬 chỉnh size chữ tablet */
  --fs-mobile: 9px;                 /* 💬 chỉnh size chữ mobile */
  font-size: var(--fs-desktop) !important; /* áp dụng cho mọi chữ bên trong */
  line-height: 1.4;
  transition: font-size 0.3s ease;   /* chuyển mượt khi resize */
}

/* Font responsive cho tất cả phần tử con */
.elementor-6959 .elementor-element.elementor-element-52d8c28 * {
  font-size: inherit !important;
  line-height: inherit;
}

/* Lớp phủ mang y hệt background của container */
.elementor-6959 .elementor-element.elementor-element-52d8c28::before{
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;               /* kế thừa url + repeat + position + size */
  transform: scale(1);               /* trạng thái ban đầu */
  will-change: transform;
  transition: transform 1.0s cubic-bezier(.22,.61,.36,1);
  z-index: 0;
  pointer-events: none;              /* không chặn click vào nội dung */
}

/* Đảm bảo nội dung & overlay nằm trên lớp ảnh */
.elementor-6959 .elementor-element.elementor-element-52d8c28 > *{
  position: relative;
  z-index: 1;
}

/* Hover: phóng rất nhẹ, cực mượt */
@media (hover:hover){
  .elementor-6959 .elementor-element.elementor-element-52d8c28:hover::before{
    transform: scale(1.03);          /* +3% đúng kiểu tinh tế */
  }
}

/* Overlay tối nhẹ khi hover */
.elementor-6959 .elementor-element.elementor-element-52d8c28 .elementor-background-overlay{
  transition: opacity .45s ease;
}
@media (hover:hover){
  .elementor-6959 .elementor-element.elementor-element-52d8c28:hover .elementor-background-overlay{
    opacity: .95;                    /* chỉnh theo ý bạn hoặc bỏ */
  }
}

/* Responsive typography */
@media (max-width: 1024px){
  .elementor-6959 .elementor-element.elementor-element-52d8c28 { font-size: var(--fs-tablet) !important; }
}
@media (max-width: 768px){
  .elementor-6959 .elementor-element.elementor-element-52d8c28 { font-size: var(--fs-mobile) !important; }
}

/* Giảm chuyển động nếu người dùng chọn Reduce Motion */
@media (prefers-reduced-motion: reduce){
  .elementor-6959 .elementor-element.elementor-element-52d8c28::before,
  .elementor-6959 .elementor-element.elementor-element-52d8c28 .elementor-background-overlay{
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-29fbf3d *//* === Smooth BG zoom like ThePlantDaddies (GPU transform, no jank) === */
.elementor-6959 .elementor-element.elementor-element-29fbf3d{
  position: relative;
  overflow: hidden;                  /* cắt mép khi phóng to */
  background-position: center;
  background-size: cover;
  --fs-desktop: 13px;                /* 💬 chỉnh size chữ desktop ở đây */
  --fs-tablet: 12px;                 /* 💬 chỉnh size chữ tablet */
  --fs-mobile: 9px;                 /* 💬 chỉnh size chữ mobile */
  font-size: var(--fs-desktop) !important; /* áp dụng cho mọi chữ bên trong */
  line-height: 1.4;
  transition: font-size 0.3s ease;   /* chuyển mượt khi resize */
}

/* Font responsive cho tất cả phần tử con */
.elementor-6959 .elementor-element.elementor-element-29fbf3d * {
  font-size: inherit !important;
  line-height: inherit;
}

/* Lớp phủ mang y hệt background của container */
.elementor-6959 .elementor-element.elementor-element-29fbf3d::before{
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;               /* kế thừa url + repeat + position + size */
  transform: scale(1);               /* trạng thái ban đầu */
  will-change: transform;
  transition: transform 1.0s cubic-bezier(.22,.61,.36,1);
  z-index: 0;
  pointer-events: none;              /* không chặn click vào nội dung */
}

/* Đảm bảo nội dung & overlay nằm trên lớp ảnh */
.elementor-6959 .elementor-element.elementor-element-29fbf3d > *{
  position: relative;
  z-index: 1;
}

/* Hover: phóng rất nhẹ, cực mượt */
@media (hover:hover){
  .elementor-6959 .elementor-element.elementor-element-29fbf3d:hover::before{
    transform: scale(1.03);          /* +3% đúng kiểu tinh tế */
  }
}

/* Overlay tối nhẹ khi hover */
.elementor-6959 .elementor-element.elementor-element-29fbf3d .elementor-background-overlay{
  transition: opacity .45s ease;
}
@media (hover:hover){
  .elementor-6959 .elementor-element.elementor-element-29fbf3d:hover .elementor-background-overlay{
    opacity: .95;                    /* chỉnh theo ý bạn hoặc bỏ */
  }
}

/* Responsive typography */
@media (max-width: 1024px){
  .elementor-6959 .elementor-element.elementor-element-29fbf3d { font-size: var(--fs-tablet) !important; }
}
@media (max-width: 768px){
  .elementor-6959 .elementor-element.elementor-element-29fbf3d { font-size: var(--fs-mobile) !important; }
}

/* Giảm chuyển động nếu người dùng chọn Reduce Motion */
@media (prefers-reduced-motion: reduce){
  .elementor-6959 .elementor-element.elementor-element-29fbf3d::before,
  .elementor-6959 .elementor-element.elementor-element-29fbf3d .elementor-background-overlay{
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e373806 *//* === Smooth BG zoom like ThePlantDaddies (GPU transform, no jank) === */
.elementor-6959 .elementor-element.elementor-element-e373806{
  position: relative;
  overflow: hidden;                  /* cắt mép khi phóng to */
  background-position: center;
  background-size: cover;
  --fs-desktop: 13px;                /* 💬 chỉnh size chữ desktop ở đây */
  --fs-tablet: 12px;                 /* 💬 chỉnh size chữ tablet */
  --fs-mobile: 9px;                 /* 💬 chỉnh size chữ mobile */
  font-size: var(--fs-desktop) !important; /* áp dụng cho mọi chữ bên trong */
  line-height: 1.4;
  transition: font-size 0.3s ease;   /* chuyển mượt khi resize */
}

/* Font responsive cho tất cả phần tử con */
.elementor-6959 .elementor-element.elementor-element-e373806 * {
  font-size: inherit !important;
  line-height: inherit;
}

/* Lớp phủ mang y hệt background của container */
.elementor-6959 .elementor-element.elementor-element-e373806::before{
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;               /* kế thừa url + repeat + position + size */
  transform: scale(1);               /* trạng thái ban đầu */
  will-change: transform;
  transition: transform 1.0s cubic-bezier(.22,.61,.36,1);
  z-index: 0;
  pointer-events: none;              /* không chặn click vào nội dung */
}

/* Đảm bảo nội dung & overlay nằm trên lớp ảnh */
.elementor-6959 .elementor-element.elementor-element-e373806 > *{
  position: relative;
  z-index: 1;
}

/* Hover: phóng rất nhẹ, cực mượt */
@media (hover:hover){
  .elementor-6959 .elementor-element.elementor-element-e373806:hover::before{
    transform: scale(1.03);          /* +3% đúng kiểu tinh tế */
  }
}

/* Overlay tối nhẹ khi hover */
.elementor-6959 .elementor-element.elementor-element-e373806 .elementor-background-overlay{
  transition: opacity .45s ease;
}
@media (hover:hover){
  .elementor-6959 .elementor-element.elementor-element-e373806:hover .elementor-background-overlay{
    opacity: .95;                    /* chỉnh theo ý bạn hoặc bỏ */
  }
}

/* Responsive typography */
@media (max-width: 1024px){
  .elementor-6959 .elementor-element.elementor-element-e373806 { font-size: var(--fs-tablet) !important; }
}
@media (max-width: 768px){
  .elementor-6959 .elementor-element.elementor-element-e373806 { font-size: var(--fs-mobile) !important; }
}

/* Giảm chuyển động nếu người dùng chọn Reduce Motion */
@media (prefers-reduced-motion: reduce){
  .elementor-6959 .elementor-element.elementor-element-e373806::before,
  .elementor-6959 .elementor-element.elementor-element-e373806 .elementor-background-overlay{
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33a271a *//* === Smooth BG zoom like ThePlantDaddies (GPU transform, no jank) === */
.elementor-6959 .elementor-element.elementor-element-33a271a{
  position: relative;
  overflow: hidden;                  /* cắt mép khi phóng to */
  background-position: center;
  background-size: cover;
  --fs-desktop: 13px;                /* 💬 chỉnh size chữ desktop ở đây */
  --fs-tablet: 12px;                 /* 💬 chỉnh size chữ tablet */
  --fs-mobile: 9px;                 /* 💬 chỉnh size chữ mobile */
  font-size: var(--fs-desktop) !important; /* áp dụng cho mọi chữ bên trong */
  line-height: 1.4;
  transition: font-size 0.3s ease;   /* chuyển mượt khi resize */
}

/* Font responsive cho tất cả phần tử con */
.elementor-6959 .elementor-element.elementor-element-33a271a * {
  font-size: inherit !important;
  line-height: inherit;
}

/* Lớp phủ mang y hệt background của container */
.elementor-6959 .elementor-element.elementor-element-33a271a::before{
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;               /* kế thừa url + repeat + position + size */
  transform: scale(1);               /* trạng thái ban đầu */
  will-change: transform;
  transition: transform 1.0s cubic-bezier(.22,.61,.36,1);
  z-index: 0;
  pointer-events: none;              /* không chặn click vào nội dung */
}

/* Đảm bảo nội dung & overlay nằm trên lớp ảnh */
.elementor-6959 .elementor-element.elementor-element-33a271a > *{
  position: relative;
  z-index: 1;
}

/* Hover: phóng rất nhẹ, cực mượt */
@media (hover:hover){
  .elementor-6959 .elementor-element.elementor-element-33a271a:hover::before{
    transform: scale(1.03);          /* +3% đúng kiểu tinh tế */
  }
}

/* Overlay tối nhẹ khi hover */
.elementor-6959 .elementor-element.elementor-element-33a271a .elementor-background-overlay{
  transition: opacity .45s ease;
}
@media (hover:hover){
  .elementor-6959 .elementor-element.elementor-element-33a271a:hover .elementor-background-overlay{
    opacity: .95;                    /* chỉnh theo ý bạn hoặc bỏ */
  }
}

/* Responsive typography */
@media (max-width: 1024px){
  .elementor-6959 .elementor-element.elementor-element-33a271a { font-size: var(--fs-tablet) !important; }
}
@media (max-width: 768px){
  .elementor-6959 .elementor-element.elementor-element-33a271a { font-size: var(--fs-mobile) !important; }
}

/* Giảm chuyển động nếu người dùng chọn Reduce Motion */
@media (prefers-reduced-motion: reduce){
  .elementor-6959 .elementor-element.elementor-element-33a271a::before,
  .elementor-6959 .elementor-element.elementor-element-33a271a .elementor-background-overlay{
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-00b3e91 *//* ===== FIX ẢNH & TYPOGRAPHY CHUẨN CHO WS247 GALLERY ===== */

/* Tỉ lệ khung ảnh: 3/4 (lookbook style), đổi 1/1 nếu bạn muốn vuông */
:root { --ws247-ratio: 3/4; }

/* --- Khóa tỉ lệ ảnh (cả hover) --- */
.woocommerce ul.products li.product .ws247-piew-imgs-container {
  position: relative !important;
  display: block !important;
  aspect-ratio: var(--ws247-ratio) !important;
  overflow: hidden !important;
  line-height: 0 !important;
  margin: 0 0 12px !important;
  z-index: 0 !important;
}

@supports not (aspect-ratio: 1/1) {
  .woocommerce ul.products li.product .ws247-piew-imgs-container::before {
    content: "";
    display: block;
    padding-top: calc(100% / (var(--ws247-ratio))) !important;
  }
}

/* --- Ép tất cả ảnh chính & hover cùng tỉ lệ, crop center --- */
.woocommerce ul.products li.product .ws247-piew-imgs-container > picture,
.woocommerce ul.products li.product .ws247-piew-imgs-container > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  z-index: 1 !important;
}

.woocommerce ul.products li.product .ws247-piew-imgs-container > picture > img,
.woocommerce ul.products li.product .ws247-piew-imgs-container > img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Ẩn ảnh thừa nếu có (plugin render nhiều) */
.woocommerce ul.products li.product .ws247-piew-imgs-container > :is(picture,img):nth-of-type(n+3) {
  display: none !important;
}

/* --- Giữ hover hoạt động, không đè text --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 0.6rem !important;
  text-align: center;
  font-family: "archivo", archivo, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* --- Title: đậm 600 --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: 600 !important;
  color: #000 !important;
}

/* --- Giá: xám nhẹ --- */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price .amount {
  font-weight: 400 !important;
  color: #555 !important;
}
/* Nếu bạn dán vào Custom CSS của widget shortcode */
.home .elementor-6959 .elementor-element.elementor-element-00b3e91 .qa-fanci-toolbar {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50fdbd3 *//* ==== CHỈ SỬA LAYOUT – GIỮ NGUYÊN THIẾT KẾ CŨ ==== */

/* 1) Bọc shortcode full width + tạo BFC để tự tính chiều cao (ngăn chồng footer) */
.elementor-6959 .elementor-element.elementor-element-50fdbd3,
.elementor-6959 .elementor-element.elementor-element-50fdbd3 .woocommerce,
.elementor-6959 .elementor-element.elementor-element-50fdbd3 .woocommerce .products {
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-6959 .elementor-element.elementor-element-50fdbd3 { position: relative; z-index: 0; }
.elementor-6959 .elementor-element.elementor-element-50fdbd3 .woocommerce { contain: layout paint; } /* tách layout, tránh ảnh hưởng footer */

/* 2) UL products: tạo block formatting context (BFC) để “ôm” float con */
.elementor-6959 .elementor-element.elementor-element-50fdbd3 .woocommerce .products {
  display: flow-root;         /* hiện đại, gọn hơn clearfix */
  margin: 0 !important;       /* tránh margin collapse làm hụt chiều cao */
  padding: 0 !important;
  list-style: none !important;
  min-height: 1px;            /* chống trường hợp chiều cao bị 0 */
}

/* Fallback nếu browser không hỗ trợ flow-root (hiếm) -> dùng clearfix */
@supports not (display: flow-root) {
  .elementor-6959 .elementor-element.elementor-element-50fdbd3 .woocommerce .products::after {
    content: "";
    display: block;
    clear: both;
  }
}

/* 3) Không để container widget “cắt” nội dung nổi */
.elementor-6959 .elementor-element.elementor-element-50fdbd3 .elementor-widget-container {
  overflow: visible !important;
}

/* 4) Toolbar (nếu có float) thì bỏ float để không đẩy vỡ dòng */
.elementor-6959 .elementor-element.elementor-element-50fdbd3 .qa-fanci-toolbar {
  float: none !important;
  width: 100% !important;
  display: block !important;
  margin: 0 0 14px !important;
}

/* 5) Nới đáy nhẹ để tránh “dính” footer (tuỳ chỉnh) */
.elementor-6959 .elementor-element.elementor-element-50fdbd3 .woocommerce {
  margin-bottom: 24px !important;
}

/* 6) Giữ nguyên bề rộng item theo theme, chỉ đảm bảo không co hẹp do min-width */
.elementor-6959 .elementor-element.elementor-element-50fdbd3 .woocommerce ul.products li.product {
  min-width: 0; /* chống tràn gây đẩy layout */
}

/* ===== (TUỲ CHỌN) Ẩn nút Select options trong danh sách – giữ đúng như trước nếu bạn đã dùng) ===== */
.elementor-6959 .elementor-element.elementor-element-50fdbd3 ul.products li.product a.button,
.elementor-6959 .elementor-element.elementor-element-50fdbd3 ul.products li.product .add_to_cart_button {
  display: none !important;
}

/* ===== (GIỮ NGUYÊN) Màu tiêu đề/giá nếu bạn đang dùng phần này ===== */
.elementor-6959 .elementor-element.elementor-element-50fdbd3 ul.products li.product .woocommerce-loop-product__title,
.elementor-6959 .elementor-element.elementor-element-50fdbd3 ul.products li.product .price,
.elementor-6959 .elementor-element.elementor-element-50fdbd3 ul.products li.product .price .amount,
.elementor-6959 .elementor-element.elementor-element-50fdbd3 ul.products li.product .price bdi,
.elementor-6959 .elementor-element.elementor-element-50fdbd3 ul.products li.product .woocommerce-Price-currencySymbol,
.elementor-6959 .elementor-element.elementor-element-50fdbd3 ul.products li.product a.woocommerce-LoopProduct-link {
  color: #E5DFD4 !important;
}

.elementor-6959 .elementor-element.elementor-element-50fdbd3 ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title {
  color: #fff !important;
}/* End custom CSS */