#pnd-home-new{
  --pnd-orange:#F7941D;
  --pnd-orange-2:#ff7a00;
  --pnd-dark:#202124;
  --pnd-text:#344054;
  --pnd-muted:#667085;
  --pnd-line:#ece7df;
  --pnd-bg:#fffdf9;
  --pnd-soft:#fbf7f1;
  --pnd-soft-orange:#fff6ea;
  --pnd-white:#fff;
  --pnd-shadow:0 10px 26px rgba(32,33,36,.06);
  --pnd-radius:22px;
  --pnd-container:1180px;
  background:var(--pnd-bg);
  color:var(--pnd-dark);
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  line-height:1.55;
  overflow:hidden;
}
#pnd-home-new *,#pnd-home-new *::before,#pnd-home-new *::after{box-sizing:border-box}
#pnd-home-new a{text-decoration:none}
#pnd-home-new .pnd-container{width:min(calc(100% - 36px),var(--pnd-container));margin:0 auto}
#pnd-home-new .pnd-section{position:relative;padding:52px 0}
#pnd-home-new .pnd-section-compact{padding:46px 0}
#pnd-home-new .pnd-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
#pnd-home-new .pnd-section-title h2{margin:0 0 7px;color:var(--pnd-dark);font-size:30px;line-height:1.2;letter-spacing:-.02em;text-transform:none}
#pnd-home-new .pnd-section-title h2::after{content:"";display:block;width:46px;height:3px;margin-top:11px;border-radius:999px;background:linear-gradient(90deg,var(--pnd-orange),var(--pnd-orange-2))}
#pnd-home-new .pnd-section-title p{margin:0;color:var(--pnd-muted);max-width:760px;font-size:15px}
#pnd-home-new .pnd-link-more{color:var(--pnd-orange);font-weight:700;white-space:nowrap}

/* Hero */
#pnd-home-new .pnd-hero-section{padding:34px 0 28px}
#pnd-home-new .pnd-hero-box{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:34px;background:linear-gradient(180deg,#fff 0%,#fff8ee 100%);border:1px solid var(--pnd-line);border-radius:28px;box-shadow:var(--pnd-shadow)}
#pnd-home-new .pnd-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;background:#fff;border:1px solid var(--pnd-line);border-radius:999px;color:#626b75;font-size:12px;font-weight:700}
#pnd-home-new .pnd-hero-copy h1{margin:0 0 16px;color:var(--pnd-dark);font-size:clamp(34px,4.5vw,52px);line-height:1.08;letter-spacing:-.03em;text-transform:none}
#pnd-home-new .pnd-lead{max-width:760px;margin:0 0 18px;color:var(--pnd-text);font-size:16px}
#pnd-home-new .pnd-lead>*:first-child{margin-top:0}
#pnd-home-new .pnd-lead>*:last-child{margin-bottom:0}
#pnd-home-new .pnd-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
#pnd-home-new .pnd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:12px 18px;border:1px solid var(--pnd-line);border-radius:999px;background:#fff;color:var(--pnd-dark);font-size:14px;font-weight:700;line-height:1.2;text-transform:none;letter-spacing:0;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
#pnd-home-new .pnd-btn:hover{transform:translateY(-1px);border-color:#f5c47e;color:var(--pnd-dark);box-shadow:0 8px 18px rgba(32,33,36,.08)}
#pnd-home-new .pnd-btn-primary{background:var(--pnd-orange);border-color:var(--pnd-orange);color:#fff;box-shadow:0 8px 18px rgba(247,148,29,.18)}
#pnd-home-new .pnd-btn-primary:hover{background:var(--pnd-orange-2);border-color:var(--pnd-orange-2);color:#fff}
#pnd-home-new .pnd-pill-row{display:flex;gap:10px;flex-wrap:wrap}
#pnd-home-new .pnd-pill{padding:9px 12px;background:#fff;border:1px solid var(--pnd-line);border-radius:999px;color:#5b646f;font-size:13px;font-weight:600}
#pnd-home-new .pnd-hero-visual{padding:16px;background:#fff;border:1px solid var(--pnd-line);border-radius:24px;box-shadow:var(--pnd-shadow)}
#pnd-home-new .pnd-hero-visual img,#pnd-home-new .pnd-hero-placeholder{display:block;width:100%;aspect-ratio:4/3;border-radius:20px;object-fit:cover}
#pnd-home-new .pnd-hero-placeholder{display:flex;align-items:flex-end;padding:16px;background:radial-gradient(circle at 18% 20%,rgba(247,148,29,.20),transparent 26%),radial-gradient(circle at 75% 65%,rgba(47,107,79,.16),transparent 34%),linear-gradient(135deg,#f8f3eb,#ede9df)}
#pnd-home-new .pnd-hero-placeholder span,#pnd-home-new .pnd-image-placeholder{display:inline-flex;padding:8px 10px;background:rgba(255,255,255,.92);border:1px solid var(--pnd-line);border-radius:12px;color:#535c66;font-size:12px;font-weight:700}

