/* азиномобайлзеркало.рф - оформление в стилистике azinomobile */
@font-face{font-family:'AzRoboto';src:url('../fonts/f8033-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/f3827-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/f2185-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/f1777-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/f3909-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/f1556-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;
    color:#F3ECEA;
    background:#111111;
    margin:0;
    font:400 16px/1.6 'AzRoboto',system-ui,-apple-system,sans-serif
}
img{
    height:auto;
    display:block;
    max-width:100%
}
a{
    text-decoration:none;
    color:#FFC300
}
a:hover{
    text-decoration:underline
}
:focus-visible{
    outline-offset:2px;
    outline:3px solid #FA7A06
}
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
}
.dzuz5{
    position:absolute;
    left:-9999px
}
.dzuz5:focus{
    background:#FFC300;
    z-index:99;
    color:#200;
    left:10px;
    top:10px;
    padding:10px 14px
}
.dzdc8{
    width:min(100% - 24px,1180px);
    margin-inline:auto
}
.dzpd2{
    top:0;
    z-index:50;
    border-bottom:1px solid #5E1414;
    position:sticky;
    background:#480A0A
}
.dzpk0{
    align-items:center;
    display:flex;
    position:relative;
    min-height:56px;
    gap:12px
}
.dzte7{
    align-items:center;
    display:flex;
    order:-2
}
.dzte7 img{
    width:auto;
    height:34px
}
.dzka6{
    justify-content:center;
    flex:0 0 40px;
    flex-direction:column;
    cursor:pointer;
    align-items:stretch;
    padding:8px;
    gap:5px;
    display:flex;
    height:34px;
    border:0;
    background:none;
    width:40px
}
.dzka6 span{
    border-radius:2px;
    width:100%;
    display:block;
    height:3px;
    background:#fff;
    flex:0 0 auto
}
.dzdk5{
    align-items:center;
    display:inline-flex;
    letter-spacing:.02em;
    white-space:nowrap;
    border-radius:5px;
    justify-content:center;
    font-size:13px;
    cursor:pointer;
    text-transform:uppercase;
    border:0;
    font-weight:700;
    padding:10px 16px;
    text-align:center
}
.dzdk5:hover{
    text-decoration:none
}
.dzhd2{
    background:#FA7A06;
    color:#210A00
}
.dzhd2:hover{
    background:#FF9333
}
.dzfn0{
    background:#008000;
    color:#fff
}
.dzfn0:hover{
    background:#0A9A0A
}
.dznb6{
    text-align:center;
    color:#fff;
    border-radius:5px;
    padding:14px;
    width:100%;
    text-transform:uppercase;
    margin:18px 0 0;
    display:block;
    border:1px solid #5E1414;
    font-weight:700;
    background:#480A0A;
    font-size:14px
}
.dznb6:hover{
    text-decoration:none;
    background:#5E1414
}
.dzaj0{
    order:-1;
    margin-right:auto;
    margin-left:22px;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
    display:flex
}
.dzka6{
    display:none
}
.dzhc5{
    padding:11px 4px;
    font-size:15px;
    color:#F2DED9;
    white-space:nowrap
}
.dzhc5:hover{
    color:#FFC300
}
.dznx5{
    padding:10px 0;
    background:#111111
}
.dzmf0{
    border:1px solid #3E1A1C;
    display:flex;
    color:#8C7470;
    border-radius:5px;
    padding:11px 14px;
    gap:10px;
    background:#280000;
    align-items:center;
    font-size:14px
}
.dzst1{
    padding:22px 0 8px
}
.dzjq7{
    gap:14px 20px;
    align-content:start;
    grid-template-rows:min-content auto;
    display:grid;
    grid-template-areas:'txt promo' 'meta promo';
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    align-items:start
}
.dzjq7 > *:nth-child(1){
    grid-area:txt
}
.dzjq7 > *:nth-child(2){
    grid-area:promo
}
.dzjq7 > *:nth-child(3){
    grid-area:meta
}
.dzys8{
    font-size:17px;
    color:#C3AAA6;
    max-width:62ch
}
.dzzq8{
    border-radius:5px;
    overflow:hidden;
    background:linear-gradient(180deg,#480A0A 0%,#280000 100%);
    border:1px solid #5E1414
}
.dzmd3{
    color:#FFC300;
    padding:12px 16px;
    text-transform:uppercase;
    font-size:12px;
    background:#480A0A;
    font-weight:700;
    letter-spacing:.08em
}
.dzzr6{
    color:#FFC300;
    margin:14px 16px 4px;
    line-height:1.05;
    font-weight:900;
    font-size:clamp(30px,4.6vw,44px)
}
.dzen3{
    color:#C3AAA6;
    list-style:none;
    margin:0;
    font-size:14.5px;
    display:grid;
    gap:7px;
    padding:0 16px 4px
}
.dzen3 li{
    padding-left:20px;
    position:relative
}
.dzen3 li::before{
    color:#3FA34D;
    font-weight:700;
    left:0;
    position:absolute;
    content:'✓'
}
.dzcn5{
    padding:14px 16px 16px
}
.dzcn5 .dzdk5{
    padding:14px;
    width:100%;
    font-size:15px
}
.dzcn5 small{
    margin-top:9px;
    color:#8C7470;
    font-size:12.5px;
    display:block;
    text-align:center
}
.dzmx3{
    margin:16px 0 0;
    flex-wrap:wrap;
    list-style:none;
    gap:8px;
    display:flex;
    padding:0
}
.dzvm5{
    color:#C3AAA6;
    font-size:13px;
    background:#280000;
    border:1px solid #3E1A1C;
    border-radius:100px;
    padding:6px 13px
}
.dzvm5 b{
    color:#FFC300
}
.dzpr8{
    padding:26px 0
}
.dzpw0{
    background:#1A0505
}
.dzdp1{
    color:#C3AAA6;
    max-width:76ch
}
.dzux7{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
    display:grid;
    list-style:none;
    gap:14px;
    margin:0;
    padding:0
}
.dzyq5{
    background:#280000;
    border:1px solid #3E1A1C;
    border-radius:5px;
    padding:16px 18px
}
.dznc5{
    border-radius:50%;
    display:inline-grid;
    font-size:14px;
    background:#FA7A06;
    margin-bottom:9px;
    color:#210A00;
    width:28px;
    place-items:center;
    height:28px;
    font-weight:900
}
.dzav7{
    gap:10px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    list-style:none;
    display:grid;
    padding:0;
    margin:0
}
.dzwv2{
    border-radius:5px;
    margin:0;
    display:block;
    position:relative;
    overflow:hidden;
    background:#280000
}
.dzwv2 img{
    aspect-ratio:1;
    width:100%;
    object-fit:cover
}
.dzqp6{
    text-align:center;
    padding:7px 6px;
    font-size:12.5px;
    font-weight:700;
    display:block;
    color:#fff
}
.dzrd0{
    overflow-x:auto;
    border:1px solid #3E1A1C;
    border-radius:5px;
    margin:0 0 16px
}
.dzjw4{
    min-width:420px;
    font-size:15px;
    border-collapse:collapse;
    width:100%
}
.dzjw4 th,.dzjw4 td{
    text-align:left;
    padding:11px 13px;
    border-bottom:1px solid #3E1A1C
}
.dzjw4 thead th{
    white-space:nowrap;
    color:#FFC300;
    font-size:12.5px;
    background:#280000;
    letter-spacing:.03em;
    text-transform:uppercase
}
.dzjw4 tbody tr:last-child td{
    border-bottom:0
}
.dzjw4 b{
    color:#FFC300
}
.dzfx6{
    font-variant-numeric:tabular-nums
}
.dzen3 + p,.dzjw4 + p{
    margin-top:14px
}
.dzjn8{
    border:1px solid #3E1A1C;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
    display:grid;
    background:#3E1A1C;
    border-radius:5px;
    overflow:hidden;
    gap:1px
}
.dzzh2{
    padding:13px 15px;
    background:#280000
}
.dzzh2 dt{
    color:#8C7470;
    font-size:12px;
    margin-bottom:3px;
    text-transform:uppercase;
    letter-spacing:.04em
}
.dzzh2 dd{
    color:#F3ECEA;
    margin:0;
    font-weight:700;
    font-size:17px
}
.dzce3{
    border-left:3px solid #FA7A06;
    background:rgba(250,122,6,.08);
    font-size:15px;
    border-radius:0 5px 5px 0;
    padding:13px 16px
}
.dzce3 p:last-child{
    margin-bottom:0
}
.dzfg3{
    border-left-color:#E0553D;
    background:rgba(224,85,61,.09)
}
.dzum8{
    gap:9px;
    display:grid
}
.dzum8 details{
    border-radius:5px;
    background:#280000;
    border:1px solid #3E1A1C
}
.dzcg9{
    font-weight:700;
    cursor:pointer;
    list-style:none;
    display:flex;
    gap:10px;
    padding:14px 16px
}
.dzcg9 h3{
    margin:0;
    font-size:inherit;
    font-weight:inherit;
    display:inline
}
.dzcg9::-webkit-details-marker{
    display:none
}
.dzcg9::after{
    color:#FFC300;
    line-height:1;
    font-size:20px;
    content:'+';
    margin-left:auto
}
details[open] .dzcg9::after{
    content:'–'
}
.dzvj9{
    font-size:15px;
    padding:0 16px 15px;
    color:#C3AAA6
}
.dzvj9 p:last-child{
    margin-bottom:0
}
.dzma3{
    color:#8C7470;
    font-size:14px;
    margin:0 0 14px
}
.dzva7{
    font-size:14px;
    color:#8C7470;
    margin-top:12px;
    background:#280000;
    padding:30px 0 22px
}
.dzzm4{
    display:flex;
    justify-content:center;
    margin-bottom:22px
}
.dzzm4 img{
    height:38px;
    width:auto
}
.dzge4{
    margin-bottom:22px;
    display:grid;
    gap:20px;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))
}
.dzzx7 h3{
    color:#C3AAA6;
    text-transform:uppercase;
    font-size:13px;
    margin-bottom:9px;
    letter-spacing:.05em
}
.dzzx7 ul{
    padding:0;
    gap:6px;
    display:grid;
    list-style:none;
    margin:0
}
.dzzx7 a{
    color:#8C7470
}
.dzrh7{
    color:#8C7470;
    font-weight:900;
    font-size:30px;
    text-align:center;
    margin:6px 0 14px;
    opacity:.6
}
.dzyn2{
    max-width:96ch;
    margin-inline:auto;
    line-height:1.5;
    font-size:12.5px;
    text-align:center
}
.dznd7{
    gap:14px;
    display:grid;
    margin-top:16px;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))
}
.dzcv5{
    border:1px solid #3E1A1C;
    background:#280000;
    border-radius:5px;
    padding:15px 17px
}
.dzcv5 h3{
    font-size:15px;
    margin-bottom:9px
}
.dzcv5 ul{
    list-style:none;
    padding:0;
    font-size:14.5px;
    color:#C3AAA6;
    display:grid;
    margin:0;
    gap:7px
}
.dzsp3{
    padding-left:21px;
    position:relative
}
.dzcv5[data-k='plus'] .dzsp3::before{
    position:absolute;
    content:'+';
    font-weight:900;
    left:0;
    color:#3FA34D
}
.dzcv5[data-k='minus'] .dzsp3::before{
    font-weight:900;
    left:0;
    color:#E0553D;
    content:'−';
    position:absolute
}
.dzyq4{
    display:none
}
@media (max-width:880px){
    .dzjq7{grid-template-areas:'txt' 'promo' 'meta';grid-template-columns:minmax(0,1fr)}
    .dzav7{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dzte7{margin-right:auto;margin-left:8px;order:0}
    .dzka6{border:0;height:34px;background:none;display:flex;align-items:stretch;justify-content:center;width:40px;cursor:pointer;flex-direction:column;flex:0 0 40px;gap:5px;padding:8px}
    .dzaj0{display:none;order:0;margin:0}
    .dzaj0.is-on{z-index:60;gap:0;background:#480A0A;position:absolute;border-bottom:1px solid #5E1414;display:grid;top:56px;padding:8px 0 14px;left:0;right:0}
    .dzhd2,.dzfn0{padding:9px 11px;font-size:12px}
    .dzyq4{bottom:0;background:#480A0A;display:block;right:0;padding:9px 12px;position:fixed;z-index:70;border-top:1px solid #5E1414;left:0}
    .dzyq4 .dzdk5{font-size:15px;padding:14px;width:100%}
    .dzyq4[data-hide='1']{transform:translateY(110%)}
    .dzva7{padding-bottom:78px}
}
@media (prefers-reduced-motion:reduce){
    *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}