/* Homepage retail V3 — nhịp trưng bày đậm hơn, giữ hệ navy/gold Phúc Thịnh. */
body.home .wrap-main{overflow:hidden;background:#fff}
body.home .uk-section-large{padding-top:70px;padding-bottom:70px}
/* Rule UX 2026-09-15: tiêu đề một cấp, không eyebrow/gạch trang trí chiếm chỗ. */
body.home .wrap-home .section-title>p{display:none!important}
body.home .wrap-home .section-title h3{margin-bottom:0!important;padding-bottom:0!important}
body.home .wrap-home .section-title h3:after{display:none!important;content:none!important}

.pts-retail-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}
.pts-retail-section-head .section-title{margin:0}
.pts-retail-text-link{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding-bottom:7px;border-bottom:1px solid rgba(13,39,82,.24);color:var(--pts-navy)!important;font-size:13px;font-weight:850}
.pts-retail-text-link i{font-size:10px;color:var(--pts-gold-dark);transition:transform .18s ease}
.pts-retail-text-link:hover{border-color:var(--pts-gold);color:var(--pts-gold-dark)!important}
.pts-retail-text-link:hover i{transform:translateX(3px)}

/* Ba banner tạo nhịp chiến dịch giống một showroom, không dùng ảnh hardcode.
   2026-09-15: bỏ nền xám/gradient trang trí theo yêu cầu chủ project - nền
   trắng đồng nhất toàn trang, nội dung/ảnh tự tạo nhịp, không cần đổi màu nền. */
