.c-header-foot.c-header-foot--fv {
    display: none;
}

.c-wrap--lp .c-header-foot {
    display: none;
}

.u-nana .c-wrap--lp__header--max-width {
    max-width: 1440px;
    margin: 0 auto;
}

.c-popupbunner--fixed {
  display: none !important;
}

@media print, screen and (min-width: 769px) {
  .c-wrap--lp .c-wrap__inner {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
  }
}
/*==============================
  section
==============================*/
.u-nana .c-section.u-bread {
    max-width: 1440px;
    padding-left: 45px;
    margin: 0;
}

/*==============================
  footer
==============================*/
.u-nana .c-footer {
  padding-top: 30px;
}
.s-footer-nav, .c-footer-remark, .c-footer-sns, .c-footer-logos{
  display: none;
}
.c-footer{
  margin: 0px auto 30px;
}
/*============================== ここから上は修正禁止 ==============================*/


/* --- 1. Thiết lập ẩn/hiện cơ bản --- */
.nana-onlysp { 
  display: none !important; 
}

.nana-onlypc { 
  display: block !important; 
}

span.nana-onlypc { 
  display: inline-block !important; 
} 

/* --- 2. PC STYLES (Mặc định) --- */
.c-section-nana { 
  position: relative; 
  max-width: 1440px; 
  margin: 0 auto; 
}
.cont-box.bg-green { 
  background-color: #00AFA0; 
  padding: min(30px, 6.3529411765vw) 0; 
}

.cont-box.bg-orange { 
  background-color: #fab60d; 
  padding: min(30px, 6.3529411765vw) 0; 
}


.cont-box-img { 
  max-width: 650px; 
  margin: 0 auto min(15px, 10.3529411765vw); 
}

.nana-flex-center { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
}

/* Kích thước PC riêng biệt */
.nana-onlypc.nana-fv-img { 
  max-width: 1700px; 
  width: 100%; 
  margin: 0 auto; 
}

.nana-onlypc.nana-fv2-img { 
  max-width: 1700px; 
  width: 100%; 
  margin: 30px auto; 
}

.nana-onlypc.nana-h-img { 
  width: 100%; 
}

.nana-onlypc.nana-d-img { 
  width: 30%; 
}

.nana-onlypc.nana-download-img { 
  width: 80px; 
  height: 90px; 
}
.nana-onlypc.nana-footer-img { 
  width: 50%; 
}

.nana-onlypc.nana-footer1-img { 
  width: 50%; 
  margin: 0 auto; 

}

.nana-onlypc.nana-cta-img { 
  width: 70%;
  margin: 0 auto; 

}

.nana-onlypc.nana-cta1-img { 
  width: 50%; 
  margin: 0 auto; 
}

/* Container này cực kỳ quan trọng để giữ ảnh và chữ cùng hàng */
.nana-download-box {
  display: flex !important;      /* Ép các thành phần bên trong nằm ngang */
  align-items: center !important; /* Căn giữa ảnh và chữ theo trục dọc (không bị lệch trên dưới) */
  gap: 10px;                     /* Khoảng cách giữa ảnh và chữ */
  white-space: nowrap;           /* Ngăn chặn tuyệt đối việc chữ bị ngắt xuống dòng */
}

/* Đảm bảo ảnh không bị co lại khi chữ quá dài */
.nana-download-img {
  flex-shrink: 0;
}

/* Override lại display cho span để hoạt động mượt với flex */
span.nana-onlypc, span.nana-onlysp {
  display: block !important; /* Khi nằm trong flex, block sẽ hoạt động như một item trong hàng */
}

/* Text PC riêng biệt */
.nana-onlypc.nana-mid-text { 
  color: #000000; 
  font-size: 13px; 
  text-decoration: none; 
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 1.6;


}
.nana-onlypc.nana-download-text { 
  color: #ffffff; 
  font-weight: bold; 
  font-size: 18px; 
  text-decoration: none; 
}

.nana-onlypc.nana-download2-text { 
  color: #000000; 
  font-weight: bold; 
  font-size: 18px; 
  text-align: center;
  margin-bottom: 10px;}

.nana-onlypc.nana-instruc-text { 
  color: #ffffff; 
  font-size: 18px; 
  font-weight: bold; 
  text-align: center; 
  margin-top: 20px; 
}

.nana-onlypc.nana-inf-text { 
  color: #000000; 
  font-size: 18px; 
  font-weight: bold; 
  text-align: justify; 
  margin-top: 20px; 
}

