/* azinomobiletoday.ru - оформление в стилистике azinomobile */
@font-face{font-family:'AzRoboto';src:url('../fonts/f3346-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/f5869-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/f3534-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/f5593-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/f238-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/f3497-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{
    background:#111111;
    font:400 16px/1.6 'AzRoboto',system-ui,-apple-system,sans-serif;
    overflow-wrap:anywhere;
    margin:0;
    color:#F3ECEA
}
img{
    height:auto;
    max-width:100%;
    display:block
}
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
}
.en-jump{
    left:-9999px;
    position:absolute
}
.en-jump:focus{
    z-index:99;
    left:10px;
    top:10px;
    padding:10px 14px;
    background:#FFC300;
    color:#200
}
.en-holder{
    margin-inline:auto;
    width:min(100% - 24px,1180px)
}
.en-bar{
    top:0;
    position:sticky;
    z-index:50;
    background:#480A0A;
    border-bottom:1px solid #5E1414
}
.en-barin{
    gap:12px;
    position:relative;
    align-items:center;
    display:flex;
    min-height:56px
}
.en-brand{
    align-items:center;
    order:-2;
    display:flex
}
.en-brand img{
    height:34px;
    width:auto
}
.en-menu-toggle{
    height:34px;
    width:40px;
    background:none;
    align-items:stretch;
    display:flex;
    justify-content:center;
    flex:0 0 40px;
    flex-direction:column;
    gap:5px;
    border:0;
    cursor:pointer;
    padding:8px
}
.en-menu-toggle span{
    background:#fff;
    flex:0 0 auto;
    width:100%;
    height:3px;
    display:block;
    border-radius:2px
}
.en-button{
    white-space:nowrap;
    border:0;
    font-size:13px;
    align-items:center;
    text-transform:uppercase;
    justify-content:center;
    border-radius:5px;
    display:inline-flex;
    letter-spacing:.02em;
    padding:10px 16px;
    font-weight:700;
    text-align:center;
    cursor:pointer
}
.en-button:hover{
    text-decoration:none
}
.en-buttoncta{
    background:#FA7A06;
    color:#210A00
}
.en-buttoncta:hover{
    background:#FF9333
}
.en-buttonlogin{
    color:#fff;
    background:#008000
}
.en-buttonlogin:hover{
    background:#0A9A0A
}
.en-buttonwide{
    padding:14px;
    text-align:center;
    text-transform:uppercase;
    margin:18px 0 0;
    font-weight:700;
    display:block;
    color:#fff;
    border-radius:5px;
    border:1px solid #5E1414;
    background:#480A0A;
    width:100%;
    font-size:14px
}
.en-buttonwide:hover{
    text-decoration:none;
    background:#5E1414
}
.en-menu{
    display:flex;
    gap:18px;
    order:-1;
    margin-left:22px;
    flex-wrap:wrap;
    align-items:center;
    margin-right:auto
}
.en-menu-toggle{
    display:none
}
.en-menulink{
    padding:11px 4px;
    white-space:nowrap;
    font-size:15px;
    color:#F2DED9
}
.en-menulink:hover{
    color:#FFC300
}
.en-finder{
    padding:10px 0;
    background:#111111
}
.en-finder-field{
    border-radius:5px;
    padding:11px 14px;
    background:#280000;
    display:flex;
    gap:10px;
    align-items:center;
    border:1px solid #3E1A1C;
    color:#8C7470;
    font-size:14px
}
.en-intro{
    padding:22px 0 8px
}
.en-introin{
    align-items:start;
    grid-template-rows:min-content auto;
    gap:14px 20px;
    align-content:start;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    grid-template-areas:'txt promo' 'meta promo';
    display:grid
}
.en-introin > *:nth-child(1){
    grid-area:txt
}
.en-introin > *:nth-child(2){
    grid-area:promo
}
.en-introin > *:nth-child(3){
    grid-area:meta
}
.en-introlead{
    font-size:17px;
    color:#C3AAA6;
    max-width:62ch
}
.en-bonus{
    overflow:hidden;
    border:1px solid #5E1414;
    background:linear-gradient(180deg,#480A0A 0%,#280000 100%);
    border-radius:5px
}
.en-bonustop{
    letter-spacing:.08em;
    background:#480A0A;
    color:#FFC300;
    font-weight:700;
    font-size:12px;
    text-transform:uppercase;
    padding:12px 16px
}
.en-bonusamt{
    font-weight:900;
    line-height:1.05;
    font-size:clamp(30px,4.6vw,44px);
    margin:14px 16px 4px;
    color:#FFC300
}
.en-bonuslist{
    padding:0 16px 4px;
    list-style:none;
    font-size:14.5px;
    color:#C3AAA6;
    gap:7px;
    display:grid;
    margin:0
}
.en-bonuslist li{
    position:relative;
    padding-left:20px
}
.en-bonuslist li::before{
    font-weight:700;
    content:'✓';
    position:absolute;
    color:#3FA34D;
    left:0
}
.en-bonusfoot{
    padding:14px 16px 16px
}
.en-bonusfoot .en-button{
    width:100%;
    font-size:15px;
    padding:14px
}
.en-bonusfoot small{
    margin-top:9px;
    font-size:12.5px;
    text-align:center;
    color:#8C7470;
    display:block
}
.en-chips{
    gap:8px;
    list-style:none;
    display:flex;
    padding:0;
    flex-wrap:wrap;
    margin:16px 0 0
}
.en-chip{
    padding:6px 13px;
    border:1px solid #3E1A1C;
    color:#C3AAA6;
    border-radius:100px;
    font-size:13px;
    background:#280000
}
.en-chip b{
    color:#FFC300
}
.en-part{
    padding:26px 0
}
.en-partalt{
    background:#1A0505
}
.en-partlead{
    color:#C3AAA6;
    max-width:76ch
}
.en-stages{
    gap:14px;
    margin:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
    padding:0
}
.en-stage{
    padding:16px 18px;
    border-radius:5px;
    background:#280000;
    border:1px solid #3E1A1C
}
.en-stagenum{
    height:28px;
    font-size:14px;
    width:28px;
    border-radius:50%;
    background:#FA7A06;
    margin-bottom:9px;
    display:inline-grid;
    place-items:center;
    color:#210A00;
    font-weight:900
}
.en-wall{
    padding:0;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    list-style:none;
    display:grid;
    margin:0
}
.en-item{
    display:block;
    overflow:hidden;
    background:#280000;
    margin:0;
    border-radius:5px;
    position:relative
}
.en-item img{
    object-fit:cover;
    aspect-ratio:1;
    width:100%
}
.en-itemcap{
    display:block;
    color:#fff;
    padding:7px 6px;
    text-align:center;
    font-size:12.5px;
    font-weight:700
}
.en-sheet{
    margin:0 0 16px;
    border:1px solid #3E1A1C;
    border-radius:5px;
    overflow-x:auto
}
.en-sheet-table{
    width:100%;
    font-size:15px;
    min-width:420px;
    border-collapse:collapse
}
.en-sheet-table th,.en-sheet-table td{
    border-bottom:1px solid #3E1A1C;
    padding:11px 13px;
    text-align:left
}
.en-sheet-table thead th{
    font-size:12.5px;
    text-transform:uppercase;
    white-space:nowrap;
    background:#280000;
    color:#FFC300;
    letter-spacing:.03em
}
.en-sheet-table tbody tr:last-child td{
    border-bottom:0
}
.en-sheet-table b{
    color:#FFC300
}
.en-digits{
    font-variant-numeric:tabular-nums
}
.en-bonuslist + p,.en-sheet-table + p{
    margin-top:14px
}
.en-specs{
    gap:1px;
    background:#3E1A1C;
    border:1px solid #3E1A1C;
    display:grid;
    border-radius:5px;
    overflow:hidden;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))
}
.en-spec{
    background:#280000;
    padding:13px 15px
}
.en-spec dt{
    color:#8C7470;
    letter-spacing:.04em;
    margin-bottom:3px;
    font-size:12px;
    text-transform:uppercase
}
.en-spec dd{
    font-size:17px;
    color:#F3ECEA;
    margin:0;
    font-weight:700
}
.en-callout{
    padding:13px 16px;
    border-left:3px solid #FA7A06;
    border-radius:0 5px 5px 0;
    background:rgba(250,122,6,.08);
    font-size:15px
}
.en-callout p:last-child{
    margin-bottom:0
}
.en-alert{
    background:rgba(224,85,61,.09);
    border-left-color:#E0553D
}
.en-qa{
    display:grid;
    gap:9px
}
.en-qa details{
    border-radius:5px;
    border:1px solid #3E1A1C;
    background:#280000
}
.en-qaq{
    display:flex;
    list-style:none;
    cursor:pointer;
    font-weight:700;
    padding:14px 16px;
    gap:10px
}
.en-qaq h3{
    font-weight:inherit;
    font-size:inherit;
    margin:0;
    display:inline
}
.en-qaq::-webkit-details-marker{
    display:none
}
.en-qaq::after{
    content:'+';
    line-height:1;
    font-size:20px;
    margin-left:auto;
    color:#FFC300
}
details[open] .en-qaq::after{
    content:'–'
}
.en-qaa{
    font-size:15px;
    color:#C3AAA6;
    padding:0 16px 15px
}
.en-qaa p:last-child{
    margin-bottom:0
}
.en-signed{
    font-size:14px;
    color:#8C7470;
    margin:0 0 14px
}
.en-base{
    padding:30px 0 22px;
    font-size:14px;
    margin-top:12px;
    color:#8C7470;
    background:#280000
}
.en-baselogo{
    display:flex;
    justify-content:center;
    margin-bottom:22px
}
.en-baselogo img{
    height:38px;
    width:auto
}
.en-basecols{
    margin-bottom:22px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));
    gap:20px
}
.en-basecol h3{
    letter-spacing:.05em;
    color:#C3AAA6;
    margin-bottom:9px;
    text-transform:uppercase;
    font-size:13px
}
.en-basecol ul{
    margin:0;
    display:grid;
    padding:0;
    list-style:none;
    gap:6px
}
.en-basecol a{
    color:#8C7470
}
.en-age-mark{
    font-size:30px;
    text-align:center;
    font-weight:900;
    color:#8C7470;
    margin:6px 0 14px;
    opacity:.6
}
.en-legal-text{
    text-align:center;
    font-size:12.5px;
    max-width:96ch;
    line-height:1.5;
    margin-inline:auto
}
.en-verdict{
    margin-top:16px;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
    gap:14px;
    display:grid
}
.en-verdict-col{
    background:#280000;
    border:1px solid #3E1A1C;
    border-radius:5px;
    padding:15px 17px
}
.en-verdict-col h3{
    margin-bottom:9px;
    font-size:15px
}
.en-verdict-col ul{
    margin:0;
    gap:7px;
    font-size:14.5px;
    list-style:none;
    display:grid;
    color:#C3AAA6;
    padding:0
}
.en-verdict-line{
    padding-left:21px;
    position:relative
}
.en-verdict-col[data-k='plus'] .en-verdict-line::before{
    font-weight:900;
    position:absolute;
    left:0;
    color:#3FA34D;
    content:'+'
}
.en-verdict-col[data-k='minus'] .en-verdict-line::before{
    color:#E0553D;
    position:absolute;
    left:0;
    content:'−';
    font-weight:900
}
.en-dock{
    display:none
}
@media (max-width:880px){
    .en-introin{grid-template-columns:minmax(0,1fr);grid-template-areas:'txt' 'promo' 'meta'}
    .en-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
    .en-brand{margin-right:auto;margin-left:8px;order:0}
    .en-menu-toggle{width:40px;justify-content:center;border:0;padding:8px;flex-direction:column;background:none;height:34px;display:flex;cursor:pointer;align-items:stretch;flex:0 0 40px;gap:5px}
    .en-menu{display:none;margin:0;order:0}
    .en-menu.is-on{padding:8px 0 14px;left:0;border-bottom:1px solid #5E1414;gap:0;z-index:60;background:#480A0A;position:absolute;display:grid;top:56px;right:0}
    .en-buttoncta,.en-buttonlogin{padding:9px 11px;font-size:12px}
    .en-dock{padding:9px 12px;background:#480A0A;border-top:1px solid #5E1414;z-index:70;bottom:0;position:fixed;left:0;right:0;display:block}
    .en-dock .en-button{padding:14px;font-size:15px;width:100%}
    .en-dock[data-hide='1']{transform:translateY(110%)}
    .en-base{padding-bottom:78px}
}
@media (prefers-reduced-motion:reduce){
    *{transition-duration:.001ms!important;animation-duration:.001ms!important}
}