/* Grids and cards */
#pnd-home-new .pnd-grid{display:grid;gap:18px}
#pnd-home-new .pnd-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#pnd-home-new .pnd-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#pnd-home-new .pnd-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--pnd-line);border-radius:var(--pnd-radius);box-shadow:var(--pnd-shadow);transition:transform .2s ease,box-shadow .2s ease}
#pnd-home-new .pnd-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(32,33,36,.09)}
#pnd-home-new .pnd-card-image{position:relative;display:flex;align-items:flex-end;width:100%;aspect-ratio:1/1;padding:14px;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(247,148,29,.16),transparent 24%),radial-gradient(circle at 78% 70%,rgba(47,107,79,.13),transparent 34%),linear-gradient(135deg,#fbf7f1,#eeeae2);border-bottom:1px solid var(--pnd-line)}
#pnd-home-new .pnd-card-image.has-image{padding:0}
#pnd-home-new .pnd-card-image img{display:block;width:100%;height:100%;margin:0;object-fit:cover;transition:transform .35s ease}
#pnd-home-new .pnd-card:hover .pnd-card-image img{transform:scale(1.035)}
#pnd-home-new .pnd-card-body{display:flex;flex:1;flex-direction:column;padding:16px}
#pnd-home-new .pnd-card-title{display:-webkit-box;min-height:46px;margin:0 0 8px;overflow:hidden;color:var(--pnd-dark);font-size:18px;line-height:1.28;text-transform:none;letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#pnd-home-new .pnd-card-title a{color:inherit}
#pnd-home-new .pnd-card-title a:hover{color:var(--pnd-orange)}
#pnd-home-new .pnd-card-description{display:-webkit-box;min-height:43px;margin:0 0 14px;overflow:hidden;color:var(--pnd-muted);font-size:14px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#pnd-home-new .pnd-more-link{margin-top:auto;color:var(--pnd-orange);font-size:14px;font-weight:700}
#pnd-home-new .pnd-card-price{margin:0 0 12px;color:var(--pnd-dark);font-size:16px;font-weight:800}
#pnd-home-new .pnd-card-price del{margin-right:5px;color:#98a2b3;font-size:12px;font-weight:500}
#pnd-home-new .pnd-card-price ins{text-decoration:none}
#pnd-home-new .pnd-price-contact{color:var(--pnd-dark)}
#pnd-home-new .pnd-empty-state{grid-column:1/-1;padding:24px;background:#fff;border:1px dashed #e6d7c4;border-radius:18px;color:var(--pnd-muted);text-align:center}

/* Product tabs */
#pnd-home-new .pnd-product-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
#pnd-home-new .pnd-product-tab{min-height:40px;margin:0;padding:9px 13px;background:#fff;border:1px solid var(--pnd-line);border-radius:999px;color:#5d6570;font-family:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
#pnd-home-new .pnd-product-tab:hover,#pnd-home-new .pnd-product-tab.is-active{background:var(--pnd-soft-orange);border-color:#f5d0a0;color:#9a5a00}
#pnd-home-new .pnd-product-panel[hidden]{display:none!important}

/* Process */
#pnd-home-new .pnd-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#pnd-home-new .pnd-process-step{padding:18px;background:#fff;border:1px solid var(--pnd-line);border-radius:20px;box-shadow:var(--pnd-shadow)}
#pnd-home-new .pnd-step-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:10px;background:var(--pnd-soft-orange);border-radius:13px;color:var(--pnd-orange);font-size:15px;font-weight:800}
#pnd-home-new .pnd-process-step h3{margin:0 0 7px;color:var(--pnd-dark);font-size:17px;line-height:1.35;text-transform:none}
#pnd-home-new .pnd-process-step p{margin:0;color:var(--pnd-muted);font-size:14px}

