:root{
	--primary:#6366f1;
	--primary-dark:#4f46e5;
	--secondary:#ec4899;
	--accent:#10b981;
	--warning:#f59e0b;
	--danger:#ef4444;
	--success:#22c55e;
	--info:#3b82f6;
	--dark:#1f2937;
	--light:#f8fafc;
	--gray-50:#f9fafb;
	--gray-100:#f3f4f6;
	--gray-200:#e5e7eb;
	--gray-300:#d1d5db;
	--gray-400:#9ca3af;
	--gray-500:#6b7280;
	--gray-600:#4b5563;
	--gray-700:#374151;
	--gray-800:#1f2937;
	--gray-900:#111827;
	--white:#ffffff;
	--black:#000000;
	--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);
	--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--radius:0.5rem;
	--radius-lg:0.75rem;
	--radius-xl:1rem;
	--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-fast:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:var(--gray-800);background:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=2070&auto=format&fit=crop') center/cover fixed;min-height:100vh;overflow-x:hidden;position:relative}

/* No overlay - pure restaurant background */

@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Glass morphism container */
.glass{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}

/* Header */
header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.2);box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInDown 0.8s ease-out}
header.scrolled{background:rgba(255,255,255,0.98);box-shadow:var(--shadow-xl);transform:translateY(-2px)}

.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1400px;margin:0 auto}
.logo{display:flex;align-items:center;gap:0.5rem;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#d2691e,#cd853f,#daa520);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;transition:var(--transition);animation:bounce 2s ease-in-out infinite}
.logo:hover{transform:scale(1.05) rotate(2deg)}

.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-link{position:relative;display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;color:var(--gray-700);text-decoration:none;border-radius:var(--radius);transition:var(--transition);font-weight:500;animation:fadeInUp 0.6s ease-out}
.nav-link::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#d2691e,#cd853f);transition:var(--transition);transform:translateX(-50%)}
.nav-link:hover::before{width:80%}
.nav-link:hover{color:#d2691e;background:rgba(210,105,30,0.1);transform:translateY(-3px) scale(1.05)}
.nav-link.active{color:#d2691e;background:rgba(210,105,30,0.1)}
.nav-link.active::before{width:80%}

.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--danger);color:white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:600;animation:pulse 2s infinite;box-shadow:0 0 10px rgba(239,68,68,0.5)}

.header-actions{display:flex;align-items:center;gap:1rem}
.lang-selector{position:relative}
.lang-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.9);border:1px solid rgba(210,105,30,0.3);border-radius:var(--radius);color:var(--gray-700);text-decoration:none;transition:var(--transition);cursor:pointer}
.lang-btn:hover{background:rgba(210,105,30,0.1);transform:translateY(-2px)}

.lang-dropdown{position:absolute;top:100%;right:0;margin-top:0.5rem;background:white;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:0.5rem;min-width:120px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:1000}
.lang-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}
.lang-dropdown a{display:flex;align-items:center;gap:0.5rem;padding:0.75rem;color:var(--gray-700);text-decoration:none;border-radius:var(--radius);transition:var(--transition)}
.lang-dropdown a:hover{background:rgba(210,105,30,0.1);color:#d2691e}
.lang-dropdown a.active{background:rgba(210,105,30,0.1);color:#d2691e}

.phone-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.9);border:1px solid rgba(210,105,30,0.3);border-radius:var(--radius);color:var(--gray-700);text-decoration:none;transition:var(--transition);font-weight:600}
.phone-link:hover{background:rgba(210,105,30,0.1);transform:translateY(-2px);color:#d2691e}

@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}
.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:var(--transition)}
.btn:hover::before{left:100%}

.btn-primary{background:linear-gradient(135deg,#d2691e,#cd853f);color:white;box-shadow:var(--shadow-md);animation:buttonPulse 3s ease-in-out infinite}
.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl);animation:none}

