.slider{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#17232a;background-image:radial-gradient(#fff3,transparent 50%);margin-top:-50px}.slider .list{position:absolute;width:max-content;height:100%;display:flex;justify-content:start;align-items:center;transition:transform .8s}.slider .list .item{width:calc(var(--radius) * 2);text-align:center;transform:rotate(45deg);transition:transform 1s}.slider .list .item.active{transform:rotate(0)}.slider .list .item img{width:90%;filter:drop-shadow(0 0 20px #000)}.slider .content{position:absolute;bottom:5%;left:50%;transform:translate(-50%);text-align:center;color:#eee;width:max-content}.slider .content div:nth-child(2){font-size:5rem;text-transform:uppercase;letter-spacing:10px;font-weight:700;position:relative}.slider .content div:nth-child(2):before{position:absolute;left:60%;bottom:50%;width:80px;height:80px;content:"";background-image:url(/img/leaves.png);background-size:cover;background-repeat:no-repeat}.slider .content div:nth-child(1){text-align:left;text-transform:uppercase;transform:translateY(20px)}.slider .content button{border:1px solid #eee5;background:transparent;color:#eee;font-family:Poppins;letter-spacing:5px;border-radius:20px;padding:10px 20px}#prev,#next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid #eee9;background-color:#eee5;color:#eee;font-size:x-large;font-family:monospace;cursor:pointer;z-index:15}#prev{left:20px}#next{right:20px}.content{padding-top:20px}.mainTitle{font-family:Cambria,Georgia,serif;color:#c6c0c0}.content2{display:flex;gap:1rem;margin-bottom:1rem;flex-direction:column;justify-content:center;align-items:center}.content2 h1{font-size:3.5rem;color:#fff;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,#fff,#949494);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content2 p{font-size:1.2rem;color:#b8b8b8;margin-bottom:2.5rem;line-height:1.6}.container2{display:flex;align-items:center;justify-content:space-around;padding:2rem;min-height:100vh;gap:1rem;flex-wrap:wrap}.Reserv{color:#b8b8b8;display:flex;justify-content:center;margin-top:2rem;gap:10px;align-items:center}.reservation-form-section h2{font-size:42px}.form-group input{background-color:#b8b8b8;border-radius:20px;padding:5px;margin:5px;border:none;width:15rem}.form-group-inline input,.form-group select{background-color:#b8b8b8;border-radius:20px;padding:5px;margin:5px;border:none}.form-group-text textarea{background-color:#b8b8b8;border-radius:20px;padding:5px;margin:5px;border:none;width:20rem;height:10rem}.form-group label{text-align:center;font-weight:700;margin-bottom:.5rem}.form-group-text{display:flex;align-items:center;gap:10px}.button-sub{background-color:#cc8a10;border-radius:20px;padding:10px;border:none;font-size:30px;width:30rem;margin:15px auto 40px;display:block}.button-sub:hover{background-color:#805300;cursor:pointer}.reservation-container{width:100vw;min-height:100vh;overflow-x:hidden;position:relative;background-color:#17232a;margin-top:-50px;padding-top:50px}.circle{pointer-events:none;position:absolute;top:0%;left:0%;width:100%;height:100%;-webkit-mask:radial-gradient(var(--radius),transparent 100%,#000);mask:radial-gradient(var(--radius),#0000 98%,#000);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(calc(var(--radius) + 1px),#eee5 100%,#eee2)}.circle span{display:block;position:absolute;height:calc(var(--radius) * 2 + 50px);top:50%;left:50%;--rotate: 50deg;transform:translate(-50%,-50%) rotate(var(--rotate));text-transform:uppercase;color:#fff;font-size:small;animation:circleRotate 20s linear infinite}@keyframes circleRotate{to{transform:translate(-50%,-50%) rotate(calc(var(--rotate) + 360deg))}}.content2 h1{font-size:3.5rem;color:#fff;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,#fff,#949494);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.content2 p{font-size:1.2rem;color:#b8b8b8;margin-bottom:2.5rem;line-height:1.6;text-align:center;max-width:600px}.reservation-form{width:100%;max-width:500px}.form-group{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.form-group label{color:#b8b8b8;font-weight:700;margin-bottom:.5rem;font-size:.9rem;text-align:left;align-self:flex-start}.form-group input,.form-group select,.form-group textarea{background-color:#b8b8b8;border-radius:20px;padding:12px 15px;margin-bottom:5px;border:none;font-family:Poppins;font-size:14px;color:#333;transition:all .3s ease;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;background-color:#e8e8e8;transform:scale(1.02);border:2px solid rgb(204,138,16)}.form-group textarea{resize:vertical;min-height:100px;border-radius:15px}.form-group input.error,.form-group select.error{background-color:#ffb3b3;border:2px solid #ff6b6b}.error-message{color:#ff6b6b;font-size:.8rem;margin-top:-5px;margin-bottom:5px}.button-sub{background-color:#cc8a10;border-radius:20px;padding:15px 30px;border:none;font-size:18px;font-weight:700;color:#fff;width:100%;margin:20px 0;cursor:pointer;font-family:Poppins;letter-spacing:1px;transition:all .3s ease;text-transform:uppercase}.button-sub:hover{background-color:#a06c0c;transform:translateY(-2px);box-shadow:0 5px 15px #cc8a104d}.button-sub:active{transform:translateY(0)}.Reserv{color:#b8b8b8;display:flex;justify-content:center;margin-top:1rem;font-size:.9rem;font-style:italic}@media (max-width: 768px){.content2 h1{font-size:2.5rem}.content2 p{font-size:1rem;margin-bottom:2rem}.form-group{min-width:100%}.container2{padding:1rem}header{padding:5px 20px;flex-direction:column;height:auto;gap:10px}header nav ul{gap:15px}.reservation-container{margin-top:-80px;padding-top:80px}}@media (max-width: 480px){.content2 h1{font-size:2rem}.form-group input,.form-group select,.form-group-full textarea{padding:10px 12px}.button-sub{font-size:16px;padding:12px 20px}header nav ul{flex-direction:column;gap:5px;text-align:center}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirmation-modal{background-color:#17232a;border-radius:20px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 30px #00000080;border:2px solid rgb(204,138,16);position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h2{font-size:2rem;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#949494);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Poppins}.modal-content p{font-size:1.1rem;color:#b8b8b8;margin-bottom:2rem;line-height:1.5}.modal-button{background-color:#cc8a10;border-radius:20px;padding:12px 30px;border:none;font-size:16px;font-weight:700;color:#fff;cursor:pointer;font-family:Poppins;letter-spacing:1px;transition:all .3s ease;text-transform:uppercase}.modal-button:hover{background-color:#a06c0c;transform:translateY(-2px);box-shadow:0 5px 15px #cc8a104d}.modal-button:active{transform:translateY(0)}.order-container{background-color:#17232a;min-height:100vh;color:#fff;font-family:Poppins}.order-content{padding:2rem;margin-top:2rem}.order-header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.order-title{font-size:3.5rem;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#949494);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;margin:0 auto 1rem}.order-subtitle{font-size:1.2rem;color:#b8b8b8;margin-bottom:2rem;line-height:1.6}.cart-button{position:fixed;top:100px;right:30px;z-index:1000;background-color:#cc8a10;color:#fff;border:none;border-radius:50px;padding:15px 20px;font-size:16px;cursor:pointer;box-shadow:0 4px 15px #0000004d;display:flex;align-items:center;gap:10px;font-family:Poppins;font-weight:700;transition:all .3s ease}.cart-button:hover{background-color:#a06c0c;transform:translateY(-2px);box-shadow:0 6px 20px #cc8a1066}.category-filter{display:flex;justify-content:center;gap:20px;margin-bottom:3rem;flex-wrap:wrap}.category-button{background-color:transparent;color:#b8b8b8;border:2px solid #b8b8b8;border-radius:25px;padding:10px 20px;font-size:16px;cursor:pointer;transition:all .3s ease;font-family:Poppins;font-weight:500}.category-button.active{background-color:#cc8a10;color:#fff;border:2px solid rgb(204,138,16)}.category-button:hover{background-color:#cc8a10;color:#fff;border-color:#cc8a10;transform:translateY(-2px)}.menu-item-img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:3px solid rgb(204,138,16)}white; border: 2px solid rgb(204,138,16); } .category-button:hover{background-color:#cc8a10;color:#fff;border-color:#cc8a10;transform:translateY(-2px)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.menu-item{background-color:#1a2832;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0003;transition:transform .3s ease,box-shadow .3s ease}.menu-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.menu-item-image{font-size:3rem;text-align:center;margin-bottom:10px}.menu-item-title{color:#fff;font-size:1.5rem;margin-bottom:10px;text-align:center;font-weight:600}.menu-item-description{color:#b8b8b8;font-size:.9rem;line-height:1.5;margin-bottom:15px;text-align:center}.menu-item-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.menu-item-price{color:#cc8a10;font-size:1.5rem;font-weight:700}.quantity-controls{display:flex;align-items:center;gap:10px}.quantity-button{background-color:#b8b8b8;color:#333;border:none;border-radius:5px;width:30px;height:30px;cursor:pointer;transition:all .2s ease;font-weight:700}.quantity-button:hover{background-color:#949494;transform:scale(1.1)}.quantity-display{color:#fff;min-width:20px;text-align:center;font-weight:700}.add-to-cart-button{background-color:#cc8a10;color:#fff;border:none;border-radius:25px;padding:12px 25px;font-size:16px;cursor:pointer;width:100%;font-family:Poppins;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.add-to-cart-button:hover{background-color:#a06c0c;transform:translateY(-2px);box-shadow:0 5px 15px #cc8a104d}.add-to-cart-button:active{transform:translateY(0)}.cart-overlay{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#00000080;z-index:1999;opacity:0;visibility:hidden;transition:all .3s ease}.cart-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background-color:#1a2832;z-index:2000;padding:20px;box-shadow:-5px 0 15px #0000004d;overflow-y:auto;transition:right .3s ease}.cart-sidebar.active{right:0}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgb(204,138,16)}.cart-title{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.cart-close{background-color:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;transition:color .3s ease}.cart-close:hover{color:#cc8a10}.cart-empty{color:#b8b8b8;text-align:center;font-style:italic;margin-top:50px}.cart-item{background-color:#17232a;padding:15px;margin-bottom:10px;border-radius:10px;border-left:4px solid rgb(204,138,16)}.cart-item-title{color:#fff;margin:0 0 5px;font-weight:600}.cart-item-price{color:#b8b8b8;margin:0 0 10px;font-size:.9rem}.cart-item-controls{display:flex;align-items:center;gap:10px}.cart-quantity-button{background-color:#cc8a10;color:#fff;border:none;border-radius:5px;width:30px;height:30px;cursor:pointer;font-weight:700;transition:all .2s ease}.cart-quantity-button:hover{background-color:#a06c0c;transform:scale(1.1)}.cart-remove-button{background-color:#ff6b6b;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;margin-left:auto;font-size:.8rem;transition:all .3s ease}.cart-remove-button:hover{background-color:#ff5252;transform:translateY(-1px)}.cart-item-subtotal{color:#fff;margin:10px 0 0;font-weight:700;text-align:right}.cart-total{border-top:2px solid rgb(204,138,16);padding-top:15px;margin-top:20px}.cart-total-price{color:#fff;text-align:center;font-size:1.3rem;margin-bottom:15px;font-weight:700}.checkout-button{background-color:#cc8a10;color:#fff;border:none;border-radius:25px;padding:15px 30px;font-size:18px;cursor:pointer;width:100%;font-family:Poppins;font-weight:700;margin-top:10px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.checkout-button:hover{background-color:#a06c0c;transform:translateY(-2px);box-shadow:0 5px 15px #cc8a104d}@media (max-width: 768px){.order-title{font-size:2.5rem}.order-subtitle{font-size:1rem;margin-bottom:2rem}.order-content{padding:1rem}.menu-grid{grid-template-columns:1fr;gap:1.5rem}.category-filter{gap:10px}.category-button{padding:8px 16px;font-size:14px}.cart-button{top:80px;right:15px;padding:12px 16px;font-size:14px}.cart-sidebar{width:100%;right:-100%}header{padding:5px 20px;flex-direction:column;height:auto;gap:10px}header nav ul{gap:15px}}@media (max-width: 480px){.order-title{font-size:2rem}.menu-item{padding:15px}.menu-item-title,.menu-item-price{font-size:1.3rem}.add-to-cart-button{font-size:14px;padding:10px 20px}.category-button{padding:6px 12px;font-size:12px}header nav ul{flex-direction:column;gap:5px;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-item{animation:fadeIn .6s ease-out}.menu-item:nth-child(2n){animation-delay:.1s}.menu-item:nth-child(odd){animation-delay:.2s}.cart-sidebar::-webkit-scrollbar{width:6px}.cart-sidebar::-webkit-scrollbar-track{background:#17232a}.cart-sidebar::-webkit-scrollbar-thumb{background:#cc8a10;border-radius:3px}.cart-sidebar::-webkit-scrollbar-thumb:hover{background:#a06c0c}.cart-sidebar{position:fixed;top:0;right:-450px;width:400px;height:100vh;background-color:#1a2832;z-index:2000;padding:20px;box-shadow:-5px 0 15px #0000004d;overflow-y:auto;transition:right .3s ease;opacity:0;visibility:hidden}.cart-sidebar.active{right:0;opacity:1;visibility:visible}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1999;opacity:0;visibility:hidden;transition:all .3s ease}.cart-overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.cart-sidebar{width:100%;right:-100%}.cart-sidebar.active{right:0}}body{margin:0;font-family:Poppins}header{height:50px;display:flex;justify-content:space-between;align-items:center;padding:5px 50px;box-sizing:border-box;position:relative;z-index:10}header nav ul{padding:0;margin:0;list-style:none;display:flex;gap:30px}:root{--width-circle: 150vw;--radius: calc(100vw / 6)}.top-title{font-family:Trebuchet MS,Arial,sans-serif;color:#c6c0c0df}.top-title a{text-decoration:none;color:inherit}nav ul.top-title li a{text-decoration:none;color:inherit}.contact-container{width:100vw;min-height:100vh;overflow-x:hidden;position:relative;background-color:#17232a;margin-top:-50px;padding-top:50px}.container2{display:flex;align-items:center;justify-content:center;padding:2rem;min-height:100vh;position:relative;z-index:5}.content2{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:800px;width:100%}.content2 h1{font-size:3.5rem;color:#fff;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,#fff,#949494);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;animation:titleSlideDown .8s ease-out}@keyframes titleSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.content2>p{font-size:1.2rem;color:#b8b8b8;margin-bottom:2.5rem;line-height:1.6;text-align:center;max-width:600px;animation:fadeInUp .8s ease-out .2s both}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#ffffff14,#cc8a100d);border-radius:25px;border:1px solid rgba(204,138,16,.4);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInUp .8s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.info-item{text-align:center;padding:1.5rem;background:#ffffff08;border-radius:20px;transition:all .4s ease;border:1px solid transparent;position:relative;overflow:hidden}.info-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(204,138,16,.1),transparent);transition:left .6s ease}.info-item:hover:before{left:100%}.info-item:hover{transform:translateY(-10px) scale(1.02);border-color:#cc8a1080;box-shadow:0 15px 35px #cc8a1033;background:#ffffff14}.info-item h3{color:#cc8a10;font-size:1.3rem;margin-bottom:.8rem;font-weight:700;animation:fadeInScale .6s ease-out .2s both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.info-item p{color:#b8b8b8;font-size:1rem;line-height:1.6;margin:0;animation:fadeInUp .6s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.additional-info{width:150%;margin-bottom:1rem;display:flex;justify-content:center}.info-section{background:linear-gradient(135deg,#ffffff0d,#cc8a1008);border-radius:20px;padding:2rem;margin-bottom:1.5rem;border-left:4px solid rgb(204,138,16);position:relative;overflow:hidden;text-align:center}.info-section h3{color:#cc8a10;font-size:1.4rem;margin-bottom:1rem;font-weight:700;position:relative;z-index:2;text-align:center}.info-section p{color:#b8b8b8;font-size:1.1rem;line-height:1.8;margin:0;position:relative;z-index:2;text-align:center;padding-left:4rem;padding-right:5rem}.contact-footer{color:#b8b8b8;text-align:center;margin-top:3rem;font-size:1.1rem;animation:fadeIn 1s ease-out .8s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-footer p{margin-bottom:1.5rem;font-size:1.2rem;color:#d0d0d0}.social-links{display:flex;justify-content:center;gap:2.5rem;margin-top:1.5rem}.social-links span{color:#cc8a10;font-size:1.2rem;cursor:pointer;transition:all .3s ease;padding:.8rem 1.2rem;border:2px solid transparent;border-radius:15px;background:#ffffff08;position:relative;overflow:hidden;animation:bounceIn .6s ease-out var(--social-delay) both}.social-links span:nth-child(1){--social-delay: .9s}.social-links span:nth-child(2){--social-delay: 1.1s}.social-links span:nth-child(3){--social-delay: 1.3s}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(50px)}50%{opacity:1;transform:scale(1.05) translateY(-10px)}70%{transform:scale(.95) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.social-links span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#cc8a101a,#cc8a104d);transform:scale(0);transition:transform .3s ease;border-radius:15px;z-index:-1}.social-links span:hover:before{transform:scale(1)}.social-links span:hover{transform:scale(1.1) translateY(-5px);border-color:#cc8a1099;color:#fff;text-shadow:0 0 10px rgba(204,138,16,.5)}@media (max-width: 768px){.content2 h1{font-size:2.5rem}.content2>p{font-size:1rem;margin-bottom:2rem}.contact-info{grid-template-columns:1fr;padding:1.5rem;margin-bottom:2rem;margin-top:2rem}.hours-section{padding:2rem;margin-bottom:3rem}.hours-section .info-item{padding:2rem}.hours-section .info-item h3{font-size:1.7rem;margin-bottom:1.2rem}.hours-section .info-item p{font-size:1.1rem;line-height:1.8}.location-section{padding:1.5rem;margin-bottom:2rem}.map-container{height:200px}.additional-info{margin-bottom:2rem}.social-links{flex-direction:column;gap:1rem}.container2{padding:1rem}header{padding:5px 20px;flex-direction:column;height:auto;gap:10px}header nav ul{gap:15px}.contact-container{margin-top:-80px;padding-top:80px}}@media (max-width: 480px){.content2 h1{font-size:2rem}header nav ul{flex-direction:column;gap:5px;text-align:center}.contact-info{padding:1rem}.hours-section,.hours-section .info-item{padding:1.5rem}.hours-section .info-item h3{font-size:1.5rem;margin-bottom:1rem}.hours-section .info-item p{font-size:1rem;line-height:1.6}.location-section{padding:1rem}.map-container{height:180px}.map-pin{font-size:2.5rem}.map-text{font-size:.9rem}.info-item{padding:.5rem}.info-section{padding:1rem}}.hours-section{display:flex;padding:1rem}.info-item1{padding-top:.5rem;padding-left:5rem;padding-right:5rem}.contact-footer p{color:#949494}.checkout-container{background-color:#17232a;min-height:100vh;color:#fff;font-family:Poppins,sans-serif}.checkout-nav{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 50px;background-color:#1a2832;border-bottom:2px solid rgb(204,138,16)}.checkout-brand a{color:#cc8a10;text-decoration:none;font-size:1.2rem;font-weight:700}.back-btn{background-color:transparent;color:#b8b8b8;border:2px solid #b8b8b8;border-radius:25px;padding:8px 16px;cursor:pointer;transition:all .3s ease;font-family:Poppins}.back-btn:hover{background-color:#cc8a10;color:#fff;border-color:#cc8a10}.checkout-content{padding:2rem;max-width:1200px;margin:0 auto}.progress-bar{display:flex;justify-content:center;margin-bottom:3rem;position:relative}.progress-bar:before{content:"";position:absolute;top:20px;left:25%;right:25%;height:2px;background-color:#b8b8b8;z-index:1}.step{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:2;flex:1;max-width:150px}.step-number{width:40px;height:40px;border-radius:50%;background-color:#b8b8b8;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.step.completed .step-number{background-color:#cc8a10;color:#fff}.step-label{font-size:.9rem;color:#b8b8b8;font-weight:500}.step.completed .step-label{color:#cc8a10}.checkout-main{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.checkout-section{background-color:#1a2832;border-radius:15px;padding:30px;box-shadow:0 5px 15px #0003}.checkout-header{text-align:center;margin-bottom:2rem}.checkout-header h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.checkout-header p{color:#b8b8b8;font-size:1rem}.auth-form,.delivery-form,.card-form{display:flex;flex-direction:column;gap:20px}.form-group textarea{resize:vertical;min-height:80px}.checkout-btn{background-color:#cc8a10;color:#fff;border:none;border-radius:25px;padding:15px 30px;font-size:1rem;cursor:pointer;font-family:Poppins;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.checkout-btn:hover:not(:disabled){background-color:#a06c0c;transform:translateY(-2px);box-shadow:0 5px 15px #cc8a104d}.checkout-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.link-btn{background:none;border:none;color:#cc8a10;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit;margin-left:5px}.link-btn:hover{color:#a06c0c}.auth-switch{text-align:center;margin-top:20px}.auth-switch p{color:#b8b8b8;font-size:.9rem}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.payment-option{position:relative}.payment-method{display:flex;align-items:center;gap:15px;padding:20px;border:2px solid #b8b8b8;border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#17232a}.payment-method:hover{border-color:#cc8a10;background-color:#cc8a101a}.payment-method.selected{border-color:#cc8a10;background-color:#cc8a1033}.payment-method input[type=radio]{display:none}.payment-icon{font-size:1.5rem}.payment-method span:last-child{color:#fff;font-weight:500}.order-summary-sidebar{background-color:#1a2832;border-radius:15px;padding:25px;box-shadow:0 5px 15px #0003;position:sticky;top:20px}.order-summary-sidebar h3{color:#fff;margin-bottom:20px;text-align:center;font-size:1.3rem}.cart-items{margin-bottom:20px}.summary-item{display:grid;grid-template-columns:2fr auto auto;gap:10px;padding:10px 0;border-bottom:1px solid #b8b8b8;align-items:center}.summary-item:last-child{border-bottom:none}.item-name{color:#fff;font-size:.9rem}.item-quantity{color:#b8b8b8;font-size:.8rem}.item-price{color:#cc8a10;font-weight:700;text-align:right}.summary-totals{border-top:2px solid rgb(204,138,16);padding-top:15px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#b8b8b8}.summary-row.total{color:#fff;font-weight:700;font-size:1.1rem;border-top:1px solid #b8b8b8;margin-top:10px;padding-top:15px}.summary-row.total span:last-child{color:#cc8a10}.confirmation-content{text-align:center;padding:2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.confirmation-content h2{color:#cc8a10;margin-bottom:1rem}.confirmation-content p{color:#b8b8b8;margin-bottom:2rem;font-size:1.1rem}.order-summary{background-color:#17232a;border-radius:10px;padding:20px;margin:20px 0;border-left:4px solid rgb(204,138,16)}.order-summary h3{color:#fff;margin-bottom:15px}.order-details p{color:#b8b8b8;margin:8px 0;text-align:left}.order-details strong{color:#fff}@media (max-width: 768px){.checkout-nav{flex-direction:column;height:auto;gap:15px;padding:15px 20px}.checkout-content{padding:1rem}.checkout-main{grid-template-columns:1fr;gap:2rem}.order-summary-sidebar{position:static;order:-1}.progress-bar{flex-wrap:wrap;gap:20px}.progress-bar:before{display:none}.form-row{grid-template-columns:1fr;gap:15px}.payment-methods{grid-template-columns:1fr}.checkout-section{padding:20px}}@media (max-width: 480px){.step{max-width:80px}.step-number{width:30px;height:30px;font-size:.8rem}.step-label{font-size:.8rem}.checkout-header h2{font-size:1.5rem}.checkout-btn{padding:12px 20px;font-size:.9rem}.summary-item{grid-template-columns:1fr;gap:5px}.item-quantity,.item-price{text-align:left}}.form-section{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #b8b8b8}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{color:#fff;margin-bottom:20px;font-size:1.3rem;padding-bottom:10px;border-bottom:2px solid rgb(204,138,16)}.form-section h4{color:#b8b8b8;margin-bottom:15px;font-size:1rem;font-weight:500}.address-selection{margin-bottom:25px}.saved-addresses{display:flex;flex-direction:column;gap:15px;margin-top:15px}.address-option{display:flex;align-items:center;padding:20px;border:2px solid #b8b8b8;border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#17232a}.address-option:hover{border-color:#cc8a10;background-color:#cc8a101a}.address-option.selected{border-color:#cc8a10;background-color:#cc8a1033}.address-option input[type=radio]{margin-right:15px;transform:scale(1.2);accent-color:rgb(204,138,16)}.address-content{display:flex;justify-content:space-between;align-items:center;width:100%}.address-text{color:#fff;line-height:1.4}.address-text div:first-child{font-weight:500;margin-bottom:5px}.address-text div:last-child{color:#b8b8b8;font-size:.9rem}.default-badge{background-color:#cc8a10;color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase}.new-address{border-style:dashed}.new-address .address-text{color:#cc8a10;font-weight:500}.address-form-section{margin-top:20px;padding:20px;background-color:#cc8a101a;border-radius:10px;border:1px solid rgba(204,138,16,.3)}.step.active{color:#cc8a10}.step.active .step-number{background-color:#cc8a10;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #cc8a10b3}70%{box-shadow:0 0 0 10px #cc8a1000}to{box-shadow:0 0 #cc8a1000}}.user-welcome{background-color:#cc8a101a;border:1px solid rgba(204,138,16,.3);border-radius:10px;padding:15px 20px;margin-bottom:25px;text-align:center}.user-welcome h3{color:#cc8a10;margin:0 0 5px;font-size:1.2rem}.user-welcome p{color:#b8b8b8;margin:0;font-size:.9rem}@media (max-width: 768px){.form-section h3{font-size:1.1rem}.address-option{padding:15px;flex-direction:column;align-items:flex-start;gap:10px}.address-option input[type=radio]{margin-right:0;margin-bottom:10px}.address-content{width:100%}.saved-addresses{gap:10px}.address-form-section{padding:15px}}@media (max-width: 480px){.form-section{margin-bottom:20px;padding-bottom:15px}.form-section h3{font-size:1rem;margin-bottom:15px}.address-option{padding:12px}.default-badge{font-size:.7rem;padding:3px 8px}}.profile-container{min-height:100vh;background-color:#17232a;color:#fff;font-family:Poppins,sans-serif}.profile-header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 50px;background-color:#1a2832;border-bottom:2px solid rgb(204,138,16)}.profile-brand a{color:#cc8a10;text-decoration:none;font-size:1.2rem;font-weight:700}.profile-nav{display:flex;align-items:center;gap:20px}.profile-nav a{color:#b8b8b8;text-decoration:none;transition:color .3s ease}.profile-nav a:hover{color:#cc8a10}.logout-btn{background-color:transparent;color:#e74c3c;border:2px solid #e74c3c;border-radius:25px;padding:8px 16px;cursor:pointer;transition:all .3s ease;font-family:Poppins}.logout-btn:hover{background-color:#e74c3c;color:#fff}.profile-content{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 60px)}.profile-sidebar{background-color:#1a2832;padding:30px 20px;border-right:1px solid #34495e}.profile-user-info{text-align:center;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #34495e}.profile-avatar{width:80px;height:80px;border-radius:50%;background-color:#cc8a10;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 15px;color:#fff}.profile-user-info h3{margin:0 0 5px;color:#fff}.profile-user-info p{margin:0;color:#b8b8b8;font-size:.9rem}.profile-tabs{display:flex;flex-direction:column;gap:10px}.tab-btn{display:flex;align-items:center;gap:10px;padding:15px 20px;background:none;border:none;color:#b8b8b8;text-align:left;cursor:pointer;border-radius:10px;transition:all .3s ease;font-family:Poppins;font-size:14px}.tab-btn:hover,.tab-btn.active{background-color:#cc8a1033;color:#cc8a10}.profile-main{padding:30px;overflow-y:auto}.loading,.error{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:18px;color:#b8b8b8}.profile-section,.orders-section,.addresses-section{background-color:#1a2832;border-radius:15px;padding:30px;box-shadow:0 5px 15px #0003}.section-header h2{margin:0;color:#fff;font-size:1.8rem}.edit-btn,.add-btn{background-color:#cc8a10;color:#fff;border:none;border-radius:25px;padding:10px 20px;cursor:pointer;font-family:Poppins;font-weight:500;transition:all .3s ease}.edit-btn:hover,.add-btn:hover{background-color:#a06c0c;transform:translateY(-2px)}.profile-form,.address-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-weight:500;font-size:.9rem}.form-group input,.form-group textarea{background-color:#17232a;border:2px solid #b8b8b8;border-radius:8px;padding:12px 15px;color:#fff;font-family:Poppins;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#cc8a10}.disabled-input{opacity:.6;cursor:not-allowed}.form-group small{color:#b8b8b8;font-size:.8rem}.checkbox-label{display:flex;align-items:center;gap:10px;color:#fff;cursor:pointer}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.save-btn,.cancel-btn{padding:12px 25px;border:none;border-radius:25px;cursor:pointer;font-family:Poppins;font-weight:500;transition:all .3s ease}.save-btn{background-color:#cc8a10;color:#fff}.cancel-btn{background-color:#6c757d;color:#fff}.save-btn:hover{background-color:#a06c0c}.cancel-btn:hover{background-color:#5a6268}.profile-display{background-color:#17232a;border-radius:10px;padding:25px}.profile-info{display:grid;grid-template-columns:1fr 1fr;gap:25px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#b8b8b8;font-size:.9rem;font-weight:500}.info-item span{color:#fff;font-size:1.1rem}.empty-state{text-align:center;padding:50px 20px;color:#b8b8b8}.empty-state p{font-size:1.1rem;margin-bottom:20px}.order-now-btn{background-color:#cc8a10;color:#fff;text-decoration:none;padding:12px 25px;border-radius:25px;font-weight:500;transition:all .3s ease;display:inline-block}.order-now-btn:hover{background-color:#a06c0c;transform:translateY(-2px)}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background-color:#17232a;border-radius:15px;padding:25px;border-left:4px solid rgb(204,138,16);transition:transform .3s ease}.order-card:hover{transform:translateY(-2px)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.order-number{color:#cc8a10;font-weight:700;font-size:1.1rem}.order-date{color:#b8b8b8;font-size:.9rem}.order-status{margin-bottom:15px}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.order-items{margin-bottom:15px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #34495e;color:#b8b8b8}.order-item:last-child{border-bottom:none}.order-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #34495e}.order-total{color:#cc8a10;font-weight:700;font-size:1.2rem}.reorder-btn{background-color:transparent;color:#cc8a10;border:2px solid rgb(204,138,16);border-radius:20px;padding:8px 16px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.reorder-btn:hover{background-color:#cc8a10;color:#fff}.addresses-list{display:flex;flex-direction:column;gap:15px}.address-card{background-color:#17232a;border-radius:10px;padding:20px;border:2px solid #34495e;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.address-card.default{border-color:#cc8a10;background-color:#cc8a101a}.address-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.address-content{display:flex;align-items:center;gap:15px}.address-text{color:#fff}.address-line{margin-bottom:5px}.address-line:last-child{margin-bottom:0;color:#b8b8b8;font-size:.9rem}.default-badge{background-color:#cc8a10;color:#fff;padding:4px 8px;border-radius:15px;font-size:.8rem;font-weight:500;margin:20px}.address-actions{display:flex;gap:10px}.edit-address-btn,.delete-address-btn{padding:8px 16px;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.edit-address-btn{background-color:#ffc107;color:#212529}.delete-address-btn{background-color:#dc3545;color:#fff}.edit-address-btn:hover{background-color:#e0a800}.delete-address-btn:hover{background-color:#c82333}.modal{background-color:#1a2832;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #34495e}.modal-header h3{margin:0;color:#fff}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#b8b8b8;transition:color .3s ease}.modal-close:hover{color:#cc8a10}.address-form{padding:20px}@media (max-width: 768px){.profile-header{flex-direction:column;height:auto;gap:15px;padding:15px 20px}.profile-content{grid-template-columns:1fr}.profile-sidebar{border-right:none;border-bottom:1px solid #34495e;padding:20px}.profile-user-info{display:flex;align-items:center;gap:15px;text-align:left}.profile-avatar{width:60px;height:60px;font-size:1.5rem;margin:0}.profile-tabs{flex-direction:row;overflow-x:auto;gap:5px}.tab-btn{white-space:nowrap;min-width:120px;padding:10px 15px}.profile-main{padding:20px}.form-row,.profile-info{grid-template-columns:1fr}.order-header{flex-direction:column;align-items:flex-start;gap:10px}.order-footer,.address-card{flex-direction:column;align-items:flex-start;gap:15px}.address-actions{align-self:stretch;justify-content:space-between}.section-header{flex-direction:column;align-items:stretch;gap:15px}}@media (max-width: 480px){.profile-main{padding:15px}.profile-section,.orders-section,.addresses-section{padding:20px}.modal{width:95%}.form-actions,.address-actions{flex-direction:column}}.admin-dashboard{display:flex;min-height:100vh;background-color:#f5f5f5;font-family:Arial,sans-serif}.sidebar{width:250px;background-color:#2c3e50;color:#fff;display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid #34495e}.sidebar-header h2{margin:0 0 5px;font-size:1.2rem}.sidebar-header p{margin:0;font-size:.9rem;opacity:.8}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:block;width:100%;padding:15px 20px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .3s;font-size:14px}.nav-item:hover,.nav-item.active{background-color:#34495e}.sidebar-footer{padding:20px;border-top:1px solid #34495e}.logout-btn{width:100%;padding:10px;background-color:#e74c3c;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background-color:#c0392b}.main-content{flex:1;padding:30px;overflow-y:auto}.section-title{font-size:2rem;margin-bottom:30px;color:#2c3e50}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:15px}.stat-icon{font-size:2.5rem}.stat-info h3{margin:0;font-size:2rem;color:#2c3e50}.stat-info p{margin:5px 0 0;color:#7f8c8d}.orders-table,.users-table{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}table{width:100%;border-collapse:collapse}th,td{padding:15px;text-align:left;border-bottom:1px solid #ecf0f1}th{background-color:#f8f9fa;font-weight:600;color:#2c3e50}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.confirmed{background-color:#d4edda;color:#155724}.status-badge.preparing{background-color:#cce5ff;color:#004085}.status-badge.out-for-delivery{background-color:#e2e3e5;color:#383d41}.status-badge.delivered{background-color:#d1ecf1;color:#0c5460}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-select{padding:5px 10px;border:1px solid #ddd;border-radius:5px;font-size:12px}.btn-add,.btn-view,.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:12px;margin:0 5px;transition:all .3s}.btn-add{background-color:#28a745;color:#fff}.btn-view{background-color:#007bff;color:#fff}.btn-edit{background-color:#ffc107;color:#212529}.btn-delete{background-color:#dc3545;color:#fff}.btn-add:hover{background-color:#218838}.btn-view:hover{background-color:#0056b3}.btn-edit:hover{background-color:#e0a800}.btn-delete:hover{background-color:#c82333}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.menu-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s}.menu-card:hover{transform:translateY(-5px)}.menu-card.unavailable{opacity:.6}.menu-card img{width:100%;height:200px;object-fit:cover}.menu-card-content{padding:20px}.menu-card h3{margin:0 0 10px;color:#2c3e50}.menu-card p{color:#7f8c8d;margin:0 0 15px;font-size:14px}.menu-card-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.price{font-size:1.2rem;font-weight:700;color:#27ae60}.category{background-color:#ecf0f1;padding:5px 10px;border-radius:15px;font-size:12px;color:#7f8c8d;text-transform:capitalize}.menu-card-actions{display:flex;gap:10px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:10px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ecf0f1}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d}.menu-form{padding:20px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#2c3e50}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-actions button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.form-actions button[type=submit]{background-color:#28a745;color:#fff}.form-actions button[type=button]{background-color:#6c757d;color:#fff}.recent-orders{margin-top:40px}.recent-orders h3{margin-bottom:20px;color:#2c3e50}@media (max-width: 768px){.admin-dashboard{flex-direction:column}.sidebar{width:100%;height:auto}.sidebar-nav{display:flex;overflow-x:auto;padding:10px}.nav-item{white-space:nowrap;min-width:120px}.main-content{padding:20px}.stats-grid,.menu-grid,.form-row{grid-template-columns:1fr}.section-header{flex-direction:column;gap:20px;align-items:stretch}table{font-size:12px}th,td{padding:10px 5px}}@media (max-width: 480px){.stat-card{flex-direction:column;text-align:center}.menu-card-actions{flex-direction:column}.btn-add,.btn-view,.btn-edit,.btn-delete{margin:2px 0}.modal{width:95%}}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}