/* Section rhythm: create clear visual bands without changing content structure. */
#pnd-home-new .pnd-spaces-section{background:#fff;border-top:1px solid rgba(236,231,223,.72);border-bottom:1px solid rgba(236,231,223,.72)}
#pnd-home-new .pnd-featured-products-section{background:radial-gradient(circle at 9% 12%,rgba(247,148,29,.10),transparent 25%),linear-gradient(180deg,#fff9f0 0%,#fffdf9 100%);border-bottom:1px solid rgba(236,231,223,.78)}
#pnd-home-new .pnd-featured-products-section .pnd-card{box-shadow:0 14px 32px rgba(247,148,29,.075)}
#pnd-home-new .pnd-plant-types-section{background:#fffdf9}
#pnd-home-new .pnd-services-section{background:radial-gradient(circle at 92% 18%,rgba(47,107,79,.10),transparent 27%),linear-gradient(180deg,#f8fbf8 0%,#fbf7f1 100%);border-top:1px solid rgba(226,233,226,.9);border-bottom:1px solid rgba(226,233,226,.9)}
#pnd-home-new .pnd-services-section .pnd-card{border-color:#e5ece6;box-shadow:0 14px 32px rgba(47,107,79,.07)}
#pnd-home-new .pnd-projects-section{overflow:hidden;background:radial-gradient(circle at 88% 16%,rgba(247,148,29,.17),transparent 25%),linear-gradient(135deg,#303236 0%,#202226 100%);border:0}
#pnd-home-new .pnd-projects-section::before{content:"";position:absolute;left:-110px;bottom:-160px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.035);pointer-events:none}
#pnd-home-new .pnd-projects-section .pnd-container{position:relative;z-index:1}
#pnd-home-new .pnd-projects-section .pnd-section-title h2{color:#fff}
#pnd-home-new .pnd-projects-section .pnd-section-title p{color:rgba(255,255,255,.68)}
#pnd-home-new .pnd-projects-section .pnd-link-more{color:#ffb65d}
#pnd-home-new .pnd-projects-section .pnd-card{border-color:rgba(255,255,255,.11);box-shadow:0 18px 38px rgba(0,0,0,.20)}
#pnd-home-new .pnd-process-section{background:#fff;border-bottom:1px solid rgba(236,231,223,.72)}
#pnd-home-new .pnd-process-step{position:relative;overflow:hidden}
#pnd-home-new .pnd-process-step::after{content:"";position:absolute;right:-34px;bottom:-38px;width:96px;height:96px;border-radius:50%;background:rgba(247,148,29,.055);pointer-events:none}
#pnd-home-new .pnd-blog-section{background:radial-gradient(circle at 12% 88%,rgba(247,148,29,.085),transparent 24%),linear-gradient(180deg,#fffdf9 0%,#fff7ec 100%)}

/* Flatsome header refinement only on pages controlled by this plugin. */
body.pnd-new-design .header-nav-main>li>a{color:#3f464f!important}
body.pnd-new-design .header-nav-main>li.active>a,
body.pnd-new-design .header-nav-main>li.current-menu-item>a,
body.pnd-new-design .header-nav-main>li>a:hover{color:#F7941D!important}

@media(max-width:1050px){
  #pnd-home-new .pnd-hero-box{grid-template-columns:1fr}
  #pnd-home-new .pnd-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pnd-home-new .pnd-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pnd-home-new .pnd-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #pnd-home-new .pnd-container{width:min(calc(100% - 24px),var(--pnd-container))}
  #pnd-home-new .pnd-section,#pnd-home-new .pnd-section-compact{padding:30px 0}
  #pnd-home-new .pnd-section-title{align-items:flex-start;flex-direction:column;margin-bottom:15px}
  #pnd-home-new .pnd-section-title h2{font-size:24px}
  #pnd-home-new .pnd-hero-section{padding:18px 0 20px}
  #pnd-home-new .pnd-hero-box{gap:22px;padding:22px;border-radius:22px}
  #pnd-home-new .pnd-hero-copy h1{font-size:34px}
  #pnd-home-new .pnd-hero-actions{display:grid;grid-template-columns:1fr}
  #pnd-home-new .pnd-btn{width:100%}
  #pnd-home-new .pnd-product-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  #pnd-home-new .pnd-product-tabs::-webkit-scrollbar{display:none}
  #pnd-home-new .pnd-product-tab{flex:0 0 auto}
  #pnd-home-new .pnd-grid-3,#pnd-home-new .pnd-grid-4,#pnd-home-new .pnd-process-grid{grid-template-columns:1fr}
}

/* ==========================================================
 * 2.1.7 — Section-specific card layouts
 * Mỗi khối dùng một ngôn ngữ bố cục riêng để tránh cảm giác
 * toàn trang chỉ là các card vuông lặp lại.
 * ========================================================== */

/* 1) Không gian: card ngang, ảnh và nội dung cân bằng. */
#pnd-home-new .pnd-spaces-section .pnd-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
#pnd-home-new .pnd-spaces-section .pnd-content-card{
  display:grid;
  grid-template-columns:minmax(145px,.82fr) minmax(0,1.18fr);
  min-height:220px;
  border-radius:26px;
  box-shadow:0 12px 30px rgba(32,33,36,.055);
}
#pnd-home-new .pnd-spaces-section .pnd-card-image{
  height:100%;
  aspect-ratio:auto;
  border-right:1px solid var(--pnd-line);
  border-bottom:0;
}
#pnd-home-new .pnd-spaces-section .pnd-card-body{
  justify-content:center;
  padding:22px;
}
#pnd-home-new .pnd-spaces-section .pnd-card-title{
  min-height:0;
  font-size:19px;
}
#pnd-home-new .pnd-spaces-section .pnd-card-description{
  min-height:0;
  -webkit-line-clamp:3;
}

