@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600&display=swap);:root{--red:red;--light-coral:#f08080;--black:#000;--light-color:#666;--border:0.1rem solid rgba(0,0,0,.1);--box-shadow:0 8px 16px rgba(0,0,0,.1)}*{border:none;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:red;padding:0;text-decoration:none;transition:all .2s ease-in-out}html{font-size:62.5%;overflow-x:auto;scroll-behavior:smooth;scroll-padding-top:112px}.header{align-items:center;background:#fff;display:flex;justify-content:space-between;left:0;padding:3rem 9%;position:fixed;right:0;top:0;z-index:999}.header .logo{color:#000;font-size:2.5rem;font-weight:bolder}.header .logo span{color:red}.header .navbar a{color:dimgray;font-size:1.7rem;margin:0 1rem}.header .navbar a:hover{color:#cd5c5c}.header .navbar a:visited{color:red}.btn{background:red;border-radius:.5rem;color:#000;cursor:pointer;display:inline-block;font-size:1.7rem;font-weight:500;margin-top:1rem;padding:.8rem 1rem}.btn:hover{background:#ff4500}.header .btn{margin-top:0}header #login-btn i{color:red;cursor:pointer;display:none;font-size:1.5rem}div .container{border:red;border-radius:10px}#menu-btn{color:#666;color:var(--light-color);cursor:pointer;display:none;font-size:2.5rem}.header .active{box-shadow:0 8px 16px rgba(0,0,0,.1);box-shadow:var(--box-shadow);padding:2rem 9%}button[type=submit]{border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;margin-top:10px;padding:10px}.contains{margin:0 auto;max-width:1200px;padding:3rem 2rem}.contains .title{color:#444;font-size:3.5rem;margin-bottom:3rem;text-align:center;text-transform:upperccase}.contains .title span{color:red}.contains .products-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}.contains .products-container .product{background:#fff;border-radius:40px;box-shadow:0,5rem,1rem,#000;cursor:pointer;outline:.1rem solid #ccc;outline-offset:-1.5rem;padding:3rem 2rem;text-align:center}.contains .products-container .product:hover{outline:.2rem solid red;outline-offset:0}.contains .products-container .product img{border-radius:40px;height:25rem}.contains .products-container .product:hover img{-webkit-transform:scale(.9);transform:scale(.9)}.contains .products-container .product h3{color:red;font-size:2rem;padding:.5rem 0}.contains .products-container .product:hover h3{color:red}.contains .products-container .product .price{color:#000;font-size:2rem}.product-preview{align-items:center;background:rgba(0,0,0,.8);display:none;justify-content:center;left:0;min-height:100vh;position:fixed;top:0;width:100%}.product-preview .preview{background:#fff;display:none;margin:2rem;padding:2rem;position:relative;text-align:center;width:40rem}.product-preview .preview .active{display:inline-block}.product-preview .preview img{height:30rem}.product-preview .preview .fa-times{color:red;cursor:pointer;font-size:4rem;position:absolute;right:1.5rem;top:1rem}.product-preview .preview .fa-times:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.product-preview .preview h3{color:red;font-size:2.5rem;padding:.5rem 0}.product-preview .preview .stars{font-size:1.7rem;padding:1rem 0}.product-preview .preview .stars i{color:red}.product-preview .preview .stars .span{color:#999}.product-preview .preview p{color:red;font-size:1.6rem;line-height:1.5;padding:1rem 0}.product-preview .preview .price{color:red;font-size:2.5rem;padding:1rem 0}.product-preview .preview .buttons{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.product-preview .preview .buttons a{border:1rem solid red;color:red;flex:1 1 16rem;font-size:1.8rem;padding:1rem}.product-preview .preview .buttons a.cart{background:#444;color:#fff}.product-preview .preview .buttons a.cart:hover{background:#111}.product-preview .preview .buttons a.buy:hover{background:red;color:#fff}@media only screen and (max-width:600px){form{flex-direction:column;max-width:400px}}.container{border:1px solid #a70e0e;border-radius:5px;margin-left:530px;margin-right:530px;margin-top:150px}.container .fa{color:#fff;padding:0;width:5px}@media(max-width:991px){html{font-size:55%}.header,.header .active{padding:2rem}.search-form button[type=submit],.search-form input[type=text]{font-size:5px;padding:10px}}@media(max-width:768px){#menu-btn{display:block}#menu-btn.fa-times{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header #login-btn i{display:block}.header #login-btn .btn{display:none}.header .navbar{background:#fff;border-top:.1rem solid rgba(0,0,0,.1);border-top:var(--border);-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);left:0;position:absolute;right:0;top:99%}.header .navbar.active{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.header .navbar a{display:block;font-size:2rem;margin:2rem}.search-form button[type=submit],.search-form input[type=text]{font-size:14px;padding:8px}.product-preview .preview img{height:25rem}}@media(max-width:450px){html{font-size:50%}.search-form button[type=submit],.search-form input[type=text]{font-size:12px;padding:6px}}@media only screen and (max-width:768px){.btn2{display:none}}.hamburger-menu{display:none}.hamburger-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:center;width:30px}.line{background:#000;height:2px;margin-bottom:4px;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:100%}.menu{display:none;list-style:none;margin:0;padding:0}.open{background-color:#fff;color:red;display:block;font-size:1.8rem;font-weight:500;margin-top:2rem;padding-bottom:10px;position:absolute;width:100%}.open li i{margin-right:1.5rem}.open li{padding-bottom:10px}@media only screen and (max-width:768px){.hamburger-menu{display:block}}.buttons .btn{display:block;justify-content:left}.buttons,.search{flex-direction:row}.search{align-items:center;display:flex;justify-content:center;margin-top:14rem}.search-input{border:1px solid #ff8f8f;padding-right:50px;width:40rem}.search-input:focus{border:1px solid red}.fa-camera{cursor:pointer;font-size:2rem;margin-left:-3.3rem}.fa-camera:hover{color:red}.featured-container{margin:0 auto;max-width:90%;text-align:center}.featured-container h1{color:red;font-size:3rem;margin-top:8rem}.card-container2{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.card img{height:100%;margin-top:1.6rem;width:90%}.modal-content{width:60%}.modal-content .details-container img{margin-bottom:2rem;margin-top:0}.modal-content .details-container .product-details h2{font-size:2rem;text-align:left}.modal-content .details-container .product-details p{color:gray;font-size:1.3rem;font-weight:500;margin-bottom:16px;margin-top:1rem;overflow:hidden;text-align:left}.modal-content button{background-color:#a01c1c}.details-container{display:flex;flex-direction:row;gap:3rem}@media (max-width:768px){.modal-content .details-container img{width:100%}.details-container{flex-direction:column}.modal-content .details-container .product-details h2{letter-spacing:-1px;margin-top:-3rem}.addButton{display:flex;justify-content:center;margin-bottom:1rem}}.category-search-container{margin-top:2rem;text-align:center}h1{color:red;font-size:2.4rem;margin-top:3rem}.category-cards-grid{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:5rem}@media screen and (max-width:767px){.category-cards-grid{justify-content:center}.category-cards-grid .category-card{flex-basis:calc(50% - 1rem);margin-bottom:2rem}}@media screen and (min-width:768px) and (max-width:1023px){.category-cards-grid .category-card{flex-basis:calc(33.33% - 1rem);margin-bottom:2rem}}@media screen and (min-width:1024px){.category-cards-grid .category-card{flex-basis:calc(25% - 1rem);margin-bottom:2rem}}.category-cards-container{border:1px solid #dadada;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.1);height:22.5rem;padding:1rem;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.category-cards-container:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.category-cards-container img{border-radius:10px;height:15rem;width:15rem}.category-cards-container p{font-size:1.3rem;font-weight:500;margin-top:1rem;width:15rem}.footer-main-div{background-color:#ff8282;display:flex;flex-direction:row;justify-content:center;justify-items:center;margin-top:5rem;padding-bottom:5rem;padding-top:5rem;width:100%}.logo{color:#000;font-size:2.5rem;font-weight:bolder}.logo span{color:red}.footer-left-div{display:flex;flex-direction:column;font-size:1.2rem;font-weight:500;gap:2rem;width:30%}.footer-logo img{height:30rem;margin-left:-5rem;margin-top:-13rem}.footer-right-div{display:flex;flex-direction:row;gap:6rem;margin-left:10rem}.company-info h2,.follow-relay h2,.quick-links h2{font-size:2rem;margin-bottom:2rem}.company-info p,.quick-links li{font-size:1.1rem;font-weight:500}.quick-links li{list-style:none}.quick-links li:hover{cursor:pointer;text-decoration:underline}.follow-relay{display:flex;flex-direction:column}.follow-relay-svg{display:flex;gap:1rem}@media only screen and (max-width:768px){.footer-logo{margin-bottom:2rem}.footer-logo img{margin-left:0}.footer-main-div{flex-direction:column}.footer-left-div{margin:auto auto 3rem;text-align:center;width:90%}.footer-right-div{display:contents;justify-content:center;text-align:center}.footer-right-div .company-info,.quick-links{margin-bottom:3rem}.follow-relay h2,.footer-right-div .company-info h2,.quick-links h2{margin-bottom:1rem}.follow-relay-svg{margin:auto}.follow-relay-svg i{padding-right:10px}}.footer2{background-color:#ff8282;border-top:1px solid #ff8f8f;color:#fff;font-weight:500;padding:10px;text-align:center}.carousel-container{border-radius:10px;height:500px;margin:4rem auto auto;overflow:hidden;position:relative;width:95%}.carousel{display:flex;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.slide{flex:0 0 100%}.slide img{height:auto;width:100%}.next-button,.prev-button{background:none;border:none;color:#000;cursor:pointer;font-size:24px;padding:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.prev-button{left:10px}.next-button{right:10px}@media screen and (max-width:768px){.carousel-container{border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:auto}}.login-form{border:1px solid #d8d8d8;border-radius:5px;box-shadow:0 8px 16px rgba(0,0,0,.1);margin:12rem auto auto;padding:3rem;width:35rem}.login-form-body{display:flex;flex-direction:column;gap:1rem;text-align:center}input{border:1px solid #d8d8d8;border-radius:5px;padding:10px}.buttons{display:flex;gap:3rem;justify-content:center;margin-top:1rem}.fa-brands{color:#000;cursor:pointer;font-size:2.5rem}.fa-brands:hover{color:red}.btn,.buttons{color:#fff;font-size:1.5rem}.mycart-container{margin:0 auto;text-align:center;width:90%}h1{font-size:3rem;margin-top:15rem;text-align:center}.card-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:3rem}@media (max-width:768px){.card-container{flex-direction:column}}.card-design{border:1px solid #dadada;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.1);margin:auto;width:275px}.card img{border-radius:10px;margin-top:1.2rem;width:250px}.card-design h4{color:#8a8a8a}.parts{font-size:2rem;font-weight:500;margin-top:15rem;text-align:center}.search-cards-container{display:flex;justify-content:center;margin-top:3rem}.card23-design{border:1px solid #dadada;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.1)}.card23{text-align:center;width:20%}.card23 img{border-radius:10px;height:100%;margin-top:1.6rem;width:90%}.card23-design h4{color:#8a8a8a}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:8px;padding:20px}.modal-content i{color:green;font-size:3rem;margin-bottom:1rem}.modal-content h2{font-size:1.7rem;margin-top:0}.modal-content p{font-size:1.2rem;margin-bottom:16px;margin-top:.5rem}.modal-content button{background-color:#ccc;border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.add-container{display:flex;flex-direction:row;gap:5rem;justify-content:center;margin-top:4rem}.image-drag-container{align-items:center;border:2px dashed #000;gap:1.6rem;justify-content:center;text-align:center;width:35%}.form-add-container,.image-drag-container{border-radius:5px;display:flex;flex-direction:column}.form-add-container{box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.1),0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);gap:1rem;padding:30px;width:40%}@media (max-width:600px){.add-container{display:flex;flex-direction:column}.image-drag-container{margin:auto auto 3em;padding:10%;width:90%}.form-add-container{margin:auto;width:90%}}
/*# sourceMappingURL=main.bad33086.css.map*/