.rating svg,button{cursor:pointer}.nav-list a,a,button{text-decoration:none}.btn,.donut-text{text-align:center}.btn,.donut-text,.nav-list a,body{font-style:normal;font-weight:400}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(../fonts/lato-v24-latin-regular.woff2) format("woff2")}*,::after,::before{padding:0;margin:0;box-sizing:border-box}ol,ul{list-style:none}a,button{transition:all .2s ease}img{vertical-align:top;width:100%;height:100%;object-fit:cover}.container{width:min(90%,600px);margin:0 auto}body{font-size:.875rem;color:#B7BACD;font-family:Lato,sans-serif;line-height:1.375rem;background-color:#2B3040;padding:5.695% 15.278%;min-width:320px}.page-wrapper{display:flex;flex-direction:column;justify-content:space-between;padding:15.4% 0;background:url(../img/bg-image.jpg) center center no-repeat;min-height:100dvh}.page-wrapper main{flex-grow:1}.img-wrap{aspect-ratio:160/230.62;max-width:160px}.btn{background-color:#13E28D;color:#FFF;font-family:Lato;font-size:1rem;line-height:1.25rem;text-transform:uppercase;border-radius:2px;padding:5.883% 9.315%;border:2px solid transparent}.btn:hover,header{background-color:#2B3040}.btn:hover{border:2px solid #13E28D}.btn:active{opacity:.5}header{padding:4.667% 2% 4.667% 2.335%;max-height:120px}header svg{display:block;fill:#8D91A3;stroke:#8D91A3;stroke-width:0}header li:nth-child(1) a{gap:14px}header li:nth-child(1) svg{max-width:26px;max-height:23px}header li:nth-child(2) a{gap:13px}header li:nth-child(2) svg{max-width:25px;max-height:24px;position:relative;top:-1px;right:-1px}header li:nth-child(3) svg{max-width:24px;max-height:22px}.nav-list{font-size:0;display:flex;justify-content:space-around}.nav-list a{color:#8D91A3;font-size:1rem;line-height:1.75rem;text-transform:uppercase;height:100%;display:flex;flex-direction:column;gap:15px;align-items:center;position:relative}.nav-list a span,.nav-list a svg{pointer-events:none}.nav-list a:hover{color:#fff}.nav-list a:hover svg{stroke:#fff;fill:#fff}.nav-list a:active{opacity:.7}main{background-color:#212534;padding:10% 6.667%;min-height:432px}.content{display:grid;grid-template-columns:auto 1fr;gap:41px}.content .img-info>.img-wrap{margin-bottom:43px;position:relative;top:18.1px}.rating{display:flex;justify-content:space-evenly;height:20px}.rating svg{max-width:20px;aspect-ratio:1/1;display:inline-block;fill:#8D91A3}.rating svg:hover{scale:1.3;fill:#FFDD3F;transition:all .1s ease-in-out}.rating svg:hover+svg,.rating svg:hover+svg+svg,.rating svg:hover+svg+svg+svg,.rating svg:hover+svg+svg+svg+svg{fill:#8D91A3}.rating .yellow,.rating svg:has(+svg+svg+svg+svg:hover),.rating svg:has(+svg+svg+svg:hover),.rating svg:has(+svg+svg:hover),.rating svg:has(+svg:hover){fill:#FFDD3F}.text-info hgroup{margin-top:12px;margin-bottom:36px;display:inline-block}.text-info hgroup h2{color:#FFF;font-size:2rem;line-height:2rem;margin-bottom:15px}.text-info hgroup p{color:#FFF;font-size:.875rem;line-height:1.25rem}.text-info>p{margin-bottom:50px;max-width:277px}.buy-info{display:flex;justify-content:space-between;padding-right:4.08%;gap:20px}.buy-info .discount,.buy-info .price,.donutty{display:inline-block}.buy-info .discount{color:#FFDD3F;font-size:.75rem;line-height:1.25rem;margin-bottom:3px}.buy-info .current-price{color:#FFF;font-size:2rem;line-height:2rem}.buy-info .btn{margin-top:-1px}.donutty{position:relative;max-width:75px;max-height:75px}.main-info{display:flex;justify-content:space-between;gap:15px}.donut-text{color:#B7BACD;font-family:Lato,sans-serif;font-size:1.25rem;line-height:1.375rem;position:absolute;top:26px;left:24px}@media screen and (max-width:896px){header{height:60px;padding:0}header nav{height:100%}header .nav-list{height:100%;align-items:center}header .nav-list li{height:35px}header svg{max-height:35px!important;max-width:35px!important}.img-wrap,.text-info>p{max-width:400px}header span{display:none}.container{width:min(100%,600px)}.page-wrapper{background:0 0;padding:0}body{background:url(../img/bg-image.jpg) 0 0/cover no-repeat;line-height:2rem;padding:0}.content{grid-template-columns:1fr;justify-items:center}.rating{height:30px;justify-content:space-between}.rating svg{max-width:30px}.rating svg use{scale:1.5}.text-info hgroup h2{font-size:3rem;line-height:3rem}.text-info hgroup p{font-size:1.5rem;line-height:2rem}.text-info>p{font-size:1.5rem}.donutty{max-width:95px;max-height:95px}.donut-text{font-size:2rem;top:unset;left:unset;bottom:38px;right:25px}.buy-info{padding-right:0}.buy-info .discount{font-size:1.5rem;margin-bottom:15px}.buy-info .current-price{font-size:3rem}}