/* Slider "San pham cung danh muc" (San pham PHU, layout_product.php) — card
   dung lai NGUYEN .fpt-card/.fpt-card-link/.fpt-card-img/.fpt-card-body cua
   home.css (da nap san KHONG DIEU KIEN tren nhanh San pham phu, xem
   render_featured_products_html()/_fpt_product_card() lam mau goc), CO Y
   TRANH .pf-card cua portfolio-showcase.css/.js: .pf-card bi 1 click handler
   delegated toan trang gan popup "xem nhanh mau thiet ke" (mo nham du lieu
   vi day la ID san pham that, khong phai ID mau thiet ke) — the o day chi
   can bam la di thang toi trang chi tiet, khong lien quan popup nay. File
   nay CHI dinh nghia layout truot (viewport/track/slide) — dieu huong/dots
   dung lai nguyen .pd-uudai-nav/.pd-uudai-dots (inan-pro-des.css, da nap san). */
/* .pd-uudai-nav (left:-30px/right:-30px, xem inan-pro-des.css) can nam trong
   1 container KHONG bi overflow:hidden — dat rieng .ps-slider-outer lam
   khung position:relative cho nut, .ps-slider-viewport (con, chi bao quanh
   track) moi la noi cat overflow:hidden. Truoc day gop chung 1 khoi khien
   nut Prev/Next bi chinh overflow:hidden cua no cat mat (khong hien ra). */
.ps-slider-outer { position: relative; }
.ps-slider-viewport { overflow: hidden; }
.ps-slider-track { display: flex; transition: transform .35s ease; padding: 5px 0 20px}
.ps-slide { flex-shrink: 0; }
.ps-slide .fpt-card { height: 100%; }
.ps-slide .fpt-card-link { height: 100%; }

/* .pd-uudai-prev/.pd-uudai-next (inan-pro-des.css) mac dinh dat left/right:-30px
   — gia dinh khung ngoai (noi dat .ps-slider-outer) con du 30px+ khoang trong
   xung quanh de nut "tho" ra ngoai ma khong bi cat. .container o day chi dat
   max-width:1280px (co canh) tu 1400px tro len (xem style.css) — duoi 1400px
   .container fluid sat mep, khong con 30px trong do, khien nut Prev/Next bi
   rot ra ngoai vung nhin thay/bi cat mep man hinh. Duoi nguong nay, keo nut
   vao lai gan mep card (8px, van "de" tren card thay vi tho han ra ngoai). */
@media (max-width: 1399.98px) {
    .ps-slider-outer .pd-uudai-prev { left: 8px; }
    .ps-slider-outer .pd-uudai-next { right: 8px; }
}