.btn-secondary{background:linear-gradient(135deg,var(--secondary),#be185d);color:white;box-shadow:var(--shadow-md)}
.btn-secondary:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl)}

.btn-success{background:linear-gradient(135deg,var(--success),#16a34a);color:white;box-shadow:var(--shadow-md)}
.btn-success:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl)}

.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:white;box-shadow:var(--shadow-md)}
.btn-danger:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl)}

.btn-outline{background:transparent;border:2px solid #d2691e;color:#d2691e}
.btn-outline:hover{background:#d2691e;color:white;transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg)}

.btn-ghost{background:rgba(255,255,255,0.2);color:var(--gray-700);border:1px solid rgba(255,255,255,0.3)}
.btn-ghost:hover{background:rgba(255,255,255,0.3);transform:translateY(-3px) scale(1.05)}

@keyframes buttonPulse{0%,100%{box-shadow:var(--shadow-md)}50%{box-shadow:0 4px 20px rgba(210,105,30,0.4)}}

/* Cards */
.card{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}

.card-header{padding:1.5rem;border-bottom:1px solid var(--gray-200)}
.card-body{padding:1.5rem}
.card-footer{padding:1rem 1.5rem;background:var(--gray-50);border-top:1px solid var(--gray-200)}

/* Grid */
.container{max-width:1400px;margin:0 auto;padding:0 2rem}
.grid{display:grid;gap:2rem}
.grid-cols-1{grid-template-columns:repeat(1,1fr)}
.grid-cols-2{grid-template-columns:repeat(2,1fr)}
.grid-cols-3{grid-template-columns:repeat(3,1fr)}
.grid-cols-4{grid-template-columns:repeat(4,1fr)}

/* Product cards */
.product-card{position:relative;overflow:hidden;transition:var(--transition);animation:cardFloat 6s ease-in-out infinite}
.product-card:nth-child(even){animation-delay:2s}
.product-card:nth-child(3n){animation-delay:4s}
.product-card:hover{transform:translateY(-12px) scale(1.03) rotate(1deg);animation-play-state:paused}

.product-image{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:brightness(1.1) contrast(1.05)}
.product-card:hover .product-image img{transform:scale(1.15) rotate(2deg)}

.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(210,105,30,0.9),rgba(205,133,63,0.8));display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);backdrop-filter:blur(5px)}
.product-card:hover .product-overlay{opacity:1;animation:overlayGlow 2s ease-in-out infinite}

.product-info{padding:1.5rem}
.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}
.product-title{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0}
.product-price{font-size:1.25rem;font-weight:800;color:#d2691e;text-shadow:0 2px 4px rgba(210,105,30,0.3)}
.product-category{font-size:0.875rem;color:var(--gray-500);margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.5px}
.product-description{color:var(--gray-600);margin-bottom:1rem;line-height:1.5}
.product-actions{display:flex;gap:0.75rem}

@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes overlayGlow{0%,100%{background:linear-gradient(135deg,rgba(210,105,30,0.9),rgba(205,133,63,0.8))}50%{background:linear-gradient(135deg,rgba(205,133,63,0.9),rgba(222,184,135,0.8))}}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
@keyframes bounce{0%,20%,53%,80%,100%{transform:translate3d(0,0,0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}

.animate-fadeInUp{animation:fadeInUp 0.6s ease-out}
.animate-fadeInLeft{animation:fadeInLeft 0.6s ease-out}
.animate-fadeInRight{animation:fadeInRight 0.6s ease-out}
.animate-slideInDown{animation:slideInDown 0.6s ease-out}
.animate-bounce{animation:bounce 1s}

/* Loading spinner */
.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* Toast notifications */
.toast{position:fixed;top:20px;right:20px;background:white;border-radius:var(--radius);box-shadow:var(--shadow-xl);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;z-index:10000;transform:translateX(400px);transition:var(--transition)}
.toast.show{transform:translateX(0)}
.toast.success{border-left:4px solid var(--success)}
.toast.error{border-left:4px solid var(--danger)}
.toast.warning{border-left:4px solid var(--warning)}
.toast.info{border-left:4px solid var(--info)}

/* Modal */
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:var(--transition)}
.modal.show{opacity:1;visibility:visible}
.modal-content{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(0.9);transition:var(--transition)}
.modal.show .modal-content{transform:scale(1)}

/* Form elements */
.form-group{margin-bottom:1.5rem}
.form-label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--gray-700)}
.form-input{width:100%;padding:0.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:1rem;transition:var(--transition)}
.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}
.form-textarea{resize:vertical;min-height:120px}

