/* v135 editorial listening + curated video discovery. Scoped: new pages and explicit promos only. */
.sbs135-body{margin:0!important;background:#0e0b20;color:#f8f1fb;min-height:100vh;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.sbs135-body *{box-sizing:border-box}
.sbs135-body a{color:inherit}
.sbs135-body .skip-link{position:absolute;left:12px;top:-100px;background:#efcd94;color:#2b1934;padding:10px;z-index:100;white-space:nowrap}.sbs135-body .skip-link:focus{top:8px}
.sbs135-body button{font-family:inherit}
.sbs135-page{padding-bottom:95px;background:linear-gradient(#100e25,#18102d 36%,#1a1430 85%,#120c21)}
.sbs135-container{width:min(1110px,calc(100% - 36px));margin-inline:auto}
.sbs135-top{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:12px max(18px,calc((100vw - 1110px)/2));background:#100b24;border-bottom:1px solid rgba(228,198,155,.18)}
.sbs135-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none!important;font-size:16px;font-weight:750;letter-spacing:-.02em;white-space:nowrap}
.sbs135-brand img{border-radius:10px}
.sbs135-simple-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sbs135-simple-nav a{border-radius:999px;text-decoration:none!important;color:#e8def4;padding:11px 13px;font-size:13px;font-weight:650;white-space:nowrap}
.sbs135-simple-nav a:hover,.sbs135-simple-nav a:focus-visible{background:#38244e;color:#fff}
.sbs135-eyebrow{font-size:11px!important;letter-spacing:.17em!important;font-weight:800!important;color:#e7c58d!important;margin:0 0 14px!important}
.sbs135-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 46%,rgba(100,54,132,.52),transparent 45%),linear-gradient(125deg,#0f102c 5%,#222044 60%,#3c2246)}
.sbs135-banner::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#fff 1px,transparent 1px);background-size:53px 79px,97px 125px;background-position:9px 23px,41px 35px}
.sbs135-banner-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center;padding-top:75px;padding-bottom:75px}
.sbs135-banner h1,.sbs135-feed-intro h1{font:400 clamp(3rem,7vw,5.5rem)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#fff;margin:0 0 22px}
.sbs135-banner h1 em,.sbs135-feed-intro h1 em{color:#f3cc91;font-style:italic}
.sbs135-banner-grid>div:first-child>p:not(.sbs135-eyebrow),.sbs135-feed-intro .sbs135-container>p:not(.sbs135-eyebrow){font-size:clamp(16px,2vw,19px);line-height:1.65;color:#e8deea;max-width:600px;margin:0 0 24px}
.sbs135-cta-row,.sbs135-chips,.sbs135-feed-pills,.sbs135-below{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sbs135-primary,.sbs135-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border-radius:14px;padding:15px 21px;font-weight:800;font-size:14px;min-height:48px}
.sbs135-primary{background:linear-gradient(112deg,#f3db9e,#e2b771);color:#28152c!important;box-shadow:0 8px 25px #0705184d}
.sbs135-primary:hover{background:#ffe6af}
.sbs135-secondary{border:1px solid #eee2ef91;background:#ffffff0d;color:white!important}
.sbs135-play-mark{margin-right:10px}
.sbs135-chips{margin-top:27px;font-size:11px;font-weight:650;letter-spacing:.02em;color:#efdfc7;gap:18px}
.sbs135-chips span::before{content:'✦';color:#e2bf7f;margin-right:7px}
.sbs135-intro-art{min-height:370px;border-radius:30px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#18153852 2%,#141b43cc 72%,#121424fc),url('/assets/hero/home-mosque-v55.webp') center/cover;box-shadow:inset 0 0 0 1px #f8e6c63d,0 18px 46px #0809195e}
.sbs135-art-sigil{font-size:74px;color:#f5deb0;text-shadow:0 0 45px #f5b763a8}
.sbs135-art-words{font:400 36px/1.8 Georgia,serif;text-align:center;color:#fff5dd;text-shadow:0 4px 10px #0b0b29}
.sbs135-art-words small{display:block;font:500 14px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:#f5ddb5}
.sbs135-listen-section{padding-top:68px;padding-bottom:62px}
.sbs135-section-head{text-align:center;max-width:710px;margin:0 auto 28px}
.sbs135-section-head h2,.sbs135-discovery-banner h2,.sbs135-clear h2,.sbs135-reels-heading h2{font:400 clamp(2rem,4vw,3rem)/1.12 Georgia,serif;color:#fff;margin:0 0 13px;letter-spacing:-.025em}
.sbs135-section-head>p:not(.sbs135-eyebrow),.sbs135-discovery-banner p:not(.sbs135-eyebrow),.sbs135-clear p,.sbs135-reels-heading p:not(.sbs135-eyebrow){color:#d1c3db;font-size:15px;line-height:1.7}
.sbs135-time-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:19px}
.sbs135-time-tabs button,.sbs135-feed-filters button{appearance:none;cursor:pointer;font:750 14px system-ui;border:1px solid #99829e78;color:#f0e3f9;border-radius:13px;background:#2c1c3f;padding:14px 10px;min-height:49px}
.sbs135-time-tabs button[aria-selected=true],.sbs135-feed-filters button[aria-pressed=true]{color:#301b34;border-color:#f6d89d;background:#efce96}
.sbs135-time-tabs button span{margin-right:8px}
.sbs135-listen-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px}
.sbs135-listen-choices,.sbs135-listen-player{border:1px solid #795f8c8a;background:linear-gradient(130deg,#29203e,#1a1735);border-radius:23px;padding:24px;min-width:0;box-shadow:0 20px 40px #0807194d}
.sbs135-listen-choices h3{font:400 30px Georgia,serif;margin:0 0 9px;color:#fff}
.sbs135-listen-choices>p{font-size:14px;line-height:1.6;color:#d1c3db;margin:0 0 21px}
.sbs135-recording{display:flex;width:100%;text-align:left;align-items:center;gap:15px;padding:17px 12px;margin:0 0 10px;cursor:pointer;border-radius:16px;border:1px solid #77628475;background:#ffffff0a;color:#fff}
.sbs135-recording:hover,.sbs135-recording:focus-visible,.sbs135-recording[aria-pressed=true]{background:#70507a55;border-color:#edcf9c}
.sbs135-recording-play{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #f2dcac;background:#ebcc9752;border-radius:50%;font-size:16px;color:#ffeaac}
.sbs135-recording strong,.sbs135-recording small{display:block}
.sbs135-recording strong{font-size:14px;line-height:1.45}
.sbs135-recording small{font-size:12px;color:#d6c5dd;margin-top:4px;line-height:1.45}
.sbs135-read-guide{display:inline-block;margin-top:14px;color:#f8dca5!important;font-weight:750;font-size:14px}
.sbs135-current{margin-bottom:15px;display:grid;gap:6px}
.sbs135-current-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:#e5c58f}
.sbs135-current strong{font:400 27px Georgia,serif}
.sbs135-current small{color:#d9c8df;font-size:13px}
.sbs135-player-stage{position:relative;display:grid;place-content:center;gap:11px;text-align:center;aspect-ratio:16/9;background:radial-gradient(circle at 50% 20%,#413159,#100c23);border:1px solid #a28baf91;border-radius:17px;overflow:hidden;color:#e7d8e9}
.sbs135-player-stage>span{font-size:46px;color:#ebcf9c}
.sbs135-player-stage>p{margin:0 20px 22px;font-size:13px}
.sbs135-player-stage iframe,.sbs135-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sbs135-source-link{display:inline-block;font-size:13px;color:#f2d79b!important;font-weight:700;margin-top:12px}
.sbs135-privacy{font-size:11px;line-height:1.6;color:#c1b1ca;margin:12px 0 0}
.sbs135-below{justify-content:center;margin-top:22px;gap:8px 22px}
.sbs135-below a{color:#ead29f!important;text-decoration:underline;text-underline-offset:5px;font-size:13px}
.sbs135-discovery-banner{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;border-radius:24px;padding:28px;background:linear-gradient(110deg,#44295a,#2b2347 58%,#2b465c);box-shadow:inset 0 0 0 1px #a994a988}
.sbs135-discovery-icon{display:grid;place-items:center;background:#f1d6a5;color:#362442;border-radius:25px;width:86px;height:86px;font-size:32px}
.sbs135-discovery-banner h2{font-size:30px}
.sbs135-discovery-banner p{margin:0}
.sbs135-clear{padding:54px 0 8px;max-width:940px}
.sbs135-clear h2{font-size:26px}
.sbs135-clear a{color:#f1cc8d}
.sbs135-foot{padding:35px max(18px,calc((100vw - 1110px)/2));background:#0e091c;border-top:1px solid #694e74;color:#e3d5e6;font-size:13px}
.sbs135-foot>span{font-weight:800}.sbs135-foot nav{display:flex;gap:15px;flex-wrap:wrap;margin:14px 0}.sbs135-foot a{color:#f1dbaf!important}.sbs135-foot p{font-size:12px;line-height:1.55;opacity:.8;max-width:850px}
.sbs135-feed-intro{background:radial-gradient(ellipse at 80% 20%,#4e325e,transparent 42%),linear-gradient(110deg,#14132e,#262044);padding:57px 0 42px}
.sbs135-feed-intro h1{font-size:clamp(2.9rem,6vw,4.8rem)}
.sbs135-feed-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.sbs135-feed-pills a{border-radius:999px;text-decoration:none!important;padding:10px 15px;font-weight:700;background:#f6e0b31a;border:1px solid #f6e0b36e;color:#ffe9bc!important;font-size:13px}
.sbs135-reels-shell{width:min(980px,calc(100% - 24px));margin:0 auto;padding:30px 0 20px}
.sbs135-reels-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}
.sbs135-reels-heading h2{font-size:28px}
.sbs135-reels-heading p:not(.sbs135-eyebrow){margin:0 0 14px;font-size:13px}
.sbs135-counter{text-align:right;color:#f0d399;font-size:27px;font-weight:800;white-space:nowrap}
.sbs135-counter-desc{display:block;font-size:9px;letter-spacing:.14em;color:#d3c0d8}
.sbs135-feed-filters{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.sbs135-feed-filters button{min-height:42px;padding:10px 14px;border-radius:999px;font-size:13px}
.sbs135-feed-layout{display:grid;grid-template-columns:minmax(0,470px) 66px;justify-content:center;align-items:center;gap:19px}
.sbs135-rail{height:min(76vh,730px);min-height:430px;border:1px solid #71547e;border-radius:23px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:thin;background:#111029;outline-offset:3px;box-shadow:0 15px 65px #03020d70}
.sbs135-reel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:start;scroll-snap-stop:always;height:100%;min-height:100%;overflow:hidden;padding:0;isolation:isolate;background:#14162e}
.sbs135-reel::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b0e25ab 0%,#20133133 35%,#070919f5 100%),url('/assets/hero/home-mosque-v55-mobile.webp') center/cover;filter:saturate(.95)}
.sbs135-reel:nth-child(2n)::before{background-image:linear-gradient(180deg,#1f1233c9,#130d1b00 35%,#090714f2 100%),url('/assets/hero/home-mosque-v55.webp')}
.sbs135-reel[data-category=adhkar]::before{filter:hue-rotate(23deg)}
.sbs135-reel[data-category=learning]::before{filter:hue-rotate(120deg)}
.sbs135-reel-top{position:absolute;left:17px;right:17px;top:18px;display:flex;justify-content:space-between;align-items:center;z-index:3}
.sbs135-reel-category,.sbs135-reel-format{font-size:11px;font-weight:800;background:#130c22c9;border:1px solid #e7cc8a78;border-radius:999px;padding:7px 11px;color:#ffe8ba}
.sbs135-reel-main{display:grid;place-items:center;position:absolute;inset:40px 20px 190px;z-index:2}
.sbs135-video-frame{position:absolute;inset:0;overflow:hidden;border-radius:12px;display:grid;place-items:center}
.sbs135-play-video{display:grid;place-items:center;width:87px;height:87px;border-radius:50%;border:2px solid #ffe7ae;background:#e4ba79eb;color:#21142a;cursor:pointer;box-shadow:0 10px 50px #0404179c;font-size:32px;transition:transform .2s}
.sbs135-play-video:hover,.sbs135-play-video:focus-visible{transform:scale(1.07)}
.sbs135-reel-copy{position:relative;z-index:2;padding:22px 24px 21px;background:linear-gradient(transparent,#100c21e6 20%)}
.sbs135-reel-copy h3{color:#fff;font:400 clamp(1.5rem,4vw,2rem)/1.12 Georgia,serif;letter-spacing:-.02em;margin:0 0 10px}
.sbs135-reel-copy p{margin:0 0 9px;color:#e8deeb;font-size:12px;line-height:1.5}
.sbs135-reel-copy .sbs135-reel-source{font-weight:800;color:#f8d79f}
.sbs135-reel-copy a{color:#f8d79f!important;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.sbs135-rail-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.sbs135-rail-actions button,.sbs135-rail-actions a{display:grid;place-items:center;gap:5px;border-radius:16px;background:#342446;border:1px solid #a18caf;color:#f6e8f7;text-decoration:none!important;padding:14px 2px;cursor:pointer;font-size:29px;line-height:1}
.sbs135-rail-actions small{font-size:10px;font-weight:800}
.sbs135-rail-actions button:disabled{opacity:.45;cursor:not-allowed}
.sbs135-feed-hint{max-width:680px;margin:15px auto;color:#c9bacd;font-size:12px;text-align:center;line-height:1.65}
.sbs135-loading{padding:40px;text-align:center;color:#ecd5ef}
/* Home and existing page promotions only — never alter old page layouts generically. */
.sbs135-home-promo{width:min(1150px,calc(100% - 30px));margin:24px auto 34px;padding:23px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:19px;border:1px solid #d8ba86;border-radius:24px;background:linear-gradient(110deg,#241640,#443257 58%,#253952);box-shadow:0 15px 35px #14162a35;color:#fff;position:relative;z-index:1}
.sbs135-home-promo .sbs135-home-icon{display:grid;place-items:center;background:#f0d096;color:#322442;width:70px;height:70px;border-radius:20px;font-size:28px}
.sbs135-home-promo p{margin:0 0 5px;font-size:11px;color:#f1d499;font-weight:800;letter-spacing:.15em}
.sbs135-home-promo h2{font:400 25px Georgia,serif;color:#fff;margin:0 0 7px}
.sbs135-home-promo small{font-size:13px;color:#ebdcf0;line-height:1.5}
.sbs135-home-links{display:flex;gap:9px;flex-wrap:wrap}
.sbs135-home-links a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 15px;text-decoration:none!important;border-radius:11px;font-size:13px;font-weight:800;color:#392136!important;background:#f6d49c}
.sbs135-home-links a:last-child{background:#ffffff12;border:1px solid #f6d49c;color:#fff!important}
.sbs135-bridge{width:min(1050px,calc(100% - 28px));margin:22px auto;padding:23px;border-radius:20px;border:1px solid #dec18bb3;background:linear-gradient(125deg,#271941,#443457);color:white;display:flex;align-items:center;justify-content:space-between;gap:18px}
.sbs135-bridge h2{font:400 27px Georgia,serif;color:white;margin:0 0 8px}.sbs135-bridge p{color:#e9def0;margin:0;font-size:14px}.sbs135-bridge a{display:inline-block;background:#efd399;border-radius:11px;padding:12px 16px;font-weight:800;text-decoration:none!important;color:#2d1c33!important;white-space:nowrap}
@media(max-width:850px){.sbs135-top{flex-wrap:wrap}.sbs135-simple-nav{width:100%;justify-content:space-between}.sbs135-banner-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:45px}.sbs135-intro-art{min-height:260px}.sbs135-discovery-banner{grid-template-columns:auto 1fr}.sbs135-discovery-banner>a{grid-column:1/-1;justify-self:start}.sbs135-home-promo{grid-template-columns:60px 1fr}.sbs135-home-links{grid-column:1/-1}}
@media(max-width:650px){.sbs135-container{width:min(100% - 26px,1110px)}.sbs135-top{padding:10px 12px;min-height:unset}.sbs135-brand{font-size:14px}.sbs135-brand img{width:31px;height:31px}.sbs135-simple-nav{gap:2px;flex-wrap:nowrap;overflow-x:auto}.sbs135-simple-nav a{padding:9px 7px;font-size:11px}.sbs135-banner-grid{padding-top:46px;padding-bottom:42px;gap:24px}.sbs135-banner h1{font-size:3.45rem}.sbs135-banner-grid>div:first-child>p:not(.sbs135-eyebrow){font-size:15px}.sbs135-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sbs135-primary,.sbs135-secondary{padding:12px 10px;font-size:12px}.sbs135-chips{font-size:10px;gap:8px 12px;margin-top:20px}.sbs135-intro-art{min-height:185px}.sbs135-art-sigil{font-size:46px}.sbs135-art-words{font-size:26px}.sbs135-listen-section{padding-top:45px}.sbs135-time-tabs{gap:6px}.sbs135-time-tabs button{font-size:11px;padding:10px 2px;min-height:52px}.sbs135-time-tabs button span{display:block;margin-right:0;font-size:17px;margin-bottom:4px}.sbs135-listen-grid{grid-template-columns:1fr}.sbs135-listen-choices,.sbs135-listen-player{padding:17px;border-radius:18px}.sbs135-discovery-banner{padding:20px;grid-template-columns:1fr}.sbs135-discovery-banner .sbs135-discovery-icon{width:62px;height:62px}.sbs135-discovery-banner>a{grid-column:auto}.sbs135-feed-intro{padding:34px 0 27px}.sbs135-feed-intro h1{font-size:3rem}.sbs135-feed-intro .sbs135-container>p:not(.sbs135-eyebrow){font-size:14px}.sbs135-feed-pills a{font-size:11px}.sbs135-reels-shell{padding:20px 0;width:calc(100% - 14px)}.sbs135-feed-filters{gap:5px}.sbs135-feed-filters button{font-size:11px;padding:9px 12px;min-height:38px}.sbs135-feed-layout{grid-template-columns:minmax(0,1fr) 46px;gap:7px}.sbs135-rail{height:calc(100dvh - 180px);min-height:440px;border-radius:16px}.sbs135-reel-main{inset:40px 9px 215px}.sbs135-rail-actions button,.sbs135-rail-actions a{font-size:24px;padding:14px 1px;border-radius:12px}.sbs135-rail-actions small{font-size:8px}.sbs135-reel-copy{padding:15px}.sbs135-reel-copy h3{font-size:1.5rem}.sbs135-reel-copy p{font-size:11px}.sbs135-reels-heading h2{font-size:22px}.sbs135-counter{font-size:19px}.sbs135-clear{padding-top:34px}.sbs135-home-promo{grid-template-columns:47px 1fr;gap:12px;padding:15px;width:calc(100% - 24px)}.sbs135-home-promo .sbs135-home-icon{width:47px;height:47px;border-radius:13px;font-size:19px}.sbs135-home-promo h2{font-size:21px}.sbs135-home-links{display:grid;grid-template-columns:1fr 1fr}.sbs135-home-links a{text-align:center;min-height:45px;font-size:12px;padding:9px 6px}.sbs135-bridge{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){.sbs135-play-video{transition:none}.sbs135-rail{scroll-behavior:auto!important}}