.nana-onlypc.nana-box-text { 
  color: #000000; 
  font-size: 15px; 
  text-align: center; 
  margin: 20px; 
}

.nana-onlypc.nana-instruction-text { 
  color: #ffffff; 
  font-size: 12px; 
  text-align: center; 
  margin-top: 20px; 
  opacity: 0.9; 
}
.nana-onlypc.nana-instruction1-text { 
  color: #000000; 
  font-size: 12px; 
  text-align: center; 
  margin-top: 20px; 
  opacity: 0.9; 
}

/* QR Table PC */
.nana-qr-table { 
  width: 100%; 
  max-width: 450px; 
  margin: 20px auto; 
  border-collapse: collapse; 
  table-layout: fixed; }

.nana-qr-table td { 
  text-align: center; 
  padding: 10px; }

.nana-qr-header { 
  color: #ffffff; 
  font-size: 14px; 
  font-weight: bold; 
  margin-bottom: min(10px, 2.3529411765vw); 
}

.nana-qr1-header { 
  color: #000000; 
  font-size: 14px; 
  font-weight: bold; 
  margin-bottom: min(10px, 2.3529411765vw); 
}

.nana-onlysp.nana-qr-header { 
  color: #ffffff; 
  font-size: min(18px, 3.3529411765vw);
  font-weight: bold; 
  text-align: center; 
}

.nana-onlysp.nana-qr1-header { 
  color: #000000; 
  font-size: min(18px, 3.3529411765vw);
  font-weight: bold; 
  text-align: center; 
}

.nana-qr-code-img { 
  width: 110px; 
  height: 110px; 
  margin: 0 auto 10px; 
  display: block; }

.nana-store-btn-img { 
  width: 130px; 
  height: auto; 
  display: block; 
  margin: 0 auto; }

/* --- 3. MOBILE STYLES (SP Override) --- */
@media screen and (max-width: 768px) {
  .nana-onlypc { 
    display: none !important; }
  .nana-onlysp { 
    display: block !important; }
  span.nana-onlysp { 
    display: inline-block !important; }

  .cont-box { 
    padding: 30px 15px; }

  /* Kích thước SP riêng biệt */
  .nana-onlysp.nana-fv-img { 
    width: 100%; }
  
  .nana-onlysp.nana-fv2-img { 
    width: 100%; 
    margin-top: min(20px, 5.3529411765vw); 

  }
  
  .nana-onlysp.nana-h-img { 
    width: 100%; }
    
  .nana-onlysp.nana-box-img { 
    width: 92%; 
    justify-content: center; 
    align-items: center; 
    margin-bottom: min(14px, 4.3529411765vw); 
  }

  .nana-onlysp.nana-download-img { 
    width: 20%;
  }
 
  .nana-onlysp.nana-d-img { 
    width: 50%;
  }
   
  .nana-onlysp.nana-footer-img { 
    width: 70%; 
  }

  .nana-onlysp.nana-footer1-img { 
    width: 70%; 
    margin: 0 auto; 
   
  }  

  .nana-onlysp.nana-cta-img { 
    width: 80%; 
    margin: 0 auto; /* Đây là cách đơn giản nhất để canh giữa một khối display:block */

  }

  .nana-onlysp.nana-cta1-img { 
    width: 80%; 
    margin: 0 auto; /* Đây là cách đơn giản nhất để canh giữa một khối display:block */

  }  

  .nana-onlysp.nana-store-btn-img { 
    width: min(100%, 40.3529411765vw); 
    margin-bottom: min(10px, 3.3529411765vw); 
}

  /* Text SP riêng biệt (Điều chỉnh nhỏ lại cho vừa màn hình) */
  .nana-onlysp.nana-header-text { 
    color: #000000; 
    font-size: min(12px, 2.3529411765vw);
    margin: min(15px, 4.3529411765vw);
  }

  .nana-onlysp.nana-mid-text { 
    color: #000000; 
    font-size: min(12px, 3.3529411765vw);
    line-height: 1.5;
    margin: min(15px, 4.3529411765vw);
  }

  .nana-onlysp.nana-download-text { 
    color: #ffffff; 
    font-weight: bold; 
    font-size: min(18px, 4.3529411765vw); 
  }

  .nana-onlysp.nana-download1-text { 
    color: #000000; 
    font-weight: bold; 
    font-size: min(18px, 4.3529411765vw); 
  }

  .nana-onlysp.nana-download2-text { 
    color: #000000; 
    font-size: min(20px, 5.3529411765vw);
    font-weight: bold; 
    text-align: center; 
    margin: min(30px, 4.3529411765vw);

  }  
  .nana-onlysp.nana-instruc-text { 
    color: #ffffff; 
    font-size: min(20px, 4.3529411765vw);
    font-weight: bold; 
    text-align: center; 
    margin-top: 15px; 
  }

  .nana-onlysp.nana-inf-text { 
    color: #000000; 
    font-size: min(20px, 4.3529411765vw);
    font-weight: bold; 
    text-align: justify; 
    margin: min(30px, 4.3529411765vw);

  }

  .nana-onlysp.nana-box-text { 
    color: #000000; 
    font-size: min(13px, 3.3529411765vw);
    text-align: center; 
    margin: min(30px, 4.3529411765vw);

  }

  .nana-onlysp.nana-instruction-text { 
    color: #ffffff; 
    font-size: min(12px, 2.3529411765vw);
    text-align: center; 
    margin-top: min(12px, 2.3529411765vw);
    opacity: 0.9; }

  .nana-sp-store-wrapper { 
    gap: 15px; 
    margin-top: 20px; }
}