/* Admin panel */
.admin-sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:var(--gray-900);color:white;padding:2rem 0;overflow-y:auto;transition:var(--transition);z-index:1000}
.admin-sidebar.collapsed{width:80px}
.admin-main{margin-left:280px;transition:var(--transition)}
.admin-main.sidebar-collapsed{margin-left:80px}

.sidebar-item{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;color:var(--gray-300);text-decoration:none;transition:var(--transition);border-left:3px solid transparent}
.sidebar-item:hover{background:var(--gray-800);color:white;border-left-color:var(--primary)}
.sidebar-item.active{background:var(--gray-800);color:white;border-left-color:var(--primary)}

/* Stats cards */
.stat-card{background:white;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}
.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}

.stat-number{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:0.5rem}
.stat-label{color:var(--gray-600);font-weight:500}
.stat-change{display:flex;align-items:center;gap:0.25rem;margin-top:0.5rem;font-size:0.875rem;font-weight:600}
.stat-change.positive{color:var(--success)}
.stat-change.negative{color:var(--danger)}

/* Responsive */
@media (max-width:1024px){
	.grid-cols-4{grid-template-columns:repeat(2,1fr)}
	.admin-sidebar{width:80px}
	.admin-main{margin-left:80px}
	.hero{grid-template-columns:1fr;gap:2rem;text-align:center}
	.hero-stats{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:768px){
	.grid-cols-3{grid-template-columns:repeat(2,1fr)}
	.grid-cols-4{grid-template-columns:repeat(1,1fr)}
	.navbar{padding:1rem}
	.nav-links{gap:1rem}
	.admin-sidebar{transform:translateX(-100%)}
	.admin-sidebar.show{transform:translateX(0)}
	.admin-main{margin-left:0}
	.cart-content{grid-template-columns:1fr}
	.checkout-content{grid-template-columns:1fr}
	.hero-title{font-size:2.5rem}
	.hero-stats{grid-template-columns:1fr;gap:1rem}
	.payment-methods{grid-template-columns:1fr}
	.success-actions{flex-direction:column}
	.nav-links{display:none}
}

@media (max-width:640px){
	.grid-cols-2{grid-template-columns:repeat(1,1fr)}
	.container{padding:0 1rem}
	.hero-title{font-size:2rem}
	.section-title{font-size:2rem}
	.cart-item{grid-template-columns:60px 1fr auto;gap:0.75rem;padding:1rem}
	.cart-item .item-actions{grid-column:1/-1;justify-content:center;margin-top:1rem}
	.payment-methods{grid-template-columns:1fr}
	.order-number{flex-direction:column;gap:0.5rem}
}

/* Hero section */
.hero{display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:center;padding:4rem 0;min-height:80vh}
.hero-content{animation:fadeInLeft 1s ease-out}
.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#d2691e,#cd853f,#daa520);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 8px rgba(210,105,30,0.3)}
.hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.9);margin-bottom:2rem;line-height:1.6}
.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.stat-item{text-align:center;padding:1.5rem;background:rgba(255,255,255,0.1);border-radius:var(--radius-lg);backdrop-filter:blur(10px);transition:var(--transition)}
.stat-item:hover{transform:translateY(-5px) scale(1.05)}
.stat-number{font-size:2.5rem;font-weight:900;color:#d2691e;margin-bottom:0.5rem}
.stat-label{color:rgba(255,255,255,0.8);font-weight:600}

.hero-image{animation:fadeInRight 1s ease-out}
.hero-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:var(--transition)}
.hero-img:hover{transform:scale(1.05) rotate(2deg)}

