*{padding:0;margin:0;line-height:1.5;box-sizing:border-box}html,body{min-height:100vh;font-family:"Kumbh Sans",sans-serif;font-size:16px}a{text-decoration:none;color:#000}a:active,a:visited{color:#000}li{list-style:none;font-size:20px}.wrapper{padding:20px 10px;height:100vh;margin:auto;max-width:1440px}header{max-width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative}header .nav-logo-flex{display:flex;gap:30px;align-items:center}header .nav-logo-flex #logo{height:30px;align-self:flex-start;cursor:pointer;margin-right:40px}header .nav-logo-flex nav{display:flex;justify-content:flex-end}header .nav-logo-flex nav ul{display:flex;gap:50px;transition:.3s ease-in-out}header .nav-logo-flex nav ul li a{color:#68707d}header .nav-logo-flex nav ul li a:hover{color:#1d2025}header .nav-logo-flex nav .hamburger{display:none;cursor:pointer}header .basket-avatar-flex{display:flex;gap:50px;align-items:center}header .basket-avatar-flex #avatar{max-height:75px;border-radius:50%}header .basket-avatar-flex #avatar:hover{border:1px solid #ff7d1a}header .basket-avatar-flex .basket-block{position:relative}header .basket-avatar-flex .basket-block #basket{height:30px;cursor:pointer}header .basket-avatar-flex .basket-block .backet-count{display:none;align-items:center;justify-content:center;position:absolute;top:-10px;left:10px;height:20px;width:35px;border-radius:20px;background-color:#ff7d1a;color:#fff}header .basket-avatar-flex .basket-block .cart__list-block{display:none;width:400px;position:absolute;top:75px;right:-150px;background-color:#fff;box-shadow:4px 7px 20px 0 #68707d;border-radius:10px}header .basket-avatar-flex .basket-block .cart__list-block .cart__list-container{display:flex;flex-direction:column;padding:20px}header .basket-avatar-flex .basket-block .cart__list-block .cart__list-container .cart__list-info{display:flex;justify-content:space-between;align-items:center}header .basket-avatar-flex .basket-block .cart__list-block .cart__list-container .cart__list-info .cart__list-img-block{width:75px;overflow:hidden}header .basket-avatar-flex .basket-block .cart__list-block .cart__list-container .cart__list-info .cart__list-img-block img{max-width:100%;border-radius:7px}header .basket-avatar-flex .basket-block .cart__list-block .cart__list-container .cart__list-info .cart__list-info-block .cart__list-price .cart__list-sum-price{font-weight:700}header .basket-avatar-flex .basket-block .cart__list-block .cart__list-container .cart__list-button{margin-top:20px;align-self:center;color:#fff;background:#ff7d1a;border-radius:10px;width:100%;display:flex;justify-content:center;align-items:center;height:50px}header .basket-avatar-flex .basket-block .backet-count.active{display:flex}header .basket-avatar-flex .basket-block .cart__list-block.active{display:block}main{max-width:100%;padding:50px;margin-top:30px;margin-bottom:100px;display:flex;justify-content:space-between}main .img-block{width:45%;display:flex;flex-direction:column;gap:20px}main .img-block .arrow{display:none}main .img-block img{border-radius:10px;width:20%}main .img-block #main-img{width:100%;cursor:pointer}main .img-block .img__slider-block{display:flex;justify-content:space-between;cursor:pointer}main .img-block .img__slider-block img.active{opacity:.5;border:1px solid #ff7d1a}main .img-block .img__slider-block img{transition:.4s ease-in-out}main .img-block .img__slider-block img:hover{opacity:.5}main .product{padding:20px;width:45%}main .product .product__container{display:flex;flex-direction:column;height:80%;gap:30px}main .product .product__preview{color:#ff7d1a}main .product .product__title{font-size:38px}main .product .product__subtitle{color:#68707d}main .product .product__price-new{display:flex;align-items:center}main .product .product__price-new .product__price{font-weight:700;font-size:24px;margin-right:30px}main .product .product__price-new .product__discount{background:#ffede0;color:#ff7d1a;width:40px;height:20px;display:flex;justify-content:center;align-items:center}main .product .product__price-old{text-decoration:line-through;color:#b6bcc8}main .product .product__selecter{display:flex;gap:50px;align-items:center}main .product .product__selecter .product__counter{display:flex;gap:20px}main .product .product__selecter .product__counter .product__minus,main .product .product__selecter .product__counter .product__plus,main .product .product__selecter .product__counter .product__counter-count{width:40px;height:40px;background:#f7f8fd;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}main .product .product__selecter .product__counter .product__minus:hover,main .product .product__selecter .product__counter .product__plus:hover,main .product .product__selecter .product__counter .product__counter-count:hover{opacity:.6}main .product .product__selecter .product__counter .product__counter-count{font-weight:700}main .product .product__selecter .product__add{padding:15px 15%;display:flex;justify-content:center;gap:10px;color:#fff;background-color:#ff7d1a;border-radius:10px;border:none;box-shadow:0px 10px 20px 0px #ff7d1a;cursor:pointer}main .product .product__selecter .product__add:hover{opacity:.6}main .product .product__selecter .product__add img{filter:brightness(100)}main .product .product__selecter .product__add span{font-size:18px}.popup{display:none;background:rgba(0,0,0,.9);height:100vh;position:absolute;top:0;right:0;width:100%;z-index:1000}.popup .popup__container{margin:auto;width:100%;height:100%;display:flex;justify-content:center;z-index:1000}.popup .popup__container .img-block{max-width:60%;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;margin:auto;position:relative}.popup .popup__container .img-block p{position:absolute;top:-5%;right:-20%;font-size:36px;color:#fff;cursor:pointer}.popup .popup__container .img-block p:hover{color:#ff7d1a}.popup .popup__container .img-block img{border-radius:10px;width:18%;cursor:pointer;opacity:1}.popup .popup__container .img-block .arrow{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;position:absolute;top:40%;cursor:pointer}.popup .popup__container .img-block .arrow:first-child{left:-4%}.popup .popup__container .img-block .arrow:nth-child(3){right:-4%}.popup .popup__container .img-block #popup-main-img{width:100%}.popup .popup__container .img-block .img__slider-block{display:flex;justify-content:space-around}.popup .popup__container .img-block .img__slider-block img.active{opacity:.5;border:1px solid #ff7d1a}.popup .popup__container .img-block .img__slider-block img{transition:.4s ease-in-out}.popup .popup__container .img-block .img__slider-block img:hover{opacity:.5}@media(max-width: 1024px){.wrapper.active{background:rgba(0,0,0,.75)}header .nav-logo-flex{flex-direction:row-reverse}header .nav-logo-flex #logo.active{display:none}header .nav-logo-flex nav{left:40px}header .nav-logo-flex nav .hamburger{display:block;transition:.3s ease-in;align-self:baseline;z-index:700}header .nav-logo-flex nav .hamburger img{height:25px;transition:.4s ease-out}header .nav-logo-flex nav ul{position:fixed;left:-100%;flex-direction:column;gap:0;margin-top:-75px;height:200vh;padding:35px;gap:30px;font-weight:700}header .nav-logo-flex nav ul li:first-child{margin-top:100px}header .nav-logo-flex nav ul.active{left:0;background:#fff;width:65%;z-index:600;overflow-y:hidden}header .nav-logo-flex nav ul.active li a{color:#1d2025}main .product .product__container .product__selecter button{width:100%;height:60px;justify-content:center;align-items:center;padding:5px}main .product .product__container .product__selecter button span{font-size:16px}.popup .popup__container .img-block{max-width:40%}}@media(max-width: 912px){main{padding:30px}main .product .product__container .product__selecter{gap:10px}main .product .product__container .product__selecter button{width:100%;height:60px;justify-content:center;align-items:center;padding:5px}main .product .product__container .product__selecter button span{font-size:12px}main .product .product__container .product__selecter .product__counter{gap:5px}}@media(max-width: 540px){.wrapper{padding:0;max-width:375px}hr{display:none}header .nav-logo-flex,header .basket-avatar-flex{justify-content:none;align-items:center;gap:10px}header .basket-avatar-flex .basket-block .cart__list-block.active{z-index:400;width:300px;top:100px;right:-40px}header .basket-avatar-flex .basket-block .cart__list-block.active #delete{width:10%}header .nav-logo-flex nav .hamburger{align-self:baseline}header img{width:60%}main{flex-direction:column;padding:0;margin:0}main .img-block{height:371px;width:100%;position:relative}main .img-block #main-img{width:100%;border-radius:0}main .img-block .arrow{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;position:absolute;top:40%;cursor:pointer}main .img-block .arrow:first-child{left:5%}main .img-block .arrow:nth-child(3){right:5%}main .img-block .img__slider-block{display:none}main .product{width:100%;padding:10px}main .product .product__container{gap:10px}main .product .product__container .product__selecter{flex-direction:column;gap:20px}main .product .product__container .product__selecter button{width:100%;height:60px;justify-content:center;align-items:center;padding:5px;gap:20px;font-size:10px;margin-bottom:40px}}