@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;font-family:Montserrat,sans-serif}body{background-color:#fff;color:#222;font-family:Montserrat,sans-serif;font-weight:300}.App{max-width:1280px;margin:50px auto}header{position:relative}header .logo{font-weight:600;font-size:20px;padding-left:15px}header ul.nav{float:right;list-style:none}header ul.nav li{display:inline;margin-left:25px;padding-right:15px;cursor:pointer;transition:opacity .5s ease}header ul.nav li:hover{opacity:.5}header .shop-cart-button{float:right;cursor:pointer;transition:color,transform .5s ease}header .shop-cart-button:hover,header .shop-cart-button.active{color:#dc3d3d;transform:scale(1.5)}header .shop-cart{position:absolute;top:45px;right:0;width:450px;background-color:#f5f5f5;-webkit-box-shadow:4px 5px 10px -7px #606060;box-shadow:4px 5px 10px -7px #606060;z-index:50;padding:20px 20px 0}header .shop-cart .empty{text-align:center;font-size:16px;margin-bottom:20px}.shop-cart .item{width:100%;float:left;margin-bottom:20px}header .shop-cart .item img{width:70px;float:left;margin-right:20px}header .shop-cart .item h2{font-size:20px;margin-bottom:10px}header .shop-cart .item p{font-weight:600}header .shop-cart .item .delete-icon{position:relative;float:right;color:#ca5252;top:-50px;cursor:pointer;transition:color,transform .5s ease}header .shop-cart .item .delete-icon:hover{color:#d83830;transform:scale(1.5)}header .shop-cart .summa{float:right;width:100%;font-weight:600;font-size:20px;margin-bottom:20px}header .presentation{margin:65px 0;background:url(/assets/bd2-B185gRSv.jpg) no-repeat;width:100%;height:500px;background-size:cover;background-position:center center;background-blend-mode:multiply;background-color:#bcbcbc;position:relative}header .presentation:after{content:"Кращі товари для вашого будинку";position:absolute;top:100px;left:50px;width:300px;font-size:40px;font-weight:600;color:#fff}header .presentation:before{content:"За низькми цінами";position:absolute;top:250px;left:50px;width:300px;font-size:15px;font-weight:300;color:#fff}.categories div{display:inline;background:#f2f2f2;border-radius:25px;padding:10px 20px;margin-bottom:55px;margin-right:15px;cursor:pointer;border:1px solid transparent;transition:.5s ease}.categories div:hover{border-color:silver;transform:scale(1.1)}main{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}main .item{width:30%;margin-top:35px;margin-bottom:50px;background:#f5f5f5;overflow:hidden;position:relative;padding-bottom:20px}main .item img{width:100%;border-radius:10px 10px 0 0;transition:transform .5s ease}main .item:hover{transform:scale(1.05)}main h2,main p,main b{margin:10px 20px}main b{color:#5fa36a}main .add-to-cart{position:absolute;right:20px;bottom:20px;background-color:#ca5252;width:35px;height:35px;text-align:center;line-height:35px;color:#fff;border-radius:50%;cursor:pointer;font-weight:600;transition:transform .5s ease}main .add-to-cart:hover{transform:scale(1.5) translateY(-5px)}footer{text-align:center;margin-top:100px}@media (max-width: 575px){.App{margin:20px auto;padding:0 10px}header .header-top{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 0}header .logo{padding-left:0;font-size:22px}header ul.nav{float:none;text-align:center}header ul.nav li{display:block;margin:8px 0;padding:0;font-size:16px}header .header-icons{display:flex;justify-content:center;gap:20px;font-size:24px}header .shop-cart-button{float:none}header .shop-cart{width:100%;right:0;left:0;top:auto;box-sizing:border-box}header .categories-dropdown{right:0;left:0;width:100%;box-sizing:border-box}header .presentation{height:250px;margin:30px 0}header .presentation:after{font-size:22px;top:40px;left:15px;width:200px}header .presentation:before{font-size:12px;top:140px;left:15px}.categories{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:20px}.categories div{display:block;text-align:center;margin:0;padding:14px 20px;font-size:16px;border-radius:12px;width:100%;box-sizing:border-box}main{flex-direction:column}main .item{width:100%;margin-top:20px;margin-bottom:20px;border-radius:10px}main .item img{width:100%;height:250px;object-fit:cover;border-radius:10px 10px 0 0}main h2{font-size:18px}main p,main b{font-size:15px}main .add-to-cart{width:45px;height:45px;line-height:45px;font-size:20px}footer{margin-top:50px;font-size:14px}}