/* ===== RaconCodes theme — purple / magenta / gold, matching the brand badge =====
   Loaded LAST on every page. Colours only: no layout or functionality is changed. */
:root{
  --rc-bg:#14031f; --rc-bg2:#1d0630; --rc-card:#240a3c; --rc-card2:#2e1049;
  --rc-pink:#ff2fa0; --rc-magenta:#d21fd6; --rc-violet:#8a2be2; --rc-orange:#ff7a1a; --rc-gold:#ffb21b; --rc-gold2:#ffd457;
  --rc-ring:linear-gradient(120deg,#ff2fa0 0%,#d21fd6 38%,#ff6a3d 72%,#ffb21b 100%);
  --rc-glow:0 6px 18px rgb(0 0 0 / .28),inset 0 1px 0 rgb(255 255 255 / .09);
}
html{background:var(--rc-bg)}
body{background:transparent !important;overflow-x:clip}
.site-shell{background:transparent}
::selection{background:var(--rc-pink);color:#fff}

/* ---- cards: dark-purple glass with a neon pink -> orange edge (like the badge ring) ---- */
.plan-row,.bear-tile,.watch-card,.sl-panel,.ct-card,.ct-map-card,.ct-float-card,.dl-codebox,.guide-row,.m-item,.gallery-tile,.rs-card,.ac-card,.sv-card{
  position:relative;
  background:linear-gradient(160deg,rgb(52 16 84 / .88),rgb(26 7 44 / .94)) padding-box,var(--rc-ring) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:var(--rc-glow);
}
.plan-row.featured{box-shadow:0 8px 22px rgb(255 47 160 / .28)}
.plan-row:hover,.bear-tile:hover,.watch-card:hover{transform:translateY(-2px)}
.plan-row,.bear-tile,.watch-card{transition:box-shadow .25s,transform .25s}

/* ---- buttons: gold -> orange main button, neon outline for the second one ---- */
.primary-cta,.pill-cta,.footer-cta,.sv-cta,.dark-cta,.plan-row>a,.hero-actions .primary-cta,.mg-form button{
  background:linear-gradient(135deg,#ffd457 0%,#ffb21b 45%,#ff7a1a 100%) !important;color:#2a0838 !important;border:0 !important;
  box-shadow:0 8px 26px rgb(255 122 26 / .38),inset 0 1px 0 rgb(255 255 255 / .45);
}
.plan-row>a:hover,.primary-cta:hover,.pill-cta:hover{filter:brightness(1.07);box-shadow:0 10px 32px rgb(255 47 160 / .5)}
.outline-cta,.plan-row:not(.featured)>a{background:rgb(255 47 160 / .08) !important;color:#fff !important;border:1.5px solid var(--rc-pink) !important;box-shadow:0 0 20px rgb(255 47 160 / .25)}

/* ---- headlines & accents ---- */
.eyebrow::before{background:var(--rc-ring) !important}
h1 em,h2 em,.hero h1 .line em{background:linear-gradient(90deg,#ffd457,#ff9a2e 55%,#ff4fa8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration-color:var(--rc-pink)}
.brand span b,.footer-logo strong,.brand b{background:linear-gradient(90deg,#ffd457,#ff9a2e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ---- header / badge ring ---- */
.site-header{background:linear-gradient(135deg,rgb(44 12 72 / .82),rgb(22 5 38 / .82)) padding-box,var(--rc-ring) border-box !important;border:1.5px solid transparent !important;box-shadow:var(--rc-glow)}
.brand-badge,.footer-badge,.hero-medallion img{box-shadow:0 0 0 2px #ff2fa0,0 0 22px rgb(255 47 160 / .6) !important;border-radius:50%}
.hero-medallion img{box-shadow:0 0 0 3px #ff6a3d,0 0 34px rgb(255 47 160 / .75) !important}
.price-badge{box-shadow:0 0 36px rgb(255 122 26 / .5)}

/* ---- hero: purple wash + soft glow behind the raccoon ---- */
.hero{background:radial-gradient(900px 560px at 78% 45%,rgb(210 31 214 / .30),transparent 65%),#14031f}
.hero-band-bright{background:linear-gradient(90deg,#ff2fa0,#ffb21b) !important}
.hero-band-soft{background:linear-gradient(90deg,rgb(255 47 160 / .35),rgb(255 178 27 / .25)) !important}

/* ---- top live bar, tags, small chips ---- */
.sv-topbar{background:linear-gradient(90deg,#ff2fa0,#d21fd6 45%,#ff7a1a) !important;color:#fff}
.sv-topbar *{color:#fff}
.sv-topbar-tag{background:rgb(0 0 0 / .28) !important}

/* ---- footer ---- */
footer,.site-footer{background:linear-gradient(180deg,#1b0630,#10021a) !important;border-top:2px solid transparent;border-image:var(--rc-ring) 1}

/* ---- scrollbar & focus ---- */
:focus-visible{outline:2px solid var(--rc-pink);outline-offset:2px}
*{scrollbar-color:#8a2be2 #14031f}
@media(prefers-reduced-motion:reduce){.plan-row,.bear-tile,.watch-card{transition:none}}

/* ===================== BACKGROUND (one light static picture) ===================== */
html{background:#14031f}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#14031f url(../images/art/bg2-d.webp) center/cover no-repeat}
@media(max-width:700px){body::before{background-image:url(../images/art/bg2-m.webp)}}

/* sections become see-through glass so the moving background shows */
.community-intro,.community-strip,.services-grid,.bear-tiles,.plans-section,.cp-home,.testimonials-section,.experience-showcase,.sl-hero,.sl-names,.ct-pagehead,.ct-faq,.cp-card,.dl-hero,.dl-section,.sv-wall,.about-section,.watch-section,.guide{
  background:linear-gradient(180deg,rgb(26 5 42 / .50),rgb(18 3 30 / .66)) !important}
.community-strip{background:rgb(18 3 30 / .35) !important}
.about-section,.watch-section{background:linear-gradient(180deg,rgb(46 10 74 / .50),rgb(24 4 40 / .62)) !important}
.sv-topbar,.hero{background-color:transparent}
.hero{background:radial-gradient(900px 560px at 78% 45%,rgb(210 31 214 / .22),transparent 65%) !important}

/* ===================== PHONE / TABLET FIXES ===================== */
img,video,iframe,svg{max-width:100%}
html,body{max-width:100%}
.gallery-socials{display:flex !important;flex-wrap:wrap;gap:12px}
.gallery-socials a{flex:none;width:54px !important;height:54px !important;min-width:0;border-radius:50% !important;display:grid;place-items:center;padding:0 !important}
.gallery-socials a:nth-child(n){background:rgb(255 47 160 / .12);border:1.5px solid rgb(255 47 160 / .6);color:#fff}
.gallery-mail{flex:none;width:54px !important;height:54px !important;border-radius:50% !important;display:grid;place-items:center;padding:0 !important}
.gallery-connect{align-items:center;gap:12px}
.m-item .m-ic,.m-ic{flex:none}
@media(max-width:640px){
  .site-header{gap:8px !important;padding-left:10px !important;padding-right:10px !important}
  .brand{min-width:0;flex:1 1 auto;gap:8px !important}
  .brand small{display:none !important}
  .brand span{font-size:21px !important;white-space:nowrap}
  .brand-badge{width:40px !important;height:40px !important}
  .m-servers{flex:none;min-height:40px !important;padding:0 11px !important;font-size:13px !important;white-space:nowrap}
  .menu-control{flex:none}
  .hero-actions a{min-height:52px}
  .price-badge{left:auto !important;right:16px !important;top:auto !important;bottom:26px !important;transform:rotate(6deg) scale(.9)}
  .plan-row{padding:18px !important}
  .plan-row>a{width:100%}
  .section-head,.community-intro{padding-left:16px;padding-right:16px}
  .services-grid{gap:22px !important;padding:56px 14px 60px !important}
  .service-item{padding:0 2px}
  .service-item h3,.service-item strong{font-size:17px !important}
  h2{word-break:normal;overflow-wrap:anywhere}
  .footer-cta,.sv-cta,.primary-cta{width:100%;justify-content:center}
}
@media(max-width:380px){
  .brand span{font-size:19px !important}
  .m-servers{padding:0 9px !important;font-size:12px !important}
  .hero h1{font-size:34px !important}
}

/* ---- hero polish ---- */
.hero-wave{display:none !important}
.hero-slice{background:linear-gradient(180deg,#ff2fa0,#d21fd6 50%,#ff7a1a) !important;opacity:.85}
.hero::after{background:linear-gradient(90deg,rgb(20 3 31 / .88) 0,rgb(20 3 31 / .55) 38%,rgb(20 3 31 / 0) 68%) !important}
@media(max-width:640px){
  .hero::after{background:linear-gradient(180deg,rgb(20 3 31 / .55) 0,rgb(20 3 31 / .78) 30%,rgb(20 3 31 / .2) 62%,rgb(20 3 31 / 0) 100%) !important}
  .price-badge{right:auto !important;left:14px !important;bottom:30px !important}
}

/* ===================== HERO SCENE: raccoon watching TV ===================== */
.hero-picture{display:none !important}
.hero-scene{position:absolute;z-index:3;right:max(0px,calc((100vw - 1340px)/2));bottom:-2%;width:min(54vw,800px);aspect-ratio:1/1;pointer-events:none}
.hero-scene img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.hs-glow{position:absolute;inset:6% 4% 0;border-radius:50%;background:radial-gradient(circle at 50% 46%,rgb(255 47 160 / .42),rgb(138 43 226 / .22) 46%,transparent 70%);animation:hs-pulse 5s ease-in-out infinite}
.hs-tvglow{position:absolute;left:17%;top:15.5%;width:66%;height:36%;border-radius:2.4%;background:linear-gradient(120deg,rgb(255 255 255 / .0),rgb(255 120 220 / .22),rgb(255 255 255 / 0));animation:hs-flick 3.4s ease-in-out infinite}
.hs-rac{transform-origin:50% 92%;animation:hs-bob 4.8s ease-in-out infinite}
@keyframes hs-bob{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-1.6%) rotate(.8deg)}}
@keyframes hs-pulse{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes hs-flick{0%,100%{opacity:.2;transform:translateX(-6%)}50%{opacity:1;transform:translateX(8%)}}
.hs-chip{position:absolute;display:grid;place-items:center;min-width:8.6%;padding:.5em .95em;border-radius:999px;font:800 clamp(10px,1.15vw,15px)/1 Outfit,sans-serif;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#ff2fa0,#d21fd6);box-shadow:0 0 0 1.5px rgb(255 255 255 / .55),0 8px 22px rgb(255 47 160 / .55);animation:hs-float 5.6s ease-in-out infinite}
.hc1{left:6%;top:9%;animation-delay:-.4s}.hc2{right:5%;top:11%;background:linear-gradient(135deg,#ffd457,#ff9a2e);color:#2a0838;animation-delay:-1.8s}
.hc3{left:2%;top:41%;background:linear-gradient(135deg,#8a2be2,#d21fd6);animation-delay:-2.6s}.hc4{right:0;top:36%;background:linear-gradient(135deg,#ff7a1a,#ff2fa0);animation-delay:-3.4s}
.hc5{left:15%;top:58%;background:linear-gradient(135deg,#3ac8ff,#8a2be2);animation-delay:-1.1s}.hc6{right:10%;top:60%;background:linear-gradient(135deg,#ffd457,#ff7a1a);color:#2a0838;animation-delay:-4.2s}
@keyframes hs-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}
.hs-puff{position:absolute !important;inset:auto !important;width:3.1% !important;height:auto !important;opacity:0;animation:hs-pop 3.6s ease-out infinite}
.hp1{left:13%;top:57%}.hp2{left:15.5%;top:58%;animation-delay:-1.2s}.hp3{left:11%;top:58.5%;animation-delay:-2.4s}
@keyframes hs-pop{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translate(40px,-150px) rotate(220deg) scale(1.1)}}
.hs-sp{position:absolute;width:10px;height:10px;background:#ffe9c4;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:hs-tw 2.8s ease-in-out infinite}
.hsp1{left:20%;top:6%}.hsp2{right:16%;top:4%;animation-delay:-.9s;width:14px;height:14px}.hsp3{left:1%;top:24%;animation-delay:-1.7s}.hsp4{right:2%;top:24%;animation-delay:-2.2s}.hsp5{left:46%;top:2%;animation-delay:-1.3s;width:8px;height:8px}
@keyframes hs-tw{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(90deg)}}
.hero-medallion{right:auto !important;left:max(32px,calc((100vw - 1230px)/2)) !important;bottom:22px !important;flex-direction:row !important;align-items:center;max-width:none !important;text-align:left !important;gap:12px !important}
.hero-medallion img{width:60px !important;height:60px !important}
.hero-medallion span{max-width:150px}
@media(max-width:900px){
  .hero-scene{right:auto;left:50%;transform:translateX(-50%);width:min(104vw,470px);bottom:-1%}
  .hs-chip{font-size:10px;padding:.45em .8em}
}
@media(max-width:640px){.hero-medallion{display:none !important}}
@media(prefers-reduced-motion:reduce){.hero-scene *{animation:none !important}.hs-puff{opacity:0}}

/* ===================== MENU HERO CARD + enhanced menu ===================== */
.gallery-panel{background:linear-gradient(180deg,rgb(46 10 74 / .97),rgb(20 3 31 / .98)) padding-box,var(--rc-ring) border-box !important;border:1.5px solid transparent !important;box-shadow:0 30px 90px rgb(0 0 0 / .6),0 0 60px rgb(255 47 160 / .22)}
.m-hero{position:relative;display:block;margin:12px 14px 6px;border-radius:20px;overflow:hidden;aspect-ratio:800/440;background:#14031f;box-shadow:0 0 0 1.5px rgb(255 47 160 / .7),0 14px 36px rgb(255 47 160 / .28)}
.m-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(20 3 31 / .88),rgb(20 3 31 / .35) 55%,transparent)}
.m-hero-tx{position:absolute;z-index:2;left:14px;top:10px;bottom:10px;max-width:58%;display:flex;flex-direction:column;justify-content:center;gap:7px}
.m-hero-tx small{font:800 10.5px Outfit,sans-serif;letter-spacing:.18em;color:#ffd457}
.m-hero-tx strong{font:800 clamp(17px,5vw,21px)/1.12 Outfit,sans-serif;color:#fff;text-shadow:0 2px 12px rgb(0 0 0 / .6)}
.m-hero-tx em{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font:800 12.5px Outfit,sans-serif;font-style:normal;color:#2a0838;padding:8px 13px;border-radius:999px;background:linear-gradient(135deg,#ffd457,#ff9a2e);box-shadow:0 6px 18px rgb(255 122 26 / .45)}
.m-hero-tx em svg{width:14px;height:14px}
.m-menu .m-item .m-ic{background:linear-gradient(135deg,#ff2fa0,#8a2be2) !important;color:#fff !important;border-radius:14px}
.m-menu .m-item{transition:transform .2s,box-shadow .2s}.m-menu .m-item:active{transform:scale(.98)}
.m-countries a{background:rgb(255 47 160 / .08) !important;border:1px solid rgb(255 47 160 / .35) !important}
.m-countries .cp-globe-box{background:none !important;border:0 !important;box-shadow:none !important}

/* ===================== CHANNELS ===================== */
.ch-hero{padding:130px 20px 34px;text-align:center}
.ch-hero-in{max-width:760px;margin:0 auto}
.ch-hero h1{margin:8px 0 12px;font-size:clamp(36px,6vw,60px);line-height:1.05;color:#fff}
.ch-hero h1 span{background:linear-gradient(90deg,#ffd457,#ff9a2e 50%,#ff4fa8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ch-hero p:last-child{color:#e6dcf2;font-size:17px;line-height:1.6;margin:0}
.ch-page{padding:10px 20px 80px}.ch-page-in{max-width:1180px;margin:0 auto}
.ch-home{padding:80px 20px 70px}.ch-home-in{max-width:1180px;margin:0 auto;text-align:center}
.ch-head{max-width:720px;margin:0 auto 26px}
.ch-head h2{margin:8px 0 12px;font-size:clamp(30px,4.4vw,48px);line-height:1.1;color:#fff}
.ch-head p{color:#dccff0;line-height:1.65;margin:0}
.ch-app{text-align:left}
.ch-top{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 14px}
.ch-switch{display:flex;gap:6px;padding:5px;border-radius:999px;background:rgb(255 255 255 / .06);border:1px solid rgb(255 47 160 / .4)}
.ch-sw{min-height:42px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:#e6dcf2;font:700 15px Outfit,sans-serif;cursor:pointer}
.ch-sw.on{background:linear-gradient(135deg,#ff2fa0,#d21fd6);color:#fff;box-shadow:0 6px 18px rgb(255 47 160 / .5)}
.ch-search{flex:1 1 240px;min-height:52px;padding:0 18px;border-radius:999px;border:1.5px solid rgb(255 47 160 / .55);background:rgb(10 2 20 / .7);color:#fff;font:500 16px Outfit,sans-serif}
.ch-search:focus{outline:2px solid #ffd457;border-color:transparent}
.ch-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin-bottom:6px;scrollbar-width:thin}
.ch-tab{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid rgb(255 47 160 / .45);background:rgb(255 255 255 / .05);color:#f1e8fa;font:700 14.5px Outfit,sans-serif;cursor:pointer;white-space:nowrap}
.ch-tab small{font-size:12px;padding:1px 8px;border-radius:999px;background:rgb(0 0 0 / .3);color:#ffd457}
.ch-tab.on{background:linear-gradient(135deg,#ffd457,#ff9a2e);border-color:transparent;color:#2a0838}.ch-tab.on small{background:rgb(42 8 56 / .18);color:#2a0838}
.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:6px}
.ch-card{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px;border-radius:16px;background:linear-gradient(160deg,rgb(52 16 84 / .88),rgb(26 7 44 / .94)) padding-box,var(--rc-ring) border-box;border:1.5px solid transparent;}
.ch-card:hover{transform:translateY(-2px)}
.ch-flag{flex:none;width:34px;height:25px;border-radius:5px;object-fit:cover;box-shadow:0 0 0 1px rgb(255 255 255 / .25)}
.ch-ini{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ff2fa0,#8a2be2);color:#fff;font:800 12px Outfit,sans-serif}
.ch-name{flex:1;min-width:0;font:700 15.5px/1.25 Outfit,sans-serif;color:#fff;overflow-wrap:anywhere}
.ch-tag{flex:none;font:800 10.5px Outfit,sans-serif;font-style:normal;letter-spacing:.06em;color:#2a0838;background:linear-gradient(135deg,#ffd457,#ff9a2e);padding:3px 8px;border-radius:999px}
.ch-more{display:block;margin:18px auto 0;min-height:48px;padding:0 24px;border-radius:999px;border:1.5px solid #ff2fa0;background:rgb(255 47 160 / .1);color:#fff;font:700 15px Outfit,sans-serif;cursor:pointer}
.ch-all{margin-top:22px;display:inline-flex}
.ch-empty,.ch-load,.ch-note{color:#dccff0;margin:14px 0;line-height:1.6}.ch-note a{color:#ffd457;text-decoration:underline}
@media(max-width:640px){
  .ch-hero{padding:112px 16px 24px}.ch-home{padding:56px 14px 50px}.ch-page{padding:6px 14px 60px}
  .ch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ch-card{padding:9px 10px;gap:9px;min-height:54px}.ch-name{font-size:14px}.ch-tag{display:none}
  .ch-switch{width:100%}.ch-sw{flex:1;padding:0 8px}
}
@media(min-width:901px){
  .hero-scene{width:min(49vw,700px);bottom:-3%}
  .price-badge{left:calc(max(32px,calc((100vw - 1230px)/2)) + 250px) !important;right:auto !important;top:auto !important;bottom:24px !important}
}
@media(min-width:901px){.scroll-hint{display:none !important}}
.footer-countries{display:contents}
.m-hero{flex:none}
@media(min-width:901px){.footer-main{grid-template-columns:1.3fr .8fr 1fr !important}}


/* ===================== HERO ON PHONES & TABLETS: stacked, no overlap ===================== */
@media(max-width:900px){
  .hero{height:auto !important;min-height:0 !important;display:flex !important;flex-direction:column !important;padding-bottom:6px}
  body .hero .hero-content,body.has-sv-topbar .hero .hero-content{position:relative !important;top:auto !important;left:auto !important;width:auto !important;padding:122px 20px 0 !important;margin:0 !important;order:1;animation:none !important}
  .hero-scene{position:relative !important;order:2;left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;margin:6px auto 0 !important;width:min(100%,460px) !important}
  .hero-actions{margin-bottom:6px}
  .price-badge{position:absolute !important;left:14px !important;right:auto !important;bottom:22px !important;top:auto !important;transform:rotate(-6deg) scale(.88) !important}
}
@media(max-width:380px){body .hero .hero-content,body.has-sv-topbar .hero .hero-content{padding-top:116px !important}}

/* ===================== MENU ===================== */
.gallery-panel{background:linear-gradient(180deg,#2b0b47,#16041f) padding-box,var(--rc-ring) border-box !important}
.gallery-panel-head{position:sticky;top:0;z-index:4;background:#2b0b47;padding-bottom:12px}
.m-hero{margin:4px 14px 12px}
.m-menu{display:flex;flex-direction:column;gap:8px;padding:0 14px}
.m-menu .m-item{min-height:60px;padding:8px 14px;margin:0 !important}
.m-countries{padding:6px 14px 0}
.m-contact{padding:12px 14px 4px}

.hero-scene.rc-off *{animation-play-state:paused !important}

/* the old site painted a dark "loading" box behind every image — it hid the see-through hero layers */
.hero-scene img,.m-hero img{background:none !important}
.hs-back,.hs-front{animation:none !important}
img.ch-flag{background:none}

/* the original site animated a "loading shine" on EVERY image forever — hundreds of images repainting every frame made scrolling heavy. Off now. */
img{animation:none}

/* ===================== CARD POLISH ===================== */
.plan-row,.bear-tile,.watch-card,.ch-card,.sl-panel{border-radius:20px !important}
.plan-row.featured::before{content:"MOST POPULAR";position:absolute;top:-11px;left:22px;z-index:3;padding:5px 13px;border-radius:999px;background:linear-gradient(135deg,#ffd457,#ff9a2e);color:#2a0838;font:800 11px/1 Outfit,sans-serif;letter-spacing:.09em;box-shadow:0 6px 14px rgb(255 122 26 / .4)}
.plan-row li svg{color:#ffd457}
.plan-price{background:radial-gradient(circle at 50% 40%,rgb(255 47 160 / .28),rgb(20 3 31 / .65) 72%) !important}
.bear-tile::before,.watch-card::before{content:"";position:absolute;left:20%;right:20%;top:0;height:3px;border-radius:0 0 8px 8px;background:var(--rc-ring);opacity:.9}
.bear-tile-icon{box-shadow:0 10px 22px rgb(255 122 26 / .38),inset 0 2px 0 rgb(255 255 255 / .45) !important}
.watch-card{overflow:hidden}
.watch-card img{border-bottom:1px solid rgb(255 47 160 / .35)}
.ch-card::after{content:"›";margin-left:auto;padding-left:4px;color:#ffd457;font:700 22px/1 Outfit,sans-serif;opacity:.75}
.ch-card .ch-tag{margin-left:auto}.ch-card .ch-tag + *{margin-left:0}
.ch-flag{box-shadow:0 0 0 1.5px rgb(255 255 255 / .35),0 2px 8px rgb(0 0 0 / .4)}
.ch-ini{box-shadow:0 4px 10px rgb(255 47 160 / .35),inset 0 1px 0 rgb(255 255 255 / .4)}
.dl-app,.dl-codebox{border-radius:18px}
@media(max-width:640px){
  .plan-row{padding:22px 16px 18px !important}
  .plan-row .plan-name{flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;width:100%}
  .plan-row .plan-name strong{white-space:normal !important;font-size:19px !important;line-height:1.2 !important;order:1}
  .plan-row .plan-name img{order:2;width:96px !important;height:54px !important;border-radius:12px !important;object-fit:cover}
  .plan-row ul{gap:9px !important}
  .plan-price{width:104px !important;height:104px !important}
  .bear-tile,.watch-card{box-shadow:0 6px 16px rgb(0 0 0 / .3)}
}

/* old template stripes removed, header text never wraps */
.hero-slice,.hero-band-bright,.hero-band-soft{display:none !important}
.brand span,.brand b{white-space:nowrap}
.desktop-nav a{white-space:nowrap}
@media(min-width:901px) and (max-width:1280px){.desktop-nav{gap:14px !important}.desktop-nav a{font-size:13.5px}}

/* ===================== PAYMENT METHODS ===================== */
.pay-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 auto;padding:18px 0 6px}
.pay-strip>b{flex:none;font:800 11.5px Outfit,sans-serif;letter-spacing:.16em;color:#ffd457;margin-right:4px}
.pay-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:11px;background:#fff;color:#2a0838;font:800 13px/1 Outfit,sans-serif;box-shadow:0 4px 12px rgb(0 0 0 / .3)}
.pay-chip svg{height:24px;width:auto;display:block;flex:none}
.pay-plans{max-width:1180px;margin:0 auto;padding:6px 20px 40px;justify-content:center}
.footer-pay{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:6px 0 4px;border-top:1px solid rgb(255 255 255 / .08)}
@media(max-width:640px){.pay-chip{height:40px;padding:0 10px;font-size:12.5px}.footer-pay,.pay-plans{justify-content:flex-start}.pay-plans{padding:4px 16px 30px}}

/* ===================== EDITABLE PICTURES / BOXES (portal) ===================== */
.services-grid.rc-custom{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important}
.bear-tiles-inner.rc-custom{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important}
.bear-tile-icon img.rc-icon{width:100%;height:100%;object-fit:contain;padding:7px;border-radius:inherit;background:none !important}
@media(max-width:640px){.services-grid.rc-custom{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.bear-tiles-inner.rc-custom{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}