/* azinomobileonline.ru - оформление в стилистике azinomobile */
@font-face{font-family:'AzRoboto';src:url('../fonts/f3259-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/f6027-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/f8831-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/f9670-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/f4596-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/f7385-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{

    overflow-wrap:anywhere;

    margin:0;

    color:#F3ECEA;

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

    background:#111111

}
img{

    max-width:100%;

    height:auto;

    display:block

}
a{

    color:#FFC300;

    text-decoration:none

}
a:hover{

    text-decoration:underline

}
:focus-visible{

    outline:3px solid #FA7A06;

    outline-offset:2px

}
h1,h2,h3{

    line-height:1.18;

    font-weight:700;

    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

}
.wnnw1{

    position:absolute;

    left:-9999px

}
.wnnw1:focus{

    color:#200;

    left:10px;

    background:#FFC300;

    z-index:99;

    padding:10px 14px;

    top:10px

}
.wnet2{

    margin-inline:auto;

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

}
.wnpd5{

    position:sticky;

    top:0;

    border-bottom:1px solid #5E1414;

    z-index:50;

    background:#480A0A

}
.wnua6{

    display:flex;

    gap:12px;

    align-items:center;

    position:relative;

    min-height:56px

}
.wnhs0{

    order:-2;

    align-items:center;

    display:flex

}
.wnhs0 img{

    width:auto;

    height:34px

}
.wnzg7{

    border:0;

    align-items:stretch;

    height:34px;

    flex:0 0 40px;

    flex-direction:column;

    justify-content:center;

    gap:5px;

    background:none;

    display:flex;

    padding:8px;

    width:40px;

    cursor:pointer

}
.wnzg7 span{

    height:3px;

    width:100%;

    border-radius:2px;

    flex:0 0 auto;

    display:block;

    background:#fff

}
.wnad0{

    text-transform:uppercase;

    justify-content:center;

    padding:10px 16px;

    font-size:13px;

    text-align:center;

    white-space:nowrap;

    font-weight:700;

    align-items:center;

    border:0;

    border-radius:5px;

    cursor:pointer;

    display:inline-flex;

    letter-spacing:.02em

}
.wnad0:hover{

    text-decoration:none

}
.wnsc2{

    color:#210A00;

    background:#FA7A06

}
.wnsc2:hover{

    background:#FF9333

}
.wndy4{

    color:#fff;

    background:#008000

}
.wndy4:hover{

    background:#0A9A0A

}
.wnpn6{

    text-transform:uppercase;

    background:#480A0A;

    color:#fff;

    display:block;

    font-size:14px;

    font-weight:700;

    width:100%;

    padding:14px;

    margin:18px 0 0;

    border:1px solid #5E1414;

    border-radius:5px;

    text-align:center

}
.wnpn6:hover{

    text-decoration:none;

    background:#5E1414

}
.wnuv9{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    align-items:center;

    order:-1;

    margin-left:22px;

    margin-right:auto

}
.wnzg7{

    display:none

}
.wnsk5{

    color:#F2DED9;

    padding:11px 4px;

    white-space:nowrap;

    font-size:15px

}
.wnsk5:hover{

    color:#FFC300

}
.wnqx6{

    background:#111111;

    padding:10px 0

}
.wneh2{

    gap:10px;

    border-radius:5px;

    font-size:14px;

    padding:11px 14px;

    background:#280000;

    color:#8C7470;

    display:flex;

    border:1px solid #3E1A1C;

    align-items:center

}
.wnfy1{

    padding:22px 0 8px

}
.wnbr1{

    grid-template-rows:min-content auto;

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

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

    display:grid;

    align-items:start;

    gap:14px 20px;

    align-content:start

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

    grid-area:txt

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

    grid-area:promo

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

    grid-area:meta

}
.wnjm4{

    color:#C3AAA6;

    max-width:62ch;

    font-size:17px

}
.wnps2{

    overflow:hidden;

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

    border:1px solid #5E1414;

    border-radius:5px

}
.wnsb5{

    color:#FFC300;

    padding:12px 16px;

    font-size:12px;

    text-transform:uppercase;

    font-weight:700;

    background:#480A0A;

    letter-spacing:.08em

}
.wnum1{

    line-height:1.05;

    color:#FFC300;

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

    font-weight:900;

    margin:14px 16px 4px

}
.wndb9{

    font-size:14.5px;

    display:grid;

    list-style:none;

    margin:0;

    gap:7px;

    padding:0 16px 4px;

    color:#C3AAA6

}
.wndb9 li{

    padding-left:20px;

    position:relative

}
.wndb9 li::before{

    position:absolute;

    left:0;

    font-weight:700;

    color:#3FA34D;

    content:'✓'

}
.wnqs4{

    padding:14px 16px 16px

}
.wnqs4 .wnad0{

    padding:14px;

    width:100%;

    font-size:15px

}
.wnqs4 small{

    margin-top:9px;

    color:#8C7470;

    display:block;

    text-align:center;

    font-size:12.5px

}
.wndz2{

    list-style:none;

    flex-wrap:wrap;

    padding:0;

    margin:16px 0 0;

    gap:8px;

    display:flex

}
.wnaj5{

    color:#C3AAA6;

    background:#280000;

    border:1px solid #3E1A1C;

    border-radius:100px;

    padding:6px 13px;

    font-size:13px

}
.wnaj5 b{

    color:#FFC300

}
.wnbf5{

    padding:26px 0

}
.wnff5{

    background:#1A0505

}
.wnnb6{

    max-width:76ch;

    color:#C3AAA6

}
.wnem3{

    list-style:none;

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

    padding:0;

    gap:14px;

    display:grid;

    margin:0

}
.wnpe0{

    border:1px solid #3E1A1C;

    padding:16px 18px;

    border-radius:5px;

    background:#280000

}
.wnck5{

    background:#FA7A06;

    height:28px;

    place-items:center;

    font-size:14px;

    margin-bottom:9px;

    border-radius:50%;

    width:28px;

    display:inline-grid;

    font-weight:900;

    color:#210A00

}
.wngc6{

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

    gap:10px;

    padding:0;

    display:grid;

    list-style:none;

    margin:0

}
.wnbw6{

    position:relative;

    border-radius:5px;

    display:block;

    margin:0;

    background:#280000;

    overflow:hidden

}
.wnbw6 img{

    aspect-ratio:1;

    object-fit:cover;

    width:100%

}
.wnmp8{

    font-weight:700;

    text-align:center;

    font-size:12.5px;

    display:block;

    color:#fff;

    padding:7px 6px

}
.wnmp9{

    margin:0 0 16px;

    border:1px solid #3E1A1C;

    overflow-x:auto;

    border-radius:5px

}
.wnpp5{

    min-width:420px;

    width:100%;

    font-size:15px;

    border-collapse:collapse

}
.wnpp5 th,.wnpp5 td{

    text-align:left;

    border-bottom:1px solid #3E1A1C;

    padding:11px 13px

}
.wnpp5 thead th{

    color:#FFC300;

    background:#280000;

    white-space:nowrap;

    letter-spacing:.03em;

    font-size:12.5px;

    text-transform:uppercase

}
.wnpp5 tbody tr:last-child td{

    border-bottom:0

}
.wnpp5 b{

    color:#FFC300

}
.wnxg6{

    font-variant-numeric:tabular-nums

}
.wndb9 + p,.wnpp5 + p{

    margin-top:14px

}
.wnfk7{

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

    background:#3E1A1C;

    display:grid;

    gap:1px;

    border-radius:5px;

    overflow:hidden;

    border:1px solid #3E1A1C

}
.wnss1{

    padding:13px 15px;

    background:#280000

}
.wnss1 dt{

    letter-spacing:.04em;

    color:#8C7470;

    text-transform:uppercase;

    font-size:12px;

    margin-bottom:3px

}
.wnss1 dd{

    margin:0;

    color:#F3ECEA;

    font-size:17px;

    font-weight:700

}
.wnnx7{

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

    padding:13px 16px;

    font-size:15px;

    border-radius:0 5px 5px 0;

    border-left:3px solid #FA7A06

}
.wnnx7 p:last-child{

    margin-bottom:0

}
.wnhh2{

    border-left-color:#E0553D;

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

}
.wnsx1{

    gap:9px;

    display:grid

}
.wnsx1 details{

    border:1px solid #3E1A1C;

    border-radius:5px;

    background:#280000

}
.wnwh8{

    padding:14px 16px;

    list-style:none;

    gap:10px;

    display:flex;

    font-weight:700;

    cursor:pointer

}
.wnwh8 h3{

    display:inline;

    font-size:inherit;

    margin:0;

    font-weight:inherit

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

    display:none

}
.wnwh8::after{

    margin-left:auto;

    font-size:20px;

    color:#FFC300;

    content:'+';

    line-height:1

}
details[open] .wnwh8::after{

    content:'–'

}
.wnyv4{

    color:#C3AAA6;

    padding:0 16px 15px;

    font-size:15px

}
.wnyv4 p:last-child{

    margin-bottom:0

}
.wnmn4{

    color:#8C7470;

    margin:0 0 14px;

    font-size:14px

}
.wngz0{

    color:#8C7470;

    padding:30px 0 22px;

    font-size:14px;

    background:#280000;

    margin-top:12px

}
.wnxv5{

    justify-content:center;

    display:flex;

    margin-bottom:22px

}
.wnxv5 img{

    width:auto;

    height:38px

}
.wnbx1{

    margin-bottom:22px;

    display:grid;

    gap:20px;

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

}
.wnfr1 h3{

    font-size:13px;

    margin-bottom:9px;

    color:#C3AAA6;

    text-transform:uppercase;

    letter-spacing:.05em

}
.wnfr1 ul{

    list-style:none;

    margin:0;

    display:grid;

    padding:0;

    gap:6px

}
.wnfr1 a{

    color:#8C7470

}
.wnbw0{

    font-size:30px;

    margin:6px 0 14px;

    text-align:center;

    opacity:.6;

    font-weight:900;

    color:#8C7470

}
.wnfq9{

    line-height:1.5;

    margin-inline:auto;

    max-width:96ch;

    font-size:12.5px;

    text-align:center

}
.wnfq5{

    gap:14px;

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

    display:grid;

    margin-top:16px

}
.wncz6{

    padding:15px 17px;

    border:1px solid #3E1A1C;

    background:#280000;

    border-radius:5px

}
.wncz6 h3{

    margin-bottom:9px;

    font-size:15px

}
.wncz6 ul{

    list-style:none;

    gap:7px;

    margin:0;

    font-size:14.5px;

    display:grid;

    color:#C3AAA6;

    padding:0

}
.wntx2{

    position:relative;

    padding-left:21px

}
.wncz6[data-k='plus'] .wntx2::before{

    color:#3FA34D;

    left:0;

    position:absolute;

    content:'+';

    font-weight:900

}
.wncz6[data-k='minus'] .wntx2::before{

    content:'−';

    position:absolute;

    left:0;

    font-weight:900;

    color:#E0553D

}
.wnhf7{

    display:none

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