/* 2) Sản phẩm: card bán hàng gọn, ảnh nằm trong khung riêng. */
/* 3) Loại cây: tile ảnh phủ khối, nội dung overlay. */
#pnd-home-new .pnd-plant-types-section .pnd-grid{
  gap:20px;
}
#pnd-home-new .pnd-plant-types-section .pnd-content-card{
  position:relative;
  min-height:390px;
  border:0;
  border-radius:28px;
  background:#2d302f;
  box-shadow:0 18px 38px rgba(32,33,36,.13);
}
#pnd-home-new .pnd-plant-types-section .pnd-content-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(15,18,17,.02) 25%,rgba(15,18,17,.84) 100%);
  pointer-events:none;
}
#pnd-home-new .pnd-plant-types-section .pnd-card-image{
  position:absolute;
  inset:0;
  height:100%;
  aspect-ratio:auto;
  border:0;
}
#pnd-home-new .pnd-plant-types-section .pnd-card-body{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:2;
  padding:24px;
  background:transparent;
}
#pnd-home-new .pnd-plant-types-section .pnd-card-title{
  min-height:0;
  margin-bottom:9px;
  color:#fff;
  font-size:20px;
}
#pnd-home-new .pnd-plant-types-section .pnd-card-title a:hover{
  color:#ffd29d;
}
#pnd-home-new .pnd-plant-types-section .pnd-card-description{
  min-height:0;
  margin-bottom:13px;
  color:rgba(255,255,255,.76);
  -webkit-line-clamp:3;
}
#pnd-home-new .pnd-plant-types-section .pnd-more-link{
  color:#ffbd6c;
}

/* 4) Dịch vụ: card ngang 2 cột, số thứ tự lớn tạo nhận diện. */
#pnd-home-new .pnd-services-section .pnd-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  counter-reset:pnd-home-service;
}
#pnd-home-new .pnd-services-section .pnd-content-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(180px,.82fr) minmax(0,1.18fr);
  min-height:250px;
  border-color:#dfe9e1;
  border-radius:24px;
  box-shadow:0 14px 32px rgba(47,107,79,.065);
  counter-increment:pnd-home-service;
}
#pnd-home-new .pnd-services-section .pnd-content-card::before{
  content:counter(pnd-home-service,decimal-leading-zero);
  position:absolute;
  top:17px;
  right:18px;
  z-index:3;
  color:rgba(47,107,79,.22);
  font-size:30px;
  font-weight:800;
  line-height:1;
}
#pnd-home-new .pnd-services-section .pnd-card-image{
  height:100%;
  aspect-ratio:auto;
  border-right:1px solid #dfe9e1;
  border-bottom:0;
}
#pnd-home-new .pnd-services-section .pnd-card-body{
  justify-content:center;
  padding:25px 24px;
  border-left:4px solid rgba(47,107,79,.12);
}
#pnd-home-new .pnd-services-section .pnd-card-title{
  min-height:0;
  padding-right:38px;
  font-size:19px;
}
#pnd-home-new .pnd-services-section .pnd-card-description{
  min-height:0;
  -webkit-line-clamp:3;
}
#pnd-home-new .pnd-services-section .pnd-more-link{
  color:#2f6b4f;
}

