:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.filter-container{height:100px;display:flex;gap:50px;justify-content:center;align-items:center;background-color:transparent;width:100%;justify-self:center}.category-menu{position:relative;display:inline-block}.brand-select{appearance:solid;cursor:pointer;padding-left:5px;color:#000;background-color:#fff}.menu-dropdown{display:none;position:absolute;top:40px;left:0;background:#fff;border:1px solid #ddd;min-width:220px;z-index:9000;text-align:left}.category-menu:hover .menu-dropdown{display:block}.menu-item{padding:8px 12px;position:relative;display:flex;cursor:pointer}.menu-item span{display:flex;justify-content:space-between;align-items:center;width:100%}.menu-item:hover{background:#eee}.menu-button{display:flex;width:100%;background-color:transparent;border:none}#menu-button-div{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;height:45px;width:160px;display:flex;align-items:center;background-color:#fff;border:1px none #5e5d5d;cursor:pointer}.menu-button-icon{width:19px;height:19px;margin-top:3px}.submenu{display:none;position:absolute;left:220px;top:0;background:#fff;border:1px solid #ddd;min-width:220px}.menu-item:hover .submenu{display:block}.submenu-item{padding:8px 12px;position:relative;display:flex}.submenu-item:hover{background:#eee}.subsubmenu{display:none;position:absolute;left:220px;top:0;background:#fff;border:1px solid #ddd;min-width:220px}.submenu-item:hover .subsubmenu,.submenu:hover,.subsubmenu:hover{display:block}.subsubmenu-item{padding:8px 12px;display:flex}.subsubmenu-item:hover{background:#ddd}#reset-filter{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;height:45px;width:160px;display:flex;align-items:center;background-color:#fff;border:1px none #5e5d5d;cursor:pointer;color:#000}.filter-container input{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border:1px none #5e5d5d;height:40px;width:160px;-webkit-text-fill-color:black}.filter-container select{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border:1px none #5e5d5d;height:45px;width:160px;-webkit-text-fill-color:black}.filter-container button,.filter-container input,.filter-container select,.offer-div p{font-size:16px}.offer-div{display:flex;height:43px;width:160px;align-items:center;justify-content:start;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#fff;gap:5px}#offer-checkbox{width:20px}#filter-price::-webkit-outer-spin-button,#filter-price::-webkit-inner-spin-button{-webkit-appearance:none}.hamburger-filter{display:none}@media(max-width:1200px){.hamburger-filter{display:flex;flex-direction:column;gap:6px;cursor:pointer}.hamburger-filter span{width:28px;height:3px;background:#000;border-radius:2px}.search-div{width:70%}.menu-button{width:100%;justify-content:space-between;color:#000}.category-menu,.menu-item,.submenu-item{flex-direction:column}.menu-item span,.submenu-item span{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.menu-item-arrow{transition:transform .2s ease}.menu-item-arrow.open{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}.menu-dropdown,.submenu,.subsubmenu{position:static}#filter-container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-right:20px}#filter-container-header-text{padding-left:20px}.filter-container{gap:0}.category-menu,#filter-price,#reset-filter,.brand-select,.offer-div{display:none}.filter-container.open .category-menu,.filter-container.open #reset-filter,.filter-container.open .brand-select,.filter-container.open .price-div,.filter-container.open .offer-div{display:flex;z-index:500;width:90%}.filter-container.open #menu-button-div{display:flex;width:100%;z-index:500}.filter-container.open #filter-price{display:flex;width:100%}.filter-container.open{display:flex;flex-direction:column;gap:12px;height:fit-content;padding-bottom:10px}}.product-card{height:430px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff}.product-text{display:flex;flex-direction:column;overflow-y:hidden;text-align:start;padding-left:8px;padding-right:8px;line-height:.5;height:130px}.product-add{width:90%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:10px;background-color:orange;border-color:orange;border-style:solid;color:#fff;font-size:20px;cursor:pointer}.product-minus{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-style:none;background-color:orange;border-color:orange;cursor:pointer}.product-minus:hover,.product-add:hover{opacity:95%}.product-link{color:#000;text-decoration:none}.product-link:hover{text-decoration:underline}.product-price{font-size:20px;margin:0 0 18px;display:flex;padding:0 8px;font-weight:700}@media(max-width:360px){.product-card{height:fit-content;padding:5px}}body{background-color:#d9d9de70}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));max-width:1980px;margin:0 auto;padding:10px;gap:10px;row-gap:30px}.food-container{margin-top:150px;position:relative;width:100%;height:400px;justify-self:center;overflow:hidden}#food-overlay{position:absolute;inset:0;background-color:#000;opacity:.55}#food-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:1rem;z-index:2}.food-pic{width:100%;height:100%;object-fit:cover;display:block}.search{width:400px!important;height:40px!important;border-style:none!important;z-index:900}.search-div{margin-top:85px}.search:focus{outline:none!important}@media(max-width:1000px){.food-container{margin-top:80px}.search-div{margin-top:0}}@media(max-width:360px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.navbar{position:fixed;top:0;left:0;width:100%;height:150px;display:flex;gap:40px;align-items:center;justify-content:center;z-index:9999;border-bottom:1px solid rgba(30,58,138,.5);background-color:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-links{display:flex;align-items:center;gap:50px;color:#d4d2d2}.navbar-links a{text-decoration:none}.navbar-links a:hover{color:#f5f5f5}.navbar-left{position:static;color:#f5f5f5}.navbar-logo{text-decoration:none}#navbar-quantity{position:absolute;display:flex;align-self:center;background-color:orange;color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;font-size:15px;width:fit-content;padding:2px}.quantity-div{height:15px}.cart-link{display:flex;align-items:center}.hamburger{display:none}@media(max-width:1000px){.navbar{height:80px;justify-content:space-between;border-bottom:none}.navbar-links{position:fixed;top:80px;left:0;width:100%;flex-direction:column;padding-bottom:20px;gap:20px;background-color:#0f172af2;display:none;z-index:9998}.navbar-links.open{display:flex}.hamburger{display:flex;flex-direction:column;gap:6px;cursor:pointer;padding-right:20px}.hamburger span{width:28px;height:3px;background:#f5f5f5;border-radius:2px}}.cart-page{display:grid;margin-top:140px;column-gap:20px;grid-template-areas:"h1 h1" "shipping cart" "deliver cart" "payment cart";justify-content:center;padding:50px;row-gap:20px}#shipping-information{grid-area:shipping;width:800px;height:fit-content;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-style:solid;border-width:1px;border-color:#a59f9f}#shipping-information input{height:33px;background-color:#aab5ca3d;border-style:solid;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-width:1px}.shipping-info-p{display:flex;align-items:end}.shipping-info-inputs{width:350px}.postal-input::-webkit-inner-spin-button,.postal-input::-webkit-outer-spin-button{-webkit-appearance:none}.postal-input{width:350px}#delivery{grid-area:deliver;width:800px;height:800px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-style:solid;border-width:1px;border-color:#a59f9f;padding:20px}#payment{grid-area:payment;width:800px;height:800px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-style:solid;border-width:1px;border-color:#a59f9f;padding:20px}#cart-container{grid-area:cart;display:flex;flex-direction:column;align-items:center;gap:20px;background-color:#fff;width:500px;height:670px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-style:solid;border-width:1px;border-color:#a59f9f;padding:20px}.cart-items{overflow-y:auto;max-height:450px}.cart-item{display:grid;grid-template-areas:"img p2" "img p" "img qty";width:400px;height:80px;max-height:100px;align-items:center;justify-content:start;padding:10px;margin-top:20px;background-color:#f5f5f5;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}#cart-header{display:flex;place-self:start;margin-left:35px}#cart-header h3{font-size:22px;margin-bottom:0;margin-top:33px}.cart-item img{grid-area:img;padding-left:20px}.cart-item .p2{display:flex;width:fit-content;grid-area:p2;text-align:left;padding-left:10px;margin-bottom:0;font-weight:700}.cart-item p{grid-area:p;justify-self:start;padding-left:10px;margin-bottom:5px;margin-top:5px}.qty-controls{grid-area:qty;justify-self:start;align-items:center;display:flex;gap:10px;padding-left:10px}.qty-delete-product{border-style:none!important;background-color:transparent!important;color:#000}.qty-delete-product:hover{color:red}.checkout-prices{width:50%;-webkit-text-fill-color:black}.checkout-price{display:flex;justify-content:space-between}.checkout-btn{width:300px;min-height:50px;height:50px;font-weight:700;background-color:#0f172af2;color:#fff;border-style:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-top:20px;cursor:pointer}.checkout-btn:hover{opacity:100%}.custom-hr{border-bottom-style:solid;border-bottom-width:1px;width:410px;background-color:#000}.delivery-option{display:flex;justify-content:start;align-items:center;gap:30px;background-color:#e4e2e2;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:15px}.delivery-option-label{display:flex;align-items:center;gap:20px}.ciCirclePlus:hover{color:green}.ciCircleMinus:hover{color:red}@media(max-width:1450px){.cart-page{grid-template-columns:1fr;grid-template-areas:"h1" "cart" "shipping" "deliver" "payment"}#shipping-information,#delivery,#payment,#cart-container{width:100%;max-width:700px;margin:0 auto}#shipping-information input,.shipping-info-inputs,.postal-input{width:97%;margin-bottom:10px}.custom-hr{width:100%}#cart-page-h3{place-self:center}.delivery-option-label{width:90%}.shipping-info-combined{flex-direction:column}#shipping-information .checkout-btn{place-self:center}.delivery-option label{width:90%;flex-direction:column;align-self:center}.delivery-option{gap:20px}.delivery-time{margin:0 auto}}@media(max-width:630px){#shipping-information,#shipping-information input,.shipping-info-inputs,#shipping-information .checkout-btn,#shipping-information p,.shipping-info-inputs ::placeholder,#shipping-information h2{max-width:260px;place-self:center;text-align:center;margin-bottom:10px}#cart-container,.cart-item,#delivery,#payment{max-width:260px}#payment div,#payment button{width:260px}#cart-header{margin:0}.cart-item{height:fit-content}.checkout-price{text-align:left;gap:10px}.checkout-prices,#cart-container .checkout-btn{width:100%}.delivery-option{flex-direction:column}}.product-details{margin-top:150px;display:grid;grid-template-areas:"breadcrumb breadcrumb" "img info" "img extra-info";justify-content:center;gap:20px}.category-breadcrumb{grid-area:breadcrumb;display:flex;width:100%}.breadcrumb{display:flex;align-items:center;gap:5px}.breadcrumb a{text-decoration:none;-webkit-text-fill-color:black}.breadcrumb a:hover{text-decoration:underline}.details-img{grid-area:img;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:100%;max-width:100%}.product-info{display:flex;flex-direction:column;align-items:start;grid-area:info;width:100%;max-width:100%}.product-brand{margin-bottom:0;font-size:14px}.product-info h1{margin-top:6px;margin-bottom:0;text-align:left}.product-info p,h1{padding-left:20px}.product-attribute{display:flex;flex-wrap:wrap;gap:10px;margin-left:20px;width:100%;max-width:100%}.product-attribute p{background-color:green;padding:5px;font-size:14px;color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}#product-info-price{display:flex;align-items:center}#weightText{margin-top:0;line-height:.1;font-size:15px}#add-details-button{margin-left:10px;margin-top:10px;width:200px;height:40px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-style:none;cursor:pointer;background-color:orange;-webkit-text-fill-color:white;font-weight:700}#add-details-button:hover{opacity:95%}#minus-details-button{margin-left:20px;margin-top:10px;width:200px;height:40px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-style:none;cursor:pointer;background-color:orange;font-weight:700}#minus-details-button:hover{opacity:95%}.product-extra-info{display:flex;flex-direction:column;align-items:start;grid-area:extra-info;width:100%;max-width:100%}.product-extra-info p{display:flex;flex-direction:column;padding-left:20px;text-align:left;width:100%;max-width:100%}.product-nutrition{margin-top:10px;background-color:#fff;margin-left:20px;padding:10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:100%;max-width:100%;text-align:left}@media(max-width:1000px){.product-details{grid-template-areas:"breadcrumb" "img" "info" "extra-info"}.product-info,.product-extra-info,.product-nutrition{width:100%;max-width:100%}}@media(max-width:730px){.details-img{width:100%;max-width:280px;justify-self:center}.product-nutrition,.product-info,.product-extra-info{width:100vw}.category-breadcrumb{justify-content:center}}.login-page{background-color:#fff;max-height:400px;max-width:500px;width:100%;margin:200px auto 0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding-bottom:10px;padding-top:10px}.login-page h1{text-align:center;padding:0}.login-page h3{width:90%;text-align:left}.login-page form{width:100%;display:flex;flex-direction:column;align-items:center}.login-page input{width:90%;height:40px;border-radius:10px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border:1px solid #5e5d5d;padding-left:5px;box-sizing:border-box;font-size:16px}.login-button{width:90%;height:40px;margin-top:20px;background-color:#0f172af2;color:#fff;border-style:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;cursor:pointer}@media(max-width:1000px){.login-page{margin-top:120px}}.register-page{background-color:#fff;max-height:fit-content;max-width:500px;width:100%;height:100%;margin:200px auto 0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding-bottom:10px;padding-top:10px}.register-page h1{text-align:center;padding:0}.register-page h3{text-align:left;width:90%}.register-page form{width:100%}.register-row,.register-column{display:flex;flex-direction:column;align-items:center}.register-page input{width:90%;height:40px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border:1px solid #5e5d5d;box-sizing:border-box;padding-left:5px;font-size:16px}.register-button{width:90%;height:40px;background-color:#0f172af2;color:#fff;border-style:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;cursor:pointer;margin-top:20px}@media(max-width:1000px){.register-page{margin-top:120px}}#payment-form{width:30vw;min-width:500px;align-self:center;box-shadow:0 0 0 .5px #32325d1a,0 2px 5px #32325d1a,0 1px 1.5px #00000012;border-radius:7px;padding:40px;margin-top:auto;margin-bottom:auto}#payment-message{color:#697386;font-size:16px;line-height:20px;padding-top:12px;text-align:center}#payment-element{margin-bottom:24px}#pay-button{background:#0055de;font-family:Arial,sans-serif;color:#fff;border-radius:4px;border:0;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;display:block;transition:all .2s ease;box-shadow:0 4px 5.5px #00000012;width:100%}#pay-button:hover{filter:contrast(115%)}#pay-button:disabled{opacity:.5;cursor:default}.spinner,.spinner:before,.spinner:after{border-radius:50%}.spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.spinner:before,.spinner:after{position:absolute;content:""}.spinner:before{width:10.4px;height:20.4px;background:#0055de;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}.spinner:after{width:10.4px;height:10.2px;background:#0055de;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0px 10.2px;transform-origin:0px 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}#payment-status{margin-top:140px;display:flex;justify-content:center;align-items:center;justify-self:center;flex-direction:column;row-gap:30px;width:30vw;min-width:500px;min-height:380px;align-self:center;box-shadow:0 0 0 .5px #32325d1a,0 2px 5px #32325d1a,0 1px 1.5px #00000012;border-radius:7px;padding:40px;opacity:0;animation:fadeInAnimation 1s ease forwards;margin-bottom:auto}#status-icon{display:flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%}#payment-status h2{margin:0;color:#30313d;text-align:center}#payment-status a{text-decoration:none;font-size:16px;font-weight:600;font-family:Arial,sans-serif;display:block}#payment-status:hover{filter:contrast(120%)}.TableContent{text-align:right;color:#6d6e78}.TableLabel{font-weight:600;color:#30313d}#view-details{color:#0055de}#retry-button{text-align:center;background:#0055de;color:#fff;border-radius:4px;border:0;padding:12px 16px;transition:all .2s ease;box-shadow:0 4px 5.5px #00000012;width:100%}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fadeInAnimation{to{opacity:1}}@media only screen and (max-width:600px){form,#payment-status{width:80vw;min-width:initial}}.user-body nav{border-bottom:none}.user-body{background-color:#e4e6ed}.user-page{justify-items:center}#user-header{margin-top:110px;position:relative;width:100%;height:300px;background-color:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-content:center;z-index:200;color:#fff}#user-content{display:flex;flex-direction:column;height:400px;width:100%;gap:30px;justify-content:center;align-items:center}.user-options{display:flex;flex-direction:row;gap:30px}#user-content .user-order-h2,#user-content .user-settings-h2,#user-content .user-settings-p,#user-content .user-order-p{color:#000}#user-order{display:flex;flex-direction:column;padding:20px;align-items:start;max-width:400px;width:100%;height:200px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-style:solid;border-width:1px;border-color:#a59f9f;text-align:left;cursor:pointer}.order-image{background-color:#fdf2e7;padding:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}#user-settings{display:flex;flex-direction:column;padding:20px;align-items:start;max-width:400px;width:100%;height:200px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;text-align:left;border-style:solid;border-width:1px;border-color:#a59f9f;cursor:pointer}#user-footer{display:flex;width:100%;background-color:#d2d4d5;justify-content:center}.user-footer-div{width:100%}@media(max-width:1000px){#user-header{margin-top:40px}}@media(max-width:860px){#user-order,#user-settings{width:100%;height:260px}}@media(max-width:450px){.user-options{flex-direction:column;margin-top:60px}#user-content #user-order{margin-top:200px}#user-header{margin-top:80px}}.order-card{background-color:#fff;width:1000px;text-align:left;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;cursor:pointer;border:1px solid transparent;border-bottom:4px solid transparent}.order-card:hover{border:1px solid gray;border-bottom:4px solid gray}.order-container{display:flex;flex-direction:row;align-items:center;gap:15px;padding-left:10px}#order-img-container{padding:10px;background-color:#fdf2e7;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.order-num{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding-right:10px}.order-first,.order-second{display:flex;flex-direction:column}.order-container-outer{padding-left:10px}.profile-setting-container{display:flex;flex-direction:column;gap:50px}.personal-info{background-color:#fff;width:1000px;height:fit-content;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;align-content:center;border:1px solid gray}.personal-form{display:flex;flex-direction:column;padding:20px;gap:40px}.personal-form input{padding-left:10px}.personal-names{display:flex;justify-content:space-between}.personal-names-input{width:450px}.personal-save-btn{background-color:orange;width:200px;height:40px;border:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;color:#fff;cursor:pointer}.personal-save-btn:hover{opacity:90%}.change-password{background-color:#fff;width:1000px;height:fit-content;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;align-content:center;border:1px solid gray}.password-form{display:flex;flex-direction:column;padding:20px;gap:40px}.password-form input{padding-left:10px}.change-pass{background-color:orange;width:200px;height:40px;border:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;color:#fff;cursor:pointer}.change-pass:hover{opacity:90%}@media(max-width:1055px){.personal-info,.change-password{width:100%}.personal-names{flex-direction:column;gap:40px}.personal-names-input,.personal-contact-input{width:98%}}@media(max-width:600px){.personal-names-input,.personal-contact-input,.personal-form,.password-form,.password-input{width:90%}.personal-save-btn,.change-pass{place-self:center}}.order-details-content{width:1000px;height:fit-content;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border:1px solid rgb(186,186,194)}.back-btn{display:flex;width:fit-content;height:35px;align-items:center;background-color:transparent;border:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-bottom:10px;font-size:17px;gap:10px;color:#000}.back-btn:hover{background-color:orange;color:#fff}.header-details{display:flex;justify-content:space-between;padding:20px}.header-text{text-align:left}.details-status{height:30px;width:fit-content;padding-left:5px;padding-right:5px;align-content:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;display:flex;align-items:center;gap:5px}.shipping-icons{display:flex;justify-content:space-evenly}.shipping-icon{background-color:#ea6f02;width:35px;height:35px;padding:5px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;display:flex;justify-content:center;align-items:center}#shipping-img{color:#fff}#shipping-container{display:flex;flex-direction:column;align-items:center}.details-items{display:flex;flex-direction:column;gap:10px;padding:20px}.details-item{text-align:left;display:flex;padding:8px;align-items:center;border-radius:10px;background-color:#e5e5e76c;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}#details-img{height:40px;width:40px}.details-prices{display:flex;flex-direction:column;padding:20px}.details-price{display:flex;justify-content:space-between;padding:5px}.details-total{display:flex;padding:20px;justify-content:space-between;align-items:center}.details-extra{display:flex;flex-direction:column;gap:30px;padding:20px}.details-extra-content{display:flex}.details-p p{margin:1px;text-align:left;color:#3e3e3e}#details-extra-img{background-color:#fdf2e7;height:fit-content;padding:5px;margin-right:8px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}#details-extra-image{width:30px;height:30px;color:#b86114}#br-div{border-bottom:1px solid rgb(182,184,187);width:95%;justify-self:center}.tracking-url{display:flex;width:100%;margin:0 auto;font-size:17px}.tracking-url a{text-decoration-line:underline;-moz-text-decoration-line:underline}.tracking-url p{text-align:left;padding-left:20px}@media(max-width:1055px){.order-details-content,.order-details,.shipping-icons,#br-div,.user-content{width:100%}}@media(max-width:375px){.header-details,.shipping-icons,.details-item-text{flex-direction:column}.item-price{text-align:left}.item-price-div{place-self:start}}.user-profile{margin-top:150px;justify-items:center}.tabs{display:flex;align-items:center;justify-content:start;width:1000px;height:100px;gap:20px;border-bottom:1px solid black}.tabs button{padding:15px;border:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;font-size:16px;height:50px;opacity:80%;cursor:pointer;color:#000}.tabs button:hover{opacity:100%}.orders-btn{min-width:200px;display:flex;align-items:center;gap:10px}.settings-btn,.logout-btn{display:flex;align-items:center;gap:10px}.tabs button:focus{background-color:orange;color:#fff}.tab-logout{display:flex;justify-content:space-between;width:100%}.user-content{margin-top:50px}.order-content{gap:20px;display:flex;flex-direction:column}.order-filter-div{display:flex;flex-direction:row;justify-content:space-around;gap:3px}#order-filter-button-div{width:100%;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.order-filter-button{width:100%;height:30px;border:1px solid;cursor:pointer;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}#order-btn1:hover{background-color:#ffc107!important;color:#fff!important}#order-btn2:hover{background-color:#0dcaf0!important;color:#fff!important}#order-btn3:hover{background-color:#0d6efd!important;color:#fff!important}#order-btn4:hover{background-color:#198754!important;color:#fff!important}@media(max-width:1055px){.user-profile,.tabs,.order-content,.order-card,.custom-hr{width:100%}}@media(max-width:600px){.tabs,.tab-logout{flex-direction:column;width:100%;border-bottom:none;gap:0}.tabs{padding-bottom:30px}.user-profile{margin-top:80px}.orders-btn{width:100%}}@layer base{:root{--background: 220 25% 92%;--foreground: 228 45% 16%;--card: 0 0% 100%;--card-foreground: 228 45% 16%;--popover: 0 0% 100%;--popover-foreground: 228 45% 16%;--primary: 228 45% 16%;--primary-foreground: 0 0% 100%;--secondary: 220 25% 96%;--secondary-foreground: 228 45% 16%;--muted: 220 20% 88%;--muted-foreground: 220 10% 45%;--accent: 36 100% 50%;--accent-foreground: 228 45% 16%;--success: 142 70% 45%;--success-foreground: 0 0% 100%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 220 20% 85%;--input: 220 20% 85%;--ring: 228 45% 16%;--radius: .5rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}}.thank-you-page{margin-top:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.thank-you-card{max-width:32rem;width:100%;background-color:hsl(var(--card));border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.thank-you-content{padding:2.5rem 2rem;text-align:center}.success-icon-wrapper{margin-bottom:1.5rem;display:flex;justify-content:center}.success-icon-circle{width:5rem;height:5rem;border-radius:9999px;background-color:hsl(var(--success) / .1);display:flex;align-items:center;justify-content:center}.success-icon{width:3rem;height:3rem;color:hsl(var(--success))}.thank-you-heading{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem}.customer-greeting{color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.customer-name{font-weight:500;color:hsl(var(--foreground))}.order-info-box{background-color:hsl(var(--secondary));border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.order-info-content{display:flex;align-items:center;justify-content:center;gap:.5rem;color:hsl(var(--muted-foreground))}.order-info-icon{width:1.25rem;height:1.25rem}.order-info-text{font-size:.875rem}.cta-button{width:100%;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:500;padding:1.5rem 1rem;font-size:1rem;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease}.cta-button:hover{background-color:hsl(var(--primary) / .9)}.cta-button:hover .arrow-icon{transform:translate(4px)}.arrow-icon{width:1rem;height:1rem;transition:transform .2s ease}.secondary-link{display:inline-block;margin-top:1rem;font-size:.875rem;color:hsl(var(--muted-foreground));text-decoration:none;transition:color .2s ease}.secondary-link:hover{color:hsl(var(--foreground))}.about-page{margin-top:150px;max-width:1000px;width:100%;display:flex;flex-direction:column;gap:20px;align-items:center;justify-self:center}.about-header-h1{padding:0}.about-description-div{display:flex;flex-direction:column;width:100%;background-color:#fff;text-align:start;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.about-description-div h3,.about-description-div p{padding:20px;margin:0}.about-usage-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.about-usage-grid-item{display:flex;flex-direction:column;text-align:start;padding:20px;max-height:300px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.about-usage-icon{width:40px;height:40px;color:#fff}.about-usage-icon-tag{background-color:#1f2533;width:fit-content;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;padding:10px}.about-account{display:flex;flex-direction:column;width:100%;background-color:#fff;text-align:start;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.about-account h3,.about-account p,.about-account li{margin:0;padding:20px}.about-account li{color:#63bd63;-webkit-text-fill-color:black;padding:3px}@media(max-width:500px){.about-usage-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}#root{text-align:center;font-family:Roboto,sans-serif}html,body,#root{padding:0;margin:0 auto}