/* Cinetra feature pack: softer accent + gradient theme, new feature UI, light mode.
   Loads after the other theme stylesheets. */

:root{
  --cin-a:#c6455b;           /* softened rose-crimson (was a hard red) */
  --cin-b:#7b52c9;           /* violet end of the gradient */
  --cin-a2:#e0708a;
  --cin-grad:linear-gradient(135deg,#c6455b 0%,#a2479a 55%,#7b52c9 100%);
  --cin-grad-soft:linear-gradient(135deg,rgba(198,69,91,.16),rgba(123,82,201,.16));
  --cin-glow:0 10px 26px rgba(123,82,201,.32);
  --cin-radius:14px;
}

/* ---------------------------------------------------------------- page background + header */
html body{background-color:#0b0d12!important}
html body:not(.single) #dt_contenedor{
  background-image:radial-gradient(900px 520px at 8% -8%,rgba(123,82,201,.17),transparent 62%),
                   radial-gradient(760px 480px at 100% 0%,rgba(198,69,91,.10),transparent 58%)!important;
  background-repeat:no-repeat!important;
}
html body #header{border-bottom:1px solid transparent!important;border-image:linear-gradient(90deg,transparent,rgba(123,82,201,.55),rgba(198,69,91,.55),transparent) 1!important}

/* ---------------------------------------------------------------- gradient accents (replace flat red) */
html body .cinetra-home-page-button.cinetra-home-next,
html body .cs-badge,
html body .pagination span.current,
html body .pagination a:hover,
html body .box_links .btn,html body .links_table .btn,
html body .cgr-list a.current,html body .cgr-list a:hover,
html body .cinetra-category-chip:hover,
html body .cinetra-soon,
html body .cw-badge,
html body .cd-btn-primary,
html body .cinetra-watch-btn,
html body .cw #playeroptionsul li.dooplay_player_option.on,
html body .cw #playeroptionsul li.dooplay_player_option:hover,
html body .single_tabs .smenu li a.selected,
html body #single .single_tabs .smenu li a.selected,
html body #single .sheader .sgeneros a,
html body .content .items>.item .mepo .quality,
html body #slider-movies-tvshows .item .item_type,html body #slider-movies .item .item_type,
html body #slider-movies-tvshows .item .data span,
html body .search-page .result-item .thumbnail span.tvshows,
html body .fixheadresp .search_responsive .search-button,
html body .fixheadresp .search-resp.active{
  background:var(--cin-grad)!important;border-color:transparent!important;color:#fff!important;
}
html body .cd-btn-primary,html body .cinetra-watch-btn,html body .cinetra-home-page-button.cinetra-home-next{box-shadow:var(--cin-glow)!important}
html body .module .content>section>header h2::before,html body .cinetra-category-links>header h2::before,
html body #single .sbox h2::before,html body .cgr-title:before,html body .module .content header h2:before{
  background:linear-gradient(180deg,var(--cin-a2),var(--cin-b))!important;
}
html body .cs-dots span.on,html body #slider-movies-tvshows .owl-page.active span,html body #slider-movies .owl-page.active span{background:var(--cin-grad)!important}
html body .cinetra-wordmark-red .cl{background:linear-gradient(135deg,#e0708a 0%,#9a6bdc 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
html body .content .items>.item .poster .see{background-color:#a2479a!important}
html body .content .items>.item:hover .poster{box-shadow:0 16px 32px rgba(123,82,201,.30),0 4px 12px rgba(0,0,0,.45)!important}
html body a:hover{color:var(--cin-a2)!important}
html body :focus-visible{outline:2px solid var(--cin-b);outline-offset:2px}

/* ---------------------------------------------------------------- buttons used by the new pages */
.cin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#f2f4f8!important;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none!important;transition:transform .15s,filter .15s}
.cin-btn:hover{transform:translateY(-1px);filter:brightness(1.12)}
.cin-btn-grad{background:var(--cin-grad)!important;border-color:transparent!important;color:#fff!important;box-shadow:var(--cin-glow)}
.cin-btn[disabled]{opacity:.6;cursor:wait}

/* ---------------------------------------------------------------- quick-tools dock + mobile drawer tools */
.cin-dock{position:fixed;right:14px;bottom:84px;z-index:9990;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.cin-dock-t{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:var(--cin-grad);color:#fff;font-size:18px;cursor:pointer;box-shadow:var(--cin-glow);transition:transform .2s}
.cin-dock-t:hover{transform:scale(1.07)}
.cin-dock-list{display:none;flex-direction:column;align-items:stretch;gap:6px;padding:8px;border-radius:18px;background:rgba(18,16,30,.96);border:1px solid rgba(123,82,201,.4);box-shadow:0 18px 44px rgba(0,0,0,.55);backdrop-filter:blur(10px);animation:cinUp .2s ease}
.cin-dock.open .cin-dock-list{display:flex}
html body .cin-tool{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px;min-width:38px;height:42px;margin:0;padding:0 14px 0 12px;border-radius:12px;border:1px solid transparent!important;background:transparent!important;background-image:none!important;color:#e2e4ee!important;cursor:pointer;font-size:14px;line-height:1;text-decoration:none!important;white-space:nowrap;box-shadow:none!important;transition:background .15s,color .15s}
.cin-tool i{width:18px;text-align:center}
html body .cin-tool:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
html body .cin-tool.on{color:#fff!important;background:var(--cin-grad-soft)!important;border:1px solid rgba(123,82,201,.4)!important}
.cin-tool .cin-lbl{font-size:13px;font-weight:600}
.cin-tool[hidden]{display:none!important}
.cin-tools-m{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
html body .cin-tools-m .cin-tool{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;height:44px}
@media(max-width:600px){.cin-dock{right:10px;bottom:76px}}

/* ---------------------------------------------------------------- card extras: bookmark / reminder / badges */
.cin-bm,.cin-bell,.cin-x{position:absolute;z-index:5;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(10,10,16,.72);color:#e8e9f0;cursor:pointer;font-size:13px;line-height:1;backdrop-filter:blur(4px);transition:transform .15s,background .15s,opacity .15s;opacity:.0}
.cin-bm{left:8px;bottom:8px}
.cin-bell{right:8px;bottom:8px}
.cin-x{right:8px;top:8px;font-size:20px;width:28px;height:28px}
.item:hover .cin-bm,.item:hover .cin-bell,.item:hover .cin-x,.cin-bm.on,.cin-bell.on{opacity:1}
@media(hover:none){.cin-bm,.cin-bell,.cin-x{opacity:1}}
.cin-bm:hover,.cin-bell:hover,.cin-x:hover{transform:scale(1.1)}
.cin-bm.on,.cin-bell.on{background:var(--cin-grad);color:#fff}
.cin-removable .mepo{right:44px!important}
.cin-ep-badge{background:var(--cin-grad-soft)!important;border:1px solid rgba(123,82,201,.45)!important}
html body .content .items>.item .mepo .cin-age-badge{background:rgba(0,0,0,.72)!important;border:1px solid rgba(255,255,255,.35)!important}
html body .content .items>.item .mepo .cin-lang-badge{background:linear-gradient(135deg,#3b82c4,#6d4fc2)!important}
html body .content .items>.item .mepo{display:flex!important;flex-direction:column;align-items:flex-end;gap:4px}
.cin-age-badge-s,.cin-lang-badge-s{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}
.cin-age-badge-s{border:1px solid rgba(255,255,255,.4)}
.cin-lang-badge-s{background:linear-gradient(135deg,#3b82c4,#6d4fc2);color:#fff}

/* skeleton shimmer behind posters while images load */
html body .content .items>.item .poster{background:linear-gradient(100deg,#171a22 30%,#222737 50%,#171a22 70%)!important;background-size:220% 100%!important;animation:cinShimmer 1.4s linear infinite}
html body .content .items>.item .poster img{z-index:1}
@keyframes cinShimmer{from{background-position:120% 0}to{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){html body .content .items>.item .poster{animation:none}}

/* ---------------------------------------------------------------- home rows */
.cin-rows{display:block}
.cin-row{margin:0 0 6px}
.cin-row>header{display:flex;align-items:center;justify-content:space-between}
.cin-clear{padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#c9ccd8;font-size:12px;cursor:pointer}
.cin-clear:hover{background:rgba(255,255,255,.1)}
.cin-row .items{position:relative}
.cin-row .item .poster{position:relative}

/* ---------------------------------------------------------------- detail page extras */
.cin-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:1480px;margin:14px auto 0;padding:0 14px;font-size:13px;color:#9aa3b2}
.cin-crumbs a{color:#c9ccd8!important}
.cin-crumbs i{font-size:11px;opacity:.6}
.cin-crumbs span{color:#f2f4f8}
.cd-btn.cin-list-btn.on,.cd-btn.cin-remind-btn.on{background:var(--cin-grad-soft);border-color:rgba(123,82,201,.55)}
.cin-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px}
.cin-share-l{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b2;margin-right:4px}
.cin-sh{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff!important;font-size:15px;cursor:pointer;text-decoration:none!important;transition:transform .15s,background .15s}
.cin-sh:hover{transform:translateY(-2px)}
.cin-sh.wa:hover{background:#25a85a}.cin-sh.tg:hover{background:#2a8fcb}.cin-sh.fb:hover{background:#2f64c4}.cin-sh.ms:hover{background:#8a4fe0}.cin-sh.x:hover{background:#1b1b1f}.cin-sh.cp:hover,.cin-sh.ns:hover{background:var(--cin-grad)}
.cin-watch-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 12px 10px}
.cin-watch-row .cd-btn{min-height:40px;min-width:0;padding:0 14px;font-size:13px}
.cin-watch-row .cin-share{margin:0}
.cin-next-top{flex:0 0 auto;padding:9px 13px;border-radius:12px;border:0;background:var(--cin-grad);color:#fff;font-weight:700;font-size:13px;cursor:pointer}

/* ---------------------------------------------------------------- trailer modal */
.cin-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:16px;background:rgba(5,6,10,.86);backdrop-filter:blur(6px);animation:cinFade .2s ease}
.cin-modal-box{position:relative;width:min(960px,100%)}
.cin-modal-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
.cin-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cin-modal-x{position:absolute;right:0;top:-44px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:1;cursor:pointer}
@keyframes cinFade{from{opacity:0}to{opacity:1}}

/* ---------------------------------------------------------------- toasts */
.cin-toasts{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:100001;display:grid;gap:8px;width:min(92vw,420px);pointer-events:none}
.cin-toast{pointer-events:auto;padding:12px 16px;border-radius:14px;background:rgba(20,18,32,.96);border:1px solid rgba(123,82,201,.5);color:#f2f4f8!important;font-size:14px;text-align:center;box-shadow:0 12px 34px rgba(0,0,0,.5);text-decoration:none!important;animation:cinUp .25s ease;transition:opacity .4s}
.cin-toast.out{opacity:0}
@keyframes cinUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------------------------------------------------------------- age gate */
html.cin-noscroll{overflow:hidden}
.cin-age{position:fixed;inset:0;z-index:100002;display:grid;place-items:center;padding:20px;background:rgba(6,7,12,.94);backdrop-filter:blur(10px)}
.cin-age-box{max-width:420px;padding:32px 26px;border-radius:22px;text-align:center;background:linear-gradient(160deg,#1a1626,#12141c);border:1px solid rgba(123,82,201,.4);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.cin-age-ico{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--cin-grad);font-size:24px;font-weight:800;color:#fff;margin-bottom:12px}
.cin-age-box h2{margin:0 0 8px;color:#fff}
.cin-age-box p{margin:0 0 20px;color:#aab0c0}
.cin-age-act{display:grid;gap:10px}

/* ---------------------------------------------------------------- ad-block notice */
.cin-adb{position:fixed;left:12px;right:12px;bottom:12px;z-index:99999;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;max-width:760px;margin:0 auto;padding:14px 16px;border-radius:16px;background:rgba(20,18,32,.97);border:1px solid rgba(123,82,201,.45);color:#e8e9f0;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.cin-adb strong{display:block;color:#fff;margin-bottom:2px}
.cin-adb span{font-size:13px;color:#aab0c0}

/* ---------------------------------------------------------------- download countdown */
.cin-dl-wait{margin:14px 0;padding:16px;border-radius:14px;background:var(--cin-grad-soft);border:1px solid rgba(123,82,201,.4);text-align:center}
.cin-dl-wait p{margin:10px 0 0;color:#e8e9f0;font-weight:600}
.cin-dl-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.cin-dl-bar i{display:block;height:100%;width:0;background:var(--cin-grad);transition:width 1s linear}
.cin-locked .cin-episode-download{filter:blur(6px);opacity:.35;pointer-events:none;user-select:none}

/* ---------------------------------------------------------------- load more */
.cin-more{display:flex;margin:22px auto}

/* ---------------------------------------------------------------- filter / calendar pages */
.cin-page .cin-h1{margin:18px 0}
.cin-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 22px;padding:16px;border-radius:18px;background:linear-gradient(160deg,rgba(123,82,201,.10),rgba(198,69,91,.06));border:1px solid rgba(255,255,255,.08)}
.cin-filter label{display:grid;gap:6px}
.cin-filter label span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b2}
.cin-filter select,.cin-filter input[type=search]{width:100%;height:44px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#12141c;color:#f2f4f8;font-size:14px}
.cin-f-wide{grid-column:1/-1}
.cin-f-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.cin-empty{padding:30px;text-align:center;color:#9aa3b2;border:1px dashed rgba(255,255,255,.14);border-radius:14px}
.cin-cal-month{margin:26px 0 12px;font-size:18px;font-weight:800;padding-left:12px;border-left:4px solid;border-image:linear-gradient(180deg,#e0708a,#7b52c9) 1}

/* ---------------------------------------------------------------- spoilers in comments */
.cin-spoiler{display:inline;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.12);color:transparent!important;cursor:pointer;filter:blur(4px);transition:filter .2s,color .2s;user-select:none}
.cin-spoiler.open{filter:none;color:inherit!important;background:rgba(123,82,201,.2);user-select:text}
.cin-spoiler-note{font-size:12px;color:#9aa3b2}

/* theme-proof button surfaces (the base theme styles every <button> with the accent colour) */
html body .cin-dock-t{background:var(--cin-grad)!important;border:0!important;color:#fff!important}
html body .cin-bm,html body .cin-bell,html body .cin-x{background:rgba(10,10,16,.72)!important;border:0!important;color:#e8e9f0!important}
html body .cin-bm.on,html body .cin-bell.on{background:var(--cin-grad)!important;color:#fff!important}
html body .cin-clear{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#c9ccd8!important}
html body .cin-btn{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#f2f4f8!important}
html body .cin-btn-grad{background:var(--cin-grad)!important;border-color:transparent!important;color:#fff!important}
html body .cin-sh{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}
html body .cin-sh.wa:hover{background:#25a85a!important}html body .cin-sh.tg:hover{background:#2a8fcb!important}html body .cin-sh.fb:hover{background:#2f64c4!important}
html body .cin-sh.ms:hover{background:#8a4fe0!important}html body .cin-sh.x:hover{background:#1b1b1f!important}html body .cin-sh.cp:hover,html body .cin-sh.ns:hover{background:var(--cin-grad)!important}
html body .cin-next-top{background:var(--cin-grad)!important;color:#fff!important;border:0!important}
html body .cd-btn.cin-list-btn.on,html body .cd-btn.cin-remind-btn.on{background:var(--cin-grad-soft)!important}
html body .cin-modal-x{background:rgba(255,255,255,.14)!important;color:#fff!important}

/* ====================================================================== LIGHT MODE
   First version: restyles the main surfaces. Toggle: header (sun / moon icon). */
html[data-cin-theme="light"]{
  --doo-bg:#f4f5f9;--doo-panel:#ffffff;--doo-panel-2:#eef0f6;--doo-border:#dfe2ec;--doo-text:#1b1d29;--doo-muted:#626879;
  --cd-bg:#f4f5f9;--cd-card:#ffffff;--cd-card2:#eef0f6;--cd-line:#dfe2ec;--cd-text:#1b1d29;--cd-mute:#626879;
  --cin-glass-bg:rgba(255,255,255,.7);--cin-glass-border:rgba(0,0,0,.08);
}
html[data-cin-theme="light"],html[data-cin-theme="light"] body,
html[data-cin-theme="light"] #dt_contenedor,html[data-cin-theme="light"] #contenedor,html[data-cin-theme="light"] #content,
html[data-cin-theme="light"] .module,html[data-cin-theme="light"] .module .content,html[data-cin-theme="light"] .sidebar,
html[data-cin-theme="light"] #footer,html[data-cin-theme="light"] footer.main,html[data-cin-theme="light"] .body,
html[data-cin-theme="light"] .headitems,html[data-cin-theme="light"] .fixheadresp,html[data-cin-theme="light"] .menuresp,html[data-cin-theme="light"] .search_responsive{
  background-color:#f4f5f9!important;color:#1b1d29!important;
}
html[data-cin-theme="light"] body:not(.single) #dt_contenedor{background-image:radial-gradient(900px 520px at 8% -8%,rgba(123,82,201,.10),transparent 62%),radial-gradient(760px 480px at 100% 0%,rgba(198,69,91,.07),transparent 58%)!important}
html[data-cin-theme="light"] #header,html[data-cin-theme="light"] .fixheadresp{background:rgba(255,255,255,.92)!important;box-shadow:0 6px 24px rgba(30,30,60,.08)!important}
html[data-cin-theme="light"] a,html[data-cin-theme="light"] a:visited{color:#1b1d29!important}
html[data-cin-theme="light"] a:hover{color:#a2479a!important}
html[data-cin-theme="light"] h1,html[data-cin-theme="light"] h2,html[data-cin-theme="light"] h3,html[data-cin-theme="light"] h4,
html[data-cin-theme="light"] .module .content>section>header h2,html[data-cin-theme="light"] .data h3 a{color:#1b1d29!important}
html[data-cin-theme="light"] p,html[data-cin-theme="light"] .wp-content,html[data-cin-theme="light"] .data span{color:#434859!important}
html[data-cin-theme="light"] .sbox,html[data-cin-theme="light"] .sheader .data,html[data-cin-theme="light"] .module .content .items>.item .data,
html[data-cin-theme="light"] #single .content,html[data-cin-theme="light"] .cinetra-home-total,html[data-cin-theme="light"] .cin-filter{
  background-color:#ffffff!important;border-color:#dfe2ec!important;color:#1b1d29!important;
}
html[data-cin-theme="light"] input,html[data-cin-theme="light"] select,html[data-cin-theme="light"] textarea,
html[data-cin-theme="light"] .cin-filter select,html[data-cin-theme="light"] .cin-filter input[type=search],
html[data-cin-theme="light"] #header input,html[data-cin-theme="light"] .search_responsive input{background:#fff!important;color:#1b1d29!important;border-color:#cfd3e0!important}
html[data-cin-theme="light"] body .cin-tool{color:#2c3042!important}
html[data-cin-theme="light"] .cin-dock-list{background:rgba(255,255,255,.97);border-color:#dfe2ec;box-shadow:0 18px 44px rgba(30,30,60,.18)}
html[data-cin-theme="light"] body .module .content .items>.item,html[data-cin-theme="light"] body.home .module .content .items>.item,html[data-cin-theme="light"] body.blog .module .content .items>.item{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:#dfe2ec!important;box-shadow:0 2px 10px rgba(30,30,60,.06)}
html[data-cin-theme="light"] body .content .items>.item .data h3 a{text-shadow:none!important;color:#1b1d29!important}
html[data-cin-theme="light"] body .content .items>.item .data span{text-shadow:none!important}
html[data-cin-theme="light"] body .cin-tool:hover{background:rgba(30,30,60,.07)!important;color:#000!important}
html[data-cin-theme="light"] body .cin-tool.on{color:#5a2f9b!important}
html[data-cin-theme="light"] body .cin-tools-m .cin-tool{background:#fff!important;border-color:#dfe2ec!important}
html[data-cin-theme="light"] body .cin-btn{background:#fff!important;color:#1b1d29!important;border-color:#cfd3e0!important}
html[data-cin-theme="light"] body .cin-btn-grad,html[data-cin-theme="light"] body .cd-btn-primary,html[data-cin-theme="light"] body .cinetra-watch-btn,
html[data-cin-theme="light"] body .cin-next-top{background:var(--cin-grad)!important;color:#fff!important;border-color:transparent!important}
html[data-cin-theme="light"] body .cd-btn{background:#fff!important;border-color:#dfe2ec!important;color:#1b1d29!important}
html[data-cin-theme="light"] body .cd-btn-primary{background:var(--cin-grad)!important;color:#fff!important}
html[data-cin-theme="light"] body .cin-clear{background:#fff!important;color:#434859!important;border-color:#cfd3e0!important}
html[data-cin-theme="light"] .cin-share-l,html[data-cin-theme="light"] .cin-crumbs,html[data-cin-theme="light"] .cin-empty{color:#626879}
html[data-cin-theme="light"] .cin-crumbs a{color:#434859!important}
html[data-cin-theme="light"] .cin-crumbs span{color:#1b1d29}
html[data-cin-theme="light"] body .cin-sh{background:#fff!important;color:#1b1d29!important;border-color:#dfe2ec!important}
html[data-cin-theme="light"] body .cin-sh:hover{color:#fff!important}
html[data-cin-theme="light"] body .content .items>.item .poster{background:linear-gradient(100deg,#e6e8f0 30%,#f3f4f9 50%,#e6e8f0 70%)!important;background-size:220% 100%!important}
html[data-cin-theme="light"] .cinetra-wordmark-white .cl{background:linear-gradient(135deg,#1b1d29,#454a62)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
html[data-cin-theme="light"] .cw{--cw-bg:#f4f5f9;--cw-card:#ffffff;--cw-line:#dfe2ec;--cw-text:#1b1d29;--cw-mute:#626879}
html[data-cin-theme="light"] .cin-spoiler{background:rgba(30,30,60,.12)}
html[data-cin-theme="light"] footer.main,html[data-cin-theme="light"] footer.main .copy{color:#434859!important}

/* ---------------------------------------------------------------- small screens */
@media(max-width:600px){
  .cin-watch-row{padding:6px 12px 10px}
  .cin-filter{grid-template-columns:1fr 1fr}
  .cin-toasts{bottom:14px}
}

/* Recommended for you: one horizontal row that auto-slides every 4 seconds */
html body #cin-suggest .items.cin-items{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
html body #cin-suggest .items.cin-items::-webkit-scrollbar{display:none}
html body #cin-suggest .items.cin-items .item{flex:0 0 calc((100% - 24px)/3)!important;width:auto!important;max-width:none!important;min-width:0;margin:0!important;scroll-snap-align:start}
@media(min-width:640px){html body #cin-suggest .items.cin-items .item{flex-basis:calc((100% - 36px)/4)!important}}
@media(min-width:1024px){html body #cin-suggest .items.cin-items{gap:16px!important}html body #cin-suggest .items.cin-items .item{flex-basis:calc((100% - 80px)/6)!important}}

/* ================================================================ Cinetra: light tap / press animations */
/* Tap pulse: a soft expanding ring where the visitor taps/clicks (added by JS, never blocks clicks) */
.cin-pulse{position:fixed;z-index:2147483000;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(224,112,138,.55) 0%,rgba(123,82,201,.38) 55%,rgba(123,82,201,0) 72%);
  transform:scale(.4);opacity:.9;animation:cinPulse .55s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes cinPulse{to{transform:scale(7);opacity:0}}

/* Press-in feel on buttons, cards, chips, menu items */
.cin-pressed{transform:scale(.96)!important;transition:transform .1s ease-out!important;filter:brightness(1.08)}
.cin-pop{animation:cinPop .32s cubic-bezier(.3,1.6,.5,1)}
@keyframes cinPop{0%{transform:scale(.96)}55%{transform:scale(1.035)}100%{transform:scale(1)}}

/* Gentle entrance for sections and cards */
@keyframes cinFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.module .content>section,.module .content>.cin-rows,.cinetra-category-links{animation:cinFadeUp .5s ease both}
.items article.item{animation:cinFadeUp .45s ease both}
.items article.item:nth-child(2){animation-delay:.04s}
.items article.item:nth-child(3){animation-delay:.08s}
.items article.item:nth-child(4){animation-delay:.12s}
.items article.item:nth-child(5){animation-delay:.16s}
.items article.item:nth-child(n+6){animation-delay:.2s}
.cinetra-category-chip,.cin-sh,.cin-bm{transition:transform .18s ease,box-shadow .18s ease}
.cinetra-category-chip:hover{transform:translateY(-2px)}

@media(prefers-reduced-motion:reduce){
  .cin-pulse{display:none}
  .cin-pressed,.cin-pop,.module .content>section,.module .content>.cin-rows,.cinetra-category-links,.items article.item{animation:none!important;transition:none!important}
}

/* ================================================================ Cinetra: Director / Cast cards (details page) */
/* Clean vertical card: round photo on top, name + role centred underneath (names were being clipped/hidden) */
html body #single .persons{display:flex!important;flex-wrap:wrap!important;gap:14px 10px!important;float:none!important;width:100%!important}
html body #single .persons .person{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;
  float:none!important;position:relative!important;min-height:0!important;margin:0!important;padding:0 0 12px!important;
  width:calc((100% - 20px)/3)!important;border-bottom:1px solid rgba(255,255,255,.08);overflow:visible!important;box-sizing:border-box}
html body #single .persons .person .img{position:static!important;flex:none!important;display:block!important;width:76px!important;height:76px!important;
  margin:0 auto 9px!important;overflow:hidden!important;border-radius:50%!important;background:rgba(255,255,255,.07);
  box-shadow:0 0 0 2px rgba(198,69,91,.55),0 6px 16px rgba(0,0,0,.35)}
html body #single .persons .person .img a{display:block!important;width:100%!important;height:100%!important}
html body #single .persons .person .img img{display:block!important;width:100%!important;height:100%!important;margin:0!important;aspect-ratio:1;
  object-fit:cover!important;object-position:center top!important;border-radius:50%!important}
html body #single .persons .person .data{display:block!important;float:none!important;width:100%!important;max-width:100%!important;padding:0 4px!important;box-sizing:border-box}
html body #single .persons .person .data .name{float:none!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  width:100%!important;margin:0 0 3px!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis;line-height:1.3!important;font-size:13px!important}
html body #single .persons .person .data .name a{font-size:13px!important;font-weight:600!important;color:var(--cd-text,#fff)!important;word-break:break-word}
html body #single .persons .person .data .caracter{float:none!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  width:100%!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis;line-height:1.3!important;font-size:11.5px!important;
  color:var(--cd-text,#fff)!important;opacity:.62;word-break:break-word}
@media(min-width:700px){
  html body #single .persons .person{width:calc((100% - 70px)/6)!important}
  html body #single .persons .person .img{width:88px!important;height:88px!important}
}

/* ================================================================ Cinetra: Collections (bottom of the homepage) */
html body .cin-coll-row .items.cin-items{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
html body .cin-coll-row .items.cin-items::-webkit-scrollbar{display:none}
html body .cin-coll-row .items.cin-items .item{flex:0 0 calc((100% - 24px)/3)!important;width:auto!important;max-width:none!important;min-width:0;margin:0!important;scroll-snap-align:start}
@media(min-width:640px){html body .cin-coll-row .items.cin-items .item{flex-basis:calc((100% - 36px)/4)!important}}
@media(min-width:1024px){html body .cin-coll-row .items.cin-items{gap:16px!important}html body .cin-coll-row .items.cin-items .item{flex-basis:calc((100% - 80px)/6)!important}}
.cin-coll{margin:26px 0 10px}
.cin-coll-title{font-size:20px;font-weight:700;margin:22px 0 12px;padding-left:12px;border-left:4px solid #c6455b;line-height:1.2}
.cin-coll-row{margin:0 0 18px}
.cin-coll-row>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cin-coll-row>header h2{margin:0;font-size:17px}
.cin-coll-all{flex:none;font-size:13px;opacity:.75;text-decoration:none;color:inherit;white-space:nowrap}
.cin-coll-all:hover{opacity:1;color:#e0708a}