/*
Theme Name: Skinbox Ru
Theme URI: https://skinbox.cc/
Description: Информационный сайт о Skinbox — кейсы CS2, промокоды, пополнение и вывод.
Version: 1.0.9
Text Domain: skinbox-ru
*/
:root{--bg:#12131c;--p1:#181924;--p2:#202133;--p3:#27283d;--line:#363753;--ink:#eeeffb;--ink2:#a9b7cc;--ink3:#8595ae;--y:#f1d15e;--y-ink:#1b1408;--r:#f44b55;--r-ink:#1d070a;--rad:6px;--wrap:1440px;--pad:clamp(16px, 3vw, 40px);--disp:"SKB Display", "SKB Text", Georgia, serif;--text:"SKB Text", "Segoe UI", system-ui, sans-serif;--measure:900px}*,::before,::after{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--text);-webkit-text-size-adjust:100%;scrollbar-color:var(--line) var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}::selection{background:var(--y);color:var(--y-ink)}:focus-visible{outline:2px solid var(--y);outline-offset:3px;border-radius:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}[data-lucide],.lucide{width:18px;height:18px;stroke-width:2;flex:none}h1,h2,h3{font-family:var(--disp);font-weight:400;line-height:1.12;margin:0;letter-spacing:0}.top{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);height:74px;display:flex;align-items:center;gap:20px;position:relative;z-index:20}.mark{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0;flex:0 1 auto;overflow:hidden}.mark__icon{width:34px;height:34px;flex:none}.mark__word{font:400 26px/1 var(--disp);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.mark__ru{font:400 26px/1 var(--disp);color:var(--r);white-space:nowrap}.nav{display:flex;gap:2px;margin-left:6px}.nav a{text-decoration:none;color:var(--ink2);font-size:15px;padding:8px 10px;border-radius:var(--rad);white-space:nowrap;transition:color .2s,background-color .2s}.nav a:hover{color:var(--ink);background:var(--p2)}.nav a[aria-current=page]{color:var(--y)}.top__right{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--rad);background:0 0;color:var(--ink);align-items:center;justify-content:center;cursor:pointer;flex:none}.burger [data-lucide=x],.burger .lucide-x{display:none}.burger[aria-expanded=true] [data-lucide=x],.burger[aria-expanded=true] .lucide-x{display:block}.burger[aria-expanded=true] [data-lucide=menu],.burger[aria-expanded=true] .lucide-menu{display:none}.panel{position:absolute;left:0;right:0;top:74px;z-index:19;background:var(--p1);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px var(--pad) 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px;max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain}.panel[hidden]{display:none}.panel a{display:flex;align-items:center;gap:12px;padding:12px 10px;text-decoration:none;border-radius:var(--rad)}.panel a:hover,.panel a[aria-current=page]{background:var(--p2)}.panel a:nth-child(odd) [data-lucide],.panel a:nth-child(odd) .lucide{color:var(--y)}.panel a:nth-child(even) [data-lucide],.panel a:nth-child(even) .lucide{color:var(--r)}.ticket{--notch:radial-gradient(circle 7px at 0 50%, #0000 96%, #000) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, #0000 96%, #000) right / 51% 100% no-repeat;display:inline-flex;align-items:center;gap:10px;background:var(--y);color:var(--y-ink);padding:7px 10px 7px 16px;-webkit-mask:var(--notch);mask:var(--notch);min-width:0}.ticket__code{font:700 16px/1 var(--text);letter-spacing:.1em;white-space:nowrap}.ticket__terms{font-size:12px;line-height:1.2;max-width:108px;border-left:1.5px dashed rgba(27,20,8,.55);padding-left:10px}.ticket__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--y-ink);color:var(--y);cursor:pointer;flex:none}.ticket__btn [data-lucide=check],.ticket__btn .lucide-check{display:none}.ticket.is-copied .ticket__btn [data-lucide=check],.ticket.is-copied .ticket__btn .lucide-check{display:block}.ticket.is-copied .ticket__btn [data-lucide=copy],.ticket.is-copied .ticket__btn .lucide-copy{display:none}.ticket--top{cursor:pointer}.ticket--big{padding:12px 14px 12px 24px;gap:14px}.ticket--big .ticket__code{font-size:clamp(22px,2.2vw,30px)}.ticket--big .ticket__terms{font-size:14px;max-width:150px}.ticket--big .ticket__btn{width:40px;height:40px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--r);color:var(--r-ink);text-decoration:none;font:700 16px/1 var(--text);padding:13px 18px;border-radius:var(--rad);white-space:nowrap;transition:transform .2s ease-out,box-shadow .2s;box-shadow:0 6px 16px -8px rgba(0,0,0,.6)}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px -8px rgba(0,0,0,.7)}.btn__short{display:none}.btn--big{font-size:18px;padding:16px 22px}.lobby{max-width:var(--wrap);margin:0 auto;padding:8px var(--pad)0}.marquee{position: relative;
    padding: 30px clamp(20px, 3vw, 40px) 30px;
    margin: 20px 0 40px;}.marquee::before,.marquee::after{content:"";position:absolute;left:14px;right:14px;height:8px;background:radial-gradient(circle 3.5px,var(--y) 92%,#0000)0 0/22px 8px repeat-x}.marquee::before{top:7px}.marquee::after{bottom:7px;background-image:radial-gradient(circle 3.5px,var(--r) 92%,#0000)}.marquee__h1{font-size:clamp(32px,4.2vw,60px);max-width:22ch;text-wrap:balance}.marquee__lead{margin:12px 0 0;color:var(--ink2);max-width:64ch;font-size:18px}.crumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink3);margin-bottom:10px}.crumbs a{color:var(--ink2);text-decoration:none}.crumbs a:hover{color:var(--y)}.crumbs [data-lucide],.crumbs .lucide{width:14px;height:14px}.wall{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr) minmax(0,1fr);grid-template-areas:"l m r";gap:22px;margin-top:26px}.wall__sides{display:contents}.poster{position:relative;border-radius:var(--rad);overflow:hidden;min-height:clamp(460px,40vw,580px);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:#0c0d14;text-decoration:none}.poster--main{grid-area:m;outline:2px solid var(--r);outline-offset:6px}.poster--side:first-child{grid-area:l}.poster--side:last-child{grid-area:r}.poster--side.is-y{outline:2px solid var(--y);outline-offset:6px}.poster--side.is-r{outline:2px solid var(--r);outline-offset:6px}.poster__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 32%}.poster--main::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,20,.9)0,rgba(12,13,20,.15) 48%,rgba(12,13,20,0) 70%);pointer-events:none}.poster__main-in{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.poster__art{position:absolute;left:50%;top:5%;width:94%;max-width:380px;transform:translateX(-50%);filter:drop-shadow(0 18px 26px rgba(0,0,0,.7));transition:transform .35s ease-out,filter .35s}.poster--side::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,20,.96)0,rgba(12,13,20,.25) 42%,rgba(12,13,20,0) 62%);pointer-events:none}.poster__bg--side{object-position:50% 30%;transition:transform .5s ease-out}.poster--side:hover .poster__bg--side{transform:scale(1.03)}.poster--side:hover .poster__art{transform:translateX(-50%) translateY(-6px) scale(1.03);filter:drop-shadow(0 24px 30px rgba(0,0,0,.75)) brightness(1.08)}.poster__cap{position:relative;z-index:2;align-self:flex-start;font-size:13px;font-weight:700;padding:6px 10px;border-radius:3px;margin-bottom:10px}.poster--side.is-y .poster__cap{background:var(--y);color:var(--y-ink)}.poster--side.is-r .poster__cap{background:var(--r);color:var(--r-ink)}.poster__t{position:relative;z-index:2;font:400 clamp(30px,2.8vw,42px)/1.05 var(--disp)}.plates{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.plate{background:var(--p2);border-radius:var(--rad);padding:18px 18px 20px;display:grid;gap:8px;align-content:start;border-top:4px solid var(--y)}.plate.is-r{border-top-color:var(--r)}.plate [data-lucide],.plate .lucide{width:22px;height:22px}.plate.is-y [data-lucide],.plate.is-y .lucide{color:var(--y)}.plate.is-r [data-lucide],.plate.is-r .lucide{color:var(--r)}.plate b{font:400 22px/1.15 var(--disp)}.plate span{color:var(--ink2);font-size:15px;line-height:1.45}.read{max-width:var(--wrap);margin:0 auto;padding:56px var(--pad) 8px}.prose{margin:0 auto}.prose>p:first-child{font-size:19px;color:var(--ink)}.prose h2{font-size:clamp(26px,2.6vw,36px);margin:52px 0 14px}.prose h2:nth-of-type(odd)::after,.prose h2:nth-of-type(even)::after{content:"";display:block;width:46px;height:4px;margin-top:12px;border-radius:2px;background:var(--y)}.prose h2:nth-of-type(even)::after{background:var(--r)}.prose h3{font-size:22px;margin:30px 0 8px}.prose p{margin:0 0 16px;color:var(--ink2)}.prose a{color:var(--y);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose a:hover{color:var(--ink)}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px;color:var(--ink2)}.prose li{margin:6px 0}.prose li::marker{color:var(--r)}.prose table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15px;font-variant-numeric:tabular-nums}.prose th{text-align:left;font-weight:700;color:var(--ink);background:var(--p2);padding:10px 12px}.prose td:not(:last-child){white-space:nowrap}.prose td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink2);vertical-align:top}.prose tbody tr:nth-child(odd) td:first-child{box-shadow:inset 3px 0 0 var(--y)}.prose tbody tr:nth-child(even) td:first-child{box-shadow:inset 3px 0 0 var(--r)}.cat,.free{max-width:var(--wrap);margin:0 auto;padding:48px var(--pad)0}.cat__h{font-size:clamp(28px,3vw,40px);margin-bottom:20px}.cat__group{margin-top:30px}.cat__gh{font-size:26px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--line);position:relative}.cat__gh::after{content:"";position:absolute;left:0;bottom:-1px;width:46px;height:3px;border-radius:2px;background:var(--y)}.cat__group.is-r .cat__gh::after{background:var(--r)}.cat__gh small{font:400 15px/1 var(--text);color:var(--ink3)}.cat__grid{list-style:none;margin:0;padding:0;columns:4 250px;column-gap:40px}.case{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid var(--p3);break-inside:avoid}.case__name{font-weight:700;font-size:15px;line-height:1.3;min-width:0;overflow-wrap:anywhere}.case__dots{flex:1 1 12px;min-width:12px;border-bottom:2px dotted var(--line);transform:translateY(-4px)}.case__price{color:var(--y);font-variant-numeric:tabular-nums;font-size:15px;white-space:nowrap;flex:none}.cat__group.is-r .case__price{color:var(--r)}.case__tag{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:3px;background:var(--r);color:var(--r-ink);transform:translateY(-2px)}.cat__date{color:var(--ink3);font-size:13px;margin:18px 0 0}.free__row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:end}.free__it{position:relative;background:var(--p2);border-radius:var(--rad);padding:16px 16px 18px;display:grid;gap:4px;border-top:4px solid var(--y)}.free__it.is-r{border-top-color:var(--r)}.free__bar{display:block;height:calc(var(--step)*14px);margin-bottom:10px;border-radius:3px;background:linear-gradient(180deg,rgba(241,209,94,.55),rgba(241,209,94,.08))}.free__it.is-r .free__bar{background:linear-gradient(180deg,rgba(244,75,85,.55),rgba(244,75,85,.08))}.free__it .case__name{font:400 22px/1.1 var(--disp)}.free__sum{font-size:19px;font-weight:700;color:var(--y);font-variant-numeric:tabular-nums;white-space:nowrap}.free__it.is-r .free__sum{color:var(--r)}.free__sum small{font-size:13px;font-weight:400;color:var(--ink3)}.chan{list-style:none;padding:0;margin:28px auto 0;max-width:var(--measure);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.chan a{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--p2);border-radius:var(--rad);text-decoration:none;transition:background-color .2s}.chan a:hover{background:var(--p3)}.chan li.is-y [data-lucide],.chan li.is-y .lucide{color:var(--y)}.chan li.is-r [data-lucide],.chan li.is-r .lucide{color:var(--r)}.faq{max-width:var(--wrap);margin:0 auto;padding:48px var(--pad) 10px}.faq h2{font-size:clamp(26px,2.6vw,36px);max-width:var(--measure);margin:0 auto 18px}.faq__list{max-width:var(--measure);margin:0 auto;display:grid;gap:10px}.faq__it{background:var(--p2);border-radius:var(--rad)}.faq__it.is-y summary [data-lucide],.faq__it.is-y summary .lucide{color:var(--y)}.faq__it.is-r summary [data-lucide],.faq__it.is-r summary .lucide{color:var(--r)}.faq__it summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;font-weight:700}.faq__it summary::-webkit-details-marker{display:none}.faq__it summary [data-lucide],.faq__it summary .lucide{transition:transform .25s ease-out}.faq__it[open] summary [data-lucide],.faq__it[open] summary .lucide{transform:rotate(45deg)}.faq__a{padding:0 18px 16px;color:var(--ink2)}.faq__a p{margin:0 0 10px}.faq__a a{color:var(--y)}.foot{margin-top:72px;background:var(--p1);border-top:1px solid var(--line)}.foot__lights{height:10px;background:radial-gradient(circle 3.5px,var(--y) 92%,#0000) 11px 1px/44px 8px repeat-x,radial-gradient(circle 3.5px,var(--r) 92%,#0000) 33px 1px/44px 8px repeat-x;opacity:.9}.foot__row{max-width:var(--wrap);margin:0 auto;padding:34px var(--pad) 10px;display:flex;flex-wrap:wrap;gap:26px 40px;align-items:flex-start}.foot__nav{display:grid;grid-template-columns:repeat(3,auto);gap:8px 28px}.foot__nav a:not(.btn){color:var(--ink2);text-decoration:none;font-size:15px}.foot__nav a:not(.btn):hover{color:var(--y)}.foot__cta{margin-left:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:30px}.foot__base{max-width:var(--wrap);margin:0 auto;padding:18px var(--pad) 30px;display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.foot__disc{margin:0;color:var(--ink3);font-size:14px;max-width:70ch}.foot__age{border:1px solid var(--line);border-radius:var(--rad);padding:3px 8px;font-size:13px;color:var(--ink2)}@media (max-width:1480px){.ticket--top .ticket__terms{display:none}}

@media (max-width:1400px){.nav{display:none}.burger{display:inline-flex}}@media (max-width:1280px){.plates{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.wall{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"m m""l r"}.poster--main{min-height:480px}.poster--side{min-height:420px}.free__row{grid-template-columns:repeat(3,minmax(0,1fr))}.foot__cta{margin-left:0;padding-top:0}}@media (max-width:760px){.ticket__terms{display:none}.top{gap:10px;height:64px}.panel{top:64px;max-height:calc(100dvh - 64px)}.marquee{padding: 26px 8px 24px;
        text-align: center;}.marquee__lead{font-size:16px}.poster{padding:16px}.poster--main{min-height:440px}.poster--side{min-height:340px}.poster__t{font-size:28px}.plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plate:last-child{grid-column:1/-1}.read{padding-top:40px}.foot__nav{grid-template-columns:repeat(2,auto)}.foot__base{flex-direction:column}}@media (max-width:640px){.btn__full{display:none}.btn__short{display:inline}.btn{padding:12px 14px}}@media (max-width:560px){.mark__ru{display:none}.mark__word{font-size:20px}.mark__icon{width:30px;height:30px}.prose table,.prose tbody,.prose tr,.prose td{display:block;width:100%}.prose thead{display:none}.prose tr{background:var(--p2);border-radius:var(--rad);margin-bottom:10px;padding:6px 0}.prose td{border:0;white-space:normal!important;padding:4px 12px}.prose td:first-child{color:var(--ink);font-weight:700}.wall{grid-template-columns:minmax(0,1fr);grid-template-areas:"m""l""r";gap:24px}.poster--side{min-height:320px}.free__bar{height:calc(var(--step)*8px)}.free__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.top .btn [data-lucide],.top .btn .lucide{display:none}.ticket--top .ticket__btn{display:none}.ticket--top{padding-right:12px}}@media (max-width:420px){.top{padding:0 12px;gap:8px}.ticket{padding:6px 8px 6px 14px;gap:7px}.ticket__code{font-size:14px;letter-spacing:.06em}.ticket__btn{width:28px;height:28px}.ticket--big .ticket__code{font-size:20px}.btn{padding:11px 12px;font-size:15px}.burger{width:40px;height:40px}.plates{grid-template-columns:minmax(0,1fr)}.plate:last-child{grid-column:auto}.foot__nav{}}@media (max-width:360px){.mark__icon{display:none}.top__right{gap:6px}}@media (prefers-reduced-motion:reduce){*,::before,::after{transition:none!important;animation:none!important}}.prose .chan{max-width:none;margin:4px 0 28px;padding:0}.prose .chan li{margin:0}.prose .chan a{color:var(--ink);text-decoration:none;min-width:0}.prose .chan span{min-width:0;overflow-wrap:anywhere}.promo-bar{display:none;background:var(--p1);border-bottom:1px solid var(--line);padding:8px var(--pad)}.promo-bar .ticket{display:flex;width:100%;justify-content:center;cursor:pointer}.promo-bar .ticket__terms{display:block;max-width:none;min-width:0;font-size:13px}@media (max-width:640px){.promo-bar{display:block}.top .ticket--top{display:none}}