/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/*trang chu*/
.story-ingredient-title-x9k2 {
  line-height: 1.1;
}

@media (max-width: 767px) {
  .story-ingredient-title-x9k2 {
      line-height: 0.9;
  }
}

.slier-green .slider-wrapper .flickity-prev-next-button svg {
  display: none;
}

.slier-green .slider-wrapper .flickity-prev-next-button {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  opacity: 1;
}

/*  trái */
.slier-green .slider-wrapper .flickity-prev-next-button.previous::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 12px solid #4caf50;
  margin: auto;
}

/* phải */
.slier-green .slider-wrapper .flickity-prev-next-button.next::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #4caf50;
  margin: auto;
}

/*buttom*/
.buttom-mt .button.primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.buttom-mt .button.primary::after {
  content: "→";
  font-size: 16px;
  transition: transform .3s ease;
}

.buttom-mt .button.primary:hover::after {
  transform: translateX(4px);
}




.story-sub-x9k2 {
  display: block;
  font-size: 20px;
/*   font-weight: 700; */
  color: #ff6a00; /* cam */
  letter-spacing: 1px;
/*   margin-bottom: 6px; */
}

.story-main-x9k2 {
  display: block;
  font-size: 44px;
  font-weight: 800;
  color: #0b5a2a; /* xanh đậm */
  letter-spacing: 1px;
}

.hero-inner {
  padding: 0px 10%;
  justify-content: flex-end; 
}

.hero-content {
  color: #fff;
}

.hero-content h1 {
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 600;
  opacity: 0.85;
  margin-bottom: 10px;
}

.hero-content h2 {
  font-size: 42px;
  line-height: 1.2;
  margin: 0 0 15px;
}

.hero-content h2 span {
  font-weight: 400;
  font-size: 34px;
}

.hero-content p {
  font-size: 16px;
  line-height: 1.6;
  opacity: 0.9;
  margin-bottom: 25px;
}

.btn-primary {
  display: inline-block;
  background: #2e5e2c;
  color: #fff;
  padding: 12px 28px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.btn-primary:hover {
  background: #0c633b;
}
/* ---- BÓNG ĐỔ DƯỚI CHỮ ---- */
.hero-content h1,
.hero-content h2,
.hero-content p,
.hero-content .btn-primary {
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.35);
}
.hero-content h1,
.hero-content h2,
.hero-content p,
.hero-content .btn-primary {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 1s ease-out forwards;
}

/* delay từng dòng cho đẹp */
.hero-content h1 { animation-delay: 0.2s; }
.hero-content h2 { animation-delay: 0.4s; }
.hero-content p { animation-delay: 0.6s; }
.hero-content .btn-primary { animation-delay: 0.8s; }

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*cửa hàng*/
.chain-stores .title-wrap {
  max-width: 700px;
  font-family: "Segoe UI", Arial, sans-serif;
}

.chain-stores .title-small {
  font-size: 32px;
  font-weight: 700;
  color: #f28c28; 
  margin-bottom: 4px;
	 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.chain-stores .title-big {
  font-size: 60px;
  font-weight: 800;
  color: #2e7d32; 
  line-height: 1.1;
  margin-bottom: 20px;
	 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.chain-stores .desc {
  font-size: 16px;
  color: #333; 
  line-height: 1.7;
}
.chain-stores .icon-box-text.last-reset h3{
  color:#1B6534;

}
/*Đánh giá*/
.trt-headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
/*   margin-top: 40px; */
}

.trt-left {
  color: #0b4d2a;
}

.trt-sub {
font-size: 2em;
    font-weight: 900;
}

.trt-main {
  font-size: 36px;
  font-weight: 700;
}

.trt-main b {
  font-weight: 800;
}

.trt-right {
  font-size: 20px;
  font-weight: 500;
  color: #0b4d2a;
}

/* Responsive */
@media (max-width: 768px) {
  .trt-headline {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .trt-main {
    font-size: 28px;
  }

  .trt-right {
    font-size: 16px;
  }
}
/*Đánh giá*/
.customer-review-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.review-item {
  background: #fff;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 19%);
}

.review-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
	text-align: left;
}

.review-user {
  display: flex;
  align-items: center;
  gap: 12px;
}

.review-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
}

.review-info strong {
  display: block;
  font-size: 14px;
}

.review-info span {
  font-size: 12px;
  color: #888;
}

.review-content {
  position: relative;
  font-size: 14px;
  line-height: 1.6;
	text-align: left;
}

