.static-home-page header.static-home-top{position:fixed!important;inset-inline:0!important;top:0!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#fff!important;backdrop-filter:none!important}
.static-home-page header.static-home-top a,.static-home-page header.static-home-top button{color:#fff!important}
.static-home-page header.static-home-top img{filter:none}
.static-home-page header.static-scrolled{position:fixed!important;inset-inline:0!important;top:0!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(232,228,244,.9)!important;box-shadow:0 12px 34px rgba(9,11,47,.08)!important;color:var(--navy)!important;backdrop-filter:blur(18px)!important}
.static-home-page header.static-scrolled a,.static-home-page header.static-scrolled button{color:var(--navy)}
.static-mobile-menu,.static-modal{position:fixed;inset:0;z-index:9999;display:none}
.static-mobile-menu.is-open,.static-modal.is-open{display:block}
.static-mobile-backdrop,.static-modal-backdrop{position:absolute;inset:0;background:rgba(9,11,47,.42);backdrop-filter:blur(6px)}
.static-mobile-sheet{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(86vw,360px);background:#fff;padding:24px;box-shadow:0 24px 80px rgba(9,11,47,.2);display:flex;flex-direction:column;gap:20px}
.static-mobile-close{align-self:flex-start;width:42px;height:42px;border-radius:14px;background:#f5f3ff;color:var(--purple);font-size:28px;font-weight:900}
.static-mobile-title{font-size:22px;font-weight:900;color:var(--navy)}
.static-mobile-links{display:grid;gap:10px}
.static-mobile-links a{display:block;border:1px solid var(--border);border-radius:16px;padding:13px 14px;font-weight:900;color:var(--navy);background:#fff}
.static-modal-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,420px);border-radius:28px;background:#fff;padding:30px;text-align:center;box-shadow:0 24px 80px rgba(9,11,47,.22);border:1px solid var(--border)}
.static-modal-card h2{font-size:32px;font-weight:900;color:var(--navy);margin:0 0 10px}
.static-modal-card p{color:#62748e;font-weight:700;line-height:1.8;margin:0 0 22px}
.static-modal-card button{height:48px;border-radius:16px;padding:0 28px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--orange),var(--magenta),var(--purple))}
.static-select-wrap{position:relative}
.static-select-menu{display:none;position:absolute;z-index:40;inset-inline:0;top:calc(100% + 8px);border:1px solid #e3def0;border-radius:18px;background:#fff;padding:8px;box-shadow:0 18px 50px rgba(49,33,120,.12)}
.static-select-menu.is-open{display:grid}
.static-select-menu button{width:100%;text-align:start;padding:12px 14px;border-radius:12px;font-weight:800;color:var(--navy)}
.static-select-menu button:hover{background:#f5f3ff;color:var(--purple)}
.static-form-message{margin-top:16px;text-align:center;font-weight:900;color:#047857}
.static-form-message.is-error{color:#be123c}

body.static-home-page .hawlha-header.static-home-top{position:fixed!important;inset-inline:0!important;top:0!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#fff!important;backdrop-filter:none!important}
body.static-home-page .hawlha-header.static-home-top a,body.static-home-page .hawlha-header.static-home-top button{color:#fff!important}
body.static-home-page .hawlha-header.static-home-top .mobile-nav-menu{background:#fff!important;color:var(--navy)!important}
body.static-home-page .hawlha-header.static-home-top .mobile-nav-menu a{color:var(--navy)!important}
body.static-home-page .hawlha-header.static-home-top .mobile-nav-menu .mobile-lang-link{color:var(--purple)!important}
body.static-home-page .hawlha-header.static-scrolled{position:fixed!important;inset-inline:0!important;top:0!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(232,228,244,.9)!important;box-shadow:0 12px 34px rgba(9,11,47,.08)!important;color:var(--navy)!important;backdrop-filter:blur(18px)!important}
body.static-home-page .hawlha-header.static-scrolled a,body.static-home-page .hawlha-header.static-scrolled button{color:var(--navy)!important}
body.static-home-page .hawlha-home-hero{padding-top:0!important; direction: ltr;}
body.static-home-page .hawlha-home-hero:after{display:none!important}
body.static-home-page .hawlha-header + .min-h-screen main{margin-top:0!important}

.hawlha-nav-links .nav-link::after{bottom:-4px!important;top:auto!important;height:2px!important}
.hawlha-nav-links .nav-link span{position:relative;z-index:1}

body.static-home-page .hawlha-lang-selector .lang-dropdown{background:#fff!important;border-color:#e8e4f4!important;box-shadow:0 18px 48px rgba(9,11,47,.16)!important}
body.static-home-page .hawlha-lang-selector .lang-dropdown a,
body.static-home-page .hawlha-header.static-home-top .hawlha-lang-selector .lang-dropdown a{color:var(--navy)!important;background:#fff!important}
body.static-home-page .hawlha-lang-selector .lang-dropdown a:hover,
body.static-home-page .hawlha-lang-selector .lang-dropdown a.active{color:var(--purple)!important;background:#f5f3ff!important}
body.static-home-page .hawlha-header.static-home-top .lang-btn{border-color:rgba(255,255,255,.32)!important;background:rgba(255,255,255,.08)!important}
body.static-home-page .hawlha-header.static-scrolled .lang-btn{border-color:var(--border)!important;background:#fff!important}

@media (min-width:680px){
  body.static-home-page .hawlha-home-hero{background-image:url(/images/home-hero-wide.webp)!important;background-repeat:no-repeat!important;background-size:auto 100%!important;background-position:right center!important;min-height:clamp(520px,47.1vw,760px)!important}
  body.static-home-page .hawlha-home-hero>[dir="ltr"]{justify-content:flex-start!important;max-width:1280px!important;padding-inline:clamp(2rem,5vw,4.25rem)!important}
  body.static-home-page .hawlha-home-hero-copy{width:min(420px,35vw)!important;max-width:420px!important;margin-inline:0!important;text-align:start!important}
  body.static-home-page .hawlha-home-title{font-size:clamp(2.35rem,3.45vw,3.42rem)!important;line-height:1.08!important}
  body.static-home-page .hawlha-home-subtitle{font-size:clamp(.9rem,1.12vw,1.12rem)!important;line-height:1.8!important}
}

@media (min-width:1180px){
  body.static-home-page .hawlha-home-hero-copy{width:min(500px,36vw)!important;max-width:500px!important}
  body.static-home-page .hawlha-home-title{font-size:clamp(2.85rem,3.85vw,3.72rem)!important}
}

@media (min-width:1500px){
  body.static-home-page .hawlha-home-hero{background-size:cover!important;background-position:right center!important}
}

@media (min-width:680px) and (max-width:980px){
  body.static-home-page .hawlha-home-hero{background-position:64% center!important}
  body.static-home-page .hawlha-home-hero:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(3,7,36,.78),rgba(3,7,36,.42) 42%,rgba(3,7,36,.08) 72%)!important;filter:none!important;opacity:1!important;height:auto!important;pointer-events:none!important}
  body.static-home-page .hawlha-home-hero-copy{width:min(430px,48vw)!important;max-width:430px!important}
}

@media (max-width:679px){
  body.static-home-page .hawlha-home-hero{background-image:radial-gradient(circle at 86% 58%,#ff6b2147,transparent 18rem),radial-gradient(circle at 88% 68%,#c026d385,transparent 22rem),radial-gradient(circle at 72% 38%,#7c2df280,transparent 24rem),linear-gradient(135deg,#030724 0%,#120642 48%,#34106f 100%)!important}
  body.static-home-page .hawlha-home-hero-copy{width:min(100%,500px)!important}
}

body.static-home-page main section:nth-of-type(3)>div:first-child{text-align:start!important}
body.static-home-page main section:nth-of-type(3)>div:first-child h2{text-align:start!important}
body.static-home-page main section:nth-of-type(3)>div:nth-child(2)>div{min-height:100px!important;padding:1rem 1.15rem!important}
body.static-home-page main section:nth-of-type(3)>div:nth-child(2)>div>div{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:1.15rem!important;min-height:76px!important}
body.static-home-page main section:nth-of-type(3)>div:nth-child(2)>div>div>span{width:3rem!important;height:3rem!important;flex:0 0 3rem!important;border-radius:.9rem!important}
body.static-home-page main section:nth-of-type(3)>div:nth-child(2)>div>div>h3{max-width:none!important;flex:1 1 auto!important;text-align:start!important;font-size:1.06rem!important;line-height:1.55!important}

[lang="ar"] body.static-home-page main section:nth-of-type(3)>div:nth-child(2)>div>div{flex-direction:row!important}
[lang="en"] body.static-home-page main section:nth-of-type(3)>div:nth-child(2)>div>div{flex-direction:row!important}
[lang="en"] body.static-home-page main section:nth-of-type(3)>div:first-child,
[lang="en"] body.static-home-page main section:nth-of-type(4)>div:first-child{text-align:left!important}
[lang="ar"] body.static-home-page main section:nth-of-type(3)>div:first-child,
[lang="ar"] body.static-home-page main section:nth-of-type(4)>div:first-child{text-align:right!important}

.hawlha-static-page{overflow:hidden}
html[dir="ltr"] .hawlha-static-page{direction:ltr}
html[dir="ltr"] .hawlha-static-page [dir="rtl"]{direction:ltr!important}
html[dir="ltr"] .hawlha-static-page [class*="text-right"]{text-align:left!important}
html[dir="ltr"] .hawlha-static-page [class*="md:text-right"],
html[dir="ltr"] .hawlha-static-page [class*="xl:text-right"]{text-align:left!important}
html[dir="ltr"] .hawlha-static-page [class*="border-s"]{border-inline-start-width:1px}
html[dir="ltr"] .hawlha-static-page [class*="border-e"]{border-inline-end-width:1px}

@media (min-width:768px){
  html[dir="rtl"] .rtl\:md\:mx-0,
  [dir="rtl"] .rtl\:md\:mx-0{
    margin-left:0!important;
    margin-right:0!important;
  }

  html[dir="ltr"] .ltr\:md\:mx-2,
  [dir="ltr"] .ltr\:md\:mx-2{
    margin-left:.5rem!important;
    margin-right:.5rem!important;
  }
}

.hawlha-static-about h2 + span[class*="bg-[linear-gradient(90deg"]{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media (min-width:768px){
  html[dir="rtl"] .hawlha-static-about h2 + span[class*="bg-[linear-gradient(90deg"]{
    margin-left:0!important;
    margin-right:0!important;
  }

  html[dir="ltr"] .hawlha-static-about h2 + span[class*="bg-[linear-gradient(90deg"]{
    margin-left:.5rem!important;
    margin-right:auto!important;
  }
}

.hawlha-nav-links .nav-link::after{top:auto!important;bottom:-4px!important;height:2px!important}
.hawlha-nav-links .nav-link.active::after{opacity:1!important;transform:scaleX(1)!important}
.hawlha-lang-selector .lang-dropdown{background:#fff!important;border:1px solid #e8e4f4!important;box-shadow:0 18px 48px rgba(9,11,47,.16)!important}
.hawlha-lang-selector .lang-dropdown a{color:var(--navy)!important;background:#fff!important}
.hawlha-lang-selector .lang-dropdown a:hover,
.hawlha-lang-selector .lang-dropdown a.active{color:var(--purple)!important;background:#f5f3ff!important}

.store-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;max-width:320px!important}
.store-badge{min-height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.7rem!important;border:1px solid #e5e2ee!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#fbfaff)!important;color:var(--navy)!important;padding:.55rem .8rem!important;box-shadow:0 10px 24px rgba(49,33,120,.055)!important;text-align:start!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.store-badge:hover{transform:translateY(-2px)!important;border-color:var(--purple)!important;box-shadow:0 16px 34px rgba(124,45,242,.12)!important;color:var(--purple)!important}
.store-badge img,.store-badge i{width:22px!important;height:22px!important;flex:0 0 22px!important;object-fit:contain!important;font-size:22px!important;color:currentColor!important}
.store-badge span{display:grid!important;gap:1px!important;line-height:1.05!important;min-width:0!important}
.store-badge small{display:block!important;font-size:.68rem!important;font-weight:800!important;color:#64748b!important;white-space:nowrap!important}
.store-badge strong{display:block!important;font-size:.86rem!important;font-weight:950!important;color:inherit!important;white-space:nowrap!important}

@media (max-width:420px){
  .store-row{grid-template-columns:1fr!important}
}
