/* Oct 27 — six final visual refinements, intentionally layered last.
   No payment, booking, Cloudflare Worker or API changes. */

/* 1. Home gallery preview: preserve three cards, with readable captions and matching geometry. */
#gallery #gallery-grid .ruya-gallery-preview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(8px,2.2vw,18px)!important;align-items:stretch!important}
#gallery #gallery-grid .inspiration-card{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;height:100%!important;border-radius:16px!important;padding:clamp(5px,1vw,10px)!important;gap:0!important;overflow:hidden!important}
#gallery #gallery-grid .inspiration-picture{width:100%!important;flex:0 0 auto!important;aspect-ratio:4/4.8!important;border-radius:11px!important;overflow:hidden!important}
#gallery #gallery-grid .inspiration-picture img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:11px!important}
#gallery #gallery-grid .inspiration-label{display:flex!important;align-items:center!important;justify-content:center!important;min-height:3.25em!important;padding:9px 3px 3px!important;margin:0!important;font-family:'DM Sans',sans-serif!important;font-size:clamp(11px,1.25vw,14px)!important;font-weight:600!important;line-height:1.55!important;text-align:center!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important}
html[lang=ar] #gallery #gallery-grid .inspiration-label{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;font-weight:600!important;line-height:1.7!important;min-height:3.7em!important}
@media(max-width:760px){
 #gallery #gallery-grid .ruya-gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 #gallery #gallery-grid .inspiration-card{padding:5px!important;border-radius:12px!important}
 #gallery #gallery-grid .inspiration-picture{border-radius:8px!important}
 #gallery #gallery-grid .inspiration-picture img{border-radius:8px!important}
 #gallery #gallery-grid .inspiration-label{font-size:clamp(10px,2.65vw,12px)!important;line-height:1.5!important;padding:8px 2px 3px!important;min-height:3.6em!important}
 html[lang=ar] #gallery #gallery-grid .inspiration-label{font-size:clamp(10px,2.6vw,12px)!important;line-height:1.7!important;min-height:4em!important}
}
@media(max-width:370px){#gallery #gallery-grid .ruya-gallery-preview{gap:5px!important}#gallery #gallery-grid .inspiration-card{padding:4px!important}#gallery #gallery-grid .inspiration-label{font-size:10px!important}}

/* 2. Precisely drawn 1.5-line menu icon: top full length, lower short; never inherits three-line hamburger styles. */
@media(max-width:760px){
 .nav button.mobile-menu{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important;box-sizing:border-box!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:10px!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important}
 .nav button.mobile-menu span{display:block!important;flex:0 0 2px!important;height:2px!important;min-height:2px!important;max-height:2px!important;margin:0!important;padding:0!important;border:0!important;border-radius:5px!important;background:#604232!important;transform:none!important;align-self:flex-start!important}
 .nav button.mobile-menu span:first-child{width:22px!important}
 .nav button.mobile-menu span:nth-child(2){width:12px!important}
 .nav button.mobile-menu span:nth-child(3){display:none!important}
 html[dir=rtl] .nav button.mobile-menu{align-items:flex-end!important}
 html[dir=rtl] .nav button.mobile-menu span{align-self:flex-end!important}
}

/* 3 & 6. Balanced bilingual hero typography and *identical* countdown numerals. */
.old-ruya-hero .hero-copy{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;max-width:920px!important;margin-inline:auto!important;text-align:center!important}
#ruya-next-banner{box-sizing:border-box!important;width:auto!important;max-width:100%!important;padding:0!important;margin:0 auto clamp(16px,2.5vw,24px)!important}
#ruya-next-banner .ruya-next-banner-inner{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
#ruya-next-title,html[lang=ar] #ruya-next-title{font-size:clamp(12px,1.1vw,15px)!important;line-height:1.55!important;font-weight:600!important;letter-spacing:0!important;white-space:normal!important;margin:0!important}
#ruya-next-title{font-family:'DM Sans',sans-serif!important}
html[lang=ar] #ruya-next-title{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important}
.ruya-next-clock{direction:ltr!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:clamp(5px,.9vw,10px)!important;unicode-bidi:isolate!important}
.ruya-next-clock>span{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:clamp(34px,4vw,50px)!important;gap:3px!important}
.ruya-next-clock strong,html[lang=ar] .ruya-next-clock strong{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(25px,2.55vw,34px)!important;font-weight:500!important;line-height:1.15!important;letter-spacing:0!important;font-variant-numeric:tabular-nums!important;direction:ltr!important}
.ruya-next-clock small,html[lang=ar] .ruya-next-clock small{font-size:clamp(8px,.8vw,10px)!important;line-height:1.5!important;font-weight:600!important;letter-spacing:0!important;margin:0!important;white-space:nowrap!important}
.ruya-next-clock small{font-family:'DM Sans',sans-serif!important}
html[lang=ar] .ruya-next-clock small{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important}
.ruya-next-clock i{font-size:clamp(15px,1.8vw,20px)!important;line-height:1.3!important;margin-top:1px!important;opacity:.65!important}
.old-ruya-hero .hero-copy h1{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(37px,4.2vw,64px)!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.17!important;text-wrap:balance!important;max-width:860px!important;margin:0 auto clamp(12px,1.7vw,20px)!important}
html[lang=ar] .old-ruya-hero .hero-copy h1{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;font-size:clamp(36px,4.1vw,61px)!important;font-weight:600!important;letter-spacing:0!important;line-height:1.45!important}
.old-ruya-hero .hero-copy>p{font-family:'DM Sans',sans-serif!important;font-size:clamp(14px,1.25vw,17px)!important;font-weight:400!important;line-height:1.75!important;letter-spacing:0!important;max-width:680px!important;margin:0 auto clamp(18px,2vw,25px)!important;text-wrap:pretty!important;text-shadow:0 2px 9px rgba(24,12,7,.55)!important}
html[lang=ar] .old-ruya-hero .hero-copy>p{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;font-weight:400!important;line-height:1.95!important}
.old-ruya-hero .hero-actions{display:flex!important;align-items:stretch!important;justify-content:center!important;gap:12px!important;width:100%!important;max-width:440px!important}
.old-ruya-hero .hero-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:'DM Sans',sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;text-align:center!important;white-space:normal!important;min-height:44px!important}
html[lang=ar] .old-ruya-hero .hero-actions a{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;font-weight:600!important}
@media(max-width:760px){
 .old-ruya-hero .hero-copy{width:100%!important;padding:26px 19px!important}
 #ruya-next-banner{margin:0 auto 16px!important}
 #ruya-next-title,html[lang=ar] #ruya-next-title{font-size:12px!important;line-height:1.5!important}
 .ruya-next-clock{gap:6px!important}
 .ruya-next-clock>span{min-width:33px!important;gap:3px!important}
 .ruya-next-clock strong,html[lang=ar] .ruya-next-clock strong{font-size:clamp(24px,6.7vw,29px)!important;line-height:1.1!important}
 .ruya-next-clock small,html[lang=ar] .ruya-next-clock small{font-size:8px!important;line-height:1.45!important}
 .ruya-next-clock i{font-size:16px!important;margin-top:1px!important}
 .old-ruya-hero .hero-copy h1{font-size:clamp(26px,7.3vw,36px)!important;line-height:1.24!important;letter-spacing:-.025em!important;margin:0 auto 12px!important;max-width:100%!important}
 html[lang=ar] .old-ruya-hero .hero-copy h1{font-size:clamp(25px,7vw,34px)!important;line-height:1.55!important;letter-spacing:0!important;margin-bottom:8px!important}
 .old-ruya-hero .hero-copy>p{font-size:clamp(12px,3.2vw,14px)!important;line-height:1.75!important;font-weight:400!important;max-width:350px!important;margin:0 auto 17px!important}
 html[lang=ar] .old-ruya-hero .hero-copy>p{font-size:clamp(12px,3.1vw,14px)!important;line-height:1.95!important}
 .old-ruya-hero .hero-actions{gap:9px!important;max-width:380px!important}
 .old-ruya-hero .hero-actions a{min-width:0!important;min-height:43px!important;padding:9px 8px!important;font-size:clamp(10px,2.65vw,12px)!important;line-height:1.4!important}
 html[lang=ar] .old-ruya-hero .hero-actions a{font-size:clamp(10px,2.6vw,12px)!important}
}

/* 4. Sidebar: clear close control, refined wordmark, links and matching slide-out transition. */
@media(max-width:760px){
 .nav #links{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:24px 24px 34px!important;background:#fff9f2!important;visibility:hidden!important;transform:translateX(-105%)!important;transition:transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear .38s!important;will-change:transform!important;box-shadow:0 12px 40px rgba(45,28,17,.18)!important;overflow-y:auto!important}
 .nav #links.open{visibility:visible!important;transform:translateX(0)!important;transition:transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s!important}
 html[dir=rtl] .nav #links{transform:translateX(105%)!important}
 html[dir=rtl] .nav #links.open{transform:translateX(0)!important}
 #menu-backdrop{transition:opacity .38s ease!important}
 .nav #links .ruya-menu-top{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:52px!important;margin:0 0 24px!important;padding:0 0 16px!important;border-bottom:1px solid #eaded2!important;direction:ltr!important}
 .nav #links .ruya-menu-wordmark{display:inline-block!important;margin:0!important;font-family:Georgia,serif!important;font-size:20px!important;font-weight:400!important;letter-spacing:.13em!important;line-height:1.25!important;color:#614332!important}
 .nav #links .ruya-menu-top #ruya-menu-close{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;font-family:'DM Sans',sans-serif!important;font-size:24px!important;font-weight:400!important;line-height:1!important;color:#614332!important}
 .nav #links .ruya-menu-top #ruya-menu-close:hover{background:#f3e8dd!important}
 .nav #links>a{display:block!important;flex:0 0 auto!important;margin:0!important;padding:15px 8px!important;border-bottom:1px solid #ebded2!important;font-family:'DM Sans',sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.5!important;color:#513a2e!important;text-decoration:none!important}
 html[lang=ar] .nav #links>a{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;font-weight:600!important;text-align:right!important}
 html[dir=rtl] .nav #links .ruya-menu-top{direction:rtl!important}
 html[dir=rtl] .nav #links .ruya-menu-wordmark{font-family:Georgia,serif!important;letter-spacing:.13em!important}
}
@media(prefers-reduced-motion:reduce){.nav #links,#menu-backdrop{transition:none!important}}