/* Build 31.2 — Lakome TV & Sport adapted for Masaa Info */
.masaa-tv-pro,.masaa-sport-pro{direction:rtl;margin:0 0 24px;padding:16px;border-radius:7px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.11)}
.masaa-tv-pro{background:linear-gradient(135deg,#202126,#101114);color:#fff}.masaa-sport-pro{background:linear-gradient(135deg,#08603d,#043c27);color:#fff}
.masaa-tv-pro__layout,.masaa-sport-pro__layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:15px;align-items:stretch;direction:ltr}.masaa-tv-pro__side,.masaa-tv-pro__main-wrap,.masaa-sport-pro__side,.masaa-sport-pro__main-wrap{direction:rtl;min-width:0}
.masaa-tv-pro__head,.masaa-sport-pro__head{display:flex;align-items:center;justify-content:flex-start;margin:0 0 12px}.masaa-tv-pro__head h2,.masaa-sport-pro__head h2{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;background:#d71920;color:#fff;font-size:20px;font-weight:700;line-height:1.2}.masaa-sport-pro__head h2{background:#e01b24}.masaa-tv-pro__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.masaa-tv-pro__side,.masaa-sport-pro__side{display:grid;grid-template-columns:1fr;gap:8px;align-content:start}.masaa-tv-pro__side-item,.masaa-sport-pro__side-item{overflow:hidden;background:rgba(0,0,0,.27);transition:transform .22s,background .22s}.masaa-tv-pro__side-item:hover,.masaa-tv-pro__side-item.is-preview-active,.masaa-sport-pro__side-item:hover,.masaa-sport-pro__side-item.is-preview-active{background:rgba(0,0,0,.5);transform:translateX(-2px)}
.masaa-tv-pro__side-item a,.masaa-sport-pro__side-item a{display:grid;grid-template-columns:94px 1fr;gap:8px;align-items:center;min-height:78px;color:#fff;text-decoration:none}.masaa-tv-pro__side-image,.masaa-sport-pro__side-image{position:relative;display:block;width:94px;height:78px;overflow:hidden;background:#111}.masaa-tv-pro__side-image img,.masaa-sport-pro__side-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.masaa-tv-pro__side-item:hover img,.masaa-sport-pro__side-item:hover img{transform:scale(1.06)}
.masaa-tv-pro__side-item strong,.masaa-sport-pro__side-text strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-left:5px;color:#fff;font-size:13px;line-height:1.45}.masaa-sport-pro__side-text small{display:block;margin-top:4px;color:rgba(255,255,255,.7);font-size:10px}
.masaa-tv-pro__main,.masaa-sport-pro__main{position:relative;overflow:hidden;min-height:345px;background:#111}.masaa-tv-pro__main-link,.masaa-sport-pro__main-link{position:relative;display:block;height:100%;min-height:345px;color:#fff;text-decoration:none}.masaa-tv-pro__main-image-wrap,.masaa-sport-pro__main-image-wrap{position:absolute;inset:0;display:block;overflow:hidden}.masaa-tv-pro__main-image-wrap:after,.masaa-sport-pro__main-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.52) 38%,rgba(0,0,0,.04) 75%)}.masaa-tv-pro__main-image,.masaa-sport-pro__main-image{width:100%;height:100%;object-fit:cover;transition:transform .42s}.masaa-tv-pro__main:hover img,.masaa-sport-pro__main:hover img{transform:scale(1.055)}
.masaa-tv-pro__title,.masaa-sport-pro__title{position:absolute;z-index:4;right:18px;left:18px;bottom:18px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;font-size:24px;font-weight:700;line-height:1.45;text-shadow:0 2px 5px rgba(0,0,0,.55)}.masaa-sport-pro__title{bottom:24px}.masaa-sport-pro__meta{position:absolute;z-index:4;right:18px;bottom:88px;color:rgba(255,255,255,.8);font-size:11px}
.masaa-tv-pro__category,.masaa-sport-pro__category{position:absolute;z-index:5;right:14px;top:14px;padding:6px 9px;background:#d71920;color:#fff;font-size:12px;font-weight:700}.masaa-sport-pro__category{background:#e01b24}.masaa-tv-play,.masaa-sport-ball{position:absolute;z-index:5;top:50%;right:50%;display:flex;width:66px;height:66px;align-items:center;justify-content:center;transform:translate(50%,-50%);border:3px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(215,25,32,.87);color:#fff;transition:transform .2s,background .2s}.masaa-tv-play svg{width:34px;height:34px;fill:currentColor}.masaa-tv-play--small,.masaa-sport-ball--small{width:34px;height:34px;border-width:2px;font-size:15px}.masaa-sport-ball{font-size:28px;background:rgba(4,96,61,.86)}.masaa-tv-pro__main:hover .masaa-tv-play,.masaa-sport-pro__main:hover .masaa-sport-ball{transform:translate(50%,-50%) scale(1.08);background:#d71920}
.masaa-tv-duration{position:absolute;z-index:6;left:6px;bottom:6px;padding:3px 6px;background:rgba(0,0,0,.78);color:#fff;font-size:10px}.masaa-tv-duration--main{left:14px;bottom:14px;font-size:12px}
.masaa-tv-pro__footer,.masaa-sport-pro__footer{display:flex;justify-content:flex-start;margin-top:3px}.masaa-tv-pro__footer a,.masaa-sport-pro__footer a{display:inline-flex;padding:7px 12px;background:#d71920;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.masaa-tv-pro__footer a:hover,.masaa-sport-pro__footer a:hover{background:#fff;color:#d71920}
@media(max-width:900px){.masaa-tv-pro__layout,.masaa-sport-pro__layout{grid-template-columns:1fr;direction:rtl}.masaa-tv-pro__main-wrap,.masaa-sport-pro__main-wrap{order:1}.masaa-tv-pro__side,.masaa-sport-pro__side{order:2;grid-template-columns:repeat(2,minmax(0,1fr))}.masaa-tv-pro__main,.masaa-sport-pro__main,.masaa-tv-pro__main-link,.masaa-sport-pro__main-link{min-height:300px}}
@media(max-width:560px){.masaa-tv-pro,.masaa-sport-pro{padding:12px}.masaa-tv-pro__side,.masaa-sport-pro__side{grid-template-columns:1fr}.masaa-tv-pro__main,.masaa-sport-pro__main,.masaa-tv-pro__main-link,.masaa-sport-pro__main-link{min-height:245px}.masaa-tv-pro__title,.masaa-sport-pro__title{font-size:19px}.masaa-tv-pro__head h2,.masaa-sport-pro__head h2{font-size:18px}.masaa-tv-pro__side-item a,.masaa-sport-pro__side-item a{grid-template-columns:105px 1fr}.masaa-tv-pro__side-image,.masaa-sport-pro__side-image{width:105px}}


/* =========================================================
   Build 31.3 — فيديو المساء أنفو: التصميم النهائي
   ========================================================= */
.masaa-tv-pro{
  position:relative;
  padding:28px 30px 30px;
  border-radius:0;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025) 25%,transparent 25%) 0 0/42px 42px,
    linear-gradient(225deg,rgba(255,255,255,.025) 25%,transparent 25%) 0 0/42px 42px,
    linear-gradient(315deg,rgba(255,255,255,.02) 25%,transparent 25%) 21px 21px/42px 42px,
    linear-gradient(45deg,rgba(255,255,255,.02) 25%,transparent 25%) 21px 21px/42px 42px,
    linear-gradient(135deg,#171b97 0%,#2028b7 55%,#131978 100%);
  color:#fff;
  box-shadow:0 9px 28px rgba(11,18,108,.22);
}
.masaa-tv-pro:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:33%;
  height:100%;
  background:radial-gradient(circle at 100% 35%,rgba(255,255,255,.07),transparent 67%);
  pointer-events:none;
}
.masaa-tv-pro__layout{
  position:relative;
  z-index:1;
  grid-template-columns:300px minmax(0,1fr);
  gap:24px;
}
.masaa-tv-pro__head{
  justify-content:flex-start;
  margin:0 0 12px;
}
.masaa-tv-pro__head h2{
  position:relative;
  padding:10px 18px 10px 22px;
  background:#e1111b;
  font-size:21px;
  box-shadow:-8px -6px 0 rgba(255,204,0,.9);
}
.masaa-tv-pro__side{
  gap:9px;
}
.masaa-tv-pro__side-item{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(2,8,91,.64);
}
.masaa-tv-pro__side-item:hover,
.masaa-tv-pro__side-item.is-preview-active{
  background:rgba(5,13,119,.96);
  transform:translateX(-3px);
}
.masaa-tv-pro__side-item a{
  grid-template-columns:100px 1fr;
  min-height:76px;
}
.masaa-tv-pro__side-image{
  width:100px;
  height:76px;
}
.masaa-tv-pro__side-item strong{
  padding:0 10px 0 5px;
  font-size:14px;
  line-height:1.55;
}
.masaa-tv-pro__main,
.masaa-tv-pro__main-link{
  min-height:390px;
}
.masaa-tv-pro__main{
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 24px rgba(0,0,0,.23);
}
.masaa-tv-pro__main-image-wrap:after{
  background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.5) 35%,rgba(0,0,0,.03) 73%);
}
.masaa-tv-pro__title{
  right:22px;
  left:22px;
  bottom:20px;
  font-size:27px;
  line-height:1.5;
}
.masaa-tv-pro__category{
  top:16px;
  right:16px;
  padding:7px 11px;
  background:#e1111b;
}
.masaa-tv-play{
  border-color:rgba(255,255,255,.95);
  background:rgba(255,255,255,.20);
  color:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.32);
}
.masaa-tv-play--small{
  width:38px;
  height:38px;
  background:rgba(255,255,255,.18);
}
.masaa-tv-pro__main:hover .masaa-tv-play,
.masaa-tv-pro__side-item:hover .masaa-tv-play,
.masaa-tv-pro__side-item.is-preview-active .masaa-tv-play{
  background:#e1111b;
  border-color:#fff;
  color:#fff;
  transform:translate(50%,-50%) scale(1.08);
}
.masaa-tv-pro__footer{
  margin-top:10px;
}
.masaa-tv-pro__footer a{
  padding:9px 16px;
  background:#e1111b;
}
.masaa-tv-pro__footer a:hover{
  background:#fff;
  color:#e1111b;
}
@media(max-width:900px){
  .masaa-tv-pro{
    padding:22px;
  }
  .masaa-tv-pro__layout{
    grid-template-columns:1fr;
  }
  .masaa-tv-pro__side{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .masaa-tv-pro__main,
  .masaa-tv-pro__main-link{
    min-height:330px;
  }
}
@media(max-width:560px){
  .masaa-tv-pro{
    padding:15px;
  }
  .masaa-tv-pro__side{
    grid-template-columns:1fr;
  }
  .masaa-tv-pro__main,
  .masaa-tv-pro__main-link{
    min-height:245px;
  }
  .masaa-tv-pro__title{
    font-size:20px;
  }
  .masaa-tv-pro__head h2{
    font-size:18px;
  }
}