.review-content .quote {
  position: absolute;
  top: -12px;
  left: -6px;
  font-size: 35px;
  color: #e6e6e6;
  font-weight: bold;
}
@media (max-width: 768px) {
  .customer-review-grid {
    grid-template-columns: 1fr;
  }
}
.review-item {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 24px 20px 22px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 19%)
  transition: all .3s ease;
}

.review-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}
.review-item::before {
  content: "“";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 48px;
  line-height: 1;
  color: #e5e7eb;
  font-family: serif;
}
.review-fb {
  margin-left: auto;
}

.review-fb {
  width: 50px;
  border-radius: 5px;
  overflow: hidden; 
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-fb img {
  width: 50px;
  border-radius: 5px;
  object-fit: cover;
}


.review-fb:hover img {
  opacity: 1;
  transform: scale(1.05);
}


.customer-review-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 991px) {
  .customer-review-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 549px) {
  .customer-review-grid {
    grid-template-columns: 1fr;
  }
}
.review-page-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}

.review-page-title span {
  color: #1B6534; 
}

.review-page-desc {
  font-size: 16px;
  color: #777;
}

.customer-reviews .review-page-title {
  margin-top: 50px;
}
/*tin tức*/
.trt-right {
    min-width: 120px;
    font-size: 1em;
    font-weight: 500;
    color: #0b4d2a;
}
.box-blog-post .is-divider {
    display: none;
}
.tintuc .box-text {
    padding-top: .7em;
    padding-bottom: 0;
    position: relative;
    width: 100%;
    font-size: .9em;
}

/*Câu chhuyeenj*/
.about-founded {
  color: #222;
  font-size: 15px;
  line-height: 1.7;
	text-align:justify;
}

.about-founded h2 {
     font-size: 2.8em;
  line-height: 1.1;
  margin-bottom: 20px;
  color: #0b5d3b; 
  font-weight: 700;

}
.vision-mission.overlap {
  position: relative;
}

.vm-wrap {
  display: flex;
  align-items: center;
}

.vm-map {
  flex: 1.2;
}

.vm-content.overlap-content {
  flex: 1;
  position: relative;
  margin-left: -120px;
/*   padding: 30px; */
  z-index: 2;
  border-radius: 8px;
}

/* Tablet */
@media (max-width: 1024px) {
  .vm-content.overlap-content {
    margin-left: -60px;
  }
}

/* Mobile – không đè */
@media (max-width: 768px) {
  .vm-wrap {
    flex-direction: column;
  }

  .vm-content.overlap-content {
    margin-left: 0;
    margin-top: 20px;
  }
}
.tratosa-philosophy {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 1.7;
}

.tratosa-philosophy .arrow {
  margin-top: 6px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #0b5d3b;
}

.tratosa-philosophy p {
  margin: 0;
}





.tratosa-quote {
  padding: 60px 0;
  text-align: center;
}