/* 6) Quy trình: timeline ngang thay cho các card hộp đồng nhất. */
#pnd-home-new .pnd-process-grid{
  position:relative;
  gap:0;
}
#pnd-home-new .pnd-process-grid::before{
  content:"";
  position:absolute;
  top:27px;
  right:12.5%;
  left:12.5%;
  height:2px;
  background:linear-gradient(90deg,rgba(247,148,29,.18),rgba(247,148,29,.7),rgba(247,148,29,.18));
}
#pnd-home-new .pnd-process-step{
  position:relative;
  z-index:1;
  padding:0 18px;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  text-align:center;
}
#pnd-home-new .pnd-process-step::after{
  display:none;
}
#pnd-home-new .pnd-step-number{
  width:56px;
  height:56px;
  margin:0 auto 17px;
  border:6px solid #fff;
  border-radius:50%;
  background:linear-gradient(135deg,var(--pnd-orange),var(--pnd-orange-2));
  color:#fff;
  box-shadow:0 8px 22px rgba(247,148,29,.22);
}
#pnd-home-new .pnd-process-step h3{
  font-size:18px;
}

/* 7) Cẩm nang: một bài featured lớn + hai bài ngang bên phải. */
#pnd-home-new .pnd-blog-section .pnd-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:20px;
}
#pnd-home-new .pnd-blog-section .pnd-blog-card:first-child{
  grid-row:1 / span 2;
  min-height:520px;
}
#pnd-home-new .pnd-blog-section .pnd-blog-card:first-child .pnd-card-image{
  aspect-ratio:16/10;
}
#pnd-home-new .pnd-blog-section .pnd-blog-card:first-child .pnd-card-body{
  padding:24px;
}
#pnd-home-new .pnd-blog-section .pnd-blog-card:first-child .pnd-card-title{
  min-height:0;
  font-size:23px;
}
#pnd-home-new .pnd-blog-section .pnd-blog-card:not(:first-child){
  display:grid;
  grid-template-columns:175px minmax(0,1fr);
  min-height:245px;
}
#pnd-home-new .pnd-blog-section .pnd-blog-card:not(:first-child) .pnd-card-image{
  height:100%;
  aspect-ratio:auto;
  border-right:1px solid var(--pnd-line);
  border-bottom:0;
}
#pnd-home-new .pnd-blog-section .pnd-blog-card:not(:first-child) .pnd-card-body{
  padding:20px;
}
#pnd-home-new .pnd-blog-section .pnd-blog-card:not(:first-child) .pnd-card-title{
  min-height:0;
  font-size:18px;
}
#pnd-home-new .pnd-blog-section .pnd-blog-card:not(:first-child) .pnd-card-description{
  min-height:0;
  -webkit-line-clamp:3;
}

@media(max-width:1050px){
  #pnd-home-new .pnd-spaces-section .pnd-grid,
  #pnd-home-new .pnd-services-section .pnd-grid{
    grid-template-columns:1fr;
  }
  #pnd-home-new .pnd-plant-types-section .pnd-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #pnd-home-new .pnd-blog-section .pnd-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
  }
  #pnd-home-new .pnd-blog-section .pnd-blog-card:first-child{
    grid-column:1 / -1;
    grid-row:auto;
    min-height:auto;
  }
  #pnd-home-new .pnd-blog-section .pnd-blog-card:not(:first-child){
    display:flex;
    min-height:0;
  }
  #pnd-home-new .pnd-blog-section .pnd-blog-card:not(:first-child) .pnd-card-image{
    height:auto;
    aspect-ratio:1/1;
    border-right:0;
    border-bottom:1px solid var(--pnd-line);
  }
}

