/* New Products Showcase (RITA) — CSS tinh, dung chung moi instance.
   Gia tri dong (mau nen, ti le khung) truyen qua CSS variables tren .rita-np.
   Class rieng (rita-np / np-viewall) -> KHONG dinh CSS cu cua .new-products-slider. */

.rita-np{display:none}                                   /* mac dinh an -> chi hien mobile */
@media (max-width:700px){
  .rita-np{display:block;width:100vw;max-width:100vw;margin:0 calc(50% - 50vw);
    position:relative;background:var(--np-bg,#fff);padding:48px 0}
}
.rita-np .np-inner{position:relative;box-sizing:border-box}
.rita-np .np-heading{text-align:center;margin:0 0 16px;font-size:22px;font-weight:700;color:#1a3867}

.rita-np .np-carousel{position:relative;overflow:hidden}
.rita-np .np-track{display:flex;align-items:stretch}
.rita-np .np-slide{flex-shrink:0;height:auto}
.rita-np .np-slide>a,.rita-np .np-slide>span{position:relative;display:block;width:100%;
  aspect-ratio:var(--np-ratio,300/204);overflow:hidden;border-radius:6px;background:#fff}
.rita-np .np-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* the mau overlay — mau tung card truyen inline style="background:.." (data) */
.rita-np .np-card{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);
  min-width:60%;max-width:88%;box-sizing:border-box;padding:14px 26px 18px;border-radius:5px;
  display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center}
.rita-np .np-title{font-size:19px;font-weight:700;line-height:1.2}
.rita-np .np-more{font-size:13px;margin-top:6px}
.rita-np .np-more i{margin-left:3px}

/* pagination dots (chi hien khi bat) */
.rita-np .np-pagination{text-align:center;margin-top:16px;line-height:0}
.rita-np .np-bullet{display:inline-block;width:9px;height:9px;border-radius:50%;background:#a9c7dc;
  margin:0 5px;cursor:pointer;vertical-align:middle;transition:background .2s}
.rita-np .np-bullet-active{background:#ff0000}

/* nut View all — class rieng, tu style het (do dam 1.4rem), canh trai */
.rita-np .np-allbtn{text-align:left;margin-top:14px}
.rita-np .np-viewall{display:inline-block;margin:0 1rem;font-weight:700;font-size:1.4rem;
  color:var(--primary-red,#e1001a);text-decoration:none;transition:opacity .3s}
.rita-np .np-viewall:hover{opacity:.7}