/* --- Accordion Style --- */
.nana-onlypc.nana-acc-container {
  margin-bottom: 10px;
  color: #000; /* Thay đổi màu chữ đen cho giống ảnh mẫu trên nền vàng */
}

/* Ẩn dấu mũi tên mặc định của trình duyệt */
.nana-onlypc.nana-acc-title {
  list-style: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  display: inline-flex; 
  align-items: center;
}

.nana-onlypc.nana-acc-title::-webkit-details-marker {
  display: none;
}

/* Tạo dấu + sát chữ */
.nana-onlypc.nana-acc-title::after {
  content: "+";
  font-size: 16px;
  font-weight: normal;
  margin-left: 10px;
}

/* Khi mở: Đổi thành dấu - sát chữ */
.nana-onlypc.nana-acc-container[open] .nana-onlypc.nana-acc-title::after {
  content: "−";
}

/* Nội dung khi mở */
.nana-onlypc.nana-acc-content {
  padding: 5px 0;
  font-size: 12px;
  line-height: 1.6;
}


/* --- Accordion Style SP--- */
.nana-onlysp.nana-acc-container {
  margin-bottom: 20px;
  color: #000; /* Thay đổi màu chữ đen cho giống ảnh mẫu trên nền vàng */
}

/* Ẩn dấu mũi tên mặc định của trình duyệt */
.nana-onlysp.nana-acc-title {
  list-style: none;
  cursor: pointer;
  font-weight: bold;
  font-size: min(18px, 3.3529411765vw);
  display: inline-flex; /* Quan trọng: Giúp tiêu đề chỉ rộng bằng nội dung chữ */
  align-items: center;
  margin: min(10px, 1.3529411765vw) min(15px, 4.3529411765vw);

}
.nana-onlysp.nana-acc-title::-webkit-details-marker {
  display: none;
}

/* Tạo dấu + sát chữ */
.nana-onlysp.nana-acc-title::after {
  content: "+";
  font-size: min(18px, 3.3529411765vw);
  font-weight: normal;
  margin-left: min(15px, 2.3529411765vw);

}

/* Khi mở: Đổi thành dấu - sát chữ */
.nana-onlysp.nana-acc-container[open] .nana-onlysp.nana-acc-title::after {
  content: "−";
}

/* Nội dung khi mở */
.nana-onlysp.nana-acc-content {
  font-size: min(12px, 3.3529411765vw);
  line-height: 1.5;
  margin: min(10px, 1.3529411765vw) min(15px, 4.3529411765vw);


}


/* Box trắng bo góc */
.nana-onlypc.white-box {
  background-color: #ffffff; /* nền trắng */
  border-radius: 12px;       /* bo góc */
  padding-top: 25px;             /* khoảng cách giữa hình và viền */
  padding-bottom: 25px;             /* khoảng cách giữa hình và viền */

  box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* optional: đổ bóng nhẹ */
  display: inline-block;     /* để vừa với nội dung */
}

.nana-onlysp.white-box {
  background-color: #ffffff; /* nền trắng */
  border-radius: min(20px, 4.3529411765vw);       /* bo góc */
  padding-top: min(25px, 4.3529411765vw);             /* khoảng cách giữa hình và viền */
  padding-bottom: min(25px, 4.3529411765vw);             /* khoảng cách giữa hình và viền */

  box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* optional: đổ bóng nhẹ */
  display: inline-block;     /* để vừa với nội dung */
  margin: min(17px, 4.3529411765vw);

}