/* XGG P44 - VinFast category news carousel adapted from user-supplied XeVinFast.
   Only Home magazine section. Content + URL + image resolution remain dynamic.
   3 visible / desktop, 2 / tablet, 1 / mobile. No external JS dependency. */
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-carousel{
  --p44-gap:20px;
  display:block!important;position:relative;max-width:100%!important;width:100%!important;
  margin:27px 0 30px!important;padding:0 0 36px!important;overflow:hidden!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-track{
  display:flex!important;align-items:stretch!important;gap:var(--p44-gap)!important;
  overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;scrollbar-width:none;
  width:100%!important;max-width:100%!important;margin:0!important;padding:0 0 5px!important;
  -webkit-overflow-scrolling:touch;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-track::-webkit-scrollbar{display:none}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide{
  flex:0 0 calc((100% - 2 * var(--p44-gap)) / 3)!important;min-width:0!important;
  scroll-snap-align:start;display:flex;align-self:stretch;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat{
  display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;
  margin:0!important;min-height:0!important;height:100%!important;background:#fff!important;
  border:1px solid var(--xgp38-h-E1E6EB,#e1e6eb)!important;border-radius:12px!important;
  box-shadow:0 5px 16px rgba(var(--xgp38-r-103754,16,55,84),.055)!important;overflow:hidden!important;
  transition:box-shadow .24s ease,transform .24s ease!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat:hover{
  transform:translateY(-3px);box-shadow:0 13px 27px rgba(var(--xgp38-r-0F375A,15,55,90),.15)!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-title{
  flex:0 0 auto;display:flex!important;justify-content:flex-start!important;align-items:center!important;
  min-height:46px!important;padding:10px 14px!important;
  background:var(--xgp38-h-4D8FD1,#4d8fd1)!important;color:#fff!important;font-size:15px!important;
  font-weight:800!important;text-transform:uppercase!important;line-height:1.3!important;
  letter-spacing:.05px!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-bolt{display:inline-block;margin-right:3px;font-size:20px;line-height:1}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-top{
  flex:0 0 auto!important;padding:13px 14px 8px!important;margin:0!important;min-height:0!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-top>a{
  display:block!important;height:auto!important;min-height:0!important;text-decoration:none!important;color:var(--xgp38-h-192A3D,#192a3d)!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .xgg-p44-media{
  display:block;width:100%;aspect-ratio:1200 / 630;overflow:hidden;border-radius:8px;background:var(--xgp38-h-EFF4F7,#eff4f7);
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .xgg-p44-media img{
  display:block!important;width:100%!important;height:100%!important;min-height:0!important;
  max-height:none!important;aspect-ratio:1200 / 630!important;object-fit:cover!important;
  border-radius:8px!important;transition:transform .32s ease!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat:hover .xgg-p44-media img{transform:scale(1.035)!important}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-top h3{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;font-size:18px!important;font-weight:800!important;
  color:#202e40!important;line-height:1.4!important;
  height:51px!important;min-height:51px!important;max-height:51px!important;
  margin:10px 0 3px!important;letter-spacing:-.2px!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-top>a:hover h3{color:var(--xgp38-h-28669F,#28669f)!important}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-top .wt2-meta{
  color:#8491a0!important;font-size:11px!important;margin:1px 0 5px!important;line-height:1.35!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .xgg-p43-feature-summary{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;font-size:12px!important;line-height:1.5!important;color:#657c8d!important;
  margin:5px 0 0!important;min-height:36px!important;max-height:36px!important;font-weight:450!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-list{
  display:flex!important;flex-direction:column!important;gap:0!important;flex:1 0 auto!important;
  padding:0 14px 12px!important;margin:5px 0 0!important;justify-content:flex-start!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item{
  display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;
  gap:10px!important;align-items:start!important;min-height:112px!important;padding:11px 0!important;
  border-top:1px solid var(--xgp38-h-E9EEF3,#e9eef3)!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item .xgg-p44-thumb{
  display:block!important;width:88px!important;height:62px!important;overflow:hidden;border-radius:8px;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item img{
  width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;
  border-radius:8px!important;transition:transform .25s ease!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item:hover img{transform:scale(1.055)!important}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item>div{min-width:0!important}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item>div>a{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;font-size:14px!important;font-weight:700!important;line-height:1.42!important;
  height:auto!important;min-height:0!important;max-height:40px!important;margin:0!important;
  color:#243246!important;text-decoration:none!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item>div>a:hover{color:var(--xgp38-h-28669F,#28669f)!important;text-decoration:underline!important;text-underline-offset:2px}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .xgg-p43-item-summary{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;
  overflow:hidden!important;min-height:0!important;margin:3px 0!important;
  font-size:11.5px!important;line-height:1.48!important;color:#6d8091!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item .wt2-meta{
  font-size:11px!important;line-height:1.35!important;font-weight:500!important;
  color:#8694a2!important;margin:2px 0 0!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-pagination{
  position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:9px;
  min-height:15px;align-items:center;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-pagination button{
  width:10px;height:10px;min-height:10px;min-width:10px;padding:0;
  background:var(--xgp38-h-4D8FD1,#4d8fd1);border:0;border-radius:999px;opacity:.4;cursor:pointer;
  transition:opacity .2s ease,width .2s ease,background .2s ease;
}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-pagination button[aria-current="true"]{opacity:1;width:22px;background:var(--xgp38-h-3478B8,#3478b8)}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-pagination button:focus-visible{
  outline:2px solid var(--xgp38-h-075F9C,#075f9c);outline-offset:3px;
}
@media(max-width:991px){
 body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide{flex-basis:calc((100% - var(--p44-gap))/2)!important}
}
@media(max-width:767px){
 body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-carousel{--p44-gap:14px;margin:20px 0 25px!important}
 body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide{flex-basis:100%!important}
 body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-top h3{font-size:17px!important}
 body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item{min-height:95px!important}
}
@media(prefers-reduced-motion:reduce){
 body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat,
 body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide img{transition:none!important;transform:none!important}
}
/* Keep the reference's compact category-card rhythm even when older P42/P43
   stylesheets force stretched grid rows or tall title-line containers. */
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-title>span{line-height:1.3!important;display:inline-flex!important;align-items:center!important;}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-list{flex:0 0 auto!important;justify-content:flex-start!important;}
body.vf101-match.trp02-home #main-content .trp02-news .xgg-p44-slide .wt2-cat-item{min-height:98px!important;max-height:110px!important;}
/* Featured magazine treatment follows the original VinFast sample too:
   warm yellow badges, dark overlay, subtle image zoom, restrained hover. */
body.vf101-match.trp02-home #main-content .trp02-news .dt-overlay-card .dt-news-label{
  background:var(--xgp38-y-FFD400,#ffd400)!important;color:var(--xgp38-h-16233B,#16233b)!important;border:0!important;
  padding:5px 9px!important;font-size:11px!important;font-weight:800!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .dt-overlay-card:hover img{
  transform:scale(1.035)!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .dt-strip-item:hover{
  background:var(--xgp38-h-EDF6FD,#edf6fd)!important;
}
body.vf101-match.trp02-home #main-content .trp02-news .vf101-latest .wt2-latest-card:hover img{
  transform:scale(1.035)!important;
}
