/* ===== Project index grid (listing page) ===== */
.project-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.project-index-grid .project-card__body p{display:flex;align-items:center;gap:6px;}
.project-index-grid .project-card__body p .icon{width:14px;height:14px;color:var(--red-600);}

/* ===== Project detail ===== */
.project-detail{background:var(--white);}
.project-detail__grid{display:grid;grid-template-columns:1.3fr .95fr;gap:48px;align-items:start;margin-bottom:56px;}

/* Đổi màu khác với .project-detail (cả 2 đều trắng sẽ dính liền, mất ranh
   giới section — xem section "Dự án khác" bên dưới). */
.related-products{background:var(--gray-100);}

.project-gallery{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);}
.project-gallery__main{aspect-ratio:16/10;background:linear-gradient(150deg,#274361,#0e1b2c);transition:background .35s ease;}
.project-gallery__main[data-slide="2"]{background:linear-gradient(150deg,#5c1b22,#0e1b2c);}
.project-gallery__main[data-slide="3"]{background:linear-gradient(150deg,#3d3116,#0e1b2c);}
.project-gallery__main[data-slide="4"]{background:linear-gradient(150deg,#1c3d33,#0e1b2c);}
.project-gallery__nav{
  position:absolute;top:50%;translate:0 -50%;width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.85);color:var(--navy-900);display:flex;align-items:center;justify-content:center;
  transition:background var(--transition);
}
.project-gallery__nav:hover{background:var(--white);}
.project-gallery__nav .icon{width:18px;height:18px;}
.project-gallery__nav--prev{left:16px;}
.project-gallery__nav--next{right:16px;}
.project-gallery__dots{position:absolute;bottom:16px;left:50%;translate:-50% 0;display:flex;gap:8px;}
.project-gallery__dots button{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);transition:background var(--transition), width var(--transition);}
.project-gallery__dots button.is-active{background:var(--white);width:22px;border-radius:5px;}

.project-meta{background:var(--gray-100);border-radius:var(--radius);padding:32px 28px;}
.project-meta .tag{margin-bottom:14px;}
.project-meta h2{font-size:20px;color:var(--navy-900);margin-bottom:22px;}
.project-meta__list{margin-bottom:26px;}
.project-meta__list li{display:flex;gap:14px;margin-bottom:20px;}
.project-meta__list .icon{width:22px;height:22px;color:var(--red-600);flex-shrink:0;margin-top:2px;}
.project-meta__list strong{display:block;font-size:13px;color:var(--gray-600);font-weight:600;margin-bottom:3px;}
.project-meta__list span{font-size:15px;color:var(--navy-900);font-weight:600;}

.project-detail__desc{max-width:860px;}
.project-detail__desc h2{font-size:22px;color:var(--navy-900);margin-bottom:16px;}
.project-detail__desc p{color:var(--gray-900);font-size:16px;line-height:1.85;margin-bottom:20px;}

/* ===== Responsive ===== */
@media (max-width:1080px){
  .project-index-grid{grid-template-columns:repeat(2,1fr);}
  .project-detail__grid{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .project-index-grid{grid-template-columns:1fr;}
}