:root{--color-primary-60: hsl(36, 33%, 94%);--color-primary-30: rgb(255, 255, 255);--color-primary-10: #eeeeee;--color-primary-10-transparent: rgba(248, 247, 253, .9);--color-secondary-60: #222;--color-secondary-30: #555;--color-secondary-10: rgb(49, 48, 48);--border-color: #e3e3e3;--shadow-color: rgba(213, 217, 217, .5);--cooprate-color: rgb(126, 68, 243);--slider-linier-color: linear-gradient( to right, rgba(126, 68, 243, 1) 20%, rgba(126, 68, 243, .7) 40%, rgba(126, 68, 243, .4) 70%, rgba(126, 68, 243, 0) 100% );--color-call-to-action: rgb(187, 70, 2);--hover-color-call-to-action: rgb(248, 97, 9);--color-success: rgb(10, 187, 10);--color-danger: red;--body-font: "Poppins", sans-serif;--unit-xxxxxl: 4rem;--unit-xxxxl: 3.5rem;--unit-xxxl: 3rem;--unit-xxl: 2.5rem;--unit-xl: 2.25rem;--unit-l: 1.5rem;--unit-m: 1.25rem;--unit-s: 1rem;--unit-xs: .875rem;--unit-xxs: .813rem;--unit-xxxs: .5rem;--fw-500: 500;--fw-600: 600}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.shadow-lg{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.shadow-xl{box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a}.shadow-2xl{box-shadow:0 25px 50px #00000040}.shadow-none{box-shadow:none}.dark-mode{--color-primary-60: rgb(0, 0, 0);--color-primary-30: rgb(34, 36, 41);--color-primary-10: rgb(36, 35, 41);--color-secondary-60: hsl(36, 33%, 94%);--color-secondary-30: rgb(255, 255, 255);--color-secondary-10: rgb(248, 247, 253)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--body-font);scroll-behavior:smooth;font-size:10px}body,input{background-color:var(--color-primary-60);color:var(--color-secondary-60);font-size:1.6rem;line-height:1.75}#app{position:relative;z-index:10}ion-icon{color:var(--color-secondary-60)}a,img,data,input,button{display:block}img{width:100%;height:100%;object-fit:cover}.w-full{width:100%}.h-100vh{height:100vh}.btn{display:flex;align-items:center;justify-content:center;outline:none;border:none;border-radius:5px;margin:5px;padding:var(--unit-xxxs);font-weight:var(--fw-600);cursor:pointer}.btn:hover{box-shadow:0 2px 5px #d5d9d980}.primary-btn{color:var(--color-secondary-60);background-color:var(--color-call-to-action)}.primary-btn:hover{background-color:var(--hover-color-call-to-action)}.secondary-btn{border:1px solid var(--border-color);color:var(--color-secondary-60)}.secondary-btn:hover{background-color:var(--color-call-to-action)}.flex-center-container{display:flex;align-items:center;justify-content:center}.container,.section-container{padding:10px 10%}.xl-font{font-size:var(--unit-xl);color:var(--color-secondary-10);font-weight:var(--fw-500)}.l-font{font-size:var(--unit-l);color:var(--color-secondary-10);font-weight:var(--fw-500)}.normal-font{font-size:var(--unit-s);color:var(--color-secondary-10);font-weight:var(--fw-500)}.smaller-font{font-size:var(--unit-xxs);color:var(--color-secondary-10);font-weight:var(--fw-500)}.small-font{font-size:var(--unit-xs);color:var(--color-secondary-10);font-weight:var(--fw-500)}.section-subtitle{font-size:var(--unit-l);color:var(--color-secondary-30);text-transform:uppercase;font-weight:var(--fw-500);letter-spacing:1px;text-align:center}.section-title{font-size:var(--unit-xxxl);color:var(--color-secondary-60);font-weight:var(--fw-600);letter-spacing:1px;text-align:center}.display-none{display:none}.has-bg-image{background-repeat:no-repeat;background-size:cover;background-position:center}.font-danger{color:var(--color-danger)}.font-success{color:var(--color-success)}.overlay{display:none;position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary-10-transparent)}.overlay.active{display:flex;justify-content:center;align-items:center;color:var(--color-secondary-60)}.loading-icon{text-align:center;padding:var(--unit-xxxs);display:inline-block;display:flex;align-self:center;justify-self:center}.loading-icon ion-icon{font-size:var(--unit-xxxxxl);animation:spin-animation 3s infinite;display:inline-block}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.azula-message-container{display:none;position:fixed;z-index:10000;top:0;right:0}.azula-message-container.active{display:flex;justify-content:center;align-items:center}.azula-message-wrapper{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-primary-10);border-radius:6px;box-shadow:0 4px 6px var(--shadow-color);max-width:400px;width:100%;margin-top:8vh;padding:12px 16px;gap:10px;border-left:5px solid var(--color-success)}.azula-message-icon{font-size:20px;flex-shrink:0}.azula-message-text{flex:1;font-size:14px;font-weight:500;color:var(--color-secondary-60)}.azula-close-btn{font-size:18px;font-weight:700;padding:0 4px;cursor:pointer;background:transparent;border:none;color:#777}.azula-close-btn:hover{color:#000}.azula-message-container.active{animation:fadeInDown .3s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 800px){.newsletter-container{flex-direction:column}.newsletter-container .right-newsletter-container form{margin:10px}.left-newsletter-container{align-items:center;justify-content:center;margin-bottom:20px}.left-newsletter-container h2{font-size:var(--unit-xl);margin-bottom:5px}.left-newsletter-container p{text-align:center;color:var(--color-secondary-30);font-size:var(--unit-l)}}@media (max-width: 600px){.footer-container .links{padding:5px 5%}.footer-container .links div{flex-basis:50%}.footer-container .links .col-1 a,.footer-container .links .col-2 a,.footer-container .links .col-3 a{padding:3px}.footer-container .links .col-4 a img{width:.8em;height:.8em}.footer-container .copyright{font-size:15px}}@media (max-width: 800px){.container{padding:5px 5%}}@media (max-width: 400px){.container{padding:5px 1%}}.ratting-component{display:flex;align-items:center}.ratting-component .stars{margin-right:.2rem}.ratting-component .stars ion-icon{color:gold}.products-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:10px;justify-content:center}.product-card{display:flex;flex-wrap:wrap;flex-direction:row;border:1px solid #e3e3e3;max-width:300px;background-color:var(--color-primary-30);min-width:20rem;border-radius:8px}.product-image{width:100%;max-height:40vh;border-radius:8px 8px 0 0;padding:10px}.product-image img{object-fit:contain;object-position:center;width:100%;height:100%}.products-details{display:flex;flex-direction:column;margin:5px;width:100%}.products-name a{font-size:1.8rem;color:var(--color-secondary-60);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.products-name a:hover{text-decoration:underline}.product-price{display:flex;align-items:center}.product-price .price-is span{color:var(--color-success)}.product-price .price-was span{text-decoration:line-through;color:var(--color-danger)}.ratting-component{margin:5px 0}.products-review{display:flex;align-items:center;justify-content:space-evenly;gap:10px;margin-top:5px;padding:4px 0}.reviews,.likes{display:flex;align-items:center;font-size:var(--unit-m);color:var(--color-secondary-60);gap:.3rem;cursor:pointer}.product-review-btn{background:none;border:none;display:flex;align-items:center;gap:.2rem;cursor:pointer;font-size:inherit;color:inherit}.product-review-btn ion-icon{font-size:var(--unit-l)}.likes button:hover ion-icon{font-size:calc(var(--unit-l) + .2rem);color:#ff69b4}.liked ion-icon{color:#ff69b4}.buy-action{margin:5px 2px;border:.5px solid var(--color-call-to-action);border-radius:20px}.add-to-cart-btn,.buy-now-btn{display:inline;outline:none;border:none;flex-basis:50%;height:30px;align-items:center;width:100%;font-size:var(--unit-l);font-weight:var(--fw-600);color:var(--color-secondary-30);padding:var(--unit-xxxs);cursor:pointer;transition:.5s all ease}.add-to-cart-btn{background-color:var(--color-call-to-action);border-radius:20px 0 0 20px;color:var(--color-primary-30)}.add-to-cart-btn:hover{background-color:var(--hover-color-call-to-action)}.buy-now-btn{border-radius:0 20px 20px 0;background:transparent;color:var(--color-call-to-action)}.buy-now-btn:hover{background-color:var(--hover-color-call-to-action);color:var(--color-primary-30)}@media (max-width: 400px){.product-card{max-width:100%;margin:3px}}.footer{background-color:var(--color-primary-10);color:var(--color-secondary-30);font-size:var(--unit-s)}.footer-top{background-color:var(--color-primary-60);border-top:1px solid var(--border-color)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-brand .logo{font-size:var(--unit-xxl);font-weight:var(--fw-600);color:var(--cooprate-color);margin-bottom:10px}.footer-brand-text{margin:15px 0;font-size:var(--unit-m);color:var(--color-secondary-10)}.footer-brand .wrapper{display:flex;gap:10px;font-size:var(--unit-m);margin:6px 0}.footer-brand .span{font-weight:var(--fw-600);color:var(--color-secondary-60)}.footer-link{color:var(--color-secondary-30);text-decoration:none;transition:.3s ease}.footer-link:hover{color:var(--cooprate-color)}.footer-list-title{font-size:var(--unit-l);font-weight:var(--fw-600);margin-bottom:8px;color:var(--color-secondary-60)}.footer-list .footer-link{padding:6px 0}.footer-list-text{margin-bottom:10px;font-size:var(--unit-m);color:var(--color-secondary-10)}.newsletter-form{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.input-field{padding:7px 16px;border-radius:6px;border:1px solid var(--border-color);background:var(--color-primary-30);flex:1}.newsletter-form-btn{display:flex;align-items:center;gap:5px;padding:7px 20px;background-color:var(--color-call-to-action);color:var(--color-primary-30);border:none;border-radius:6px;font-weight:var(--fw-600)}.newsletter-form-btn:hover{background-color:var(--hover-color-call-to-action)}.social-list{display:flex;gap:15px;margin-top:10px}.social-link{font-size:20px;color:var(--color-secondary-10)}.social-link:hover{color:var(--cooprate-color)}.footer-bottom{border-top:1px solid var(--border-color);padding:20px 10%;text-align:center;background:var(--color-primary-30)}.copyright{font-size:var(--unit-l);color:var(--color-secondary-60)}.copyright-link{color:var(--cooprate-color);font-size:var(--unit-l);text-decoration:none}.back-top-btn{position:fixed;bottom:30px;right:30px;background:var(--cooprate-color);color:var(--color-primary-30);padding:14px;font-size:18px;border-radius:50%;cursor:pointer;z-index:1000;opacity:0;pointer-events:none;transition:.3s ease}.back-top-btn.active{opacity:1;pointer-events:all;transform:translateY(-10px)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}}header{position:sticky;top:0;right:0;left:0;z-index:100}.header-container{display:flex;align-items:center;flex-direction:column}.header-container-top{display:flex;align-items:center;justify-content:end;background-color:var(--color-primary-60);padding:3px 10%;width:100%}.header-container-top p,a{display:inline-block;text-decoration:none;padding-right:10px;font-size:1.2rem}.header-container-top a{color:var(--color-call-to-action)}.header-container-bottom{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-primary-30);width:100%;padding:5px 10%}.logo{font-size:2.5rem}.logo span{display:inline-block;color:var(--color-call-to-action)}.header-end-container{display:flex;align-items:center}.search-small-screens,.cart,.profile,.mode-setting{display:flex;align-items:center;justify-content:center;border-radius:5px;padding:3px;margin-right:5px;font-size:2rem}.search-small-screens:hover,.cart:hover,.profile:hover,.mode-setting:hover{background-color:var(--color-primary-10)}.cart{position:relative;z-index:1}.cart span{position:absolute;z-index:100;background-color:var(--color-danger);width:var(--unit-l);height:var(--unit-l);border-radius:50%;font-size:var(--unit-s);margin-top:-20px;margin-right:-20px}.user-menu{display:flex;flex-direction:column;background-color:var(--color-primary-60);border:1px solid var(--border-color);width:300px;height:100vh;position:fixed;top:0;right:0;z-index:100000}.close-user-menu{display:flex;justify-content:end}.close-user-menu ion-icon{font-size:3rem;color:var(--color-secondary-60);padding:var(--unit-m)}.user-profile-preview{padding:var(--unit-xl);display:flex;align-items:center;justify-self:flex-end;justify-content:center;flex-direction:column}.user-profile-preview .profile-icon{background-color:var(--color-primary-30);width:7rem;height:7rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-profile-preview .profile-icon ion-icon{font-size:5rem}.user-profile-preview .greet-user{font-size:2.5rem}.user-profile-preview button{padding:1rem;font-size:1.5rem}.newsletter-section-container{background:linear-gradient(to bottom right,var(--cooprate-color),var(--color-primary-60))}.newsletter-container{display:flex;justify-content:space-between;padding:40px 10%;align-items:center;width:100%;gap:2rem;color:var(--color-secondary-30)}.left-newsletter-container{flex:1;flex-basis:50%}.left-newsletter-container h2{font-size:2rem;font-weight:var(--fw-600);margin-bottom:.5rem;color:var(--color-secondary-60)}.left-newsletter-container p{font-size:1.5rem;color:var(--color-secondary-30);margin-bottom:1rem}.newsletter-features{list-style:none;padding:0}.newsletter-features li{margin-bottom:.5rem;font-size:1.5rem}.newsletter-features li ion-icon{font-size:1.5rem;color:var(--color-success);background-color:#fff;border-radius:50%}.right-newsletter-container{flex:1;flex-basis:50%;display:flex;flex-direction:column;gap:1rem}#newsletter-form{display:flex;flex-direction:column;gap:.75rem}#newsletter-form input{padding:.75rem 1rem;font-size:1.5rem;border-radius:.5rem;border:none;background-color:var(--color-primary-60);color:var(--color-secondary-30);transition:background-color .3s ease}#newsletter-form input:focus{background-color:var(--color-primary-30);outline:2px solid var(--color-success)}#newsletter-btn{padding:.75rem 1rem;font-size:1.5rem;font-weight:600;background-color:var(--color-call-to-action);color:#0f172a;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}#newsletter-btn:hover{background-color:var(--hover-color-call-to-action);transform:translateY(-2px)}.newsletter-note{font-size:1.3rem;color:#94a3b8}.newsletter-error{color:var(--color-call-to-action);font-size:1.3rem;margin-top:.5rem}.promise-section{background-color:var(--color-primary-30);padding:10px 10%}.promise-section-container{display:flex;align-items:center;justify-content:space-between;width:100%}.promise-section-container li{padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.promise-section-container li .data{font-weight:var(--fw-600);font-size:3rem}.promise-section-container li .data span{font-size:2rem}.promise-section-container li .label{font-weight:var(--fw-400)}@media (max-width: 800px){.promise-section-container{flex-direction:column}}.slider-container{width:100%;height:90vh;position:relative;overflow:hidden;background:var(--color-primary-30)}.slide-wrapper{display:flex;width:100%;height:100%;max-width:1400px;margin:0 auto}.slide{position:relative;display:flex;width:100%;height:100%;max-width:1400px;background-image:url(../slider-images/faster-delivery.jpeg);background-size:cover;background-position:center;transform:scaleX(-1)}.left-raw{flex:1;display:flex;flex-direction:column;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;padding:4rem;transform:scaleX(-1);background-image:var(--slider-linier-color);color:var(--color-primary-30)}.left-raw h2{font-size:3.2rem;font-weight:800;color:var(--color-primary-30);margin-bottom:1rem}.left-raw p{font-size:1.5rem;color:var(--color-primary-10);margin-bottom:2rem}@media (max-width: 600px){.left-raw{display:flex;align-items:center;justify-content:center}.left-raw h2{font-size:3.2rem;text-align:center;margin-bottom:.5rem}.left-raw p{font-size:1.5rem;text-align:center;margin-bottom:1.5rem}}.go-to-shop-btn{display:inline-block;background-color:var(--color-call-to-action);color:var(--color-primary-30);padding:12px 24px;font-weight:700;border-radius:8px;text-decoration:none;transition:all .3s ease;width:fit-content}.go-to-shop-btn:hover{background-color:var(--hover-color-call-to-action);transform:translateY(-2px)}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.dot{width:12px;height:12px;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background-color:#fff;transform:scale(1.2)}.slide-previous,.slide-next{position:absolute;top:50%;transform:translateY(-50%);background:#0006;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s;z-index:10}.slide-previous:hover,.slide-next:hover{background:#000000b3}.slide-previous{left:20px}.slide-next{right:20px}.pagination-container .pagination{gap:3px;font-size:var(--unit-l)}.pagination-container .pagination .page{width:var(--unit-xxxl);height:var(--unit-xxxl);background-color:var(--color-call-to-action);padding:var(--unit-xs);border-radius:var(--unit-xxxs)}.searchbar-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.searchbar-category select,.searchbar-sort select,.searchbar-form input,.searchbar-form button{height:40px;border-radius:5px;border:1px solid var(--border-color);padding:0 10px;font-size:14px;background-color:var(--color-primary-10);color:var(--color-secondary-60)}.searchbar-form{display:flex;align-items:center;flex-wrap:nowrap;flex:1}.searchbar-form input{border-right:none;border-radius:5px 0 0 5px}.searchbar-form button{background-color:var(--color-call-to-action);color:var(--color-primary-30);border-radius:0 5px 5px 0;border-left:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.searchbar-form button:hover{background-color:var(--hover-color-call-to-action)}.lower-filters{display:flex;gap:10px}@media (max-width: 566px){.searchbar-container{flex-direction:column;align-items:stretch;padding:10px;background-color:var(--color-primary-30);border:1px solid var(--border-color);border-radius:8px}.searchbar-form{width:100%;margin-bottom:10px}.searchbar-form input{flex:1;width:100%}.searchbar-form button{width:60px}.lower-filters{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.searchbar-category,.searchbar-sort{flex-basis:48%}.searchbar-category select,.searchbar-sort select{width:100%}}.cart-container{min-height:90vh}.cart-page-main-container{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.left-container{display:flex;flex-direction:column;width:450px}.cart-page-header{font-size:25px;padding:10px;text-align:center}.left-container ul{display:flex;flex-direction:column;max-width:100%}.left-container ul li{list-style:none;display:grid;grid-template-columns:70px 1fr 50px;gap:10px;width:100%;padding:var(--unit-xxxs);margin-bottom:var(--unit-xxs);background-color:var(--color-primary-10);border:1px solid var(--border-color);border-radius:var(--unit-xxs)}.cart-product-image-container{display:flex;align-items:center;justify-content:center;padding:var(--unit-xxs);background-color:var(--color-primary-10);border-radius:var(--unit-xxs)}.cart-product-image-container img{width:100%;height:auto;max-height:70px;object-fit:contain}.cart-product-details-container{display:flex;flex-direction:column;justify-content:space-between}.cart-item-name{font-size:15px;color:var(--color-secondary-60);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cart-product-quantity-container{display:flex;align-items:center;gap:6px;font-size:13px;border-radius:8px;color:var(--font-color)}.cart-product-quantity-container select{padding:1px 8px;font-size:13px;border:1px solid var(--color-success);color:var(--color-success);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease}.cart-product-quantity-container select:focus{border:2px solid var(--color-success);box-shadow:0 0 0 2px #22c55e33}.cart-item-price{display:flex;gap:5px;font-size:14px}.cart-item-total-price{font-size:1.4rem;color:var(--color-secondary-30);font-weight:700;line-height:1.2}.remove-from-cart{display:flex;align-items:center;justify-content:center}.remove-from-cart button{background:none;border:none;cursor:pointer;padding:10px}.remove-from-cart button ion-icon{font-size:32px;color:var(--color-danger)}.continue-shopping{display:flex;justify-content:start;width:100%}.continue-shopping a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background-color:transparent;border:1px solid var(--color-call-to-action);color:var(--color-call-to-action);font-size:var(--unit-l);font-weight:var(--fw-500);text-decoration:none;border-radius:var(--unit-xl);transition:all .2s ease;cursor:pointer}.continue-shopping a:hover{background-color:var(--color-call-to-action);color:#fff}.continue-shopping a:hover ion-icon{color:#fff}.continue-shopping ion-icon{font-size:var(--unit-xl);transition:color .2s ease}.right-container{display:flex;flex-direction:column;gap:5px;max-width:450px;background-color:var(--color-primary-10);border:1px solid var(--border-color);border-radius:var(--unit-xxs);padding:var(--unit-xxs)}.apply-copun-container h3,.apply-copun-container p{text-align:center;color:var(--color-secondary-60)}.apply-copun-container h3{font-size:20px;font-weight:var(--fw-600);margin-bottom:4px}.apply-copun-container p{font-size:13px;margin-bottom:10px}.apply-coupon-form{display:flex;flex-direction:column;gap:12px;width:100%;font-family:var(--body-font)}.apply-coupon-form-input-wrapper{display:flex;flex-direction:column;gap:4px;width:100%}.apply-coupon-form-label{font-size:13px;margin-left:8px;color:var(--color-success)}.apply-coupon-form-input{height:40px;padding:8px 12px;border-radius:20px;border:1px solid var(--color-call-to-action);background-color:var(--color-primary-30);color:var(--font-color);font-size:14px;outline:none;transition:border .2s ease}.apply-coupon-form-input:focus{border:2px solid var(--color-call-to-action);box-shadow:0 0 0 2px #22c55e33}.apply-coupon-form-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;width:100%;margin-top:3px;padding:8px 14px;border-radius:var(--unit-xl);border:1px solid var(--color-call-to-action);background-color:transparent;color:var(--color-call-to-action);font-size:16px;font-weight:var(--fw-500);cursor:pointer;transition:all .2s ease}.apply-coupon-form-btn:hover{background-color:var(--color-call-to-action);color:var(--color-primary-30)}.apply-coupon-form-btn:hover ion-icon{color:var(--color-primary-30)}.apply-coupon-form-btn ion-icon{font-size:var(--unit-l);transition:color .2s ease}.container-cart-summary{display:flex;flex-direction:column;justify-content:center;background-color:var(--color-primary-10);border-radius:10px;padding:var(--unit-xs)}.cart-page-header{font-size:var(--unit-xxl)}.container-cart-summary-header{font-size:var(--unit-l);text-align:center}.container-cart-summary-li{display:flex;justify-content:space-between;padding:var(--unit-xxxs);list-style:none}.container-cart-summary-li:last-child{border-top:1.3px solid var(--border-color);padding-top:5px}.label{font-size:15px;font-weight:var(--fw-500)}.figure{font-size:13px;font-weight:var(--fw-400)}.cart-subtotal{font-size:18px;font-weight:var(--fw-600)}.procede-to-checkout-btn button{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--unit-xs);font-size:var(--unit-l);font-weight:var(--fw-600);border:none;border-radius:var(--unit-xl);background-color:var(--color-call-to-action);color:var(--font-color);cursor:pointer}.procede-to-checkout-btn button:hover{background-color:var(--hover-color-call-to-action)}#procede-to-checkout-btn ion-icon{margin-right:10px;font-size:var(--unit-xl)}@media (max-width: 800px){.cart-page-main-container{gap:10px}.left-container ul li{grid-template-columns:60px 1fr 40px}.cart-item-name{font-size:14px}.cart-item-total-price{font-size:1.3rem}.remove-from-cart button ion-icon{font-size:28px}}@media (max-width: 400px){.cart-page-main-container{padding:10px}.left-container ul li{grid-template-columns:1fr;text-align:center}.cart-product-image-container{margin:0 auto;max-width:90px}.cart-product-details-container{align-items:center;text-align:center}.cart-product-quantity-container{font-size:12px;justify-content:center;margin-top:4px}.cart-item-price,.cart-item-total-price{justify-content:center}.remove-from-cart{margin-top:10px}.remove-from-cart button ion-icon{font-size:24px}}.product-page-navigation{display:flex;font-size:1.4rem}.product-page-navigation a{font-size:1.4rem}.single-product-container{display:flex;gap:15px;flex-wrap:wrap}.image-container{flex:0 0 50%;background-color:var(--color-primary-30);border-radius:10px;padding:20px;max-height:70vh;max-width:400px}.image-container img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.details-container{flex:0 0 50%;display:flex;flex-direction:column}.details-container-child{padding:10px}.single-product-name{font-size:3rem}.single-product-description{font-size:1.8rem}.product-price-container .product-price{display:flex;align-items:center;flex-wrap:wrap}.product-price .price-is{font-size:var(--unit-l)}.product-price .price-is span{color:var(--color-success);display:inline}.product-price .price-was{font-size:var(--unit-m);margin-left:var(--unit-m)}.product-price .price-was span{display:inline;text-decoration:line-through;color:var(--color-danger)}.product-price .price-off{font-size:var(--unit-s);margin-left:var(--unit-xxxs);color:var(--color-secondary-10)}.product-price .price-off span{display:inline}.products-review-container .products-review{display:flex;align-items:center;gap:3px;max-width:200px;cursor:pointer}.products-review .reviews,.products-review .likes{display:flex;align-items:center;font-size:var(--unit-m)}.products-review ion-icon{margin-right:.2rem;font-size:calc(var(--unit-l) + .5rem)}.products-review .reviews:hover,.products-review .likes:hover{text-decoration:underline;cursor:pointer}.add-to-cart-products-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.increment-decrement-quontity{display:flex;gap:3px;font-size:var(--unit-xl)}.increment-decrement-quontity .quantity{width:var(--unit-xxxl);height:var(--unit-xxxl);background-color:var(--color-call-to-action);padding:var(--unit-xxs);border-radius:50%}.buy-product-action{display:flex;flex:1}.product-add-to-cart-btn,.product-buy-now-btn{display:flex;justify-content:center;align-items:center;flex:1;height:var(--unit-xxxl);font-size:var(--unit-l);font-weight:var(--fw-500);border:none;padding:var(--unit-xxxs);cursor:pointer;transition:.5s all ease}.product-add-to-cart-btn{background-color:var(--color-call-to-action);color:var(--color-primary-30)}.product-add-to-cart-btn:hover{background-color:var(--hover-color-call-to-action)}.product-buy-now-btn{background-color:transparent;color:var(--color-call-to-action);border:1px solid var(--color-call-to-action)}.product-buy-now-btn:hover{background-color:var(--hover-color-call-to-action);color:var(--color-primary-30)}@media (max-width: 640px){.single-product-container{flex-direction:column}.image-container,.details-container{flex:0 0 100%;max-width:100%}.details-container-child{padding:6px}.single-product-name{font-size:2.2rem}.single-product-description{font-size:1.4rem}}.featured-products-container{padding:10px 10%}.featured-products-header{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 0}.explore-more-container{display:flex;align-items:center;justify-content:center;padding:20px 0}.explore-more-container a{color:var(--color-secondary-10);font-size:var(--unit-l);font-weight:var(--fw-600);display:flex;align-items:center;justify-content:center;background-color:var(--color-call-to-action);padding:var(--unit-xs);border-radius:8px;cursor:pointer;transition:.5s all ease}.explore-more-container a:hover{background-color:var(--hover-color-call-to-action);transform:translateY(-10px)}.navigator-container{border:1px solid var(--border-color);border-radius:20px}.navigator-item{border-right:1px solid var(--border-color);padding:4px}.navigator-item-active a{color:var(--color-call-to-action);font-weight:var(--fw-600)}.place-order{border-right:none}.checkout-form-container{padding:4px;border-right:1px solid var(--border-color);cursor:pointer;max-width:400px;flex-direction:column;border:1px solid var(--border-color);border-radius:10px}.checkout-form-container form{padding:4px}.checkout-form-container form h2{padding:10px}.checkout-form-container form label{font-size:var(--unit-m);font-weight:var(--fw-400);color:var(--color-call-to-action);padding:2px}.checkout-form-container form input,.checkout-form-container form textarea,.checkout-form-container form button,.checkout-form-container form .button-link{display:flex;align-self:center;justify-self:center;width:100%;padding:10px;transition:all .3s ease-in-out;border-radius:5px;margin-bottom:5px;font-size:15px}.checkout-form-container form input,.checkout-form-container form textarea{border:.3px solid var(--border-color)}.checkout-form-container form .or{padding:5px;font-size:var(--unit-m)}.form-radio-container{display:grid;grid-template-columns:20px 1fr;margin-bottom:10px;width:100%;cursor:pointer;padding:5px;border-radius:var(--unit-xxxs);background-color:var(--color-primary-30)}.radio-input{padding:4px;cursor:pointer}.radio-input-label{font-weight:var(--fw-500);font-size:var(--unit-l);margin-bottom:0}.radio-input-text{font-size:var(--unit-m);font-weight:var(--fw-400)}.checkout-container{max-width:500px;margin:2rem auto;border:1px solid var(--border-color);border-radius:10px}h3{color:var(--cooprate-color)}.checkout-header{text-align:center;margin-bottom:var(--unit-m);background:#7e44f3;color:#fff;padding:30px 10px;font-size:20px;border-radius:5px 5px 0 0}.checkout-section{background:var(--color-primary-30);padding:10px;border-radius:5px;margin:10px;margin-bottom:var(--unit-s);padding:1rem}.cart-list{display:flex;flex-direction:column;gap:var(--unit-xs)}.cart-item{display:flex;align-items:center;gap:var(--unit-s);background:var(--color-primary-10);padding:var(--unit-xs);border-radius:6px}.cart-image{width:60px;height:60px;object-fit:cover;border-radius:4px}.cart-details{flex-grow:1}.cart-name{font-weight:700}.cart-quantity,.cart-price{font-size:var(--unit-m);color:var(--color-secondary-30)}.total-amount,.delivery-date{font-weight:700}.confirm-btn{width:100%;padding:var(--unit-xs);font-size:var(--unit-l);background-color:var(--color-call-to-action);color:var(--color-primary-30);border:none;border-radius:6px;cursor:pointer;transition:background .3s}.confirm-btn:hover{background-color:var(--hover-color-call-to-action)}.main{max-width:900px;margin:90px auto 100px;padding:0 20px}.page-title{font-weight:700;font-size:26px;margin-bottom:25px;text-align:center}.orders-grid{display:grid;grid-template-columns:1fr;row-gap:40px}.order-container{border:1px solid rgb(213,217,217);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000d}.order-header{background-color:#f0f2f2;display:flex;justify-content:space-between;padding:20px 25px;flex-wrap:wrap}.order-header-left-section,.order-header-right-section{display:flex;flex-direction:column}.order-header-label{font-weight:500;color:#333}.order-date,.order-total,.order-status{margin-bottom:10px}.order-status{font-weight:600;color:#007600}@media (max-width: 575px){.order-header{flex-direction:column;align-items:flex-start;padding:15px}}.order-details-grid{padding:20px 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.product-item{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}.product-name{font-weight:700;font-size:14px;color:#333}.product-quantity,.product-price{font-size:13px;color:#666}@media (max-width: 800px){.order-details-grid{grid-template-columns:1fr 1fr}}@media (max-width: 450px){.order-details-grid{grid-template-columns:1fr}}.order-actions{text-align:center;padding:15px}.track-package-button{width:180px;padding:5px;background-color:var(--color-call-to-action);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.track-package-button:hover{background-color:var(--hover-color-call-to-action)}@media (max-width: 450px){.track-package-button{width:100%}}.auth-container{align-self:center;justify-self:center;padding:4px;border-right:1px solid var(--border-color);max-width:400px;margin-top:4rem;flex-direction:column;border:1px solid var(--border-color);border-radius:10px}.auth-container form{padding:4px}.auth-container form h2{padding:10px}.auth-container form label{font-size:var(--unit-m);font-weight:var(--fw-400);color:var(--color-call-to-action);padding:2px}.auth-container form input,.auth-container form textarea,.auth-container form button,.auth-container form .button-link{display:flex;align-self:center;justify-self:center;width:100%;padding:10px;transition:all .3s ease-in-out;border-radius:5px;margin-bottom:5px;font-size:15px}.auth-container form input,.auth-container form textarea{border:.3px solid var(--border-color)}.auth-container form .or{padding:5px;font-size:var(--unit-m)}.conversation-container{display:none}.conversation-container.active{display:flex;justify-content:center;align-items:center;position:fixed;z-index:10000;top:0;left:0;background-color:var(--color-primary-10-transparent);width:100%;height:100vh}.conversation-container.active .conversation-content{display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid var(--border-color);background-color:var(--color-primary-60);padding:20px;border-radius:6px;max-width:300px;box-shadow:0 4px 6px #0000001a;position:fixed}.message-text{font-size:20px;padding:15px 0;text-align:center}.conversation-content{padding:4px;border-right:1px solid var(--border-color);width:100%;flex-direction:column;border:1px solid var(--border-color);border-radius:10px}.conversation-content form .header-message{color:var(--color-secondary-60);font-size:var(--unit-l);font-weight:var(--fw-500);padding:2px}.conversation-content form label{font-size:var(--unit-m);font-weight:var(--fw-400);color:var(--color-call-to-action);padding:2px}.conversation-content form input{display:flex;align-self:center;justify-self:center;width:100%;padding:var(--unit-xxxs);border:.3px solid var(--border-color);transition:all .3s ease-in-out;border-radius:5px;margin-bottom:5px;font-size:15px}.call-to-action{width:100%;display:flex;align-items:center;padding:3px 0;justify-content:space-between}.call-to-action-btn{cursor:pointer;font-size:15px;padding:var(--unit-xxxs);width:70px;border:none;outline:none;border-radius:3px;background-color:var(--color-call-to-action)}.call-to-action-btn:hover{background-color:var(--hover-color-call-to-action)}.track-order-wrapper{max-width:1000px;margin:20px auto;background-color:var(--color-primary-30);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);overflow:hidden}.top-header-section{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:24px;border-bottom:1px solid var(--border-color)}.order-details,.delivery-details{flex:1 1 300px}.order-details h2,.delivery-details h3{display:flex;align-items:center;gap:10px;font-size:var(--unit-l);margin-bottom:14px;color:var(--color-secondary-10)}.order-details p,.delivery-details p{font-size:var(--unit-s);margin:6px 0;display:flex;align-items:center;gap:6px;color:var(--color-secondary-30)}.progress-labels-container{display:flex;justify-content:space-between;align-items:center;font-size:var(--unit-xs);padding:0 24px;margin:16px 0 8px}.progress-label{color:var(--color-secondary-50)}.current-status{font-weight:var(--fw-600);color:var(--color-success)}.progress-bar{height:10px;background-color:#e0e0e0;margin:0 24px 24px;border-radius:6px;overflow:hidden}.progress{height:100%;background-color:var(--color-success);width:0%;transition:width .4s ease}.bottom-details-section{display:grid;grid-template-columns:1fr 340px;gap:20px;padding:24px}.items-list,.order-summary{background-color:var(--color-primary-30);border-radius:10px;padding:20px;box-shadow:0 2px 10px var(--shadow-color)}.items-list h3,.order-summary h3{display:flex;align-items:center;gap:8px;font-size:var(--unit-m);margin-bottom:16px}.item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color);padding:12px 0}.item:last-child{border-bottom:none}.image{width:80px;height:80px;object-fit:cover;border-radius:8px}.details p{margin:4px 0;font-size:var(--unit-s)}.review-button{margin-left:auto}.order-summary p{font-size:var(--unit-s);margin:10px 0}.order-summary hr{border:none;border-top:1px solid var(--border-color);margin:16px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:6px;font-size:var(--unit-s);font-weight:var(--fw-600);cursor:pointer;transition:background-color .2s ease}.primary-btn{background-color:var(--color-call-to-action);color:#fff}.primary-btn:hover{background-color:var(--color-call-to-action-hover, #006e3d)}.secondary-btn{background-color:var(--color-primary-10);color:var(--color-secondary-60)}.secondary-btn:hover{background-color:var(--color-primary-20)}.cancel-order{margin-top:16px}@media (max-width: 900px){.bottom-details-section{grid-template-columns:1fr}}@media (max-width: 500px){.progress-labels-container{flex-direction:column;align-items:flex-start;gap:6px}.top-header-section,.bottom-details-section{padding:16px}}.user-profile-container{display:grid;grid-template-columns:1fr 2fr;align-items:start;padding:10px 10%;gap:10px}.profile-overview{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;border-radius:var(--unit-xxs);border:1px solid var(--border-color);background-color:var(--color-primary-60);box-shadow:0 4px 6px #0000001a}.profile-overview .profile{display:flex;justify-content:flex-start;align-self:center;justify-self:center;padding:10px;width:100%;margin-left:0;margin-right:0;border-radius:var(--unit-xxs);border:1px solid var(--border-color);background-color:var(--color-primary-60);box-shadow:0 4px 6px #0000001a}.profile-picture{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:var(--color-primary-30);margin-right:var(--unit-xxxs)}.profile-picture img{object-fit:contain;object-position:center;border-radius:50%}.profile-information .profile-email{font-size:13px;color:var(--cooprate-color);line-height:1;letter-spacing:.1rem}.section-subtitle{margin-top:var(--unit-xxs)}.profile-overview ul{width:100%;padding:10px}.profile-overview ul li{display:flex;align-items:center;width:100%;padding:var(--unit-xxxs);font-size:var(--unit-l)}.profile-overview ul li .label{margin-right:5px;font-weight:var(--fw-600)}li{list-style:none}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background-color:var(--color-primary-30)}thead tr th{text-align:left;padding:6px}tbody tr{border-top:1px solid var(--border-color)}tbody tr td{padding:6px}@media (max-width: 575px){.user-profile-container{grid-template-columns:1fr}}.faqs-subtitle{font-size:var(--unit-xl)}.question-answers-ul{display:flex;align-items:center;justify-content:center;width:700px;flex-direction:column}.question-answers-ul li{display:flex;flex-direction:column;list-style:none;background-color:var(--color-primary-30);padding:var(--unit-xs);margin-bottom:var(--unit-xs);border-radius:var(--unit-xxxs);width:100%}.question{display:flex;justify-content:space-between;color:var(--color-secondary-60);font-size:var(--unit-xl);font-weight:var(--fw-600)}.answer{display:none;font-size:var(--unit-l);color:var(--color-secondary-30);transition:all .3s ease}@media (max-width: 800px){.question-answers-ul{width:100%}}@media (max-width: 600px){.question-answers{margin:10px}.question-answers-ul{max-width:600px;flex-direction:column}.question-answers-ul li{padding:var(--unit-xxxs);margin-bottom:var(--unit-xxxs);border-radius:var(--unit-xxxs);width:100%}.question{display:flex;font-size:calc(var(--unit-l)+5px);font-weight:var(--fw-600)}.question button{display:flex;color:var(--color-call-to-action);border:none;outline:none;padding:3px;cursor:pointer;height:var(--unit-xl);background:transparent}.answer{display:none}.answer-active{display:flex}}.get-in-touch-subtitle{font-size:var(--unit-xl)}.left{text-align:left;font-size:16px;line-height:1.8}.left p{display:flex;align-items:center;gap:10px;font-weight:var(--fw-400);color:var(--color-secondary-10);margin:10px 0}.contact-message{margin-top:1rem;font-size:1.4rem;padding:10px;border-radius:4px;display:none}.contact-message.success{display:block;color:var(--color-success)}.contact-message.error{display:block;color:var(--color-danger)}.faqs-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.question-answers{display:flex;align-items:center;justify-content:center;width:100%;margin:10px}.question-answers-ul{display:flex;align-items:center;justify-content:center;max-width:600px;flex-direction:column}.question-answers-ul li{display:flex;flex-direction:column;list-style:none;background-color:var(--color-primary-30);padding:var(--unit-xxxs);margin-bottom:var(--unit-xxxs);border-radius:var(--unit-xxxs);width:100%}.question{display:flex;justify-content:space-between;font-size:calc(var(--unit-l)+5px);font-weight:var(--fw-600)}.question button{display:flex;color:var(--color-call-to-action);border:none;outline:none;padding:3px;cursor:pointer;height:var(--unit-xl);background:transparent}.answer{display:none}.answer-active{display:flex}.contact{text-align:center;background:#fff}.content-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-radius:12px;padding:30px}.left{text-align:left;font-size:16px;line-height:1.8;color:#333}.left p{display:flex;align-items:center;gap:10px;font-weight:500;color:#444;margin:10px 0}.left ion-icon{font-size:22px;color:var(--color-call-to-action)}.contact-form{display:flex;flex-direction:column}.contact-form input,.contact-form textarea{padding:var(--unit-xxs);margin:8px 0;border:2px solid var(--border-color);border-radius:8px;width:100%;font-size:14px;transition:.3s ease;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-call-to-action);box-shadow:0 0 5px var(--color-call-to-action)}.contact-form button{padding:12px;border:none;background:var(--color-call-to-action);cursor:pointer;font-size:16px;font-weight:700;border-radius:8px;transition:.3s ease;margin-top:10px}.contact-form button:hover{background:var(--hover-color-call-to-action)}@media (max-width: 768px){.content-container{grid-template-columns:1fr;text-align:center}.left{text-align:center}}