:root{--creamy-bg:#FDFBF7;--creamy-surface:#F6F1E7;--creamy-card:#FFFFFF;--creamy-card-hover:#FAF6EE;--creamy-elevated:#FFFFFF;--chocolate-brown:#2A1B0E;--text-primary:#2A1B0E;--text-muted:#524233;--text-light:#594738;--gold-primary:#91601B;--gold-hover:#754C11;--gold-light:#B27827;--gold-border:rgba(145,96,27,.22);--gold-border-focus:rgba(145,96,27,.55);--gold-badge-bg:rgba(145,96,27,.08);--brand-red:#B91C1C;--brand-red-hover:#991B1B;--white:#FFFFFF;--success:#1b8a72;--warning:#b26d18;--shadow-sm:0 2px 8px rgba(42,27,14,.04);--shadow-md:0 8px 24px rgba(42,27,14,.07);--shadow-lg:0 16px 40px rgba(42,27,14,.1);--shadow-gold:0 8px 25px rgba(145,96,27,.18);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:50px;--transition-normal:all .3s cubic-bezier(.4,0,.2,1);--dark-bg:var(--creamy-bg);--dark-secondary:var(--creamy-surface);--dark-card:var(--creamy-card);--text-dark:var(--chocolate-brown);--text-gray:var(--text-muted);--gold-dark:var(--gold-hover)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:'Tajawal',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--creamy-bg);color:var(--text-primary);line-height:1.8;overflow-x:hidden;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.inner-page{padding-top:90px}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-primary);text-decoration:none;transition:var(--transition-normal)}
button,input,select,textarea{font-family:inherit;font-size:inherit}
.skip-link{position:absolute;top:-50px;right:20px;background:var(--chocolate-brown);color:var(--white);padding:.8rem 1.5rem;z-index:10001;border-radius:var(--radius-sm);transition:top .2s ease;font-weight:700}
.skip-link:focus{top:20px}
h1,h2,h3,h4,h5,h6{color:var(--chocolate-brown);font-weight:800;line-height:1.3}
.cormorant,.serif-font{font-family:'Cormorant Garamond','Tajawal',Georgia,serif}
.section-header{text-align:center;margin-bottom:3.5rem}
.section-label{color:var(--brand-red);font-size:.95rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:.8rem;display:inline-block;font-weight:800}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);color:var(--chocolate-brown);margin-bottom:1rem;font-weight:700}
.section-title span{color:var(--gold-primary)}
.section-desc{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:1.1rem;line-height:1.8}
.hero-badge,.menu-badge,.gallery-badge,.blog-badge,.faq-badge{display:inline-block;border:2px solid var(--gold-primary);padding:.5rem 1.8rem;border-radius:var(--radius-full);color:var(--gold-primary);font-size:.95rem;font-weight:800;background:var(--gold-badge-bg);margin-bottom:1.5rem;letter-spacing:1px}
.btn-primary{background:var(--gold-primary);color:var(--white)!important;padding:.9rem 2.5rem;border-radius:var(--radius-full);text-decoration:none;font-weight:800;font-size:1.05rem;transition:var(--transition-normal);border:2px solid var(--gold-primary);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:var(--shadow-sm);cursor:pointer}
.btn-primary:hover{background:var(--gold-hover);border-color:var(--gold-hover);transform:translateY(-2px);box-shadow:var(--shadow-gold);color:var(--white)!important}
.btn-secondary{background:transparent;color:var(--gold-primary)!important;padding:.9rem 2.5rem;border-radius:var(--radius-full);text-decoration:none;font-weight:800;font-size:1.05rem;transition:var(--transition-normal);border:2px solid var(--gold-primary);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer}
.btn-secondary:hover{background:var(--gold-primary);color:var(--white)!important;transform:translateY(-2px);box-shadow:var(--shadow-gold)}
.btn-cta{background:var(--brand-red);color:var(--white)!important;padding:.8rem 2.2rem;border-radius:var(--radius-full);text-decoration:none;font-weight:800;font-size:1rem;transition:var(--transition-normal);border:2px solid var(--brand-red);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);cursor:pointer}
.btn-cta:hover{background:var(--brand-red-hover);border-color:var(--brand-red-hover);transform:translateY(-2px);box-shadow:0 8px 25px rgba(185,28,28,.25);color:var(--white)!important}
.btn-explore-more{background:var(--creamy-card);color:var(--gold-primary)!important;border:2.5px solid var(--gold-primary);padding:.9rem 3.5rem;border-radius:var(--radius-full);text-decoration:none;font-weight:800;font-size:1.05rem;transition:var(--transition-normal);display:inline-block;box-shadow:var(--shadow-sm)}
.btn-explore-more:hover{background:var(--gold-primary);color:var(--white)!important;transform:translateY(-3px);box-shadow:var(--shadow-gold)}
.btn-submit{width:100%;background:var(--gold-primary);color:var(--white);padding:1rem;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:800;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}
.btn-submit:hover{background:var(--gold-hover);transform:translateY(-2px);box-shadow:var(--shadow-gold)}
.navbar{position:fixed;top:0;width:100%;z-index:1000;background:rgba(253,251,247,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--gold-border);transition:var(--transition-normal)}
.navbar.scrolled{background:rgba(253,251,247,.98);box-shadow:var(--shadow-md)}
.nav-container{max-width:1400px;margin:0 auto;padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;text-decoration:none}
.logo-img{height:55px;width:auto;object-fit:contain}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}
.nav-links a{color:var(--chocolate-brown);text-decoration:none;font-weight:700;font-size:1rem;position:relative;padding:.5rem 0;transition:var(--transition-normal)}
.nav-links a:hover,.nav-links a.active{color:var(--gold-primary)}
.nav-links a::after{content:'';position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--gold-primary);transition:width .3s ease}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.mobile-menu-btn{display:none;background:none;border:2px solid var(--gold-border);border-radius:var(--radius-sm);color:var(--gold-primary);font-size:1.5rem;width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center;transition:var(--transition-normal)}
.mobile-menu-btn:hover{background:var(--gold-badge-bg);border-color:var(--gold-primary)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;padding-top:80px;padding-left:8%;padding-right:5%}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(253,251,247,.96) 0%,rgba(253,251,247,.88) 50%,rgba(253,251,247,.4) 100%),url('../../royal_banner.jpg') center/cover no-repeat;z-index:-1}
.hero-content{text-align:center;z-index:1;padding:2rem;max-width:580px}
.hero-logo{max-width:320px;width:90%;margin:0 auto 2rem;filter:drop-shadow(0 10px 25px rgba(145,96,27,.25));animation:fadeInDown 1s ease}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,6vw,4.8rem);font-weight:700;margin-bottom:1.5rem;line-height:1.2}
.hero h1 .gold-text{color:var(--gold-primary);display:block}
.hero h1 .red-text{color:var(--brand-red);display:block;font-size:.58em;margin-top:.5rem}
.hero-subtitle{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--text-muted);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8}
.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}
.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);animation:bounce 2s infinite}
.menu-hero,.gallery-hero,.blog-hero,.article-hero,.faq-hero{padding:4.5rem 2rem 2.8rem;text-align:center;background:var(--creamy-surface);border-bottom:1px solid var(--gold-border)}
.menu-hero h1,.gallery-hero h1,.blog-hero h1,.article-hero h1,.faq-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:1rem;color:var(--chocolate-brown);font-weight:700}
.menu-hero h1 span,.gallery-hero h1 span,.blog-hero h1 span,.faq-hero h1 span{color:var(--gold-primary)}
.gallery-desc,.blog-desc,.faq-desc{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:1.1rem;line-height:1.8}
.breadcrumbs{display:flex;align-items:center;justify-content:center;gap:.5rem;list-style:none;margin-bottom:1.5rem;font-size:.95rem;font-weight:700}
.breadcrumbs li{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}
.breadcrumbs a{color:var(--gold-primary);text-decoration:none}
.breadcrumbs a:hover{color:var(--gold-hover);text-decoration:underline}
section{padding:5rem 2rem;position:relative}
.container{max-width:1200px;margin:0 auto}
.about,.gallery,.location,.faq-section{background-color:var(--creamy-surface)}
.menu,.testimonials,.reservation,.contact,.blog-section{background-color:var(--creamy-bg)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.about-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--gold-border);box-shadow:var(--shadow-md)}
.about-image img{width:100%;height:460px;object-fit:cover;transition:transform .5s ease}
.about-image:hover img{transform:scale(1.05)}
.about-content h2{font-family:'Cormorant Garamond',serif;font-size:2.5rem;margin-bottom:1.5rem;color:var(--chocolate-brown)}
.about-content h2 span{color:var(--gold-primary)}
.about-content p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.85}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:3rem}
.stat-item{text-align:center;padding:1.5rem;background:var(--creamy-card);border-radius:var(--radius-md);border:1px solid var(--gold-border);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}
.stat-item:hover{transform:translateY(-4px);border-color:var(--gold-primary);box-shadow:var(--shadow-md)}
.stat-number{font-family:'Cormorant Garamond',serif;font-size:2.6rem;color:var(--gold-primary);font-weight:700}
.stat-label{color:var(--chocolate-brown);font-weight:700;font-size:.95rem}
.ai-content{background:var(--creamy-card);border-right:5px solid var(--gold-primary);padding:2.5rem;border-radius:var(--radius-md);margin:3rem 0 1rem;border:1px solid var(--gold-border);border-right-width:5px;box-shadow:var(--shadow-sm)}
.ai-content h3{color:var(--chocolate-brown);margin-bottom:1rem;font-size:1.35rem;font-weight:800}
.ai-content p{color:var(--text-muted);line-height:1.85;font-size:1.05rem}
.search-container{max-width:500px;margin:2rem auto 0;padding:0 1rem}
.search-box{width:100%;padding:.9rem 1.6rem;background:var(--creamy-card);border:1.5px solid var(--gold-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:1rem;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}
.search-box:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px rgba(145,96,27,.15)}
.tabs-container{max-width:1000px;margin:0 auto 3rem;overflow-x:auto;padding:.5rem 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tabs-container::-webkit-scrollbar{display:none}
.menu-tabs{display:flex;justify-content:center;gap:.8rem;width:max-content;margin:0 auto}
.menu-tab{background:var(--creamy-card);border:2px solid var(--gold-border);color:var(--chocolate-brown);padding:.65rem 1.8rem;border-radius:var(--radius-full);cursor:pointer;font-size:.95rem;font-weight:700;white-space:nowrap;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}
.menu-tab.active,.menu-tab:hover{background:var(--gold-primary);color:var(--white);border-color:var(--gold-primary);box-shadow:var(--shadow-gold)}
.menu-grid-section{max-width:1200px;margin:0 auto 4rem;padding:0 1rem}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}
.menu-item,.menu-card{background:var(--creamy-card);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-normal);border:1px solid var(--gold-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.menu-item:hover,.menu-card:hover{transform:translateY(-8px);border-color:var(--gold-primary);box-shadow:var(--shadow-md)}
.menu-item-image{width:100%;height:220px;object-fit:cover;background:var(--creamy-surface)}
.menu-item-content{padding:1.6rem;display:flex;flex-direction:column;flex-grow:1}
.menu-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}
.menu-item-title{font-size:1.25rem;font-weight:800;color:var(--chocolate-brown)}
.menu-item-price{color:var(--brand-red);font-size:1.2rem;font-weight:800;white-space:nowrap}
.menu-item-desc{color:var(--text-muted);font-size:.95rem;line-height:1.65}
.btn-more-container{text-align:center;margin-top:3.5rem}
.gallery-section{max-width:1200px;margin:0 auto 4rem;padding:0 1rem}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:1.2rem}
.gallery-item{position:relative;overflow:hidden;border-radius:var(--radius-md);cursor:pointer;border:2px solid var(--gold-border);box-shadow:var(--shadow-sm)}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-item.large{grid-column:span 2;grid-row:span 2}
.gallery-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;background:linear-gradient(to top,rgba(42,27,14,.85) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end}
.gallery-item:hover .gallery-overlay{opacity:1}
.gallery-overlay h3{color:var(--white);font-size:1.15rem;font-weight:700;margin:0}
.testimonial-carousel-wrapper{position:relative;max-width:1200px;margin:0 auto;overflow:hidden;padding:1rem 0 2rem}
.testimonial-carousel{display:flex;transition:transform .6s cubic-bezier(.25,1,.5,1);width:100%}
.testimonial-slide{flex:0 0 100%;width:100%;padding:0 1rem;box-sizing:border-box}
@media (min-width:769px){.testimonial-slide{flex:0 0 33.333%}}
@media (max-width:768px) and (min-width:481px){.testimonial-slide{flex:0 0 50%}}
.testimonial-card{background:var(--creamy-card);padding:2.2rem;border-radius:var(--radius-lg);border:1.5px solid var(--gold-border);position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}
.testimonial-card:hover{transform:translateY(-4px);border-color:var(--gold-primary);box-shadow:var(--shadow-md)}
.testimonial-card::before{content:'"';font-family:'Cormorant Garamond',serif;font-size:5rem;color:var(--gold-primary);opacity:.15;position:absolute;top:-10px;right:20px}
.testimonial-text{color:var(--text-muted);margin-bottom:1.5rem;font-style:italic;line-height:1.8;position:relative;z-index:1}
.testimonial-author{display:flex;align-items:center;gap:1rem}
.author-avatar{width:52px;height:52px;border-radius:50%;background:var(--gold-badge-bg);border:2px solid var(--gold-primary);display:flex;align-items:center;justify-content:center;color:var(--gold-primary);font-weight:800;font-size:1.2rem;overflow:hidden}
.author-info h3,.author-info h4{margin-bottom:.2rem;color:var(--chocolate-brown);font-size:1.05rem;font-weight:800}
.author-info .stars{color:#8A5A16;letter-spacing:2px;font-size:.95rem}
.testimonial-dots,.contact-dots{display:flex;justify-content:center;gap:.6rem;margin-top:2rem}
.testimonial-dot,.contact-dot{width:10px;height:10px;border-radius:50%;background:var(--gold-border);cursor:pointer;transition:var(--transition-normal)}
.testimonial-dot.active,.contact-dot.active{background:var(--gold-primary);transform:scale(1.3);box-shadow:var(--shadow-gold)}
.reservation-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.reservation-form{background:var(--creamy-card);padding:3rem;border-radius:var(--radius-lg);border:1.5px solid var(--gold-border);box-shadow:var(--shadow-md)}
.form-group{margin-bottom:1.4rem}
.form-group label{display:block;margin-bottom:.4rem;color:var(--chocolate-brown);font-weight:700;font-size:.95rem}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.95rem 1.2rem;background:var(--creamy-bg);border:1.5px solid var(--gold-border);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:var(--transition-normal)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold-primary);background:var(--white);box-shadow:0 0 0 3px rgba(145,96,27,.15)}
input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(36%) sepia(50%) saturate(850%) hue-rotate(357deg) brightness(88%) contrast(92%);cursor:pointer;font-size:1.2rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.notice-card{background:var(--creamy-card);padding:3rem 2rem;border-radius:var(--radius-lg);border:2px solid var(--gold-primary);text-align:center;box-shadow:var(--shadow-md)}
.notice-icon{font-size:3.5rem;margin-bottom:1.2rem}
.notice-text{color:var(--chocolate-brown);font-size:1.15rem;font-weight:700;margin-bottom:2rem;line-height:1.8}
.btn-whatsapp-notice{display:inline-block;background:#25D366;color:var(--white)!important;padding:1rem 3rem;border-radius:var(--radius-full);text-decoration:none;font-weight:800;font-size:1.1rem;transition:var(--transition-normal);box-shadow:0 5px 15px rgba(37,211,102,.3)}
.btn-whatsapp-notice:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(37,211,102,.5)}
.reservation-info h3{font-family:'Cormorant Garamond',serif;font-size:2.2rem;margin-bottom:1.5rem;color:var(--chocolate-brown)}
.reservation-info h3 span{color:var(--gold-primary)}
.info-item{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.5rem}
.info-icon{color:var(--gold-primary);font-size:1.5rem;min-width:32px}
.info-text h4{margin-bottom:.3rem;color:var(--chocolate-brown);font-size:1.1rem;font-weight:800}
.info-text p{color:var(--text-muted);font-size:.95rem;line-height:1.6}
.location{padding:0}
.location-grid{display:grid;grid-template-columns:1fr 1fr}
.location-map{height:520px;background:var(--creamy-surface);position:relative}
.map-embed{width:100%;height:100%;border:none}
.location-info{padding:4rem;display:flex;flex-direction:column;justify-content:center}
.location-info h2{font-family:'Cormorant Garamond',serif;font-size:2.5rem;margin-bottom:2rem;color:var(--chocolate-brown)}
.location-info h2 span{color:var(--gold-primary)}
.location-detail{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem;padding:1.2rem;background:var(--creamy-card);border-radius:var(--radius-md);border:1px solid var(--gold-border);border-right:4px solid var(--gold-primary);box-shadow:var(--shadow-sm)}
.location-detail i{color:var(--gold-primary);font-size:1.4rem}
.location-detail h3,.location-detail h4{color:var(--chocolate-brown);font-size:1.15rem;margin-bottom:.2rem;font-weight:800}
.location-detail p{color:var(--text-muted);margin:0}
.contact-carousel-wrapper{position:relative;max-width:1200px;margin:0 auto;overflow:hidden;padding:1rem 0}
.contact-carousel{display:flex;transition:transform .6s cubic-bezier(.25,1,.5,1);width:100%}
.contact-slide{flex:0 0 100%;width:100%;padding:0 .8rem;box-sizing:border-box}
@media (min-width:769px){.contact-slide{flex:0 0 25%}}
@media (max-width:768px) and (min-width:481px){.contact-slide{flex:0 0 50%}}
.contact-card{background:var(--creamy-card);padding:2.5rem 1.5rem;border-radius:var(--radius-lg);text-align:center;border:1.5px solid var(--gold-border);transition:var(--transition-normal);position:relative;box-shadow:var(--shadow-sm);cursor:pointer}
.contact-card:hover{transform:translateY(-5px);border-color:var(--gold-primary);box-shadow:var(--shadow-md)}
.contact-icon{width:65px;height:65px;background:var(--gold-badge-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--gold-primary);font-size:1.8rem;border:2px solid var(--gold-primary)}
.contact-card h3{margin-bottom:.5rem;font-size:1.25rem;color:var(--chocolate-brown)}
.contact-card p{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}
.contact-details{max-height:0;overflow:hidden;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);margin-top:0}
.contact-card.show-details{border-color:var(--gold-primary);box-shadow:var(--shadow-gold)}
.contact-card.show-details .contact-details{max-height:120px;opacity:1;margin-top:1rem}
.contact-link{color:var(--gold-primary)!important;text-decoration:none;font-weight:800;transition:color .3s ease}
.contact-link:hover{color:var(--gold-hover)!important;text-decoration:underline}
.whatsapp-float{position:fixed;bottom:2rem;left:2rem;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;box-shadow:0 6px 20px rgba(37,211,102,.4);z-index:999;transition:var(--transition-normal);animation:pulse 2.5s infinite}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 30px rgba(37,211,102,.6)}
.blog-grid{display:flex;flex-direction:column;gap:2.5rem;max-width:1000px;margin:0 auto 5rem;padding:0 1rem}
.blog-card{display:flex;background:var(--creamy-card);border:1.5px solid var(--gold-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-normal);min-height:250px}
.blog-card:hover{transform:translateY(-5px);border-color:var(--gold-primary);box-shadow:var(--shadow-md)}
.blog-card:nth-child(even){flex-direction:row-reverse}
.blog-card-image-wrapper{width:40%;overflow:hidden;position:relative;background:var(--creamy-surface)}
.blog-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-card:hover .blog-card-image{transform:scale(1.05)}
.blog-card-content{width:60%;padding:2.2rem;display:flex;flex-direction:column;justify-content:space-between}
.blog-card-meta{font-size:.9rem;color:var(--text-light);display:flex;gap:1.2rem;margin-bottom:.8rem;font-weight:700}
.blog-card-title{font-size:1.45rem;font-weight:800;margin-bottom:.8rem;line-height:1.4}
.blog-card-title a{color:var(--chocolate-brown)}
.blog-card-title a:hover{color:var(--gold-primary)}
.blog-card-excerpt{color:var(--text-muted);font-size:1.05rem;line-height:1.75;margin-bottom:1.5rem}
.blog-read-more{font-weight:800;color:var(--gold-primary);display:inline-flex;align-items:center;gap:.4rem}
.blog-read-more:hover{color:var(--gold-hover);padding-right:4px}
.article-cover-container{max-width:1000px;margin:0 auto -80px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:2px solid var(--gold-border);aspect-ratio:16/9;background:var(--creamy-surface)}
.article-cover{width:100%;height:100%;object-fit:cover}
.main-container{max-width:1200px;margin:120px auto 5rem;padding:0 2rem;display:grid;grid-template-columns:8fr 3fr;gap:3rem}
.article-wrapper{background:var(--creamy-card);border:1.5px solid var(--gold-border);border-radius:var(--radius-lg);padding:3.5rem;box-shadow:var(--shadow-sm)}
.article-body{font-size:1.15rem;color:var(--chocolate-brown);line-height:var(--article-line-height,1.8)}
.article-body p{margin-bottom:var(--article-paragraph-spacing,1.5rem);text-align:justify}
.article-body h2{font-size:1.6rem;color:var(--chocolate-brown);margin:2.5rem 0 1.2rem;font-weight:800;border-right:4px solid var(--gold-primary);padding-right:.9rem}
.article-body h3{font-size:1.35rem;color:var(--gold-primary);margin:2rem 0 1rem;font-weight:800}
.article-body ul,.article-body ol{margin-right:2rem;margin-bottom:1.5rem}
.article-body li{margin-bottom:.6rem}
.article-body blockquote{border-right:4px solid var(--gold-primary);padding:1rem 1.8rem;background:var(--creamy-surface);margin:2rem 0;font-style:italic;border-radius:4px;color:var(--chocolate-brown)}
.sidebar{display:flex;flex-direction:column;gap:2rem}
.sidebar-widget{background:var(--creamy-card);border:1.5px solid var(--gold-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);position:sticky;top:110px}
.widget-title{font-size:1.2rem;font-weight:800;color:var(--chocolate-brown);border-bottom:2px solid var(--gold-primary);padding-bottom:.8rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}
.toc-list{list-style:none}
.toc-item{margin-bottom:.8rem}
.toc-item a{color:var(--text-muted);font-weight:600;font-size:.95rem;transition:var(--transition-normal);display:block}
.toc-item a:hover{color:var(--gold-primary);padding-right:6px}
.toc-h3{padding-right:1.2rem}
.toc-h3 a{font-size:.9rem}
.share-section{border-top:1px solid var(--gold-border);margin-top:3.5rem;padding-top:2rem}
.share-title{font-size:1.1rem;font-weight:800;color:var(--chocolate-brown);margin-bottom:1.2rem}
.share-buttons{display:flex;gap:.8rem;flex-wrap:wrap}
.btn-share{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.3rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--white)!important;font-size:.9rem;font-weight:700;transition:var(--transition-normal)}
.btn-share:hover{opacity:.92;transform:translateY(-2px)}
.btn-share.facebook{background:#1877f2}
.btn-share.twitter{background:#000}
.btn-share.whatsapp{background:#25d366}
.btn-share.telegram{background:#0088cc}
.btn-share.copy{background:var(--chocolate-brown);cursor:pointer;border:none}
.related-articles-section{background:var(--creamy-surface);border-top:1px solid var(--gold-border);padding:4.5rem 0;width:100%}
.related-title{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--chocolate-brown);margin-bottom:2rem;text-align:right;font-weight:800}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.related-card{background:var(--creamy-card);border:1px solid var(--gold-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}
.related-card:hover{transform:translateY(-5px);border-color:var(--gold-primary);box-shadow:var(--shadow-md)}
.related-card-img-wrapper{height:180px;overflow:hidden;background:var(--creamy-surface)}
.related-card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.related-card:hover .related-card-img-wrapper img{transform:scale(1.06)}
.related-card-body{padding:1.5rem}
.related-meta{font-size:.85rem;color:var(--text-light);margin-bottom:.6rem;font-weight:700}
.related-card-body h4{font-size:1.15rem;margin-bottom:.5rem;line-height:1.4}
.related-card-body h4 a{color:var(--chocolate-brown)}
.related-card-body h4 a:hover{color:var(--gold-primary)}
.faq-container{max-width:850px;margin:0 auto 6rem;padding:0 1rem}
.accordion-item{background:var(--creamy-card);border:1.5px solid var(--gold-border);border-radius:var(--radius-md);margin-bottom:1.2rem;overflow:hidden;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}
.accordion-item:hover{border-color:var(--gold-primary);box-shadow:var(--shadow-md)}
.accordion-header{padding:1.5rem 1.8rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;font-weight:800;color:var(--chocolate-brown);user-select:none;transition:background .3s ease}
.accordion-header:hover{background:var(--gold-badge-bg)}
.accordion-icon{font-size:1.4rem;color:var(--gold-primary);transition:transform .3s ease;font-weight:700}
.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1);background:var(--creamy-bg);border-top:1px solid transparent}
.accordion-inner{padding:1.6rem 1.8rem;font-size:1rem;color:var(--text-muted);line-height:1.85}
.accordion-item.active .accordion-content{max-height:600px;border-top-color:var(--gold-border)}
.accordion-item.active .accordion-icon{transform:rotate(45deg);color:var(--brand-red)}
.footer{background:#F3ECE1;border-top:2px solid var(--gold-border);padding:4.5rem 2rem 2.5rem;color:var(--text-primary)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3.5rem;max-width:1200px;margin:0 auto}
.footer-brand h3{font-family:'Cormorant Garamond',serif;font-size:2.2rem;color:var(--chocolate-brown);margin-bottom:1rem;font-weight:800}
.footer-brand p{color:var(--text-muted);margin-bottom:1.8rem;line-height:1.8}
.social-links{display:flex;gap:1rem}
.social-links a{width:44px;height:44px;border:1.5px solid var(--gold-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold-primary);background:var(--creamy-card);text-decoration:none;transition:var(--transition-normal);font-size:1.15rem;box-shadow:var(--shadow-sm)}
.social-links a:hover{background:var(--gold-primary);border-color:var(--gold-primary);color:var(--white)!important;transform:translateY(-3px);box-shadow:var(--shadow-gold)}
.footer-links h4{color:var(--chocolate-brown);margin-bottom:1.4rem;font-size:1.15rem;font-weight:800}
.footer-links ul{list-style:none}
.footer-links li{margin-bottom:.8rem}
.footer-links a{color:var(--text-muted);text-decoration:none;font-weight:600;transition:var(--transition-normal)}
.footer-links a:hover{color:var(--gold-primary);padding-right:4px}
.footer-bottom{max-width:1200px;margin:3.5rem auto 0;padding-top:2rem;border-top:1px solid var(--gold-border);text-align:center;color:var(--text-light);font-size:.95rem}
.footer-bottom a{color:var(--gold-primary);font-weight:700;text-decoration:none}
.footer-bottom a:hover{color:var(--gold-hover);text-decoration:underline}
.menu-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .3s ease;direction:rtl}
.menu-modal.show{opacity:1;pointer-events:auto}
.menu-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(42,27,14,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.menu-modal-content{position:relative;background:var(--creamy-card);border-radius:24px;overflow:hidden;width:100%;max-width:480px;box-shadow:var(--shadow-lg);border:2px solid var(--gold-primary);transform:translateY(30px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:10000}
.menu-modal.show .menu-modal-content{transform:translateY(0)}
.menu-modal-close{position:absolute;top:1rem;left:1rem;width:38px;height:38px;background:var(--creamy-surface);border:1px solid var(--gold-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:bold;color:var(--chocolate-brown);cursor:pointer;z-index:10001;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}
.menu-modal-close:hover{background:var(--brand-red);color:var(--white);border-color:var(--brand-red)}
.menu-modal-img-wrapper{width:100%;height:250px;overflow:hidden;background:var(--creamy-surface)}
.menu-modal-img-wrapper img{width:100%;height:100%;object-fit:cover}
.menu-modal-body{padding:1.8rem;text-align:right}
.menu-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.menu-modal-header h3{font-size:1.45rem;font-weight:800;color:var(--chocolate-brown)}
.menu-modal-header span{color:var(--brand-red);font-size:1.35rem;font-weight:800;white-space:nowrap}
.menu-modal-body p{color:var(--text-muted);font-size:1rem;line-height:1.7}
.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-20px)}60%{transform:translateX(-50%) translateY(-10px)}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.4)}70%{box-shadow:0 0 0 20px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes swipeHint{0%,100%{transform:translateX(0)}30%{transform:translateX(-25px)}60%{transform:translateX(15px)}}
@media (max-width:1024px){.about-grid,.reservation-grid,.location-grid,.main-container{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.gallery-item.large{grid-column:span 2;grid-row:span 1}.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}.sidebar{order:2}.article-wrapper{padding:2.2rem}}
@media (max-width:768px){.nav-links{display:none;flex-direction:column;position:fixed;top:75px;left:0;right:0;background:rgba(253,251,247,.98);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:2px solid var(--gold-primary);padding:2rem;gap:1.5rem;z-index:999;text-align:center;box-shadow:var(--shadow-lg);animation:slideDown .35s ease forwards}.nav-links.active{display:flex}.nav-links a{font-size:1.2rem;font-weight:800;color:var(--chocolate-brown);display:block;padding:.6rem 0}.mobile-menu-btn{display:flex}.nav-cta{display:none}.hero{min-height:auto;display:flex;flex-direction:column;padding-top:75px;padding-left:0;padding-right:0}.hero-bg{position:relative;width:100%;aspect-ratio:16/9;background:url('../../royal_banner.jpg') center/cover no-repeat;height:auto}.hero-content{position:relative;width:100%;padding:2.5rem 1.5rem;background:var(--creamy-bg);text-align:center}.hero-logo,.scroll-indicator,.hero-badge{display:none!important}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%}.about-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.about-image{border-radius:var(--radius-md)!important}.about-image img{height:180px!important}.about-content{text-align:right!important;padding:0!important}.about-content h2{font-size:1.6rem!important}.about-stats{grid-template-columns:repeat(3,1fr)!important;gap:.8rem!important;margin-top:1.5rem!important}.stat-item{padding:.8rem!important}.stat-number{font-size:1.8rem!important}.stat-label{font-size:.78rem!important}.tabs-container{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.8rem;animation:swipeHint 1.6s ease-out}.menu-tabs{justify-content:flex-start;padding-left:1.5rem;padding-right:1.5rem}.menu-tab{scroll-snap-align:start;flex:0 0 auto;padding:.5rem 1.4rem;font-size:.9rem}.menu-grid{grid-template-columns:repeat(2,1fr)!important;gap:.9rem!important}.menu-item,.menu-card{border-radius:var(--radius-md)!important}.menu-item-image{height:130px!important}.menu-item-content{padding:.9rem!important}.menu-item-title{font-size:1rem!important}.menu-item-price{font-size:1rem!important}.menu-item-desc{font-size:.78rem!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-grid{grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:140px!important;gap:.8rem!important}.gallery-item.large{grid-column:span 2!important;height:170px!important}.form-row{grid-template-columns:1fr}.reservation-form{padding:1.8rem 1.2rem!important}.location-map{height:280px!important}.location-info{padding:2rem 1.2rem!important}.info-list-container{display:grid;grid-template-columns:1fr 1fr;gap:.8rem!important}.info-item{background:var(--creamy-card)!important;border:1px solid var(--gold-border)!important;border-radius:var(--radius-md)!important;padding:.8rem!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.3rem!important}.blog-card,.blog-card:nth-child(even){flex-direction:column!important}.blog-card-image-wrapper{width:100%!important;height:200px!important}.blog-card-content{width:100%!important;padding:1.6rem!important}.main-container{padding:0 1rem;margin-top:100px}.article-wrapper{padding:1.8rem 1.2rem}.footer{padding:3.5rem 1.2rem 2rem}.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:2rem 1rem!important;text-align:right!important}.footer-brand{grid-column:span 2!important;text-align:center!important;margin-bottom:1.5rem!important}.footer-brand>img{margin:0 auto 1rem!important;max-width:170px!important}.social-links{justify-content:center!important}.footer-links:last-of-type{grid-column:span 2!important;text-align:center!important;padding-top:1.5rem!important;border-top:1px dashed var(--gold-border)!important}}
@media (max-width:480px){.menu-grid{grid-template-columns:1fr 1fr!important;gap:.6rem!important}.menu-item-image{height:110px!important}.menu-item-content{padding:.6rem!important}.info-list-container{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr!important;text-align:center!important}.footer-brand,.footer-links:last-of-type{grid-column:span 1!important}}
body.error-page-body{background-color:var(--creamy-bg);color:var(--chocolate-brown);margin:0;padding:1.5rem;display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center}
.error-card{max-width:580px;width:100%;padding:3.5rem 2rem;background:var(--creamy-card);border-radius:var(--radius-lg);border:2px solid var(--gold-primary);box-shadow:var(--shadow-lg);animation:fadeIn .8s ease}
.error-code{font-size:clamp(5rem,15vw,7.5rem);margin:0;color:var(--gold-primary);line-height:1;font-weight:900;font-family:'Cormorant Garamond',serif}
.error-code.danger{color:var(--brand-red)}
.error-card h1{font-size:1.8rem;margin:1.2rem 0;color:var(--chocolate-brown)}
.error-card p{color:var(--text-muted);margin-bottom:2.2rem;font-size:1.1rem;line-height:1.7}