@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap";
:root{--orange:#ff6b00;--orange-dark:#c50;--orange-light:#ffd2b3;--yellow:#ffc107;--yellow-light:#ffecb3;--bg-color:#fffbf7;--text-color:#2d1200;--text-muted:#7a3e14;--card-bg:#fff;--card-border:#ffe0cc;--card-shadow:#ff6b0014;--card-hover-shadow:#ff6b0026;--header-bg:#ff6b00f5;--header-text:#fff;--header-border:#c50;--stat-bg:#fff5eb;--input-bg:#fff;--input-text:#1c0a00;--glass-bg:#ffffffeb;--glass-border:#ff6b0033;--footer-bg:#ff6b00;--footer-text:#fff;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--bg-color:#120904;--text-color:#fdf6f0;--text-muted:#d4a373;--card-bg:#1a0f08;--card-border:#3d2314;--card-shadow:#0006;--card-hover-shadow:#ffc10726;--header-bg:#120904f2;--header-text:#ffc107;--header-border:#3d2314;--stat-bg:#22130a;--input-bg:#2a190f;--input-text:#fdf6f0;--glass-bg:#1a0f08d9;--glass-border:#3d2314;--footer-bg:#0a0502;--footer-text:#d4a373}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-color);scroll-behavior:smooth;direction:rtl;font-family:Cairo,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}.accent{background:linear-gradient(135deg, var(--orange), var(--yellow));-webkit-text-fill-color:transparent;-webkit-background-clip:text}input,textarea,select{background:var(--input-bg);color:var(--input-text);border:1px solid var(--card-border);border-radius:8px;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--orange);outline:none}.section{background:var(--bg-color);padding:5rem 1.5rem}.section-inner{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3.5rem}.section-header small{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.9rem;font-weight:800;display:block}.section-header h2{color:var(--text-color);font-size:2.2rem;font-weight:900}.page-header{text-align:center;background:linear-gradient(135deg, var(--orange), var(--yellow));color:#fff;padding:8rem 1.5rem 4rem}.page-header h1{color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:900}.page-header p{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.8}header{background:var(--header-bg);-webkit-backdrop-filter:blur(16px);z-index:100;border-bottom:1px solid var(--header-border);transition:var(--transition);position:sticky;top:0}nav{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 1.5rem;display:flex}.logo{color:var(--header-text);font-size:1.6rem;font-weight:900;line-height:1.1;text-decoration:none}.logo span{color:var(--yellow-light);opacity:.9;font-size:.75rem;font-weight:600;display:block}.nav-links{gap:.5rem;display:none}.nav-links a{color:var(--header-text);transition:var(--transition);border-radius:999px;padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--yellow-light);background:#ffffff26}.nav-links a.active{color:var(--yellow-light);background:#ffffff40}.nav-icons{align-items:center;gap:.5rem;display:flex}.icon-btn{cursor:pointer;width:42px;height:42px;transition:var(--transition);color:var(--header-text);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--yellow);border-color:var(--yellow);color:var(--orange-dark);transform:translateY(-2px)}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.hero{position:relative;overflow:hidden}.hero-bg-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle,#ff6b0026 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-150px;left:-150px}.hero-inner{flex-direction:column;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 1.5rem;display:flex}.hero-text{text-align:center;order:2}.hero-text h1{color:var(--text-color);margin-bottom:1rem;font-size:2.8rem;font-weight:900;line-height:1.25}.hero-text p{color:var(--text-muted);margin:1.2rem 0 2rem;font-size:1.1rem;line-height:1.8}.hero-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--orange), var(--yellow));color:#fff;text-shadow:0 1px 2px #0000001a;cursor:pointer;transition:var(--transition);border:none;border-radius:999px;padding:.9rem 2.2rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:800;text-decoration:none;display:inline-block;position:relative;overflow:hidden;box-shadow:0 8px 25px #ff6b004d}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:after{left:100%}.btn-primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 30px #f9731666}.btn-secondary{background:var(--card-bg);color:var(--text-color);border:2px solid var(--card-border);cursor:pointer;transition:var(--transition);border-radius:999px;padding:.9rem 2.2rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.btn-secondary:hover{border-color:var(--orange);background:#f973160d;transform:translateY(-3px)}.hero-images{order:1;width:100%;max-width:500px;height:350px;position:relative}.img-slider{width:100%;height:100%;box-shadow:0 20px 50px var(--card-shadow);border-radius:24px;position:relative;overflow:hidden}.slide{opacity:0;transition:opacity .8s ease-in-out;position:absolute;inset:0}.slide.active{opacity:1}.slide img{object-fit:cover;width:100%;height:100%}.slide-badge{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);z-index:5;transition:var(--transition);border-radius:16px;align-items:center;gap:12px;padding:12px 20px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 10px 30px #0000001a}.badge-icon{background:linear-gradient(135deg, var(--orange), var(--yellow));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.badge-icon svg{fill:#fff;width:20px;height:20px}.badge-title{color:var(--text-color);font-size:.9rem;font-weight:800}.badge-sub{color:var(--text-muted);font-size:.75rem}.slide-dots{gap:8px;display:flex;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.dot{background:var(--card-border);cursor:pointer;width:8px;height:8px;transition:var(--transition);border:none;border-radius:999px}.dot.active{background:var(--orange);width:30px}.stats{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);background:var(--bg-color)}.stats-inner{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;display:grid}.stat{text-align:center;background:var(--stat-bg);transition:var(--transition);border:1px solid #0000;border-radius:16px;padding:1.5rem}.stat:hover{border-color:var(--card-border);box-shadow:0 10px 25px var(--card-shadow);transform:translateY(-5px)}.stat-num{background:linear-gradient(135deg, var(--orange), var(--yellow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:900}.stat-label{color:var(--text-muted);margin-top:5px;font-size:.85rem;font-weight:700}.cards{grid-template-columns:1fr;gap:1.8rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);transition:var(--transition);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:0 20px 40px var(--card-hover-shadow);border-color:var(--orange-light);transform:translateY(-8px)}.card-img{height:220px;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.card:hover .card-img img{transform:scale(1.08)}.card-icon{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 4px 15px #0000001a}.card-icon svg{width:20px;height:20px;stroke:var(--orange-dark);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.card-body{flex-grow:1;padding:1.5rem 1.5rem .5rem}.card-tag{color:var(--orange);background:#f973161a;border-radius:6px;margin-bottom:10px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.card-title{color:var(--text-color);margin-bottom:8px;font-size:1.2rem;font-weight:800}.card-desc{color:var(--text-muted);font-size:.9rem;line-height:1.7}.card-footer{border-top:1px solid #0000;justify-content:space-between;align-items:center;padding:1rem 1.5rem 1.5rem;display:flex}.card-price{color:var(--orange);font-size:1.2rem;font-weight:900}.add-btn{background:linear-gradient(135deg, var(--orange), var(--yellow));color:#fff;cursor:pointer;width:42px;height:42px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 5px 15px #ff6b0066}.add-btn:hover{transform:scale(1.1)rotate(90deg)}.add-btn svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:all .3s}.menu-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:2.5rem;display:flex}.filter-btn{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:var(--transition);border-radius:999px;padding:.6rem 1.5rem;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:700}.filter-btn:hover{border-color:var(--orange);background:#f973160d}.filter-btn.active{background:linear-gradient(135deg, var(--orange), var(--yellow));color:#fff;border-color:#0000;box-shadow:0 5px 15px #ff6b004d}.menu-search-container{max-width:600px;margin:0 auto 2.5rem;position:relative}.menu-search{border:2px solid var(--card-border);background:var(--card-bg);width:100%;color:var(--text-color);transition:var(--transition);box-shadow:0 10px 25px var(--card-shadow);border-radius:999px;outline:none;padding:1.2rem 3rem 1.2rem 1.5rem;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700}.menu-search:focus{border-color:var(--orange)}.menu-search-container svg{width:24px;height:24px;stroke:var(--text-muted);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}.featured{background:var(--bg-color);padding:5rem 1.5rem}.featured-inner{background:var(--card-bg);border:1px solid var(--card-border);max-width:1200px;box-shadow:0 20px 50px var(--card-shadow);border-radius:24px;flex-direction:column;gap:3rem;margin:0 auto;padding:2rem;display:flex}.featured-img{border-radius:16px;width:100%;height:300px;position:relative;overflow:hidden}.featured-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.featured-img:hover img{transform:scale(1.05)}.featured-text{flex-direction:column;flex:1;justify-content:center;display:flex}.feature-pills{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;display:flex}.pill{color:var(--orange-dark);background:#f973161a;border:1px solid #f9731633;border-radius:999px;padding:8px 18px;font-size:.85rem;font-weight:800}.steps{grid-template-columns:1fr;gap:2rem;display:grid}.step{text-align:center;background:var(--stat-bg);border:1px solid var(--card-border);transition:var(--transition);border-radius:20px;padding:2rem}.step:hover{border-color:var(--orange-light);box-shadow:0 15px 30px var(--card-shadow);transform:translateY(-5px)}.step-icon{background:linear-gradient(135deg, var(--orange), var(--yellow));width:70px;height:70px;transition:var(--transition);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex;transform:rotate(-5deg)}.step:hover .step-icon{transform:rotate(0)}.step-icon svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:35px;height:35px}.step h3{color:var(--text-color);margin-bottom:.8rem;font-size:1.4rem;font-weight:800}.step p{color:var(--text-muted);line-height:1.7}.team-grid{grid-template-columns:1fr;gap:2rem;max-width:1000px;margin:0 auto;display:grid}.chef-card{text-align:center}.chef-img{border:4px solid var(--card-border);width:180px;height:180px;transition:var(--transition);border-radius:50%;margin:0 auto 1.5rem;overflow:hidden}.chef-card:hover .chef-img{border-color:var(--orange);transform:scale(1.05)}.chef-img img{object-fit:cover;width:100%;height:100%}.chef-card h3{color:var(--text-color);margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.chef-card p{color:var(--orange);margin-bottom:.5rem;font-size:.9rem;font-weight:700}.chef-desc{color:var(--text-muted);font-size:.9rem;line-height:1.6}.testimonials{background:var(--stat-bg);padding:5rem 1.5rem;position:relative}.test-grid{grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.test-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 10px 30px var(--card-shadow);border-radius:20px;padding:2rem;position:relative}.quote-icon{opacity:.1;width:40px;height:40px;fill:var(--text-color);position:absolute;top:1.5rem;left:1.5rem}.test-stars{color:#fbbf24;gap:4px;margin-bottom:1rem;display:flex}.test-stars svg{fill:currentColor;width:18px;height:18px}.test-text{color:var(--text-color);margin-bottom:1.5rem;font-size:1rem;font-style:italic;font-weight:600;line-height:1.8}.test-user{align-items:center;gap:12px;display:flex}.test-avatar{object-fit:cover;border:2px solid var(--orange-light);border-radius:50%;width:50px;height:50px}.test-info h4{color:var(--text-color);font-size:1rem;font-weight:800}.test-info p{color:var(--text-muted);font-size:.8rem}.faq-grid{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);transition:var(--transition);border-radius:16px;overflow:hidden}.faq-question{text-align:right;width:100%;color:var(--text-color);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:800;display:flex}.faq-question svg{width:20px;height:20px;stroke:var(--orange);fill:none;stroke-width:2px;transition:transform .3s}.faq-item.active .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;color:var(--text-muted);padding:0 1.5rem;line-height:1.7;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.active .faq-answer{max-height:200px;padding:0 1.5rem 1.5rem}.contact-grid{grid-template-columns:1fr;gap:3rem;max-width:1000px;margin:0 auto;display:grid}.contact-info{flex-direction:column;gap:1.5rem;display:flex}.contact-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.contact-icon{background:#f973161a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.contact-icon svg{width:24px;height:24px;stroke:var(--orange);fill:none;stroke-width:2px}.contact-item h4{color:var(--text-color);margin-bottom:.2rem;font-size:1.1rem;font-weight:800}.contact-item p{color:var(--text-muted);font-size:.95rem}.contact-form{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 15px 40px var(--card-shadow);border-radius:20px;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-color);margin-bottom:.5rem;font-weight:700;display:block}.form-group input,.form-group textarea{border:1px solid var(--card-border);background:var(--input-bg);width:100%;color:var(--input-text);transition:var(--transition);border-radius:12px;outline:none;padding:1rem;font-family:Cairo,sans-serif}.form-group input:focus,.form-group textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px #f973161a}.cta{text-align:center;color:#fff;background:linear-gradient(135deg,#f97316,#c2410c);padding:5rem 1.5rem;position:relative;overflow:hidden}.cta-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cta-bg svg{opacity:.1;position:absolute}.cta-bg svg:first-child{width:300px;height:300px;top:-50px;left:-50px}.cta-bg svg:last-child{width:250px;height:250px;bottom:-50px;right:-50px}.cta h2{z-index:1;margin-bottom:1rem;font-size:2.4rem;font-weight:900;position:relative}.cta p{opacity:.9;z-index:1;margin-bottom:0;font-size:1.1rem;position:relative}.cta-form{z-index:1;margin-top:2.5rem;flex-direction:column;gap:1rem;max-width:500px;margin-inline:auto;display:flex;position:relative}.cta-form input{color:var(--input-text);background:var(--input-bg);border:none;border-radius:999px;outline:none;padding:1.2rem 1.8rem;font-family:Cairo,sans-serif;font-size:1rem;box-shadow:0 10px 25px #0000001a}.cta-form button{color:#fff;cursor:pointer;transition:var(--transition);background:#1c0a00;border:none;border-radius:999px;padding:1.2rem 2rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:800;box-shadow:0 10px 25px #0003}.cta-form button:hover{background:#000;transform:translateY(-3px)}footer{background:var(--orange);color:#fff;padding:5rem 1.5rem 2rem;position:relative;overflow:hidden}.footer-grid{text-align:right;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:3rem;max-width:1200px;margin:0 auto 3rem;display:grid}.footer-col h3{color:#fff;margin-bottom:1.5rem;font-size:1.25rem;font-weight:900;display:inline-block;position:relative}.footer-col h3:after{content:"";background:var(--yellow);border-radius:4px;width:40px;height:4px;position:absolute;bottom:-8px;right:0}.footer-col p{color:#ffffffd9;margin-bottom:1rem;font-size:.95rem;line-height:1.8}.footer-logo{color:#fff;margin-bottom:1rem;font-size:2.2rem;font-weight:900}.footer-social{gap:12px;margin-top:1.5rem;display:flex}.footer-social a{color:#fff;width:42px;height:42px;transition:var(--transition);background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--yellow);color:var(--orange-dark);border-color:var(--yellow);transform:translateY(-4px)}.footer-social a svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.footer-links-col{flex-direction:column;gap:1rem;display:flex}.footer-links-col a{color:#ffffffd9;align-items:center;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.footer-links-col a:before{content:"←";opacity:0;color:var(--yellow);margin-left:8px;transition:all .3s;transform:translate(10px)}.footer-links-col a:hover{color:var(--yellow)}.footer-links-col a:hover:before{opacity:1;transform:translate(0)}.payment-methods{flex-wrap:wrap;gap:10px;margin-top:1.5rem;display:flex}.payment-badge{color:var(--text-color);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 4px 15px #00000026}.footer-copy{color:#ffffffb3;text-align:center;border-top:1px solid #fff3;padding-top:2rem;font-size:.95rem}.floating-cart{color:#fff;z-index:1000;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:2px solid #fff3;border-radius:999px;align-items:center;gap:12px;padding:14px 24px;font-family:Cairo,sans-serif;font-weight:800;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;left:30px;transform:translateY(150px);box-shadow:0 10px 30px #f9731666}.floating-cart.visible{transform:translateY(0)}.floating-cart:hover{transform:translateY(-5px)scale(1.05)}.cart-badge{color:#ea580c;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;font-weight:900;display:flex}.cart-icon svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.fade-up{opacity:0;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);transform:translateY(40px)}.fade-up.show{opacity:1;transform:translateY(0)}.fade-left{opacity:0;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);transform:translate(-50px)}.fade-left.show{opacity:1;transform:translate(0)}.fade-right{opacity:0;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);transform:translate(50px)}.fade-right.show{opacity:1;transform:translate(0)}.zoom-in{opacity:0;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);transform:scale(.85)}.zoom-in.show{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.toast-container{z-index:99999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-right:4px solid var(--orange);color:var(--text-color);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);border-left:1px solid var(--card-border);border-radius:12px;align-items:center;gap:12px;padding:1rem 1.5rem;font-family:Cairo,sans-serif;font-size:1.05rem;font-weight:800;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideInRight;display:flex;box-shadow:0 10px 30px #00000026}.toast.success{border-right-color:#16a34a}.toast.error{border-right-color:#dc2626}.toast-icon{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.toast.success .toast-icon{stroke:#16a34a}.toast.error .toast-icon{stroke:#dc2626}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.quick-view-modal{z-index:999999;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.quick-view-modal.active{opacity:1;pointer-events:auto}.modal-overlay{-webkit-backdrop-filter:blur(8px);background:#0009;position:absolute;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--card-border);z-index:1;border-radius:24px;width:90%;max-width:800px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;transform:scale(.9);box-shadow:0 25px 50px #0000004d}.quick-view-modal.active .modal-content{transform:scale(1)}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:15px;left:15px}.modal-close:hover{background:var(--orange);transform:rotate(90deg)}.modal-close svg{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:20px;height:20px}.modal-body{flex-direction:column;display:flex}.modal-body img{object-fit:cover;width:100%;height:250px}.modal-info{flex-direction:column;justify-content:center;padding:2rem;display:flex}.modal-info h2{color:var(--text-color);margin-bottom:.5rem;font-size:1.8rem;font-weight:900}.modal-info p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.modal-price{color:var(--orange);font-size:1.5rem;font-weight:900}@media (min-width:768px){.modal-body{flex-direction:row}.modal-body img{width:350px;height:auto;min-height:350px}.modal-close{left:auto;right:15px}}.cart-page{grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 1.5rem;display:grid}.cart-items-container{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 10px 30px var(--card-shadow);border-radius:20px;padding:2rem}.cart-item{border-bottom:1px solid var(--card-border);transition:var(--transition);align-items:center;gap:1.5rem;padding:1.5rem 0;display:flex}.cart-item:last-child{border-bottom:none}.cart-item-img{object-fit:cover;border-radius:12px;width:100px;height:100px}.cart-item-details{flex:1}.cart-item-title{color:var(--text-color);margin-bottom:.3rem;font-size:1.2rem;font-weight:800}.cart-item-price{color:var(--orange);font-size:1.1rem;font-weight:700}.cart-qty-ctrl{background:var(--stat-bg);border:1px solid var(--card-border);border-radius:999px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.qty-btn{color:var(--text-color);cursor:pointer;width:30px;height:30px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.qty-btn:hover{background:var(--orange-light);color:var(--orange-dark)}.cart-item-remove{color:#dc2626;cursor:pointer;width:40px;height:40px;transition:var(--transition);background:#dc26261a;border:none;border-radius:12px;justify-content:center;align-items:center;display:flex}.cart-item-remove:hover{color:#fff;background:#dc2626;transform:translateY(-2px)}.cart-item-remove svg{stroke:currentColor;fill:none;stroke-width:2px;width:20px;height:20px}.cart-summary{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 10px 30px var(--card-shadow);border-radius:20px;height:fit-content;padding:2rem;position:relative;top:0}@media (min-width:1024px){.cart-summary{position:sticky;top:100px}}.summary-title{color:var(--text-color);border-bottom:1px solid var(--card-border);margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.4rem;font-weight:900}.summary-row{color:var(--text-muted);justify-content:space-between;margin-bottom:1rem;font-size:1.05rem;display:flex}.summary-row.total{color:var(--text-color);border-top:1px solid var(--card-border);margin-top:1rem;margin-bottom:2rem;padding-top:1rem;font-size:1.3rem;font-weight:900}.checkout-btn{background:linear-gradient(135deg, var(--orange), var(--yellow));color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:1.2rem;font-family:Cairo,sans-serif;font-size:1.2rem;font-weight:900;display:flex;box-shadow:0 10px 30px #ff6b004d}.checkout-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b0066}.empty-cart-msg{text-align:center;color:var(--text-muted);padding:3rem;font-size:1.2rem}.payment-methods{border-top:1px solid var(--card-border);margin-top:2rem;padding-top:1.5rem}.payment-label{cursor:pointer;color:var(--text-color);align-items:center;gap:10px;margin-bottom:.8rem;font-size:1.05rem;font-weight:600;display:flex}.payment-label input{accent-color:var(--orange);cursor:pointer;width:18px;height:18px}.payment-details{background:var(--stat-bg);border:1px dashed var(--orange-light);color:var(--text-color);border-radius:12px;margin-top:1rem;margin-bottom:1.5rem;padding:1.2rem;font-size:.95rem;line-height:1.6;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.payment-details-title{color:var(--orange-dark);margin-bottom:.5rem;font-weight:800}@media (min-width:640px){.cards,.steps,.test-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.nav-links{display:flex}.hero-inner{flex-direction:row;align-items:center;gap:4rem;padding:6rem 2rem}.hero-text{text-align:right;flex:1.2;order:1}.hero-text h1{font-size:3.6rem}.hero-btns{justify-content:flex-start}.hero-images{flex:1;order:2;max-width:100%;height:450px}.stats-inner{grid-template-columns:repeat(4,1fr)}.featured-inner{flex-direction:row;align-items:center;gap:4rem;padding:3rem}.featured-img{flex:1;height:400px}.steps{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1fr 1.5fr}.cta-form{flex-direction:row}.cta-form input{flex:1}footer{text-align:right}.footer-links{justify-content:flex-start}}@media (min-width:1024px){.cards{grid-template-columns:repeat(4,1fr)}.test-grid{grid-template-columns:repeat(2,1fr);max-width:900px}.hero-text h1{font-size:4.2rem}.cart-page{grid-template-columns:2fr 1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--orange-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--orange)}.mobile-menu-btn{display:flex}@media (min-width:768px){.mobile-menu-btn{display:none!important}}.mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#0009;transition:all .3s;position:fixed;inset:0}.mobile-nav-overlay.active{opacity:1;pointer-events:auto}.mobile-nav{background:var(--card-bg);z-index:1001;border-left:1px solid var(--card-border);flex-direction:column;width:280px;height:100vh;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1);display:flex;position:fixed;top:0;right:-300px;box-shadow:-10px 0 30px #0003}.mobile-nav.active{right:0}.mobile-nav-links{flex-direction:column;gap:1rem;display:flex}.mobile-nav-links a{color:var(--text-color);background:var(--stat-bg);border-radius:12px;padding:1rem 1.2rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s}.mobile-nav-links a:hover,.mobile-nav-links a.active{background:linear-gradient(135deg, var(--orange), var(--yellow));color:#fff;transform:translate(-5px)}.page-loader{background:var(--bg-color);z-index:9999999;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.page-loader.hidden{opacity:0;visibility:hidden}.loader-spinner{border:5px solid var(--orange-light);border-top-color:var(--orange);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{will-change:transform, opacity}.skeleton-bg{background:linear-gradient(90deg, var(--card-bg) 25%, var(--stat-bg) 50%, var(--card-bg) 75%);pointer-events:none;background-size:200% 100%;animation:1.5s infinite skeletonLoading;color:#0000!important;border-color:#0000!important}.skeleton-bg img,.skeleton-bg svg,.skeleton-bg .add-btn{visibility:hidden}.admin-container{flex-direction:column;display:flex}.admin-sidebar{width:100%}.admin-content{flex:1}@media (min-width:992px){.admin-container{flex-direction:row}.admin-sidebar{width:250px}}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.track-page{background:var(--bg-color);min-height:100vh}.track-container{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}@media (max-width:768px){.track-container{padding:1rem 1rem 3rem}}@media (max-width:640px){.cart-page{gap:1.5rem;padding:1rem}.cart-items-container{padding:1.2rem}.cart-item{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:2rem;position:relative}.cart-item-img{width:100%;height:180px}.cart-item-details{width:100%}.cart-qty-ctrl{justify-content:center;width:100%}.cart-item-remove{color:#fff;background:#dc2626cc;position:absolute;top:10px;left:10px}.summary-title{font-size:1.2rem}.checkout-btn{padding:1rem;font-size:1.1rem}.stats-grid,.stats-subgrid{grid-template-columns:1fr}.stat-value{font-size:1.2rem}.stat-icon{font-size:1.5rem}.stats-section{padding:1rem}}
