/* inan module - shared utility classes (Bootstrap 3->5 migration cleanup) */
.thumb-cat-bg {background-size:cover;background-position:center center;min-height:176px;background-repeat:no-repeat}
.shor-run-auto {height:auto}
.portfolio-banner {padding:12vh 0;background-size:cover;background-position:center;position:relative}

/* Author/reviewer block (shared: layout_portfolio.php, layout_blogpost.php) */
.arb-wrap{margin:28px 0 0px}
.arb-card{display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:#eaeffa;border-radius:12px}
.arb-avatar-col{flex-shrink:0}
.arb-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #d1d9f0;display:block}
.arb-avatar-ph{width:72px;height:72px;border-radius:50%;background:#dde3f0;display:flex;align-items:center;justify-content:center}
.arb-body{flex:1;min-width:0}
.arb-position{font-size:0.875rem;color:#4a4f63;margin:0 0 3px;line-height:1.4}
.arb-name{font-size: 1rem; font-weight:600;margin:0 0 8px;line-height:1.3}
.arb-verified{display:flex;align-items:center;gap:6px;font-size:13px;color:#16a34a;font-weight:600;margin:0 0 10px}
.arb-bio{font-size:0.875rem;color:#4a4f63;line-height:1.75;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.arb-more{display:inline-flex;align-items:center;gap:5px;font-size:0.875rem;color:#1250dc;font-weight:600;text-decoration:none;cursor:pointer}
@media(max-width:575px){
  .arb-card{gap:14px;padding:16px}
  .arb-avatar,.arb-avatar-ph{width:52px;height:52px}
  .arb-name{font-size:16px}
  .arb-bio{-webkit-line-clamp:5}
}

/* Design video showcase block (shared: layout_portfolio.php, layout_product.php) */
.dv-grid-outer{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:991px){.dv-grid-outer{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.dv-grid-outer{grid-template-columns:1fr!important}}
.dv-section-wrap{margin:30px 0 20px}
.dv-section-title{text-align:center;margin-bottom:18px}
.dv-section-title h2{font-size:20px;font-weight:700;color:#222}
.dv-section-title p{color:#666;font-size:13px}
.dv-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.dv-media-wrap{position:relative;height:0;overflow:hidden;background:#000}
.dv-media-wrap video,.dv-media-wrap img{position:absolute;top:0;left:0;width:100%;height:100%}
.dv-media-wrap img{object-fit:cover}
.dv-lazy{background:#111;cursor:pointer}
.dv-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.dv-play-btn{width:54px;height:54px;background:rgba(0,0,0,.55);border-radius:50%;display:flex;align-items:center;justify-content:center}
.dv-card-body{padding:10px 14px}
.dv-card-body p{margin:0;font-size:13px;font-weight:600;color:#222}
.dv-featured-badge{font-size:11px;color:#92400e}

/* news.php - category listing page (shared blocks across product/portfolio/blog/generic branches) */
.thumb-portfolio-bg{background-size:cover;background-position:center center;min-height:200px;background-repeat:no-repeat}
.bg_dichvu{background-size:cover;filter:blur(139px);-webkit-filter:blur(58px);height:200px;width:100%;position:absolute;background-position:center center;background-repeat:no-repeat}
.inan-hero-wrap{background:#dcf1fd;border-bottom-right-radius:160px}
.inan-section-gray{background:#ececec;padding:30px 0}
.inan-section-pad30{padding:30px 0}
/* ====== BREADCRUMB DUNG CHUNG — nguon CSS DUY NHAT cho ca 5 noi dung breadcrumb
   tren site (tac gia, danh muc mau thiet ke, danh muc blog, bai viet/san pham
   chi tiet, danh muc san pham). KHONG con dinh nghia rieng le o file nao khac.
   Cau truc semantic: nav.ivd-breadcrumb > ol > li ( > a, tru li[aria-current] ). */
.ivd-breadcrumb{font-size:0.875rem}
.ivd-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:4px}
.ivd-breadcrumb li{display:flex;align-items:center;}
.ivd-breadcrumb a{display:flex;align-items:center;color:#1250dc;text-decoration:none}
.bc-svg{width:14px;height:14px;margin-right:4px;vertical-align:-2px;color:#657384;flex:0 0 auto}
.inan-quote-textarea-full{width:100%}
.flex-row{display:flex;flex-wrap:wrap}
.flex-row:before, .flex-row:after { display: none !important; }