.tratosa-quote .quote-wrap {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

/* Khối tiêu đề */
.tratosa-quote .quote-content {
  position: relative;
  display: inline-block;
}

/* Logo */
.tratosa-quote .brand-logo img {
  max-width: 180px;
  height: auto;
  margin-bottom: 12px;
}

/* trích dẫn */
.tratosa-quote .quote-icon {
  position: absolute;
  font-size: 64px;
  color: #0b5d3b;
  font-weight: 700;
  line-height: 1;
}

.tratosa-quote .quote-icon.left {
  left: -40px;
  top: -10px;
}

.tratosa-quote .quote-icon.right {
  right: -40px;
  bottom: -10px;
}

/* Headline */
.tratosa-quote .quote-title {
  font-size: 26px;
  font-weight: 700;
  color: #0b5d3b;
  line-height: 1.35;
  text-transform: uppercase;
}

/* Nội dung mô tả */
.tratosa-quote .quote-text {
  line-height: 1.7;
  color: #000;
}

.tratosa-quote .quote-text strong {
  font-weight: 700;
  color: #000;
}

/* MOBILE */
@media (max-width: 768px) {
  .tratosa-quote .quote-icon {
    font-size: 44px;
  }

  .tratosa-quote .quote-title {
    font-size: 20px;
  }

  .tratosa-quote .brand-logo img {
    max-width: 140px;
  }
}
/*từ câu chuyện*/
.chapter-1 img{
  border: 2px solid #0b5d3b;
  border-radius: 10px;
  padding:0px; 
  box-sizing: border-box;
}

/* Khung-4 */
.healthcare-solutions .icon-box.featured-box.icon-box-center {
  position: relative;
  text-align: center;

}

/* Vòng tròn  */
.healthcare-solutions .icon-box.featured-box.icon-box-center .icon-box-text {
  border: 2px solid #0f6b3a;
  border-radius: 50%;
  padding: 50px 20px 30px;
	width: 180px;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Chữ */
.healthcare-solutions .icon-box.featured-box.icon-box-center h3 {
  color: #0f6b3a;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}

/* Icon  */
.healthcare-solutions .icon-box.featured-box.icon-box-center .icon-box-img {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 6px;
  border-radius: 50%;
  z-index: 2;
}



/* Mobile */
@media (max-width: 768px) {
  .healthcare-solutions .icon-box.featured-box.icon-box-center .icon-box-text {
    min-height: 130px;
    padding: 45px 15px 25px;
  }

  .healthcare-solutions.icon-box.featured-box.icon-box-center h3 {
    font-size: 14px;
  }
}
/* Đường kẻ xanh bên trái nội dung */

/* Mobile tối ưu */
@media (max-width: 768px) {

.icon-cauchuyen .icon {
    margin-bottom: -20px;
}
}
/*đối tác*/

/*công trình nghiên cứu*/

.tratosa-h2-float span{
  display: inline-block;
  padding: 12px 42px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;

  box-shadow: 0 6px 18px rgba(0,0,0,.15);
}


/* Box mờ */
.tms-overlay-box{
  display: inline-block;
 background: rgb(212 212 212 / 35%);
  padding: 35px 30px;
  border-radius: 8px;
  backdrop-filter: blur(2px);
}


.tms-title{
  margin: 0;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: uppercase;
  text-shadow: 0 2px 6px rgba(0,0,0,0.35);
}

/* Mobile */
@media (max-width: 768px){
  .tms-title{
    font-size: 20px;
  }
}
/*Công trình khoa học */
.post-related-product {
    margin-top: 10px;
}

.btn-related-product {
    display: inline-block;
    padding: 8px 14px;
    background: #0a5cff;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-related-product:hover {
    background: #083fa3;
    color: #fff;
}
/**/


/* Ảnh đại diện – tỉ lệ 4:3 */
.post-normal .post-thumb img {
  width: 100%;
  aspect-ratio: 4 / 3;  
  height: auto;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}




/* Card */
.trt-related-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 26px rgba(0,0,0,.08);
    padding: 18px;
    display: flex;
    gap: 20px;
    align-items: center;
    transition: .3s;
}

.trt-related-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 34px rgba(0,0,0,.12);
}

/* Image */
.trt-related-image {
    flex: 0 0 150px;
}

.trt-related-image img {
    width: 150px;
    height: auto;
    display: block;
    border-radius: 10px;
}

/* Content */
.trt-related-content {
    flex: 1;
}

/* Title */
.trt-related-content .post-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}

.trt-related-content .post-title a {
    color: #0f5132;
    text-decoration: none;
}

.trt-related-content .post-title a:hover {
    color: #198754;
}

/* Excerpt */
.trt-related-content .post-excerpt {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 14px;
}

/* Actions */
.trt-related-actions {
    display: flex;
    flex-direction: column; /* nút sản phẩm nằm dưới */
    gap: 8px;
}

.trt-related-actions a {
    width: fit-content;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .25s;
}

/* Nút Khám phá */
.trt-btn-detail {

    color: #198754;
}

.trt-btn-detail:hover {
	 color: #fff;
    background: #146c43;
    transform: translateX(6px);
}

/* Nút Sản phẩm */
.trt-btn-product {
    color: #198754;

    background: transparent;
}

.trt-btn-product:hover {
    background: #198754;
    color: #fff;
    transform: translateX(6px);
}

/* Mobile */
@media (max-width: 768px) {
    .trt-related-card {
        flex-direction: column;
        text-align: center;
    }

    .trt-related-image {
        flex: none;
    }

    .trt-related-actions {
        align-items: center;
    }
}
/*functiom*/
/* GRID 2 CỘT */
  .NCKHTC .trt-related-posts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}



/* MOBILE */
@media (max-width: 768px) {
    .header-ctnc span.tpt-pill {
    font-size: 12px;
}
	
}
/*footer*/
.policy-box {
  max-width: 360px;
  font-family: Arial, sans-serif;
}

.policy-title {
  color: #0a7c5a;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.policy-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.policy-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
  font-size: 14.5px;
  color: #222;
  line-height: 1.5;
}

