@import url(https://fonts.googleapis.com/css2?family=Raleway+Dots&family=Raleway:ital,wght@0,200;0,400;1,600&display=swap);:root{--blue:#007fff}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;font-family:Raleway,sans-serif;line-height:1.6rem;margin:0}*{box-sizing:border-box;margin:0;padding:0}.price{font-family:sans-serif}.container{margin:0 auto;max-width:1100px;padding:0 40px}.card{background-color:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 15px 15px -5px #bdbdc0;height:auto;padding:20px;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;width:auto}.card:hover{box-shadow:0 15px 15px -5px #fe640b1f;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px)}.flex{display:flex;justify-content:space-between}.flex,.grid{align-items:center;height:100%}.grid{grid-gap:20px;display:grid;gap:20px;grid-row:wrap;grid-template-columns:repeat(2,1fr);justify-content:center}.grid-3{grid-template-columns:repeat(3,1fr)}:focus:not(.focus-visible){outline:none}.p-1{padding:1rem}.p-2{padding:1.5rem}.p-3{padding:2rem}.p-4{padding:3rem}.p-5{padding:4rem}.px-1{padding:0 1rem}.px-2{padding:0 1.5rem}.px-3{padding:0 2rem}.px-4{padding:0 3rem}.px-5{padding:0 4rem}.py-1{padding:1rem 0}.py-2{padding:1.5rem 0}.py-3{padding:2rem 0}.py-4{padding:3rem 0}.py-5{padding:4rem 0}.m-1{margin:1rem}.m-2{margin:1.5rem}.m-3{margin:2rem}.m-4{margin:3rem}.m-5{margin:4rem}.mx-1{margin:0 1rem}.mx-2{margin:0 1.5rem}.mx-3{margin:0 2rem}.mx-4{margin:0 3rem}.mx-5{margin:0 4rem}.my-1{margin:1rem 0}.my-2{margin:1.5rem 0}.my-3{margin:2rem 0}.my-4{margin:3rem 0}.my-5{margin:4rem 0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrapper{background-color:#007fff;color:#fff;text-align:center}.wrapper .grid{grid-template-columns:1fr 3fr 1fr}.link{color:inherit;display:inline-block;text-decoration:none}.brand{font-weight:700;justify-content:start;justify-self:start}.header .link{display:block;height:auto;text-align:left}.formContainer{justify-self:end;width:100%}.search{display:flex;width:100%}.search-btn{border:2px solid #fff;border-radius:15px;cursor:pointer;padding:0 10px}.form-control{background:transparent;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;height:3rem;overflow:hidden;padding:5px;transition:all .1s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;width:100%}.form-control:hover{border:2px solid #fff}input[type=text]{background-color:#f8f4f4;border:transparent;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;font-size:16px;height:100%;padding:10px;width:100%}.headerCart{height:40px;justify-self:end;position:relative;width:40px}.cartCounter{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:#fff;font-family:sans-serif;font-weight:bolder;height:20px;left:10px;line-height:1.3;position:absolute;top:-20%;width:20px;z-index:1}.loader{animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;border:6px solid #fff;border-radius:50%;border-top-color:#007fff;height:36px;left:50%;margin:10px auto;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);width:36px}.products .grid{align-items:center;gap:50px;grid-template-columns:repeat(4,1fr)}.products .grid>*{justify-self:center}.card .flex{justify-content:space-between}.image{height:inherit;margin:auto;width:70%}img{height:100%;object-fit:fill;width:100%}.title{font-weight:700;height:inherit;overflow:hidden}.titleLink{color:#4a4a4a;text-decoration:none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.titleLink:hover{color:#007fff;text-decoration:underline}.details{width:100%}.price{color:#007fff;font-weight:600}.cart{background:#007fff;border:none;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:40px;padding:5px;width:40px}.cartImg{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1)}@media (max-width:895px){.formContainer{width:100%}}@media (max-width:860px){.products .grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.products .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:695px){.formContainer{max-width:100%}.wrapper .grid{grid-template-columns:1fr 1fr}.brand{justify-self:start;order:1}.headerCart{justify-self:end;order:2}.formContainer{grid-column:1/3;order:3}}@media (max-width:500px){.products .grid{grid-template-columns:1fr}}.product .grid{gap:30px;grid-template-columns:1fr 2fr}.product-image{height:auto;width:auto}.details{background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:0 10px 10px -5px #e4e4e6}.description{text-align:justify;text-transform:capitalize}.related .grid{grid-template-columns:repeat(3,1fr)}.card{justify-self:center}.card .grid{gap:30px;grid-template-columns:1fr;grid-template-rows:200px 50px 30px;text-overflow:ellipsis}.description:first-letter{text-transform:capitalize}@media (max-width:700px){.related .grid{background-color:transparent;grid-template-columns:repeat(2,1fr)}.card .grid{gap:30px;grid-template-columns:1fr;text-overflow:ellipsis}}@media (max-width:660px){.product .grid{gap:30px;grid-template-columns:1fr}}@media (max-width:600px){.related .grid{gap:30px;grid-template-columns:1fr}}.cartWrapper{height:auto;width:100%}.cartWrapper .grid{grid-template-columns:2fr 1fr;position:relative}.cartItem{background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.item{border-bottom:1px solid #f2f2f3}.item .grid{grid-template-columns:1fr 2fr 1fr}.itemImage{height:100px;width:100px}.itemControl{text-align:center}.remove{background-color:var(--blue);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#fff;cursor:pointer;padding:5px 0;width:100%}.payment{align-self:start;background-color:#fff}.summary{border-top:3px dotted #f2f2f3}.addQty,.removeQty{background-color:transparent;border:1px solid #f2f2f3;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;display:inline!important;font-size:1.5rem;height:40px;overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;width:40px}.addQty:hover,.removeQty:hover{background-color:var(--blue);color:#fff}.summary .flex{justify-content:space-between}.confirmBtn{background:var(--blue);border:transparent;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;color:#fff;font-size:1.2rem;margin:0 20%;padding:10px 20px;text-align:center;width:60%}.confirmPay{height:-webkit-max-content;height:max-content;text-align:center}.redirect{background-color:var(--blue);color:#fff;display:block;padding:5px 30px;text-align:center}.error{height:100%;width:100%}.error>*{background-color:#fff;box-shadow:0 15px 15px -5px #e5e5e6;color:var(--blue);font-size:1.5rem;font-weight:900;height:-webkit-max-content;height:max-content;left:50%;padding:30px 50px;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);width:-webkit-max-content;width:max-content}@media (max-width:970px){.cartWrapper .grid{grid-template-columns:1fr;position:relative}.item .grid{grid-template-columns:1fr 2fr 1fr}}@media (max-width:675px){.item .grid{grid-template-columns:1fr 2fr}}@media (max-width:536px){.item .grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ad7c5ffd.css.map*/