/* zarkaloazinomobile.ru - оформление в стилистике azinomobile */
@font-face{font-family:'AzRoboto';src:url('../fonts/f4931-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/f7695-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/f2752-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/f1911-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/f3182-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/f7039-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{

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

    color:#F3ECEA;

    overflow-wrap:anywhere;

    background:#111111;

    margin:0

}
img{

    display:block;

    height:auto;

    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{

    line-height:1.18;

    margin:0 0 .5em;

    font-weight:700

}
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

}
.zm-jump{

    position:absolute;

    left:-9999px

}
.zm-jump:focus{

    z-index:99;

    background:#FFC300;

    padding:10px 14px;

    top:10px;

    left:10px;

    color:#200

}
.zm-shell{

    margin-inline:auto;

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

}
.zm-topbar{

    background:#480A0A;

    z-index:50;

    border-bottom:1px solid #5E1414;

    top:0;

    position:sticky

}
.zm-topbar-inner{

    display:flex;

    min-height:56px;

    position:relative;

    gap:12px;

    align-items:center

}
.zm-brand{

    order:-2;

    display:flex;

    align-items:center

}
.zm-brand img{

    width:auto;

    height:34px

}
.zm-menu-toggle{

    width:40px;

    justify-content:center;

    gap:5px;

    height:34px;

    display:flex;

    align-items:stretch;

    border:0;

    padding:8px;

    flex-direction:column;

    flex:0 0 40px;

    background:none;

    cursor:pointer

}
.zm-menu-toggle span{

    border-radius:2px;

    background:#fff;

    height:3px;

    width:100%;

    flex:0 0 auto;

    display:block

}
.zm-act{

    justify-content:center;

    font-size:13px;

    cursor:pointer;

    border-radius:5px;

    display:inline-flex;

    padding:10px 16px;

    align-items:center;

    letter-spacing:.02em;

    text-transform:uppercase;

    border:0;

    text-align:center;

    font-weight:700;

    white-space:nowrap

}
.zm-act:hover{

    text-decoration:none

}
.zm-actcta{

    background:#FA7A06;

    color:#210A00

}
.zm-actcta:hover{

    background:#FF9333

}
.zm-actlogin{

    background:#008000;

    color:#fff

}
.zm-actlogin:hover{

    background:#0A9A0A

}
.zm-actwide{

    display:block;

    color:#fff;

    background:#480A0A;

    padding:14px;

    margin:18px 0 0;

    text-align:center;

    font-size:14px;

    text-transform:uppercase;

    font-weight:700;

    width:100%;

    border:1px solid #5E1414;

    border-radius:5px

}
.zm-actwide:hover{

    background:#5E1414;

    text-decoration:none

}
.zm-menu{

    align-items:center;

    margin-right:auto;

    margin-left:22px;

    order:-1;

    display:flex;

    gap:18px;

    flex-wrap:wrap

}
.zm-menu-toggle{

    display:none

}
.zm-menu-link{

    white-space:nowrap;

    font-size:15px;

    padding:11px 4px;

    color:#F2DED9

}
.zm-menu-link:hover{

    color:#FFC300

}
.zm-finder{

    padding:10px 0;

    background:#111111

}
.zm-finder-field{

    align-items:center;

    gap:10px;

    border:1px solid #3E1A1C;

    border-radius:5px;

    padding:11px 14px;

    font-size:14px;

    display:flex;

    background:#280000;

    color:#8C7470

}
.zm-intro{

    padding:22px 0 8px

}
.zm-introin{

    align-content:start;

    display:grid;

    gap:14px 20px;

    align-items:start;

    grid-template-rows:min-content auto;

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

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

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

    grid-area:txt

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

    grid-area:promo

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

    grid-area:meta

}
.zm-introlead{

    color:#C3AAA6;

    max-width:62ch;

    font-size:17px

}
.zm-promo{

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

    border-radius:5px;

    border:1px solid #5E1414;

    overflow:hidden

}
.zm-promo-head{

    background:#480A0A;

    letter-spacing:.08em;

    font-size:12px;

    text-transform:uppercase;

    color:#FFC300;

    font-weight:700;

    padding:12px 16px

}
.zm-promo-sum{

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

    margin:14px 16px 4px;

    color:#FFC300;

    line-height:1.05;

    font-weight:900

}
.zm-promo-list{

    display:grid;

    color:#C3AAA6;

    margin:0;

    gap:7px;

    padding:0 16px 4px;

    list-style:none;

    font-size:14.5px

}
.zm-promo-list li{

    padding-left:20px;

    position:relative

}
.zm-promo-list li::before{

    left:0;

    position:absolute;

    color:#3FA34D;

    font-weight:700;

    content:'✓'

}
.zm-promo-foot{

    padding:14px 16px 16px

}
.zm-promo-foot .zm-act{

    width:100%;

    padding:14px;

    font-size:15px

}
.zm-promo-foot small{

    color:#8C7470;

    text-align:center;

    display:block;

    font-size:12.5px;

    margin-top:9px

}
.zm-chips{

    margin:16px 0 0;

    gap:8px;

    list-style:none;

    flex-wrap:wrap;

    display:flex;

    padding:0

}
.zm-chip{

    border-radius:100px;

    border:1px solid #3E1A1C;

    padding:6px 13px;

    background:#280000;

    font-size:13px;

    color:#C3AAA6

}
.zm-chip b{

    color:#FFC300

}
.zm-part{

    padding:26px 0

}
.zm-partalt{

    background:#1A0505

}
.zm-partlead{

    max-width:76ch;

    color:#C3AAA6

}
.zm-howto{

    margin:0;

    display:grid;

    list-style:none;

    padding:0;

    gap:14px;

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

}
.zm-howto-item{

    border:1px solid #3E1A1C;

    border-radius:5px;

    background:#280000;

    padding:16px 18px

}
.zm-howto-num{

    border-radius:50%;

    font-size:14px;

    width:28px;

    background:#FA7A06;

    height:28px;

    margin-bottom:9px;

    color:#210A00;

    font-weight:900;

    display:inline-grid;

    place-items:center

}
.zm-board{

    gap:10px;

    padding:0;

    display:grid;

    margin:0;

    list-style:none;

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

}
.zm-item{

    margin:0;

    display:block;

    background:#280000;

    position:relative;

    overflow:hidden;

    border-radius:5px

}
.zm-item img{

    aspect-ratio:1;

    object-fit:cover;

    width:100%

}
.zm-itemcap{

    display:block;

    font-weight:700;

    color:#fff;

    font-size:12.5px;

    text-align:center;

    padding:7px 6px

}
.zm-sheet{

    margin:0 0 16px;

    overflow-x:auto;

    border-radius:5px;

    border:1px solid #3E1A1C

}
.zm-sheet-table{

    width:100%;

    font-size:15px;

    min-width:420px;

    border-collapse:collapse

}
.zm-sheet-table th,.zm-sheet-table td{

    padding:11px 13px;

    border-bottom:1px solid #3E1A1C;

    text-align:left

}
.zm-sheet-table thead th{

    background:#280000;

    color:#FFC300;

    text-transform:uppercase;

    letter-spacing:.03em;

    white-space:nowrap;

    font-size:12.5px

}
.zm-sheet-table tbody tr:last-child td{

    border-bottom:0

}
.zm-sheet-table b{

    color:#FFC300

}
.zm-digits{

    font-variant-numeric:tabular-nums

}
.zm-promo-list + p,.zm-sheet-table + p{

    margin-top:14px

}
.zm-stats{

    border:1px solid #3E1A1C;

    display:grid;

    border-radius:5px;

    gap:1px;

    overflow:hidden;

    background:#3E1A1C;

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

}
.zm-stat{

    background:#280000;

    padding:13px 15px

}
.zm-stat dt{

    letter-spacing:.04em;

    text-transform:uppercase;

    font-size:12px;

    color:#8C7470;

    margin-bottom:3px

}
.zm-stat dd{

    color:#F3ECEA;

    font-weight:700;

    font-size:17px;

    margin:0

}
.zm-callout{

    border-left:3px solid #FA7A06;

    font-size:15px;

    padding:13px 16px;

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

    border-radius:0 5px 5px 0

}
.zm-callout p:last-child{

    margin-bottom:0

}
.zm-alert{

    border-left-color:#E0553D;

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

}
.zm-qa{

    display:grid;

    gap:9px

}
.zm-qa details{

    border:1px solid #3E1A1C;

    background:#280000;

    border-radius:5px

}
.zm-qaq{

    cursor:pointer;

    list-style:none;

    font-weight:700;

    padding:14px 16px;

    gap:10px;

    display:flex

}
.zm-qaq h3{

    font-weight:inherit;

    font-size:inherit;

    margin:0;

    display:inline

}
.zm-qaq::-webkit-details-marker{

    display:none

}
.zm-qaq::after{

    line-height:1;

    font-size:20px;

    content:'+';

    color:#FFC300;

    margin-left:auto

}
details[open] .zm-qaq::after{

    content:'–'

}
.zm-qaa{

    color:#C3AAA6;

    font-size:15px;

    padding:0 16px 15px

}
.zm-qaa p:last-child{

    margin-bottom:0

}
.zm-signed{

    color:#8C7470;

    margin:0 0 14px;

    font-size:14px

}
.zm-bottom{

    color:#8C7470;

    font-size:14px;

    background:#280000;

    margin-top:12px;

    padding:30px 0 22px

}
.zm-bottom-brand{

    justify-content:center;

    display:flex;

    margin-bottom:22px

}
.zm-bottom-brand img{

    height:38px;

    width:auto

}
.zm-bottom-cols{

    gap:20px;

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

    display:grid;

    margin-bottom:22px

}
.zm-bottom-col h3{

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:.05em;

    color:#C3AAA6;

    margin-bottom:9px

}
.zm-bottom-col ul{

    gap:6px;

    margin:0;

    display:grid;

    list-style:none;

    padding:0

}
.zm-bottom-col a{

    color:#8C7470

}
.zm-age-mark{

    text-align:center;

    font-size:30px;

    font-weight:900;

    margin:6px 0 14px;

    color:#8C7470;

    opacity:.6

}
.zm-legal-text{

    line-height:1.5;

    text-align:center;

    font-size:12.5px;

    margin-inline:auto;

    max-width:96ch

}
.zm-verdict{

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

    margin-top:16px;

    display:grid;

    gap:14px

}
.zm-verdict-col{

    padding:15px 17px;

    border-radius:5px;

    border:1px solid #3E1A1C;

    background:#280000

}
.zm-verdict-col h3{

    font-size:15px;

    margin-bottom:9px

}
.zm-verdict-col ul{

    gap:7px;

    padding:0;

    display:grid;

    list-style:none;

    margin:0;

    color:#C3AAA6;

    font-size:14.5px

}
.zm-verdict-line{

    position:relative;

    padding-left:21px

}
.zm-verdict-col[data-k='plus'] .zm-verdict-line::before{

    font-weight:900;

    content:'+';

    left:0;

    position:absolute;

    color:#3FA34D

}
.zm-verdict-col[data-k='minus'] .zm-verdict-line::before{

    position:absolute;

    content:'−';

    left:0;

    color:#E0553D;

    font-weight:900

}
.zm-dock{

    display:none

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