.carousel-inner img {
  width: 100%;
  height: 100%;
}

.banner_1 {
  background-repeat: no-repeat;
  padding: 5% 0%;
  display: flex;
  position: relative;
  align-items: center;
  min-height: 678px;
  background-size: 100% 100% !important;
}

.banner_1 .left {
  position: relative;
  width: 100%;
}

.banner_1 .right {
  padding: 0 1% 0 7%;
  margin-top: 20px;
  width: 100%;
}

.banner_1 .right .title_description {
  padding-left: 10%;
  text-align: center;
}

.banner_1 .right .description {
  padding-left: 10%;
}

.banner_1 .icon-1 {
  position: absolute;
}

.banner_1 .title {
  color: #E21B23;
  font-family: 'SVNPaulaNatalie';
}

.banner_1 .title .text_title {
  font-size: 37px;
  text-align: center;
}

.banner_1 .title .star-line {
  text-align: center;
  padding: 20px 0px;
}

.banner_1 .title .star-line>img {
  width: 80%;
}

.banner_1 .title_description {
  color: #E82E2D;
  font-size: 28px;
  font-family: 'SVNPaulaNatalie';
  margin: 25px 0px 10px;
}

.banner_1 .description {
  color: #754D24;
  font-size: 18px;
  font-family: "MyriadProBoldRegular";
  text-align: justify;
  line-height: 23px;
  /* margin: 0 10%; */
}

.icon_phone {
  position: fixed;
  z-index: 19;
  bottom: 90px;
  right: 0;
}

.icon_phone>div>img,
.icon_phone>div>a>img {
  width: 96px;
}

.bg_product {
  background-repeat: no-repeat;
  padding-top: 50px;
  position: relative;
  overflow: hidden;
  background: url("./images/products/san-pham-tu-chon-tho-phat/mooncake_2026/banner-2.png");
  background-size: 100% 100% !important;
}

.bg_product>.container {
  position: relative;
  z-index: 1;
}

.price-title {
    color: #E30613;
    font-family: 'SF Pro', sans-serif;
    font-size: clamp(24px, 3vw, 40px);
    font-weight: 1000;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 clamp(28px, 3.2vw, 42px);
    text-align: center;
    white-space: nowrap;
}

