/* RNGO Aparat Gallery v2.2 — white editorial gallery; scoped to avoid Jannah styles */
.rngo-ag2{--rngo-blue:#1b98e0;--rngo-ink:#1b2d3b;--rngo-muted:#728493;--rngo-line:#e8eef3;width:100%;max-width:none;min-width:0;margin:0;padding:clamp(14px,1.7vw,22px);box-sizing:border-box;direction:rtl;text-align:right;font-family:inherit;color:var(--rngo-ink);background:#fff;border:1px solid var(--rngo-line);border-radius:18px;box-shadow:0 10px 32px rgba(34,59,79,.035)}
.rngo-ag2 *{box-sizing:border-box}
.rngo-ag2 button{font-family:inherit}
.rngo-ag2-layout{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,54%) minmax(0,1fr);gap:clamp(16px,2vw,26px);align-items:start}
.rngo-ag2-layout--single{grid-template-columns:minmax(0,58%)}
/* Main Aparat player — first item in RTL grid, therefore on the right. */
.rngo-ag2-feature{min-width:0}
.rngo-ag2-player{position:relative;overflow:hidden;aspect-ratio:16/9;width:100%;border-radius:13px;background:#eff6fa;box-shadow:0 6px 22px rgba(29,62,83,.07)}
.rngo-ag2-frame{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}
.rngo-ag2-current{padding:13px 2px 1px}
.rngo-ag2 .rngo-ag2-current-title{margin:0!important;padding:0!important;border:0!important;line-height:1.65!important;font-size:clamp(16px,1.48vw,19px)!important;font-weight:800!important;color:var(--rngo-ink)!important}
.rngo-ag2 .rngo-ag2-current-desc{margin:4px 0 0!important;padding:0!important;color:var(--rngo-muted)!important;line-height:1.8!important;font-size:12.5px!important}
.rngo-ag2-current-desc[hidden],.rngo-ag2-extras[hidden]{display:none!important}
/* Playlist column and the narrow more-button live in the SAME column. */
.rngo-ag2-side{display:flex;flex-direction:column;gap:9px;min-width:0;align-self:start;margin:0;padding:0;border:0}
.rngo-ag2-side-list{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0}
.rngo-ag2-video{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;min-width:0;min-height:101px;margin:0;padding:9px!important;text-align:right;line-height:normal;border:1px solid var(--rngo-line)!important;border-radius:12px!important;background:#fff!important;color:var(--rngo-ink)!important;cursor:pointer;box-shadow:0 2px 11px rgba(23,45,59,.022)!important;outline:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.rngo-ag2-video:hover{transform:translateY(-1px);border-color:#abdcf7!important;box-shadow:0 7px 22px rgba(27,152,224,.09)!important}
.rngo-ag2-video.is-active{border-color:#9dd7f6!important;background:#f5fbff!important;box-shadow:inset 3px 0 0 var(--rngo-blue)!important}
.rngo-ag2-visual{display:grid;place-items:center;isolation:isolate;flex:0 0 clamp(95px,10vw,126px);width:clamp(95px,10vw,126px);aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:9px;color:#a3d8f4;background:linear-gradient(135deg,#e5f4fc,#f6fbfe 58%,#d6ecf7)}
.rngo-ag2-circuit{position:absolute;inset:0;width:100%;height:100%;opacity:.8;transition:transform .35s ease}
.rngo-ag2-thumb{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;transition:transform .35s ease,opacity .25s ease}
.rngo-ag2-visual.has-cover .rngo-ag2-thumb{opacity:1}
.rngo-ag2-visual.has-cover .rngo-ag2-circuit{opacity:0}
.rngo-ag2-visual::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(7,24,39,.22),transparent 75%);opacity:0;transition:opacity .25s ease}
.rngo-ag2-visual.has-cover::after,.rngo-ag2-video:hover .rngo-ag2-visual::after{opacity:1}
.rngo-ag2-video:hover .rngo-ag2-thumb{transform:scale(1.055)}
.rngo-ag2-video:hover .rngo-ag2-circuit{transform:scale(1.13)}
.rngo-ag2-play{position:relative;z-index:3;display:grid;place-items:center;width:31px;height:31px;padding:0 2px 0 0;border-radius:50%;background:rgba(27,152,224,.96);color:#fff;font:12px sans-serif;box-shadow:0 4px 14px rgba(4,37,61,.2);transition:transform .2s ease}
.rngo-ag2-video:hover .rngo-ag2-play{transform:scale(1.1)}
.rngo-ag2-copy{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}
.rngo-ag2 .rngo-ag2-card-title{font-weight:800;font-size:13px;line-height:1.7;color:var(--rngo-ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rngo-ag2 .rngo-ag2-card-desc{font-size:11px;line-height:1.7;color:var(--rngo-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rngo-ag2-chevron{flex:0 0 auto;color:#b2c0cd;transition:transform .2s ease,color .2s ease}
.rngo-ag2-video:hover .rngo-ag2-chevron{transform:translateX(-2px);color:var(--rngo-blue)}
/* Thin inline control: 30px high, full column width for perfect alignment. */
.rngo-ag2-more-wrap{display:block;margin:0;width:100%;padding:0}
.rngo-ag2 .rngo-ag2-more{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;height:30px;min-height:30px;margin:0;padding:0 10px!important;border:1px solid #dbeaf3!important;border-radius:9px!important;background:#f8fbfd!important;color:var(--rngo-blue)!important;font-size:11px!important;font-weight:750;line-height:1!important;box-shadow:none!important;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.rngo-ag2 .rngo-ag2-more:hover{background:#eef8fe!important;border-color:#9fd9f9!important;color:#117dbb!important}
.rngo-ag2-more span{font-size:14px;line-height:1}
/* Extra items expand only within the LEFT playlist column. */
.rngo-ag2-extras{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0;max-height:480px;overflow-y:auto;overscroll-behavior:contain;padding:10px 3px 2px 0;margin:0;border-top:1px solid var(--rngo-line);animation:rngo-ag2-reveal .25s ease}
.rngo-ag2-extras .rngo-ag2-video{min-height:91px}
.rngo-ag2-extras .rngo-ag2-visual{flex-basis:104px;width:104px}
.rngo-ag2 :focus-visible{outline:2px solid var(--rngo-blue)!important;outline-offset:3px}
@keyframes rngo-ag2-reveal{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1020px){.rngo-ag2-layout{grid-template-columns:minmax(0,53%) minmax(0,1fr);gap:15px}.rngo-ag2-visual{flex-basis:96px;width:96px}.rngo-ag2-video{min-height:86px;gap:9px;padding:7px!important}.rngo-ag2-side-list{gap:8px}.rngo-ag2 .rngo-ag2-card-title{font-size:12px}.rngo-ag2 .rngo-ag2-card-desc{font-size:10.5px}}
@media(max-width:760px){.rngo-ag2-layout,.rngo-ag2-layout--single{grid-template-columns:minmax(0,1fr)}.rngo-ag2-visual{flex-basis:112px;width:112px}.rngo-ag2-video{min-height:93px}.rngo-ag2-side{gap:8px}}
@media(max-width:420px){.rngo-ag2{padding:12px;border-radius:14px}.rngo-ag2-player{border-radius:10px}.rngo-ag2-current{padding:11px 1px 0}.rngo-ag2 .rngo-ag2-current-title{font-size:16px!important}.rngo-ag2-visual{flex-basis:98px;width:98px}.rngo-ag2-video{min-height:85px;gap:9px}.rngo-ag2 .rngo-ag2-card-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rngo-ag2 *{animation:none!important;transition:none!important}}