/* Mehrgan Luxury Elementor — lightweight DAMAC-inspired design system */
:root{
  --mgsd-accent:#c8a66a;
  --mgsd-accent-dark:#a8874e;
  --mgsd-ink:#0e2232;
  --mgsd-dark:#06131f;
  --mgsd-muted:#6f7c86;
  --mgsd-line:rgba(15,34,50,.12);
  --mgsd-shell:1460px;
  --mgsd-radius:0px;
}

.mgsd-shell{width:min(var(--mgsd-shell),92%);margin-inline:auto}

/* Transparent homepage header + solid glass state on scroll */
body.mgs-luxury-home .mgs-site-header{
  transition:background .32s ease,box-shadow .32s ease,border-color .32s ease,transform .32s ease!important;
}
body.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled){
  position:absolute!important;
  top:0;left:0;right:0;
  z-index:9999;
  background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.10) 72%,rgba(0,0,0,0) 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.17)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.admin-bar.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled){top:32px}
body.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled) .mgs-primary-menu>li>a,
body.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled) .mgs-icon-btn,
body.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled) .mgs-lang{color:#fff!important}
body.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled) .mgs-menu-toggle span{background:#fff!important}
body.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled) .mgs-logo img{background:transparent!important;filter:brightness(0) invert(1);transition:filter .3s ease}
body.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled) .mgs-primary-menu>li>a:after{background:var(--mgsd-accent)!important}
body.mgs-luxury-home .mgs-site-header.mgs-header-scrolled{
  position:fixed!important;
  top:0;left:0;right:0;
  z-index:9999;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(15,34,50,.08)!important;
  box-shadow:0 14px 45px rgba(5,20,32,.08)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
body.admin-bar.mgs-luxury-home .mgs-site-header.mgs-header-scrolled{top:32px}
body.mgs-luxury-home .mgs-site-header.mgs-header-scrolled .mgs-logo img{filter:none;transition:filter .3s ease}

/* Hero */
.mgsd-hero{
  position:relative;
  min-height:92vh;
  overflow:hidden;
  isolation:isolate;
  display:flex;
  align-items:flex-end;
  background:var(--mgsd-dark);
  color:#fff;
}
.mgsd-hero__media,.mgsd-hero__overlay{position:absolute;inset:0}
.mgsd-hero__media{
  z-index:-3;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  transform:scale(1.015);
}
.mgsd-hero__video{width:100%;height:100%;object-fit:cover;display:block}
.mgsd-hero__overlay{
  z-index:-2;
  background-color:#06131f;
}
.mgsd-hero:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,15,24,.18),rgba(4,15,24,.06) 42%,rgba(4,15,24,.64) 100%),linear-gradient(0deg,rgba(4,15,24,.46),transparent 44%);
}
.mgsd-hero__shell{padding:210px 0 110px;position:relative;z-index:2}
.mgsd-hero__content{width:min(760px,100%)}
.mgsd-hero__eyebrow{
  color:var(--mgsd-accent);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;
}
.mgsd-hero__title{
  color:#fff!important;margin:0;font-size:clamp(42px,5.2vw,82px);font-weight:500;line-height:1.18;letter-spacing:-.035em;text-wrap:balance;
}
.mgsd-hero__description{width:min(650px,100%);margin-top:24px;color:rgba(255,255,255,.78);font-size:clamp(15px,1.25vw,19px);line-height:2}
.mgsd-hero__description p{margin:0}
.mgsd-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.mgsd-btn{
  min-height:50px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.48);
  font-size:13px;font-weight:700;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease;
}
.mgsd-btn:hover{transform:translateY(-2px)}
.mgsd-btn--primary{background:var(--mgsd-accent);border-color:var(--mgsd-accent);color:#101820!important}
.mgsd-btn--primary:hover{background:var(--mgsd-accent-dark);border-color:var(--mgsd-accent-dark)}
.mgsd-btn--ghost{color:#fff!important;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.mgsd-btn--ghost:hover{background:#fff;color:var(--mgsd-ink)!important;border-color:#fff}
.mgsd-hero__scroll{position:absolute;left:4%;bottom:34px;width:1px;height:68px;background:rgba(255,255,255,.25);overflow:hidden}
.mgsd-hero__scroll span{display:block;width:100%;height:22px;background:#fff;animation:mgsd-scroll 2.1s ease-in-out infinite}
@keyframes mgsd-scroll{0%{transform:translateY(-24px)}60%,100%{transform:translateY(70px)}}

/* DAMAC-style property search */
.mgsd-search-card{background:#fff;padding:28px 30px;box-shadow:0 24px 70px rgba(7,24,37,.12);border:1px solid rgba(15,34,50,.08)}
.mgsd-search-card__title{margin:0 0 20px;color:var(--mgsd-ink);font-size:20px;font-weight:650}
.mgsd-property-search{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:0;border:1px solid var(--mgsd-line)}
.mgsd-property-search label{display:flex;flex-direction:column;gap:5px;padding:13px 18px;border-left:1px solid var(--mgsd-line);min-width:0}
.mgsd-property-search label>span{font-size:10px;color:#9099a0;letter-spacing:.04em}
.mgsd-property-search select{width:100%;border:0!important;background:transparent!important;color:var(--mgsd-ink);font:inherit;font-size:13px;font-weight:600;outline:none;box-shadow:none!important;padding:0 0 0 22px;min-height:27px}
.mgsd-search-submit{min-width:148px;border:0;background:var(--mgsd-dark);color:#fff;padding:0 24px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:18px;transition:background .2s ease}
.mgsd-search-submit:hover{background:var(--mgsd-accent);color:#101820}
.mgsd-search-submit span{font-size:18px}

/* Projects */
.mgsd-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mgsd-project-card{position:relative;display:block;min-height:500px;overflow:hidden;background:#0c1a25;color:#fff;isolation:isolate}
.mgsd-project-card__media{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.mgsd-project-card__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,14,22,.88) 0%,rgba(4,14,22,.18) 60%,rgba(4,14,22,.08) 100%);transition:background .35s ease}
.mgsd-project-card__content{position:absolute;inset:auto 0 0;padding:30px;z-index:2}
.mgsd-project-card__tag{display:inline-block;color:#e8cf9f;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:10px}
.mgsd-project-card h3{color:#fff!important;margin:0;font-size:clamp(24px,2.2vw,36px);font-weight:500;line-height:1.3}
.mgsd-project-card p{margin:10px 0 0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.8;max-width:85%}
.mgsd-project-card__arrow{position:absolute;left:30px;bottom:30px;width:42px;height:42px;border:1px solid rgba(255,255,255,.36);display:grid;place-items:center;font-size:18px;transition:background .25s ease,color .25s ease,border-color .25s ease}
.mgsd-project-card:hover .mgsd-project-card__media{transform:scale(1.055)}
.mgsd-project-card:hover .mgsd-project-card__shade{background:linear-gradient(0deg,rgba(4,14,22,.92) 0%,rgba(4,14,22,.12) 72%)}
.mgsd-project-card:hover .mgsd-project-card__arrow{background:var(--mgsd-accent);border-color:var(--mgsd-accent);color:#101820}

/* Stats */
.mgsd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--mgsd-line);border-bottom:1px solid var(--mgsd-line)}
.mgsd-stat{padding:32px 26px;border-left:1px solid var(--mgsd-line)}
.mgsd-stat:last-child{border-left:0}
.mgsd-stat strong{display:block;color:var(--mgsd-ink);font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.1}
.mgsd-stat span{display:block;margin-top:10px;color:var(--mgsd-muted);font-size:12px}

/* Elementor quality-of-life */
.elementor-widget-mgsd-hero>.elementor-widget-container{overflow:visible}
body.mgs-luxury-home .mgs-page.elementor-page{overflow:clip}

@media(max-width:1050px){
  body.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled) .mgs-header-inner{min-height:74px}
  .mgsd-hero__shell{padding:165px 0 90px}
  .mgsd-property-search{grid-template-columns:1fr 1fr}
  .mgsd-property-search label:nth-of-type(2){border-left:0}
  .mgsd-property-search label:nth-of-type(3){border-top:1px solid var(--mgsd-line)}
  .mgsd-search-submit{min-height:58px;border-top:1px solid rgba(255,255,255,.08)}
  .mgsd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mgsd-stat:nth-child(2){border-left:0}.mgsd-stat:nth-child(n+3){border-top:1px solid var(--mgsd-line)}
}
@media(max-width:782px){
  body.admin-bar.mgs-luxury-home .mgs-site-header:not(.mgs-header-scrolled),body.admin-bar.mgs-luxury-home .mgs-site-header.mgs-header-scrolled{top:46px}
}
@media(max-width:767px){
  .mgsd-shell{width:min(92%,680px)}
  .mgsd-hero{min-height:74vh}
  .mgsd-hero__shell{padding:140px 0 76px}
  .mgsd-hero__content{width:100%}
  .mgsd-hero__title{font-size:clamp(34px,10vw,52px);line-height:1.26}
  .mgsd-hero__description{font-size:14px;line-height:1.9;margin-top:18px}
  .mgsd-hero__actions{margin-top:26px;gap:8px}.mgsd-btn{min-height:46px;padding:0 18px}
  .mgsd-hero__scroll{display:none}
  .mgsd-search-card{padding:20px 16px}
  .mgsd-property-search{display:block;border:1px solid var(--mgsd-line)}
  .mgsd-property-search label{border-left:0!important;border-top:1px solid var(--mgsd-line);padding:12px 14px}.mgsd-property-search label:first-child{border-top:0}
  .mgsd-search-submit{width:100%;min-height:52px}
  .mgsd-project-card{min-height:420px}.mgsd-project-card__content{padding:24px}.mgsd-project-card__arrow{left:24px;bottom:24px}
  .mgsd-stats{grid-template-columns:1fr 1fr}.mgsd-stat{padding:24px 18px}
}
@media(max-width:480px){
  .mgsd-stats{grid-template-columns:1fr}.mgsd-stat{border-left:0!important;border-top:1px solid var(--mgsd-line)}.mgsd-stat:first-child{border-top:0}
}
@media(prefers-reduced-motion:reduce){
  .mgsd-project-card__media,.mgsd-btn,.mgs-site-header{transition:none!important}.mgsd-hero__scroll span{animation:none}
}
