@import"https://fonts.googleapis.com/css?family=Playfair+Display:500,400,700|Clicker+Script:400";:root{--primary-color: #603809;--secondary-color: #f9c06a;--background-color: #fffdfc;--button-text: #1e1e1e;--text-color: #603809;--white: #ffffff;--font-body: "Playfair Display", serif;--font-heading: "Clicker Script", "Playfair Display";--font-title-color: #603809}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body)}html{scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--text-color);line-height:1.6}.navbar{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a;z-index:1000;transition:background .3s ease-in-out}.navbar.transparent{background:#fff0}.navbar.solid{position:fixed;background:#ffffffe6}.brand-name{font-size:24px;font-weight:700;text-decoration:none;transition:all .3s ease}.brand-name:hover{transform:scale(1.05)}.nav-menu{list-style:none;display:flex;justify-content:center}.nav-menu.logged-in{margin-left:30px}.nav-menu.not-logged-in{margin-right:110px}.nav-menu.logged-in.home{margin-left:100px}.nav-menu.not-logged-in.home{margin-right:80px}.nav-menu li{margin:0 20px;transition:all .3s ease}.nav-menu li:hover{transform:scale(1.05)}.nav-menu a{text-decoration:none;font-size:18px;font-weight:600}.nav-menu.home a{color:var(--white)}.nav-menu.not-home a{color:var(--text-color)}.nav-menu a:hover{color:var(--secondary-color)}.right-nav{display:flex;gap:30px}.cart{display:flex;align-items:center;justify-content:flex-end;position:relative;margin-left:115px}.cart a{display:flex;align-items:center}.cart-img{width:25px;cursor:pointer;transition:all .3s ease}.cart-img:hover{transform:scale(1.1)}.cart-img:hover{opacity:.8}.cart-span{font-family:Arial,Helvetica,sans-serif;width:18px;height:18px;border-radius:50%;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;top:5px;left:12px;line-height:1;text-align:center}.cart-span.home{background-color:#515151c7;color:#fff}.cart-span.not-home{background-color:#c2c2c2e3;color:#000}.btn{background:var(--secondary-color);color:var(--button-text);padding:10px 20px;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease}.btn:hover{background:#e0a65f;transform:scale(1.05)}footer{position:relative;background:#603809;color:var(--white);padding:50px 80px}footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/background/footer/footer-bg.png) no-repeat center/cover;opacity:.3;z-index:1}footer *{position:relative;z-index:2}.footer-container{display:flex;justify-content:space-between}.footer-links ul{list-style:none}.footer-links h3{margin-bottom:10px}.footer-links ul li{line-height:26px}.footer-links ul li a{text-decoration:none;color:var(--white)}.footer-links ul li a:hover{color:var(--secondary-color)}.footer-contact p{margin:5px 0}@media screen and (max-width: 1024px){.navbar{padding:15px 40px}.nav-menu.logged-in.home,.nav-menu.logged-in.not-home,.nav-menu.not-logged-in.home,.nav-menu.not-logged-in.not-home{margin-left:0;margin-top:10px}.nav-menu li{margin:15px}.btn{padding:8px 16px;font-size:14px}.cart-span{right:5px;top:-5px}footer{padding:45px 30px}.footer-contact{max-width:250px}}@media screen and (max-width: 768px){.navbar{padding:30px;align-items:center}.nav-menu.logged-in.home,.nav-menu.logged-in.not-home,.nav-menu.not-logged-in.home,.nav-menu.not-logged-in.not-home{margin-top:35px}.nav-menu{display:none;flex-direction:column;width:100%;background:#ffffffe6;position:absolute;top:60px;left:0;padding:10px 0;text-align:center}.nav-menu li{margin:10px 0}.nav-menu a{font-size:16px}.cart{margin-top:10px;margin-right:50px}.cart-span{right:5px;top:-5px}footer{padding:35px 20px}.footer-links ul{padding:0}.footer-contact{max-width:250px}}@media screen and (max-width: 550px){.navbar{padding:20px}.brand-name{font-size:20px}.nav-menu.logged-in.home,.nav-menu.logged-in.not-home,.nav-menu.not-logged-in.home,.nav-menu.not-logged-in.not-home{margin-top:15px}.nav-menu{top:50px}.btn{padding:6px 12px;font-size:12px}footer{padding:20px 30px}.cart-span{top:-5px}.footer-container{padding:40px 60px;flex-direction:column;align-items:center;text-align:center}.footer-info,.footer-links{margin-bottom:30px}}.hamburger{display:none}@media screen and (max-width: 1024px){.hamburger{display:flex;align-items:center;position:absolute;cursor:pointer;z-index:1100}.nav-menu{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background:#040404f9;text-align:center;padding:10px 0}.nav-menu.not-home a{color:var(--white)}.nav-menu.active{display:flex;margin-top:16px}}@media screen and (max-width: 1024px){.hamburger{top:18px;right:85px}}@media screen and (max-width: 768px){.hamburger{top:36px;right:25px}}@media screen and (max-width: 550px){.hamburger{top:20px}.hamburger.logged-in{top:25.5px}}.spinner-container{top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fffc;z-index:9999}.spinner-container-homepage{width:100vw;height:200px;display:flex;align-items:center;justify-content:center;background-color:#fffc;z-index:9999}.spinner{width:40px;height:40px;border:6px solid rgb(190,190,190);border-top:6px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#bb0013;border:2px solid #f5c6cb;font-size:18px;font-weight:700;border-radius:0}.error-message-home{width:100vw;height:200px;display:flex;align-items:center;justify-content:center;text-align:center;color:#bb0013;font-size:18px;font-weight:700;border-radius:0}.error-box{background:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;align-items:center;gap:10px}.error-icon{font-size:24px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f0f0f080;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner-box{width:80px;height:80px;background-color:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px #0003}.hero{position:relative;display:flex;justify-content:flex-start;align-items:center;background:url(/background/hero/hero-bg.png) no-repeat center/cover;padding:80px;height:100vh;color:var(--white);text-align:left}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.hero *{position:relative;z-index:2}.hero-content{max-width:50%;margin-top:40px}.hero-title{font-weight:400;font-size:160px;font-style:normal;font-family:var(--font-heading);line-height:250px}.hero p{font-size:18px;margin:20px 0}.about{display:flex;align-items:center;justify-content:center;gap:120px;padding:80px;background:var(--white)}.about-image{width:500px}.about-text{max-width:60%}.about h2{font-size:40px;margin-bottom:20px;color:var(--font-title-color)}.about p{margin-bottom:40px;font-style:normal;font-weight:400;font-size:20px;line-height:34px;color:#707070}.menu{text-align:center;padding:80px;background:var(--background-color)}.menu-link{width:100%;text-decoration:none;color:inherit}.menu h2{font-size:40px;margin-bottom:20px;color:var(--font-title-color)}.menu p{font-style:normal;font-weight:400;font-size:18px;color:#707070}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.menu-item{background:#fff9f1;position:relative;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding-bottom:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease}.menu-item:hover{transform:translateY(-10px)}.menu-item img{width:100%;height:218px;border-top-left-radius:5px;border-top-right-radius:5px;object-fit:cover}.menu-item h3{font-size:24px;margin:10px 0}.menu-item p{font-size:16px;color:#707070}.menu-btn{position:absolute;bottom:-25px}.price{font-size:20px;font-weight:700;margin:10px 0}.why-us{text-align:center;padding:80px;background:var(--background-color)}.why-us h2{font-size:40px;margin-bottom:20px;color:var(--font-title-color)}.why-us .title-text{font-style:normal;font-weight:400;font-size:18px;color:#707070}.why-us-text{margin:70px 0 40px}.why-us-text p{font-style:normal;font-weight:400;font-size:18px;color:#707070;margin-bottom:10px}.why-us-text .btn{margin-top:10px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.feature-item{background:#fcf1e2;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center;transition:all .3s ease}.feature-item:hover{transform:translateY(-10px)}.feature-item img{width:80px;margin-bottom:10px}.feature-item h3{font-size:22px;margin-bottom:10px;color:var(--font-title-color)}.banner{position:relative;display:flex;justify-content:center;gap:200px;background:url(/background/banner/morning-coffee-bg.png) no-repeat center/cover;align-items:center;padding:50px;color:var(--white)}.banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#603709b8;z-index:1}.banner *{position:relative;z-index:2}.banner img{width:300px;transition:all .3s ease}.banner img:hover{transform:translateY(-5px)}.banner-text{max-width:50%}.banner-text h2{font-size:42px;margin-bottom:20px}.banner-text p{font-size:24px;margin-bottom:20px}.contact-us{padding:80px;background:var(--background-color);color:var(--text-color);text-align:center}.contact-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:50px;border-radius:10px}.contact-info{flex:1;text-align:left;padding-right:50px}.contact-info h2{font-size:40px;color:var(--font-title-color)}.contact-info p{font-style:normal;font-weight:400;font-size:18px;color:#707070;line-height:40px}.contact-details p{margin:8px 0;font-size:16px;line-height:25px}.contact-form{flex:1}.contact-form form{display:flex;flex-direction:column;gap:15px}.form-group input:focus,.contact-form textarea:focus{border:1px solid var(--primary-color);outline:none}.contact-form textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:16px;resize:none;transition:border .3s ease-in-out}.contact-form button{background:var(--secondary-color);color:var(--button-text);padding:12px;font-size:16px;border:none;border-radius:20px;cursor:pointer}.contact-form button:hover{background:#e0a65f}@media screen and (max-width: 1024px){.hero{flex-direction:column;align-items:center;text-align:center;padding:0 10px 30px}.hero-title{font-size:140px;line-height:200px}.hero-content{max-width:70%;margin-top:35%;line-height:40px}.about{text-align:center;gap:40px;padding:50px 10px 20px}.about-image{display:none}.about-text{max-width:90%}.menu{padding:50px 30px 10px}.menu-grid,.feature-grid{grid-template-columns:1fr 1fr;gap:20px}.menu-item{margin-bottom:40px}.why-us{padding:50px 40px}.banner{gap:50px;padding:30px 10px 50px}.banner-text{max-width:60%}.banner img{width:200px}.contact-container{text-align:center}.contact-us{padding:20px 10px 50px}.contact-info,.contact-form{padding:20px 0}.contact-info{margin-right:10px}.form-group{flex-direction:column}}@media screen and (max-width: 768px){.hero{flex-direction:column;align-items:center;text-align:center;padding:0 10px 30px}.hero-title{font-size:140px;line-height:200px}.hero-content{max-width:70%;margin-top:35%;line-height:40px}.about{text-align:center;gap:40px;padding:50px 10px 20px}.about-image{display:none}.about-text{max-width:90%}.menu{padding:50px 30px 10px}.menu-grid,.feature-grid{grid-template-columns:1fr 1fr;gap:20px}.menu-item{margin-bottom:40px}.why-us{padding:50px 40px}.banner{gap:50px;padding:30px 10px 50px}.banner-text{max-width:60%}.banner img{width:200px}.contact-container{text-align:center}.contact-us{padding:20px 10px 50px}.contact-info,.contact-form{padding:20px 0}.contact-info{margin-right:10px}.form-group{flex-direction:column}}@media screen and (max-width: 550px){.hero{padding:0 10px 30px}.hero-title{font-size:60px;line-height:90px}.hero-content{max-width:90%;margin-top:50%}.about{padding:50px 10px 0}.about h2{font-size:32px}.menu-grid,.feature-grid{grid-template-columns:1fr}.menu{padding:80px 20px 0}.menu-item{margin-bottom:40px}.menu h2,.why-us h2,.contact-info h2{font-size:32px}.menu p,.why-us-text p,.contact-info p{font-size:16px}.menu-item h3{font-size:20px}.menu-btn{bottom:-18px}.btn{font-size:16px}.why-us{padding:40px 20px}.banner{padding:40px 10px 60px}.banner-text{max-width:90%}.banner-text h2{font-size:32px}.contact-form button{font-size:14px}.contact-container{flex-direction:column}.contact-us{padding:0 10px}.contact-form{width:100%}.form-group{flex-direction:column;gap:10px}.about-image,.banner img{display:none}}.about-container{max-width:800px;margin:auto;padding:120px 20px;text-align:center}.about-container h1{font-size:2.5rem;color:var(--text-color);margin-bottom:20px}.about-container p{font-size:1.2rem;line-height:1.8;margin-bottom:20px;color:#707070}.about-container h2{font-size:2rem;margin-top:50px;margin-bottom:30px;color:var(--text-color)}.about-container ul{list-style:none;padding:0}.about-container li{font-size:1.2rem;margin:10px 0;font-weight:500;color:#707070}.products{text-align:center;padding:80px;background:var(--background-color)}.product-link,.product-link:hover{text-decoration:none;color:inherit}.flex-box{display:flex;flex-direction:row;justify-content:center;margin:20px 0;gap:15px}.products h2{font-size:36px;margin-bottom:20px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.products-item{background:var(--white);padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.products-item:hover{transform:translateY(-5px)}.products-item img{width:100%;height:218px;border-radius:8px;object-fit:cover}.products-item h3{font-size:24px;margin:10px 0}.products-item p{font-size:16px;color:#707070}.products-item .products-price{font-size:16px;font-weight:700;color:var(--text-color)}.products-btn{background:var(--secondary-color);color:var(--button-text);padding:10px 20px;border-radius:20px;font-weight:600;text-decoration:none;display:inline-block;border:none;cursor:pointer;transition:all .3s ease}.products-btn:hover{background:#e0a65f;transform:scale(1.05)}.quantity-select{width:35px;border:1px solid #b7b7b7;border-radius:6px;font-size:12px;font-weight:300;font-family:Arial,Helvetica,sans-serif;background-color:#fdf7ef;color:#333;cursor:pointer}.quantity-select:hover{border-color:#4e4e4e}.quantity-select:focus{outline:none;border-color:#505050;box-shadow:0 0 5px #00000080}.quantity-select option{background-color:#fff;color:#333;font-size:16px;padding:10px;font-family:Arial,Helvetica,sans-serif}.btn-message-container{position:relative}.added-message{display:flex;align-items:center;justify-content:center;text-align:center;transition:opacity .4s ease-in-out;position:absolute;top:-12px;right:26px;background-color:#0000001c;padding:2px 4px;border-radius:20px}.added-message img{height:17px;width:17px}.added-message p{color:#067d62;padding:2px 4px;border-radius:5px;font-size:14px;font-weight:500;text-align:center;width:fit-content;letter-spacing:1px}@media (max-width: 1300px){.products{padding:80px 10px}.added-message{right:60px}.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.products-grid{grid-template-columns:repeat(2,1fr)}.added-message{right:40px}}@media (max-width: 600px){.products-grid{grid-template-columns:repeat(1,1fr)}.added-message{right:60px}}.product-details{max-width:80%;margin:140px auto 80px;padding:20px;background-color:#f8f1e4;border-radius:12px;box-shadow:0 4px 10px #0000001a;display:flex;line-height:40px}.product-details img{width:500px;height:400px;max-height:400px;object-fit:cover;border-radius:8px;margin-right:40px}.product-details h2{font-size:28px;color:var(--text-color);margin:15px 0}.product-details p{font-size:18px;color:#444;margin-bottom:10px}.product-details .price{color:var(--text-color)}.quantity-selector{margin:15px 0}.quantity-selector label{font-size:18px;color:#5a3e2b;margin-right:10px}.quantity-selector select{width:45px;height:30px;border:1px solid #b7b7b7;border-radius:6px;font-size:14px;font-weight:300;font-family:Arial,Helvetica,sans-serif;background-color:#fdf7ef;color:#333;cursor:pointer}.quantity-selector option{background-color:#fff;color:#333;font-size:16px;padding:10px;font-family:Arial,Helvetica,sans-serif}.product-details button{background:var(--secondary-color);color:var(--button-text);padding:10px 20px;margin-left:20px;border-radius:20px;font-weight:600;text-decoration:none;display:inline-block;border:none;cursor:pointer;transition:all .3s ease}.product-details button:hover{background:#e0a65f;transform:scale(1.05)}.quantity-and-button{display:flex;align-items:center}.added-message-details{display:flex;align-items:center;justify-content:center;text-align:center;transition:opacity .4s ease-in-out;background-color:#0000001c;padding:2px 4px;border-radius:20px;margin-left:10px}.added-message-details img{height:17px;width:17px;margin:0}.added-message-details p{color:#067d62;padding-left:5px;border-radius:5px;font-size:14px;font-weight:500;text-align:center;width:fit-content;letter-spacing:1px;margin:0}@media (max-width: 1024px){.product-details{flex-direction:column;align-items:center;text-align:center;padding:15px;max-width:90%}.product-details img{width:100%;max-height:350px}.product-info{width:90%}.quantity-and-button{justify-content:center;align-items:center}.product-details button{width:20%}.added-message-details{display:none}}@media (max-width: 768px){.product-details{flex-direction:column;align-items:center;text-align:center;padding:10px}.product-details img{width:100%;max-height:300px}.product-info{width:100%}.product-details button{width:20%}}@media (max-width: 550px){.product-details{padding:5px}.product-details img{max-height:250px}.product-info h2{font-size:24px}.product-info p,.quantity-selector label{font-size:16px}.product-details button{width:40%;font-size:16px;padding:8px 15px}}.contact-us-page{padding:80px;background:var(--background-color);color:var(--text-color);text-align:center;height:100vh;display:flex;align-items:center;justify-content:center}.contact-page-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:50px;border-radius:10px}.contact-page-info{flex:1;text-align:left;padding-right:50px}.contact-page-info h2{font-size:40px;margin-bottom:20px;color:var(--font-title-color)}.contact-page-info p{font-style:normal;font-weight:400;font-size:18px;color:#707070;line-height:40px}.contact-page-details p{margin:8px 0;font-size:16px;line-height:35px}.contact-page-form{flex:1}.contact-page-form form{display:flex;flex-direction:column;gap:30px}.form-group{display:flex;gap:15px}.form-group input{flex:1;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:16px;transition:border .3s ease-in-out}.form-group input:focus,.contact-page-form textarea:focus{border:1px solid var(--primary-color);outline:none}.contact-page-form textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:16px;resize:none;transition:border .3s ease-in-out}.contact-page-form button{background:var(--secondary-color);color:var(--button-text);padding:12px;font-size:16px;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease}.contact-page-form button:hover{background:#e0a65f}@media screen and (max-width: 1024px){.contact-us-page{padding:140px 60px 60px;height:auto}.contact-page-container{padding:40px;gap:30px}.contact-page-info h2{font-size:35px}.contact-page-info p{font-size:16px;line-height:35px}.form-group{gap:10px}}@media screen and (max-width: 768px){.contact-us-page{padding:100px 40px 60px;height:auto}.contact-page-container{flex-direction:column;text-align:center;padding:30px}.contact-page-info{padding-right:0;max-width:100%}.contact-page-info h2{font-size:30px}.contact-page-info p{font-size:16px;line-height:30px}.contact-page-form{width:100%}.form-group{flex-direction:column;gap:10px}.form-group input{width:100%}}@media screen and (max-width: 550px){.contact-us-page{padding:100px 10px 60px}.contact-page-container{padding:20px}.contact-page-info h2{font-size:26px}.contact-page-info p{font-size:14px;line-height:28px}.contact-page-details p{font-size:14px;line-height:25px}.contact-page-form button{font-size:14px;padding:10px}}.checkout-page{margin-top:120px;margin-bottom:100px}body.modal-open{overflow:auto!important}.checkout-page h1{text-align:center;margin-bottom:10px;font-size:1.8rem}.checkout-container{display:flex;max-width:900px;margin:auto;padding:20px;gap:30px}.order-summary{flex:1;background:#feeed7;padding:15px 15px 40px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.order-summary h2{margin-bottom:10px}.order-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #ddd}.order-item a{color:inherit;text-decoration:none}.order-item a:hover{text-decoration:underline}.product-image{width:100px;height:100px;border-radius:8px;object-fit:cover;margin-right:15px}.item-details{flex:1}.item-details h3{font-size:16px;margin:0}.item-details p{margin:5px 0}.quantity-container{display:flex;align-items:center;text-align:center;gap:10px;margin:0}.update-btn,.save-btn,.delete-btn{cursor:pointer;color:#595959;font-size:14px;display:flex}.update-btn{padding-left:15px}.update-btn:hover,.save-btn:hover{color:#11f}.delete-btn:hover{color:red}.quantity-input{width:45px;margin-left:5px;font-family:Arial,Helvetica,sans-serif;padding:2px;border-radius:6px;border:1px solid #b7b7b7;background-color:#fdf7ef;color:#333}.input-save-qty{display:flex;align-items:center;text-align:center;gap:10px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:40px}.cart-empty-image{width:80px;height:auto;margin-bottom:10px}.cart-empty-title{font-size:18px;font-weight:700;color:var(--text-color)}.cart-empty-message{font-size:16px;color:gray}.checkout-details{flex:1;background:#fdf7ef;max-height:fit-content;padding:20px 20px 40px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.checkout-details h2{margin-bottom:15px}.total{font-size:18px;font-weight:700;margin-bottom:20px}.checkout-form{display:flex;flex-direction:column;gap:10px}.checkout-form input,.checkout-form textarea,.checkout-form select{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%}.checkout-form button{background-color:var(--secondary-color);color:var(--button-text);padding:12px;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.checkout-form button:hover{background-color:#e0a65f;transform:scale(1.05)}.checkout-modal-title{margin:16px 0 20px;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:1.2rem;line-height:1.5;letter-spacing:.00938em;display:block}.checkout-modal-desc{margin:16px 0 0;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:1rem;line-height:1.5;letter-spacing:.00938em}.info-container{flex:1;background:#feeed7;padding:180px 15px 40px;border-radius:8px;box-shadow:0 4px 6px #0000001a;justify-content:center;display:flex}.error-cart{color:red;font-size:20px;margin-top:-100px}@media screen and (max-width: 650px){.checkout-container{flex-direction:column}.info-container{padding:90px 15px}.error-cart{margin-top:0}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#f8f8f8;color:#333;font-family:Arial,sans-serif}.not-found-container h1{font-size:72px;margin-bottom:10px}.not-found-container p{font-size:18px;margin-bottom:20px}.not-found-container .home-button{display:inline-block;padding:12px 24px;background-color:#8b5e3b;color:#fff;text-decoration:none;font-size:16px;border-radius:50px;transition:background .3s ease}.not-found-container .home-button:hover{background-color:#6a4226}.welcome-admin{display:flex;flex-direction:column;justify-content:center;align-items:center}.form-title{text-align:center;margin-bottom:1.5rem;font-weight:600;font-size:1.5rem;color:#1a1a1a;font-family:Arial,sans-serif}.admin-form{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;background:#f9f9f9;padding:2rem;border-radius:8px;box-shadow:0 0 8px #0000001a}.admin-form input::placeholder,.admin-form textarea::placeholder{font-family:Arial,sans-serif;color:#999;font-size:.95rem}.admin-form label{display:flex;flex-direction:column;font-weight:600;color:#333;font-family:sans-serif}.admin-form input,.admin-form textarea{font-family:Arial,sans-serif;padding:.5rem;font-size:1rem;margin-top:.3rem;border:1px solid #ccc;border-radius:4px;width:100%}.admin-form textarea{resize:vertical;grid-column:span 1}.button-wrapper{grid-column:span 2;display:flex;justify-content:center}.admin-form button{width:15%;padding:.75rem;font-size:1rem;font-weight:700;background-color:#036;color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:Arial,sans-serif}.admin-form button:hover{background-color:#001f4d}.notification-container{position:fixed;top:70px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:1rem}.notification{padding:1rem 1.25rem;border-radius:5px;min-width:280px;max-width:300px;font-weight:500;font-family:sans-serif;box-shadow:0 2px 8px #0000001a;animation:slideIn .3s ease-out}.notification.success{background-color:#e6ffed;color:#237804;border-left:5px solid #52c41a}.notification.error{background-color:#fff1f0;color:#cf1322;border-left:5px solid #f5222d}@keyframes slideIn{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0)}}.no-link-style{color:inherit;text-decoration:none;cursor:pointer;font-family:Arial,Helvetica,sans-serif}.search-bar{margin-left:10px;padding:.5rem 1rem;width:300px;font-size:16px;border-radius:8px;border:1px solid #ccc;outline:none;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;font-family:Arial,Helvetica,sans-serif}.search-bar:focus{border-color:#000;box-shadow:0 0 5px #00254c80}.auth-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-image:url(/background/hero/hero-bg.png);background-size:cover;background-repeat:no-repeat;background-position:top;z-index:1;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000091;z-index:-1}.auth-form{width:35%;margin-top:80px;display:flex;height:100vh;align-items:center;justify-content:center;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}.form-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.form-container{background-color:#fff;padding:20px 40px 30px;border-radius:12px;box-shadow:0 4px 12px #0006;width:100%;max-width:400px}.form-title{font-family:var(--font-body);color:var(--font-title-color);text-align:center;margin-bottom:10px;font-size:24px}form label{font-weight:700;font-size:15px}form input{width:100%;padding:12px;margin-bottom:16px;border:2px solid #b3b3b3;border-radius:8px;font-size:14px;font-family:Arial,Helvetica,sans-serif}form button{width:100%;padding:12px;margin-top:10px;background-color:var(--secondary-color);color:#000;border:none;border-radius:20px;font-size:16px;cursor:pointer;transition:background-color .2s ease;font-weight:700}form button:hover{opacity:.7}.login-link{text-align:center;margin-top:16px;font-size:15px;color:#555}.login-link a{color:#007bff;text-decoration:none}.login-link a:hover{text-decoration:underline}.success-toast{position:fixed;top:100px;right:15px;background:#28a745;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;box-shadow:0 4px 12px #28a74566;font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:.02em;z-index:10000;opacity:0;transform:translate(120%);animation:toastSlideIn .3s ease forwards;pointer-events:auto;-webkit-user-select:none;user-select:none}@keyframes toastSlideIn{to{opacity:1;transform:translate(0)}}.error{color:red;font-size:.85rem;display:block;margin-bottom:10px;margin-top:-10px;font-weight:300;font-family:Arial,Helvetica,sans-serif}.general-error{margin-top:10px}.auth-menu{position:relative;display:inline-block}.auth-menu a{text-decoration:none;font-size:18px;font-weight:600}.auth-menu:hover{transform:scale(1.05)}.auth-menu.home a{color:#fff}.auth-menu.nothome a{color:inherit}.auth-menu.home a:hover,.auth-menu.nothome a:hover{color:var(--secondary-color)}.avatar-container{width:35px;height:35px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid #ccc;margin-top:5px}.avatar{width:100%;height:100%;object-fit:cover}.dropdown-menu{position:absolute;top:55px;right:-29px;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:10px;box-shadow:0 4px 8px #0003;z-index:1000;display:flex;flex-direction:column}.dropdown-menu:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ccc}.dropdown-menu:after{content:"";position:absolute;top:-11px;left:50%;transform:translate(-50%);border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid #ccc}.dropdown-menu a,.dropdown-menu button{background:none;border:none;padding:5px 10px;text-align:center;cursor:pointer;font-size:16px;text-decoration:none;color:#000}.dropdown-menu button:hover,.dropdown-menu a:hover{background-color:#f0f0f0}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:40px}.eye-toggle{position:absolute;right:0;top:-10px;width:50px;background:none;border:none;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1024px){.auth-menu{margin-bottom:10px;margin-top:10px}.auth-menu a{font-size:16px}.auth-menu.nothome a{color:#fff}.auth-container img{display:none}.auth-form{width:80%}.form-container{background-color:#fff;padding:40px 30px 50px;border-radius:12px;box-shadow:0 4px 12px #0006;width:100%;max-width:400px}.form-title{margin-bottom:15px;font-size:26px}form label{font-size:18px}form input{font-size:16px}.login-link{margin-top:16px;font-size:16px}.eye-toggle{top:-10px}}@media screen and (max-width: 550px){.eye-toggle{top:-10px}}@media screen and (max-width: 400px){.eye-toggle{top:-10px}}.user-profile-page{width:100%;padding:40px;background-color:#f9f9f9;box-sizing:border-box;font-family:Segoe UI,sans-serif;margin-top:90px}.user-profile-wrapper{display:flex;max-width:1200px;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f;overflow:hidden}.user-left{flex:1;min-width:250px;max-width:300px;background-color:#e9eff5;padding:40px 20px;display:flex;flex-direction:column;align-items:center;border-right:1px solid #ddd}.user-avatar-large{width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:30px;border:4px solid #fff;box-shadow:0 4px 12px #0000001a}.btn-profile{padding:10px 24px;margin-top:15px;width:70%;font-weight:600;font-size:15px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:inline-block;text-align:center;letter-spacing:.3px;box-shadow:0 2px 4px #0000000a;border:1px solid transparent}.icon-btn{display:flex;align-items:center;justify-content:center;gap:8px}.icon{font-size:16px;vertical-align:middle}.btn-profile.primary{background-color:#2563eb;color:#fff;border:1px solid #2563eb}.btn-profile.primary:hover{background-color:#1e40af;border-color:#1e40af;box-shadow:0 0 0 3px #2563eb26}.btn-profile.danger{background-color:#ef4444;color:#fff;border:1px solid #ef4444}.btn-profile.danger:hover{background-color:#b91c1c;border-color:#b91c1c;box-shadow:0 0 0 3px #ef444426}.user-right{flex:2;padding:40px}.user-info-section h2{margin:0;font-size:28px}.user-info-section .muted{color:#777;margin:4px 0}.role-tag{margin-top:10px;display:inline-block;background-color:#eef2f7;padding:6px 12px;border-radius:6px;font-size:14px;color:#555}.divider{height:1px;background-color:#eee;margin:30px 0}.user-stats-section{display:flex;gap:40px;flex-wrap:wrap}.stat-box{flex:1;min-width:100px;text-align:center}.stat-box h4{font-size:24px;color:#222;margin-bottom:5px}.stat-box p{color:#888}.settings-section h3{margin-bottom:15px}.settings-section ul{list-style:none;padding:0}.settings-section li{padding:8px 0;color:#555;cursor:pointer;border-bottom:1px solid #eee;transition:color .2s ease}.settings-section li:hover{color:#07c}@media (max-width: 768px){.user-profile-wrapper{flex-direction:column}.user-left{border-right:none;border-bottom:1px solid #ddd;max-width:100%}.user-stats-section{flex-direction:column;gap:20px}}