.policy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 0;
  height: 0;
  border-left: 7px solid #4CAF50; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}


/* Danh mục sản phẩm */
#nav_menu-2 .widget-title {
    text-align: center;
    display: block;
    color: #004d2c; 
    font-weight: bold;
    text-transform: none; 
	padding-bottom:10px;
	    font-size: 1.2em;
}


#nav_menu-2 .is-divider {
    background-color: #d0d0d0;  
    height: 1px;
 
    max-width: 100%; 
}

#menu-danh-muc-san-pham {
    padding: 0;
    list-style: none;
}

#menu-danh-muc-san-pham li {
	border: none;
    margin: 0;
}

#menu-danh-muc-san-pham li a {
    display: flex;
    align-items: center;
    padding: 10px 0;
    color: #333; 
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}


#menu-danh-muc-san-pham li a:hover,
#menu-danh-muc-san-pham li.current-menu-item a {
    color: #f36f21 !important; 
}

#menu-danh-muc-san-pham li a:hover span {
    padding-left: 5px;
    transition: all 0.3s ease;
}

.page-title-inner.flex-row.medium-flex-wrap.container {
    display: none;
}

.trt-cat-header-wrap {
  width: 100%;
  background: #fff;
}

.trt-cat-header-inner {
  max-width: 1100px;
  margin: 0 auto 30px;
  padding: 30px 15px 10px;
  text-align: center;
}

.trt-cat-title {
  font-size: 38px;
  font-weight: 800;
  color: #0b5f2a;
  margin-bottom: 8px;
  line-height: 1.2;
}

.trt-cat-desc {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}
/* Ẩn description */
.tax-product_cat .term-description,
.tax-product_cat .woocommerce-term-description {
  display: none !important;
}
/*Hệ thống cửa hàng*/
.store-layout {
  display: grid;
  grid-template-columns: 1fr 280px;
/*   gap: 32px; */
}

.store-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.store-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
  transition: transform .3s ease;
}
.store-card:hover {
  transform: translateY(-4px);
}

.store-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.store-info {
  padding: 16px;
  text-align: center;
}


  
}
.store-title {
    font-size: 18px;
	color: #1f6b3b;
}
.store-address {
  font-size: 13px;
  color: #555;
}

/* FILTER */
.store-filter {
  background: #f7faf8;
  padding: 20px;
  border-radius: 12px;
}

.store-filter h4 {
  color: #1f6b3b;
  margin-bottom: 16px;
}

.store-filter select,
.store-filter input {
  width: 100%;
  margin-bottom: 12px;
  border-radius: 6px;
  border: 1px solid #ddd;
}

/*bv cửa hàng*/
.single-store-wrap {
  padding: 40px 0;
}



.store-detail-layout {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}

/* Cột trái */
.store-left {
  width: 45%;
}

.store-thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* Cột phải */
.store-right {
  width: 55%;
  text-align: left;
}

.store-info p {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.6;
}

.store-info a {
  color: #1B6534;
  text-decoration: none;
	
}



/* Responsive */
@media (max-width: 768px) {
  .store-detail-layout {
    flex-direction: column;
  }

  .store-left,
  .store-right {
    width: 100%;
  }
}

.store-info i.fas {
  color: #1B6534;
  margin-right: 6px;
  font-size: 15px;
}
h2.stat-number {
    font-size: 30px;

}
.stat-text,h2.stat-number {
  color: #1B6534;

}

@media (min-width: 1024px) {
  .banner-htch .col-inner.text-center {
    padding-left: 120px;
}
}
.store-back {
  margin-top: 30px;
}

.btn-back-store {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 6px;
  border: 1px solid #075c2d;
  background: #fff;
  color: #075c2d;           
  font-weight: 600;
  text-decoration: none;
  transition: all .25s ease;
}

.btn-back-store i {
  transition: color .25s ease;
}


.btn-back-store:hover {
  color: #a17029;            
  border-color: #a17029;
  text-decoration: none;
}

.btn-back-store:hover i {
  color: #a17029;            
}

/*hệ thống mobile*/
@media (max-width: 768px) {

  .store-layout {
    display: flex;
    flex-direction: column;
  }

  .store-filter {
    order: -1;
    margin-bottom: 20px;
    padding: 15px;
    background: #f7f7f7;
    border-radius: 8px;
  }

  .store-filter select {
    width: 100%;
    margin-bottom: 10px;
  }

  .store-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 12px;
  }

  .store-card {
    display: block;
  }

  .store-thumb img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 6px;
  }

  .store-info {
    padding: 2px;
text-align: left;
  
  }

  .store-title {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 4px;
  }

  .store-address {
    font-size: 12px!important;
    line-height: 1.4;
  }
}
div#comments {
    display: none;
}