@media(max-width:700px){
  #pnd-home-new .pnd-spaces-section .pnd-content-card,
  #pnd-home-new .pnd-services-section .pnd-content-card{
    display:flex;
    min-height:0;
  }
  #pnd-home-new .pnd-spaces-section .pnd-card-image,
  #pnd-home-new .pnd-services-section .pnd-card-image{
    height:auto;
    aspect-ratio:16/10;
    border-right:0;
    border-bottom:1px solid var(--pnd-line);
  }
  #pnd-home-new .pnd-services-section .pnd-card-body{
    border-left:0;
    border-top:4px solid rgba(47,107,79,.12);
  }
  #pnd-home-new .pnd-plant-types-section .pnd-grid,
  #pnd-home-new .pnd-blog-section .pnd-grid{
    grid-template-columns:1fr;
  }
  #pnd-home-new .pnd-plant-types-section .pnd-content-card{
    min-height:335px;
  }
  #pnd-home-new .pnd-process-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    padding-left:8px;
  }
  #pnd-home-new .pnd-process-grid::before{
    top:28px;
    bottom:28px;
    left:35px;
    width:2px;
    height:auto;
  }
  #pnd-home-new .pnd-process-step{
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    column-gap:16px;
    padding:0;
    text-align:left;
  }
  #pnd-home-new .pnd-step-number{
    grid-row:1 / span 2;
    margin:0;
  }
  #pnd-home-new .pnd-process-step h3{
    align-self:end;
    margin-bottom:5px;
  }
  #pnd-home-new .pnd-process-step p{
    grid-column:2;
  }
  #pnd-home-new .pnd-blog-section .pnd-blog-card:first-child{
    min-height:0;
  }
}

/* 2.1.7 — Card sản phẩm dùng stylesheet dùng chung; card Công trình dùng template/archive CSS dùng chung. */
#pnd-home-new .pnd-projects-section.pnd-projects{overflow:hidden}
#pnd-home-new .pnd-projects-section .pnd-project-grid{margin:0}
#pnd-home-new .pnd-projects-section .pnd-project-card{background:#fff;border-color:var(--pnd-project-line);box-shadow:0 12px 32px rgba(0,0,0,.18)}
#pnd-home-new .pnd-projects-section .pnd-project-card__title a{color:#17191d!important}
#pnd-home-new .pnd-projects-section .pnd-project-card__excerpt{color:var(--pnd-project-text)!important}


/* ==========================================================
 * 2.1.8 — Không gian: card dọc giống nhịp card Công trình.
 * Chỉ gồm ảnh, tiêu đề, mô tả ngắn và CTA; desktop 4 cột.
 * ========================================================== */
#pnd-home-new .pnd-spaces-section .pnd-space-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
#pnd-home-new .pnd-spaces-section .pnd-space-card{
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--pnd-line);
  border-radius:24px;
  box-shadow:0 12px 30px rgba(32,33,36,.06);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
#pnd-home-new .pnd-spaces-section .pnd-space-card:hover{
  transform:translateY(-4px);
  border-color:#f1cfaa;
  box-shadow:0 18px 38px rgba(32,33,36,.10);
}
#pnd-home-new .pnd-spaces-section .pnd-space-card__image{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:linear-gradient(135deg,#fbf7f1,#eeeae2);
  border-bottom:1px solid var(--pnd-line);
}
#pnd-home-new .pnd-spaces-section .pnd-space-card__image img{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  object-fit:cover;
  transition:transform .35s ease;
}
#pnd-home-new .pnd-spaces-section .pnd-space-card:hover .pnd-space-card__image img{transform:scale(1.035)}
#pnd-home-new .pnd-spaces-section .pnd-space-card__body{
  display:flex;
  min-height:210px;
  flex:1;
  flex-direction:column;
  padding:19px 20px 20px;
}
#pnd-home-new .pnd-spaces-section .pnd-space-card__title{
  display:-webkit-box;
  min-height:48px;
  margin:0 0 10px;
  overflow:hidden;
  color:var(--pnd-dark);
  font-size:19px;
  font-weight:700;
  line-height:1.28;
  text-transform:none;
  letter-spacing:-.015em;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
#pnd-home-new .pnd-spaces-section .pnd-space-card__title a{color:inherit;text-decoration:none}
#pnd-home-new .pnd-spaces-section .pnd-space-card__title a:hover{color:var(--pnd-orange)}
#pnd-home-new .pnd-spaces-section .pnd-space-card__description{
  display:-webkit-box;
  min-height:46px;
  margin:0 0 15px;
  overflow:hidden;
  color:var(--pnd-muted);
  font-size:14px;
  line-height:1.6;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
#pnd-home-new .pnd-spaces-section .pnd-space-card__cta{
  margin-top:auto;
  color:var(--pnd-orange);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
}
#pnd-home-new .pnd-spaces-section .pnd-space-card__cta:hover{color:#d96b00}

@media(max-width:1050px){
  #pnd-home-new .pnd-spaces-section .pnd-space-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #pnd-home-new .pnd-spaces-section .pnd-space-grid{grid-template-columns:1fr;gap:16px}
  #pnd-home-new .pnd-spaces-section .pnd-space-card__body{min-height:0}
}