/* azino777mobile.ru - оформление в стилистике azinomobile */
@font-face{font-family:'AzRoboto';src:url('../fonts/f5669-400-cyr.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'AzRoboto';src:url('../fonts/f8804-400-lat.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'AzRoboto';src:url('../fonts/f2922-700-cyr.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'AzRoboto';src:url('../fonts/f36-700-lat.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'AzRoboto';src:url('../fonts/f8136-900-cyr.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'AzRoboto';src:url('../fonts/f1564-900-lat.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
*,*::before,*::after{

    box-sizing:border-box

}
html{

    -webkit-text-size-adjust:100%

}
body{

    margin:0;

    color:#F3ECEA;

    font:400 16px/1.6 'AzRoboto',system-ui,-apple-system,sans-serif;

    overflow-wrap:anywhere;

    background:#111111

}
img{

    height:auto;

    display:block;

    max-width:100%

}
a{

    text-decoration:none;

    color:#FFC300

}
a:hover{

    text-decoration:underline

}
:focus-visible{

    outline:3px solid #FA7A06;

    outline-offset:2px

}
h1,h2,h3{

    font-weight:700;

    line-height:1.18;

    margin:0 0 .5em

}
h1{

    font-size:clamp(24px,3.6vw,38px)

}
h2{

    font-size:clamp(20px,2.6vw,29px)

}
h3{

    font-size:clamp(17px,1.8vw,20px)

}
p{

    margin:0 0 1em

}
.brsk{

    position:absolute;

    left:-9999px

}
.brsk:focus{

    padding:10px 14px;

    top:10px;

    left:10px;

    z-index:99;

    background:#FFC300;

    color:#200

}
.brholder{

    margin-inline:auto;

    width:min(100% - 24px,1180px)

}
.brtop{

    position:sticky;

    z-index:50;

    top:0;

    background:#480A0A;

    border-bottom:1px solid #5E1414

}
.brtopin{

    gap:12px;

    min-height:56px;

    display:flex;

    position:relative;

    align-items:center

}
.brlg{

    display:flex;

    order:-2;

    align-items:center

}
.brlg img{

    height:34px;

    width:auto

}
.brbg{

    border:0;

    flex-direction:column;

    cursor:pointer;

    gap:5px;

    padding:8px;

    display:flex;

    background:none;

    width:40px;

    justify-content:center;

    height:34px;

    flex:0 0 40px;

    align-items:stretch

}
.brbg span{

    width:100%;

    flex:0 0 auto;

    background:#fff;

    height:3px;

    display:block;

    border-radius:2px

}
.brctl{

    white-space:nowrap;

    display:inline-flex;

    text-align:center;

    text-transform:uppercase;

    border-radius:5px;

    cursor:pointer;

    font-size:13px;

    letter-spacing:.02em;

    padding:10px 16px;

    align-items:center;

    justify-content:center;

    border:0;

    font-weight:700

}
.brctl:hover{

    text-decoration:none

}
.brctlcta{

    color:#210A00;

    background:#FA7A06

}
.brctlcta:hover{

    background:#FF9333

}
.brctllogin{

    color:#fff;

    background:#008000

}
.brctllogin:hover{

    background:#0A9A0A

}
.brctlwide{

    text-align:center;

    font-weight:700;

    width:100%;

    margin:18px 0 0;

    padding:14px;

    font-size:14px;

    border:1px solid #5E1414;

    text-transform:uppercase;

    display:block;

    color:#fff;

    background:#480A0A;

    border-radius:5px

}
.brctlwide:hover{

    background:#5E1414;

    text-decoration:none

}
.brlinks{

    align-items:center;

    display:flex;

    flex-wrap:wrap;

    margin-left:22px;

    order:-1;

    gap:18px;

    margin-right:auto

}
.brbg{

    display:none

}
.brlinkslink{

    padding:11px 4px;

    color:#F2DED9;

    font-size:15px;

    white-space:nowrap

}
.brlinkslink:hover{

    color:#FFC300

}
.brsr{

    background:#111111;

    padding:10px 0

}
.brsri{

    gap:10px;

    display:flex;

    border-radius:5px;

    border:1px solid #3E1A1C;

    background:#280000;

    align-items:center;

    font-size:14px;

    padding:11px 14px;

    color:#8C7470

}
.brlead{

    padding:22px 0 8px

}
.brleadin{

    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);

    gap:14px 20px;

    grid-template-areas:'txt promo' 'meta promo';

    display:grid;

    grid-template-rows:min-content auto;

    align-items:start;

    align-content:start

}
.brleadin > *:nth-child(1){

    grid-area:txt

}
.brleadin > *:nth-child(2){

    grid-area:promo

}
.brleadin > *:nth-child(3){

    grid-area:meta

}
.brleadlead{

    max-width:62ch;

    color:#C3AAA6;

    font-size:17px

}
.brdeal{

    border-radius:5px;

    background:linear-gradient(180deg,#480A0A 0%,#280000 100%);

    border:1px solid #5E1414;

    overflow:hidden

}
.brdealtop{

    background:#480A0A;

    text-transform:uppercase;

    color:#FFC300;

    padding:12px 16px;

    font-size:12px;

    letter-spacing:.08em;

    font-weight:700

}
.brdealamt{

    color:#FFC300;

    font-size:clamp(30px,4.6vw,44px);

    line-height:1.05;

    margin:14px 16px 4px;

    font-weight:900

}
.brdeallist{

    display:grid;

    color:#C3AAA6;

    padding:0 16px 4px;

    list-style:none;

    gap:7px;

    margin:0;

    font-size:14.5px

}
.brdeallist li{

    position:relative;

    padding-left:20px

}
.brdeallist li::before{

    position:absolute;

    font-weight:700;

    color:#3FA34D;

    content:'✓';

    left:0

}
.brdealfoot{

    padding:14px 16px 16px

}
.brdealfoot .brctl{

    font-size:15px;

    padding:14px;

    width:100%

}
.brdealfoot small{

    display:block;

    font-size:12.5px;

    margin-top:9px;

    text-align:center;

    color:#8C7470

}
.brtags{

    display:flex;

    flex-wrap:wrap;

    list-style:none;

    margin:16px 0 0;

    gap:8px;

    padding:0

}
.brtag{

    background:#280000;

    border:1px solid #3E1A1C;

    border-radius:100px;

    color:#C3AAA6;

    font-size:13px;

    padding:6px 13px

}
.brtag b{

    color:#FFC300

}
.brs{

    padding:26px 0

}
.brsa{

    background:#1A0505

}
.brsl{

    max-width:76ch;

    color:#C3AAA6

}
.brphases{

    gap:14px;

    grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));

    margin:0;

    padding:0;

    display:grid;

    list-style:none

}
.brphase{

    padding:16px 18px;

    border:1px solid #3E1A1C;

    border-radius:5px;

    background:#280000

}
.brphasenum{

    margin-bottom:9px;

    border-radius:50%;

    width:28px;

    font-size:14px;

    color:#210A00;

    display:inline-grid;

    background:#FA7A06;

    font-weight:900;

    place-items:center;

    height:28px

}
.brboard{

    margin:0;

    list-style:none;

    padding:0;

    gap:10px;

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr))

}
.brgc{

    background:#280000;

    overflow:hidden;

    margin:0;

    position:relative;

    border-radius:5px;

    display:block

}
.brgc img{

    width:100%;

    object-fit:cover;

    aspect-ratio:1

}
.brgcc{

    color:#fff;

    font-weight:700;

    display:block;

    padding:7px 6px;

    font-size:12.5px;

    text-align:center

}
.brtw{

    margin:0 0 16px;

    border:1px solid #3E1A1C;

    overflow-x:auto;

    border-radius:5px

}
.brtb{

    min-width:420px;

    border-collapse:collapse;

    font-size:15px;

    width:100%

}
.brtb th,.brtb td{

    text-align:left;

    padding:11px 13px;

    border-bottom:1px solid #3E1A1C

}
.brtb thead th{

    font-size:12.5px;

    letter-spacing:.03em;

    background:#280000;

    text-transform:uppercase;

    white-space:nowrap;

    color:#FFC300

}
.brtb tbody tr:last-child td{

    border-bottom:0

}
.brtb b{

    color:#FFC300

}
.brn{

    font-variant-numeric:tabular-nums

}
.brdeallist + p,.brtb + p{

    margin-top:14px

}
.brfx{

    overflow:hidden;

    background:#3E1A1C;

    border-radius:5px;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));

    border:1px solid #3E1A1C;

    gap:1px

}
.brfxi{

    background:#280000;

    padding:13px 15px

}
.brfxi dt{

    font-size:12px;

    color:#8C7470;

    letter-spacing:.04em;

    text-transform:uppercase;

    margin-bottom:3px

}
.brfxi dd{

    font-weight:700;

    margin:0;

    color:#F3ECEA;

    font-size:17px

}
.brnt{

    border-radius:0 5px 5px 0;

    background:rgba(250,122,6,.08);

    font-size:15px;

    padding:13px 16px;

    border-left:3px solid #FA7A06

}
.brnt p:last-child{

    margin-bottom:0

}
.brwn{

    background:rgba(224,85,61,.09);

    border-left-color:#E0553D

}
.brfq{

    gap:9px;

    display:grid

}
.brfq details{

    border-radius:5px;

    background:#280000;

    border:1px solid #3E1A1C

}
.brfqq{

    gap:10px;

    padding:14px 16px;

    list-style:none;

    display:flex;

    cursor:pointer;

    font-weight:700

}
.brfqq h3{

    font-weight:inherit;

    display:inline;

    margin:0;

    font-size:inherit

}
.brfqq::-webkit-details-marker{

    display:none

}
.brfqq::after{

    content:'+';

    margin-left:auto;

    font-size:20px;

    color:#FFC300;

    line-height:1

}
details[open] .brfqq::after{

    content:'–'

}
.brfqa{

    padding:0 16px 15px;

    color:#C3AAA6;

    font-size:15px

}
.brfqa p:last-child{

    margin-bottom:0

}
.brby{

    font-size:14px;

    color:#8C7470;

    margin:0 0 14px

}
.brbase{

    color:#8C7470;

    margin-top:12px;

    background:#280000;

    font-size:14px;

    padding:30px 0 22px

}
.brbaselogo{

    margin-bottom:22px;

    display:flex;

    justify-content:center

}
.brbaselogo img{

    height:38px;

    width:auto

}
.brbasecols{

    grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));

    margin-bottom:22px;

    gap:20px;

    display:grid

}
.brbasecol h3{

    letter-spacing:.05em;

    text-transform:uppercase;

    color:#C3AAA6;

    font-size:13px;

    margin-bottom:9px

}
.brbasecol ul{

    padding:0;

    margin:0;

    list-style:none;

    gap:6px;

    display:grid

}
.brbasecol a{

    color:#8C7470

}
.brag{

    color:#8C7470;

    font-weight:900;

    font-size:30px;

    opacity:.6;

    text-align:center;

    margin:6px 0 14px

}
.brlgl{

    margin-inline:auto;

    line-height:1.5;

    text-align:center;

    font-size:12.5px;

    max-width:96ch

}
.brpc{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));

    margin-top:16px;

    gap:14px

}
.brpcc{

    background:#280000;

    border:1px solid #3E1A1C;

    padding:15px 17px;

    border-radius:5px

}
.brpcc h3{

    font-size:15px;

    margin-bottom:9px

}
.brpcc ul{

    display:grid;

    font-size:14.5px;

    list-style:none;

    gap:7px;

    margin:0;

    padding:0;

    color:#C3AAA6

}
.brpci{

    position:relative;

    padding-left:21px

}
.brpcc[data-k='plus'] .brpci::before{

    left:0;

    content:'+';

    position:absolute;

    font-weight:900;

    color:#3FA34D

}
.brpcc[data-k='minus'] .brpci::before{

    font-weight:900;

    content:'−';

    position:absolute;

    color:#E0553D;

    left:0

}
.brdk{

    display:none

}
@media (max-width:880px){
    .brleadin{grid-template-columns:minmax(0,1fr);grid-template-areas:'txt' 'promo' 'meta'}
    .brboard{grid-template-columns:repeat(2,minmax(0,1fr))}
    .brlg{order:0;margin-right:auto;margin-left:8px}
    .brbg{gap:5px;cursor:pointer;flex-direction:column;width:40px;border:0;background:none;height:34px;padding:8px;flex:0 0 40px;display:flex;justify-content:center;align-items:stretch}
    .brlinks{display:none;margin:0;order:0}
    .brlinks.is-on{right:0;background:#480A0A;position:absolute;gap:0;z-index:60;top:56px;display:grid;left:0;padding:8px 0 14px;border-bottom:1px solid #5E1414}
    .brctlcta,.brctllogin{font-size:12px;padding:9px 11px}
    .brdk{z-index:70;background:#480A0A;padding:9px 12px;left:0;position:fixed;border-top:1px solid #5E1414;right:0;display:block;bottom:0}
    .brdk .brctl{font-size:15px;width:100%;padding:14px}
    .brdk[data-hide='1']{transform:translateY(110%)}
    .brbase{padding-bottom:78px}
}
@media (prefers-reduced-motion:reduce){
    *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}