#top10views{display:inline-block;position:relative;direction:rtl;cursor:pointer;z-index:100;}
#dvote{background:#dde6d8;width:100%;height:22px;margin:0;display:inline-block;position:relative;direction:rtl;cursor:pointer;z-index:100;border-radius:50px;}
#scalepointer{width:36px;height:36px;background:#079055;font-size:1.2em;color:#f5f5f5;text-align:center;display:flex;justify-content:center;align-items:center;position:absolute;right:0px;top:-7px;z-index:170;border:solid 1px #f5f5f5;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
#GreenBG1x16Over{background:#079055;height:100%;min-height:22px;display:inline-block;z-index:150;position:absolute;right:0px;top:0px;border-radius:0 50px 50px 0;}
#dv1,#dv2,#dv3,#dv4,#dv5,#dv6,#dv7,#dv8,#dv9,#dv10{display:inline-block;width:10%;height:22px;z-index:200;position:relative;top:0;right:0;}
.dv{display:inline-block;width:35px;height:35px;line-height:35px;z-index:200;-moz-border-radius:5px;border-radius:2px;-webkit-border-radius:2px;border:1px solid #fafafa;background-color:#5bd030;color:#fff;text-align:center;font-size:1.2em;font-weight:bold;}

.vjs-big-play-button{font-size:7em;color:#fff;opacity:0.7;width:2em;height:1.4em;cursor: pointer;-o-object-fit: contain;object-fit: contain;background-color:hsla(0,0%,100%,.25);border-radius:0.3em;display:inline-block;padding:0;border:1px solid #fff;transition:all 0.4s;}
.video-js button {background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.vjs-icon-play:before, .vjs-icon-placeholder:before, .vjs-big-play-button .vjs-icon-placeholder:before {content: "\f101";font-family:VideoJS;font-weight:normal;font-style:normal;color:#fff;}
.vjs-big-play-button:hover{color:#ff8c22;border: 1px solid #ff8c22;}

.trow{background-color:#ebf5e0;height:22px;width:98%;padding-top:6px;margin:auto;text-align:right;direction:rtl;}
.trow:hover{background-color:#dbe5d0;}
.BGGreen635x50{background:url(../images/bg/BTNGreenWideBig635x50.gif) no-repeat;width:635px;height:50px;display:inline-block;text-align:center;cursor:pointer;}
.BGGreen635x50:hover{background:url(../images/bg/BTNGreenWideBig635x50O.gif) no-repeat;}
.icstarcpb{width:60px;height:60px;background:url(../images/icons/ICStarCirclePinkM.png) no-repeat;display:inline-block;padding-top:18px;font-family:arial;color:#fefefe;size:14px;font-weight:bold;text-align:center;text-decoration:none;}
.bgborderg{border:solid 3px #53AD01;display:block;cursor:pointer;}
.bgborderog{border:solid 3px #eee;display:block;cursor:pointer;}
.bgborderog:hover{border:solid 3px #53AD01;}
.rb642x204{width:642x;height:204px;margin:auto;position:relative;background:url(../images/bg/rbbg.gif) repeat-x top;display:block;}
.tabon{width:130px;height:26px;background:url(../images/tabon.png) no-repeat top;padding-top:5px;display:inline-block;text-align:center;font-family:arial;color:#ff9000;size:12px;font-weight:bold;text-decoration:none;cursor:pointer;}
.taboff{width:130px;height:26px;background:url(../images/taboff.png) no-repeat top;padding-top:5px;display:inline-block;text-align:center;font-family:arial;color:#666;size:12px;font-weight:bold;text-decoration:none;cursor:pointer;}
.taboff:hover{background:url(../images/tabover.png) no-repeat top;color:#555;}
.blur{background:url(../images/bg/BGBlurGray.png) repeat;display:block;z-index:10;}
.cbvseps{width:10px;height:164px;background:url(../images/cbvseps.png) no-repeat top;display:block;z-index:5;}
.rblwfdbg{width:120px;height:166px;background:url(../images/bg/rblwfd.png) no-repeat top right;display:inline-block;z-index:1;}
.bgpsto{width:86px;height:112px;background:url(../images/bg/bgpst86x112o.png) no-repeat top;padding:6px;display:inline-block;text-align:center;border:0;}
.bggreenugc{width:200px;height:40px;background:url(../images/buttons/BTNGreenBG200x40.png) no-repeat top;line-height:40px;display:inline-block;text-align:center;color:#fff;font-size:18px;font-family:'Open Sans Hebrew',Arial;font-weight:bold;cursor:pointer;}
.StatsPanel{position:relative;text-align:center;line-height:11px;width:98%;padding:0px;margin:auto;z-index:100;background: -moz-linear-gradient(top, rgba(248,255,232,0.12) 25%, rgba(248,255,232,0.7) 36%, rgba(83,171,25,1) 150%);background: -webkit-linear-gradient(top, rgba(248,255,232,0.12) 25%,rgba(248,255,232,0.7) 36%,rgba(83,171,25,1) 150%);background: linear-gradient(to bottom, rgba(248,255,232,0.12) 25%,rgba(248,255,232,0.7) 36%,rgba(83,171,25,1) 150%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ff8ffe8', endColorstr='#53ab19',GradientType=0 );}
.movienotice{display:inline-block;background-color:#C60000;border-radius:3px;color:#fff;padding:2px 4px;}
.specialnotice{display:inline-block;background-color:#04733b;border-radius:4px;padding:2px 3px;font-size:0.7em;color:#fff;margin:0 1px;font-weight:bold;vertical-align:middle;}

.panel {width:100%;background:linear-gradient(244deg, #F0F4EF 25%, #64b79163 50%, #059b5c 75%);border-radius:5px;box-shadow:0 0px 11px rgba(-2,0,0,0.15);overflow:hidden;}
.panel-main {display: flex;align-items: stretch;gap: 0;}

.badge-container svg {display:block;width:100%;height:auto;cursor:help;transition: transform 0.3s ease;}
.badge-container:hover { transform: scale(1.05) rotate(-3deg);}
.badge-col {padding:28px 20px;display:flex;align-items:center;justify-content:center;min-width:200px;position:relative;border-right:solid 1px #e1e1e1;}
.badge-col svg {width:155px;height:155px;}
.badge-divider {width:80%;height:1px;background: rgba(255,255,255,0.2);margin:10px auto 0;}

.content-col {flex:1;padding:25px 20px 10px;display:flex;flex-direction: column;gap:14px;}
.info-row {display:flex;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid #d6e0d0;}
.info-row:last-child {border-bottom:none;}
.row-label {min-width: 110px;font-size:1.5em;font-weight:800;color: #059b5c;text-align:right;}
.row-label .sub {font-weight: 400;font-size:0.8em;color: #7a9a7a;display: block;}
.row-content {flex: 1;display: flex;flex-direction: column;gap: 6px;}

/* ?? AUDIENCE SCORE ROW ?? */
.audience-top {display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.audience-prompt {font-size: 12.5px;color: #4a6a4a;font-weight: 500;}
.audience-number {font-size: 22px;font-weight: 800;color: #1a3a22;line-height: 1;white-space: nowrap;}
.audience-number .denom {font-size: 14px;font-weight: 400;color: #7a9a7a;}

/* Slider */
.slider-row {display: flex;align-items: center;gap: 8px;}
.star-left  { color: #059b5c; font-size: 18px; line-height: 1; }
.star-right { color: #b0c4b0; font-size: 16px; line-height: 1; }
.slider-wrap {flex: 1;position: relative;height: 20px;display: flex;align-items: center;}
input[type=range] {-webkit-appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to left, #dde6d8 31%, #059b5c 31%);outline:none;cursor:pointer;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;width:22px;height:22px;border-radius:50%;background: #fff;border:2px solid #ccc;box-shadow: 0 2px 6px rgba(0,0,0,0.2);cursor:pointer;}
input[type=range]::-moz-range-thumb {width:22px;height:22px;border-radius:50%;background: #fff;border:2px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,0.2);cursor:pointer;}

/* ?? POPULARITY ROW ?? */
.pop-row {display:flex;align-items:center;gap:10px;}
.pop-score {font-size:22px;font-weight:800;color: #059b5c;line-height:1;white-space:nowrap;}
.pop-score .denom { font-size: 14px; font-weight: 400; color: #7a9a7a; }

/* Segmented bar */
.seg-bar {display:flex;gap:3px;align-items:center;flex:1;}
.seg {height:18px;border-radius:3px;flex:0 0 auto;}
.seg.filled {background: #059b5c; width: 18px;}
.seg.empty  {background: #dde6d8; width: 18px;}

.trend-arrow {font-size:14px;font-weight:500;color: #059b5c;margin-right:5px;display:flex;justify-content:center;align-items:center;border: 1px solid #dde6d8;padding:0 3px;border-radius:5px;}
.trend-arrow:hover {background: #dde6d8}

/* ?? CRITIC ROW ?? */
.critic-inner {display:flex;align-items:center;gap:12px;}
.critic-avatar {width:45px;height:45px;border-radius:50%;background: linear-gradient(135deg, #8aaa8a 10%, #dde6d8 90%);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:20px;}
.critic-avatar img {width:100%;height:100%;object-fit:cover;}
.critic-info {flex:0 0 auto;}
.critic-name {font-size:14px;font-weight:600;color: #343;line-height:1;}
.critic-stars {font-size:16px;font-weight:600;color: #343;line-height:1;}
.critic-publication {font-size:16px;color: #343;font-style:italic;font-weight:500;line-height:1;}
.critic-score {font-size:30px;font-weight:900;color: #059b5c;line-height:1;}

/* ?? WHERE TO WATCH ROW ?? */
.watch-outer {display:flex;gap:20px;align-items:flex-start;}

/* Results bars */
.watch-results {flex:1;display:flex;flex-direction:column;gap:6px;}
.watch-bar-row {display:flex;align-items:center;gap:8px;}
.watch-pct {font-size:13px;font-weight:700;color: #1a3a22;min-width:44px;text-align:right;direction:ltr;}
.watch-track {flex:1;height:20px;background: #dde6d8;border-radius:13px;overflow:hidden;display:flex;align-items:center;}
.watch-fill {height:100%;border-radius:13px;display:flex;align-items:center;justify-content:flex-start;padding-right:12px;}
.watch-fill.cinema { background: linear-gradient(to left, #3db864, #059b5c); }
.watch-fill.home   { background: linear-gradient(to left, #5aaa70, #3d8850); }
.watch-fill.skip   { background: linear-gradient(to left, #88bb90, #6a9a72); }
.watch-fill-label {font-size:1.2em;font-weight:500;color: #fff;text-shadow:0 0 4px #1a3a22;white-space: nowrap;}

/* Voting buttons side */
.watch-vote {display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:160px;border:1px solid #ddd;padding:5px;border-radius:5px;background:linear-gradient(to right, #dcece3, #ffe6c6);}
.vote-label {font-size:1.1em;font-weight:700;color: #e3730c;display:flex;align-items:center;gap:5px;}
.vote-buttons {display:flex;gap:6px;flex-wrap:wrap;}
.vote-btn {display:flex;align-items:center;gap:3px;padding:6px 9px;border-radius:20px;font-family:'Heebo', sans-serif;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid;transition:all 0.15s;white-space:nowrap;background:transparent;}
.vote-btn.cinema,.vote-btn.home,.vote-btn.skip,.vote-btn.newlist {border-color: #ff8c22;color: #e3730c;background:transparent;}
.vote-btn.cinema:hover,.vote-btn.home:hover,.vote-btn.skip:hover,.vote-btn.newlist:hover {background: #e3730c;color:#fff;scale:1.1;}
.vote-btn.newlist{font-size:1.1em;inline-size:fit-content;}
.vote-btn.lstbtn{display:inline-flex;inline-size:fit-content;width:auto;padding:2px 5px;margin-left:10px;}

/* ?? BOTTOM ACTIONS BAR ?? */
.action-panel{display:flex;gap:8px;justify-content:center;width:100%;background:linear-gradient(to right, #dcece3, #ffe6c6);border-radius:6px;padding:10px;z-index:5;}
.action-btn {display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;border-radius:22px;
font-family:'Heebo', sans-serif;font-size:1.2em;font-weight:700;cursor:pointer;border:1.5px solid;
transition:all 0.15s;white-space:nowrap;text-decoration:none;
}
.btn-watchlist {background: #ff8c22;color: #fff;border-color: #ff8c22;z-index:5;}
.btn-watchlist:hover {background: #e47d1d;border-color: #fff;scale:1.06;}
.btn-watchlist.active {background: #e47d1d;border-color: #e47d1d;}
.btn-favorite {background: #ff8c22;color: #fff;border-color: #ff8c22;z-index:5;}
.btn-favorite:hover {background: #e47d1d;border-color: #fff;scale:1.06;}
.btn-favorite.active {background: #e47d1d;border-color: #e47d1d;}
.btn-join {background:transparent;color: #059b5c;border-color: #059b5c;z-index:5;}
.btn-join:hover { background: rgba(42,122,69,0.05);scale:1.05;}
.btn-login {background:transparent;color: #059b5c;border-color: #059b5c;z-index:5;}
.btn-login:hover {background: rgba(42,122,69,0.05);scale:1.05;}
.NoticeNum {display: inline-block;background:#e3730c;padding:0 7px;border-radius:50px;color:#fff;}
/* Animation */
@keyframes barIn {from { width: 0 !important; }}
.watch-fill { animation: barIn 0.8s cubic-bezier(.4,0,.2,1) both; }
.watch-fill.cinema { animation-delay: 0.1s; }
.watch-fill.home   { animation-delay: 0.2s; }
.watch-fill.skip   { animation-delay: 0.3s; }

/* ===== Hero facelift (movie / series pages): sharp cover, poster + info on the right, 400px tall ===== */
.hx-wrap{position:absolute;top:0;right:0;width:66%;height:100%;z-index:10;display:flex;gap:26px;padding:24px 30px;box-sizing:border-box;align-items:flex-start;}
.hx-poster{flex:0 0 190px;}
.hx-poster img{width:190px;height:auto;max-height:400px;object-fit:cover;border-radius:8px;display:block;box-shadow:0 10px 30px rgba(0,0,0,.65);}
.hx-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;text-align:right;}
.hx-info > div:first-child{border-bottom:0 !important;padding:0 !important;margin:0 !important;}
.hx-info h1.TitWhite22{font-size:3.1em !important;line-height:1.1;}
.hx-info h2.TitWhite22{font-size:1.95em !important;line-height:1.2;opacity:.92;}
.hx-info .vspace10,.hx-info .vspace15,.hx-info .vspace20,.hx-info .vspace30{display:none;}
.hx-info .scrollpaneBlack{height:auto !important;overflow:hidden !important;}
.hx-info .scrollpaneBlack .subtitwhite{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:18px !important;line-height:1.55 !important;font-weight:normal;}
.hx-chips{display:flex;flex-wrap:wrap;gap:8px;}
.hx-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:16px;color:#f3e7b9;white-space:nowrap;}
.hx-chip svg{width:17px !important;height:17px !important;flex:0 0 17px;}
.hx-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.hx-btns .heroBtnOrange{border-radius:999px;padding:8px 26px;font-size:17px;font-weight:700;border:2px solid var(--seret-orange);}
.hx-btns #addRevTab2{background:transparent;border-color:rgba(255,255,255,.55);}
.hx-grad{position:absolute;inset:0;z-index:2;border-radius:4px;background:linear-gradient(270deg,#0c120f 0%,rgba(12,18,15,.94) 44%,rgba(12,18,15,.35) 66%,transparent 84%),linear-gradient(0deg,rgba(12,18,15,.55),transparent 35%);}
.hx-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.hx-tags > *{margin:0 !important;}
.hx-blur{position:absolute;inset:0;z-index:1;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 50%,rgba(0,0,0,.4) 100%);mask-image:linear-gradient(90deg,#000 0%,#000 50%,rgba(0,0,0,.4) 100%);}
/* trailer button + close (above the info layer so the X stays clickable) */
.hx-trl{z-index:20 !important;height:100%;}
#bg_cover #vodbut.vjs-big-play-button{position:absolute;top:50%;left:50%;margin:0 !important;transform:translate(-50%,-50%);width:78px;height:78px;padding:0 !important;border:0;border-radius:50%;background:rgba(5,155,92,.92);box-shadow:0 0 0 8px rgba(255,255,255,.2);line-height:78px;transition:transform .2s,background .2s;}
#bg_cover #vodbut.vjs-big-play-button:hover{background:#059b5c;transform:translate(-50%,-50%) scale(1.07);}
#bg_cover #vodbut .vjs-icon-placeholder:before{position:static;display:block;font-size:34px;line-height:78px;width:auto;height:auto;}
#bg_cover #vodbut > span:not(.vjs-icon-placeholder){position:absolute !important;top:100% !important;bottom:auto !important;right:auto !important;left:50%;transform:translateX(-50%);margin-top:16px;font-size:14px !important;line-height:1.2;font-weight:700;white-space:nowrap;color:#fff;text-shadow:0 1px 8px #000;}
#bg_cover #vodclosebut.vjs-big-play-button{width:44px;height:44px;padding:0;border-radius:50%;line-height:44px;font-size:22px !important;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.5);z-index:30;cursor:pointer;}
.hx-tags > *{font-size:16px !important;padding:4px 14px !important;}