@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}*::-webkit-scrollbar{display:none}#root{max-width:100vw;overflow-x:hidden}nav{position:fixed;top:0;left:0;width:100%;height:70px;z-index:6;display:flex;justify-content:space-between;align-items:center;background:#e9e9e9}nav #nav-open{display:none}nav .logo{font-size:22px;padding-left:20px;width:200px;font-family:DIN Next Stencil;display:flex;justify-content:center;align-items:center}nav .logo img{height:40px}nav .nav-opener{display:none}nav .mobilenav{display:none}nav ul{display:flex;justify-content:center;align-items:center;list-style:none}nav ul li{margin:0 10px}nav ul li a{text-decoration:none;color:#575757;font-size:14px;text-transform:uppercase}nav a{text-decoration:none;display:flex;justify-content:center;align-items:center;color:inherit}nav .functions{display:flex;justify-content:center;align-items:center;margin-right:20px}nav .functions .user-icon{height:30px;width:30px;border-radius:50%;background:#ffffff;display:flex;justify-content:center;align-items:center;margin-right:10px}nav .functions ion-icon{font-size:20px;margin:0 10px}nav .functions .cart-icon{position:relative}nav .functions .cart-icon .count{position:absolute;top:-5px;right:5px;height:15px;width:15px;border-radius:50%;background:#141414;color:#fff;display:flex;justify-content:center;align-items:center;font-size:12px}.coffee-card{display:flex;justify-content:center;align-items:center;flex-direction:column;height:300px;width:250px;padding:0 20px;border-radius:5px;margin:0 20px;background:#ffffff}.coffee-card img{height:120px}.coffee-card button{height:30px;padding:0 20px;border:none;margin:15px 0;background:#532d28;color:#fff}.coffee-card h2{font-size:18px;font-weight:600;color:#532d28}.coffee-card p{font-size:14px;color:#575757;text-align:center}.prod-card{height:500px;width:350px;background:#ffffff;border-radius:5px;overflow:hidden;display:flex;align-items:center;flex-direction:column;margin-left:20px;margin-bottom:20px;cursor:pointer;position:relative}.prod-card .outofstock{height:100%;width:100%;position:absolute;top:0;left:0;background:rgba(236,236,236,.6784313725);display:flex;justify-content:center;align-items:center;font-weight:600;z-index:1}.prod-card:hover .img img{transform:scale(1.1)}.prod-card .img{height:350px;width:100%;background:#c78061;display:flex;justify-content:center;align-items:center}.prod-card .img img{transition:.3s;height:80%}.prod-card .details{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.prod-card .name{font-weight:600;padding:10px 10px 5px;width:100%}.prod-card p{padding:0 10px;width:100%;font-size:14px;color:#575757;height:42px}.prod-card .tags{display:flex;align-items:center;width:100%}.prod-card .tags .tag{height:20px;background:#141414;color:#fff;padding:0 5px;display:flex;justify-content:center;align-items:center;font-size:10px;border-radius:3px;margin-left:10px;text-transform:uppercase}.prod-card .price{width:calc(100% - 20px);display:flex;justify-content:space-between;align-items:center;margin-top:10px}.prod-card .price .cost{padding:5px}.prod-card .price .weight{border:none;background:#ececec;color:#000;padding:5px 10px;border-radius:5px;font-size:14px}.app{height:100vh;width:100%}.app .right-img{bottom:100px;left:-40px;height:350px;position:absolute;transform:rotate(-10deg)}.app .left-img{top:100px;right:-40px;height:350px;position:absolute;transform:rotate(-190deg)}.app .title{position:relative;padding-top:70px;height:80%;background:url(/bg.png);background-size:cover;display:flex;justify-content:center;align-items:center;background:#e9e9e9}.app .title .text{padding:0 20px;width:30%}.app .title .text span{width:90%;font-size:48px;font-weight:600;color:#532d28;font-family:DIN Next Stencil}.app .title .text span p{font-size:48px}.app .title .text span img{width:90%}.app .title .text p{font-size:14px;margin:15px 0}.app .title .text button{height:40px;padding:0 30px;border:none;margin:15px 0;background:#532d28;color:#fff}.app .title .image{height:60%}.app .title .image img{height:100%}.app .category{background:url(bg.png);height:400px;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.app .category h1{font-size:24px;font-weight:400;color:#532d28;margin:10px 0}.app .category .cards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.shop{padding:70px 0 0;min-height:100vh;position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.shop .input{width:100%;height:50px;display:flex;justify-content:center;align-items:center}.shop .input input{width:90%;border:none;border-radius:20px;height:40px}.shop .container{width:100%;height:auto;overflow-y:scroll;padding-top:10px;background:#e9e9e9;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:30px}.shop .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:90%;min-height:100vh;height:auto}.shop .some{height:300px;width:100%}.product{height:100vh;width:100%;padding-top:70px;background:#e9e9e9;display:flex;justify-content:center;align-items:center;flex-direction:column}.product .container{height:70%;width:90%;max-width:1000px;position:relative;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0)}.product .container .close{position:absolute;right:0;top:10px;color:#fff;height:40px;width:40px;z-index:10;font-size:24px}.product .container .image{width:auto;padding:0 20px;height:100%;width:500px;display:flex;justify-content:center;align-items:center;background:#ffffff;box-shadow:15px 15px 25px #636363bf}.product .container .image img{height:60%;object-fit:cover}.product .container .description{width:calc(60% - 10px);max-width:500px;height:100%;display:flex;justify-content:center;flex-direction:column;padding:20px 40px;background:#303030;color:#fff;position:relative;box-shadow:15px 15px 25px #636363bf}.product .container .description .reviews{height:500px;overflow-y:scroll;margin-top:30px}.product .container .description .rev{height:auto}.product .container .description .rev .review{margin-bottom:15px}.product .container .description .rev .review .details{width:100%;display:flex;justify-content:space-between;align-items:center}.product .container .description .rev .review .details .name{font-size:16px;font-weight:600;color:#fff}.product .container .description .rev .review .details .date{font-size:12px;color:#fff}.product .container .description .rev .review .rating{color:#ffe23e}.product .container .description .tags{display:flex;align-items:center;width:100%}.product .container .description .tags .tag{height:20px;background:#ffffff;color:#141414;padding:0 5px;display:flex;justify-content:center;align-items:center;font-size:10px;border-radius:3px;margin:10px 10px 10px 0;text-transform:uppercase}.product .container .description .ratings{display:flex;justify-content:flex-start;align-items:center;width:100%}.product .container .description .ratings .star{font-size:16px;margin-right:5px;background:#000000;color:#e9e9e9;border-radius:5px;padding:0 5px;display:flex;justify-content:space-around;align-items:center}.product .container .description .tabs{position:absolute;top:5px;height:50px;display:flex;justify-content:flex-start;align-items:center}.product .container .description .tabs p{margin-right:10px;height:30px;cursor:pointer}.product .container .description .tabs .selected{border-bottom:2px solid #ffe23e}.product .container .description .sub{font-size:20px;font-weight:600;margin-bottom:7px;margin-top:15px}.product .container .description .buttons{width:100%;display:flex;justify-content:space-around;align-items:center}.product .container .description .buttons button{width:40%;height:50px;border-radius:25px;border:none;background:#ffe23e;color:#000;margin:20px 0;cursor:pointer}.profile{height:100vh;width:100%;padding-top:70px;background:#e9e9e9;display:flex;justify-content:center;align-items:center;flex-direction:column}.profile .container{width:70%;background:#ffffff;height:80%;display:flex;justify-content:center;align-items:center;position:relative;border-radius:10px;border:2px solid #e0e0e0;max-width:900px}.profile .container .tabs{position:absolute;top:30px;left:120px;transform:translate(-50%);width:200px!important;height:50px;display:flex;justify-content:center;align-items:center;border-top:0;overflow:hidden}.profile .container .tabs div{height:100%;width:50%;background:transparent;padding:0;transition:.3s;display:flex;justify-content:center;align-items:center;cursor:pointer}.profile .container .tabs div:hover{background:#f2f2f2}.profile .container .tabs .selected{border-bottom:3px solid #ffe23e}.profile .container .profile-info{width:70%;display:flex;flex-direction:column;align-items:center}.profile .container .profile-info .margin{margin-top:20px}.profile .container .profile-info h3{width:80%}.profile .container .profile-info button{width:80%;height:40px;border-radius:10px;border:none;background:#ffe23e;color:#000;margin:20px 0;cursor:pointer}.profile .container .profile-info .field{width:80%}.profile .container .profile-info .field label{font-size:14px;color:#575757}.profile .container .profile-info .field input{width:100%;height:40px;border-radius:10px;outline:none;border:none;border:1px solid #b4b4b4;padding:10px}.profile .container .profile-info .name{display:flex;justify-content:center;align-items:center;width:80%}.profile .container .profile-info .name h1{padding:0 20px;width:calc(100% - 100px)}.profile .container .profile-info .name .circle{background:#b3b3b3;height:100px;width:100px;border-radius:50px;font-size:58px;display:flex;justify-content:center;align-items:center}.profile .container .orders{width:90%;height:calc(100% - 120px);margin-top:70px;display:flex;align-items:center;flex-direction:column;overflow-y:scroll}.profile .container .orders h3{width:90%;font-size:20px;font-weight:600;color:#575757;margin-bottom:20px}.profile .container .orders .order{height:auto;transition:.3s;width:90%;background:#fafafa;margin-bottom:15px;border-radius:10px;border:2px solid #e0e0e0;display:flex;justify-content:center;align-items:center;padding:25px 0}.profile .container .orders .order .product-info{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 20px;width:100%}.profile .container .orders .order .product-info .items{width:90%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:0;opacity:0}.profile .container .orders .order .product-info .items p{font-size:14px;color:#575757}.profile .container .orders .order .product-info .items .item{display:flex;justify-content:space-between;align-items:center;width:100%}.profile .container .orders .order .product-info .items .item .image{height:100px;display:flex;justify-content:center;align-items:center}.profile .container .orders .order .product-info .items .item .image img{height:80%}.profile .container .orders .order .product-info .items .item .details{width:70%;display:flex;justify-content:space-between;align-items:center}.profile .container .orders .order .product-info .items .item .details p:nth-child(1){font-size:16px}.profile .container .orders .order .product-info .expanded-items{height:auto;opacity:1}.profile .container .orders .order .product-info .titular{width:90%;display:flex;justify-content:space-between;align-items:center}.profile .container .orders .order .product-info .titular p{font-size:16px;color:#575757}.profile .container .orders .order .product-info .order-status{width:90%;font-size:12px;display:flex;justify-content:space-between;align-items:center}.profile .container .orders .order .product-info .status-big{width:90%;height:50px;display:flex;justify-content:center;align-items:center;position:relative}.profile .container .orders .order .product-info .status-big .line{width:100%;height:5px;background:#bababa;border-radius:2.5px;position:relative}.profile .container .orders .order .product-info .status-big .dots{width:100%;position:absolute;display:flex;justify-content:space-around;align-items:center;z-index:1;top:50%;left:0;transform:translateY(-50%)}.profile .container .orders .order .product-info .status-big .dots .dot{height:20px;width:20px;border-radius:50%;background:#c5c5c5;border:3px solid #dcdcdc;position:relative}.profile .container .orders .order .product-info .status-big .dots .dot p{font-size:12px;width:100px;display:flex;justify-content:center;align-items:center;position:absolute;left:7px;top:20px;transform:translate(-50%)}.profile .container .orders .order .product-info .status-big .dots .blue{border-color:#27a5ff;background:#27a5ff}.profile .container .orders .order .product-info .status-big .progress{width:25%;height:5px;background:#27a5ff;border-radius:2.5px;position:absolute;top:0;left:0}.profile .container .orders .order .product-info .status-big .packing{width:25%}.profile .container .orders .order .product-info .status-big .shipped{width:50%}.profile .container .orders .order .product-info .status-big .out{width:75%}.profile .container .orders .order .product-info .status-big .delivered{width:100%}.profile .container .orders .expand{height:auto}.sign-in{height:100vh;width:100%;padding-top:70px;background:#e9e9e9;display:flex;justify-content:center;align-items:center;flex-direction:column}.sign-in .container{width:500px;height:600px;background:#ffffff;display:flex;justify-content:center;align-items:center;border-radius:10px;position:relative;overflow:hidden}.sign-in .container .register,.sign-in .container .signin{transition:.3s;padding:0 40px;backface-visibility:hidden;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:0;left:0}.sign-in .container .register h1,.sign-in .container .signin h1{font-size:36px;font-weight:600;width:100%;margin-bottom:10px;padding:0 35px}.sign-in .container .register form,.sign-in .container .signin form{display:flex;justify-content:center;flex-direction:column;width:100%;padding:0 35px}.sign-in .container .register form input,.sign-in .container .signin form input{height:45px;border:none;background:#eeeeee;padding:0 20px;outline:none;border-radius:20px;margin-bottom:15px}.sign-in .container .register form button,.sign-in .container .signin form button{height:45px;border:none;background:#ffe23e;color:#141414;border-radius:20px;margin-bottom:15px;cursor:pointer;font-weight:600}.sign-in .container .register p,.sign-in .container .signin p{font-size:12px}.sign-in .container .register p span,.sign-in .container .signin p span{color:#ffe23e}.sign-in .container .signin{transform:rotateY(180deg)}.sign-in .container .signin-flipped{transform:rotateY(0)}.sign-in .container .register-flipped{transform:rotateY(180deg)}.cart{height:100vh;width:100%;padding-top:70px;background:#e9e9e9;display:flex;justify-content:center;align-items:center;flex-direction:column}.cart .container{width:calc(100% - 40px);max-width:1200px;height:90%;background:#ffffff;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.cart .container .summary{width:30%;height:100%;display:flex;align-items:center;flex-direction:column}.cart .container .summary .heading{font-weight:600;margin-top:40px;padding-bottom:20px;font-size:24px;width:80%;border-bottom:1px solid #e4e4e4}.cart .container .summary .itemscount{width:80%;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#141414;margin-top:20px;text-transform:uppercase}.cart .container .summary .delivery{width:80%;display:flex;align-items:center;flex-direction:column;font-size:14px;font-weight:600;color:#141414;margin-bottom:10px;margin-top:5px;border-radius:10px;padding-bottom:40px;border-bottom:1px solid #e4e4e4}.cart .container .summary .delivery span{transition:.3s;color:#575757;font-weight:400;width:100%;border-radius:10px;border:1px solid #e0e0e0;display:flex;justify-content:center;flex-direction:column;padding:10px;font-size:12px;margin-top:5px}.cart .container .summary .delivery span .between{width:100%;display:flex;justify-content:space-between;align-items:center}.cart .container .summary .delivery .selected{border-color:#ffe23e;color:#141414;background:rgba(255,226,62,.4)}.cart .container .summary .totalcost{width:80%;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#141414;margin-top:20px;margin-bottom:20px;text-transform:uppercase}.cart .container .summary .checkoutButton{width:80%;height:50px;border-radius:10px;border:none;background:#ffe23e;color:#000;margin:20px;font-weight:600;cursor:pointer}.cart .container .cart-holder{height:100%;width:70%;overflow-y:scroll;display:flex;align-items:center;flex-direction:column}.cart .container .cart-holder .heading{font-weight:600;margin-top:40px;padding-bottom:20px;font-size:24px;width:80%;border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between;align-items:center}.cart .container .cart-holder .titles{width:80%;display:grid;grid-template-columns:4fr 2fr 1fr 1fr;font-size:12px;font-weight:600;color:#575757;margin:20px 0;text-transform:uppercase}.cart .container .cart-holder .titles p{width:100%;display:flex;justify-content:center;align-items:center}.cart .container .cart-holder .titles .proddet{justify-content:flex-start}.cart .container .cart-holder .contn{width:80%;display:flex;align-items:center;font-size:14px;font-weight:600;color:#532d28;margin:20px 0 50px;text-decoration:none}.cart .container .cart-holder .contn ion-icon{margin-right:10px}.cart .container .cart-item{width:80%;height:100px;display:grid;grid-template-columns:4fr 2fr 1fr 1fr}.cart .container .cart-item .details{display:flex;justify-content:flex-start;align-items:center;height:100%}.cart .container .cart-item .details .img{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.cart .container .cart-item .details .img img{height:80%}.cart .container .cart-item .details .text{height:80px;width:calc(100% - 100px);display:flex;flex-direction:column;justify-content:flex-start}.cart .container .cart-item .details .text .name{font-weight:600;font-size:14px}.cart .container .cart-item .details .text .desc{font-size:12px;color:#575757}.cart .container .cart-item .qty{display:flex;justify-content:center;padding-top:10px;height:100%}.cart .container .cart-item .qty span{width:50px;height:30px;border:1px solid #e0e0e0;border-radius:5px;text-align:center;outline:none;display:flex;justify-content:center;align-items:center;font-size:14px}.cart .container .cart-item .qty button{border:none;outline:none;background:transparent;font-size:16px;height:30px;width:30px}.cart .container .cart-item .price,.cart .container .cart-item .total{display:flex;justify-content:center;height:100%;font-weight:600;font-size:14px;padding-top:10px}.cart .checkoutButton{width:50%;height:50px;border-radius:25px;border:none;background:#ffe23e;color:#000;margin:20px;font-weight:600;cursor:pointer}.checkout{height:100vh;background:#e9e9e9;display:flex;justify-content:center;align-items:center;padding-top:70px}.checkout .container{height:calc(100% - 40px);width:calc(100% - 40px);max-width:1200px;background:#ffffff;display:flex;justify-content:center;flex-direction:row}.checkout .container p{font-size:18px;font-weight:600;margin-top:30px}.checkout .container .col{width:47%;display:flex;align-items:center;flex-direction:column}.checkout .container .field{width:calc(100% - 30px);display:flex;justify-content:space-between;align-items:center;flex-direction:column;margin:5px 0}.checkout .container .field input,.checkout .container .field textarea{width:100%;height:40px;border-radius:10px;outline:none;border:none;border:1px solid #b4b4b4;padding:10px}.checkout .container .field textarea{height:100px}.checkout .container .field label{width:100%;font-size:14px;color:#575757}.checkout .container .bill{width:calc(100% - 40px);margin-top:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #b4b4b4;padding:10px 0;border-radius:10px}.checkout .container .bill .item,.checkout .container .buttons{width:90%;display:flex;justify-content:space-between;align-items:center}.checkout .container .buttons button{width:50%;height:50px;border-radius:25px;border:none;background:#ffe23e;color:#000;margin:20px;font-weight:600;cursor:pointer}.contact{width:100%;margin:0 auto;padding-top:70px;display:flex;align-items:center;flex-direction:column}.contact .title{font-size:30px;text-align:center;background:#e9e9e9;color:#141414;height:300px;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:600}.contact .title img{height:150px}.contact .title h3{font-weight:400}.contact .address .details{width:100%;padding:56px;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#ffea73}.contact .address .details h4{font-size:24px;width:80%;text-align:left}.contact .address .details p{text-align:left;width:80%;font-size:16px;margin-bottom:10px}.contact .faq{width:100%;background:#ffffff;max-width:1200px;margin-top:20px;padding:0 40px 20px}.contact .faq h2{font-size:24px;margin-bottom:20px}.contact .faq .q{margin-bottom:20px}.contact .faq .q h3{font-size:18px;margin-bottom:10px}.contact .faq .q p{font-size:16px}.contact .privacy{width:100%;background:#eeeeee;padding:0 40px 20px;margin-top:20px;display:flex;justify-content:center}.contact .privacy .container{width:100%;max-width:1200px;padding-top:20px}.contact .privacy h2{font-size:24px;margin-bottom:20px}.contact .privacy p{text-indent:2ch;margin-bottom:10px}.contact .privacy h4{margin-bottom:10px}.contact .privacy ul{margin-left:20px;margin-bottom:20px;margin-top:20px}.contact .footer{height:50px;display:flex;justify-content:center;align-items:center;background:#e0e0e0;width:100%}.contact .footer p{font-size:14px;color:#575757}@media (max-width: 768px){.contact .title{font-size:24px}.contact .title img{height:100px}.contact .address{font-size:16px;flex-direction:column;height:auto}.contact .address img{height:300px}.contact .address .details{width:100%;padding:20px}.contact .address .details h4{font-size:20px}.contact .address .details p{font-size:14px}.contact .faq{padding:0 40px}.contact .footer p{font-size:12px}}.about{width:100%;margin:0 auto;padding-top:70px;display:flex;align-items:center;flex-direction:column}.about .header{height:200px;display:flex;justify-content:center;align-items:center;font-size:58px;background:#e9e9e9;width:100%}.about .container{width:100%;max-width:1200px;padding:20px 40px;display:flex;justify-content:center;align-items:center;flex-direction:column}.about .container h2{font-size:24px;margin-bottom:20px;width:100%}.about .container p{text-indent:2ch;margin-bottom:10px;width:100%}.about .container h4{margin-bottom:10px;width:100%}.about .container ul{margin-left:20px;margin-bottom:20px;margin-top:20px}@media only screen and (max-width: 768px){#root{padding-right:0}nav{display:flex;justify-content:space-between;align-items:center;width:100vw;margin:0;padding:0}nav .nav-opener{display:flex;justify-content:center;align-items:center;width:40px;font-size:24px;margin:0 10px}nav .logo{width:200px;flex:1;font-size:18px;padding-left:0;display:flex;justify-content:center;align-items:center}nav .user-icon-wrap{display:none}nav ul{display:none}nav .mobilenav{width:100%;position:absolute;top:-100vh;transition:.3s;text-transform:uppercase;font-size:16px;display:flex;justify-content:space-around;align-items:center;flex-direction:column;background:#e9e9e9;height:200px;border-bottom:2px solid #d7d7d7}nav .mobilenav a{height:100%;width:100%}nav #nav-open:checked~.mobilenav{top:70px}.app .right-img,.app .left-img{display:none}.app .title{flex-direction:column;height:auto;padding-bottom:20px}.app .title .text{width:80%;padding:0 20px}.app .title .text span,.app .title .text span p{font-size:36px}.app .title .image{width:100%;height:200px;display:flex;justify-content:center;align-items:center}.app .title .image img{height:100%}.app .category{height:auto;padding:20px 0}.app .category .cards{flex-direction:column}.app .category .cards .coffee-card{margin-bottom:20px}.shop{flex-direction:column}.shop .sidebar{width:100%;height:auto;padding:20px 0}.shop .sidebar .filters{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 20px}.shop .sidebar .filters .category{flex-direction:column;width:100%;display:flex;justify-content:space-around;align-items:center}.shop .sidebar .filters .category .field{width:100%;justify-content:space-between;align-items:flex-start;margin:5px 0}.shop .sidebar .filters .category .field input{width:15px;height:15px}.shop .sidebar .filters .category .field label{font-size:14px;color:#575757;width:100%}.shop .container{width:100%;padding:20px 0}.shop .container .cards{display:flex;align-items:center;flex-direction:column}.prod-card{flex-direction:row;height:150px;min-height:150px;width:90%;margin:0 0 10px}.prod-card .img{height:150px;width:125px}.prod-card .details{width:calc(100% - 125px);font-size:14px}.product{height:auto}.product .container{flex-direction:column;max-width:500px}.product .container .close{color:#000;right:10px;top:15px}.product .container .image{max-width:500px;padding:20px 0;height:300px}.product .container .image img{height:100%}.product .container *{box-shadow:none!important}.product .container .description{width:100%;height:auto;padding:60px 20px 20px}.product .container .description .tabs{top:10px;flex-direction:row;width:100%}.product .container .description .tabs p{margin-bottom:10px}.cart{height:auto;min-height:100vh;flex-direction:column;justify-content:flex-start}.cart .container{width:calc(100% - 20px);height:auto;display:flex;flex-direction:column}.cart .container .cart-holder{height:auto;width:100%;display:flex;justify-content:center;align-items:center}.cart .container .cart-holder .titles{display:none}.cart .container .cart-holder .heading{font-size:20px;margin-bottom:15px}.cart .container .cart-holder .cart-item{height:130px;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.cart .container .cart-holder .cart-item .details{height:100px;width:100%}.cart .container .cart-holder .cart-item .qty{height:30px;width:80px;display:flex;justify-content:center;align-items:center}.cart .container .cart-holder .cart-item .price{width:20%;height:30px;display:flex;justify-content:center;align-items:center;display:none}.cart .container .cart-holder .cart-item .total{width:20%;height:30px;display:flex;justify-content:center;align-items:center}.cart .container .summary{width:100%;height:auto}.cart .container .summary .heading{font-size:20px}.cart .container .summary .delivery{flex-direction:column;width:80%}.cart .container .summary .delivery span{width:100%;margin:5px 0}.cart .container .summary .checkoutButton{width:80%;margin-top:10px}.cart .checkoutButton{width:80%;height:50px;border-radius:25px;border:none;background:#ffe23e;color:#000;margin:20px 0;cursor:pointer}.sign-in .container{width:calc(100% - 20px);flex-direction:column}.sign-in .container .register,.sign-in .container .signin{width:100%;height:100%;padding:0 20px}.sign-in .container .register h1,.sign-in .container .signin h1{font-size:24px}.sign-in .container .register form,.sign-in .container .signin form{width:100%}.sign-in .container .register form input,.sign-in .container .signin form input,.sign-in .container .register form button,.sign-in .container .signin form button{height:40px}.checkout{overflow-y:scroll;display:flex;padding:70px 0 20px;height:100vh;flex-direction:column;justify-content:flex-start}.checkout .container{flex-direction:column;display:flex;align-items:center;height:auto}.checkout .container .col{width:90%}.checkout .container .col .field{width:100%}.checkout .container .col .buttons{width:100%;margin:20px 0;display:flex;justify-content:center;align-items:center}.checkout .container .col .buttons button{margin:10px 0;padding:0 10px;border-radius:5px;width:100%;font-size:14px;box-shadow:5px 5px 15px #00000040;font-weight:400}.checkout .container .bill{width:100%}.profile{display:flex;justify-content:flex-start;align-items:center}.profile .container{width:calc(100% - 20px);flex-direction:column;height:auto;padding:40px 0 20px}.profile .container .profile-info{width:100%;padding-top:70px}.profile .container .profile-info .name{width:100%}.profile .container .profile-info .name h1{width:100%;font-size:24px;display:flex;justify-content:center;align-items:center}.profile .container .profile-info .name .circle{display:none}.profile .container .profile-info button{width:80%}.profile .container .orders{width:95%;margin-top:0}.profile .container .orders h3{width:100%;margin-bottom:15px}.profile .container .orders .order,.profile .container .orders .order .product-info{width:100%}.profile .container .orders .order .product-info .items .item .details p{font-size:14px!important}.profile .container .orders .order .product-info .items .item .details p:nth-child(2){width:60px;display:flex;justify-content:flex-end;align-items:center}.profile .container .orders .order .product-info .status-big .dots .dot p{font-size:10px}}.loader{width:48px;height:48px;border:5px dotted #3c3c3c;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite;position:absolute;top:50%;left:50%;z-index:10}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#if{width:500px;height:450px}@media only screen and (max-width: 768px){#if{max-width:100%}}.dashboard{height:100vh;width:100%}.dashboard .sidebar{background-color:#2c3e50;color:#fff;height:100vh;width:250px;position:fixed;top:0;left:0;z-index:1}.dashboard .sidebar h3{padding:10px 20px;margin-top:10px;font-size:20px;font-weight:600}.dashboard .sidebar p{padding:10px 20px;font-size:16px;font-weight:400;cursor:pointer}.dashboard .sidebar p:hover{background-color:#34495e}.dashboard .container{margin-left:250px;padding:20px;height:100%;width:calc(100% - 250px)}.dashboard .container .login{background:#eeeeee;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px;width:400px}.dashboard .container .login .field{width:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:10px}.dashboard .container .login .field img{height:100px}.dashboard .container .login .field label{width:100%}.dashboard .container .login .field input{width:100%;height:40px;border:1px solid #ddd;border-radius:5px;padding:5px 10px;margin-top:5px}.dashboard .container .login button{width:90%;background-color:#2ecc71;color:#fff;height:40px;margin-top:10px;border:none;padding:5px 20px;border-radius:5px;cursor:pointer}.dashboard .container .login button:hover{background-color:#27ae60}.dashboard .container .orders{background:#f0f0f0;height:100%}.dashboard .container .orders .tabs{width:100%;display:flex;justify-content:flex-start;align-items:center}.dashboard .container .orders .tabs p{padding:10px 20px;font-size:16px;font-weight:400;cursor:pointer}.dashboard .container .orders .tabs p:hover{background-color:#ddd}.dashboard .container .orders .tabs .cur-tab{background:#d3d3d3;border-radius:10px 10px 0 0}.dashboard .container .orders .items{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 10px}.dashboard .container .orders .items .headings{width:100%;display:grid;grid-template-columns:2fr 3fr 2fr 1fr 1fr;font-size:14px;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:5px;margin-top:10px}.dashboard .container .orders .items .order{width:100%;display:grid;grid-template-columns:2fr 3fr 2fr 1fr 1fr;font-size:14px;margin-top:5px}.dashboard .container .orders .items .order p{display:flex;align-items:center}.dashboard .container .orders .items .order select{width:100%;height:30px;border:1px solid #ddd;border-radius:5px;padding:5px 10px;margin-top:5px}.dashboard .container .products-admin{background:#f0f0f0;height:100%;display:flex;align-items:center;flex-direction:column;overflow-y:scroll;padding-top:10px}.dashboard .container .products-admin .buttons{width:100%;display:flex;justify-content:flex-start;align-items:center}.dashboard .container .products-admin .buttons p{height:40px;background:#46bbff;display:flex;justify-content:center;align-items:center;border-radius:5px;color:#fff;padding:0 10px;margin-left:10px;margin-bottom:20px}.dashboard .container .products-admin .product-admin{width:90%;height:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.dashboard .container .products-admin .edit{background-color:#2ecc71;color:#fff;border:none;padding:5px 20px;border-radius:5px;cursor:pointer;margin-left:10px}.dashboard .container .products-admin .edit:hover{background-color:#27ae60}.dashboard .container .products-admin .del{margin-left:auto;background-color:#e74c3c;color:#fff}.dashboard .container .products-admin .del:hover{background-color:#c0392b}.edit-product{width:600px;height:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#f0f0f0;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px;border:2px solid #ddd}.edit-product .container{width:90%;height:90%;margin:0}.edit-product .container .form{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.edit-product .container .form .field{width:90%;display:flex;justify-content:center;align-items:center;flex-direction:column}.edit-product .container .form .field img{height:100px}.edit-product .container .form .field label{width:100%}.edit-product .container .form .field input,.edit-product .container .form .field textarea{width:100%;height:30px;border:1px solid #ddd;border-radius:5px;padding:5px 10px;margin-top:5px}.edit-product .container .form .field textarea{height:50px}.edit-product .container .form .field .tags{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.edit-product .container .form .field .tags .tag{background-color:#2ecc71;color:#fff;padding:5px 10px;margin:5px;border-radius:5px;cursor:pointer}.edit-product .container .form .field .buttonset{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.edit-product .container .form .field .buttonset button{width:100%;background-color:#2ecc71;color:#fff;border:none;padding:5px 20px;border-radius:5px;cursor:pointer}.edit-product .container .form .field .buttonset button:hover{background-color:#27ae60}.edit-product .container .form button{width:50%;background-color:#2ecc71;color:#fff;border:none;padding:5px 20px;border-radius:5px;cursor:pointer}.edit-product .container .form button:hover{background-color:#27ae60}.edit-product .container .form .buttonset{width:90%;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.edit-product .container .form .buttonset button{width:48%;background-color:#2ecc71;color:#fff;border:none;padding:5px 20px;border-radius:5px;height:40px;cursor:pointer}.edit-product .container .form .buttonset button:hover{background-color:#27ae60}.edit-product .container .form .buttonset .cancel{background-color:#e74c3c;color:#fff;cursor:pointer}.edit-product .container .form .buttonset .cancel:hover{background-color:#c0392b}.edit-product .container .form .update{margin-top:10px;height:40px}