/*
Theme Name: DotaLoot Ru
Theme URI: https://dotaloot.help/
Description: Русская страница DotaLoot — сундуки, апгрейд, контракты, Battle Pass, промокод DEPO10.
Version: 1.0.4
Text Domain: dotaloot-ru
*/
@font-face{font-family:"Rubik Marker Hatch";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/RubikMarkerHatch-cyrillic.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Rubik Marker Hatch";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/RubikMarkerHatch-latin.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#121315;--s1:#1a1d21;--s2:#22262b;--ln:#2c3036;--tx:#f4f5f7;--mu:#a3a7af;--dim:#7c8189;--o:#ff8b00;--o2:#ffa53a;--ink:#121315;--hd:72px;--gut:clamp(16px, 3vw, 40px);--disp:'Rubik Marker Hatch', 'Arial Black', sans-serif;--sans:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}*,::before,::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 16px)}body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.6 var(--sans);overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.i{width:20px;height:20px;flex:0 0 auto}:focus-visible{outline:2px solid var(--o);outline-offset:3px}.wrap{width:100%;max-width:1480px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;font:800 16px/1.1 var(--sans);text-decoration:none;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s}.btn--go{background:var(--o);color:var(--ink)}.btn--go:hover{background:var(--o2)}.btn--line{border-color:var(--ln);color:var(--tx)}.btn--line:hover{border-color:var(--o)}.btn--lg{min-height:58px;padding:0 30px;font-size:18px}.promo{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;background:0 0;border:2px dashed var(--o);white-space:nowrap;transition:background .15s}.promo:hover{background:rgba(255,139,0,.1)}.promo__c{color:var(--o);font:900 16px/1 var(--sans);letter-spacing:.04em}.promo__p{color:var(--mu);font:600 15px/1 var(--sans)}.promo .i{width:18px;height:18px;color:var(--mu)}.promo.is-done{background:rgba(255,139,0,.22);border-style:solid}.promo.is-done .promo__p{color:var(--o)}.promo--lg{min-height:58px;padding:0 18px}.promo--lg .promo__c{font-size:19px}.hd{position:sticky;top:0;z-index:30;background:rgba(18,19,21,.96);border-bottom:1px solid var(--ln)}.hd__in{height:var(--hd);display:flex;align-items:center;gap:24px}.logo-link{text-decoration:none;flex:0 0 auto;min-width:0;display:flex}.logo{display:flex;align-items:center;gap:10px;min-width:0}.logo__m{width:32px;height:32px;flex:0 0 auto}.logo__w{font:900 21px/1 var(--sans);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.logo__v{color:var(--o)}.nav{display:flex;gap:4px;margin-left:auto}.nav a{padding:8px 10px;color:var(--mu);font:500 15px/1 var(--sans);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}.nav a:hover{color:var(--tx)}.nav a[aria-current]{color:var(--tx);border-bottom-color:var(--o)}.hd__r{display:flex;align-items:center;gap:10px;flex:0 0 auto}.hd__ref .btn__s{display:none}.hd__menu{display:none;width:48px;height:48px;align-items:center;justify-content:center;background:0 0;border:1px solid var(--ln)}.mp{position:fixed;inset:0;z-index:40;background:var(--bg);padding:0 var(--gut) 32px;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .2s,visibility .2s}.mp.is-on{transform:none;visibility:visible}.mp__top{height:var(--hd);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ln)}.mp__x{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:0 0;border:1px solid var(--ln)}.mp__list a{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--ln);font:700 19px/1.2 var(--sans);text-decoration:none}.mp__list a .i{color:var(--o)}.mp__list a[aria-current]{color:var(--o)}.mp__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.mp__act .btn{flex:1 1 220px}.hero{border-bottom:1px solid var(--ln)}.hero__in{padding-top:clamp(36px,6vw,72px);padding-bottom:clamp(36px,5vw,56px)}.hero--home .hero__in{text-align:center;padding-bottom:32px}.hero h1{font:400 clamp(40px,6.2vw,84px)/1.02 var(--disp);letter-spacing:.01em;overflow-wrap:break-word;max-width:16ch}.hero--home h1{margin:18px auto 0}.hero--in h1{font-size:clamp(36px,4.6vw,64px);max-width:20ch}.lead{margin-top:20px;max-width:640px;color:var(--mu);font-size:clamp(17px,1.6vw,20px);line-height:1.5}.hero--home .lead{margin-left:auto;margin-right:auto}.hero__act{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.hero--home .hero__act{justify-content:center}.clock{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--ln);background:var(--s1);color:var(--mu);font:600 15px/1.2 var(--sans);max-width:100%}.clock .i{color:var(--o);width:18px;height:18px}.clock__t{color:var(--tx);font:900 16px/1 var(--sans);font-variant-numeric:tabular-nums;min-width:4.2ch}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:22px;color:var(--dim);font-size:14px}.crumbs a{color:var(--mu);text-decoration:none}.crumbs a:hover{color:var(--o)}.crumbs .i{width:14px;height:14px}.picks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding-bottom:clamp(36px,5vw,64px)}.pk{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:168px;padding:18px 16px 20px;background:var(--s1);border-top:4px solid var(--c)}.pk em{font:800 12px/1.2 var(--sans);font-style:normal;color:var(--dim);letter-spacing:.08em;text-transform:uppercase}.pk b{display:block;margin-top:8px;font:900 clamp(20px,1.9vw,26px)/1.1 var(--sans);overflow-wrap:anywhere}.pk span{margin-top:6px;color:var(--mu);font-size:15px;line-height:1.35}.pk--me{background:var(--o);border-top-color:var(--o);color:var(--ink)}.pk--me em,.pk--me span{color:#3a2200}.pk--me b{letter-spacing:.04em}.how{background:var(--s1);border-bottom:1px solid var(--ln)}.how__in{padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px)}.how__t{font:900 clamp(26px,3vw,38px)/1.15 var(--sans);max-width:26ch}.how__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px;counter-reset:s}.how__steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}.how--s .how__steps{margin-top:0}.how--s .how__t+.how__steps{margin-top:28px}.how__steps li{display:flex;flex-direction:column;gap:14px;padding:20px 18px 22px;background:var(--bg);border-left:2px solid var(--o)}.how__steps b{font:900 30px/1 var(--sans);color:var(--o)}.how__steps span{font-weight:600;line-height:1.4}.how__act{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.how__note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;color:var(--mu);font-size:15px;max-width:760px}.how__note .i{color:var(--o);margin-top:3px;width:18px;height:18px}.band{padding-top:clamp(40px,5vw,64px)}.band__t{font:900 clamp(24px,2.6vw,32px)/1.2 var(--sans)}.band__s{margin-top:8px;color:var(--mu)}.free,.gives{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.gives{grid-template-columns:repeat(3,minmax(0,1fr))}.free li,.gives li{display:flex;flex-direction:column;gap:6px;padding:18px 16px 20px;background:var(--s1);border-top:4px solid var(--c)}.free .i,.gives .i{color:var(--c);width:24px;height:24px;margin-bottom:8px}.free b,.gives b{font:800 19px/1.25 var(--sans)}.free span,.gives span{color:var(--mu);font-size:15px;line-height:1.4}.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.cats li{display:inline-flex;align-items:baseline;gap:10px;padding:12px 16px;border:1px solid var(--ln);font-weight:600}.cats em{font-style:normal;color:var(--dim);font:800 12px/1 var(--sans);letter-spacing:.06em}.rar{display:flex;gap:3px;height:18px;margin-top:24px}.rar span{background:var(--c);min-width:6px}.rar__k{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:16px}.rar__k li{padding-top:10px;border-top:3px solid var(--c)}.rar__k b{display:block;font:900 20px/1.1 var(--sans);font-variant-numeric:tabular-nums}.rar__k span{color:var(--mu);font-size:14px}.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:clamp(40px,5vw,64px)}.duo__h{padding:26px 24px 28px;background:var(--s1);border-top:4px solid var(--c)}.duo__h h2{display:flex;align-items:center;gap:12px;font:900 clamp(21px,2vw,26px)/1.2 var(--sans)}.duo__h h2 .i{color:var(--c);width:26px;height:26px}.duo__v{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:22px;font:900 clamp(38px,4.4vw,58px)/1 var(--sans)}.duo__v i{font-style:normal;color:var(--c)}.duo__s{margin-top:10px;color:var(--mu)}.duo__st{margin-top:22px;display:grid;gap:8px;counter-reset:d}.duo__st li{counter-increment:d;display:flex;gap:12px;padding:12px 14px;background:var(--bg);font-weight:600;line-height:1.4}.duo__st li::before{content:counter(d);color:var(--c);font-weight:900;min-width:1ch}.track{margin-top:28px;padding:0 0 8px}.track__bar{display:flex;gap:2px;height:22px}.track__bar span{flex:1 1 0;background:var(--s2)}.track__bar .is-arc{background:#ade55c}.track__bar .is-mega{background:var(--o)}.track__m{position:relative;height:88px;margin-top:10px}.track__m li{position:absolute;top:0;left:var(--p);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:120px}.track__m li:first-child{transform:none;align-items:flex-start;text-align:left}.track__m li:last-child{transform:translateX(-100%);align-items:flex-end;text-align:right}.track__m b{font:900 20px/1 var(--sans)}.track__m span{color:var(--mu);font-size:14px;line-height:1.3}.track__m span .i{width:18px;height:18px;color:var(--mu)}.track__m .is-arc b{color:#ade55c}.track__m .is-mega b{color:var(--o)}.hero__in--code{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:40px;align-items:center}.code{padding:28px 28px 30px;background:var(--s1);border:2px dashed var(--o);text-align:center}.code__pct{color:var(--o);font:900 20px/1 var(--sans)}.code__c{margin-top:10px;font:400 clamp(44px,5vw,68px)/1 var(--disp);letter-spacing:.04em;overflow-wrap:anywhere}.code__s{margin-top:12px;color:var(--mu)}.code__btn{margin-top:22px;width:100%}.pays{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px;padding-bottom:clamp(40px,5vw,64px)}.pays li{display:flex;flex-direction:column;gap:8px;padding:18px 16px 20px;background:var(--s1);border-top:4px solid var(--ln)}.pays .i{color:var(--o);width:24px;height:24px}.pays b{font:800 18px/1.25 var(--sans)}.pays span{color:var(--mu);font-size:14px;line-height:1.4}.pays__items{border-top-color:var(--o)!important}.band+.how--s{margin-top:0}.card{padding:28px 26px 30px;background:var(--s1);border-top:4px solid var(--o);max-width:900px}.card__list{margin-top:18px}.card__list div{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--ln)}.card__list dt{display:flex;align-items:center;gap:10px;color:var(--mu)}.card__list dt .i{color:var(--o);width:18px;height:18px}.card__list a{color:var(--tx);font-weight:700;overflow-wrap:anywhere;text-decoration-color:var(--o);text-underline-offset:4px}.card__list a:hover{color:var(--o)}.card__d{margin-top:18px;color:var(--dim);font-size:15px}.read{padding-top:clamp(44px,5vw,72px)}.read__col{max-width:820px}.prose h2{margin-top:44px;font:900 clamp(24px,2.4vw,30px)/1.2 var(--sans)}.prose h2:first-child{margin-top:0}.prose p{margin-top:14px;color:#d4d6db}.prose h2+p{margin-top:16px}.prose ul,.prose ol{margin-top:14px;display:grid;gap:8px}.prose li{position:relative;padding-left:22px;color:#d4d6db}.prose li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:3px;background:var(--o)}.prose a{color:var(--tx);text-decoration:underline;text-decoration-color:var(--o);text-decoration-thickness:2px;text-underline-offset:4px}.prose a:hover{color:var(--o)}.faq{padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(56px,6vw,88px)}.faq__t{font:900 clamp(24px,2.4vw,30px)/1.2 var(--sans)}.faq__list{margin-top:20px;max-width:900px;border-top:1px solid var(--ln)}.qa{border-bottom:1px solid var(--ln)}.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font:700 18px/1.35 var(--sans);cursor:pointer;list-style:none}.qa summary::-webkit-details-marker{display:none}.qa summary .i{color:var(--o);transition:transform .15s}.qa[open] summary .i{transform:rotate(45deg)}.qa__a{padding:0 0 20px;color:#d4d6db;max-width:760px}.qa__a p+p{margin-top:10px}.qa__a a{color:var(--tx);text-decoration-color:var(--o);text-underline-offset:4px}.e404 .hero__in{text-align:center;padding-bottom:clamp(56px,8vw,110px)}.e404 h1{margin:10px auto 0}.e404 .lead{margin-left:auto;margin-right:auto}.e404__n{display:block;font:400 clamp(90px,14vw,180px)/1 var(--disp);color:var(--o)}.e404 p:last-child{margin-top:28px}.ft{margin-top:0;border-top:1px solid var(--ln);background:#0e0f11}.ft__in{display:flex;flex-wrap:wrap;align-items:center;gap:24px 32px;padding-top:40px;padding-bottom:28px}.ft__nav{display:flex;flex-wrap:wrap;gap:6px 18px;flex:1 1 380px}.ft__nav a{color:var(--mu);text-decoration:none;font-size:15px}.ft__nav a:hover,.ft__nav a[aria-current]{color:var(--tx)}.ft__act{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.ft__base{padding-top:22px;padding-bottom:36px;border-top:1px solid var(--ln);display:grid;gap:8px;color:var(--dim);font-size:14px;line-height:1.5}.ft__age{display:inline-block;padding:2px 6px;border:1px solid var(--dim);color:var(--mu);font-size:12px;margin-right:4px}@media (max-width:1360px){.nav a{padding:8px 7px;font-size:14px}.hd__in{gap:16px}}@media (max-width:1240px){.nav{display:none}.hd__menu{display:inline-flex}.hd__r{margin-left:auto}.picks{grid-template-columns:repeat(3,minmax(0,1fr))}.pays{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1000px){.how__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.free{grid-template-columns:repeat(2,minmax(0,1fr))}.rar__k{grid-template-columns:repeat(4,minmax(0,1fr))}.hero__in--code{grid-template-columns:minmax(0,1fr);gap:28px}.code{max-width:520px}}@media (max-width:860px){.duo{grid-template-columns:minmax(0,1fr)}.gives{grid-template-columns:minmax(0,1fr)}.how__steps--3{grid-template-columns:minmax(0,1fr)}.track__m li{width:84px}.track__m .is-arc span{display:none}}@media (max-width:760px){.hd__ref .btn__f{display:none}.hd__ref .btn__s{display:inline}.hd__ref{padding:0 14px}.hd .logo__w{display:none}}@media (max-width:640px){body{font-size:16px}.picks{grid-template-columns:repeat(2,minmax(0,1fr))}.pk{min-height:140px;padding:16px 14px 18px}.pays{grid-template-columns:repeat(2,minmax(0,1fr))}.card__list div{grid-template-columns:minmax(0,1fr);gap:4px}.card{padding:22px 18px 24px}}@media (max-width:520px){.how__steps{grid-template-columns:minmax(0,1fr)}.rar__k{grid-template-columns:repeat(2,minmax(0,1fr))}.free{grid-template-columns:minmax(0,1fr)}.btn--lg{width:100%}.how__act .promo{width:100%;justify-content:center}.hd__promo .promo__p{display:none}.hd__promo{padding:0 10px}.clock{font-size:14px}}@media (max-width:420px){.hd__in{gap:10px}.hd__r{gap:8px}.hd__promo .i{display:none}.hd__menu{width:44px}.picks{grid-template-columns:minmax(0,1fr)}.pk{min-height:0}.pays{grid-template-columns:minmax(0,1fr)}}@media (max-width:380px){.hd__ref{padding:0 10px}.hd__ref .i{display:none}.hd__promo{padding:0 7px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}