@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&display=swap);*{box-sizing:border-box;margin:0;padding:0}ul{list-style-type:none}a{color:#333;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"NotoSerif",Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.container{margin:auto;max-width:1240px}.btn{background-image:linear-gradient(45deg,#5651e5,#709dff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:.4s}.btn:active{border-bottom:none;box-shadow:0 0 1px rgba(0,0,0,0,.2);-webkit-transform:translate(4px);transform:translate(4px)}.featured{margin-top:5rem}.featured .featured-text{margin:1rem 0;text-align:center}.featured .container{--gap:1.2rem;--num-cols:5;--row-height:300px;grid-gap:var(--gap);display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(var(--num-cols),1fr);padding:1rem}.featured .container img{height:100%;object-fit:cover;width:100%}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.image-grid-row-2{grid-row:span 2}.info-grid{display:grid;grid-template-columns:repeat(2,1fr)}.right-img-details .btn{margin:1rem 0}.featured .top{align-items:center;display:flex;justify-content:space-between}.featured .top .price{color:green;font-size:1.5rem;font-weight:600}.featured .info{display:flex;justify-content:space-between;margin:.8rem 0;width:60%}.featured .bold{font-weight:600;margin-right:1rem}@media screen and (max-width:1024px){.featured .container{--num-cols:2;--row-height:200px;--grap:.5rem}.span-3{grid-column:span 2}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}}.best{margin:4rem 0;text-align:center;width:100%}.best>div{display:flex;justify-content:center}.best>div p{font-size:1.2rem;margin:1rem 2rem}.bold{font-weight:700}.best .container{grid-gap:1.2rem;display:grid;grid-template-columns:repeat(3,1fr);padding:1rem}.best img{width:100%}@media screen and (max-width:940px){.best{margin:1rem 0}.best>div p{font-size:1rem;margin:1rem}.best .container{grid-gap:.5rem;grid-template-columns:1fr}}@media screen and (max-width:478px){.best>div p{margin:1rem .5rem}}.hero{background-color:rgba(0,0,0,.5);color:#fff;height:80vh;margin-bottom:4rem;position:relative;width:100%}.hero:before{background:url(/static/media/hero-img.6bf08fe8a2341a0eff67.jpg) no-repeat 50%/cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero .content{display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:700px;padding:1rem;text-align:center}.hero h1{font-size:3.5rem;text-transform:capitalize}.hero .search-text{font-size:1.4rem;margin:1.5rem}.search{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333;display:flex;justify-content:space-between;padding:4px}.search input[type=text]{background-color:initial;border:transparent;font-family:Raleway,sans-serif;font-size:1.2rem;width:400px}.search input[type=text]:focus{outline:none}.search label{padding:0 14px 0 8px}.search .radio{align-items:center;display:flex}.search button{background-image:linear-gradient(45deg,#5651e5,#709dff);border:1px solid #5651e5;border-radius:8px;color:#fff;cursor:pointer;padding:10px}@media screen and (max-width:940px){.hero{height:70vh}.hero h1{font-size:2.5rem}.search input[type=text]{width:100%}}.navbar{background-color:#fff;border-bottom:1px solid #eee;height:90px;left:0;top:0;width:100%}.navbar .container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:1rem}.navbar span{color:#5651e5}.navbar .nav-menu{display:flex}.navbar li{padding:1rem}.hamburger{display:none}.navbar .icon{font-size:1.5rem}@media screen and (max-width:940px){.hamburger{display:block}.navbar .nav-menu{align-items:center;background:hsla(0,0%,100%,.98);display:flex;flex-direction:column;height:100%;position:absolute;right:-100%;top:90px;transition:.4s ease-in-out;width:100%;z-index:10}.navbar .active{right:0}.navbar .nav-menu li a{font-size:2rem}}.footer{background-color:#f8f8f8;padding:2rem 0;width:100%}.footer .container{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(1,1fr)}.footer .col{margin:auto}.footer h3{margin:.8rem 0}.footer p{margin:.4rem 0}.footer .social{text-align:center}.footer .icon{color:#5651e5;font-size:2rem;margin:2rem 3rem}@media screen and (max-width:940px){.footer .container{gap:.5rem;grid-template-columns:repeat(1,1fr)}.footer .icon{margin:1rem}}
/*# sourceMappingURL=main.52e96c95.css.map*/