/* Custom css */

/* Desktop */

/* Footer */

.absolute-footer {
  display: none;
}

.container-custom {
  --content-width: 1800px;
  max-width: 1800px;
  border-radius: 30px;
  margin: 50px auto 40px;
}

@media (max-width: 1800px) {
  .container-custom {
    width: calc(100% - 100px);
    margin: 50px auto 40px;
  }
}

@media (max-width: 1560px) {
  .container-custom {
    width: calc(100% - 40px);
    margin: 50px 20px 40px;
  }
}

@media (max-width: 991px) {
  .container-custom {
    width: 100%;
    margin: 50px 0 0;
    border-radius: 0px;
  }
}

// Section1
.banner1 .banner-inner {
  border-radius: 16px !important;
  overflow: hidden;
}

/* Ảnh nền fill khung gọn gàng */
.banner1 .banner-bg .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* TEXT BOX: bo góc + viền mảnh, giữ nền trắng mờ hiện có */
.banner1 .text-box .text-box-content {
  border-radius: 16px;
}

.banner1 .text-box .text-inner {
  padding: 22px 28px !important; /* thêm đệm trên/dưới cho thoáng */
  text-align: left; /* chữ trái như bạn đang dùng */
}

/* Reset margin con, chống dồn khoảng cách */
.banner1 .text-box .text > * {
  margin-top: 0;
  margin-bottom: 0;
}

/* Khoảng cách giữa khối tiêu đề & đoạn mô tả */
.banner1 .text-box .text + .text {
  margin-top: 10px;
}

/* Tiêu đề gọn, đều hàng */
.banner1 .text-box h3 {
  line-height: 1.2;
  margin: 0 0 6px;
}
.banner1 .text-box .text-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* canh trái toàn bộ nội dung */
  /* khoảng cách đều giữa các khối */
  padding: 22px 28px !important; /* đệm trong gọn gàng */
  max-width: 620px; /* tránh quá rộng, chữ dễ đọc */
}
.banner1 {
  border-radius: 20px;
  overflow: hidden;
}


.image1-border {
  border-radius: 16px; /* bo cả vỏ ngoài */
  overflow: hidden; /* cắt tràn nếu .img-inner không cắt */
}

.image1-border .img-inner {
  border-radius: inherit !important;
  overflow: hidden !important;
  /* ép clip luôn để không “lọt góc” khi có zoom/transform */
  clip-path: inset(0 round 8px);
}

.image1-border .img-inner > img,
.image1-border .img-inner > .overlay {
  border-radius: inherit !important;
  clip-path: inset(0 round 8px);
  display: block;
}

/* Nếu ảnh có hiệu ứng zoom (image-zoom), đảm bảo vẫn bị cắt bởi góc */
.image1-border .img-inner.image-zoom {
  will-change: transform;
  transform: translateZ(0); /* giúp clipping ổn định trên Safari/Chrome */
}
#logo img {
  border-radius: 50%;
}

li::marker {
  color: #ea751c;
}

.col-img-absolute {
  position: absolute !important;
  bottom: 0px;
  right: -25px;
  padding: 10px !important;
  background: white;
  border-radius: 16px;
  width: 420px !important;
}

.col-img-absolute img {
  height: 242px;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.border-banner {
  position: relative;
  border-radius: 16px; /* trùng với banner-inner */
  overflow: visible; /* để pseudo-element không bị cắt */
}

/* Bo góc cho lớp trong để ảnh không tràn */
.border-banner .banner-inner,
.border-banner .banner-bg,
.border-banner .banner-bg .bg,
.border-banner .banner-layers {
  border-radius: inherit;
  overflow: hidden;
}

/* Vẽ viền nằm TRÊN tất cả lớp con */
.border-banner::before {
  content: "";
  position: absolute;
  inset: 0; /* phủ toàn bộ banner */
  border: 1px solid #0a7f65; /* đổi sang màu brand */
  border-radius: inherit;
  pointer-events: none; /* không chặn click */
  z-index: 5; /* cao hơn ảnh/overlay bên trong */
}
//section gia
.price-card {
  border-radius: 16px;
}

//footer
.footer .col.footer-col-4 > .col-inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* Khung nhỏ + bo góc + responsive */
.footer .footer-fb {
  width: 100%;
  max-width: 320px; /* kích thước tối đa desktop */
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}
.footer .footer-fb iframe {
  display: block;
  width: 100% !important;
  height: 420px; /* khớp với &height=420 ở URL */
  border: 0;
}

/* Tablet */
@media (max-width: 1024px) {
  .footer .footer-fb {
    max-width: 300px;
  }
  .footer .footer-fb iframe {
    height: 400px;
  }
}
/* Mobile */
@media (max-width: 767px) {
  .footer .footer-fb {
    max-width: 280px;
  }
  .footer .footer-fb iframe {
    height: 360px;
  }
}

/* ========== 7) BẢNG GIÁ – 2 ẢNH ========== */
/* Gắn .price-grid vào Row chứa 2 ảnh; .price-card vào từng Image */
.price-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
@media (max-width: 767px) {
  .price-grid {
    grid-template-columns: 1fr;
  }
}
.price-card {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #f0e6e3;
  background: #fff;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.07);
  transition: transform 0.25s, box-shadow 0.25s;
}
.price-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.09);
}
.price-card img {
  display: block;
  width: 100%;
  height: auto;
}