/* Features section */
.features{padding:4rem 0}
.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,#d2691e,#cd853f);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-subtitle{font-size:1.125rem;text-align:center;color:var(--gray-600);margin-bottom:3rem}

.feature-card{text-align:center;padding:2rem;transition:var(--transition)}
.feature-card:hover{transform:translateY(-10px) scale(1.02)}
.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#d2691e,#cd853f);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:white;box-shadow:var(--shadow-lg);transition:var(--transition)}
.feature-card:hover .feature-icon{transform:scale(1.1) rotate(10deg);animation:iconBounce 1s ease-in-out}

@keyframes iconBounce{0%,100%{transform:scale(1.1) rotate(10deg)}50%{transform:scale(1.2) rotate(-10deg)}}

/* Menu section */
.menu-section{padding:4rem 0}
.menu-header{text-align:center;margin-bottom:3rem}
.category-filter{margin-bottom:3rem}
.filter-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}

.empty-state{grid-column:1/-1;text-align:center;padding:4rem 2rem}
.empty-icon{font-size:4rem;color:var(--gray-400);margin-bottom:1rem}

/* Cart styles */
.cart-section{padding:2rem 0}
.cart-header{margin-bottom:2rem;text-align:center}
.empty-cart{display:flex;justify-content:center;padding:4rem 2rem}
.empty-cart .card{text-align:center;max-width:400px;padding:3rem 2rem}
.empty-cart .empty-icon{font-size:4rem;color:var(--gray-400);margin-bottom:1rem}

.cart-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}
.cart-items{display:flex;flex-direction:column;gap:1rem}
.cart-item{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:1rem;align-items:center;padding:1.5rem;animation:slideInLeft 0.5s ease-out}
.cart-item:nth-child(even){animation-delay:0.1s}
.cart-item:nth-child(3n){animation-delay:0.2s}

