.categories{display:flex;gap:10px;height:80vh;margin:10px}.categories .col{display:flex;flex:1 1;flex-direction:column;gap:10px}.categories .col-l{flex:2 1}.categories .row{display:flex;flex:1 1;gap:10px;overflow:hidden;position:relative}.categories .row button{background-color:hsla(0,0%,100%,.425);border:none;bottom:0;cursor:pointer;font-weight:500;height:50px;left:0;margin:auto;min-width:100px;padding:10px;position:absolute;right:0;text-transform:uppercase;top:0;transition:all .5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.categories .row button:hover{background-color:#000;border-radius:25px;color:#fff}.categories .row img{height:100%;object-fit:cover;width:100%}.contact{background-color:#2879fe;color:#fff;padding:15px}.contact,.contact .wrapper{display:flex;justify-content:center}.contact .wrapper{align-items:center;width:100%}.contact .wrapper .icons{display:flex}.contact .wrapper .icons a{color:#fff;display:flex;margin-left:20px}.card,.contact .wrapper .icons a:hover{color:#000}.card{display:flex;flex-direction:column;gap:10px;margin-bottom:50px;width:200px}.card .image{height:400px;overflow:hidden;position:relative;width:100%}.card .image:hover .secondImg{z-index:2}.card .image img{height:100%;object-fit:cover;position:absolute;width:100%}.card .image .mainImg{z-index:1}.card .image span{background-color:#fff;color:teal;font-size:12px;font-weight:500;left:5px;padding:3px 5px;position:absolute;top:5px;z-index:3}.card h2{font-size:16px;font-weight:400}.card .prices{display:flex;gap:20px}.card .prices h3{font-size:18px;font-weight:500}.card .prices h3:first-child{color:gray;text-decoration:line-through}.featuredProducts{margin:clamp(1rem,8vw + 1rem,20rem)}.featuredProducts .top{align-items:center;display:flex;justify-content:space-between;margin-bottom:50px}.featuredProducts .top h1{flex:2 1;margin-right:clamp(1rem,8vw + 1rem,20rem);text-transform:capitalize}.featuredProducts .top p{color:gray;flex:3 1}.featuredProducts .bottom{display:flex;gap:50px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#639 green;scrollbar-width:thin}.featuredProducts .bottom::-webkit-scrollbar{width:20px}.featuredProducts .bottom::-webkit-scrollbar-track{background-color:hsla(0,0%,89%,0);border-radius:100px}.featuredProducts .bottom::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#b1b1b1;border:5px solid transparent;border-radius:100px}.slider{height:calc(100vh - 80px);overflow:hidden;position:relative}.slider .container{display:flex;height:100%;transition:all 1s ease;width:300vw}.slider .container img{height:100%;object-fit:cover;width:100%}.slider .icons{bottom:100px;display:flex;gap:10px;left:0;margin:auto;position:absolute;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.slider .icons .icon{align-items:center;border:1px solid #999;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}@media only screen and (max-width:550px){.slider .container img{height:auto;width:50%}.slider .icons .icon{display:none}}.list{display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width:550px){.list{gap:20px;justify-content:center}}.products{display:flex;padding:30px 50px}.products .left{flex:1 1;height:100%;position:-webkit-sticky;position:sticky;top:50px}.products .left .filterItem{margin-bottom:30px}.products .left .filterItem button{background:transparent;border:none;color:inherit;font:inherit;margin:0;overflow:visible;padding:0;width:auto}.products .left .filterItem h2{font-weight:400;margin-bottom:20px}.products .left .filterItem .inputItem{margin-bottom:10px}.products .left .filterItem .inputItem label{margin-left:10px}.products .left .filterItem .inputItem .priceButton{background-color:#4299e1;border:0;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;line-height:26px;margin-top:10px;outline:0;padding:8px 16px}.products .right{flex:3 1}.products .right .catImg{height:300px;margin-bottom:50px;object-fit:cover;width:100%}@media only screen and (max-width:1000px){.products{flex-direction:column;padding:10px 20px}.products .left{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;position:relative}.products .left .filterItem button{background-color:#4299e1;border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;outline:0;padding:14px 8px 0}.products .left .inputItem{margin-top:10px}.products .left h2{cursor:pointer;font-size:medium}.products .left #off .inputItem{display:none}.products .left #on{height:300px}.products .left #on .sort{left:10px;position:absolute}.products .left #less .inputItem{display:none}.products .left #more{height:300px}.products .left #more .sort{left:10px;position:absolute}.products .left #moins .inputItem{display:none}.products .left #plus{height:300px}.products .left #plus .inputItem{left:10px;position:absolute}}.product{display:flex;gap:50px;padding:20px 50px}.product .left{display:flex;flex:1 1;gap:20px}.product .left .images{flex:1 1}.product .left .images img{cursor:pointer;height:150px;margin-bottom:10px;object-fit:cover;width:100%}.product .left .mainImg{flex:5 1}.product .left .mainImg img{max-height:800px;object-fit:cover;width:100%}.product .right{display:flex;flex:1 1;flex-direction:column;gap:30px}.product .right .price{color:#2879fe;font-size:30px;font-weight:500}.product .right p{font-size:18px;font-weight:300;text-align:justify}.product .right .quantity{align-items:center;display:flex;gap:10px}.product .right .quantity button{border:none;height:50px;width:50px}.product .right .add,.product .right .quantity button{align-items:center;cursor:pointer;display:flex;justify-content:center}.product .right .add{background-color:#4299e1;border:0;border-radius:4px;color:#fff;font-size:16px;font-weight:700;line-height:26px;outline:0;padding:8px 16px;width:250px}.product .right .links{display:flex;gap:20px}.product .right .links .item{align-items:center;color:#2879fe;display:flex;font-size:14px;gap:10px}.product .right .info{color:gray;display:flex;flex-direction:column;font-size:14px;gap:10px;margin-top:30px}.product .right .info hr{border:1px solid #eeeded;width:200px}.product .right hr{border:1px solid #eeeded}@media only screen and (max-width:1000px){.product{flex-direction:column}.product .left{flex-direction:column-reverse}.product .left .images{display:flex;flex-direction:row;gap:10px}.product .left .images img{width:50%}}.navbar .wrapper{align-items:center;display:flex;height:80px;justify-content:center}.navbar .wrapper .toggleButton{align-items:center;display:flex;justify-content:flex-end}.navbar .wrapper .toggleButton svg{font-size:50px}.navbar .wrapper .toggleButton button{background-color:transparent;border:none;cursor:pointer;margin-right:20px}.navbar .wrapper .links{align-items:center;display:flex;height:100%;justify-content:flex-start;justify-items:flex-start;padding-left:5px;transition:all .5s;width:100%}.navbar .wrapper .links a{color:#000;font-size:15px;margin:10px;text-decoration:none;transition:all .5s}.navbar .wrapper .links a:hover{color:#000;letter-spacing:5px}.navbar .wrapper .center{align-items:center;display:flex;font-size:30px;justify-content:center;letter-spacing:2px;width:100%}.navbar .wrapper .icons{align-items:center;color:#777;cursor:pointer;display:flex;gap:15px;justify-content:flex-end;padding-right:20px;width:100%}.navbar .wrapper .icons .carticon{position:relative}.navbar .wrapper .icons .carticon span{align-items:center;background-color:#2879fe;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-10px;top:-10px;width:20px}@media only screen and (min-width:1000px){.navbar .wrapper .toggleButton{display:none}#on .wrapper{height:100px}#on .wrapper .links{flex-direction:row}}@media only screen and (max-width:1000px){.navbar.toggleButton{display:flex}#off .wrapper .links{display:none}#on .wrapper{justify-content:unset;position:relative}#on .wrapper .links{background-color:#fff;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;position:absolute;top:80px;width:150px;z-index:1}#on .wrapper a{text-align:center;width:100%}}@media only screen and (max-width:550px){.navbar .wrapper .icons .icon{display:none}.navbar .wrapper .center{font-size:25px}}.cart{background-color:#fff;box-shadow:0 0 7px -5px rgba(0,0,0,.5);padding:20px;position:absolute;right:20px;top:80px;z-index:999}.cart h1{color:gray;font-size:24px;font-weight:400;margin-bottom:30px}.cart .item{align-items:center;display:flex;gap:20px;margin-bottom:30px}.cart .item img{height:100px;object-fit:cover;width:80px}.cart .item .details h1{font-size:18px;font-weight:500}.cart .item .details p{color:gray;font-size:14px;margin-bottom:10px}.cart .item .details .price{color:#2879fe}.cart .item .delete{color:red;cursor:pointer;font-size:30px}.cart .total{display:flex;font-size:18px;font-weight:500;justify-content:space-between;margin-bottom:20px}.cart button{align-items:center;background-color:#4299e1;border:0;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:26px;outline:0;padding:8px 16px;width:250px}.cart .reset{background-color:#e14242;cursor:pointer;font-size:12px;margin-top:20px;width:125px}.footer{margin:clamp(1rem,8vw + 1rem,20rem) clamp(1rem,16vw + 1rem,40rem) clamp(1rem,8vw + 1rem,2rem) clamp(1rem,8vw + 1rem,20rem)}.footer .top{display:flex;flex-wrap:wrap;gap:50px}.footer .top .item{display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:10px;text-align:justify}.footer .top .item h1{color:#555;font-size:18px;font-weight:500}.footer .top .item a,.footer .top .item span{color:gray}.footer .bottom{flex-wrap:wrap-reverse;justify-content:space-between;margin-top:50px}.footer .bottom,.footer .bottom .left{align-items:center;display:flex}.footer .bottom .left .logo{color:#2879fe;font-size:24px;font-weight:700}.footer .bottom .left .copyright{color:gray;font-size:12px;margin-left:20px}.footer .bottom .right img{height:50px}@media only screen and (max-width:1000px){.footer .bottom .right img{height:30px}}.app .link{color:inherit;text-decoration:none}*,body{margin:0;padding:0}*,:after,:before{box-sizing:border-box}a{text-decoration:none}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.loading div{-webkit-text-fill-color:transparent;background:#3266cf;background:linear-gradient(90deg,#3266cf 0,#33cf2e);-webkit-background-clip:text;font-size:large;font-weight:700;letter-spacing:.5rem;margin-bottom:20px;text-transform:capitalize}.loading .spinner{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.loading .path{stroke-dasharray:187;stroke-dashoffset:0;-webkit-animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}
/*# sourceMappingURL=main.4a1ab108.css.map*/