/* IMRAN V17 — responsive production polish; overrides ONLY presentation. */
:root{--m17-dark:#102e27;--m17-gold:#ddc39a;--m17-paper:#faf9f5}
html,body{max-width:100%;overflow-x:clip}
body{min-width:320px}
.site-header{z-index:1000!important;isolation:isolate}
.site-header .nav{position:relative;max-width:1460px!important;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-header .brand{flex:0 0 auto;min-width:0}
.site-header .brand img{object-fit:contain}
.site-header .navlinks a{color:#f5f0e5!important;opacity:1!important;text-shadow:none!important}
.site-header .navlinks a:hover,.site-header .navlinks a:focus-visible{color:#f2d8aa!important}
.site-header .navlinks .imran-nav-cta{color:#14382e!important;text-shadow:none!important}
.site-header .studio-menu{flex:0 0 auto;align-items:center;justify-content:center;color:#153a2e!important;background:#f8f3e8!important;border:1px solid #dfc9a5!important;box-shadow:0 3px 12px #0002;border-radius:12px;z-index:1012;line-height:1}
.site-header .studio-menu[aria-expanded="true"]{background:#e8cfaa!important;color:#15372d!important}
.imran-lang-switch{order:1;flex-shrink:0;margin-inline:0!important}
.site-header .navlinks{order:0}
.site-header .studio-menu{order:2}
/* Desktop and laptop: readable spacing and no clipped menu */
@media(min-width:851px){.site-header .nav{padding-inline:clamp(20px,3vw,44px)!important}.site-header .navlinks{flex:1 1 auto;justify-content:center;gap:clamp(9px,1.2vw,19px)!important}.site-header .navlinks a{font-size:clamp(11px,.9vw,14px)!important}.site-header .brand{max-width:160px}.imran-lang-switch{margin-inline:5px!important}}
/* Tablet and mobile: high-contrast menu on dark surface, independent of previous theme layers */
@media(max-width:850px){
 .site-header{position:sticky!important;top:0!important}
 .site-header .nav{min-height:70px!important;padding:9px 16px!important;flex-direction:row!important;flex-wrap:nowrap!important}
 .site-header .brand{margin-inline:auto;max-width:110px}
 .site-header .brand img{max-width:85px;max-height:49px!important;width:auto;height:42px}
 .site-header .brand #navBrand{display:none!important}
 .site-header .studio-menu{display:flex!important;width:43px;height:43px;font-size:25px!important}
 .site-header .navlinks,.site-header .navlinks.studio-open{
  position:fixed!important;top:calc(70px + env(safe-area-inset-top,0px))!important;
  inset-inline:12px!important;left:12px!important;right:12px!important;
  bottom:auto!important;width:auto!important;max-height:min(76dvh,700px)!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
  padding:13px!important;gap:4px!important;
  background:#11372d!important;border:1px solid rgba(225,199,153,.42)!important;
  border-radius:19px!important;box-shadow:0 24px 75px #00170ed9!important;
  backdrop-filter:none!important;direction:inherit!important;
  z-index:1011!important;flex-direction:column!important;align-items:stretch!important;
 }
 .site-header .navlinks:not(.studio-open){display:none!important}
 .site-header .navlinks.studio-open{display:flex!important;animation:m17MenuIn .22s ease both}
 .site-header .navlinks a,.site-header .navlinks a:visited{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  min-height:49px!important;padding:12px 16px!important;margin:0!important;
  color:#fff9ee!important;font-size:15px!important;font-weight:700!important;
  border:1px solid transparent!important;border-bottom:1px solid rgba(245,235,216,.10)!important;
  border-radius:11px!important;background:transparent!important;opacity:1!important;
  text-align:start!important;text-decoration:none!important;text-shadow:none!important
 }
 .site-header .navlinks a:hover,.site-header .navlinks a:focus-visible,.site-header .navlinks a:active{background:#244f41!important;color:#ffe2b0!important;border-color:#8e795a!important}
 .site-header .navlinks a:after{display:none!important}
 .site-header .navlinks .imran-nav-cta{margin-top:8px!important;justify-content:center!important;background:#e7cda4!important;color:#11352b!important;border-radius:13px!important;border:1px solid #e7cda4!important}
 .site-header .navlinks .imran-nav-cta:hover{background:#f6dfb9!important;color:#11352b!important}
 .imran-lang-switch{order:0;flex-shrink:0;z-index:1013!important;gap:2px!important;border-color:#9c8966!important;background:#1c4438!important}
 .imran-lang-switch button{font-size:11px!important;min-width:34px;min-height:32px;color:#fff0d4!important}
 .imran-lang-switch button.active{color:#10352b!important;background:#e6c99d!important}
 .site-header .studio-menu{order:2}
 .m17-menu-scrim{position:fixed;inset:70px 0 0;z-index:999;background:rgba(3,23,18,.62);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .22s}
 body.m17-menu-open .m17-menu-scrim{opacity:1;pointer-events:auto}
 body.m17-menu-open{overflow:hidden}
 .hero.imran-hero-13{min-height:0!important}
 .imran-hero-container{width:calc(100% - 40px)!important;min-height:0!important;padding:86px 0 90px!important;gap:18px!important}
 .imran-hero-copy{width:100%!important;max-width:100%!important}
 .imran-hero-copy h1{font-size:clamp(38px,7.5vw,68px)!important;line-height:1.36!important;overflow-wrap:normal!important}
 .imran-hero-desc{font-size:16px!important;line-height:1.9!important}
 .imran-hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px!important}
 .imran-hero-buttons a{max-width:100%;white-space:normal}
 .imran-hero-bottom{position:relative!important;bottom:auto!important;padding:0 18px 22px!important}
 .imran-portal-intro{padding:70px 18px!important}
 .imran-search-head h2{font-size:clamp(33px,6.6vw,52px)!important;line-height:1.32!important}
 .imran-v14-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .imran-portal .section{scroll-margin-top:88px!important}
 .imran-portal .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .imran-portal .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .imran-portal .project>img{height:260px!important}
 .imran-portal .hotels #hotelGrid>.card:only-child{grid-template-columns:1fr!important}
 .imran-portal .hotels #hotelGrid>.card:only-child>img{height:265px!important;min-height:0!important}
 .imran-portal .hotels #hotelGrid>.card:only-child .card-body{padding:26px!important}
 .imran-portal .map-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@keyframes m17MenuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:540px){
 .site-header .nav{min-height:64px!important;padding:8px 12px!important}
 .site-header .navlinks,.site-header .navlinks.studio-open{top:calc(64px + env(safe-area-inset-top,0px))!important;inset-inline:10px!important;left:10px!important;right:10px!important;max-height:calc(100dvh - 84px)!important}
 .m17-menu-scrim{inset-block-start:64px}
 .site-header .brand img{height:39px!important;max-height:39px!important}
 .site-header .studio-menu{width:42px;height:42px}
 .imran-lang-switch{padding:2px 4px!important}
 .imran-lang-switch button{min-width:31px!important;padding:5px!important;font-size:10px!important}
 .hero.imran-hero-13{min-height:0!important}
 .imran-hero-container{width:calc(100% - 32px)!important;padding:74px 0 80px!important;min-height:0!important}
 .imran-hero-copy h1{font-size:clamp(36px,10vw,51px)!important;line-height:1.35!important;margin:17px 0!important}
 .imran-hero-overline{font-size:14px!important}
 .imran-hero-desc{font-size:14px!important;line-height:1.9!important}
 .imran-hero-buttons{gap:12px!important;margin-top:25px!important}
 .imran-gold-button{padding:13px 20px!important;min-height:48px!important;font-size:13px!important}
 .imran-hero-textlink{font-size:13px!important}
 .imran-hero-proof{flex-wrap:wrap!important;gap:12px!important}
 .imran-portal-intro{padding:57px 14px 65px!important}
 .imran-search-head h2{font-size:clamp(32px,9vw,43px)!important}
 .imran-hero-search{grid-template-columns:minmax(0,1fr)!important;padding:10px!important;gap:7px!important}
 .imran-hero-search label{width:100%!important;min-width:0!important}
 .imran-hero-search select,.imran-hero-search input{font-size:16px!important;max-width:100%!important}
 .imran-hero-search button{min-height:54px!important;width:100%!important}
 .imran-v14-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
 .imran-v14-categories button{min-height:125px!important;border-radius:16px!important}
 .imran-portal .section{padding:55px 16px!important}
 .imran-portal .filters{grid-template-columns:minmax(0,1fr)!important;padding:14px!important;gap:12px!important}
 .imran-portal .filters label{width:100%!important}
 .imran-portal .grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 .imran-portal .card{width:100%!important;max-width:100%!important}
 .imran-portal .card>img{height:225px!important}
 .imran-portal .card-body{padding:21px!important}
 .imran-portal .hotels{padding-inline:14px!important}
 .imran-portal .hotels #hotelGrid>.card:only-child>img{height:225px!important}
 .imran-portal .hotels #hotelGrid>.card:only-child .card-body{padding:22px!important}
 .imran-portal .hotels #hotelGrid>.card:only-child .primary{width:100%!important;min-width:0!important}
 .imran-portal .assistant{margin:12px 10px 28px!important;border-radius:18px!important}
 .imran-portal .assistant-form{flex-direction:column!important}
 .imran-portal .assistant-form input,.imran-portal .assistant-form button{width:100%!important;flex:auto!important;min-height:50px!important}
 .imran-portal .map-filters{grid-template-columns:minmax(0,1fr)!important}
 .imran-portal .imran-map{height:350px!important;min-height:350px!important}
 .imx-calc,.imx-fields,.imx-layout{min-width:0!important}
 .imx-fields{grid-template-columns:minmax(0,1fr)!important}
 #inquiryDialog,#bookingDialog{max-width:calc(100vw - 22px)!important;max-height:calc(100dvh - 35px)!important;padding:16px!important}
 .imran-portal .section-title h2{font-size:clamp(28px,7.8vw,38px)!important}
}
@media(max-width:370px){.site-header .nav{padding-inline:8px!important}.imran-lang-switch button{min-width:27px!important}.imran-hero-copy h1{font-size:34px!important}.imran-v14-categories button span:not(.v15-icon){font-size:12px!important}}
/* English: keep full English layout, avoid right-aligned controls and accidental mixed direction */
html[lang="en"] .site-header .navlinks{direction:ltr!important}
html[lang="en"] .imran-portal{direction:ltr!important}
html[lang="en"] .imran-portal .card-body{direction:ltr!important;text-align:left!important}
html[lang="en"] .imran-portal .hotels #hotelGrid>.card:only-child .card-body{direction:ltr!important;text-align:left!important}
html[lang="en"] .imran-portal .section-title,html[lang="en"] .imran-portal .heading{direction:ltr;text-align:left}
@media(prefers-reduced-motion:reduce){.site-header .navlinks.studio-open{animation:none!important}.m17-menu-scrim{transition:none!important}}