/* азиномобайл.рф - оформление в стилистике azinomobile */
@font-face{font-family:'AzRoboto';src:url('../fonts/f6101-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/f1704-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/f7803-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/f2832-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/f4007-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/f219-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;

   margin:0;

   overflow-wrap:anywhere;

   color:#F3ECEA;

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

}
img{

   height:auto;

   max-width:100%;

   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

}
.am-skip{

   left:-9999px;

   position:absolute

}
.am-skip:focus{

   background:#FFC300;

   left:10px;

   z-index:99;

   padding:10px 14px;

   top:10px;

   color:#200

}
.am-holder{

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

   margin-inline:auto

}
.am-head{

   z-index:50;

   position:sticky;

   background:#480A0A;

   border-bottom:1px solid #5E1414;

   top:0

}
.am-head__in{

   display:flex;

   min-height:56px;

   position:relative;

   align-items:center;

   gap:12px

}
.am-logo{

   display:flex;

   align-items:center;

   order:-2

}
.am-logo img{

   height:34px;

   width:auto

}
.am-burger{

   height:34px;

   border:0;

   justify-content:center;

   gap:5px;

   padding:8px;

   cursor:pointer;

   width:40px;

   background:none;

   align-items:stretch;

   display:flex;

   flex:0 0 40px;

   flex-direction:column

}
.am-burger span{

   border-radius:2px;

   width:100%;

   background:#fff;

   height:3px;

   flex:0 0 auto;

   display:block

}
.am-act{

   text-align:center;

   letter-spacing:.02em;

   justify-content:center;

   cursor:pointer;

   text-transform:uppercase;

   display:inline-flex;

   border-radius:5px;

   border:0;

   white-space:nowrap;

   padding:10px 16px;

   align-items:center;

   font-size:13px;

   font-weight:700

}
.am-act:hover{

   text-decoration:none

}
.am-act__cta{

   background:#FA7A06;

   color:#210A00

}
.am-act__cta:hover{

   background:#FF9333

}
.am-act__login{

   color:#fff;

   background:#008000

}
.am-act__login:hover{

   background:#0A9A0A

}
.am-act__wide{

   font-size:14px;

   text-align:center;

   width:100%;

   display:block;

   padding:14px;

   background:#480A0A;

   margin:18px 0 0;

   text-transform:uppercase;

   border:1px solid #5E1414;

   font-weight:700;

   color:#fff;

   border-radius:5px

}
.am-act__wide:hover{

   background:#5E1414;

   text-decoration:none

}
.am-menu{

   gap:18px;

   margin-right:auto;

   flex-wrap:wrap;

   order:-1;

   align-items:center;

   display:flex;

   margin-left:22px

}
.am-burger{

   display:none

}
.am-menu__link{

   font-size:15px;

   padding:11px 4px;

   color:#F2DED9;

   white-space:nowrap

}
.am-menu__link:hover{

   color:#FFC300

}
.am-search{

   padding:10px 0;

   background:#111111

}
.am-search__in{

   padding:11px 14px;

   border:1px solid #3E1A1C;

   gap:10px;

   border-radius:5px;

   font-size:14px;

   color:#8C7470;

   align-items:center;

   display:flex;

   background:#280000

}
.am-hero{

   padding:22px 0 8px

}
.am-hero__in{

   align-items:start;

   gap:14px 20px;

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

   grid-template-rows:min-content auto;

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

   display:grid;

   align-content:start

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

   grid-area:txt

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

   grid-area:promo

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

   grid-area:meta

}
.am-hero__lead{

   font-size:17px;

   max-width:62ch;

   color:#C3AAA6

}
.am-bonus{

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

   overflow:hidden;

   border:1px solid #5E1414;

   border-radius:5px

}
.am-bonus__top{

   font-size:12px;

   text-transform:uppercase;

   font-weight:700;

   letter-spacing:.08em;

   background:#480A0A;

   padding:12px 16px;

   color:#FFC300

}
.am-bonus__amt{

   margin:14px 16px 4px;

   color:#FFC300;

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

   line-height:1.05;

   font-weight:900

}
.am-bonus__list{

   list-style:none;

   margin:0;

   gap:7px;

   color:#C3AAA6;

   display:grid;

   padding:0 16px 4px;

   font-size:14.5px

}
.am-bonus__list li{

   padding-left:20px;

   position:relative

}
.am-bonus__list li::before{

   font-weight:700;

   content:'✓';

   position:absolute;

   color:#3FA34D;

   left:0

}
.am-bonus__foot{

   padding:14px 16px 16px

}
.am-bonus__foot .am-act{

   padding:14px;

   width:100%;

   font-size:15px

}
.am-bonus__foot small{

   font-size:12.5px;

   display:block;

   text-align:center;

   margin-top:9px;

   color:#8C7470

}
.am-chips{

   flex-wrap:wrap;

   margin:16px 0 0;

   padding:0;

   gap:8px;

   list-style:none;

   display:flex

}
.am-chip{

   background:#280000;

   border-radius:100px;

   border:1px solid #3E1A1C;

   font-size:13px;

   padding:6px 13px;

   color:#C3AAA6

}
.am-chip b{

   color:#FFC300

}
.am-part{

   padding:26px 0

}
.am-part__alt{

   background:#1A0505

}
.am-part__lead{

   color:#C3AAA6;

   max-width:76ch

}
.am-stages{

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

   display:grid;

   padding:0;

   margin:0;

   list-style:none;

   gap:14px

}
.am-stage{

   border:1px solid #3E1A1C;

   border-radius:5px;

   padding:16px 18px;

   background:#280000

}
.am-stage__num{

   color:#210A00;

   background:#FA7A06;

   margin-bottom:9px;

   font-size:14px;

   border-radius:50%;

   width:28px;

   place-items:center;

   display:inline-grid;

   height:28px;

   font-weight:900

}
.am-wall{

   display:grid;

   gap:10px;

   padding:0;

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

   margin:0;

   list-style:none

}
.am-card{

   margin:0;

   display:block;

   border-radius:5px;

   overflow:hidden;

   background:#280000;

   position:relative

}
.am-card img{

   object-fit:cover;

   width:100%;

   aspect-ratio:1

}
.am-card__cap{

   color:#fff;

   font-size:12.5px;

   font-weight:700;

   display:block;

   text-align:center;

   padding:7px 6px

}
.am-table__wrap{

   margin:0 0 16px;

   border:1px solid #3E1A1C;

   border-radius:5px;

   overflow-x:auto

}
.am-table{

   width:100%;

   font-size:15px;

   border-collapse:collapse;

   min-width:420px

}
.am-table th,.am-table td{

   text-align:left;

   border-bottom:1px solid #3E1A1C;

   padding:11px 13px

}
.am-table thead th{

   letter-spacing:.03em;

   white-space:nowrap;

   text-transform:uppercase;

   font-size:12.5px;

   color:#FFC300;

   background:#280000

}
.am-table tbody tr:last-child td{

   border-bottom:0

}
.am-table b{

   color:#FFC300

}
.am-num{

   font-variant-numeric:tabular-nums

}
.am-bonus__list + p,.am-table + p{

   margin-top:14px

}
.am-specs{

   display:grid;

   border:1px solid #3E1A1C;

   gap:1px;

   background:#3E1A1C;

   overflow:hidden;

   border-radius:5px;

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

}
.am-spec{

   background:#280000;

   padding:13px 15px

}
.am-spec dt{

   color:#8C7470;

   letter-spacing:.04em;

   font-size:12px;

   text-transform:uppercase;

   margin-bottom:3px

}
.am-spec dd{

   font-size:17px;

   color:#F3ECEA;

   font-weight:700;

   margin:0

}
.am-note{

   padding:13px 16px;

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

   border-left:3px solid #FA7A06;

   border-radius:0 5px 5px 0;

   font-size:15px

}
.am-note p:last-child{

   margin-bottom:0

}
.am-warn__box{

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

   border-left-color:#E0553D

}
.am-quest{

   display:grid;

   gap:9px

}
.am-quest details{

   background:#280000;

   border-radius:5px;

   border:1px solid #3E1A1C

}
.am-quest__q{

   padding:14px 16px;

   cursor:pointer;

   gap:10px;

   display:flex;

   font-weight:700;

   list-style:none

}
.am-quest__q h3{

   display:inline;

   font-size:inherit;

   font-weight:inherit;

   margin:0

}
.am-quest__q::-webkit-details-marker{

   display:none

}
.am-quest__q::after{

   content:'+';

   font-size:20px;

   color:#FFC300;

   margin-left:auto;

   line-height:1

}
details[open] .am-quest__q::after{

   content:'–'

}
.am-quest__a{

   font-size:15px;

   padding:0 16px 15px;

   color:#C3AAA6

}
.am-quest__a p:last-child{

   margin-bottom:0

}
.am-byline{

   color:#8C7470;

   font-size:14px;

   margin:0 0 14px

}
.am-bottom{

   margin-top:12px;

   font-size:14px;

   padding:30px 0 22px;

   background:#280000;

   color:#8C7470

}
.am-bottom__logo{

   margin-bottom:22px;

   justify-content:center;

   display:flex

}
.am-bottom__logo img{

   height:38px;

   width:auto

}
.am-bottom__cols{

   display:grid;

   margin-bottom:22px;

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

   gap:20px

}
.am-bottom__col h3{

   margin-bottom:9px;

   color:#C3AAA6;

   font-size:13px;

   letter-spacing:.05em;

   text-transform:uppercase

}
.am-bottom__col ul{

   list-style:none;

   margin:0;

   padding:0;

   display:grid;

   gap:6px

}
.am-bottom__col a{

   color:#8C7470

}
.am-age{

   margin:6px 0 14px;

   opacity:.6;

   color:#8C7470;

   text-align:center;

   font-size:30px;

   font-weight:900

}
.am-legal{

   text-align:center;

   margin-inline:auto;

   line-height:1.5;

   max-width:96ch;

   font-size:12.5px

}
.am-pros__cons{

   margin-top:16px;

   gap:14px;

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

   display:grid

}
.am-pros__col{

   padding:15px 17px;

   border-radius:5px;

   background:#280000;

   border:1px solid #3E1A1C

}
.am-pros__col h3{

   font-size:15px;

   margin-bottom:9px

}
.am-pros__col ul{

   margin:0;

   list-style:none;

   color:#C3AAA6;

   display:grid;

   gap:7px;

   font-size:14.5px;

   padding:0

}
.am-pros__item{

   padding-left:21px;

   position:relative

}
.am-pros__col[data-k='plus'] .am-pros__item::before{

   left:0;

   position:absolute;

   color:#3FA34D;

   content:'+';

   font-weight:900

}
.am-pros__col[data-k='minus'] .am-pros__item::before{

   color:#E0553D;

   position:absolute;

   content:'−';

   font-weight:900;

   left:0

}
.am-sticky{

   display:none

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