/* =============================
   FIX CSS SẢN PHẨM – ƯU TIÊN CAO
   ============================= */

.product-small.box {
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: all .3s ease;
}

.product-small.box:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.12);
}

/* Tiêu đề */
.product-small .product-title a,
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  color: #1B6534 !important;
  font-weight: 700;
}

/* Giá */
.product-small .price {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.product-small .price del,
.product-small .price del bdi {
  color: #999;
  font-size: 14px;
}

.product-small .price ins,
.product-small .price ins bdi {
  color: #e53935 !important;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

/* Nút */
/* Badge sale */
.badge-inner.secondary.on-sale {
  background: red;
  border-radius: 10px 0 10px 0;
}
.view-detail-btn { background: #1B6534; color: #fff !important; border-radius: 99px; font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; border: none;} 
.view-detail-btn .arrow { font-size: 16px; transition: transform .3s ease; }

/*tiêu đề danh mục */
.custom-category-header {
    text-align: center;
    padding-top: 40px;
    margin: 0 auto;
}

.custom-category-header .cat-title {
    color: #004d2c; 
    font-size: 42px; 
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: none; 
}

.custom-category-header .cat-description {
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
}

@media (max-width: 768px) {
    .custom-category-header .cat-title {
        font-size: 28px;
    }
    .custom-category-header .cat-description {
        font-size: 14px;
        padding: 0 15px;
    }
}
.archive.post-type-archive-product .is-large:has(.woocommerce-breadcrumb) {
    display: none !important;
}

.archive.post-type-archive-product .woocommerce-breadcrumb {
    display: none !important;
}
div#shop-sidebar img._mi._before._image {
    width: 25px;
}
div#shop-sidebar {
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all .3s ease;
    padding: 15px;
}
.tratosa-partner-heading{
  text-align: left;
}

.tratosa-partner-heading .tp-sub{
  display: block;
  font-size: 30px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 6px;
}

.tratosa-partner-heading .tp-main{
  font-size: 69px;
  font-weight: 900;
  letter-spacing: 1px;
  color: #ffffff;
  line-height: 1.1;

  /* bóng chữ nhẹ phía dưới */
  text-shadow:
    0 4px 10px rgba(0,0,0,0.25);
}
.tratosa-partner-title{
  text-align: center;
  margin: 30px 0;
}

.tpt-pill{
  display: inline-block;
  background: #0E7A3E; 
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 40px;
  border-radius: 999px;
  line-height: 1.4;
  white-space: nowrap;
	width:100%
}

.bottom-dt .tratosa-partner-title{
  position: absolute;
  left: 50%;
  bottom: -90px;                 
  transform: translate(-50%, 50%); 
  margin: 0;
  z-index: 5;
  text-align: center;
}


.single-product .single_add_to_cart_button,
.single-product .ux-buy-now-button {
  border-radius: 999px !important;

  font-size: 15px;
  font-weight: 600;
}
ins .woocommerce-Price-amount {
    color: #dd3333;
    font-size: 24px;
}
span.price.price-from {
    font-size: 24px;
}

.sold-count {
    margin-top: 6px;
    font-weight: 600;
    color: #e53935;
}


.price-wrapper ins .woocommerce-Price-amount {
    color: #e53935;          
}
.product-small.box span.price-label {
    font-size: 14px;
}

@media (max-width: 768px) {
    .chain-stores .vn-map {
        transform: scale(0.8);        
        transform-origin: top center; 
        width: 100%;
    }
	.map-mobile{
	margin-top: -90px;
}

}
.icon-cauchuyen a.button.primary.expand {
    padding-top: 10px;
}


/*mới*/
/* Chỉ áp dụng cho mobile */
@media (max-width: 768px) {

  .customer-review-grid .review-item:nth-child(n+4) {
    display: none;
  }

}



@media (max-width: 768px) {
    .trt-related-content .post-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 1;  
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
	.trt-related-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 26px rgba(0, 0, 0, .08);
    padding: 0;
    display: flex;
    gap: 0; 
    align-items: center;
    transition: .3s;
}
	.trt-related-actions a {
    width: fit-content;
    padding: 5px 0;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .25s;
}
}
/*BÀI VIẾT THƯỜNG */
.post-normal {
    display: flex;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #eee;
}

