:root{--color-primary:#c4a265;--color-primary-dark:#8b6914;--color-primary-light:#e8d5b0;--color-secondary:#2c1810;--color-accent:#d4af37;--color-accent-red:#8b2323;--color-bg:#0d0d0d;--color-bg-light:#1a1a1a;--color-bg-card:#141414;--color-text:#fff;--color-text-muted:#a0a0a0;--color-text-dark:#2c1810;--font-display:"Playfair Display",serif;--font-arabic:"Amiri",serif;--font-body:"Tajawal",sans-serif;--section-padding:100px 0;--container-max:1200px;--transition-fast:.2s ease;--transition-medium:.4s ease;--transition-slow:.6s ease;--shadow-soft:0 4px 20px #0000004d;--shadow-gold:0 4px 30px #c4a26533}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;overflow-x:hidden}a{color:inherit;transition:var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}ul{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px}.section{padding:var(--section-padding)}.navbar{z-index:1000;transition:var(--transition-medium);padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d0df2;padding:15px 0;box-shadow:0 2px 20px #00000080}.nav-container{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 20px;display:flex}.nav-logo{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.logo-arabic{font-family:var(--font-arabic);color:var(--color-primary);font-size:1.4rem;line-height:1}.logo-text{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;font-size:1rem;font-weight:600}.nav-menu{gap:40px;display:flex}.nav-link{letter-spacing:1px;text-transform:uppercase;padding:5px 0;font-size:.9rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--color-primary);width:0;height:2px;transition:var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.nav-toggle span{background:var(--color-text);width:25px;height:2px;transition:var(--transition-fast)}.hero{justify-content:center;align-items:center;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-parallax{will-change:transform;background:url(https://indroyc.com/wp-content/uploads/2017/08/kahramana_baghdad.jpg?w=1200) 50%/cover no-repeat;width:100%;height:120%;position:absolute;top:0;left:0}.hero-overlay{background:linear-gradient(#0d0d0d66 0%,#0d0d0d99 50%,#0d0d0df2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;text-align:center;max-width:900px;padding:0 20px;position:relative}.hero-badge{border:1px solid var(--color-primary);letter-spacing:2px;text-transform:uppercase;color:var(--color-primary);background:#c4a26533;border-radius:30px;margin-bottom:30px;padding:8px 24px;font-size:.85rem;font-weight:500;animation:.8s forwards fadeInUp;display:inline-block}.hero-title{opacity:0;margin-bottom:20px;animation:.8s .2s forwards fadeInUp}.title-arabic{font-family:var(--font-arabic);color:var(--color-primary);text-shadow:0 4px 30px #c4a2654d;margin-bottom:10px;font-size:clamp(2.5rem,6vw,4.5rem);display:block}.title-main{font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;display:block}.hero-subtitle{color:var(--color-text-muted);letter-spacing:3px;text-transform:uppercase;opacity:0;margin-bottom:15px;font-size:clamp(1.1rem,2.5vw,1.4rem);animation:.8s .4s forwards fadeInUp}.hero-tagline{font-family:var(--font-display);color:var(--color-primary-light);opacity:0;margin-bottom:40px;font-size:1.2rem;font-style:italic;animation:.8s .5s forwards fadeInUp}.hero-buttons{opacity:0;flex-wrap:wrap;justify-content:center;gap:20px;animation:.8s .6s forwards fadeInUp;display:flex}.btn{letter-spacing:2px;text-transform:uppercase;transition:var(--transition-medium);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;padding:16px 40px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-text-dark);border:2px solid var(--color-primary)}.btn-primary:hover{background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-gold);transform:translateY(-3px)}.btn-outline{color:var(--color-text);border:2px solid var(--color-text);background:0 0}.btn-outline:hover{background:var(--color-text);color:var(--color-bg);transform:translateY(-3px)}.scroll-indicator{text-align:center;animation:2s infinite bounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator span{letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:10px;font-size:.75rem;display:block}.scroll-arrow{border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);width:24px;height:24px;margin:0 auto;transform:rotate(45deg)}.section-header{text-align:center;margin-bottom:60px}.section-tag{letter-spacing:3px;text-transform:uppercase;color:var(--color-primary);margin-bottom:15px;font-size:.85rem;font-weight:500;display:inline-block}.section-title{font-family:var(--font-display);margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.title-decoration{justify-content:center;align-items:center;gap:15px;display:flex}.decoration-line{background:var(--color-primary);width:60px;height:1px}.decoration-symbol{color:var(--color-primary);font-size:1.5rem}.about{background:var(--color-bg)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-content h3{font-family:var(--font-display);color:var(--color-primary);margin-bottom:20px;font-size:1.8rem}.about-content p{color:var(--color-text-muted);margin-bottom:20px;font-size:1.05rem}.about-content p strong{color:var(--color-text)}.about-lead{color:var(--color-text);margin-bottom:20px;font-size:1.3rem;line-height:1.8}.about-features{flex-wrap:wrap;gap:15px;margin-top:40px;display:flex}.feature{border:1px solid var(--color-primary);background:0 0;border-radius:30px;padding:12px 24px}.feature-title{color:var(--color-primary);letter-spacing:1px;font-size:.9rem;font-weight:500}.about-image{position:relative}.about-image img{object-fit:cover;border:2px solid var(--color-primary);border-radius:20px;width:100%;max-width:100%;height:auto;display:block}.image-price{text-align:center;font-family:var(--font-display);color:var(--color-primary);text-shadow:0 0 20px #c4a26566;margin-bottom:15px;font-size:2rem;font-weight:700;display:block}.image-price small{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;font-size:1rem;font-weight:500}.parallax-divider{background:url(https://images.unsplash.com/photo-1529006557810-274b9b2fc783?w=1920) 50%/cover no-repeat fixed;justify-content:center;align-items:center;height:400px;display:flex;position:relative;overflow:hidden}.parallax-2{background-image:url(https://images.unsplash.com/photo-1555939594-58d7cb561ad1?w=1920)}.divider-overlay{background:#0d0d0dd9;width:100%;height:100%;position:absolute;top:0;left:0}.divider-content{z-index:10;text-align:center;padding:0 20px;position:relative}.quote{font-family:var(--font-display);max-width:700px;margin:0 auto;font-size:clamp(1.5rem,3vw,2rem);font-style:italic}.quote cite{color:var(--color-primary);margin-top:20px;font-size:.9rem;font-style:normal;display:block}.stats-grid{flex-wrap:wrap;justify-content:center;gap:80px;display:flex}.stat{text-align:center}.stat-number{font-family:var(--font-display);color:var(--color-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1;display:block}.stat-label{color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:10px;font-size:.9rem}.menu{background:var(--color-bg-light)}.offers-grid{grid-template-columns:repeat(2,1fr);gap:30px;max-width:800px;margin-bottom:60px;margin-left:auto;margin-right:auto;display:grid}.offer-card{background:linear-gradient(135deg,var(--color-bg-card)0%,#c4a2651a 100%);border:2px solid var(--color-primary);text-align:center;transition:var(--transition-medium);border-radius:20px;padding:40px 30px;position:relative;overflow:hidden}.offer-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#c4a2651a 0%,#0000 50%);position:absolute;inset:0}.offer-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4af371a 0%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%,to{opacity:.5;transform:rotate(0)}50%{opacity:1;transform:rotate(180deg)}}.offer-card:hover{border-color:var(--color-accent);transform:translateY(-10px)scale(1.02);box-shadow:0 20px 60px #c4a2654d}.offer-badge{background:linear-gradient(90deg,var(--color-accent-red),#b22222);color:#fff;text-transform:uppercase;letter-spacing:1px;padding:8px 50px;font-size:.75rem;font-weight:700;position:absolute;top:15px;right:-35px;transform:rotate(45deg);box-shadow:0 2px 10px #8b232380}.offer-title{font-family:var(--font-display);color:var(--color-text);z-index:1;margin-bottom:20px;font-size:1.4rem;font-weight:600;position:relative}.offer-price{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 0 30px #c4a26580;z-index:1;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}@media (max-width:600px){.offers-grid{grid-template-columns:1fr;gap:20px}.offer-card{padding:30px 20px}.offer-title{font-size:1.2rem}.offer-price{font-size:2rem}}.menu-images{flex-direction:column;align-items:center;gap:30px;display:flex}.menu-image{border:2px solid var(--color-primary);width:100%;max-width:1200px;height:auto;box-shadow:var(--shadow-gold);transition:var(--transition-medium);border-radius:16px}.menu-image:hover{transform:scale(1.02);box-shadow:0 8px 40px #c4a2654d}@media (max-width:768px){.menu-images{gap:20px}.menu-image{border-width:1px;border-radius:12px}}.menu-category-title{font-family:var(--font-display);color:var(--color-primary);border-bottom:1px solid #c4a2654d;margin:50px 0 25px;padding-bottom:10px;font-size:1.5rem}.menu-category-title:first-of-type{margin-top:0}.menu-category-subtitle{color:var(--color-text-muted);margin:-15px 0 20px;font-size:.95rem;font-style:italic}.menu-note{text-align:center;color:var(--color-text-muted);margin-top:50px;font-size:.9rem}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;display:grid}.menu-item{background:var(--color-bg-card);transition:var(--transition-medium);border:1px solid #ffffff0d;border-radius:16px;padding:30px;position:relative;overflow:hidden}.menu-item:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform-origin:0;width:100%;height:3px;transition:var(--transition-medium);position:absolute;top:0;left:0;transform:scaleX(0)}.menu-item:hover{box-shadow:var(--shadow-soft);border-color:#c4a26533;transform:translateY(-5px)}.menu-item:hover:before{transform:scaleX(1)}.menu-item.hidden{display:none}.menu-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.menu-item h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.price{font-family:var(--font-display);color:var(--color-primary);font-size:1.2rem;font-weight:700}.menu-item p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.tag{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-top:15px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.tag.popular{color:var(--color-primary);background:#c4a26533}.tag.bestseller{color:var(--color-accent);background:#d4af3733}.menu-note{text-align:center;background:var(--color-bg-card);border:1px dashed var(--color-primary);border-radius:16px;margin-top:50px;padding:30px}.menu-note p{color:var(--color-text-muted);font-size:.95rem}.gallery{background:var(--color-bg)}.carousel{border-radius:20px;max-width:900px;margin:0 auto;position:relative;overflow:hidden}.carousel-container{width:max-content;transition:transform .5s;display:flex}.carousel-slide{flex-shrink:0;width:900px;min-width:900px;height:500px;position:relative}.carousel-slide img{object-fit:cover;width:100%;height:100%}.carousel-btn{border:1px solid var(--color-primary);cursor:pointer;width:50px;height:50px;transition:var(--transition-fast);z-index:10;background:#0d0d0dcc;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:var(--color-primary)}.carousel-btn svg{width:24px;height:24px;color:var(--color-text)}.carousel-btn:hover svg{color:var(--color-bg)}.carousel-btn-prev{left:20px}.carousel-btn-next{right:20px}.carousel-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;width:12px;height:12px;transition:var(--transition-fast);background:#fff6;border:none;border-radius:50%}.carousel-dot:hover,.carousel-dot.active{background:var(--color-primary)}.contact{background:var(--color-bg-light)}.contact-grid{grid-template-columns:1fr 1.2fr;gap:60px;display:grid}.contact-info{flex-direction:column;gap:25px;display:flex}.info-card{background:var(--color-bg-card);transition:var(--transition-medium);border:1px solid #ffffff0d;border-radius:16px;padding:25px}.info-card:hover{border-color:#c4a26533}.info-card h3{font-family:var(--font-display);color:var(--color-primary);margin-bottom:15px;font-size:1.1rem}.info-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.info-card p a{color:var(--color-text)}.info-card p a:hover{color:var(--color-primary)}.info-card small{color:var(--color-primary);margin-top:8px;font-size:.85rem;display:block}.hours-grid{color:var(--color-text-muted);grid-template-columns:1fr auto;gap:8px 20px;font-size:.95rem;display:grid}.contact-map{border:2px solid var(--color-primary);border-radius:20px;overflow:hidden}.map-container{background:var(--color-bg-card);height:100%;min-height:400px}.map-container iframe{width:100%;height:100%}.footer{background:var(--color-bg);padding:80px 0 30px;position:relative;overflow:hidden}.footer-pattern{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C4A265' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.footer-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid;position:relative}.footer-logo{margin-bottom:20px}.footer-logo .logo-arabic{font-size:2rem}.footer-logo .logo-text{font-size:1.2rem}.footer-brand p{color:var(--color-text-muted);max-width:300px;margin-bottom:25px}.social-links{gap:15px;display:flex}.social-links a{background:var(--color-bg-light);width:44px;height:44px;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-links a:hover{background:var(--color-primary);transform:translateY(-3px)}.social-links svg{width:20px;height:20px}.footer-contact h4,.footer-hours h4,.footer-order h4{font-family:var(--font-display);color:var(--color-primary);margin-bottom:15px;font-size:1rem}.footer-contact p,.footer-hours p{color:var(--color-text-muted);font-size:.9rem;line-height:1.8}.footer-contact a{color:var(--color-text)}.footer-contact a:hover{color:var(--color-primary)}.footer-order a{color:var(--color-text-muted);transition:var(--transition-fast);margin-bottom:10px;font-size:.9rem;display:block}.footer-order a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:30px;position:relative}.footer-bottom p{color:var(--color-text-muted);font-size:.9rem}.footer-credit{margin-top:10px;font-size:.8rem!important}.footer-credit a{color:var(--color-primary)}.footer-credit a:hover{text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width:1024px){.about-grid{gap:50px}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width:768px){.nav-menu{background:var(--color-bg);width:80%;max-width:400px;height:100vh;transition:var(--transition-medium);flex-direction:column;justify-content:center;align-items:center;gap:30px;position:fixed;top:0;right:-100%}.nav-menu.active{right:0}.nav-toggle{z-index:1001;display:flex}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.about-grid{grid-template-columns:1fr}.about-image{order:-1}.stats-grid{gap:40px}.menu-grid{grid-template-columns:1fr}.gallery-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.gallery-item.large,.gallery-item.tall{grid-area:span 1/span 1}.footer-grid{text-align:center;grid-template-columns:1fr}.footer-brand p{max-width:none}}@media (max-width:480px){.hero-buttons{flex-direction:column;width:100%}.btn{width:100%}.menu-categories{gap:8px}.menu-tab{padding:10px 20px;font-size:.8rem}.parallax-divider{height:300px}.stats-grid{flex-direction:column;gap:30px}}html[dir=rtl]{text-align:right}html[dir=rtl] .nav-menu{flex-direction:row-reverse}html[dir=rtl] .about-grid,html[dir=rtl] .contact-grid,html[dir=rtl] .footer-grid{direction:rtl}html[dir=rtl] .menu-item-header{flex-direction:row-reverse}html[dir=rtl] .hours-grid{direction:rtl}.lang-switch{transition:var(--transition-fast);border-radius:4px;font-weight:600;background:var(--color-primary)!important;color:var(--color-bg)!important;padding:8px 16px!important}.lang-switch:hover{transform:scale(1.05);background:var(--color-accent)!important}
