.nas-container{max-width:1200px;margin:0 auto;padding:24px}
.nas-page-title{font-size:28px;margin-bottom:12px}
.nas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:18px 0}
.nas-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column}
.nas-thumb img{height:160px;object-fit:cover;display:block}
.nas-body{padding:14px;display:flex;flex-direction:column;gap:10px}
.nas-title{font-size:18px;margin:0}
.nas-excerpt{font-size:14px;opacity:.8}
.nas-price{font-weight:600}
.nas-btn,.nas-btn-outline{display:inline-block;padding:10px 14px;border-radius:999px;text-decoration:none;border:1px solid #1a73e8}
.nas-btn{background:#1a73e8;color:#fff;text-align:center}
.nas-btn-outline{color:#1a73e8}
.nas-card .nas-btn:hover{filter:brightness(0.95)}
/* Căn giữa nội dung trong thẻ acc_category_list */
.nas-card {
  text-align: center;
}

.nas-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Tên danh mục */
.nas-title {
  font-weight: 600;
  font-size: 18px;
  margin: 10px 0;
}

/* Nút xem chi tiết */
.nas-btn-outline {
  display: inline-block;
  margin-top: 8px;
  text-align: center;
  border-radius: 20px;
  padding: 8px 16px;
}
.nas-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s ease;
}
/* Hiệu ứng phóng to nhẹ khi hover card */
.nas-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.nas-card:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

/* Hiệu ứng ánh sáng xẹt chạy qua card */
.nas-card {
  position: relative;
  overflow: hidden;
}

/* Ánh sáng */
.nas-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  transition: all 0.75s ease;
  z-index: 2;
}

/* Khi hover card → ánh sáng chạy qua */
.nas-card:hover::before {
  left: 125%;
  transition: all 0.75s ease;
}



/* ===== Nút MUA NGAY kiểu Shop Acc ===== */
.nas-btn,
.nas-btn-outline {
  display: inline-block;
  width: 100%;
  max-width: 160px;          /* Giới hạn chiều ngang */
  text-align: center;
  padding: 8px 0;
  border-radius: 8px;        /* Bo góc nhẹ */
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  color: #f43676;            /* Xanh chữ */
  border: 1px solid #f43676;
  background-color: #fff;    /* Nền trắng */
  transition: all 0.25s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Hover: nền hồng, chữ trắng */
.nas-btn:hover,
.nas-btn-outline:hover {
  background-color: #f6558b;
  color: #fff !important;       /* ép màu chữ trắng */
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(246, 85, 139, 0.4);
}


/* Căn giữa trong card */
.nas-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* Đảm bảo hiển thị tốt trên mobile */
@media (max-width: 480px) {
  .nas-btn,
  .nas-btn-outline {
    max-width: 100%;
    font-size: 13px;
    padding: 10px 0;
  }
}

/* ===== Bỏ gạch dưới ở tiêu đề và nút ===== */

/* Bỏ gạch dưới trong tiêu đề acc (ACC VIP, SETT SONG HỒN...) */
.nas-title a {
  text-decoration: none !important;
  color: inherit;             /* Giữ màu chữ gốc */
}

.nas-title a:hover {
  color: #007bff;             /* Khi hover đổi màu xanh (nếu muốn nổi bật) */
}

/* Bỏ gạch dưới trong nút Mua Ngay */
.nas-btn,
.nas-btn-outline {
  text-decoration: none !important;
}

.nas-thumb img {
    display: block;
    max-width: 100%;
    height: auto; /* giữ đúng tỉ lệ gốc */
    margin: 0 auto;
    border-radius: 12px;
    object-fit: contain; /* không cắt, không kéo */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}


.nas-seo-block {
  max-width: 850px;
  margin: 40px auto 60px;
  line-height: 1.7;
  color: #333;
  text-align: center;
}

.nas-seo-intro {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  padding: 20px 25px;
  font-weight: 500;
  margin-bottom: 25px;
}

.nas-seo-detail {
  background: #fff;
  border-radius: 12px;
  padding: 25px 30px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  text-align: left;
  margin-bottom: 20px;
}

.nas-seo-detail h3 {
  color: #f43676;
  margin-bottom: 15px;
  font-weight: 700;
  text-align: center;
}

.nas-seo-detail p {
  margin: 6px 0;
}

.nas-seo-detail ul {
  margin: 10px 0 10px 20px;
  list-style: disc;
}

.nas-seo-effect {
  text-align: center;
  margin-top: 15px;
  color: #f6558b;
  font-weight: 700;
  font-size: 16px;
}
.nas-page-title {
  text-align: center;
}

.nas-seo-effect {
  text-align: center;
  color: #f6558b;
  font-weight: 700;
  font-size: 16px;
}

.nas-video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* tỷ lệ 16:9 */
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.25);
  margin-top: 12px;
}

.nas-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 12px;
}

/* ==== NAS PAGE TITLE - PHONG CÁCH SHOP NGHIAx ==== */
.nas-page-title {
  display: block;
  text-align: center;
  background: linear-gradient(135deg, #a10d68, #650023);
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding: 16px 12px;
  border-radius: 8px;
  margin: 0 auto 20px;
  width: 100%;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
}



/* Mobile responsive */
@media (max-width: 768px) {
  .nas-page-title {
    font-size: 18px;
    padding: 14px 10px;
    border-radius: 6px;
  }
}

/* ✅ Ẩn quảng cáo trong trang /shop-tft/ mà vẫn giữ nguyên nội dung */
body.page-id-595 .ads-banner,
body.page-id-595 .ads-banner img,
body.page-id-595 .adsbygoogle,
body.page-id-595 iframe[src*="ads"],
body.page-id-595 .bloghash-widget.ads-banner {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ẩn banner quảng cáo chỉ trong trang ACC */
body.single-acc_category .ads-banner.bloghash-container,
body.single-acc_category .ads-banner.bloghash-widget,
body.single-acc_category .ads-banner {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}