/* azinomobileru.ru - оформление в стилистике azinomobile */
@font-face{font-family:'AzRoboto';src:url('../fonts/f6848-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/f2609-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/f8033-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/f8803-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/f6709-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/f8461-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;
   margin:0;
   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-offset:2px;
   outline:3px solid #FA7A06
}
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
}
.pwSkip{
   position:absolute;
   left:-9999px
}
.pwSkip:focus{
   background:#FFC300;
   left:10px;
   z-index:99;
   padding:10px 14px;
   top:10px;
   color:#200
}
.pwHolder{
   margin-inline:auto;
   width:min(100% - 24px,1180px)
}
.pwTop{
   border-bottom:1px solid #5E1414;
   z-index:50;
   position:sticky;
   background:#480A0A;
   top:0
}
.pwTopIn{
   align-items:center;
   min-height:56px;
   gap:12px;
   position:relative;
   display:flex
}
.pwLogo{
   order:-2;
   display:flex;
   align-items:center
}
.pwLogo img{
   width:auto;
   height:34px
}
.pwBurger{
   height:34px;
   justify-content:center;
   align-items:stretch;
   gap:5px;
   flex-direction:column;
   cursor:pointer;
   display:flex;
   border:0;
   padding:8px;
   flex:0 0 40px;
   width:40px;
   background:none
}
.pwBurger span{
   background:#fff;
   width:100%;
   border-radius:2px;
   height:3px;
   flex:0 0 auto;
   display:block
}
.pwBtn{
   font-size:13px;
   display:inline-flex;
   padding:10px 16px;
   align-items:center;
   border-radius:5px;
   white-space:nowrap;
   letter-spacing:.02em;
   font-weight:700;
   border:0;
   text-align:center;
   text-transform:uppercase;
   cursor:pointer;
   justify-content:center
}
.pwBtn:hover{
   text-decoration:none
}
.pwBtnCta{
   background:#FA7A06;
   color:#210A00
}
.pwBtnCta:hover{
   background:#FF9333
}
.pwBtnLogin{
   color:#fff;
   background:#008000
}
.pwBtnLogin:hover{
   background:#0A9A0A
}
.pwBtnWide{
   text-transform:uppercase;
   font-weight:700;
   width:100%;
   border-radius:5px;
   margin:18px 0 0;
   padding:14px;
   display:block;
   background:#480A0A;
   text-align:center;
   font-size:14px;
   border:1px solid #5E1414;
   color:#fff
}
.pwBtnWide:hover{
   text-decoration:none;
   background:#5E1414
}
.pwBar{
   align-items:center;
   display:flex;
   order:-1;
   margin-left:22px;
   flex-wrap:wrap;
   margin-right:auto;
   gap:18px
}
.pwBurger{
   display:none
}
.pwBarLink{
   white-space:nowrap;
   padding:11px 4px;
   color:#F2DED9;
   font-size:15px
}
.pwBarLink:hover{
   color:#FFC300
}
.pwSearch{
   padding:10px 0;
   background:#111111
}
.pwSearchIn{
   background:#280000;
   gap:10px;
   border-radius:5px;
   color:#8C7470;
   align-items:center;
   padding:11px 14px;
   font-size:14px;
   display:flex;
   border:1px solid #3E1A1C
}
.pwLead{
   padding:22px 0 8px
}
.pwLeadIn{
   display:grid;
   grid-template-areas:'txt promo' 'meta promo';
   align-items:start;
   grid-template-rows:min-content auto;
   align-content:start;
   gap:14px 20px;
   grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)
}
.pwLeadIn > *:nth-child(1){
   grid-area:txt
}
.pwLeadIn > *:nth-child(2){
   grid-area:promo
}
.pwLeadIn > *:nth-child(3){
   grid-area:meta
}
.pwLeadLead{
   font-size:17px;
   color:#C3AAA6;
   max-width:62ch
}
.pwPromo{
   overflow:hidden;
   background:linear-gradient(180deg,#480A0A 0%,#280000 100%);
   border:1px solid #5E1414;
   border-radius:5px
}
.pwPromoTop{
   color:#FFC300;
   font-weight:700;
   text-transform:uppercase;
   background:#480A0A;
   padding:12px 16px;
   letter-spacing:.08em;
   font-size:12px
}
.pwPromoAmt{
   line-height:1.05;
   font-weight:900;
   font-size:clamp(30px,4.6vw,44px);
   margin:14px 16px 4px;
   color:#FFC300
}
.pwPromoList{
   font-size:14.5px;
   color:#C3AAA6;
   margin:0;
   gap:7px;
   padding:0 16px 4px;
   list-style:none;
   display:grid
}
.pwPromoList li{
   position:relative;
   padding-left:20px
}
.pwPromoList li::before{
   position:absolute;
   color:#3FA34D;
   font-weight:700;
   left:0;
   content:'✓'
}
.pwPromoFoot{
   padding:14px 16px 16px
}
.pwPromoFoot .pwBtn{
   width:100%;
   padding:14px;
   font-size:15px
}
.pwPromoFoot small{
   text-align:center;
   font-size:12.5px;
   display:block;
   color:#8C7470;
   margin-top:9px
}
.pwPills{
   padding:0;
   display:flex;
   margin:16px 0 0;
   gap:8px;
   flex-wrap:wrap;
   list-style:none
}
.pwPill{
   font-size:13px;
   border-radius:100px;
   color:#C3AAA6;
   background:#280000;
   border:1px solid #3E1A1C;
   padding:6px 13px
}
.pwPill b{
   color:#FFC300
}
.pwPart{
   padding:26px 0
}
.pwPartAlt{
   background:#1A0505
}
.pwPartLead{
   max-width:76ch;
   color:#C3AAA6
}
.pwPhases{
   display:grid;
   list-style:none;
   margin:0;
   padding:0;
   grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
   gap:14px
}
.pwPhase{
   padding:16px 18px;
   border-radius:5px;
   border:1px solid #3E1A1C;
   background:#280000
}
.pwPhaseNum{
   background:#FA7A06;
   border-radius:50%;
   color:#210A00;
   font-weight:900;
   width:28px;
   height:28px;
   display:inline-grid;
   margin-bottom:9px;
   font-size:14px;
   place-items:center
}
.pwBoard{
   display:grid;
   margin:0;
   grid-template-columns:repeat(3,minmax(0,1fr));
   list-style:none;
   padding:0;
   gap:10px
}
.pwCard{
   position:relative;
   overflow:hidden;
   border-radius:5px;
   background:#280000;
   display:block;
   margin:0
}
.pwCard img{
   object-fit:cover;
   aspect-ratio:1;
   width:100%
}
.pwCardCap{
   display:block;
   color:#fff;
   font-size:12.5px;
   text-align:center;
   font-weight:700;
   padding:7px 6px
}
.pwTableWrap{
   overflow-x:auto;
   border-radius:5px;
   border:1px solid #3E1A1C;
   margin:0 0 16px
}
.pwTable{
   border-collapse:collapse;
   width:100%;
   font-size:15px;
   min-width:420px
}
.pwTable th,.pwTable td{
   padding:11px 13px;
   text-align:left;
   border-bottom:1px solid #3E1A1C
}
.pwTable thead th{
   white-space:nowrap;
   background:#280000;
   color:#FFC300;
   font-size:12.5px;
   text-transform:uppercase;
   letter-spacing:.03em
}
.pwTable tbody tr:last-child td{
   border-bottom:0
}
.pwTable b{
   color:#FFC300
}
.pwNum{
   font-variant-numeric:tabular-nums
}
.pwPromoList + p,.pwTable + p{
   margin-top:14px
}
.pwRows{
   background:#3E1A1C;
   border:1px solid #3E1A1C;
   border-radius:5px;
   overflow:hidden;
   display:grid;
   gap:1px;
   grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))
}
.pwRow{
   background:#280000;
   padding:13px 15px
}
.pwRow dt{
   font-size:12px;
   margin-bottom:3px;
   text-transform:uppercase;
   color:#8C7470;
   letter-spacing:.04em
}
.pwRow dd{
   color:#F3ECEA;
   margin:0;
   font-size:17px;
   font-weight:700
}
.pwNote{
   border-radius:0 5px 5px 0;
   border-left:3px solid #FA7A06;
   padding:13px 16px;
   font-size:15px;
   background:rgba(250,122,6,.08)
}
.pwNote p:last-child{
   margin-bottom:0
}
.pwWarnBox{
   border-left-color:#E0553D;
   background:rgba(224,85,61,.09)
}
.pwFaq{
   gap:9px;
   display:grid
}
.pwFaq details{
   border-radius:5px;
   background:#280000;
   border:1px solid #3E1A1C
}
.pwFaqQ{
   display:flex;
   cursor:pointer;
   padding:14px 16px;
   gap:10px;
   font-weight:700;
   list-style:none
}
.pwFaqQ h3{
   font-size:inherit;
   font-weight:inherit;
   display:inline;
   margin:0
}
.pwFaqQ::-webkit-details-marker{
   display:none
}
.pwFaqQ::after{
   font-size:20px;
   color:#FFC300;
   content:'+';
   margin-left:auto;
   line-height:1
}
details[open] .pwFaqQ::after{
   content:'–'
}
.pwFaqA{
   padding:0 16px 15px;
   color:#C3AAA6;
   font-size:15px
}
.pwFaqA p:last-child{
   margin-bottom:0
}
.pwByline{
   font-size:14px;
   margin:0 0 14px;
   color:#8C7470
}
.pwBase{
   padding:30px 0 22px;
   margin-top:12px;
   font-size:14px;
   background:#280000;
   color:#8C7470
}
.pwBaseLogo{
   margin-bottom:22px;
   display:flex;
   justify-content:center
}
.pwBaseLogo img{
   width:auto;
   height:38px
}
.pwBaseCols{
   gap:20px;
   grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));
   margin-bottom:22px;
   display:grid
}
.pwBaseCol h3{
   margin-bottom:9px;
   font-size:13px;
   text-transform:uppercase;
   color:#C3AAA6;
   letter-spacing:.05em
}
.pwBaseCol ul{
   margin:0;
   gap:6px;
   list-style:none;
   display:grid;
   padding:0
}
.pwBaseCol a{
   color:#8C7470
}
.pwAge{
   opacity:.6;
   text-align:center;
   font-size:30px;
   color:#8C7470;
   margin:6px 0 14px;
   font-weight:900
}
.pwLegal{
   margin-inline:auto;
   text-align:center;
   line-height:1.5;
   font-size:12.5px;
   max-width:96ch
}
.pwProsCons{
   grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
   margin-top:16px;
   display:grid;
   gap:14px
}
.pwProsCol{
   border-radius:5px;
   border:1px solid #3E1A1C;
   padding:15px 17px;
   background:#280000
}
.pwProsCol h3{
   margin-bottom:9px;
   font-size:15px
}
.pwProsCol ul{
   color:#C3AAA6;
   gap:7px;
   display:grid;
   margin:0;
   list-style:none;
   font-size:14.5px;
   padding:0
}
.pwProsItem{
   padding-left:21px;
   position:relative
}
.pwProsCol[data-k='plus'] .pwProsItem::before{
   position:absolute;
   color:#3FA34D;
   left:0;
   font-weight:900;
   content:'+'
}
.pwProsCol[data-k='minus'] .pwProsItem::before{
   color:#E0553D;
   content:'−';
   left:0;
   font-weight:900;
   position:absolute
}
.pwSticky{
   display:none
}
@media (max-width:880px){
   .pwLeadIn{grid-template-columns:minmax(0,1fr);grid-template-areas:'txt' 'promo' 'meta'}
   .pwBoard{grid-template-columns:repeat(2,minmax(0,1fr))}
   .pwLogo{margin-left:8px;margin-right:auto;order:0}
   .pwBurger{border:0;background:none;flex:0 0 40px;justify-content:center;flex-direction:column;height:34px;width:40px;cursor:pointer;padding:8px;display:flex;align-items:stretch;gap:5px}
   .pwBar{order:0;display:none;margin:0}
   .pwBar.is-on{top:56px;position:absolute;right:0;border-bottom:1px solid #5E1414;background:#480A0A;padding:8px 0 14px;z-index:60;gap:0;display:grid;left:0}
   .pwBtnCta,.pwBtnLogin{font-size:12px;padding:9px 11px}
   .pwSticky{display:block;background:#480A0A;z-index:70;border-top:1px solid #5E1414;padding:9px 12px;right:0;position:fixed;left:0;bottom:0}
   .pwSticky .pwBtn{width:100%;padding:14px;font-size:15px}
   .pwSticky[data-hide='1']{transform:translateY(110%)}
   .pwBase{padding-bottom:78px}
}
@media (prefers-reduced-motion:reduce){
   *{transition-duration:.001ms!important;animation-duration:.001ms!important}
}