.nahleh-ugc__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:1.8rem;flex-wrap:wrap}.nahleh-ugc__heading{font-size:2.5rem;font-weight:900;margin:1.1rem 0 0;letter-spacing:-.02em}.nahleh-ugc-rail{display:block;position:relative}.nahleh-ugc-rail__track{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem .2rem 1.2rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nahleh-ugc-rail__track::-webkit-scrollbar{display:none}.nahleh-ugc-card{flex:none;width:20.6rem;aspect-ratio:9 / 16;border-radius:var(--nh-radius-xl);overflow:hidden;position:relative;cursor:pointer;scroll-snap-align:start;background:var(--nh-charcoal);box-shadow:var(--nh-shadow-card);transition:transform .18s ease;border:none;padding:0;font-family:inherit}.nahleh-ugc-card:hover{transform:translateY(-4px)}.nahleh-ugc-card__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.nahleh-ugc-card__image,.nahleh-ugc-card__image.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.nahleh-ugc-card__duration{position:absolute;top:1.2rem;inset-inline-start:1.2rem;z-index:3;background:#14120f8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--nh-white);font-size:1.15rem;font-weight:700;padding:.3rem .9rem;border-radius:var(--nh-radius-pill);display:inline-flex;align-items:center;gap:.5rem}.nahleh-ugc-card__duration svg{width:1.1rem;height:1.1rem}.nahleh-ugc-card__overlay{position:absolute;inset-inline:0;bottom:0;padding:2.6rem 1.3rem 1.4rem;background:linear-gradient(to top,rgba(18,16,13,.82),rgba(18,16,13,.3) 60%,transparent);z-index:3;text-align:start;color:var(--nh-white)}.nahleh-ugc-card__caption{margin:0;font-size:1.25rem;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nahleh-ugc-rail__nav{display:flex;gap:.9rem;justify-content:flex-end;margin-top:.4rem}.nahleh-ugc-rail__button{width:4.4rem;height:4.4rem;border-radius:50%;border:1.5px solid var(--nh-border-2);background:var(--nh-white);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--nh-charcoal)}.nahleh-ugc-rail__button:hover{background:var(--nh-sand)}.nahleh-ugc-rail__button[data-prev] svg{transform:scaleX(-1)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/nahleh-ugc.css.map */