/* rewards.v1.css — страница «Задания»: шапка, лента карточек, модалка */

.rew-host{margin-top:14px !important}
.rew-page{padding:0 0 34px;font-family:inherit}

/* шапка в стиле «Зал славы» */
.rew-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.rew-head-ico{width:58px;height:58px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 1px 3px rgba(20,30,60,.05)}
.rew-head-ico img{width:28px;height:28px;display:block}
.rew-head-txt{min-width:0}
.rew-h1{font-size:28px;font-weight:800;color:#141a26;letter-spacing:.3px;line-height:1.08;text-transform:uppercase}
.rew-sub{font-size:15px;font-weight:500;color:#9aa1ae;margin-top:3px;line-height:1.3}

/* заголовок ленты со стрелками */
.rew-lane-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.rew-lane-title{display:flex;align-items:center;gap:9px;min-width:0;font-size:19px;font-weight:800;color:#141a26}
.rew-lane-title i{font-size:17px;color:#9aa1ae}
.rew-lane-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rew-count{flex:0 0 auto;background:#e6e9f0;color:#5b6478;font-size:13px;font-weight:700;border-radius:8px;padding:3px 9px;line-height:1.2}
.rew-nav{display:flex;flex:0 0 auto;border:1px solid #dfe3ec;border-radius:12px;overflow:hidden}
.rew-nav-btn{width:46px;height:38px;border:none;background:transparent;color:#5b6478;font-size:17px;line-height:1;cursor:pointer;padding:0}
.rew-nav-btn+.rew-nav-btn{border-left:1px solid #dfe3ec}
.rew-nav-btn:hover{background:#eef0f5}

/* лента карточек */
.rew-grid{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#cdd3de transparent}
.rew-grid::-webkit-scrollbar{height:6px}
.rew-grid::-webkit-scrollbar-track{background:transparent}
.rew-grid::-webkit-scrollbar-thumb{background:#cdd3de;border-radius:3px}

.rew-card{flex:0 0 162px;width:162px;scroll-snap-align:start;background:#fff;border-radius:16px;padding:8px;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(20,30,60,.06)}
.rew-card-img{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:#eef0f5}
.rew-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.rew-q{position:absolute;top:6px;left:6px;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:rgba(28,35,51,.42);color:#fff;font-size:12px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.rew-q:hover{background:rgba(28,35,51,.62)}
.rew-card-title{font-size:14px;font-weight:800;color:#141a26;text-align:center;margin:8px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rew-card-prize{font-size:13px;font-weight:800;color:#141a26;text-align:center;line-height:1.2;white-space:nowrap}
.rew-card-prog{font-size:11px;font-weight:600;color:#9aa1ae;text-align:center;margin:2px 0 8px;white-space:nowrap}
.rew-card-btn{margin-top:auto}

@media (max-width:560px){
    .rew-card{flex:0 0 calc(40% - 7px);width:calc(40% - 7px);padding:5px;border-radius:12px}
    .rew-card-img{border-radius:8px}
    .rew-card-title{font-size:13px;margin:7px 0 2px}
    .rew-card-prize{font-size:12px}
    .rew-card-prog{font-size:10px;margin:2px 0 7px}
    .rew-card .rew-btn{font-size:12px;padding:9px 4px;border-radius:10px}
    .rew-h1{font-size:24px}
    .rew-sub{font-size:14px}
    .rew-head{gap:12px;margin-bottom:14px}
    .rew-head-ico{width:52px;height:52px;border-radius:16px}
    .rew-head-ico img{width:26px;height:26px}
    .rew-lane-title{font-size:15px;gap:7px}
    .rew-lane-title i{font-size:14px}
    .rew-lane-head{gap:8px}
    .rew-count{font-size:12px;padding:2px 7px}
    .rew-nav-btn{width:42px;height:36px}
}

.rew-btn{width:100%;border:none;border-radius:12px;padding:10px 6px;font-size:12px;font-weight:800;letter-spacing:.5px;line-height:1;cursor:pointer;color:#fff;text-transform:uppercase}
.rew-btn-yellow{background:#f7ce17}
.rew-btn-yellow:hover{background:#eec20d}
.rew-btn-green{background:#22c55e}
.rew-btn-green:hover{background:#1cb254}
.rew-btn-gray{background:#c6ccd8;cursor:default}

.rew-empty{flex:1 1 100%;text-align:center;color:#9aa1ae;font-weight:700;font-size:15px;padding:50px 0}
.rew-spinner{flex:0 0 36px;margin:50px auto;width:36px;height:36px;border:4px solid #dde1ea;border-top-color:#f7ce17;border-radius:50%;animation:rewspin .8s linear infinite}
@keyframes rewspin{to{transform:rotate(360deg)}}

/* модалка деталей */
.rew-modal-wrap{position:fixed;inset:0;z-index:9999995;background:rgba(15,20,35,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.rew-modal{background:#fff;border-radius:24px;padding:18px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto}
.rew-modal-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.rew-modal-ico{width:40px;height:40px;border-radius:14px;background:#eef0f5;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rew-modal-ico img{width:20px;height:20px;display:block}
.rew-modal-title{font-size:19px;font-weight:800;color:#141a26;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rew-modal-x{width:38px;height:38px;border:none;border-radius:12px;background:#eef0f5;color:#3a4256;font-size:20px;font-weight:700;line-height:1;padding:0;cursor:pointer;flex:0 0 auto}
.rew-modal-x:hover{background:#e3e6ee}
.rew-modal-desc{font-size:14px;font-weight:500;color:#7b8393;margin-bottom:12px;line-height:1.4}
.rew-row{background:#f2f4f8;border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.rew-row>span:first-child{font-size:14px;font-weight:600;color:#8b93a3}
.rew-row b{font-size:16px;font-weight:800;color:#141a26;white-space:nowrap}
.rew-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.rew-slotname{font-style:normal;font-size:13px;font-weight:700;color:#e0b511;text-align:right}
.rew-modal-btn{margin-top:12px}

/* тост */
.rew-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);z-index:9999999;background:#141a26;color:#fff;font-size:14px;font-weight:700;padding:13px 20px;border-radius:14px;opacity:0;transition:all .3s ease;max-width:92vw;text-align:center}
.rew-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* пункт меню */
.left-main .games-menu .rew-menu-item{cursor:pointer}
.rew-menu-img{background-size:contain;background-position:center;background-repeat:no-repeat}
.header-menu.mobdrawer .rew-menu-item{cursor:pointer}
.dropdown-item.rew-menu-item{cursor:pointer}

/* ===== тёмная тема ===== */
body:not(.light-theme) .rew-h1{color:#fff}
body:not(.light-theme) .rew-sub{color:#8d94a3}
body:not(.light-theme) .rew-head-ico{background:#2b3341;box-shadow:none}
body:not(.light-theme) .rew-head-ico img{filter:invert(1)}

body:not(.light-theme) .rew-lane-title{color:#fff}
body:not(.light-theme) .rew-lane-title i{color:#8d94a3}
body:not(.light-theme) .rew-count{background:#2f3745;color:#aeb5c2}
body:not(.light-theme) .rew-nav{border-color:#3a4250}
body:not(.light-theme) .rew-nav-btn{color:#aeb5c2}
body:not(.light-theme) .rew-nav-btn+.rew-nav-btn{border-left-color:#3a4250}
body:not(.light-theme) .rew-nav-btn:hover{background:#2f3745}

body:not(.light-theme) .rew-grid{scrollbar-color:#3a4250 transparent}
body:not(.light-theme) .rew-grid::-webkit-scrollbar-thumb{background:#3a4250}

body:not(.light-theme) .rew-card{background:#262d3a;box-shadow:0 2px 10px rgba(0,0,0,.25)}
body:not(.light-theme) .rew-card-img{background:#1e2430}
body:not(.light-theme) .rew-card-title{color:#fff}
body:not(.light-theme) .rew-card-prize{color:#fff}
body:not(.light-theme) .rew-card-prog{color:#8d94a3}
body:not(.light-theme) .rew-btn-gray{background:#3a4250;color:#aeb5c2}

body:not(.light-theme) .rew-empty{color:#8d94a3}
body:not(.light-theme) .rew-spinner{border-color:#3a4250;border-top-color:#f7ce17}

body:not(.light-theme) .rew-modal-wrap{background:rgba(0,0,0,.6)}
body:not(.light-theme) .rew-modal{background:#232a36}
body:not(.light-theme) .rew-modal-title{color:#fff}
body:not(.light-theme) .rew-modal-ico{background:#2f3745}
body:not(.light-theme) .rew-modal-ico img{filter:invert(1)}
body:not(.light-theme) .rew-modal-x{background:#2f3745;color:#cfd4de}
body:not(.light-theme) .rew-modal-x:hover{background:#3a4250}
body:not(.light-theme) .rew-modal-desc{color:#9aa1ae}
body:not(.light-theme) .rew-row{background:#2b3341}
body:not(.light-theme) .rew-row>span:first-child{color:#8d94a3}
body:not(.light-theme) .rew-row b{color:#fff}

body:not(.light-theme) .rew-toast{background:#2f3745;color:#fff}

.rew-grid + .rew-lane-head{margin-top:20px}