.post-normal .post-thumb {
    flex: 0 0 42%;
    max-width: 42%;
}

.post-normal .post-thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
}

.post-normal .post-content {
    flex: 1;
}

.post-normal .post-title {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.post-normal .post-title a {
    color: #111;
    text-decoration: none;
}

.post-normal .post-title a:hover {
    color: #1a7f37;
}

.post-normal .post-excerpt {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 8px;
}

.post-normal .post-meta {
    font-size: 13px;
    color: #888;
    margin-bottom: 6px;
}

/* Link xem chi tiết */
.post-normal .read-more {
    font-size: 14px;
    color: #1a7f37;
    font-weight: 500;
    text-decoration: none;
}

.post-normal .read-more:hover {
    text-decoration: underline;
}
.post-normal .post-excerpt,
.trt-related-content .post-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;

    font-size: 14px;
    line-height: 1.6;
}
.post-normal .post-title a,
.trt-related-content .post-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;   
    -webkit-box-orient: vertical;
    overflow: hidden;

    line-height: 1.4;
    max-height: calc(1.4em * 2);
}



/***/
/* ===== DESKTOP ===== */
/* ===== BANNER FULL WIDTH PC ===== */
.custom-blog-banner-full {
    width: 100vw;
    min-height: 420px;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    display: flex;
align-items: flex-end;
}

.custom-blog-banner-full .banner-overlay {
    position: absolute;
    inset: auto 0 0 0;
    height: 50%;

    background: linear-gradient(
        to top,
        rgba(0,0,0,0.55) 0%,
        rgba(0,0,0,0.3) 40%,
        rgba(0,0,0,0) 100%
    );

    z-index: 1;
    pointer-events: none;
}


/* Nội dung */
.custom-blog-banner-full .banner-inner {
    position: relative;
    z-index: 2;
    width: 100%;
}

.custom-blog-banner-full .banner-title {
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
	    padding-left: 15px;
}

/* Mobile */
@media (max-width: 768px) {
    .custom-blog-banner-full {
        background-position: center top;
        background-repeat: no-repeat;

        min-height: 50vw;  
        height: auto;
    }

    .custom-blog-banner-full .banner-title {
        font-size: 26px;
    }
	 .custom-blog-banner-full {
        background-color: transparent !important;
    }
}
div#content.page-wrapper.blog-archive {
    padding-bottom: 30px;
    padding-top: 0;
}


/* ===== BREADCRUMB DƯỚI BANNER ===== */
.blog-breadcrumb-wrap {
    background: #fff;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

.blog-breadcrumb {
    font-size: 14px;
    color: #666;
}

.blog-breadcrumb a {
    color: #666;
    text-decoration: none;
}

.blog-breadcrumb a:hover {
    color: #2e7d32; 
}

.blog-breadcrumb .sep {
    margin: 0 6px;
    color: #999;
}

.blog-breadcrumb .current {
    color: #222;
    font-weight: 500;
}
.blog-wrapper .row.align-center > .large-10.col {
    max-width: 100%;
    flex-basis: 100%;
}



.icon-cauchuyen .icon-inner {
    margin-bottom: -15px;
}

/*hieu-úng*/
/* câu chuyện */
@media (max-width: 768px) {
  .icon-cauchuyen. button span {
    display: inline-block;
    line-height: 1.6;
    padding: 10px;
  }

    .icon-cauchuyen a.button.primary.is-larger.expand {
    font-size: 12px;
			    padding: 10px;
  }
}
/* câu chuyện*/
.icon-cauchuyen .icon-box-img {
  animation: plantScroll linear both;
  animation-timeline: view();
  animation-range: cover 0% cover 100%;

  will-change: transform, opacity;
	    margin-bottom: 0;
}
@keyframes plantScroll {

  0% {
    opacity: 0;
    transform: translateY(80px) scale(0.8);
    filter: grayscale(80%);
  }


  35% {
    opacity: 1;
    transform: translateY(-12px) scale(2);
    filter: grayscale(0%);
  }


  80% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: grayscale(0%);
  }


  100% {
    opacity: 0;
    transform: translateY(-60px) scale(0.9);
    filter: grayscale(80%);
  }
}
.icon-cauchuyen .icon-box-img img {
  animation: leafWiggle 3.5s ease-in-out infinite;
  transform-origin: bottom center;
}
@keyframes leafWiggle {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
  75% { transform: rotate(-2deg); }
}
/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

.kham-pha{
    margin-top: -30%;
}
}