/* Hero banner rieng cua trang danh muc "Mau thiet ke" (news_portfolio.php) —
   tach khoi bo CSS dung chung card/modal (portfolio-showcase.css) vi day la
   phan giao dien khong lien quan gi den card/popup, chi dung o 1 noi duy nhat.
   CLONE 1:1 tu .nb-hero (news_blog.php, cap 2 ID=30 — xem css/inan-news-blog.css):
   cung anh nen "Xuong in Viet Dung" (asset thuong hieu dung chung, khong phai
   noi dung rieng cua danh muc), cung layout 1 cot van ban can giua. Da bo
   .pf-hero__img (anh danh muc rieng) vi .nb-hero khong co cot thu 2 nay —
   giu no se lam sai bo cuc "1 cot can giua" cua ban goc. */
.pf-hero{background-color:#eaeffa;background-image:url(../images/bg-header-xuong-in-viet-dung.png);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;}
.pf-hero__inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column}
.pf-hero__inner .ivd-breadcrumb{flex:0 0 auto;padding:16px 0}
.pf-hero__row{flex:1;display:flex;align-items:center;gap:32px;padding:clamp(6px, 7vw, 170px) 0}
.pf-hero__text{flex:1;max-width:55%;margin:0 auto;text-align:center}
.pf-hero__text h1{font-size:2rem;font-weight:700;margin:0 0 12px;line-height:1.2;letter-spacing:-0.029em}
.pf-hero__text p{font-size:0.875rem;color:#4a4f63;line-height:1.6;margin:0}
@media(max-width:991px){
.pf-hero__text{max-width:70%}
}
@media(max-width:767px){
.pf-hero{background-image:url(../images/bg-header-xuong-in-viet-dung-mobile.png)}
.pf-hero__row{align-items:flex-start;padding:16px 0 clamp(6px, 14vw, 170px) 0}
.pf-hero__text{text-align:left;margin:0;max-width:80%}
.pf-hero__text h1{font-size:24px}
}