.lz-reels-section{width:100%;}

/* Lovezii Intros — horizontal, mobile-first intro rail */
.lz-intros {
  --lz-intro-gap: 14px;
  width: 100%;
  margin: 0;
  padding: 18px 0 20px;
  position: relative;
  isolation: isolate;
}
.lz-intros__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px 12px;
}
.lz-intros__title {
  margin:0;
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:-.02em;
  color:#fff;
}
.lz-intros__hint {
  font-size:.72rem;
  color:rgba(255,255,255,.55);
  white-space:nowrap;
}
.lz-intros__rail {
  display:flex;
  gap:var(--lz-intro-gap);
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 16px 8px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}
.lz-intros__rail::-webkit-scrollbar{display:none}
.lz-intro {
  --size:110px;
  position:relative;
  flex:0 0 var(--size);
  width:var(--size);
  height:var(--size);
  border:0;
  padding:3px;
  border-radius:20px;
  cursor:pointer;
  background:linear-gradient(135deg,#8b5cf6 0%,#c026d3 42%,#ff6b6b 100%);
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  scroll-snap-align:start;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .22s ease,filter .22s ease,opacity .22s ease;
}
.lz-intro::before {
  content:"";
  position:absolute;
  inset:3px;
  border-radius:17px;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.20) 0 1px,transparent 2px),
    linear-gradient(135deg,rgba(124,92,255,.55),rgba(255,91,120,.55));
  background-size:18px 18px,100% 100%;
  z-index:0;
}
.lz-intro:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.28)}
.lz-intro:active{transform:scale(.97)}
.lz-intro:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}
.lz-intro.is-watched{filter:grayscale(.75);opacity:.78;background:linear-gradient(135deg,#60636b,#888b92)}
.lz-intro__media,
.lz-intro__poster {
  position:absolute;
  inset:3px;
  width:calc(100% - 6px);
  height:calc(100% - 6px);
  object-fit:cover;
  border-radius:17px;
  background:#17131f;
}
.lz-intro__media{z-index:1;display:block}
.lz-intro__poster{z-index:1}
.lz-intro__media[hidden],.lz-intro__poster[hidden]{display:none}
.lz-intro__shade {
  position:absolute;
  z-index:2;
  inset:3px;
  border-radius:17px;
  background:linear-gradient(180deg,transparent 45%,rgba(5,5,10,.82) 100%);
  pointer-events:none;
}
.lz-intro__name {
  position:absolute;
  z-index:3;
  left:8px;
  right:8px;
  bottom:8px;
  padding:6px 8px;
  border-radius:10px;
  color:#fff;
  font-size:.76rem;
  font-weight:750;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background:rgba(8,8,14,.48);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  text-align:left;
}
.lz-intro__play {
  position:absolute;
  z-index:3;
  top:9px;
  right:9px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:rgba(8,8,14,.45);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  font-size:12px;
}
.lz-intro--create {
  background:linear-gradient(135deg,#a855f7,#ff5c8a);
  padding:2px;
}
.lz-intro--create::after{
  content:"";
  position:absolute;
  inset:7px;
  border:1.5px dashed rgba(255,255,255,.72);
  border-radius:14px;
  z-index:2;
}
.lz-intro--create .lz-intro__create-bg{
  position:absolute;inset:3px;border-radius:17px;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 34%),
    radial-gradient(circle at 85% 80%,rgba(255,111,145,.32),transparent 38%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 12px),
    linear-gradient(145deg,#352060,#24152e);
}
.lz-intro__plus {
  position:absolute;z-index:4;top:24px;left:50%;transform:translateX(-50%);
  width:40px;height:40px;border-radius:14px;display:grid;place-items:center;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);
  color:#fff;font-size:28px;font-weight:300;box-shadow:0 8px 20px rgba(0,0,0,.22);
}
.lz-intro__create-label{
  position:absolute;z-index:4;left:9px;right:9px;bottom:12px;text-align:center;
  color:#fff;font-size:.75rem;font-weight:800;line-height:1.15;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.lz-intro__status{
  position:absolute;z-index:4;top:8px;left:8px;padding:4px 6px;border-radius:999px;
  font-size:.58rem;font-weight:800;letter-spacing:.03em;color:#fff;
  background:rgba(8,8,14,.42);backdrop-filter:blur(5px);
}
.lz-intros__empty{padding:8px 16px;color:rgba(255,255,255,.52);font-size:.8rem}
@media (min-width:720px){
  .lz-intro{--size:140px}
  .lz-intros{padding-top:20px;padding-bottom:24px}
  .lz-intros__head{padding-left:24px;padding-right:24px}
  .lz-intros__rail{padding-left:24px;padding-right:24px;gap:16px}
  .lz-intros__title{font-size:1.15rem}
  .lz-intro__name{font-size:.82rem}
}
@media (min-width:1280px){
  .lz-intros__rail{padding-left:max(24px,calc((100vw - 1440px)/2 + 24px));padding-right:max(24px,calc((100vw - 1440px)/2 + 24px))}
}
@media (prefers-reduced-motion:reduce){
  .lz-intro{transition:none}
}

.lz-intro__name{z-index:6;text-decoration:none;cursor:pointer;} .lz-intro__name:hover,.lz-intro__name:focus-visible{text-decoration:underline;}

/* Desktop rail navigation: arrows + drag */
.lz-intros__nav{
  position:absolute;top:calc(50% + 14px);transform:translateY(-50%);z-index:8;
  width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:50%;
  display:none;align-items:center;justify-content:center;padding:0 0 3px;
  font-size:26px;line-height:1;color:#fff;cursor:pointer;
  background:rgba(8,8,14,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 6px 18px rgba(0,0,0,.35);transition:background .2s ease,opacity .2s ease;
}
.lz-intros__nav:hover{background:rgba(124,58,237,.9)}
.lz-intros__nav--prev{left:10px}
.lz-intros__nav--next{right:10px}
.lz-intros__nav[hidden]{display:none !important}
@media (hover:hover) and (pointer:fine){
  .lz-intros__nav{display:flex}
  .lz-intros__rail{cursor:grab}
  .lz-intros__rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
  .lz-intros__rail.is-dragging .lz-intro{pointer-events:none}
}

/* Intro engagement row: likes / views / share (same counters as Reels) */
.lz-intro__stats{
  position:absolute;z-index:7;left:8px;right:8px;bottom:38px;
  display:flex;align-items:center;justify-content:space-between;gap:4px;
}
.lz-intro__stat{
  display:inline-flex;align-items:center;gap:3px;min-width:0;
  padding:3px 6px;border:0;border-radius:999px;cursor:default;
  color:#fff;font:700 .62rem/1 inherit;font-family:inherit;
  background:rgba(8,8,14,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
button.lz-intro__stat{cursor:pointer}
button.lz-intro__stat:focus-visible{outline:2px solid #fff;outline-offset:1px}
.lz-intro__like.is-liked{color:#ff5c8a}
.lz-intro__like.is-liked span:first-child{filter:drop-shadow(0 0 4px rgba(255,92,138,.8))}
.lz-intro__share{padding:3px 7px}
@media (min-width:720px){
  .lz-intro__stat{font-size:.68rem;padding:4px 8px}
  .lz-intro__stats{bottom:42px}
}