.price-deco {
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.price-deco-star-top {
  top: clamp(18px, 3vw, 34px);
  left: max(16px, calc((100vw - 1140px) / 2 - 34px));
  width: clamp(32px, 3.8vw, 50px);
}

.price-deco-lantern {
  top: clamp(52px, 6vw, 78px);
  right: max(12px, calc((100vw - 1140px) / 2 - 48px));
  width: clamp(64px, 7vw, 92px);
}

.price-deco-star-middle {
  top: 48%;
  right: max(18px, calc((100vw - 1140px) / 2 - 28px));
  width: clamp(28px, 3vw, 42px);
  transform: translateY(-50%);
}

.price-deco-star-bottom {
  bottom: clamp(26px, 3.6vw, 44px);
  left: max(10px, calc((100vw - 1140px) / 2 - 46px));
  width: clamp(34px, 4vw, 54px);
}

@media (max-width: 1199px) {
  .price-deco {
    display: none;
  }
}

@media (max-width: 992px) {
  .banner_1 {
    padding-top: 13%;
  }

  .banner_1 .title .text_title {
    font-size: 40px;
    text-align: center;
  }

  .banner_1 .title_description {
    text-align: center;
  }

  .banner_1 .right {
    padding-left: 0px;
  }

  .banner_1 .right .title_description,
  .banner_1 .right .description {
    padding-left: 0%;
  }

}

@media (max-width: 576px) {
  .bg_product .p-5 {
    padding: 1rem !important;
  }

  .banner_1 {
    /* padding-top: 35%; */
  }

  .banner_1 .description {
    font-size: 18px;
  }
}

/* ===== San pham tu chon THO PHAT - mooncake 2026 (page-specific) ===== */
.banner_1 .left .image_1 {
  width: 100%;
  position: static;
  height: auto;
}

.banner_1 .icon-1 {
  top: clamp(76px, 7.6vw, 104px);
  left: clamp(28px, 3.2vw, 48px);
  width: clamp(72px, 7.8vw, 96px);
  z-index: 2;
}

.banner_1 .icon-1 img {
  width: 100%;
}

.banner_1 .deco-fish {
  position: absolute;
  right: clamp(24px, 3.2vw, 44px);
  bottom: clamp(28px, 12vw, 120px);
  width: clamp(84px, 9.2vw, 116px);
  z-index: 1;
}

@media (max-width: 992px) {

  .banner_1 .icon-1,
  .banner_1 .deco-fish {
    display: none;
  }
}

/* Hero layout desktop: chữ (phải) trên nền kem; sản phẩm (trái) to, chạm nền đỏ */
@media (min-width: 993px) {
  .banner_1 {
    align-items: flex-start !important;
    min-height: 760px;
  }

  .banner_1>.container {
    display: flex !important;
    align-items: flex-start;
    /* min-height: 760px; */
    max-width: 1360px !important;
  }

  .banner_1 .left {
    flex: 0 0 60%;
    max-width: 60%;
    /* align-self: flex-end; */
  }

  .banner_1 .left .image_1 {
    width: 145%;
    max-width: none;
    margin-left: -24%;
    height: auto;
  }

  .banner_1 .right {
    flex: 0 0 50%;
    max-width: 45%;
    padding-top: 3%;
  }
}

/* Hero layout mobile/tablet: đảo thứ tự -> chữ (kem) trước, sản phẩm (đỏ) sau */
@media (max-width: 992px) {
  .banner_1>.container {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* ===== Header 2026 (đồng bộ với story-kido / index) ===== */
@media (min-width: 835px) {
  #header .container {
    width: 100% !important;
    max-width: 1158px !important;
    margin: 0 auto;
    border-width: 6px;
    border-top: 0;
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.36), 0 22px 24px rgba(0, 0, 0, 0.18);
  }

  #header .background_header {
    display: flex;
    align-items: center;
    height: clamp(60px, 6.2vw, 72px);
  }

  #header .main-nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(18px, 3.2vw, 34px);
    padding: 0 clamp(26px, 3.6vw, 1px) 0 clamp(12px, 1.4vw, 1px);
    font-size: clamp(12px, 0.95vw, 16px);
  }

  #header .logo {
    flex: 0 0 clamp(170px, 16vw, 202px);
    padding-left: clamp(56px, 6.9vw, 80px);
    transform: translateY(0px) !important;
    width: auto;
  }

  #header .logo img {
    width: clamp(108px, 10.3vw, 120px);
    margin: 0;
    padding: 0;
  }

  #header .main-nav li,
  #header .main-nav li:first-child,
  .header-nav-align {
    float: none;
    margin: 0;
    padding: 0;
  }

  #header .main-nav li a {
    padding: 0;
  }

  #header .main-nav h1,
  #header .main-nav h2 {
    line-height: 1.2;
    white-space: nowrap;
  }

  #header .main-nav h1 {
    min-width: 118px;
  }

  #header .main-nav .header-facebook {
    flex: 0 0 32px;
    line-height: 0;
    margin-right: clamp(22px, 2.8vw, 36px);
  }

  #header .main-nav .header-facebook a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  #header .main-nav .header-facebook img {
    width: 32px;
    height: 32px;
    display: block;
  }
}

@media (min-width: 835px) and (max-width: 1024px) {
  #header .main-nav {
    gap: clamp(10px, 2vw, 22px);
    padding-right: clamp(18px, 2.5vw, 26px);
  }

  #header .logo {
    flex-basis: clamp(150px, 17vw, 172px);
    padding-left: 44px;
  }

  #header .logo img {
    width: clamp(94px, 11vw, 108px);
  }
}

@media (max-width: 834px) {
  #header .background_header {
    display: flex;
    align-items: center;
  }

  #header .logo img {
    width: 104px;
  }

  #header .main-nav .header-facebook {
    text-align: center;
  }

  #header .main-nav .header-facebook img {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 992px) {
  .bg_product .container.hidden-lg .mb_table_items {
    padding: 12px 12px 11px;
  }

  .bg_product .container.hidden-lg .mb_table_items>div:first-child {
    margin-bottom: 4px;
  }

  .bg_product .container.hidden-lg .mb_product_name {
    line-height: 22px;
    margin: 0;
  }

  .bg_product .container.hidden-lg .mb_product_code,
  .bg_product .container.hidden-lg .mb_product_code b {
    color: #606060;
    font-family: "Roboto";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    leading-trim: none;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 0;
  }
}