.elementor-2163 .elementor-element.elementor-element-9abd34f{--display:flex;}.elementor-2163 .elementor-element.elementor-element-9abd34f:not(.elementor-motion-effects-element-type-background), .elementor-2163 .elementor-element.elementor-element-9abd34f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2163 .elementor-element.elementor-element-41b860d > .elementor-widget-container{margin:-10px -10px -10px -10px;padding:0px 0px 0px 0px;}.elementor-2163 .elementor-element.elementor-element-577aabe > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-2163 .elementor-element.elementor-element-c45873c > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-2163 .elementor-element.elementor-element-8fc3786{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2163 .elementor-element.elementor-element-8fc3786:not(.elementor-motion-effects-element-type-background), .elementor-2163 .elementor-element.elementor-element-8fc3786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2163 .elementor-element.elementor-element-3fe38d8{--swiper-slides-to-display:4;--swiper-slides-gap:30px;width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-2163 .elementor-element.elementor-element-3fe38d8 > .elementor-widget-container{margin:0px 35px 0px 35px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2163 .elementor-element.elementor-element-3fe38d8.elementor-element{--align-self:center;}.elementor-2163 .elementor-element.elementor-element-3fe38d8 .swiper-slide > .elementor-element{height:100%;}.elementor-2163 .elementor-element.elementor-element-b27c883{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2163 .elementor-element.elementor-element-b27c883:not(.elementor-motion-effects-element-type-background), .elementor-2163 .elementor-element.elementor-element-b27c883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-2163 .elementor-element.elementor-element-577f8bd{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-2163 .elementor-element.elementor-element-577f8bd.elementor-element{--align-self:center;}.elementor-2163 .elementor-element.elementor-element-b2f58d1{--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-2163 .elementor-element.elementor-element-b2f58d1:not(.elementor-motion-effects-element-type-background), .elementor-2163 .elementor-element.elementor-element-b2f58d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-2163 .elementor-element.elementor-element-577aabe > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-2163 .elementor-element.elementor-element-c45873c > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-2163 .elementor-element.elementor-element-3fe38d8{--swiper-slides-to-display:4;}.elementor-2163 .elementor-element.elementor-element-b27c883{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2163 .elementor-element.elementor-element-c45873c > .elementor-widget-container{margin:-10px -10px -10px -10px;padding:10px 0px 10px 0px;}.elementor-2163 .elementor-element.elementor-element-8fc3786{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2163 .elementor-element.elementor-element-3fe38d8{--swiper-slides-to-display:2;--swiper-slides-gap:15px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2163 .elementor-element.elementor-element-3fe38d8 > .elementor-widget-container{margin:0% 5% 0% 5%;padding:0px 0px 0px 0px;}.elementor-2163 .elementor-element.elementor-element-b27c883{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-577aabe */.strength-section {
  background-color: #f9f9f9;
  padding: 30px 20px;
}

.strength-section .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  justify-items: center;
  align-items: stretch;
  max-width: 1200px;
  margin: 0 auto;
}

.strength-item {
  background: #fff;
  border-radius: 12px;
  padding: 15px 20px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  width: 100%;
}

.strength-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
}

.strength-item .icon {
  font-size: 25px;
  color: #82110E;
  margin-bottom: 14px;
}

.strength-item h3 {
  font-size: 16px;
  color: #82110E;
  font-weight: 600;
  margin-bottom: 10px;
}

.strength-item p {
  font-size: 12px;
  color: #444;
  line-height: 1.6;
}

/* ✅ Tablet - vẫn 4 cột, thu nhỏ spacing */
@media (max-width: 991px) {
  .strength-section {
    padding: 20px 16px;
  }

  .strength-section .container {
    gap: 16px;
  }

  .strength-item {
    padding: 10px 8px;
  }

  .strength-item .icon {
    font-size: 25px;
  }

  .strength-item h3 {
    font-size: 14px;
  }

  .strength-item p {
    font-size: 12px;
  }
}

/* ✅ Mobile - chia 2 cột mỗi hàng */
@media (max-width: 600px) {
  .strength-section .container {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .strength-item {
    padding: 12px 12px;
  }

  .strength-item .icon {
    font-size: 20px;
  }

  .strength-item h3 {
    font-size: 14px;
  }

  .strength-item p {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c45873c */.product-categories {
  background-color: #fff;
  padding: 40px 20px;
  text-align: center;
}

.product-categories .container {
  max-width: 1300px;
  margin: 0 auto;
}

.section-title {
  font-size: 28px;
  color: #82110E;
  font-weight: 700;
  margin-bottom: 40px;
  position: relative;
}

.section-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background-color: #82110E;
  margin: 10px auto 0;
}

/* ✅ GRID LAYOUT */
.categories-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  justify-items: center;
}

.category-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  text-align: center;
  width: 100%;
  max-width: 280px;
}

.category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

.category-card .image-wrapper {
  width: 100%;
  height: 160px; /* ✅ nhỏ hơn bản trước */
  overflow: hidden;
}

.category-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

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

.category-card h3 {
  font-size: 20px;
  color: #82110E;
  font-weight: bold;
  margin: 15px 0 10px;
}

.category-card .btn-view {
  display: inline-block;
  padding: 6px 18px;
  margin-bottom: 20px;
  border: 2px solid #82110E;
  color: #82110E;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.category-card .btn-view:hover {
  background-color: #82110E;
  color: #fff;
}

/* ✅ Tablet (4 cột vẫn giữ nguyên, chỉ thu nhỏ khoảng cách) */
@media (max-width: 991px) {
  .categories-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }

  .category-card {
    max-width: 240px;
  }

  .category-card .image-wrapper {
    height: 140px;
  }

  .section-title {
    font-size: 24px;
  }
}

/* ✅ Mobile (2 cột) */
@media (max-width: 600px) {
  .categories-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  
  .product-categories {
  padding: 20px 10px;
}

  .category-card {
    max-width: 100%;
  }

  .category-card .image-wrapper {
    height: 130px;
  }

  .category-card h3 {
    font-size: 16px;
  }

  .section-title {
    font-size: 22px;
  }
  .category-card .btn-view {
  font-size: 12px;
  padding:  4px 8px;
}
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd36a56 */.consultation-banner {
  background-color: #82110E;
  color: #fff;
  padding: 50px 20px;
  text-align: center;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}

/* container */
.consultation-banner .consultation-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

/* title & description */
.consultation-banner .consultation-title {
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  margin: 0 0 14px;
  color: #FFFFFF;
}

.consultation-banner .consultation-description {
  font-size: 17px;
  line-height: 1.6;
  margin: 0 0 30px;
  color: rgba(255,255,255,0.95);
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* button wrapper */
.consultation-banner .consultation-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* base button reset + accessibility */
.consultation-banner .consultation-buttons .btn {
  -webkit-appearance: none;
  appearance: none;
  /*border: none;*/
  outline: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
  user-select: none;
}

/* PRIMARY: white bg, red text */
.consultation-banner .btn-primary {
  background: #ffffff;
  color: #82110E;
  padding: 14px 36px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
  border: 2px solid rgba(255,255,255,0.85);
  min-width: 180px;
}

/* SECONDARY: transparent bg, white text, white border */
.consultation-banner .btn-outline {
  /*background: transparent;*/
  color: #ffffff;
  padding: 12px 34px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 16px;
  border: 2px solid #ffffff;
  overflow: hidden;
  min-width: 100px;
}

/* Hover / focus effects */
.consultation-banner .btn-primary:hover,
.consultation-banner .btn-primary:focus {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.28);
  background: #ffffff;
  color: #82110E;
}

.consultation-banner .btn-outline:hover,
.consultation-banner .btn-outline:focus {
  transform: translateY(-6px);
  /*box-shadow: 0 18px 40px rgba(0,0,0,0.28);*/
  background: rgba(255,255,255,0.08); /* slight fill on hover */
  /*color: #fff;*/
  background: #ffffff;
  color: #82110E;
}

/* Active (press) */
.consultation-banner .btn-primary:active,
.consultation-banner .btn-secondary:active {
  transform: translateY(-2px) scale(.995);
}

/* small-screen behavior */
@media (max-width: 900px) {
  .consultation-banner {
    padding: 40px 18px;
  }
  .consultation-banner .consultation-title {
    font-size: 26px;
  }
  .consultation-banner .consultation-description {
    font-size: 15.5px;
    max-width: 680px;
  }
}

/* mobile: stack buttons vertical and full width */
@media (max-width: 520px) {
  .consultation-banner {
    padding: 30px 14px;
  }
  .consultation-banner .consultation-title {
    font-size: 20px;
  }
  .consultation-banner .consultation-description {
    font-size: 14px;
    margin-bottom: 18px;
  }
  .consultation-banner .consultation-buttons {
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }
  .consultation-banner .btn-primary,
  .consultation-banner .btn-outline {
    width: 100%;
    min-width: 0;
    padding: 12px 18px;
    font-size: 15px;
  }
}/* End custom CSS */