.item-image{width:80px;height:80px;border-radius:var(--radius);overflow:hidden}
.item-image img{width:100%;height:100%;object-fit:cover}
.item-info{flex:1}
.item-name{font-size:1.125rem;font-weight:700;margin-bottom:0.25rem;color:var(--gray-900)}
.item-category{font-size:0.875rem;color:var(--gray-500);margin-bottom:0.5rem}
.item-price{font-size:1rem;font-weight:600;color:#d2691e}

.quantity-controls{display:flex;align-items:center;gap:0.5rem;background:var(--gray-100);border-radius:var(--radius);padding:0.25rem}
.qty-btn{width:32px;height:32px;border:none;background:white;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.qty-btn:hover{background:#d2691e;color:white}
.qty-value{min-width:30px;text-align:center;font-weight:600}

.item-subtotal{font-size:1.125rem;font-weight:700;color:#d2691e}
.item-actions{display:flex;gap:0.5rem}

.cart-summary{position:sticky;top:100px}
.summary-row{display:flex;justify-content:space-between;padding:0.75rem 0;border-bottom:1px solid var(--gray-200)}
.summary-row.total{font-size:1.25rem;font-weight:700;color:#d2691e;border-top:2px solid #d2691e;margin-top:0.5rem;padding-top:1rem}

.checkout-actions{display:flex;flex-direction:column;gap:0.75rem}
.btn-lg{padding:1rem 2rem;font-size:1.125rem}
.btn-sm{padding:0.5rem 1rem;font-size:0.875rem}

/* Alert styles */
.alert{padding:1rem 1.5rem;border-radius:var(--radius);margin-bottom:1rem;border-left:4px solid}
.alert-success{background:rgba(34,197,94,0.1);border-color:var(--success);color:var(--success)}
.alert-error{background:rgba(239,68,68,0.1);border-color:var(--danger);color:var(--danger)}
.alert-warning{background:rgba(245,158,11,0.1);border-color:var(--warning);color:var(--warning)}

/* Checkout styles */
.checkout-section{padding:2rem 0}
.checkout-header{margin-bottom:2rem;text-align:center}
.checkout-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}

.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:0.5rem}
.payment-option{position:relative;cursor:pointer}
.payment-option input[type="radio"]{position:absolute;opacity:0}
.payment-card{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1.5rem;border:2px solid var(--gray-200);border-radius:var(--radius);transition:var(--transition);text-align:center}
.payment-card i{font-size:2rem;color:var(--gray-500)}
.payment-option input[type="radio"]:checked + .payment-card{border-color:#d2691e;background:rgba(210,105,30,0.1)}
.payment-option input[type="radio"]:checked + .payment-card i{color:#d2691e}
.payment-option:hover .payment-card{border-color:#d2691e;transform:translateY(-2px)}

.order-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}
.order-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--gray-200)}
.order-item:last-child{border-bottom:none}
.item-qty{font-size:0.875rem;color:var(--gray-500)}
.item-price{font-weight:600;color:#d2691e}

.order-totals{border-top:2px solid var(--gray-200);padding-top:1rem}
.total-row{display:flex;justify-content:space-between;padding:0.5rem 0}
.total-row.final{font-size:1.25rem;font-weight:700;color:#d2691e;border-top:2px solid #d2691e;margin-top:0.5rem;padding-top:1rem}

.delivery-info{margin-top:2rem}
.info-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 0;border-bottom:1px solid var(--gray-200)}
.info-item:last-child{border-bottom:none}
.info-item i{width:20px;color:#d2691e}

/* Success page */
.success-section{padding:4rem 0;min-height:80vh;display:flex;align-items:center;justify-content:center}
.success-content{max-width:600px;width:100%}
.success-card{text-align:center;padding:3rem 2rem}
.success-icon{font-size:5rem;color:var(--success);margin-bottom:1.5rem;animation:bounce 2s ease-in-out}
.success-title{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:1rem}
.success-message{font-size:1.125rem;color:var(--gray-600);margin-bottom:2rem;line-height:1.6}

.order-details{margin-bottom:2rem}
.order-number{display:flex;justify-content:center;align-items:center;gap:0.5rem;padding:1rem 2rem;background:var(--gray-100);border-radius:var(--radius);font-size:1.125rem}
.order-number strong{color:#d2691e;font-size:1.5rem}

.success-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}

.contact-info{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-200)}
.contact-info h4{margin-bottom:1rem;color:var(--gray-700)}
.contact-item{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 0;color:var(--gray-600)}

/* Footer */
.footer{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);margin-top:4rem;padding:3rem 0 1rem}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}
.footer-section h3{color:#d2691e;margin-bottom:1rem;font-size:1.5rem}
.footer-section h4{color:var(--gray-700);margin-bottom:1rem}
.footer-section ul{list-style:none;padding:0}
.footer-section ul li{margin-bottom:0.5rem}
.footer-section ul li a{color:var(--gray-600);text-decoration:none;transition:var(--transition)}
.footer-section ul li a:hover{color:#d2691e;transform:translateX(5px)}
.social-links{display:flex;gap:1rem;margin-top:1rem}
.social-link{width:40px;height:40px;background:#d2691e;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:var(--transition)}
.social-link:hover{background:#cd853f;transform:translateY(-3px) scale(1.1)}
.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--gray-200);color:var(--gray-500)}

/* Utility classes */
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.font-bold{font-weight:700}
.font-semibold{font-weight:600}
.text-sm{font-size:0.875rem}
.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}
.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.hidden{display:none}
.block{display:block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-2{gap:0.5rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.w-full{width:100%}
.h-full{height:100%}