.pts-retail-campaigns{position:relative;background:#fff!important}
.pts-retail-campaigns>.uk-container{position:relative}
.pts-retail-campaign-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);grid-template-rows:repeat(2,minmax(215px,1fr));gap:18px;min-height:518px}
.pts-retail-campaign-card{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:#0b2147;color:#fff!important;box-shadow:0 16px 40px rgba(7,25,57,.14);isolation:isolate}
.pts-retail-campaign-card.is-featured{grid-row:1 / span 2}
.pts-retail-campaign-media,.pts-retail-campaign-media picture{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%}
.pts-retail-campaign-media img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.pts-retail-campaign-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,17,46,.05) 8%,rgba(4,17,46,.88) 100%)}
.pts-retail-campaign-card.is-featured .pts-retail-campaign-shade{background:linear-gradient(90deg,rgba(4,17,46,.93) 0,rgba(4,17,46,.55) 52%,rgba(4,17,46,.16) 100%),linear-gradient(0deg,rgba(4,17,46,.68),transparent 58%)}
.pts-retail-campaign-copy{position:absolute;right:0;bottom:0;left:0;display:flex;max-width:560px;flex-direction:column;align-items:flex-start;padding:30px}
.pts-retail-campaign-card.is-featured .pts-retail-campaign-copy{top:0;justify-content:center;padding:44px}
.pts-retail-campaign-copy strong{color:#fff;font-size:clamp(20px,2vw,30px);font-weight:900;line-height:1.18;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.pts-retail-campaign-card.is-featured .pts-retail-campaign-copy strong{font-size:clamp(28px,3vw,44px)}
.pts-retail-campaign-copy small{display:-webkit-box;max-width:470px;margin-top:10px;overflow:hidden;color:#d9e4f4;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.pts-retail-campaign-action{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:3px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:850;backdrop-filter:blur(5px)}
.pts-retail-campaign-card:hover .pts-retail-campaign-media img{transform:scale(1.045)}
.pts-retail-campaign-card:hover .pts-retail-campaign-action{border-color:#f5cf64;background:#e2ad20;color:#071b3f}

/* Lưới ngành hàng + sản phẩm tạo cảm giác catalog rõ ràng như trang bán lẻ. */
.pts-ecosystem{position:relative;background:#fff!important}
.pts-ecosystem .section-title h3{font-size:clamp(30px,3vw,44px)!important}
.pts-ecosystem-actions{display:flex;align-items:center;gap:8px}
.pts-rail-control{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #d6deea;border-radius:3px;background:#fff;color:var(--pts-navy);font-size:11px;cursor:pointer;transition:.18s ease}
.pts-rail-control:hover:not(:disabled){border-color:var(--pts-gold);background:var(--pts-gold);color:var(--pts-navy-deep)}
.pts-rail-control:disabled{opacity:.3;cursor:default}
.pts-ecosystem .tab-switcher ul.pts-ecosystem-grid{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:14px!important;margin-top:30px!important;padding:2px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none!important;-ms-overflow-style:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;cursor:grab}
.pts-ecosystem .tab-switcher ul.pts-ecosystem-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.pts-ecosystem .tab-switcher ul.pts-ecosystem-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.pts-ecosystem .pts-ecosystem-grid>li,.pts-ecosystem .pts-ecosystem-grid>li.is-major{display:block!important;flex:0 0 190px!important;grid-column:auto!important;scroll-snap-align:start}
.pts-ecosystem .pts-ecosystem-grid>li>a,.pts-ecosystem .pts-ecosystem-grid>li.is-major>a{min-height:172px!important;padding:18px 14px 16px!important;border-radius:4px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}
.pts-ecosystem .pts-home-category-image,.pts-ecosystem .pts-ecosystem-grid>li.is-major .pts-home-category-image{aspect-ratio:4/3!important;max-height:105px!important;background:transparent!important}
.pts-ecosystem .pts-ecosystem-name,.pts-ecosystem .pts-ecosystem-grid>li.is-major .pts-ecosystem-name{font-size:13px!important;text-align:center;justify-content:center}
.pts-ecosystem .pts-home-category-badge{top:10px!important;left:10px!important;padding:3px 7px!important;font-size:9px!important}
.pts-retail-product-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:38px;padding:24px 28px;border-radius:4px;background:linear-gradient(112deg,#061737,#0e3263);box-shadow:0 14px 34px rgba(7,28,63,.14)}
.pts-retail-product-head h4{margin:0;color:#fff;font-size:clamp(19px,2vw,27px);font-weight:900}
.pts-retail-product-head p{max-width:390px;margin:0!important;color:#c9d6e8;font-size:12.5px;line-height:1.55;text-align:right}
.pts-ecosystem .product-tabs-container{padding-top:26px!important}

/* Nền chỉ tạo bối cảnh; bản quét trong Admin vẫn là bằng chứng thật. Tài liệu
   được ưu tiên diện tích đủ lớn và luôn contain để không mất mép chứng nhận. */
.pts-proof-band{position:relative;isolation:isolate;overflow:hidden;padding:58px 0 64px;background:#f4f7fb}
.pts-proof-background{position:absolute;z-index:-2;inset:0;margin:0;overflow:hidden}
.pts-proof-background picture,.pts-proof-background img{display:block;width:100%!important;height:100%!important}
.pts-proof-background img{object-fit:cover!important;object-position:center!important}
.pts-proof-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,15,39,.94) 0,rgba(5,24,57,.88) 38%,rgba(4,19,46,.74) 100%)}
.pts-proof-band>.uk-container{position:relative;z-index:1}
.pts-proof-shell{display:grid;grid-template-columns:minmax(290px,.68fr) minmax(0,1.62fr);gap:58px;align-items:center;min-height:250px;padding:0;background:transparent;box-shadow:none}
.pts-proof-shell:after{display:none;content:none}
.pts-proof-copy{min-width:0}
.pts-proof-copy h3{margin:0;color:var(--pts-navy);font-size:clamp(24px,2.4vw,34px);font-weight:900;line-height:1.22}
.pts-proof-copy p{max-width:430px;margin:13px 0 18px;color:#64748b;font-size:13.5px;line-height:1.65}
.pts-proof-copy a{display:inline-flex;align-items:center;gap:8px;color:var(--pts-navy)!important;font-size:12.5px;font-weight:850}
.pts-proof-copy a i{color:var(--pts-gold-dark);font-size:10px}
.pts-proof-band.has-background .pts-proof-copy h3,.pts-proof-band.has-background .pts-proof-copy a{color:#fff!important}
.pts-proof-band.has-background .pts-proof-copy p{color:#d7e2f1}
.pts-proof-band.has-background .pts-proof-copy a i{color:#f0bd43}
.pts-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pts-proof-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:13px;overflow:visible;background:transparent;text-align:center}
.pts-proof-card picture{display:block;width:150px;height:208px;padding:7px;overflow:hidden;background:#fff}
.pts-proof-card img{display:block;width:100%!important;height:100%!important;object-fit:contain!important}
.pts-proof-card strong{position:static;max-width:190px;min-height:36px;padding:0;background:transparent;color:var(--pts-navy);font-size:12px;font-weight:850;line-height:1.5;text-align:center;backdrop-filter:none}
.pts-proof-band.has-background .pts-proof-card strong{color:#fff}

/* Các family grid chiếm phần lớn chiều dài trang, giống nhịp catalog Kitawa.
   2026-09-15: bỏ xen kẽ màu nền giữa các nhóm - nền trắng đồng nhất, chỉ
   dùng border-top mảnh để phân section, tiêu đề/ảnh sản phẩm tự tạo nhịp. */
.pts-product-family{position:relative;background:#fff!important;border-top:1px solid #e7ecf3}
.pts-product-family .section-title h3{max-width:820px;font-size:clamp(28px,3vw,42px)!important}
.pts-product-family-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.pts-product-family-grid .product-card{display:flex;min-width:0;min-height:100%;flex-direction:column;background:#fff!important;border-radius:4px!important;box-shadow:0 7px 22px rgba(15,35,70,.045)!important}
.pts-product-family-grid .product-card-img,.pts-ecosystem .product-card,.pts-ecosystem .product-card-img{border-radius:3px!important}
.pts-product-family-grid .product-item{display:flex!important;min-width:0;flex:1 1 auto;flex-direction:column}
.pts-product-family-grid .product-card-img{aspect-ratio:1/1;margin-bottom:12px!important}
.pts-product-family-grid .product-card-img>img,.pts-product-family-grid .product-card-img>picture,.pts-product-family-grid .product-card-img picture img{width:100%!important;height:100%!important;object-fit:contain!important}
.pts-product-family-grid .product-card .caption .name{font-size:13.5px!important;line-height:1.42!important}
.pts-product-family-grid .product-card .price-product .price-new{font-size:15px!important}

/* Logo đối tác thay vai trò “báo chí” trong nhịp tham chiếu. */
.pts-brands{position:relative;background:#fff!important;border-top:1px solid #e5ebf3}
.pts-brands:before{display:none!important;content:none!important}
.pts-brands-item{border:1px solid #e1e7ef!important;border-radius:3px;margin-right:10px;box-shadow:0 6px 16px rgba(15,35,70,.04)}
.pts-brand-services{margin-top:30px!important;padding:18px 10px!important;border:1px solid #e2e8f0!important;border-radius:4px;background:#fff}
body.home .home-8 .pts-news-card{border-radius:4px!important}
body.home .pts-btn{border-radius:4px!important}

@media (max-width:1199px){
  .pts-retail-campaign-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);min-height:470px}
  .pts-ecosystem .pts-ecosystem-grid>li,.pts-ecosystem .pts-ecosystem-grid>li.is-major{flex-basis:178px!important}
  .pts-proof-shell{grid-template-columns:1fr;gap:34px;padding:0}
  .pts-proof-copy{max-width:650px}
  .pts-product-family-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1800px){
  body.home .uk-section-large{padding-top:82px;padding-bottom:82px}
  .pts-retail-campaign-grid{grid-template-columns:minmax(0,1.3fr) minmax(430px,.7fr);grid-template-rows:repeat(2,minmax(235px,1fr));min-height:570px;gap:22px}
  .pts-retail-campaign-copy{max-width:660px;padding:36px}
  .pts-retail-campaign-card.is-featured .pts-retail-campaign-copy{padding:54px}
  .pts-ecosystem .pts-ecosystem-grid>li,.pts-ecosystem .pts-ecosystem-grid>li.is-major{flex-basis:215px!important}
  .pts-ecosystem .pts-ecosystem-grid>li>a,.pts-ecosystem .pts-ecosystem-grid>li.is-major>a{min-height:190px!important;padding:20px 16px 18px!important}
  .pts-ecosystem .pts-home-category-image,.pts-ecosystem .pts-ecosystem-grid>li.is-major .pts-home-category-image{max-height:120px!important}
  .pts-ecosystem .pts-ecosystem-name,.pts-ecosystem .pts-ecosystem-grid>li.is-major .pts-ecosystem-name{font-size:14.5px!important}
  .pts-product-family-grid{gap:24px}
  .pts-product-family-grid .product-card .caption .name{font-size:15px!important;line-height:1.48!important}
  .pts-product-family-grid .product-card .price-product .price-new{font-size:17px!important}
  .pts-proof-shell{gap:64px}
}
@media (max-width:767px){
  body.home .uk-section-large{padding-top:48px;padding-bottom:48px}
  .pts-retail-section-head{display:block;margin-bottom:22px}
  .pts-retail-text-link{margin-top:13px}
  .pts-ecosystem-actions{justify-content:space-between}
  .pts-rail-control{display:none}
  .pts-retail-campaign-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;min-height:0;gap:13px}
  .pts-retail-campaign-card,.pts-retail-campaign-card.is-featured{grid-row:auto;min-height:240px;aspect-ratio:1.42/1}
  .pts-retail-campaign-card.is-featured{min-height:300px}
  .pts-retail-campaign-card.is-featured .pts-retail-campaign-copy,.pts-retail-campaign-copy{top:auto;justify-content:flex-end;padding:22px}
  .pts-retail-campaign-card.is-featured .pts-retail-campaign-copy strong{font-size:27px}
  .pts-retail-campaign-copy small{font-size:12px}
  .pts-ecosystem .tab-switcher ul.pts-ecosystem-grid{gap:11px!important;padding:3px!important;scroll-snap-type:x mandatory}
  .pts-ecosystem .pts-ecosystem-grid>li,.pts-ecosystem .pts-ecosystem-grid>li.is-major{flex:0 0 158px!important;grid-column:auto!important;scroll-snap-align:start}
  .pts-ecosystem .pts-ecosystem-grid>li>a,.pts-ecosystem .pts-ecosystem-grid>li.is-major>a{min-height:150px!important;padding:14px 10px!important}
  .pts-retail-product-head{display:block;margin-top:24px;padding:20px}
  .pts-retail-product-head p{margin-top:9px!important;text-align:left}
  .pts-proof-band{padding:44px 0 48px}
  .pts-proof-shell{gap:28px;padding:0}
  .pts-proof-shade{background:linear-gradient(180deg,rgba(3,15,39,.95),rgba(5,24,57,.86))}
  .pts-proof-grid{display:flex;overflow-x:auto;gap:18px;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .pts-proof-grid::-webkit-scrollbar{display:none}
  .pts-proof-card{flex:0 0 210px;scroll-snap-align:start}
  .pts-proof-card picture{width:136px;height:188px}
  .pts-product-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .pts-product-family-grid .product-card{padding:7px!important}
  .pts-product-family-grid .product-card .caption .name{font-size:12.5px!important}
}
@media (max-width:420px){
  .pts-retail-campaign-card,.pts-retail-campaign-card.is-featured{min-height:270px;aspect-ratio:auto}
  .pts-retail-campaign-action{margin-top:13px;padding:8px 11px}
  .pts-proof-card{flex-basis:188px}
  .pts-proof-card picture{width:126px;height:176px}
}
@media (prefers-reduced-motion:reduce){
  .pts-retail-campaign-media img,.pts-retail-text-link i{transition:none!important}
}
