/* Watchlist: professional layout (layered on main.css) */
:root{--wl-bg:#242943;--wl-surface:#323a5e;--wl-line:rgba(255,255,255,.12);--wl-muted:#b9bdd3;--wl-accent:#e3a857;--wl-mint:#8ee9a8;--wl-cyan:#9bf6ff}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.wl-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Hero */
#banner.wl-hero{min-height:66vh;height:auto!important;max-height:none!important;padding:0!important;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:#151827!important}
#banner.wl-hero:before{content:"";display:block!important;position:absolute;inset:0;z-index:1;opacity:1!important;pointer-events:none;background:linear-gradient(180deg,rgba(21,24,39,.8) 0%,rgba(21,24,39,.62) 45%,rgba(36,41,67,.98) 100%)}
#banner.wl-hero:after{display:none!important}
.wl-hero-bg{position:absolute;inset:0;display:flex;filter:saturate(.85)}
.wl-hero-bg img{flex:1 1 0;min-width:0;height:100%;object-fit:cover;display:block}
#banner.wl-hero>.inner{position:relative;z-index:2;width:100%;max-width:52rem;padding:7rem 1.5rem 5rem!important;transform:none!important;opacity:1!important}
.wl-eyebrow{display:inline-block;color:var(--wl-accent);font-size:.78rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;margin-bottom:1.1rem}
.wl-hero h1{color:#fff;font-size:2.7rem;line-height:1.2;letter-spacing:.08em;margin:0 0 1.1rem;text-transform:uppercase}
.wl-hero h1:before,.wl-hero h1:after{display:none!important}
.wl-lead{color:#e7e9f4;font-size:1.2rem;line-height:1.7;letter-spacing:0;text-transform:none;max-width:38rem;margin:0 auto 2rem}
.wl-hero-actions{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}
.wl-btn{display:inline-flex;align-items:center;justify-content:center;height:3.1rem;line-height:1;padding:0 1.7rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;transition:transform .2s,background .2s,border-color .2s}
.wl-btn:hover{transform:translateY(-2px)}
.wl-btn-primary{background:var(--wl-accent);color:#1b1e33!important;box-shadow:0 6px 20px rgba(227,168,87,.35)}
.wl-btn-primary:hover{background:#efb96b}
.wl-btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.55);background:rgba(21,24,39,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.wl-btn-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
.wl-hero-count{margin:2rem 0 0;color:var(--wl-muted);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase}

/* Toolbar */
#main.wl-main{background:var(--wl-bg);padding-top:0}
.wl-toolbar{position:sticky;top:var(--wl-hdr,3.5rem);z-index:900;background:rgba(36,41,67,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--wl-line);scroll-margin-top:var(--wl-hdr,3.5rem)}
.wl-toolbar-inner{max-width:76rem;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap}
.wl-toolbar .filter-buttons{margin:0;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}
.wl-toolbar .filter-btn{height:2.4rem;line-height:1;padding:0 1.05rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.12em;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.05);color:#fff;box-shadow:none}
.wl-toolbar .filter-btn:hover{background:rgba(255,255,255,.14);color:#fff;border-color:#fff}
.wl-toolbar .filter-btn.active{background:var(--wl-accent);border-color:var(--wl-accent);color:#1b1e33}
.wl-tools{display:flex;align-items:center;gap:1rem}
.wl-search input{width:17rem;max-width:100%;height:2.4rem;padding:0 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff;font-size:.9rem;letter-spacing:0;box-shadow:none;margin:0}
.wl-search input::placeholder{color:#a9aec6}
.wl-search input:focus{border-color:var(--wl-accent);outline:none;background:rgba(255,255,255,.1)}
.wl-count{color:var(--wl-muted);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.filter-btn:focus-visible,.wl-btn:focus-visible,.wl-search input:focus-visible,.btn-professional:focus-visible,.close-btn:focus-visible{outline:3px solid var(--wl-cyan);outline-offset:2px}

/* Grid + cards */
.wl-main .gallery-container{max-width:76rem;margin:0 auto!important;padding:2.5rem 1.5rem 5rem}
.wl-main .movie-wrapper{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.8rem;padding:0;align-items:stretch}
.wl-main .movie-card{position:relative;background:var(--wl-surface);border:1px solid var(--wl-line);border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.32)}
.wl-main .movie-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.45)}
.wl-main .movie-card.tl-nomatch{display:none!important}
.wl-main .movie-card{scroll-margin-top:calc(var(--wl-hdr,3.5rem) + 5.5rem)}
.wl-main .movie-card-body{padding:0;gap:0}
.wl-main .poster-box{position:relative;overflow:hidden}
.wl-main .poster-box img{aspect-ratio:2/3}
.wl-main .poster-box:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,transparent,rgba(50,58,94,.9));pointer-events:none}
/* verdict badge replaces the yellow bar */
.wl-main .movie-card-header,.wl-main .movie-card.best .movie-card-header{position:absolute;top:.8rem;left:.8rem;z-index:2;padding:.35rem .8rem;border-radius:999px;background:var(--wl-accent);color:#1b1e33;font-size:.68rem;font-weight:700;letter-spacing:.14em;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.wl-main .movie-card.best .movie-card-header:before{content:"\2713";margin-right:.4rem}
.wl-main .info-box{padding:1.1rem 1.3rem 1.4rem}
.wl-main .info-box h2{text-align:left;padding:0;font-size:1.15rem;line-height:1.3;letter-spacing:.02em;text-transform:none;margin:0 0 .9rem;color:#fff}
.wl-main .ratings-panel{background:rgba(0,0,0,.2);border:1px solid var(--wl-line);border-radius:12px;padding:.7rem .5rem;margin:0 0 1.1rem;box-shadow:none}
.wl-main .rating-logo{height:26px;max-width:72px}
.wl-main .seal-img{width:64px;height:64px}
.wl-main .movie-card:hover .seal-img{transform:scale(1.12) rotate(3deg)}
.wl-main .btn-professional{height:2.7rem;padding:0 1.2rem;border-radius:999px;font-family:inherit;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.35);box-shadow:none;color:#fff}
.wl-main .btn-professional:hover{background:var(--wl-accent);border-color:var(--wl-accent);color:#1b1e33;transform:none}
.wl-empty{grid-column:1/-1;text-align:center;color:var(--wl-muted);font-size:1.05rem;padding:3rem 0;letter-spacing:0;text-transform:none}
.movie-card.wl-flash{animation:wl-flash 2.2s ease-out}
@keyframes wl-flash{0%,40%{box-shadow:0 0 0 3px var(--wl-accent),0 12px 32px rgba(0,0,0,.32)}100%{box-shadow:0 12px 32px rgba(0,0,0,.32)}}

/* Modal */
.latlight-modal{background:rgba(15,17,30,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem}
.latlight-modal .modal-content{background:var(--wl-surface);border:1px solid var(--wl-line);border-radius:20px;padding:2.2rem 2rem 2rem;max-width:34rem;max-height:86vh;overflow:auto;text-align:left;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.latlight-modal h2{color:#fff;font-size:1.4rem;letter-spacing:.03em;text-transform:none;margin:0 2rem .2rem 0}
.latlight-modal h2:after{content:"";display:block;width:3rem;height:3px;border-radius:2px;background:var(--wl-accent);margin-top:.8rem}
#modalBody{margin:1.2rem 0 0;color:#e2e5f2;font-size:1.05rem;line-height:1.75;letter-spacing:0;text-transform:none;white-space:pre-line}
.latlight-modal .close-btn{position:absolute;top:.8rem;right:.8rem;width:2.4rem;height:2.4rem;padding:0;line-height:1;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}
.latlight-modal .close-btn:hover{background:rgba(255,255,255,.18)}

#footer{border-top:1px solid var(--wl-line)}

@media (max-width:736px){
  #banner.wl-hero{min-height:60vh}
  .wl-hero-bg img:nth-child(n+4){display:none}
  #banner.wl-hero>.inner{padding:6rem 1.25rem 3.5rem!important}
  .wl-hero h1{font-size:1.75rem;letter-spacing:.05em}
  .wl-lead{font-size:1.05rem}
  .wl-btn{width:100%;max-width:20rem}
  .wl-toolbar{position:static}
  .wl-toolbar-inner{padding:.7rem 1rem;flex-direction:column;align-items:stretch}
  .wl-toolbar .filter-buttons{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .wl-toolbar .filter-btn{flex:0 0 auto}
  .wl-tools{justify-content:space-between}
  .wl-search{flex:1}.wl-search input{width:100%}
  .wl-main .gallery-container{padding:1.5rem 1rem 3.5rem}
  .wl-main .movie-wrapper{grid-template-columns:1fr 1fr;gap:1rem}
  .wl-main .info-box{padding:.9rem .9rem 1.1rem}
  .wl-main .info-box h2{font-size:1rem}
  .wl-main .seal-img{width:50px;height:50px}
  .wl-main .rating-logo{height:20px;max-width:52px}
}
@media (max-width:460px){.wl-main .movie-wrapper{grid-template-columns:1fr}.wl-main .poster-box img{aspect-ratio:3/4}}


/* ===== Verdict stamps: coloured outline + badge, big seal stamped on the poster ===== */
.movie-card.v-approved{--v:#3fb27f}
.movie-card.v-watchable{--v:#4fa8e8}
.movie-card.v-disappointment{--v:#d95c5c}
.wl-main .movie-card[class*="v-"]{border:2px solid var(--v);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.35),0 0 26px -6px var(--v)}
.wl-main .movie-card[class*="v-"]:hover{box-shadow:0 0 0 1px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.45),0 0 34px -4px var(--v)}
.wl-main .movie-card[class*="v-"] .movie-card-header{background:var(--v);color:#12141f}
.wl-main .movie-card.v-watchable .movie-card-header:before{content:"\25B6";font-size:.6rem}
.wl-main .movie-card.v-disappointment .movie-card-header:before{content:"\2715"}
.wl-main .poster-box .seal-block{position:absolute;right:.5rem;bottom:.2rem;z-index:3;margin:0;padding:0;transform:rotate(-9deg);filter:drop-shadow(0 8px 14px rgba(0,0,0,.7))}
.wl-main .poster-box .seal-img{width:124px;height:124px}
.wl-main .movie-card:hover .poster-box .seal-img{transform:scale(1.06) rotate(2deg)}
.wl-main .movie-card.v-stamped .ratings{justify-content:space-around}
@media (max-width:640px){.wl-main .poster-box .seal-img{width:96px;height:96px}}


/* Pin it / Share: two equal buttons spanning the card, lined up with "Read my review" */
.wl-main .movie-card .sh-bar{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.8rem}
.wl-main .movie-card .sh-bar .sh-btn{width:100%;justify-content:center;padding:0 .6rem}
.wl-main .movie-card .sh-bar .sh-status{grid-column:1/-1}

/* Poster zoom */
.wl-main .poster-box img{cursor:zoom-in}
.wl-poster-zoom{display:none;position:fixed;inset:0;z-index:99999;background:rgba(10,12,23,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:1rem;cursor:zoom-out}
.wl-poster-zoom.open{display:flex}
.wl-poster-zoom img{width:min(94vw,760px);height:92vh;object-fit:contain;filter:drop-shadow(0 20px 50px rgba(0,0,0,.7))}
.wl-poster-zoom button{position:absolute;top:.8rem;right:.8rem;width:2.6rem;height:2.6rem;padding:0;line-height:1;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;font-size:1.6rem;cursor:pointer}


/* ===== EPIC films: gold stamp + special wide card ===== */
.movie-card.v-epic{--v:#f2c14e}
.wl-main .movie-card.v-epic{
  grid-column:1/-1;border:2px solid transparent;
  background:linear-gradient(160deg,#2f3560,#1f2442) padding-box,linear-gradient(135deg,#fff3c4 0%,#e9ae2c 28%,#8a5a12 52%,#ffe08a 78%,#c98b1a 100%) border-box;
  box-shadow:0 0 0 1px rgba(0,0,0,.45),0 18px 50px rgba(0,0,0,.5),0 0 46px -8px rgba(242,193,78,.55)}
.wl-main .movie-card.v-epic:hover{box-shadow:0 0 0 1px rgba(0,0,0,.45),0 24px 60px rgba(0,0,0,.55),0 0 60px -6px rgba(242,193,78,.7)}
/* slow gold shimmer sweeping across the card */
.wl-main .movie-card.v-epic:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;
  background:linear-gradient(115deg,transparent 40%,rgba(255,236,170,.13) 50%,transparent 60%);
  background-size:250% 100%;background-position:130% 0;animation:wl-epic-shine 7s ease-in-out infinite}
@keyframes wl-epic-shine{0%,55%{background-position:130% 0}100%{background-position:-60% 0}}
@media (prefers-reduced-motion:reduce){.wl-main .movie-card.v-epic:after{animation:none;display:none}}
.wl-main .movie-card.v-epic .movie-card-header{background:linear-gradient(135deg,#fff0b8,#f2c14e 45%,#c98b1a);color:#2a1a00;letter-spacing:.2em;box-shadow:0 4px 16px rgba(242,193,78,.45)}
.wl-main .movie-card.v-epic .movie-card-header:before{content:"\2605";margin-right:.4rem;font-size:.75rem}
.wl-main .movie-card.v-epic .poster-box .seal-img{width:150px;height:150px}
.wl-main .movie-card.v-epic .poster-box .seal-block{filter:drop-shadow(0 8px 16px rgba(0,0,0,.7)) drop-shadow(0 0 16px rgba(255,214,102,.55))}
.wl-main .movie-card.v-epic .info-box h2{font-size:1.7rem;line-height:1.15;background:linear-gradient(180deg,#fff7d6,#f2c14e 70%,#d99a22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f2c14e}
.wl-main .epic-kicker{margin:0 0 .35rem;padding:0;text-indent:0;font-size:.7rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#f2c14e}
.wl-main .epic-tagline{margin:0 0 .5rem;padding:0;text-indent:0;font-size:1.05rem;line-height:1.5;color:#f2f3f8;font-style:italic;letter-spacing:0;text-transform:none}
.wl-main .epic-meta{margin:0 0 1.1rem;padding:0;text-indent:0;font-size:.82rem;color:#b9bdd3;letter-spacing:.04em;text-transform:none}
@media (min-width:760px){
  .wl-main .movie-card.v-epic .movie-card-body{display:grid;grid-template-columns:minmax(230px,300px) 1fr;align-items:stretch}
  .wl-main .movie-card.v-epic .poster-box img{aspect-ratio:2/3;height:100%;object-fit:cover}
  .wl-main .movie-card.v-epic .info-box{padding:2.4rem 3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
  .wl-main .movie-card.v-epic .info-box>*{width:100%;max-width:36rem}
  .wl-main .movie-card.v-epic .info-box h2{font-size:2.6rem;text-align:center;margin-bottom:.8rem}
  .wl-main .movie-card.v-epic .epic-kicker{font-size:.8rem;text-align:center}
  .wl-main .movie-card.v-epic .epic-tagline{font-size:1.3rem;text-align:center}
  .wl-main .movie-card.v-epic .epic-meta{font-size:.9rem;text-align:center;margin-bottom:1.4rem}
  .wl-main .movie-card.v-epic .ratings-panel{margin-left:auto;margin-right:auto}
}
@media (max-width:759px){.wl-main .movie-card.v-epic .poster-box .seal-img{width:110px;height:110px}.wl-main .movie-card.v-epic .info-box h2{font-size:1.35rem}}

/* Watchable: sky blue so it stays apart from the gold Epic and the green Approved */
.wl-main .movie-card.v-watchable .movie-card-header{color:#08202f}

/* Close buttons: the X is drawn with two bars so it is always dead centre in the circle */
.wl-poster-zoom button,.latlight-modal .close-btn{display:flex;align-items:center;justify-content:center;font-size:0!important;line-height:0;padding:0;overflow:hidden}
.wl-poster-zoom button:before,.wl-poster-zoom button:after,.latlight-modal .close-btn:before,.latlight-modal .close-btn:after{content:"";position:absolute;left:50%;top:50%;width:44%;height:2px;margin:-1px 0 0 -22%;background:#fff;border-radius:2px}
.wl-poster-zoom button:before,.latlight-modal .close-btn:before{transform:rotate(45deg)}
.wl-poster-zoom button:after,.latlight-modal .close-btn:after{transform:rotate(-45deg)}
.wl-poster-zoom button:hover,.wl-poster-zoom button:focus-visible{background:rgba(255,255,255,.22)}

/* ===== Compact Epic card: two Epics side by side on wide screens ===== */
@media (min-width:760px){
  .wl-main .movie-card.v-epic .movie-card-body{grid-template-columns:minmax(170px,210px) 1fr}
  .wl-main .movie-card.v-epic .info-box{padding:1.4rem 1.6rem}
  .wl-main .movie-card.v-epic .info-box h2{font-size:1.8rem;margin-bottom:.5rem}
  .wl-main .movie-card.v-epic .epic-kicker{font-size:.68rem;margin-bottom:.25rem}
  .wl-main .movie-card.v-epic .epic-tagline{font-size:1.02rem;margin-bottom:.35rem}
  .wl-main .movie-card.v-epic .epic-meta{font-size:.8rem;margin-bottom:.9rem}
  .wl-main .movie-card.v-epic .ratings-panel{margin-bottom:.8rem}
  .wl-main .movie-card.v-epic .poster-box .seal-img{width:110px;height:110px}
}
@media (min-width:1100px){
  .wl-main .movie-card.v-epic{grid-column:span 2}
}
@media (min-width:760px){
  .wl-main .movie-card.v-epic .wl-vote{padding:.6rem .7rem .55rem;margin-bottom:.8rem}
  .wl-main .movie-card.v-epic .wl-vote-head{margin-bottom:.45rem}
  .wl-main .movie-card.v-epic .wl-vote .wl-vote-btn{flex-direction:row;justify-content:center;gap:.6rem;padding:.4rem .5rem}
  .wl-main .movie-card.v-epic .wl-vote-btn img{width:52px}
  .wl-main .movie-card.v-epic .info-box .btn-professional{margin-bottom:.6rem}
}

/* ===================================================================
   DESIGN C: compact movie cards (all verdicts, Epic included)
   shorter poster, logos + votes on one line, buttons on one row
   =================================================================== */
.wl-main .movie-wrapper{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem}
.wl-main .movie-card,.wl-main .movie-card.v-epic{grid-column:auto}
.wl-main .movie-card-body,.wl-main .movie-card.v-epic .movie-card-body{display:block}
.wl-main .poster-box img,.wl-main .movie-card.v-epic .poster-box img{aspect-ratio:3/4;height:auto;width:100%;object-fit:cover;object-position:center top}
.wl-main .poster-box:after{height:22%}
.wl-main .movie-card-header,.wl-main .movie-card.best .movie-card-header{top:.6rem;left:.6rem;padding:.28rem .65rem;font-size:.6rem}
.wl-main .seal-img,.wl-main .movie-card.v-epic .poster-box .seal-img{width:54px;height:54px}
.wl-main .info-box,.wl-main .movie-card.v-epic .info-box{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .5rem;padding:.75rem .85rem .85rem;text-align:left}
.wl-main .movie-card.v-epic .info-box>*{width:auto;max-width:none}
.wl-main .info-box h2,.wl-main .movie-card.v-epic .info-box h2{flex:1 0 100%;font-size:1rem;line-height:1.25;margin:0;text-align:left}
.wl-main .movie-card.v-epic .epic-kicker,.wl-main .movie-card.v-epic .epic-meta{display:none}
.wl-main .movie-card.v-epic .epic-tagline{flex:1 0 100%;margin:-.2rem 0 0;font-size:.82rem;line-height:1.35;text-align:left;color:#d7daea}
/* logos */
.wl-main .ratings-panel,.wl-main .movie-card.v-epic .ratings-panel{flex:0 0 auto;margin:0;padding:0;background:none;border:0}
.wl-main .ratings{display:flex;gap:.55rem;align-items:center;justify-content:flex-start}
.wl-main .ratings .rating-block{margin:0;padding:0}
.wl-main .rating-logo{height:17px;max-width:44px}
/* votes: small seal + count, same line as the logos */
.wl-main .wl-vote,.wl-main .movie-card.v-epic .wl-vote{flex:1 1 auto;margin:0;padding:0;border:0;background:none;box-shadow:none}
.wl-main .wl-vote-head,.wl-main .wl-vote-meter,.wl-main .wl-vote-name{display:none}
.wl-main .wl-vote-btns{display:flex;justify-content:flex-end;gap:.35rem}
.wl-main .wl-vote .wl-vote-btn,.wl-main .movie-card.v-epic .wl-vote .wl-vote-btn{flex-direction:row;gap:.25rem;padding:.12rem .4rem .12rem .15rem;border-radius:999px}
.wl-main .wl-vote-btn img,.wl-main .movie-card.v-epic .wl-vote-btn img{width:26px}
.wl-main .wl-vote-n{min-width:0;padding:0 .2rem;font-size:.78rem;background:none;border:0}
/* buttons on one row */
.wl-main .btn-professional,.wl-main .movie-card.v-epic .info-box .btn-professional{flex:1 1 auto;height:2.1rem;padding:0 .7rem;margin:0;font-size:.62rem;letter-spacing:.1em;width:auto}
.wl-main .movie-card .sh-bar{flex:0 0 auto;display:flex;margin:0;gap:0}
.wl-main .movie-card .sh-bar .sh-btn{width:auto;height:2.1rem;padding:0 .75rem;font-size:.62rem}
.wl-main .movie-card .sh-bar .sh-status:empty{display:none}
@media (min-width:760px){
  .wl-main .movie-card.v-epic .movie-card-body{display:block}
  .wl-main .movie-card.v-epic .poster-box img{aspect-ratio:3/4;height:auto}
  .wl-main .movie-card.v-epic .info-box{display:flex;padding:.75rem .85rem .85rem;align-items:center;text-align:left}
  .wl-main .movie-card.v-epic .info-box h2{font-size:1rem;margin:0}
  .wl-main .movie-card.v-epic .epic-tagline{font-size:.82rem;text-align:left}
  .wl-main .movie-card.v-epic .ratings-panel{margin:0}
  .wl-main .movie-card.v-epic .wl-vote{padding:0;margin:0}
  .wl-main .movie-card.v-epic .wl-vote .wl-vote-btn{padding:.12rem .4rem .12rem .15rem}
  .wl-main .movie-card.v-epic .wl-vote-btn img{width:26px}
  .wl-main .movie-card.v-epic .poster-box .seal-img{width:54px;height:54px}
}
@media (min-width:1100px){.wl-main .movie-card.v-epic{grid-column:auto}}
@media (max-width:736px){.wl-main .movie-wrapper{gap:.8rem}.wl-main .rating-logo{height:15px;max-width:38px}}
@media (max-width:460px){.wl-main .poster-box img{aspect-ratio:3/4}}
/* Design C fixes: beat main.css / watchlist-votes.css */
.wl-main .movie-wrapper{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.wl-main .movie-card .info-box{flex-direction:row;justify-content:space-between}
.wl-main .movie-card .poster-box .seal-img{width:58px;height:58px}
.wl-main .movie-card .wl-vote .wl-vote-btns{display:flex;justify-content:flex-end;gap:.3rem}
.wl-main .movie-card .wl-vote .wl-vote-btn{flex-direction:row;align-items:center;gap:.2rem;padding:.1rem .35rem .1rem .1rem;border-radius:999px}
.wl-main .movie-card .wl-vote .wl-vote-btn img{width:26px}
.wl-main .movie-card .wl-vote .wl-vote-n{font-size:.78rem;padding:0 .15rem;min-width:0;background:none;border:0}
.wl-main .movie-card.v-epic .info-box{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}
.wl-main .movie-card.v-epic .info-box h2,.wl-main .movie-card.v-epic .epic-tagline{text-align:left}
.wl-main .movie-wrapper{align-items:start}
/* Epic cards: exactly like the other cards, only the gold colour marks them */
.wl-main .movie-card.v-epic .epic-tagline{display:none}
.wl-main .movie-card.v-epic:after{display:none;animation:none}
.wl-main .movie-card.v-epic .info-box h2{background:none;-webkit-text-fill-color:#fff;color:#fff}
.wl-main .movie-card.v-epic .poster-box .seal-block{filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}

/* ===== "Real story" button + popup (assets/js/real-stories.js) ===== */
.wl-main .movie-card .info-box .btn-real{order:20;flex:1 1 auto;border-color:rgba(227,168,87,.6);color:#f2c17a;background:rgba(227,168,87,.08)}
.wl-main .movie-card .info-box .btn-real span{font-size:.7rem;margin-right:.15rem}
.wl-main .movie-card .info-box .btn-real:hover,.wl-main .movie-card .info-box .btn-real:focus-visible{background:var(--wl-accent);border-color:var(--wl-accent);color:#1b1e33}
#modalBody .rs-kind{display:inline-block;margin:0 0 .9rem;padding:.3rem .75rem;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(227,168,87,.16);color:#f2c17a}
#modalBody .rs-kind.rs-true{background:rgba(194,69,58,.22);color:#ffb4a8}
#modalBody .rs-kind.rs-closest{background:rgba(126,200,216,.16);color:#9fdbe8}
#modalBody .rs-text{display:block}
#modalBody .rs-src{display:inline-block;margin-top:1rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#f2c17a;border-bottom:1px solid rgba(242,193,122,.4);text-decoration:none}
#modalBody .rs-src:hover{color:#fff;border-color:#fff}