html,body{font-size:16px;font-family:Montserrat;}
button{font-family:Montserrat;}
section{
    overflow: hidden;
}
.bounceInLeft, .bounceInRight, .bounceInUp, .fadeInUp, .fadeInUpBig {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}

@keyframes bounceInLeft  { 0% { opacity: 0; transform: translate3d(-80px, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight { 0% { opacity: 0; transform: translate3d(80px, 0, 0);  } 100% { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp    { 0% { opacity: 0; transform: translate3d(0, 60px, 0);   } 100% { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp      { 0% { opacity: 0; transform: translate3d(0, 30%, 0);    } 100% { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig   { 0% { opacity: 0; transform: translate3d(0, 100px, 0);  } 100% { opacity: 1; transform: translate3d(0, 0, 0); } }

.bounceInLeft  { animation-name: bounceInLeft; }
.bounceInRight { animation-name: bounceInRight; }
.bounceInUp    { animation-name: bounceInUp; }
.fadeInUp      { animation-name: fadeInUp; }
.fadeInUpBig   { animation-name: fadeInUpBig; }

.bayvao-outer { position: relative; width: 100%; height: 100%; overflow: hidden; visibility: hidden; transform: translate3d(-101%, 8%, 0); }
.bayvao-inner { position: relative; width: 100%; height: 100%; overflow: hidden; transform-origin: left bottom; transform: translate3d(101%, -8%, 0) scale(1.35); }
.bayvao-outer.bayvao-active { visibility: visible; transform: translate3d(0, 0, 0); transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); }
.bayvao-outer.bayvao-active .bayvao-inner { transform: translate3d(0, 0, 0) scale(1); transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); }
.bayvao { display: block; width: 100%; height: 100%; object-fit: cover; }

.site-html { margin: 0; padding: 0; box-sizing: border-box; }
.site-head { display: none; }
.site-meta-charset { display: none; }
.site-meta-viewport { display: none; }
.site-title { display: none; }
.site-favicon { display: none; }
.site-apple-icon { display: none; }
.site-meta-desc { display: none; }
.site-meta-keywords { display: none; }
.site-meta-author { display: none; }
.site-meta-robots { display: none; }
.site-og-type { display: none; }
.site-og-title { display: none; }
.site-og-desc { display: none; }
.site-og-image { display: none; }
.site-og-url { display: none; }
.site-og-site { display: none; }
.site-tw-card { display: none; }
.site-tw-title { display: none; }
.site-tw-desc { display: none; }
.site-tw-image { display: none; }
.site-font-preconnect-google { display: none; }
.site-font-preconnect-gstatic { display: none; }
.site-font-montserrat { display: none; }
.site-swiper-css { display: none; }
.site-style-css { display: none; }
.site-alpine-script { display: none; }
.site-body { margin: 0; padding: 0; background-color: #f7f9fb; font-family: "Montserrat", sans-serif; }

.navbar-header {width: 100%;background-color: #ffffff;box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.04);position: fixed;z-index: 10;top: 0;}
.navbar-container { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-top: 1.125rem; padding-bottom: 1.125rem; padding-left: 1.25rem; padding-right: 1.25rem; display: flex; align-items: center; justify-content: space-between; }
.navbar-logo-link { display: inline-flex; align-items: center; text-decoration: none; }
.navbar-logo-img { height: 1.875rem; width: auto; object-fit: contain; }
.navbar-burger-btn { display: none; background: transparent; border: none; cursor: pointer; padding: 0.25rem; flex-direction: column; justify-content: space-between; width: 1.75rem; height: 1.375rem; }
.navbar-burger-line {display: block;width: 100%;height: 0.125rem;background-color: #6c5539;border-radius: 0.0625rem;}
.navbar-nav { display: flex; align-items: center; gap: 2.25rem; }
.navbar-menu-list { display: flex; align-items: center; gap: 2rem; margin: 0; padding: 0; list-style: none; }
.navbar-menu-item { display: inline-block; }
.navbar-menu-link {text-decoration: none;font-size: 0.9375rem;font-weight: 600;color: #1e293b;transition: color 0.2s ease;transition: 0.3s;}
.navbar-menu-link:hover{
    color: #032bae;
}
.navbar-actions { display: flex; align-items: center; gap: 0.75rem; }
.navbar-btn {display: inline-flex;align-items: center;justify-content: center;padding-top: 0.6875rem;padding-bottom: 0.6875rem;padding-left: 1.375rem;padding-right: 1.375rem;border-radius: 6.1875rem;font-size: 0.875rem;font-weight: 600;text-decoration: none;transition: opacity 0.2s ease;}
.navbar-btn-primary {background: linear-gradient(90deg, #3f2f20 0%, #654f33 100%);transition: 0.3s;color: #E5C998;}
.navbar-btn-primary:hover{transform:scale(1.05)}
.navbar-btn-secondary {background: linear-gradient(90deg, #fedaa0, #fdf1df);color: #332012;transition: 0.3s;}
.navbar-btn-secondary:hover{transform:scale(1.05)}
.navbar-drawer-backdrop { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.45); z-index: 1000; }
.navbar-drawer-panel { position: fixed; top: 0; right: 0; width: 17.5rem; height: 100vh; background-color: #ffffff; z-index: 1001; transform: translateX(100%); transition: transform 0.3s ease; box-shadow: -0.25rem 0 1.25rem rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; }
.navbar-drawer-open { transform: translateX(0); }
.navbar-drawer-header { display: flex; align-items: center; justify-content: space-between; padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; border-bottom: 0.0625rem solid #e2e8f0; }
.navbar-drawer-logo { display: inline-flex; }
.navbar-drawer-logo-img { height: 1.5rem; width: auto; object-fit: contain; }
.navbar-drawer-close { background: transparent; border: none; cursor: pointer; padding: 0.25rem; display: flex; align-items: center; justify-content: center; line-height: 1; }
.navbar-drawer-close-icon { font-size: 2rem; color: #64748b; }
.navbar-drawer-list { list-style: none; margin: 0; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; display: flex; flex-direction: column; gap: 1.25rem; }
.navbar-drawer-item { display: block; }
.navbar-drawer-link { text-decoration: none; font-size: 1rem; font-weight: 600; color: #1e293b; display: block; }
.navbar-fixed-bottom-bar { display: none; }
.navbar-fixed-btn { width: 50%; height: 3.125rem; display: flex; align-items: center; justify-content: center; font-size: 0.8125rem; font-weight: 700; text-decoration: none; border-radius: 0; box-sizing: border-box; }
@media (max-width: 1280px) {
  .navbar-btn-primary, .navbar-btn-secondary,.navbar-menu-link{
    max-width: 18rem;
    /* text-align: center; */
    font-size: 0.7rem;
}
}
@media (max-width: 64rem) {
  .navbar-btn-primary, .navbar-btn-secondary, .navbar-menu-link{
    max-width: 18rem;
    font-size: 0.6rem;
}
  @media (max-width: 768px) {
    .navbar-btn-primary, .navbar-btn-secondary, .navbar-menu-link {
        max-width: inherit;
        font-size: 0.7rem;
    }
  }
  .navbar-container { padding-left: 1rem; padding-right: 1rem; }
  .navbar-nav { gap: 1.25rem; }
  .navbar-menu-list { gap: 1.25rem; }
}

@media (max-width: 48rem) {
  .navbar-drawer-header{
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
  .navbar-logo-img{
    height: 1.475rem;
}
  .navbar-container { padding-top: 0.875rem; padding-bottom: 0.875rem; padding-left: 0.75rem; padding-right: 0.75rem; }
  .navbar-nav { display: none; }
  .navbar-burger-btn { display: flex; }
  .navbar-fixed-bottom-bar { display: flex; position: fixed; bottom: 0; left: 0; width: 100vw; z-index: 998; }
  .fixed-cta-widget { bottom: 4.25rem; }
}
.banner-hero-section {width: 100%;/* padding-top: 3.75rem; *//* padding-bottom: 1.9rem; *//* background: linear-gradient(90deg,#FAEFD3 0%, #E5C998 100%); */margin-top: 4.8rem;}
.banner-hero-container {/* max-width: 82.5rem; *//* margin-left: auto; *//* margin-right: auto; *//* padding-left: 1.25rem; *//* padding-right: 1.25rem; */}
.banner-hero-slider {width: 100%;overflow: hidden;/* border-radius: 1.875rem; */position: relative;}
.banner-hero-wrapper { display: flex; width: 100%; }
.banner-hero-slide {width: 100%;overflow: hidden;/* background-color: #ffffff; */}
.banner-hero-picture { display: block; width: 100%; }
.banner-hero-source { display: none; }
.banner-hero-img {display: block;width: 100%;height: auto;object-fit: cover;aspect-ratio: 1200 / 600;/* border-radius: 1.875rem; */}
.banner-hero-pagination { position: relative; margin-top: 1.25rem; display: flex; justify-content: center; align-items: center; gap: 0.5rem; }
.banner-hero-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; margin: 0; background-color: #cbd5e1; opacity: 1; border-radius: 6.1875rem; transition: all 0.3s ease; }
.banner-hero-pagination .swiper-pagination-bullet-active { background-color: #0b3b95; width: 0.5rem; }
.site-swiper-script { display: none; }
.site-init-script { display: none; }

.tabpromo-section {width: 100%;padding-top: 3.75rem;padding-bottom: 4rem;/* background-color: #f1f4f1; */}
.tabpromo-container { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
.tabpromo-header { text-align: center; margin-bottom: 2rem; }
.tabpromo-title {margin: 0;font-size: 2.5rem;font-weight: 700;line-height: 1.25;/* background: linear-gradient(90deg, #6C5539 1%, #6B5439 51%, #3B2B1D 98%); *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */color: #fdf2e1;}
.tabpromo-title-br { display: block; }
.tabpromo-nav { display: flex; justify-content: center; margin-bottom: 2.25rem; }
.tabpromo-nav-track {display: inline-flex;align-items: center;border-top: 1px solid #c4ac90;}
.tabpromo-nav-item { background: transparent; border: none; outline: none; cursor: pointer; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.75rem; padding-right: 1.75rem; position: relative; margin-bottom: -0.125rem; }
.tabpromo-nav-item-active {border-top: 1px solid #ecddc0;}
.tabpromo-nav-text {font-size: 1.1rem;/* font-weight: 700; */color: #55524E;letter-spacing: 0.03125rem;transition: color 0.2s ease;background: linear-gradient(90deg, #f9eed2, #d7b476);-webkit-background-clip: text;-webkit-text-fill-color: #fff;}
.tabpromo-nav-item-active .tabpromo-nav-text,.tabpromo-nav-item:hover .tabpromo-nav-text {font-weight: 700;/* color: #6c5539; *//* background: linear-gradient(90deg, #6C5539 1%, #6B5439 51%, #3B2B1D 98%); *//* -webkit-background-clip: text; */-webkit-text-fill-color: transparent;}
.tabpromo-tab-panel { display: flex; flex-direction: column; width: 100%; }
.tabpromo-featured-banner { position: relative; width: 100%; border-radius: 1.875rem; overflow: hidden; min-height: 23rem; display: flex; align-items: center; padding-left: 3.75rem; padding-right: 3.75rem; padding-top: 2.5rem; padding-bottom: 2.5rem; box-sizing: border-box; }
.tabpromo-featured-bg-picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.tabpromo-featured-bg-source { display: none; }
.tabpromo-featured-bg-img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.tabpromo-featured-content { position: relative; z-index: 2; max-width: 42rem; color: #ffffff; }
.tabpromo-featured-title { margin: 0; margin-bottom: 1.125rem; font-size: 1.75rem; font-weight: 800; line-height: 1.3; text-transform: uppercase; color: #ffffff; }
.tabpromo-featured-br { display: block; }
.tabpromo-featured-desc { margin: 0; font-size: 0.875rem; line-height: 1.6; color: rgba(255, 255, 255, 0.9); }
.tabpromo-bottom-grid {display: flex;gap: 1.25rem;margin-top: 0.5rem;width: calc(100% + 1.5rem);transform: translateX(-0.5rem);}
.tabpromo-side-column {flex: 0 0 25%;/* width: 25%; */padding-bottom: 1.7rem;padding-top: 1rem;}
.tabpromo-side-card { width: 100%; height: 100%; border-radius: 1.5rem; overflow: hidden; }
.tabpromo-side-img {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 1.875rem;}
.tabpromo-product-column {flex: 1;min-width: 0;width: 75%;}
.tabpromo-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.tabpromo-badge-discount {position: absolute;top: -2.2rem;right: -0.8rem;width: 4.125rem;height: 4.125rem;background-image: url('./img/374AB996.png?1');background-size: contain;background-repeat: no-repeat;background-position: center;/* display: flex; *//* align-items: start; */font-size: 0.95rem;font-weight: 700;color: #e0453f;line-height: 1;/* justify-content: center; */padding-top: 2.6rem;text-align: center;}
.tabpromo-product-meta {width: 100%;text-align: left;}
.tabpromo-product-type {display: block;font-size: 0.75rem;/* color: #ffffff; */margin-bottom: 0.25rem;background: linear-gradient(90deg, #fed99d, #fdf0dd);-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: fit-content;}
.tabpromo-product-code {display: block;font-size: 0.65rem;color: #ffffff;margin-bottom: 0.25rem;/* background: linear-gradient(90deg, #fed99d, #fdf0dd); *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: #ffffff00; */width: fit-content;}
.tabpromo-product-name {margin: 0;font-size: 1.2rem;font-weight: 600;color: #000000;text-transform: uppercase;background: linear-gradient(90deg, #fed99d, #fdf0dd);-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: fit-content;margin-bottom: 0.4rem;}
.tabpromo-product-thumb { width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; margin-top: 0.75rem; margin-bottom: 0.75rem; }
.tabpromo-product-img { width: 100%; height: 100%; object-fit: contain; display: block; }
.tabpromo-action-wrap { display: flex; justify-content: center; margin-top: 2.25rem; }
.tabpromo-btn {display: inline-flex;align-items: center;justify-content: center;padding-top: 0.875rem;padding-bottom: 0.875rem;padding-left: 2.25rem;padding-right: 2.25rem;border-radius: 6.1875rem;font-size: 0.875rem;font-weight: 700;color: #fee7c2;text-decoration: none;background: linear-gradient(90deg, #433121, #6e5637);box-shadow: 0 0.5rem 1rem rgba(217, 34, 28, 0.2);}
.tabpromo-btn br{display: none;}
.tabpromo-script { display: none; }
.tabpromo-product-swiper-wrap {width: 100%;overflow: hidden;/* padding-top: 1rem; */height: 100%;}
.tabpromo-product-wrapper {display: flex;width: 100%;box-sizing: border-box;}
.tabpromo-product-slide {height: auto;display: flex;box-sizing: border-box;padding: 1.1rem 1rem 1.7rem 0.5rem;}
.tabpromo-featured-br2{display: none;}
@media (max-width: 64rem) {
  .banner-hero-container {/* padding-left: 1rem; *//* padding-right: 1rem; */}
  .banner-hero-slider {/* border-radius: 1.25rem; */}
  .tabpromo-featured-banner { padding-left: 2rem; padding-right: 2rem; min-height: 18rem; }
    .tabpromo-featured-title { font-size: 1.5rem; }
}

@media (max-width: 48rem) {
  .tabpromo-product-name{
    font-size: 1rem;
}
.tabpromo-featured-br2{display: inline-block;}
 
  .tabpromo-product-type{
    font-size: 0.7rem;
}.tabpromo-product-code{
    font-size: 0.7rem;
    word-wrap: anywhere;
}
  .tabpromo-product-slide{
        padding: 1rem 0.7rem 1.7rem 0rem;
  }
  .tabpromo-badge-discount{
    width: 3.125rem;
    height: 3.825rem;
}
.tabpromo-btn br{display: inline-block;}
  .tabpromo-nav-text{
    font-size: 0.8rem;
}
  .tabpromo-product-column{
    width: 100%;
}
    .tabpromo-bottom-grid {flex-direction: column;width: 100%;transform: none;width: calc(100% + 0.8rem);transform: translateX(-0.1rem);}
  .tabpromo-side-column { flex: 0 0 auto; width: 100%; height: 18rem; }
  .tabpromo-product-grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; }




  .banner-hero-section {/* padding-top: 1rem; *//* padding-bottom: 1.75rem; */margin-top: 3.2rem;}
  .banner-hero-container {/* padding-left: 0.75rem; *//* padding-right: 0.75rem; */}
  .banner-hero-slider {/* border-radius: 0.875rem; */}
  .banner-hero-img {/* aspect-ratio: 16 / 9; */}
  .banner-hero-pagination { margin-top: 0.875rem; gap: 0.375rem; }
  .banner-hero-pagination .swiper-pagination-bullet { width: 0.4375rem; height: 0.4375rem; }
  .banner-hero-pagination .swiper-pagination-bullet-active { width: 0.4375rem; }
  .tabpromo-section { padding-top: 2rem; padding-bottom: 2.5rem; }
  .tabpromo-title { font-size: 1.625rem; }
  .tabpromo-nav-track {/* overflow-x: auto; *//* width: 100%; *//* justify-content: flex-start; *//* display: block; */}
  .tabpromo-nav-item {padding-left: 0.6rem;padding-right: 0.6rem;/* white-space: nowrap; */min-height: 3.5rem;}
  .tabpromo-nav-item-active{
    /* border-top: 0; */
    /* padding-left: 1rem; */
    /* padding-right: 1rem; */
}
  .tabpromo-featured-banner { border-radius: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; min-height: 15rem; padding-bottom: 70vw; }
    .tabpromo-featured-title { font-size: 1rem; }
  .tabpromo-side-column {height: 14rem;display: none;}
  .tabpromo-side-card { border-radius: 1rem; }
  .tabpromo-product-grid { grid-template-columns: 1fr; gap: 1rem; }
  .tabpromo-btn { width: 100%; text-align: center; }
}

/* Đảm bảo card có overflow visible để phần giá lồi ra ngoài không bị che mất */
.tabpromo-product-card {
  position: relative;
  background: linear-gradient(90deg, #79614c, #8e755a);
  border-radius: 1.875rem;
  padding-top: 1.5rem;
  padding-bottom: 2rem; /* Tăng padding đáy để có khoảng trống cho cụm giá */
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  overflow: visible; /* Cực kỳ quan trọng để hiển thị phần lồi ra ngoài */
  border: 1px #d1c4b9 solid;
}

/* Định dạng thanh giá lồi xuống 50% */
.tabpromo-product-pricing {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%); /* Dịch chuyển để lồi ra ngoài chính giữa 1/2 */
  width: 85%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border-radius: 6.1875rem;
  background: linear-gradient(90deg, #f9efd6, #dcba80);
  box-shadow: 0 0.375rem 0.875rem rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  z-index: 3;
  white-space: nowrap;
}

.tabpromo-price-old {
  font-size: 0.6rem;
  color: #332012;
  text-decoration: line-through;
  /* font-weight: 500; */
}

.tabpromo-price-sale {
  font-size: 1.05rem;
  font-weight: 700;
  color: #332012;
}

/* Responsive cho màn hình nhỏ (mobile) */
@media (max-width: 48rem) {
  .tabpromo-product-card {
    padding-bottom: 1.8rem;
  }
  .tabpromo-product-pricing {
    width: 90%;
    padding: 0.6rem 0.5rem;
    gap: 0rem;
    flex-direction: column;
  }
  .tabpromo-price-old {
    font-size: 0.65rem;
  }
  .tabpromo-price-sale {
    font-size: 0.85rem;
  }
}

.tabpromo-slider-relative {position: relative;width: 100%;height: 100%;display: flex;align-items: center;}
.tabpromo-nav-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;width: 2.75rem;height: 2.75rem;border-radius: 50%;border: 1px solid #e1be87;background: linear-gradient(135deg, #433121, #6e5637);color: #f9eed2;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.35);padding: 0;outline: none;}
.tabpromo-nav-btn:hover {background: linear-gradient(135deg, #f9eed2, #d7b476);color: #3b2b1d;border-color: #fff;transform: translateY(-50%) scale(1.08);}
.tabpromo-nav-btn.swiper-button-disabled {opacity: 0.35;cursor: not-allowed;pointer-events: none;}
.tabpromo-nav-btn svg {width: 1.25rem;height: 1.25rem;display: block;}
.tabpromo-nav-prev {left: -1.25rem;}
.tabpromo-nav-next {right: -1.25rem;}
@media (max-width: 48rem) {
.tabpromo-nav-btn {width: 2.25rem;height: 2.25rem;}
.tabpromo-nav-prev {left: -0.5rem;}
.tabpromo-nav-next {right: -0.5rem;}
.tabpromo-nav-btn svg {width: 1rem;height: 1rem;}
}
.tabpromo-nav-btn.swiper-button-lock { display: none !important; }


.catpromo-section {width: 100%;padding-top: 3.5rem;padding-bottom: 4rem;/* background-color: #f1f4f1; */}
.catpromo-container { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
.catpromo-header { text-align: center; margin-bottom: 1.75rem; }
.catpromo-title {
    margin: 0;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.25;
    background: linear-gradient(90deg, #6C5539 1%, #6B5439 51%, #3B2B1D 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fdf2e1;
    }
.catpromo-nav { display: flex; justify-content: center; margin-bottom: 2.25rem; }
.catpromo-nav-track {display: inline-flex;align-items: center;/* border-bottom: 0.125rem solid #d6e8f3; *//* border-top: 1px solid #0329ac; */border-top: 1px solid #bba388;}
.catpromo-nav-item {background: transparent;border: none;outline: none;cursor: pointer;padding-top: 0.75rem;padding-bottom: 0.75rem;padding-left: 1.75rem;padding-right: 1.75rem;position: relative;margin-bottom: -0.125rem;font-size: 1rem;font-weight: 600;color: #6C5539;letter-spacing: 0.03125rem;transition: color 0.2s ease;}
.catpromo-nav-item-active {/* border-bottom: 0.1875rem solid #0329AC; */border-top: 1px solid #f1dfbb;background: #feffff;}
.catpromo-nav-text {font-size: 1rem;font-weight: 700;color: #55524E;letter-spacing: 0.03125rem;transition: color 0.2s ease;background: linear-gradient(90deg, #f9eed2, #d7b476);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.catpromo-nav-item-active .catpromo-nav-text {color: #6C5539;-webkit-text-fill-color: #6a5338;}
.catpromo-slider-shell { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; }
.catpromo-nav-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 2.5rem; height: 2.5rem; border-radius: 6.1875rem; background-color: #ffffff; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08); z-index: 2; transition: all 0.2s ease; }
.catpromo-nav-arrow-prev {left: -4.25rem;}
.catpromo-nav-arrow-next {right: -4.25rem;}
.catpromo-arrow-icon {width: 1.125rem;height: 1.125rem;fill: none;stroke: #0329ac;stroke-width: 0.15625rem;stroke-linecap: round;stroke-linejoin: round;}
.catpromo-arrow-path { fill: none; }
.catpromo-grid {width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.25rem;row-gap: 2.8rem;}
.catpromo-card {position: relative;background-color: #ffffff;border-radius: 1.5rem;padding-top: 1.5rem;padding-bottom: 1.5rem;padding-left: 1.5rem;padding-right: 1.5rem;text-decoration: none;display: flex;flex-direction: column;justify-content: space-between;min-height: 19rem;box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.03);box-sizing: border-box;/* overflow: hidden; *//* padding: 1rem 1rem 0rem 0rem; */background: linear-gradient(45deg, #7d6653, #8f765c);}
.catpromo-badge-discount {
    position: absolute;
    top: -2.2rem;
    right: -0.8rem;
    width: 4.125rem;
    height: 4.125rem;
    background-image: url(./img/374AB996.png?1);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* display: flex; */
    /* align-items: start; */
    font-size: 0.95rem;
    font-weight: 700;
    color: #e0453f;
    line-height: 1;
    /* justify-content: center; */
    padding-top: 2.6rem;
    text-align: center;
    }
.catpromo-card-top { width: 100%; text-align: left; }
.catpromo-tag-promo {display: inline-block;width: 7.825rem;height: 2.275rem;background-image: url('./img/BEAB2F47.png');background-size: contain;background-repeat: no-repeat;background-position: left center;margin-bottom: 0.5rem;transform: translateX(-0.6rem);}
.catpromo-card-desc {margin: 0;font-size: 0.8125rem;line-height: 1.4;color: #fee5bd;max-width: 15rem;min-height: 2.25rem;}
.catpromo-card-main { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; gap: 0.75rem; margin-top: 0.75rem; }
.catpromo-card-thumb { width: 48%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; }
.catpromo-card-img { width: 100%; height: 100%; object-fit: contain; display: block; }
.catpromo-card-info { width: 52%; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.catpromo-card-code {margin: 0;margin-bottom: 0.375rem;font-size: 1rem;font-weight: 600;color: #ffdca4;text-transform: uppercase;background: linear-gradient(90deg, #f9eed2, #d7b476);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.catpromo-price-old {font-size: 0.9125rem;color: #fdefdb;text-decoration: line-through;margin-bottom: 0.675rem;background: linear-gradient(90deg, #f9eed2, #d7b476);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.catpromo-price-sale {display: inline-flex;justify-content: center;align-items: center;width: 100%;padding-top: 0.4375rem;padding-bottom: 0.4375rem;padding-left: 0.5rem;padding-right: 0.5rem;border-radius: 6.1875rem 0 0 6.1875rem;background: linear-gradient(90deg, #D9221C 0%, #E45953 50%, #D9221C 100%);color: #332012;font-size: 0.975rem;font-weight: 600;box-sizing: border-box;transform: translateX(1.5rem);background: linear-gradient(90deg, #ffd99e, #fdf1df);}
.catpromo-price-saving {font-size: 0.7875rem;color: #667085;font-style: italic;margin-top: 0.575rem;background: linear-gradient(90deg, #f9eed2, #d7b476);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.catpromo-action-wrap { display: flex; justify-content: center; margin-top: 2.5rem; }
.catpromo-btn {display: inline-flex;align-items: center;justify-content: center;padding-top: 0.875rem;padding-bottom: 0.875rem;padding-left: 2.25rem;padding-right: 2.25rem;border-radius: 6.1875rem;font-size: 0.875rem;font-weight: 700;color: #ffffff;text-decoration: none;background: linear-gradient(90deg, #0329AC 0%, #034AD1 53%, #0329AC 100%);box-shadow: 0 0.5rem 1rem rgb(167 167 167 / 20%);background: linear-gradient(90deg, #6C5539 0%, #6B5439 50%, #3B2B1D 100%);transition: 0.3s;color: #E5C998;color: #fee7c2;text-decoration: none;background: linear-gradient(90deg, #433121, #6e5637);}
.catpromo-btn br{display: none;}
@media (max-width: 64rem) {
  .catpromo-grid {grid-template-columns: repeat(2, 1fr);gap: 1rem;grid-template-columns: repeat(2, minmax(0, 1fr));}
  .catpromo-nav-arrow-prev { left: -0.5rem; }
  .catpromo-nav-arrow-next { right: -0.5rem; }
}

@media (max-width: 48rem) {
  .catpromo-price-saving{
    font-size: 0.5875rem;
}
  .catpromo-badge-discount{
    top: -2.2rem;
    right: -0.8rem;
    width: 3.125rem;
    height: 4.125rem;
    padding-top: 2.6rem;
}
  .catpromo-card-info{
    width: 100%;
}
  .catpromo-card-thumb{
    width: 100%;
}
  .catpromo-card-main{
    flex-direction: column;
}
.catpromo-btn br{display: inline-block;}
  .catpromo-nav-text {
        font-size: 0.8rem;
    }
  .catpromo-price-sale{
    transform: translateX(1rem);
    /* width: calc(100% + 1rem); */
    font-size: 0.8rem;
    width: fit-content;
}
  .catpromo-section { padding-top: 2rem; padding-bottom: 2.5rem; }
  .catpromo-title { font-size: 1.625rem; }
  .catpromo-nav-track {/* overflow-x: auto; *//* width: 100%; */justify-content: center;flex-wrap: wrap;}
  .catpromo-nav-item {padding-left: 1rem;padding-right: 1rem;white-space: nowrap;padding-left: 0.4rem;padding-right: 0.4rem;/* min-width: 33.33%; */}
  .catpromo-nav-arrow { display: none; }
  .catpromo-grid {/* grid-template-columns: 1fr; */gap: 1rem;}
  .catpromo-card { min-height: auto; padding: 1rem; border-radius: 1rem; }
  .catpromo-card-desc { max-width: 100%; min-height: auto; margin-bottom: 0.5rem; }
  .catpromo-btn { width: 100%; text-align: center; }
}
@media (max-width: 30rem) {
  .catpromo-grid{
          /* grid-template-columns: 1fr; */
}}

.catpromo-combo-list { display: flex; flex-direction: column; gap: 2rem; width: 100%; box-sizing: border-box; }
.catpromo-combo-card {position: relative;background-color: #ffffff;border-radius: 1.5rem;padding-top: 2.3rem;padding-bottom: 1.8rem;padding-left: 1.5rem;padding-right: 1.5rem;text-decoration: none;display: flex;align-items: flex-end;justify-content: space-between;gap: 1.5rem;box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.03);box-sizing: border-box;width: 100%;background: linear-gradient(45deg, #7d6653, #8f765c);}
.catpromo-combo-left { flex: 1; min-width: 0; width: 100%; }
.catpromo-combo-items {display: grid;grid-template-columns: repeat(5, 1fr);gap: 1rem;width: 100%;align-items: flex-end;}
.catpromo-combo-item { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; width: 100%; }
.catpromo-combo-thumb { width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; }
.catpromo-combo-img { width: 100%; height: 100%; object-fit: contain; display: block; }
.catpromo-combo-item-name {font-size: 0.8125rem;font-weight: 700;color: #000000;text-align: center;background: linear-gradient(90deg, #f9eed2, #d7b476);-webkit-background-clip: text;-webkit-text-fill-color: transparent;word-wrap: anywhere;}
.catpromo-combo-info {width: 22rem;flex-shrink: 0;display: flex;flex-direction: column;align-items: flex-end;text-align: right;}
.catpromo-combo-top { width: 100%; display: flex; flex-direction: column; align-items: flex-end; text-align: right; margin-bottom: 0.5rem; }
.catpromo-combo-top .catpromo-tag-promo{
    transform: translateX(0.2rem);
}
.catpromo-combo-desc {margin: 0;font-size: 0.9125rem;line-height: 1.4;color: #64748b;margin-top: 0.25rem;background: linear-gradient(90deg, #f9eed2, #d7b476);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;}

@media (max-width: 64rem) {
  .catpromo-combo-card { padding: 1.25rem; gap: 1rem; }
  .catpromo-combo-info { width: 14rem; }
  .catpromo-combo-items { gap: 0.75rem; }
}

@media (max-width: 48rem) {
  .catpromo-combo-item-name{
    font-size: 0.5125rem;
}
  .catpromo-combo-card { flex-direction: column; align-items: stretch; padding: 1rem; border-radius: 1rem; gap: 1.25rem; }
  .catpromo-combo-items {display: flex;overflow-x: auto;padding-bottom: 0.5rem;justify-content: flex-start;gap: 2%;justify-content: center;}
  .catpromo-combo-item {/* min-width: 6.25rem; *//* flex: 0 0 22%; *//* gap: 1%; */}
  .catpromo-combo-info { width: 100%; align-items: flex-end; }
}

.rules-section {width: 100%;padding-top: 3.5rem;padding-bottom: 3rem;}
  .rules-container {max-width: 82.5rem;margin-left: auto;margin-right: auto;padding-left: 1.25rem;padding-right: 1.25rem;}
  .rules-banner-wrap {width: 100%;border-radius: 1.875rem;overflow: hidden;margin-bottom: 3.5rem;box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05);}
  .rules-banner-picture {display: block;width: 100%;}
  .rules-banner-source {display: none;}
  .rules-banner-img {display: block;width: 100%;height: auto;object-fit: cover;aspect-ratio: 1200 / 600;}
  .rules-header {text-align: center;max-width: 62rem;margin-left: auto;margin-right: auto;margin-bottom: 2rem;}
  .rules-title {margin: 0 0 0.875rem 0;font-size: 2.5rem;font-weight: 700;line-height: 1.25;color: #ffffff;}
  .rules-headline {margin: 0 0 1rem 0;font-size: 1.5rem;font-weight: 700;color: #ffffff;}
  .rules-subtitle {margin: 0;font-size: 1rem;line-height: 1.6;color: #3b2b1d;font-weight: 500;}
  .rules-cta-wrap {display: flex;justify-content: center;margin-top: 1.5rem;}
  .rules-cta-btn {display: inline-flex;align-items: center;justify-content: center;padding-top: 0.75rem;padding-bottom: 0.75rem;padding-left: 2.25rem;padding-right: 2.25rem;border-radius: 6.1875rem;font-size: 0.9375rem;font-weight: 700;text-decoration: none;background: #594833;color: #ffffff;box-shadow: 0 0.5rem 1rem rgba(89, 72, 51, 0.25);transition: transform 0.2s ease;color: #fee7c2;text-decoration: none;background: linear-gradient(90deg, #433121, #6e5637);}
  .rules-cta-btn:hover {transform: scale(1.03);}
  .rules-phases-desc {text-align: center;font-size: 1.05rem;font-weight: 600;color: #fffbf5;margin-bottom: 0.35rem;}
  .rules-phases-desc br {display: none;}
  .rules-phases-note {text-align: center;font-size: 0.9rem;font-weight: 400;color: #fffbf5;margin-bottom: 2rem;}
  .rules-phases-row {display: flex;justify-content: center;align-items: flex-start;gap: 2.5rem;margin-bottom: 3rem;flex-wrap: wrap;}
  .rules-phase-item {display: flex;flex-direction: column;align-items: center;gap: 0.75rem;}
  .rules-phase-btn {display: inline-flex;align-items: center;justify-content: center;min-width: 11rem;padding: 0.65rem 2rem;border-radius: 6.1875rem;border: none;background-color: #ffffff;color: #594833;font-size: 1rem;font-weight: 700;cursor: pointer;transition: all 0.25s ease;outline: none;border: 1px #fee2b7 solid;}
  .rules-phase-btn-active {background-color: #594833;color: #ffffff;box-shadow: 0 0.375rem 1rem rgba(89, 72, 51, 0.25);color: #fee7c2;text-decoration: none;background: linear-gradient(90deg, #433121, #6e5637);border-color: transparent;}
  .rules-phase-date {font-size: 0.875rem;font-weight: 500;color: #3b2b1d;text-align: center;white-space: nowrap;}
  .rules-timeline-wrap {width: 100%;position: relative;max-width: 1200px;margin: auto;}
  .rules-timeline-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.5rem;position: relative;z-index: 2;}
  .rules-step-card {background: linear-gradient(45180deg, #6c5539, #59442e);border-radius: 1rem;padding: 2.25rem 1.25rem;display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: start;color: #ffffff;box-sizing: border-box;min-height: 14rem;}
  .rules-step-heading {margin: 0 0 1rem 0;font-size: 1.15rem;font-weight: 700;color: #ffffff;line-height: 1.4;}
  .rules-step-time {font-size: 0.95rem;font-weight: 700;color: #fdf2e1;margin-bottom: 0.5rem;}
  .rules-step-text {margin: 0.5rem 0 0 0;font-size: 0.875rem;line-height: 1.6;color: #ffffff;opacity: 0.95;}
  @media (max-width: 64rem) {
  .rules-timeline-grid {grid-template-columns: repeat(2, 1fr);gap: 1.5rem;}
  }
  @media (max-width: 48rem) {
  .rules-phases-desc br {display: inline-block;}
    .rules-step-text{
    font-size: 0.7rem;
}
    .rules-step-heading{
    font-size: 0.9rem;
}.rules-step-heading br{display:none}
  .rules-section {padding-top: 2rem;padding-bottom: 2.5rem;}
  .rules-title {font-size: 1.625rem;}
  .rules-headline {font-size: 1.125rem;}
  .rules-phases-row {gap: 0.75rem;/* flex-direction: column; */align-items: center;flex-wrap: nowrap;margin-bottom: 1.5rem;}
  .rules-phase-btn {min-width: auto;font-size: 0.8rem;padding: 0.65rem 0.9rem;}
    
    .rules-phase-date{
    white-space: normal;
    font-size: 0.7rem;
}
  .rules-timeline-grid {grid-template-columns: repeat(2, 1fr);gap: 1.25rem;grid-template-columns: repeat(2, minmax(0, 1fr));}
  }

.netshow-section {width: 100%;padding-top: 3.5rem;padding-bottom: 4rem;/* background-color: #f1f4f1; */}
.netshow-container { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
.netshow-header { text-align: center; margin-bottom: 2.75rem; }
.netshow-title {
    margin: 0;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.25;
    /* background: linear-gradient(90deg, #6C5539 1%, #6B5439 51%, #3B2B1D 98%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    color: #fffbf5;
    }
    .netshow-title br{display: none;}
.netshow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; }
.netshow-card { display: flex; flex-direction: column; align-items: center; width: 100%; }
.netshow-card a{text-decoration: none;}
.netshow-thumb {width: 100%;aspect-ratio: 16 / 10;border-radius: 1.25rem;overflow: hidden;background-color: #ffffff;/* box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.04); */}
.netshow-img {display: block;width: 100%;height: 100%;object-fit: cover;transition: 0.5s;object-position: top right;}
.netshow-card a:hover .netshow-img{transform:scale(1.05)}
.netshow-caption {margin: 0;margin-top: 1.25rem;font-size: 1rem;font-weight: 700;color: #fffbf5;text-align: center;text-decoration: none;}

@media (max-width: 64rem) {
  .netshow-grid { gap: 1.25rem; }
  .netshow-title { font-size: 1.875rem; }
  .netshow-caption { font-size: 1rem; margin-top: 1rem; }
}

@media (max-width: 48rem) {
    .netshow-title br{display: inline-block;}
  .netshow-section { padding-top: 2rem; padding-bottom: 2.5rem; }
  .netshow-header { margin-bottom: 1.75rem; }
  .netshow-title { font-size: 1.5rem; }
  .netshow-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .netshow-thumb { border-radius: 0.875rem; }
}


.footer-section {width: 100%;padding-top: 4rem;padding-bottom: 5rem;background: linear-gradient(0deg, #3f2e1f, #5d472e);color: #ffffff;overflow: hidden;}
.footer-container { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
.footer-top-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3.5rem; }
.footer-logo-link { display: inline-flex; align-items: center; text-decoration: none; }
.footer-logo-img { height: 2.25rem; width: auto; object-fit: contain; filter: brightness(0) invert(1); }
.footer-social-wrap { display: flex; align-items: center; gap: 0.875rem; }
.footer-social-link {display: inline-flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;border-radius: 6.1875rem;text-decoration: none;overflow: hidden;transition: 0.3s;}
.footer-social-img {width: 100%;height: 100%;object-fit: contain;display: block;transition: 0.3s;}
.footer-social-link:hover{transform:scale(1.2)}
.footer-branches-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.75rem 2.5rem; }
.footer-branch-item { display: flex; flex-direction: column; width: 100%; }
.footer-branch-title {margin: 0;margin-bottom: 1rem;font-size: 1rem;font-weight: 600;color: #ffffff;line-height: 1.4;text-transform: uppercase;}
.footer-branch-desc {margin: 0;margin-bottom: 0.875rem;font-size: 0.8rem;line-height: 1.6;color: #fff;}
.footer-branch-info {margin: 0;margin-bottom: 0.375rem;font-size: 0.8rem;line-height: 1.5;color: #fff;}
.fixed-cta-widget { position: fixed; right: 1.25rem; bottom: 2rem; display: flex; flex-direction: column; gap: 0.75rem; z-index: 999; }
.fixed-cta-btn {display: flex;align-items: center;justify-content: center;width: 3.125rem;height: 3.125rem;border-radius: 6.1875rem;border: none;background: transparent;padding: 0;cursor: pointer;text-decoration: none;transition: 0.3s;}
.fixed-cta-btn:hover{transform:scale(1.1)}
.fixed-cta-btn-top { outline: none; }
.fixed-cta-img { width: 100%; height: 100%; object-fit: contain; display: block; }
.footer-bottom-row { display: flex; align-items: center; justify-content: space-between; border-top: 0.0625rem solid rgba(255, 255, 255, 0.15); margin-top: 3.5rem; padding-top: 1.75rem; flex-wrap: wrap; gap: 1rem; }
.footer-legal-links { display: flex; align-items: center; gap: 0.625rem; }
.footer-legal-link {font-size: 0.8125rem;color: #fdeed8;text-decoration: none;transition: color 0.2s ease;}
.footer-legal-link:hover {color: #fdefd9;}
.footer-legal-separator {font-size: 0.8125rem;color: #fcefda;}
.footer-copyright {margin: 0;font-size: 0.8125rem;color: #fdeed6;line-height: 1.5;}

@media (max-width: 64rem) {
  .footer-branches-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem 1.5rem; }
  .fixed-cta-widget { right: 1rem; bottom: 1.5rem; }
  .fixed-cta-btn { width: 2.75rem; height: 2.75rem; }
}

@media (max-width: 48rem) {
  .footer-section { padding-top: 2.5rem; padding-bottom: 3.5rem; }
  .footer-top-row { flex-direction: column; align-items: flex-start; gap: 1.5rem; margin-bottom: 2rem; }
  .footer-branches-grid { grid-template-columns: 1fr; gap: 1.75rem; }
  .footer-branch-title { font-size: 0.875rem; }
  .footer-branch-desc { font-size: 0.75rem; }
  .footer-branch-info { font-size: 0.75rem; }
  .fixed-cta-widget {right: 0.75rem;bottom: 4.15rem;gap: 0.5rem;}
  .fixed-cta-btn { width: 2.5rem; height: 2.5rem; }
  .footer-bottom-row { margin-top: 2rem; padding-top: 1.25rem; flex-direction: column; align-items: center; text-align: center; gap: 0.75rem; }
    .footer-legal-links { justify-content: center; }
    .footer-legal-link { font-size: 0.75rem; }
    .footer-copyright { font-size: 0.75rem; }
}


.techpromo-section {width: 100%;padding-top: 1.5rem;padding-bottom: 2.5rem;/* background-color: #f1f4f1; */}
.techpromo-container { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
.techpromo-header { text-align: center; margin-bottom: 1.75rem; }
.techpromo-title {margin: 0;font-size: 2.5rem;font-weight: 700;line-height: 1.25;color: #fffbf5;}
.techpromo-title br{display: none;}
.techpromo-nav { display: flex; justify-content: center; margin-bottom: 2rem; }
.techpromo-nav-track {display: inline-flex;align-items: center;border-top: 1px solid #fffbf552;}
.techpromo-nav-item { background: transparent; border: none; outline: none; cursor: pointer; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.75rem; padding-right: 1.75rem; position: relative; margin-bottom: -0.0625rem; }
.techpromo-nav-item-active {border-top: 1px solid #fffbf5;}
.techpromo-nav-text {font-size: 1rem;font-weight: 600;color: #6c5539;letter-spacing: 0.03125rem;transition: color 0.2s ease;}
.techpromo-nav-item-active .techpromo-nav-text {color: #fffbf5;font-weight: 700;}
.techpromo-desc-fixed-box { min-height: 5.75rem; max-width: 58rem; margin-left: auto; margin-right: auto; margin-bottom: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.techpromo-lead-title {
  margin: 0;
  margin-bottom: 0.625rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6c5539;
  text-transform: uppercase;
  background: linear-gradient(90deg, #ffd99d 1%, #fdf2e0 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.techpromo-lead-desc {margin: 0;font-size: 0.9375rem;line-height: 1.6;color: #332012;}
.techpromo-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; margin-bottom: 2.25rem; width: 100%; box-sizing: border-box; }
.techpromo-item-btn {border-radius: 1.25rem;padding-top: 1.25rem;padding-bottom: 1.25rem;padding-left: 0.5rem;padding-right: 0.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;transition: all 0.25s ease;width: 100%;box-sizing: border-box;background: transparent;border: 1px transparent solid;}
.techpromo-item-active {box-shadow: 0 0.5rem 1.25rem rgb(195 195 195 / 12%);transform: translateY(-0.1875rem);background: #fff;border: 1px #000000 solid;}
.techpromo-icon-shell { width: 3.25rem; height: 3.25rem; display: flex; align-items: center; justify-content: center; margin-bottom: 0.75rem; }
.techpromo-icon-img {max-width: 100%;max-height: 100%;object-fit: contain;display: block;transition: 0.3s;}

.techpromo-item-name {font-size: 0.8125rem;font-weight: 700;color: #fdf2e1;text-transform: uppercase;text-align: center;line-height: 1.25;margin-bottom: 0.25rem;display: block;width: 100%;}
.techpromo-item-subname {font-size: 0.6875rem;font-weight: 600;color: #fdf2e1;text-transform: uppercase;text-align: center;display: block;width: 100%;}
.techpromo-item-active .techpromo-item-name {color: #332012;}
.techpromo-item-active .techpromo-item-subname{ color: #55524e; }
.techpromo-item-active .techpromo-icon-img{ filter: brightness(0); }

/* Khung video và iframe YouTube */
.techpromo-player-wrap { position: relative; width: 100%; border-radius: 1.875rem; overflow: hidden; background-color: #000000; box-shadow: 0 0.625rem 2rem rgba(0, 0, 0, 0.08); aspect-ratio: 16 / 9; }
.techpromo-iframe { width: 100%; height: 100%; border: none; display: block; }
.techpromo-nav-item br{display: none;}

@media (max-width: 64rem) {
  .techpromo-title { font-size: 2rem; }
  .techpromo-desc-fixed-box { min-height: 6.5rem; }
  .techpromo-grid { gap: 0.75rem; }
  .techpromo-item-btn { padding-top: 1rem; padding-bottom: 1rem; }
  .techpromo-icon-shell { width: 2.75rem; height: 2.75rem; }
}

@media (max-width: 48rem) {
  .techpromo-title br{display: inline-block;}
  .techpromo-nav-item br{display: inline-block;}
  .techpromo-section { padding-top: 2rem; padding-bottom: 2.5rem; }
  .techpromo-title { font-size: 1.625rem; }
  .techpromo-nav-track { width: 100%; justify-content: center; }
  .techpromo-nav-item { padding-left: 0.75rem; padding-right: 0.75rem; }
  .techpromo-nav-text { font-size: 0.8125rem; }
  .techpromo-desc-fixed-box { min-height: 8rem; margin-bottom: 1.5rem; }
  .techpromo-lead-title { font-size: 1.0625rem; }
  .techpromo-lead-desc { font-size: 0.8125rem; }
  .techpromo-grid { grid-template-columns: repeat(3, 1fr); gap: 0.625rem; }
  .techpromo-item-btn { padding: 0.75rem 0.375rem; border-radius: 0.875rem; }
  .techpromo-icon-shell { width: 2.25rem; height: 2.25rem; margin-bottom: 0.5rem; }
  .techpromo-item-name { font-size: 0.6875rem; }
  .techpromo-item-subname { font-size: 0.625rem; }
  .techpromo-player-wrap { border-radius: 1rem; }
}

.regform-ts-css { display: none; }
.regform-ts-script { display: none; }
.regform-section {width: 100%;padding-top: 3.5rem;padding-bottom: 5rem;/* background-color: #f1f4f1; */font-size: 1rem;color: #000000;letter-spacing: normal;}
.regform-container { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
.regform-header { text-align: center; margin-bottom: 2.25rem; }
.regform-title {margin: 0 0 0.875rem 0;font-size: 2.5rem;font-weight: 700;line-height: 1.25;/* color: #1156b7; */background: linear-gradient(90deg, #6C5539 1%, #6B5439 51%, #3B2B1D 98%);-webkit-background-clip: text;-webkit-text-fill-color: #ffffff;}
.regform-subtitle {margin: 0;font-size: 1rem;line-height: 1.6;color: #ffffff;}
.regform-br { display: block; }
.regform-success-banner {max-width: 48rem;margin: 2rem auto;padding: 1.5rem;background: linear-gradient(45180deg, #6c5539, #59442e);border: 1px solid #10b981;border-radius: 1rem;color: #fff;font-size: 1.125rem;font-weight: 700;text-align: center;}
.regform-success-note {
    padding-left: 2.7rem;
    font-size: 0.8rem;
}
.regform-box {background-color: #f1e3cf;border-radius: 1.875rem;padding: 2.5rem;box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.04);display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}
.regform-column {display: flex;flex-direction: column;gap: 1.25rem;width: 100%;}
.regform-group { display: flex; flex-direction: column; width: 100%; }
.regform-group-badge {background: linear-gradient(90deg, #433221, #6d5536);border-radius: 0.5rem;padding-top: 0.625rem;padding-bottom: 0.625rem;padding-left: 1.4rem;padding-right: 1rem;margin-bottom: 1.25rem;display: flex;align-items: center;}
.regform-group-badge-text { font-size: 1rem; font-weight: 700; color: #ffffff; letter-spacing: normal; }
.regform-radio-row { display: flex; gap: 0.75rem; width: 100%; }
.regform-radio-btn {flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.5rem;border: 1px solid #AED3F3;border-radius: 6.1875rem;background-color: #ffffff;padding-top: 0.6875rem;padding-bottom: 0.6875rem;cursor: pointer;transition: all 0.2s ease;}
.regform-radio-btn-active {background: linear-gradient(90deg, #433221, #6d5536);border-color: #6c5539;color: #ffffff;}
.regform-radio-circle {width: 1.125rem;height: 1.125rem;border-radius: 6.1875rem;border: 1px solid #667085;display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;}
.regform-radio-btn-active .regform-radio-circle { background-color: #ffffff; border-color: #ffffff; }
.regform-radio-btn-active .regform-radio-circle::after {content: "";width: 0.3125rem;height: 0.625rem;border: solid #6c5539;border-width: 0 0.125rem 0.125rem 0;transform: rotate(45deg);margin-top: -0.125rem;}
.regform-radio-text {font-size: 0.9rem;/* font-weight: 600; */color: inherit;letter-spacing: normal;}
.regform-field {display: flex;flex-direction: column;margin-bottom: 1rem;width: 100%;}
.regform-label {font-size: 0.9rem;font-weight: 600;color: #000000;margin-bottom: 0.375rem;line-height: 1.4;letter-spacing: normal;}
.regform-star { color: #dc2626; font-weight: 700; }
.regform-label-link {color: #6c5539;text-decoration: underline;}
.regform-input {width: 100%;border: 1px solid #7f6b52;border-radius: 0.625rem;padding-top: 0.6875rem;padding-bottom: 0.6875rem;padding-left: 0.875rem;padding-right: 0.875rem;font-size: 0.9rem;color: #000000;outline: none;box-sizing: border-box;}
.regform-input:focus { border-color: #1156b7; }
.regform-subnote {font-size: 0.7rem;color: #dc2626;font-style: italic;margin-top: 0.55rem;}
.regform-field-error { font-size: 0.875rem; color: #b91c1c; font-weight: 700; margin-top: 0.375rem; background-color: #fef2f2; border-left: 0.1875rem solid #ef4444; padding: 0.25rem 0.5rem; border-radius: 0 0.25rem 0.25rem 0; display: inline-block; }
.regform-field-error:empty { display: none; }
.regform-select-shell { width: 100%; }
.regform-select { width: 100%; }
.regform-native-select {width: 100%;border: 1px solid #907f6b;border-radius: 0.625rem;padding-top: 0.6875rem;padding-bottom: 0.6875rem;padding-left: 0.875rem;padding-right: 0.875rem;font-size: 0.9rem;color: #000000;outline: none;background-color: #ffffff;box-sizing: border-box;font-family: 'Montserrat';}
.regform-native-select:focus { border-color: #1156b7; }
.regform-opt { font-size: 1rem; color: #000000; }
.regform-mt-sm { margin-top: 0.5rem; }
.regform-subbox {border: 1px solid #7f6b52;border-radius: 0.75rem;padding: 0.875rem;margin-bottom: 0.875rem;background-color: #ffffff;}
.regform-qty-control { display: inline-flex; align-items: center; border: 0.0625rem solid #cbd5e1; border-radius: 0.5rem; overflow: hidden; width: 8.5rem; background-color: #ffffff; }
.regform-qty-btn { width: 2.25rem; height: 2.25rem; border: none; background-color: #f1f5f9; cursor: pointer; font-size: 1.25rem; font-weight: 700; color: #000000; }
.regform-qty-input { width: 4rem; height: 2.25rem; border: none; text-align: center; font-size: 1rem; font-weight: 700; color: #000000; outline: none; }
.regform-upload-box {position: relative;width: 100%;border: 1px solid #7f6b52;border-radius: 0.75rem;min-height: 5.5rem;padding: 0.375rem 0.875rem 0.375rem 0.375rem;display: flex;align-items: center;justify-content: flex-start;gap: 1rem;cursor: pointer;background-color: #f8fafc;transition: all 0.2s ease;box-sizing: border-box;}
.regform-upload-box:hover {background-color: #f1f4f1;border-color: #6c5539;}
.regform-upload-thumb { height: 4.75rem; width: 4.75rem; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 0.5rem; border: 0.0625rem solid #1156b7; flex-shrink: 0; display: block; box-shadow: 0 0.125rem 0.5rem rgba(17, 86, 183, 0.15); }
.regform-upload-info {display: flex;align-items: center;gap: 0.5rem;min-width: 0;flex: 1;justify-content: center;}
.regform-file-hidden { display: none; }
.regform-upload-icon {font-size: 1.25rem;color: #6c5539;line-height: 1;}
.regform-upload-text {font-size: 1rem;font-weight: 600;color: #6c5539;}
.regform-tags-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; width: 100%; }
.regform-tag-btn {display: inline-flex;align-items: center;gap: 0.375rem;border: 1px solid #7b6d5d;border-radius: 6.1875rem;background-color: #ffffff;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.875rem;padding-right: 0.875rem;cursor: pointer;color: #667085;}
.regform-tag-btn-active {background: linear-gradient(90deg, #433221, #6d5536);border-color: #817260;color: #ffffff;}
.regform-tag-btn-active .regform-radio-circle { background-color: #ffffff; border-color: #ffffff; }
.regform-tag-btn-active .regform-radio-circle::after {content: "";width: 0.3125rem;height: 0.625rem;border: solid #6c5539;border-width: 0 0.125rem 0.125rem 0;transform: rotate(45deg);margin-top: -0.125rem;}
.regform-footer-terms {grid-column: 1 / -1;/* border-top: 0.0625rem solid #e2e8f0; *//* padding-top: 2rem; */margin-top: 0.5rem;}
.regform-term-item { margin-bottom: 1.125rem; }
.regform-checkbox-label { display: flex; align-items: center; gap: 0.625rem; cursor: pointer; }
.regform-checkbox-input { display: none; }
.regform-checkbox-custom { width: 1.25rem; height: 1.25rem; border: 0.125rem solid #94a3b8; border-radius: 0.25rem; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; }
.regform-checkbox-input:checked + .regform-checkbox-custom {background-color: #6c5539;border-color: #6c5539;}
.regform-checkbox-input:checked + .regform-checkbox-custom::after { content: "✓"; color: #ffffff; font-size: 0.875rem; font-weight: 700; }
.regform-checkbox-desc { font-size: 1rem; font-weight: 600; color: #000000; line-height: 1.45; letter-spacing: normal; }
.regform-legal-paragraph { margin: 0 0 0.875rem 0; font-size: 0.8125rem; line-height: 1.6; color: #000000; text-align: justify; }
.regform-submit-wrap { display: flex; justify-content: center; margin-top: 2rem; }
.regform-submit-btn {min-width: 16rem;padding-top: 0.875rem;padding-bottom: 0.875rem;padding-left: 2.5rem;padding-right: 2.5rem;border-radius: 6.1875rem;border: none;font-size: 1rem;font-weight: 700;color: #fdedd4;cursor: pointer;background: linear-gradient(90deg, #443322 0%, #6e5637 100%);box-shadow: 0 0.5rem 1.25rem rgba(217, 34, 28, 0.25);transition: opacity 0.2s ease;}
.regform-submit-btn-disabled { opacity: 0.6; cursor: not-allowed; }
.regform-upload-success-icon { font-size: 1.125rem; font-weight: 700; color: #16a34a; line-height: 1; }
  
@media (max-width: 64rem) {
  .regform-box { grid-template-columns: 1fr; gap: 1.5rem; padding: 1.5rem; }
  .regform-title { font-size: 2rem; }
}

@media (max-width: 48rem) {
  .regform-section { padding-top: 2rem; padding-bottom: 3rem; }
  .regform-title { font-size: 1.625rem; }
  .regform-subtitle { font-size: 0.875rem; }
  .regform-box { padding: 1.25rem 0.875rem; border-radius: 1rem; }
  .regform-submit-btn { width: 100%; }
.regform-br { display: none; }

}

.regform-column .ts-control,.full .ts-control{
    border-radius: 0.6rem;
    padding: 0.7rem 0.9rem;
    font-size: 0.9rem;
    border: 1px solid #7f6b52;
} 

/* --- Lightbox Preview --- */
.regform-lightbox-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.regform-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.regform-lightbox-content {
  position: relative;
  z-index: 1;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  padding: 0.5rem; 
  border-radius: 1rem;
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.4);
}

.regform-lightbox-img {
  max-width: 100%;
  max-height: 85vh;
  object-fit: contain;
  border-radius: 0.625rem;
  display: block;
}

.regform-lightbox-close {
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: #433221;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease, background-color 0.15s ease;
}

.regform-lightbox-close:hover {
  background-color: #6d5536;
  transform: scale(1.08);
}