:root{--reel-purple:#6b3fd5;--reel-deep:#180b3f;--reel-pink:#ff4f9a;--reel-yellow:#ffd84f;--reel-mint:#58dfbd}
.reels-page{min-height:100vh;background:radial-gradient(circle at 10% 8%,#ffdf6c33,transparent 28%),radial-gradient(circle at 90% 18%,#ff63a633,transparent 26%),linear-gradient(145deg,#16083e,#351777 58%,#16083e);padding:34px 18px 70px;color:#fff}
.reels-intro{max-width:720px;margin:0 auto 24px;text-align:center}.reels-intro>span{display:inline-flex;background:#ffffff16;border:1px solid #ffffff2b;border-radius:999px;padding:7px 14px;color:#ffe76e;font-weight:800}.reels-intro h1{font-size:clamp(28px,5vw,48px);margin:14px 0 8px}.reels-intro p{margin:0;color:#e9e1ff;line-height:1.9}
.reels-feed{height:min(78vh,760px);max-width:430px;margin:auto;overflow-y:auto;scroll-snap-type:y mandatory;border-radius:30px;box-shadow:0 28px 80px #07021899;scrollbar-width:none;background:#0b061c}.reels-feed::-webkit-scrollbar{display:none}.reel-card{height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always}.reel-media{position:relative;height:100%;overflow:hidden;background:#0c071d}.reel-media>img{width:100%;height:100%;object-fit:cover;display:block}.reel-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1109230a 40%,#0e071dd9 83%,#0e071df7)}
.reel-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:76px;height:76px;border:0;border-radius:50%;background:#fff;color:var(--reel-purple);box-shadow:0 12px 35px #0008;cursor:pointer;display:grid;place-items:center;font-size:31px;transition:.2s}.reel-play:hover,.reel-play:focus-visible{transform:translate(-50%,-50%) scale(1.08);outline:4px solid #ffd84faa}.reel-play span{margin-left:5px}.reel-copy{position:absolute;z-index:2;right:22px;left:22px;bottom:25px}.reel-badges{display:flex;flex-wrap:wrap;gap:8px}.reel-badges span{display:inline-flex;background:#ffffff1c;border:1px solid #ffffff3d;border-radius:999px;padding:6px 11px;font-size:13px;backdrop-filter:blur(9px)}.reel-copy h2{font-size:26px;margin:10px 0 4px}.reel-copy p{font-size:14px;line-height:1.8;margin:0 0 12px;color:#f1ecff}.reel-copy a{color:#1d103a;background:var(--reel-yellow);text-decoration:none;border-radius:12px;padding:9px 13px;font-weight:800;display:inline-flex}.reel-media iframe{position:absolute;z-index:4;inset:0;width:100%;height:100%;border:0;background:#000}.reel-media.is-playing .reel-play,.reel-media.is-playing .reel-copy,.reel-media.is-playing .reel-shade{display:none}.reels-tip{text-align:center;color:#d8cdf8;font-size:13px}.reels-empty{max-width:620px;margin:60px auto;background:#ffffff12;border:1px solid #ffffff24;border-radius:28px;text-align:center;padding:45px}.reels-empty span{font-size:52px}
.reel-watch{max-width:1160px;margin:auto;padding:42px 20px 80px}.reel-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;color:#8a7da2;margin-bottom:24px}.reel-breadcrumb a{color:var(--reel-purple);text-decoration:none}.reel-watch-grid{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:50px;align-items:start}.reel-watch-player{aspect-ratio:9/16;border-radius:30px;overflow:hidden;background:#0b061c;box-shadow:0 28px 70px #341a721f}.reel-watch-player iframe{width:100%;height:100%;border:0;display:block}.reel-watch-copy{padding-top:28px}.reel-watch-copy .reel-badges span{background:#6b3fd510;color:#5b32b9;border-color:#6b3fd52c}.reel-watch-copy h1{font-size:clamp(30px,5vw,52px);line-height:1.45;margin:16px 0}.reel-lead{font-size:18px;line-height:2;color:#564b68}.reel-keyword{padding:14px 18px;border-radius:16px;background:#fff4c7;color:#4b3768}.reel-transcript{margin-top:25px;padding-top:10px;border-top:1px solid #e6def1;line-height:2.2}.reel-transcript h2{font-size:22px}.reel-back{display:inline-flex;margin-top:22px;background:var(--reel-purple);color:#fff;text-decoration:none;padding:13px 18px;border-radius:14px;font-weight:800}
@media(max-width:760px){body>header{padding:14px 4%;flex-wrap:wrap;gap:10px}body>header nav{display:flex;overflow:auto;max-width:100%;white-space:nowrap}body>header nav a{font-size:13px}.reels-page{padding:20px 0 0}.reels-intro{padding:0 18px}.reels-intro h1{font-size:28px}.reels-feed{height:calc(100svh - 175px);max-width:none;border-radius:24px 24px 0 0}.reel-watch{padding-top:24px}.reel-watch-grid{grid-template-columns:1fr;gap:20px}.reel-watch-player{max-width:430px;width:100%;margin:auto}.reel-watch-copy{padding-top:0}}
@media(prefers-reduced-motion:reduce){.reel-play{transition:none}.reels-feed{scroll-behavior:auto}}

/* Keep Persian display lettering in headings; use a readable text face for copy. */
.reels-intro{max-width:850px}
.reels-intro h1{font-size:clamp(25px,3.2vw,36px);line-height:1.65;text-wrap:balance;margin:16px 0 12px;overflow-wrap:break-word}
.reels-intro p,.reel-copy,.reels-tip,.reel-lead,.reel-keyword,.reel-transcript,.reel-breadcrumb,.reel-badges,.reel-back{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal}
.reels-intro p{font-size:15px;line-height:2;max-width:640px;margin-inline:auto;text-wrap:pretty}
.reel-copy{right:20px;left:20px;bottom:20px;max-height:48%;overflow-y:auto;overflow-wrap:anywhere;scrollbar-width:thin}
.reel-card{--reel-accent:#80eaff;--reel-accent-deep:#1677b8;--reel-title:#f5fdff}.reel-theme-sky{--reel-accent:#80eaff;--reel-accent-deep:#1677b8;--reel-title:#f5fdff}.reel-theme-sun{--reel-accent:#ffe66b;--reel-accent-deep:#cd7c00;--reel-title:#fff4b8}.reel-theme-ocean{--reel-accent:#63f0d0;--reel-accent-deep:#008f8e;--reel-title:#cbfff3}.reel-theme-jungle{--reel-accent:#b8ef72;--reel-accent-deep:#337d39;--reel-title:#e9ffbc}.reel-theme-berry{--reel-accent:#ff9cce;--reel-accent-deep:#bc276a;--reel-title:#ffe0f1}
.reel-copy h2{font-size:21px;line-height:1.7;font-weight:800;text-wrap:pretty;unicode-bidi:plaintext;color:var(--reel-title);text-shadow:0 2px 0 #100720,0 4px 16px #000e,0 0 2px #000;}
.reel-card .reel-badges span{background:color-mix(in srgb,var(--reel-accent-deep) 68%,#160a2f 32%);border-color:var(--reel-accent);color:#fff;box-shadow:0 3px 14px #0005}
.reel-card .reel-copy a{background:var(--reel-accent);color:#170b35;box-shadow:0 7px 17px #0005}
.reel-copy p{line-height:1.95;unicode-bidi:plaintext}
.reel-copy a{font-size:13px;line-height:1.8;text-align:center}
.reel-badges{line-height:1.8}
.reel-badges span{max-width:100%;overflow-wrap:anywhere}
.reel-play{top:34%}
.reel-watch-copy h1{font-size:clamp(26px,3.5vw,40px);line-height:1.7;overflow-wrap:anywhere;text-wrap:pretty;unicode-bidi:plaintext}
.reel-lead,.reel-transcript p{unicode-bidi:plaintext;overflow-wrap:anywhere}
@media(max-width:760px){
  .reels-intro h1{font-size:clamp(24px,6vw,30px)}
  .reels-intro p{font-size:14px}
  .reels-feed{min-height:560px}
  .reel-copy h2{font-size:20px}
}

/* V4.3 age filters: preserve deployed reel styling and add accessible age navigation. */
.reel-age-filters{max-width:980px;margin:0 auto 18px;display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}.reel-age-filters a{flex:0 0 auto;color:#f6f0ff;text-decoration:none;background:#ffffff12;border:1px solid #ffffff35;border-radius:999px;padding:9px 13px;font-size:13px;line-height:1.5}.reel-age-filters a[aria-current=page]{color:#1d103a;background:var(--reel-yellow);border-color:var(--reel-yellow);font-weight:800}.reel-age-guidance{max-width:850px;margin:0 auto 18px;padding:12px 16px;border:1px solid #ffd84f88;border-radius:16px;background:#ffd84f14;color:#fff4c1;line-height:1.9;font-size:14px}.reels-empty p{line-height:1.9}
@media(max-width:600px){.reels-page{padding:22px 12px 48px}.reel-age-filters{margin-bottom:12px}.reel-age-filters a{font-size:12px;padding:8px 11px}.reel-age-guidance{font-size:13px;padding:10px 12px}}

/* Instagram-inspired gallery v2: image-first 3:4 tiles with a shared, orientation-aware player. */
.reels-page[data-reels-gallery]{max-width:1180px;margin-inline:auto;padding:30px 22px 72px;color:#f7f1ff}
.gallery-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0 2px 22px;border-bottom:1px solid #ffffff20}
.gallery-brand{display:flex;align-items:center;gap:13px}.gallery-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,#ffe36e,#ffc64b);color:#32165c;font-size:27px;box-shadow:0 8px 25px #ffc64b22}
.gallery-brand p{margin:0;color:#cbb9eb;font-size:12px}.gallery-brand h1{margin:2px 0 0;font-size:clamp(21px,3vw,29px);line-height:1.5}.gallery-intro{max-width:410px;margin:0;color:#cbbfe0;font-size:13px;line-height:1.9}
.gallery-collections{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 15px}.gallery-collections a{display:grid;place-items:center;min-height:47px;border:1px solid #ffffff27;border-radius:14px;color:#ddd1f1;text-decoration:none;font-size:14px;font-weight:700;background:#ffffff08}.gallery-collections a[aria-current=page]{color:#251145;border-color:#ffdc68;background:linear-gradient(110deg,#ffe67b,#ffc957);box-shadow:0 8px 24px #ffcf4d17}
.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.gallery-tools .reel-age-filters{flex:1;max-width:none;margin:0;min-width:0}.gallery-search{flex:0 0 min(290px,34%);display:flex;align-items:center;gap:8px;padding:0 13px;height:40px;border:1px solid #ffffff24;border-radius:12px;background:#160f2b;color:#bca8da}.gallery-search span{font-size:24px}.gallery-search input{width:100%;border:0;outline:0;background:transparent;color:white;font:inherit;font-size:12px}.gallery-search input::placeholder{color:#a99cbd}.gallery-note{margin:4px 0 13px;color:#bdb0d2;font-size:12px;line-height:1.8}
.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.reel-card{min-width:0;overflow:hidden;border:1px solid #ffffff17;border-radius:15px;background:#17102b;box-shadow:0 8px 25px #0002}.reel-card[hidden]{display:none}.reel-card-open{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;text-align:inherit}.reel-cover{position:relative;display:block;overflow:hidden;aspect-ratio:3/4;background:radial-gradient(ellipse at 50% 30%,#48306e,#100a20 70%)}.reel-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.reel-card-open:hover .reel-cover img{transform:scale(1.035)}.reel-cover.has-source-poster img{object-fit:contain;background:#0d0917}.reel-cover-mark{position:absolute;right:11px;bottom:11px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#ffffffed;color:#6536d8;font-size:12px;box-shadow:0 3px 12px #0003}.reel-duration{position:absolute;left:9px;bottom:10px;padding:4px 6px;border-radius:5px;background:#090714d9;color:white;font:11px/1 Tahoma,Arial,sans-serif;direction:ltr}
.reel-card-caption{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 10px 2px}.reel-card-caption h2{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;color:#f9f4ff;font-size:12px;line-height:1.7}.reel-card-caption p{margin:3px 0 0;color:#b8a9ce;font-size:10px;line-height:1.6}.reel-card-caption>a{flex:0 0 27px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffff12;color:#ffdc69;text-decoration:none}.reel-credit{margin:1px 10px 9px;color:#d9c7f3;font-size:10px}.gallery-no-results{padding:30px;text-align:center;color:#d7cbed}.gallery-no-results[hidden]{display:none}
.reels-page .reels-empty{margin:28px auto;max-width:600px;padding:32px 20px;border:1px solid #ffffff1c;border-radius:18px;background:#ffffff08;text-align:center}.reels-page .reels-empty h2{font-size:19px}.reels-page .reels-empty p{color:#cbbfe0}
.reel-player-dialog{position:fixed;inset:50% auto auto 50%;margin:0;transform:translate(-50%,-50%);width:min(94vw,430px);max-width:none;max-height:94dvh;overflow:visible;padding:10px;border:1px solid #ffffff25;border-radius:20px;background:#130d23;color:white;box-shadow:0 24px 90px #000b}.reel-player-dialog::backdrop{background:#080512d9;backdrop-filter:blur(7px)}.reel-dialog-close{position:absolute;z-index:2;top:17px;right:17px;width:36px;height:36px;border:1px solid #ffffff50;border-radius:50%;background:#100a20d9;color:white;font-size:25px;line-height:1;cursor:pointer}.reel-dialog-frame{width:100%;aspect-ratio:9/16;max-height:72dvh;overflow:hidden;border-radius:13px;background:#06040b}.reel-dialog-frame iframe{display:block;width:100%;height:100%;border:0}.reel-player-dialog.is-landscape{width:min(94vw,900px)}.reel-player-dialog.is-landscape .reel-dialog-frame{aspect-ratio:16/9;max-height:66dvh}.reel-dialog-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 5px 2px}.reel-dialog-caption h2{margin:0;font-size:14px;line-height:1.7}.reel-dialog-caption p{margin:2px 0 0;color:#c6b8db;font-size:11px}.reel-dialog-caption a{flex:0 0 auto;color:#ffdc69;font-size:12px}
.reel-watch-grid--landscape{grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr)}.reel-watch-grid--landscape .reel-watch-player{aspect-ratio:16/9;align-self:start}.reel-watch-grid--portrait .reel-watch-player{aspect-ratio:9/16}
@media(max-width:700px){.reels-page[data-reels-gallery]{padding:20px 10px 54px}.gallery-header{display:block;padding-bottom:15px}.gallery-intro{margin:9px 2px 0;font-size:12px}.gallery-collections{margin:13px 0 10px}.gallery-collections a{min-height:43px;font-size:12px}.gallery-tools{display:block}.gallery-tools .reel-age-filters{margin-bottom:8px}.gallery-search{width:100%;height:38px}.reels-grid{gap:8px}.reel-card{border-radius:10px}.reel-cover-mark{right:7px;bottom:7px;width:27px;height:27px}.reel-duration{left:5px;bottom:6px;font-size:9px}.reel-card-caption{padding:6px 6px 1px;align-items:flex-start}.reel-card-caption h2{font-size:10px;line-height:1.55}.reel-card-caption p{font-size:9px}.reel-card-caption>a{flex-basis:22px;width:22px;height:22px}.reel-credit{margin:0 6px 6px;font-size:9px}.reel-card-caption h2,.reel-card-caption p,.reel-credit{display:none}.reel-player-dialog{width:min(96vw,390px);padding:7px}.reel-player-dialog.is-landscape{width:96vw}.reel-player-dialog.is-landscape .reel-dialog-frame{max-height:52dvh}.reel-dialog-frame{max-height:74dvh}}
@media(prefers-reduced-motion:reduce){.reel-cover img{transition:none}}

/* V3 scoped typography and inline playback */
body.jk-public main[data-reels-gallery] .gallery-brand h1{font-family:var(--display-font);font-size:clamp(23px,2.5vw,30px);font-weight:600;line-height:1.5;margin:0}
body.jk-public main[data-reels-gallery] .gallery-intro{font-family:var(--body-font);font-size:12px;line-height:1.8;color:#bcafcf;max-width:370px}
body.jk-public main[data-reels-gallery] .gallery-collections{display:flex;gap:28px;border-bottom:1px solid #ffffff16;margin:18px 0 14px}
body.jk-public main[data-reels-gallery] .gallery-collections a{min-height:44px;padding:0 3px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none;font-family:var(--body-font);font-size:13px;font-weight:600;color:#c3b5d9}
body.jk-public main[data-reels-gallery] .gallery-collections a[aria-current=page]{color:#ffdd75;border-bottom-color:#ffdd75;background:none}
body.jk-public main[data-reels-gallery] .reel-card{border-color:#ffffff12;background:#171025;box-shadow:none;border-radius:13px}
body.jk-public main[data-reels-gallery] .reel-card-caption{padding:10px 12px 12px;gap:10px;align-items:center}
body.jk-public main[data-reels-gallery] .reel-card-caption h2{font-family:var(--body-font);font-size:13px;font-weight:600;line-height:1.65;letter-spacing:0;margin:0;min-height:0;max-height:2.2em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext}
body.jk-public main[data-reels-gallery] .reel-card-caption p{font-family:var(--body-font);font-size:10px;line-height:1.6;margin:5px 0 0;color:#a596b9}
body.jk-public main[data-reels-gallery] .reel-card-caption a{font-family:var(--body-font);font-size:12px;min-width:24px;width:24px;height:24px;background:none;color:#b29ecc}
body.jk-public main[data-reels-gallery] .reel-cover-mark{width:27px;height:27px;background:#130c22a3;border:1px solid #ffffff50;color:#fff;font-size:10px;box-shadow:none}
body.jk-public main[data-reels-gallery] .reels-empty h2{font-family:var(--body-font);font-size:18px;line-height:1.7}
@media(max-width:700px){body.jk-public main[data-reels-gallery] .gallery-collections{justify-content:center;gap:25px}body.jk-public main[data-reels-gallery] .reel-card-caption,body.jk-public main[data-reels-gallery] .reel-credit{display:none}body.jk-public main[data-reels-gallery] .reels-grid{gap:5px}body.jk-public main[data-reels-gallery] .reel-card{border-radius:7px}body.jk-public main[data-reels-gallery] .gallery-intro{font-size:11px}body.jk-public main[data-reels-gallery] .gallery-brand h1{font-size:23px}}
body.jk-public main[data-reels-gallery] .reel-card-open{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:inherit}
body.jk-public main[data-reels-gallery] .reel-card-open:focus-visible{outline:3px solid #ffdc69;outline-offset:3px;z-index:2}
body.jk-public main[data-reels-gallery] .reel-cover{isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none}
body.jk-public main[data-reels-gallery] .reel-inline-player{position:absolute;z-index:1;inset:0;display:block;background:#080512}
body.jk-public main[data-reels-gallery] .reel-inline-player:empty{display:none}
body.jk-public main[data-reels-gallery] .reel-inline-player video,body.jk-public main[data-reels-gallery] .reel-inline-player iframe{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#080512}
body.jk-public main[data-reels-gallery] .reel-cover.is-playing .reel-cover-mark,body.jk-public main[data-reels-gallery] .reel-cover.is-previewing .reel-cover-mark{display:none}
body.jk-public main[data-reels-gallery] .reel-cover.is-previewing .reel-inline-player video{pointer-events:none}
body.jk-public main[data-reels-gallery] .reel-member-lock{position:absolute;z-index:3;inset:auto 10px 10px;padding:10px;border:1px solid #ffffff40;border-radius:12px;background:#130c22ed;color:white;text-align:center;font:12px/1.7 var(--body-font,Tahoma,Arial,sans-serif)}
body.jk-public main[data-reels-gallery] .reel-member-lock[hidden]{display:none}
body.jk-public main[data-reels-gallery] .reel-member-lock a{display:inline-flex;margin-inline-start:8px;color:#21133a;background:#ffdc69;border-radius:8px;padding:4px 9px;text-decoration:none;font-weight:700}