/* QASR ALARAEK v4.94 — monochrome interface refresh + new hero/background.
   Content photography remains untouched. */
:root{
  --deep-maroon:#111111!important;
  --olive-green:#2d2d2d!important;
  --walnut:#111111!important;
  --cream-quartz:#f3f3f1!important;
  --qasr-ivory:#f7f7f5!important;
  --qasr-paper:#ffffff!important;
  --qasr-line:#deded9!important;
  --qasr-ink:#111111!important;
  --qasr-muted:#666666!important;
  --qasr-black:#111111;
  --qasr-white:#ffffff;
  --qasr-soft:#f6f6f3;
  --qasr-gray:#707070;
  --qasr-border:rgba(17,17,17,.13);
}

html,body{background-color:#f4f2ed!important}
body{
  color:var(--qasr-black)!important;
  background-image:url('../images/ui/site-background-v494.webp')!important;
  background-repeat:repeat!important;
  background-size:736px auto!important;
  background-position:top center!important;
  background-attachment:scroll!important;
}

/* New homepage hero */
html body.home .q494-home-hero{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1672/941!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#eee9e1!important;
  isolation:isolate!important;
  margin:0!important;
  padding:0!important;
}
html body.home .q494-hero-picture,
html body.home .q494-hero-bg{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;
}
html body.home .q494-hero-bg{object-fit:cover!important;object-position:center!important;filter:none!important;transform:none!important}
html body.home .q494-hero-title-wrap{
  position:absolute!important;
  z-index:3!important;
  top:51.5%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(68%,950px)!important;
  text-align:center!important;
  pointer-events:none!important;
}
html body.home .q494-hero-title-wrap h1{
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-family:"GE Hili","Cairo",sans-serif!important;
  font-size:clamp(1.8rem,2.7vw,3.4rem)!important;
  line-height:1.12!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-shadow:0 1px 0 rgba(255,255,255,.95),0 2px 12px rgba(255,255,255,.42)!important;
  text-wrap:balance!important;
}
html body.home .q494-hero-actions{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:90.2%!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(72%,760px)!important;
  direction:rtl!important;
}
html body.home .q494-hero-action{
  min-width:170px!important;
  height:48px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:#111!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(17,17,17,.55)!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 8px 22px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
html body.home .q494-hero-action svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;transform:scaleX(-1)!important}
html body.home .q494-hero-action.is-primary,
html body.home .q494-hero-action:hover,
html body.home .q494-hero-action:focus-visible{
  background:#111!important;color:#fff!important;border-color:#111!important;transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important
}

@media(max-width:767px){
  html body.home .q494-home-hero{aspect-ratio:941/1672!important;min-height:0!important}
  html body.home .q494-hero-title-wrap{
    top:50.2%!important;
    width:88%!important;
  }
  html body.home .q494-hero-title-wrap h1{
    max-width:92%!important;
    margin-inline:auto!important;
    font-size:clamp(1.34rem,6.1vw,2rem)!important;
    line-height:1.12!important;
  }
  html body.home .q494-hero-actions{
    top:73.8%!important;
    width:92%!important;
    gap:6px!important;
  }
  html body.home .q494-hero-action{
    flex:1 1 0!important;
    min-width:0!important;
    height:40px!important;
    padding:0 7px!important;
    gap:4px!important;
    border-radius:13px!important;
    font-size:clamp(10px,2.75vw,12px)!important;
    box-shadow:0 5px 16px rgba(0,0,0,.08)!important;
  }
  html body.home .q494-hero-action svg{width:12px!important;height:12px!important}
}
@media(max-width:390px){
  html body.home .q494-hero-actions{width:94%!important;gap:5px!important}
  html body.home .q494-hero-action{padding-inline:5px!important;font-size:10px!important}
}

/* Black / white interface. Photos and product imagery are intentionally excluded. */
html body .qasr-announcement{background:#111!important;color:#fff!important}
html body.home .site-header.qasr-header-v408.qasr-header-home.is-scrolled,
html body:not(.home) .site-header.qasr-header-v408.qasr-header-inner,
html body.home .site-header.qasr-header-v354.qasr-header-home.is-scrolled,
html body:not(.home) .site-header.qasr-header-v354.qasr-header-inner{
  background:rgba(255,255,255,.96)!important;color:#111!important;border-color:rgba(17,17,17,.08)!important;box-shadow:0 1px 0 rgba(17,17,17,.08),0 12px 30px rgba(17,17,17,.06)!important
}
html body .site-header .primary-nav a:hover,
html body .site-header .primary-nav a:focus-visible{color:#000!important}
html body .site-header .cart-count{background:#111!important;color:#fff!important}
html body .site-header .header-search,
html body .site-header .primary-nav{background:rgba(255,255,255,.98)!important;color:#111!important;border-color:rgba(17,17,17,.12)!important}

html body .eyebrow,
html body .q408-eyebrow,
html body .qasr-inner-kicker,
html body .qasr-about-statement span,
html body .qasr-about-hero-intro span,
html body .qasr-contact-card>span{color:#333!important}
html body .section-heading h2,
html body .q408-categories-head h2,
html body .qasr-inner-hero h1,
html body .qasr-about-hero h1,
html body .qasr-contact-hero h1,
html body .entry-title{color:#111!important}

html body .qasr-btn-dark,
html body .qasr-btn-gold,
html body .products-section .qasr-product-actions .button,
html body .qbw-primary,
html body .qbw-submit,
html body button[type="submit"]{background:#111!important;border-color:#111!important;color:#fff!important}
html body .qasr-btn-dark:hover,
html body .qasr-btn-gold:hover,
html body .products-section .qasr-product-actions .button:hover,
html body .qbw-primary:hover,
html body .qbw-submit:hover{background:#fff!important;color:#111!important;border-color:#111!important}

/* Let the new stone texture be the site canvas, while keeping cards readable. */
html body .services-section,
html body .q408-categories,
html body .products-section,
html body .q421-home-bespoke,
html body .qasr-about-process,
html body .qasr-blog-index,
html body .qasr-contact-page,
html body .projects-section,
html body .about-section,
html body .qasr-about-story,
html body .qasr-about-final,
html body .custom-design-section,
html body .q408-design,
html body .qasr-content-page,
html body .page-shell{background:rgba(255,255,255,.66)!important}
html body .q408-category-card,
html body .q421-bespoke-card,
html body .qasr-product-card,
html body .design-panel,
html body .qasr-blog-card,
html body .qasr-contact-card{background:#fff!important;border-color:rgba(17,17,17,.13)!important;box-shadow:0 10px 28px rgba(17,17,17,.045)!important}
html body .q408-category-card:hover,
html body .q421-bespoke-card:hover,
html body .qasr-product-card:hover{border-color:#111!important;box-shadow:0 16px 34px rgba(17,17,17,.09)!important}
html body .product-price,
html body .qbw-price,
html body .qbw-selected-card strong{color:#111!important}

html body .qasr-inner-hero,
html body .qasr-about-hero,
html body .qasr-contact-hero,
html body .qasr-managed-hero{background:rgba(255,255,255,.78)!important;border-color:rgba(17,17,17,.12)!important}
html body .qasr-about-values-modern{background:#111!important;color:#fff!important}
html body .qasr-about-values-modern .qasr-about-value-grid span{color:#e9e9e9!important}

/* Footer */
html body .site-footer{background:#0d0d0d!important;color:rgba(255,255,255,.78)!important}
html body .site-footer h3,
html body .site-footer .qasr-footer-commercial__copy strong{color:#fff!important}
html body .site-footer a{color:rgba(255,255,255,.78)!important}
html body .site-footer a:hover,
html body .site-footer .footer-bottom a{color:#fff!important}
html body .footer-social-icons a{border-color:rgba(255,255,255,.25)!important;color:#fff!important;background:transparent!important}
html body .footer-social-icons a:hover{background:#fff!important;color:#111!important}
html body .footer-bottom{border-color:rgba(255,255,255,.14)!important}
html body .site-footer .qasr-footer-commercial__icon img{filter:grayscale(1) contrast(1.15) brightness(1.5)!important}

/* Floating WhatsApp follows the monochrome identity. */
html body .qasr-floating-whatsapp{background:#111!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 10px 28px rgba(0,0,0,.2)!important}
html body .qasr-floating-whatsapp svg{fill:currentColor!important;color:#fff!important}

/* Common form controls */
html body input:not([type="checkbox"]):not([type="radio"]),
html body textarea,
html body select{border-color:rgba(17,17,17,.16)!important;background:#fff!important;color:#111!important}
html body input:focus,
html body textarea:focus,
html body select:focus{border-color:#111!important;box-shadow:0 0 0 2px rgba(17,17,17,.08)!important}

/* Preserve every content image exactly as supplied. */
html body main img,
html body .site-main img,
html body .products img,
html body .projects-section img,
html body .services-section img,
html body .q408-categories img{filter:none!important}

/* The new hero has a light upper field: use the dark logo/icons while keeping the header transparent. */
html body.home .site-header.qasr-header-v408.qasr-header-home:not(.is-scrolled),
html body.home .site-header.qasr-header-v354.qasr-header-home:not(.is-scrolled){
  background:transparent!important;color:#111!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
html body.home .site-header.qasr-header-v408.qasr-header-home:not(.is-scrolled) .logo-white,
html body.home .site-header.qasr-header-v354.qasr-header-home:not(.is-scrolled) .logo-white{opacity:0!important;visibility:hidden!important}
html body.home .site-header.qasr-header-v408.qasr-header-home:not(.is-scrolled) .logo-dark,
html body.home .site-header.qasr-header-v354.qasr-header-home:not(.is-scrolled) .logo-dark{opacity:1!important;visibility:visible!important}
html body.home .site-header.qasr-header-v408.qasr-header-home:not(.is-scrolled) .header-icon,
html body.home .site-header.qasr-header-v354.qasr-header-home:not(.is-scrolled) .header-icon{
  color:#111!important;background:rgba(255,255,255,.42)!important;border:1px solid rgba(17,17,17,.12)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important
}
html body.home .site-header.qasr-header-v408.qasr-header-home:not(.is-scrolled) .menu-toggle,
html body.home .site-header.qasr-header-v354.qasr-header-home:not(.is-scrolled) .menu-toggle{color:#111!important}

/* Project furnishing: monochrome UI only; furniture images stay untouched. */
html body .qpf-page{
  --qpf-accent:#111!important;
  --qpf-accent-2:#333!important;
  --qpf-ink:#111!important;
  --qpf-muted:#6b6b6b!important;
  --qpf-line:#dededb!important;
  --qpf-soft:#f6f6f3!important;
  --qpf-copper:#333!important;
  background:rgba(255,255,255,.72)!important;
}
html body .qpf-primary{background:#111!important;color:#fff!important}
html body .qpf-secondary,
html body .qpf-add-model,
html body .qpf-product-add,
html body .qpf-specs-btn{background:#fff!important;color:#111!important;border-color:#111!important}
html body .qpf-type-card.is-selected,
html body .qpf-model-pill.is-active,
html body .qpf-space-choice.is-selected,
html body .qpf-space-tab.is-active,
html body .qpf-section-filters button.is-active,
html body .qpf-product-card.is-selected{background:#f4f4f2!important;border-color:#111!important;color:#111!important;box-shadow:none!important}
html body .qpf-type-card.is-selected .check,
html body .qpf-product-card.is-selected .qpf-product-check{background:#111!important;border-color:#111!important;color:#fff!important}
html body .qpf-section-filters button:hover{border-color:#111!important;color:#111!important;background:#f4f4f2!important}
html body .qpf-eyebrow,
html body .qpf-section-head span,
html body .qpf-product-copy small,
html body .qpf-summary-space h5,
html body .qpf-review-space h4,
html body .qpf-summary-actions button,
html body .qpf-review-row button,
html body .qpf-mobile-summary-bar strong{color:#333!important}

/* Launch offer: retain function, remove maroon/gold identity. */
html body .qasr-launch-offer{background:#111!important;color:#fff!important;box-shadow:0 20px 54px rgba(0,0,0,.12)!important}
html body .qasr-launch-offer:before{border-color:rgba(255,255,255,.16)!important}
html body .qasr-launch-offer__glow{background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.09),transparent 30%),radial-gradient(circle at 76% 28%,rgba(255,255,255,.06),transparent 22%)!important}
html body .qasr-launch-offer__eyebrow,
html body .qasr-launch-offer__timer-title,
html body .qasr-launch-offer__time-grid>b{color:#d8d8d8!important}
html body .qasr-launch-offer h2{color:#fff!important}
html body .qasr-launch-offer p{color:rgba(255,255,255,.7)!important}
html body .qasr-launch-offer__cta{background:#fff!important;color:#111!important;box-shadow:none!important}
html body .qasr-launch-offer__cta:hover{background:#e8e8e8!important}
html body .qasr-launch-offer__code.is-copied{border-color:#fff!important;background:rgba(255,255,255,.1)!important}
html body .qasr-launch-offer__ring{border-color:rgba(255,255,255,.28)!important}
html body .qasr-launch-offer__ring:before{border-color:rgba(255,255,255,.16)!important}
html body .qasr-launch-offer__ring:after{background:#fff!important;box-shadow:0 0 16px rgba(255,255,255,.5)!important}
html body .qasr-launch-offer__discount{background:radial-gradient(circle at 30% 25%,#fff,#dcdcdc 52%,#8d8d8d 100%)!important;color:#111!important;box-shadow:0 14px 40px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.7)!important}

/* Selection rings / decorative interface marks. */
html body .design-panel-head>span,
html body .choice-card:hover,
html body .choice-card.is-selected,
html body .fabric-card:hover,
html body .fabric-card.is-selected{border-color:#111!important;color:#111!important}
html body .swatch.is-selected .swatch-color{box-shadow:0 0 0 2px #111,0 0 0 4px #fff!important}
html body .upload-plus{color:#111!important}


/* v4.95 — hero refinement, mobile bottom navigation, and footer cleanup */
html body.home .site-header.qasr-header-home:not(.is-scrolled){box-shadow:none!important;background:transparent!important}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle{
  color:#fff!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle span{background:#fff!important}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon{
  background:rgba(255,255,255,.15)!important;
  border-radius:999px!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon .cart-count{
  background:#111!important;
  color:#fff!important;
}

html body.home .q494-hero-title-wrap{
  top:60.8%!important;
  width:min(44%,560px)!important;
}
html body.home .q494-hero-title-wrap h1{
  font-size:clamp(1.55rem,2.25vw,2.75rem)!important;
  line-height:1.18!important;
  text-shadow:0 1px 0 rgba(255,255,255,.95),0 2px 10px rgba(255,255,255,.36)!important;
}
html body.home .q494-hero-actions{
  top:88.8%!important;
  width:min(60%,710px)!important;
}
html body.home .q494-hero-action{
  background:rgba(255,255,255,.92)!important;
  color:#111!important;
  border-color:rgba(17,17,17,.35)!important;
}
html body.home .q494-hero-action.is-primary,
html body.home .q494-hero-action:hover,
html body.home .q494-hero-action:focus-visible,
html body.home .q494-hero-action:active{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}

@media(max-width:767px){
  html body.home .q494-home-hero{overflow:hidden!important}
  html body.home .q494-hero-title-wrap{
    top:66.1%!important;
    width:84%!important;
  }
  html body.home .q494-hero-title-wrap h1{
    max-width:88%!important;
    font-size:clamp(1.2rem,5.35vw,1.7rem)!important;
    line-height:1.14!important;
  }
  html body.home .q494-hero-actions{
    top:74.7%!important;
    width:87%!important;
    gap:8px!important;
  }
  html body.home .q494-hero-action{
    height:42px!important;
    border-radius:14px!important;
    font-size:clamp(10px,2.8vw,12px)!important;
    padding:0 10px!important;
  }
  html body.home .q494-hero-action svg{width:12px!important;height:12px!important}

  html body{padding-bottom:84px!important}
  .qasr-mobile-bottom-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:130;display:flex;align-items:stretch;justify-content:space-between;
    gap:0;background:rgba(255,255,255,.98);border-top:1px solid rgba(17,17,17,.09);box-shadow:0 -8px 24px rgba(0,0,0,.08);
    padding:8px 6px calc(8px + env(safe-area-inset-bottom));direction:rtl;
  }
  .qasr-mobile-bottom-nav__item{
    appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#111;text-decoration:none;cursor:pointer;
    flex:1 1 20%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    position:relative;padding:4px 2px;font:inherit;
  }
  .qasr-mobile-bottom-nav__item svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
  .qasr-mobile-bottom-nav__item span{font-size:11px;line-height:1.2;font-weight:700;white-space:nowrap}
  .qasr-mobile-bottom-nav__item:active,
  .qasr-mobile-bottom-nav__item:hover{color:#000}
  .qasr-mobile-bottom-nav__count{
    position:absolute;top:-1px;inset-inline-start:calc(50% + 7px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;
    background:#111;color:#fff;font-size:10px;display:grid;place-items:center;font-weight:800;line-height:1;
  }
  .qasr-floating-whatsapp{
    width:50px!important;height:50px!important;min-width:50px!important;left:14px!important;right:auto!important;bottom:92px!important;
    border-radius:50%!important;
  }
  .qasr-floating-whatsapp svg{width:26px!important;height:26px!important}
}
@media(min-width:768px){.qasr-mobile-bottom-nav{display:none!important}}



/* v4.96 — header visibility and footer social corrections */
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-white{display:block!important}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-dark{display:none!important}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav{
  display:block!important;
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a{color:#fff!important}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle{color:#fff!important}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle span{background:#fff!important}

html body.home .site-header.qasr-header-home.is-scrolled{background:rgba(255,255,255,.97)!important;color:#111!important}
html body.home .site-header.qasr-header-home.is-scrolled .site-logo .logo-white{display:none!important}
html body.home .site-header.qasr-header-home.is-scrolled .site-logo .logo-dark{display:block!important}
html body.home .site-header.qasr-header-home.is-scrolled .primary-nav a,
html body.home .site-header.qasr-header-home.is-scrolled .header-icon,
html body.home .site-header.qasr-header-home.is-scrolled .menu-toggle{color:#111!important}
html body.home .site-header.qasr-header-home.is-scrolled .menu-toggle span{background:#111!important}

html body .site-footer .footer-social-icons a{
  color:#fff!important;
  border-color:rgba(255,255,255,.42)!important;
  background:transparent!important;
}
html body .site-footer .footer-social-icons a svg,
html body .site-footer .footer-social-icons a svg *{
  stroke:#fff!important;
  fill:none!important;
}
html body .site-footer .footer-social-icons a[aria-label="WhatsApp"]{
  color:#fff!important;
  border-color:rgba(255,255,255,.42)!important;
  background:transparent!important;
}
html body .site-footer .footer-social-icons a:hover{
  background:#fff!important;
  color:#111!important;
}
html body .site-footer .footer-social-icons a:hover svg,
html body .site-footer .footer-social-icons a:hover svg *{stroke:#111!important}


/* v4.97 — logo visibility + hero positioning refinement */
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  z-index:8!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-white{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.22)) drop-shadow(0 0 10px rgba(255,255,255,.28))!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-dark{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav{
  border-top:0!important;
  padding-top:0!important;
}
html body.home .q494-hero-title-wrap{
  top:66.2%!important;
  width:min(46%,600px)!important;
}
html body.home .q494-hero-title-wrap h1{
  font-size:clamp(1.65rem,2.35vw,2.95rem)!important;
  line-height:1.14!important;
}
html body.home .q494-hero-actions{
  top:93.1%!important;
  width:min(62%,740px)!important;
}
html body.home .q494-hero-action{
  min-width:176px!important;
}
@media(max-width:767px){
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo{
    opacity:1!important;
    visibility:visible!important;
  }
  html body.home .q494-hero-title-wrap{
    top:70.5%!important;
    width:86%!important;
  }
  html body.home .q494-hero-title-wrap h1{
    max-width:90%!important;
    font-size:clamp(1.16rem,5vw,1.6rem)!important;
    line-height:1.16!important;
  }
  html body.home .q494-hero-actions{
    top:81.2%!important;
    width:84%!important;
    gap:9px!important;
  }
  html body.home .q494-hero-action{
    height:43px!important;
    padding:0 12px!important;
  }
}
@media(max-width:420px){
  html body.home .q494-hero-title-wrap{top:71.4%!important}
  html body.home .q494-hero-actions{top:82.3%!important;width:86%!important}
}


/* v4.98 — final hero/mobile nav/header logo refinements */
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo{
  width:min(220px,100%)!important;
  position:relative!important;
  z-index:20!important;
}
/* Make the logo clearly visible on the light desktop hero */
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-white{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-dark{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.55)) drop-shadow(0 4px 10px rgba(255,255,255,.26))!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav{
  margin-top:2px!important;
}
/* Desktop: move title and actions a little lower */
html body.home .q494-hero-title-wrap{
  top:68.1%!important;
  width:min(48%,620px)!important;
}
html body.home .q494-hero-title-wrap h1{
  font-size:clamp(1.78rem,2.28vw,3.0rem)!important;
  line-height:1.12!important;
}
html body.home .q494-hero-actions{
  top:95.2%!important;
  width:min(64%,760px)!important;
}
html body.home .q494-hero-action{
  min-width:165px!important;
}
/* Floating WhatsApp back to original green */
html body .qasr-floating-whatsapp{
  background:#25D366!important;
  color:#fff!important;
  border:3px solid #fff!important;
  box-shadow:0 12px 28px rgba(37,211,102,.28), 0 6px 16px rgba(0,0,0,.16)!important;
}
html body .qasr-floating-whatsapp svg,
html body .qasr-floating-whatsapp svg *,
html body .qasr-floating-whatsapp .wa-fill{
  color:#fff!important;
  fill:#fff!important;
  stroke:none!important;
}
@media(max-width:767px){
  /* mobile title a bit higher, actions lower, and buttons fit the viewport */
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo{
    width:min(170px,100%)!important;
  }
  html body.home .q494-hero-title-wrap{
    top:67.9%!important;
    width:84%!important;
  }
  html body.home .q494-hero-title-wrap h1{
    max-width:88%!important;
    font-size:clamp(1.14rem,4.6vw,1.52rem)!important;
    line-height:1.14!important;
  }
  html body.home .q494-hero-actions{
    top:83.6%!important;
    width:88%!important;
    gap:8px!important;
    justify-content:space-between!important;
  }
  html body.home .q494-hero-action{
    flex:1 1 0!important;
    max-width:calc(33.333% - 6px)!important;
    min-width:0!important;
    height:41px!important;
    padding:0 7px!important;
    gap:4px!important;
    border-radius:999px!important;
    font-size:clamp(9.6px,2.45vw,11px)!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.home .q494-hero-action span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.home .q494-hero-action svg{width:11px!important;height:11px!important;flex:none!important}

  /* mobile bottom nav spacing / no extra bottom void */
  html body{padding-bottom:78px!important}
  .qasr-mobile-bottom-nav{
    left:0!important;right:0!important;bottom:0!important;
    min-height:68px!important;
    padding:7px 6px 7px!important;
    box-sizing:border-box!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    background:#fff!important;
  }
  .qasr-mobile-bottom-nav__item{
    padding:4px 2px 3px!important;
  }
  .qasr-mobile-bottom-nav__item span{
    font-size:10.5px!important;
  }
  .qasr-mobile-bottom-nav__item svg{width:23px!important;height:23px!important}
  .qasr-mobile-bottom-nav__count{top:-2px!important}

  html body .qasr-floating-whatsapp{
    width:52px!important;height:52px!important;min-width:52px!important;
    left:14px!important;right:auto!important;bottom:86px!important;
  }
}
@media(max-width:420px){
  html body.home .q494-hero-title-wrap{top:68.4%!important;width:85%!important}
  html body.home .q494-hero-actions{top:84.6%!important;width:90%!important;gap:7px!important}
  html body.home .q494-hero-action{max-width:calc(33.333% - 5px)!important;font-size:9.2px!important;padding:0 6px!important}
}


/* v4.99 — static responsive hero + scroll reveal */
html body.home .q494-home-hero{
  --qhero-progress:0;
  --qhero-visible:1;
  background:#e9e0d6!important;
}
html body.home .q494-home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.42) 100%);
  opacity:calc(.78 * var(--qhero-visible));
  transition:opacity .14s linear;
}
html body.home .q494-hero-bg{
  filter:none!important;
  transform:scale(calc(1 + (var(--qhero-progress) * .012)))!important;
  transition:transform .18s linear!important;
}
html body.home .q494-hero-title-wrap{
  z-index:4!important;
  top:49%!important;
  right:7.2%!important;
  left:auto!important;
  width:min(40%,620px)!important;
  text-align:right!important;
  transform:translateY(calc(-50% + (var(--qhero-progress) * 18px)))!important;
  opacity:var(--qhero-visible)!important;
  transition:opacity .14s linear,transform .14s linear!important;
}
html body.home .q494-hero-title-wrap h1{
  color:#fff!important;
  font-size:clamp(2rem,3vw,4.1rem)!important;
  line-height:1.16!important;
  text-shadow:0 2px 18px rgba(0,0,0,.28)!important;
  text-align:right!important;
}
html body.home .q494-hero-actions{
  z-index:4!important;
  top:67%!important;
  right:7.2%!important;
  left:auto!important;
  width:min(42%,650px)!important;
  transform:translateY(calc(var(--qhero-progress) * 16px))!important;
  opacity:var(--qhero-visible)!important;
  justify-content:flex-start!important;
  transition:opacity .14s linear,transform .14s linear!important;
}
html body.home .q494-hero-action{
  min-width:0!important;
  height:48px!important;
  padding:0 19px!important;
  background:rgba(255,255,255,.96)!important;
  color:#111!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
html body.home .q494-hero-action:nth-child(2){
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}
html body.home .q494-hero-action:hover,
html body.home .q494-hero-action:focus-visible{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}
html body.home .q494-hero-action:nth-child(2):hover,
html body.home .q494-hero-action:nth-child(2):focus-visible{
  background:#fff!important;
  color:#111!important;
  border-color:#fff!important;
}

/* Header starts transparent/white, becomes white/black after scroll */
html body.home .site-header.qasr-header-home{
  transition:background-color .32s ease,color .32s ease,box-shadow .32s ease!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled){
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-white{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 2px 9px rgba(0,0,0,.24))!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-dark{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle{
  color:#fff!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon{
  background:rgba(0,0,0,.10)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle span{background:#fff!important}
html body.home .site-header.qasr-header-home.is-scrolled{
  background:rgba(255,255,255,.98)!important;
  color:#111!important;
  box-shadow:0 10px 30px rgba(0,0,0,.07)!important;
}
html body.home .site-header.qasr-header-home.is-scrolled .site-logo .logo-white{display:none!important}
html body.home .site-header.qasr-header-home.is-scrolled .site-logo .logo-dark{display:block!important}
html body.home .site-header.qasr-header-home.is-scrolled .primary-nav,
html body.home .site-header.qasr-header-home.is-scrolled .primary-nav a,
html body.home .site-header.qasr-header-home.is-scrolled .header-icon,
html body.home .site-header.qasr-header-home.is-scrolled .menu-toggle{color:#111!important}
html body.home .site-header.qasr-header-home.is-scrolled .menu-toggle span{background:#111!important}

@media(max-width:767px){
  html body.home .q494-home-hero::after{
    background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.08) 46%,rgba(0,0,0,.52) 100%);
    opacity:calc(.82 * var(--qhero-visible));
  }
  html body.home .q494-hero-title-wrap{
    top:77.2%!important;
    right:auto!important;
    left:50%!important;
    width:88%!important;
    text-align:center!important;
    transform:translate(-50%,calc(-50% + (var(--qhero-progress) * 16px)))!important;
  }
  html body.home .q494-hero-title-wrap h1{
    max-width:92%!important;
    margin-inline:auto!important;
    text-align:center!important;
    color:#fff!important;
    font-size:clamp(1.52rem,6.4vw,2.35rem)!important;
    line-height:1.14!important;
  }
  html body.home .q494-hero-actions{
    top:86.2%!important;
    right:auto!important;
    left:50%!important;
    width:88%!important;
    transform:translateX(-50%) translateY(calc(var(--qhero-progress) * 14px))!important;
    justify-content:center!important;
    gap:7px!important;
  }
  html body.home .q494-hero-action{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    height:43px!important;
    padding:0 8px!important;
    border-radius:13px!important;
    font-size:clamp(9.4px,2.6vw,11.5px)!important;
    white-space:nowrap!important;
  }
  html body.home .q494-hero-action svg{width:11px!important;height:11px!important;flex:none!important}
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon{
    background:rgba(0,0,0,.08)!important;
  }
}
@media(max-width:390px){
  html body.home .q494-hero-title-wrap{top:78%!important;width:90%!important}
  html body.home .q494-hero-actions{top:87.2%!important;width:91%!important;gap:5px!important}
  html body.home .q494-hero-action{font-size:9px!important;padding:0 5px!important}
}
@media(prefers-reduced-motion:reduce){
  html body.home .q494-hero-bg,
  html body.home .q494-hero-title-wrap,
  html body.home .q494-hero-actions,
  html body.home .q494-home-hero::after{transition:none!important}
}


/* v5.00 — immediate hero/header transition + single-stage loader + plain site background */
html,body{
  background-image:none!important;
  background:#fff!important;
}
body{
  background-image:none!important;
  background-color:#fff!important;
}

/* Initial hero overlay: clearly dark brown, removed immediately after scroll */
html body.home .q494-home-hero::after{
  background:rgba(55,32,20,.46)!important;
  opacity:1!important;
  transition:opacity .28s ease!important;
}
html body.home .q494-home-hero.is-hero-scrolled::after{
  opacity:0!important;
}
html body.home .q494-hero-title-wrap,
html body.home .q494-hero-actions{
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .24s ease,visibility .24s ease,transform .24s ease!important;
}
html body.home .q494-home-hero.is-hero-scrolled .q494-hero-title-wrap,
html body.home .q494-home-hero.is-hero-scrolled .q494-hero-actions{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(10px)!important;
}

/* Transparent header: white logo/menu/icons. Scrolled: white header, black assets. */
html body.home .site-header.qasr-header-home:not(.is-scrolled){
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-white{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.34))!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-dark{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle{
  color:#fff!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle span{background:#fff!important}
html body.home .site-header.qasr-header-home.is-scrolled{
  background:#fff!important;
  color:#111!important;
  box-shadow:0 8px 24px rgba(0,0,0,.07)!important;
}
html body.home .site-header.qasr-header-home.is-scrolled .site-logo .logo-white{display:none!important}
html body.home .site-header.qasr-header-home.is-scrolled .site-logo .logo-dark{display:block!important;opacity:1!important;visibility:visible!important}

/* Mobile transparent logo smaller */
@media(max-width:767px){
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo img{
    width:124px!important;
    max-width:124px!important;
  }
}
@media(max-width:390px){
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo img{
    width:114px!important;
    max-width:114px!important;
  }
}

/* Single-stage opening loader: one logo, no underline, no rings, no aura */
html .qasr-site-loader--single{
  background:#fff!important;
}
html .qasr-site-loader--single::before,
html .qasr-site-loader--single::after,
html .qasr-site-loader--single .qasr-loader-aura,
html .qasr-site-loader--single .qasr-loader-line{
  display:none!important;
  content:none!important;
}
html .qasr-site-loader--single .qasr-loader-logo-stack{
  width:min(58vw,320px)!important;
  height:auto!important;
  min-height:90px!important;
  display:grid!important;
  place-items:center!important;
}
html .qasr-site-loader--single .loader-logo-single{
  position:static!important;
  display:block!important;
  width:min(100%,300px)!important;
  height:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
  filter:none!important;
}


/* v5.02 — stable header rollback and clean responsive header */
html body.home .site-header.qasr-header-home{
  transition:background-color .24s ease,color .24s ease,box-shadow .24s ease!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.home .site-header.qasr-header-home .site-logo{
  width:190px!important;
  height:58px!important;
  max-width:190px!important;
  position:relative!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
html body.home .site-header.qasr-header-home .site-logo img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  transform:none!important;
  transition:opacity .18s ease!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-white{
  display:block!important;opacity:1!important;visibility:visible!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-dark{
  display:none!important;opacity:0!important;visibility:hidden!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle{
  color:#fff!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle span{background:#fff!important}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .header-icon{
  background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body.home .site-header.qasr-header-home.is-scrolled{
  background:rgba(255,255,255,.98)!important;
  color:#111!important;
  box-shadow:0 1px 0 rgba(17,17,17,.08),0 8px 22px rgba(17,17,17,.06)!important;
}
html body.home .site-header.qasr-header-home.is-scrolled .site-logo .logo-white{
  display:none!important;opacity:0!important;visibility:hidden!important;
}
html body.home .site-header.qasr-header-home.is-scrolled .site-logo .logo-dark{
  display:block!important;opacity:1!important;visibility:visible!important;
}
html body.home .site-header.qasr-header-home.is-scrolled .primary-nav,
html body.home .site-header.qasr-header-home.is-scrolled .primary-nav a,
html body.home .site-header.qasr-header-home.is-scrolled .header-icon,
html body.home .site-header.qasr-header-home.is-scrolled .menu-toggle{
  color:#111!important;
}
html body.home .site-header.qasr-header-home.is-scrolled .menu-toggle span{background:#111!important}

/* Stable hero transition: no collision calculations and no jumping. */
html body.home .q494-home-hero::after{
  opacity:1!important;
  transition:opacity .26s ease!important;
}
html body.home .q494-home-hero.is-hero-scrolled::after{opacity:0!important}
html body.home .q494-hero-title-wrap,
html body.home .q494-hero-actions{
  transition:opacity .22s ease,visibility .22s ease!important;
  transform:none!important;
}
html body.home .q494-home-hero.is-hero-scrolled .q494-hero-title-wrap,
html body.home .q494-home-hero.is-hero-scrolled .q494-hero-actions{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;
}

@media(max-width:767px){
  /* mobile: language on left, menu on right, centered logo; same size in both states */
  html body .site-header.qasr-header-home .qasr-header-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) 52px!important;
    align-items:center!important;
    gap:6px!important;
    min-height:66px!important;
  }
  html body .site-header.qasr-header-home .header-side-start{
    grid-column:1!important;grid-row:1!important;
    width:52px!important;margin:0!important;
    display:flex!important;justify-content:flex-start!important;align-items:center!important;
  }
  html body .site-header.qasr-header-home .header-side-start .header-cart,
  html body .site-header.qasr-header-home .header-side-start .header-account{display:none!important}
  html body .site-header.qasr-header-home .header-side-start .qasr-language-globe{
    display:grid!important;width:40px!important;height:40px!important;padding:7px!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  html body .site-header.qasr-header-home .site-logo{
    grid-column:2!important;grid-row:1!important;justify-self:center!important;
    width:164px!important;max-width:164px!important;height:54px!important;
    margin:0!important;transform:none!important;
  }
  html body .site-header.qasr-header-home .site-logo img{
    width:164px!important;max-width:164px!important;height:54px!important;max-height:54px!important;transform:none!important;
  }
  html body .site-header.qasr-header-home .header-side-end{
    grid-column:3!important;grid-row:1!important;
    width:52px!important;margin:0!important;
    display:flex!important;justify-content:flex-end!important;align-items:center!important;
  }
  html body .site-header.qasr-header-home .header-side-end .search-toggle{display:none!important}
  html body .site-header.qasr-header-home .menu-toggle{
    display:flex!important;position:static!important;transform:none!important;
    width:40px!important;height:40px!important;padding:6px!important;
    align-items:center!important;justify-content:center!important;flex-direction:column!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  html body .site-header.qasr-header-home .menu-toggle span{
    width:26px!important;height:1.6px!important;margin:3.3px auto!important;border-radius:4px!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo,
  html body.home .site-header.qasr-header-home.is-scrolled .site-logo,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo img,
  html body.home .site-header.qasr-header-home.is-scrolled .site-logo img{
    width:164px!important;max-width:164px!important;height:54px!important;max-height:54px!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .qasr-language-globe,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle{color:#fff!important}
  html body.home .site-header.qasr-header-home.is-scrolled .qasr-language-globe,
  html body.home .site-header.qasr-header-home.is-scrolled .menu-toggle{color:#111!important}
}


/* v5.08 — clean standard hero/header, unified mobile header */

/* Keep announcement and header as two independent layers. */
html body .qasr-announcement{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  z-index:10001!important;
  display:flex!important;
  height:30px!important;min-height:30px!important;
  background:#111!important;color:#fff!important;
}
html body .qasr-announcement-track span{
  color:#fff!important;line-height:30px!important;
}
html body .site-header.qasr-header-v408{
  position:fixed!important;
  top:30px!important;left:0!important;right:0!important;
  z-index:10000!important;
}

/* Standard hero again: no pinning, no extra stage, no scroll transforms. */
html body.home .q508-home-hero{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1672/941!important;
  margin:0!important;
  overflow:hidden!important;
}
html body.home .q508-home-hero .q494-hero-picture,
html body.home .q508-home-hero .q494-hero-bg{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
}
html body.home .q508-home-hero .q494-hero-bg{
  object-fit:cover!important;object-position:center!important;
  transform:none!important;filter:none!important;transition:none!important;
}
html body.home .q508-home-hero::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;
  background:rgba(35,24,20,.30)!important;opacity:1!important;pointer-events:none!important;
}
html body.home .q508-hero-content{
  position:absolute!important;z-index:4!important;
  top:52%!important;right:6.8%!important;left:auto!important;
  width:min(43%,620px)!important;
  transform:translateY(-50%)!important;
  text-align:right!important;
}
html body.home .q508-hero-content .q494-hero-title-wrap,
html body.home .q508-hero-content .q494-hero-actions{
  position:static!important;inset:auto!important;
  width:100%!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important;
}
html body.home .q508-hero-content .q494-hero-title-wrap{margin:0 0 22px!important}
html body.home .q508-hero-content .q494-hero-title-wrap h1{
  margin:0!important;text-align:right!important;color:#fff!important;
  font-family:'GE Hili','Cairo',Tahoma,Arial,sans-serif!important;
  font-weight:400!important;letter-spacing:0!important;
  font-size:clamp(2rem,2.9vw,3.55rem)!important;line-height:1.14!important;
  text-shadow:0 2px 18px rgba(0,0,0,.25)!important;
}
html body.home .q508-hero-content .q494-hero-actions{
  display:flex!important;justify-content:flex-start!important;align-items:center!important;
  gap:9px!important;flex-wrap:wrap!important;
}
html body.home .q508-hero-content .q494-hero-action{
  flex:0 0 auto!important;min-width:0!important;width:auto!important;
  height:40px!important;padding:0 15px!important;border-radius:999px!important;
  gap:7px!important;font-size:12px!important;font-weight:700!important;
  background:rgba(255,255,255,.97)!important;color:#111!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
}
html body.home .q508-hero-content .q494-hero-action:nth-child(2){
  background:#111!important;color:#fff!important;border-color:#111!important;
}
html body.home .q508-hero-content .q494-hero-action svg{
  width:11px!important;height:11px!important;flex:none!important;
}
html body.home .q508-hero-content .q494-hero-action:hover,
html body.home .q508-hero-content .q494-hero-action:focus-visible{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}

/* Desktop home header: guarantee the white logo is visible over the transparent hero. */
@media(min-width:901px){
  html body.home .site-header.qasr-header-home:not(.is-scrolled){
    background:transparent!important;color:#fff!important;box-shadow:none!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo{
    display:block!important;opacity:1!important;visibility:visible!important;
    width:184px!important;height:58px!important;z-index:4!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-white{
    display:block!important;opacity:1!important;visibility:visible!important;
    width:100%!important;height:100%!important;
    filter:drop-shadow(0 2px 10px rgba(0,0,0,.34))!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .site-logo .logo-dark{
    display:none!important;opacity:0!important;visibility:hidden!important;
  }
  html body.home .site-header.qasr-header-home.is-scrolled{
    background:#fff!important;color:#111!important;
    box-shadow:0 1px 0 rgba(17,17,17,.08),0 8px 22px rgba(17,17,17,.06)!important;
  }
  html body.home .site-header.qasr-header-home.is-scrolled .logo-white{display:none!important;opacity:0!important;visibility:hidden!important}
  html body.home .site-header.qasr-header-home.is-scrolled .logo-dark{display:block!important;opacity:1!important;visibility:visible!important}
}

/* One mobile header across home + all inner pages. */
@media(max-width:900px){
  html body .qasr-announcement{height:28px!important;min-height:28px!important}
  html body .qasr-announcement-track span{line-height:28px!important}
  html body .site-header.qasr-header-v408{top:28px!important}

  html body .site-header.qasr-header-v408 .header-shell{
    width:100%!important;max-width:none!important;padding-inline:14px!important;
  }
  html body .site-header.qasr-header-v408 .qasr-header-row{
    position:relative!important;display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 54px!important;
    height:66px!important;min-height:66px!important;gap:6px!important;align-items:center!important;
  }
  html body .site-header.qasr-header-v408 .header-side-start{
    grid-column:1!important;grid-row:1!important;width:54px!important;
    display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:0!important;
  }
  html body .site-header.qasr-header-v408 .header-side-start .header-cart,
  html body .site-header.qasr-header-v408 .header-side-start .header-account{display:none!important}
  html body .site-header.qasr-header-v408 .header-side-start .qasr-language-globe{
    display:grid!important;place-items:center!important;
    width:40px!important;min-width:40px!important;height:40px!important;padding:7px!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html body .site-header.qasr-header-v408 .header-side-end{
    grid-column:3!important;grid-row:1!important;width:54px!important;
    display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:0!important;
  }
  html body .site-header.qasr-header-v408 .header-side-end .search-toggle{display:none!important}
  html body .site-header.qasr-header-v408 .menu-toggle{
    display:flex!important;position:static!important;
    width:40px!important;min-width:40px!important;height:40px!important;padding:6px!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html body .site-header.qasr-header-v408 .menu-toggle span{
    width:27px!important;height:1.7px!important;margin:3.2px auto!important;border-radius:4px!important;
  }
  html body .site-header.qasr-header-v408 .site-logo,
  html body .site-header.qasr-header-v408 .site-logo img{
    width:170px!important;max-width:170px!important;height:54px!important;max-height:54px!important;
  }
  html body .site-header.qasr-header-v408 .site-logo{
    grid-column:2!important;grid-row:1!important;justify-self:center!important;margin:0!important;transform:none!important;
  }

  /* Home transparent state. */
  html body.home .site-header.qasr-header-home:not(.is-scrolled){
    background:transparent!important;color:#fff!important;box-shadow:none!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .logo-white{display:block!important;opacity:1!important;visibility:visible!important}
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .logo-dark{display:none!important;opacity:0!important;visibility:hidden!important}
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .qasr-language-globe,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle{color:#fff!important}

  /* Home scrolled + every inner page use the same clean black controls. */
  html body.home .site-header.qasr-header-home.is-scrolled,
  html body:not(.home) .site-header.qasr-header-inner{
    background:#fff!important;color:#111!important;
    box-shadow:0 1px 0 rgba(17,17,17,.08),0 8px 22px rgba(17,17,17,.05)!important;
  }
  html body.home .site-header.qasr-header-home.is-scrolled .logo-white,
  html body:not(.home) .site-header.qasr-header-inner .logo-white{display:none!important;opacity:0!important;visibility:hidden!important}
  html body.home .site-header.qasr-header-home.is-scrolled .logo-dark,
  html body:not(.home) .site-header.qasr-header-inner .logo-dark{display:block!important;opacity:1!important;visibility:visible!important}
  html body.home .site-header.qasr-header-home.is-scrolled .qasr-language-globe,
  html body.home .site-header.qasr-header-home.is-scrolled .menu-toggle,
  html body:not(.home) .site-header.qasr-header-inner .qasr-language-globe,
  html body:not(.home) .site-header.qasr-header-inner .menu-toggle{color:#111!important}

  /* Mobile hero: content block exactly centered in the screen area. */
  html body.home .q508-home-hero{
    aspect-ratio:941/1672!important;min-height:0!important;height:auto!important;
  }
  html body.home .q508-hero-content{
    top:81.5%!important;left:50%!important;right:auto!important;
    width:min(90%,560px)!important;transform:translate(-50%,-50%)!important;
    text-align:center!important;
  }
  html body.home .q508-hero-content .q494-hero-title-wrap{margin:0 0 20px!important;text-align:center!important}
  html body.home .q508-hero-content .q494-hero-title-wrap h1{
    max-width:94%!important;margin-inline:auto!important;text-align:center!important;
    font-family:'GE Hili','Cairo',Tahoma,Arial,sans-serif!important;
    font-size:clamp(1.52rem,6.1vw,2.15rem)!important;line-height:1.16!important;
  }
  html body.home .q508-hero-content .q494-hero-actions{
    justify-content:center!important;gap:7px!important;flex-wrap:nowrap!important;
  }
  html body.home .q508-hero-content .q494-hero-action{
    flex:1 1 0!important;min-width:0!important;max-width:170px!important;
    height:40px!important;padding:0 7px!important;border-radius:12px!important;
    gap:4px!important;font-size:clamp(9px,2.45vw,11px)!important;white-space:nowrap!important;
  }
  html body.home .q508-hero-content .q494-hero-action span{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  /* Force the agreed heading typography on mobile too, not desktop-only selectors. */
  html[dir='rtl'] body h1,
  html[dir='rtl'] body h2,
  html[dir='rtl'] body h3,
  html[dir='rtl'] body h4,
  html[dir='rtl'] body h5,
  html[dir='rtl'] body h6,
  html[dir='rtl'] body .section-heading h2,
  html[dir='rtl'] body .section-heading h3,
  html[dir='rtl'] body .entry-title,
  html[dir='rtl'] body .page-title,
  html[dir='rtl'] body [class$='__title'],
  html[dir='rtl'] body [class*='__title '],
  html[dir='rtl'] body [class$='-title']{
    font-family:'GE Hili','Cairo',Tahoma,Arial,sans-serif!important;
    font-weight:400!important;letter-spacing:0!important;
  }
}

@media(max-width:390px){
  html body .site-header.qasr-header-v408 .site-logo,
  html body .site-header.qasr-header-v408 .site-logo img{width:158px!important;max-width:158px!important}
  html body.home .q508-hero-content{top:82%!important;width:92%!important}
  html body.home .q508-hero-content .q494-hero-actions{gap:5px!important}
  html body.home .q508-hero-content .q494-hero-action{font-size:8.8px!important;padding:0 5px!important}
}


/* v5.10 — mobile hero/header polish requested 2026-10-31 */
html body.home .q508-home-hero::after{
  background:rgba(17,17,17,.42)!important;
}

/* All hero page actions stay white; black only on hover/focus. */
html body.home .q508-hero-content .q494-hero-action,
html body.home .q508-hero-content .q494-hero-action:nth-child(2){
  background:rgba(255,255,255,.98)!important;
  color:#111!important;
  border-color:rgba(255,255,255,.94)!important;
}
html body.home .q508-hero-content .q494-hero-action:hover,
html body.home .q508-hero-content .q494-hero-action:focus-visible,
html body.home .q508-hero-content .q494-hero-action:nth-child(2):hover,
html body.home .q508-hero-content .q494-hero-action:nth-child(2):focus-visible{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}

/* Floating WhatsApp is hidden over the hero and appears after scrolling. */
html body .qasr-floating-whatsapp{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(14px) scale(.96)!important;
  transition:opacity .24s ease,visibility .24s ease,transform .24s ease!important;
}
html body .qasr-floating-whatsapp.is-visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}

/* Use one downloadable heading face across desktop and mobile to avoid local-font mismatch. */
html[dir='rtl'] body h1,
html[dir='rtl'] body h2,
html[dir='rtl'] body h3,
html[dir='rtl'] body h4,
html[dir='rtl'] body h5,
html[dir='rtl'] body h6,
html[dir='rtl'] body .section-heading h2,
html[dir='rtl'] body .section-heading h3,
html[dir='rtl'] body .entry-title,
html[dir='rtl'] body .page-title,
html[dir='rtl'] body [class$='__title'],
html[dir='rtl'] body [class*='__title '],
html[dir='rtl'] body [class$='-title'],
html[dir='rtl'] body.home .q508-hero-content .q494-hero-title-wrap h1{
  font-family:'Noto Naskh Arabic','Cairo',Tahoma,Arial,sans-serif!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Opening loader: logo must always be visible, single-stage, short. */
html .qasr-site-loader--single{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  background:#fff!important;
  transition:opacity .32s ease,visibility .32s ease!important;
}
html .qasr-site-loader--single.is-hidden{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html .qasr-site-loader--single .loader-logo-single{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:min(58vw,300px)!important;
  height:auto!important;
}

@media(max-width:900px){
  /* Cleaner, larger language icon with no surrounding chip/background. */
  html body .site-header.qasr-header-v408 .header-side-start .qasr-language-globe{
    width:44px!important;min-width:44px!important;height:44px!important;
    padding:6px!important;margin:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;outline:0!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html body .site-header.qasr-header-v408 .header-side-start .qasr-language-globe svg{
    width:28px!important;height:28px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.55!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .qasr-language-globe,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle{
    color:#fff!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .qasr-language-globe svg,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .menu-toggle span{
    color:#fff!important;stroke:#fff!important;background:#fff!important;
  }

  /* Slightly larger, easier-to-read hero actions on mobile. */
  html body.home .q508-hero-content .q494-hero-action{
    height:44px!important;
    padding:0 8px!important;
    border-radius:13px!important;
    font-size:clamp(10.5px,2.85vw,12.2px)!important;
    font-weight:700!important;
  }
  html body.home .q508-hero-content .q494-hero-action svg{
    width:12px!important;height:12px!important;
  }
}

@media(max-width:390px){
  html body.home .q508-hero-content .q494-hero-action{
    font-size:10.3px!important;
    padding-inline:6px!important;
  }
}

/* v5.11 — final hero action / transparent header polish */
:root{
  --qasr-heading-font:'GE HILI BOOK','GE Hili','GE HILI LIGHT','Cairo',Tahoma,Arial,sans-serif;
}

/* Keep the requested heading family consistent across all breakpoints. */
html[dir='rtl'] body h1,
html[dir='rtl'] body h2,
html[dir='rtl'] body h3,
html[dir='rtl'] body h4,
html[dir='rtl'] body h5,
html[dir='rtl'] body h6,
html[dir='rtl'] body .section-heading h2,
html[dir='rtl'] body .section-heading h3,
html[dir='rtl'] body .entry-title,
html[dir='rtl'] body .page-title,
html[dir='rtl'] body [class$='__title'],
html[dir='rtl'] body [class*='__title '],
html[dir='rtl'] body [class$='-title'],
html[dir='rtl'] body.home .q508-hero-content .q494-hero-title-wrap h1{
  font-family:var(--qasr-heading-font)!important;
  letter-spacing:0!important;
}
html[dir='rtl'] body.home .q508-hero-content .q494-hero-title-wrap h1{font-weight:400!important}

/* Hero quick links: translucent glass white, all three identical. */
html body.home .q508-hero-content .q494-hero-action,
html body.home .q508-hero-content .q494-hero-action:nth-child(2){
  position:relative!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.74)!important;
  color:#111!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.34)!important;
  backdrop-filter:blur(12px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(115%)!important;
  transition:transform .28s cubic-bezier(.2,.75,.25,1),background .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease!important;
}
html body.home .q508-hero-content .q494-hero-action::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.30) 48%,transparent 76%)!important;
  transform:translateX(-130%)!important;
  transition:transform .48s ease!important;
  pointer-events:none!important;
}
html body.home .q508-hero-content .q494-hero-action:hover,
html body.home .q508-hero-content .q494-hero-action:focus-visible,
html body.home .q508-hero-content .q494-hero-action:nth-child(2):hover,
html body.home .q508-hero-content .q494-hero-action:nth-child(2):focus-visible{
  background:rgba(255,255,255,.92)!important;
  color:#111!important;
  border-color:rgba(255,255,255,.98)!important;
  transform:translateY(-3px)!important;
  box-shadow:0 13px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.5)!important;
}
html body.home .q508-hero-content .q494-hero-action:hover::before,
html body.home .q508-hero-content .q494-hero-action:focus-visible::before{
  transform:translateX(130%)!important;
}
html body.home .q508-hero-content .q494-hero-action svg{
  transition:transform .28s ease!important;
}
html[dir='rtl'] body.home .q508-hero-content .q494-hero-action:hover svg,
html[dir='rtl'] body.home .q508-hero-content .q494-hero-action:focus-visible svg{transform:translateX(-3px)!important}
html[dir='ltr'] body.home .q508-hero-content .q494-hero-action:hover svg,
html[dir='ltr'] body.home .q508-hero-content .q494-hero-action:focus-visible svg{transform:translateX(3px)!important}

/* Home transparent header: navigation text must be white before scrolling. */
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav ul,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav li,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a{
  color:#fff!important;
}
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a:hover,
html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a:focus-visible{
  color:#fff!important;
  opacity:.72!important;
}

@media(max-width:900px){
  /* Fix globe rendering: no white square/chip, only the white line icon. */
  html body .site-header.qasr-header-v408 .qasr-language-globe{
    display:grid!important;
    place-items:center!important;
    width:44px!important;min-width:44px!important;height:44px!important;
    padding:6px!important;
    background:transparent!important;
    border:0!important;border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html body .site-header.qasr-header-v408 .qasr-language-globe svg{
    display:block!important;
    width:29px!important;height:29px!important;
    background:transparent!important;
    border:0!important;border-radius:0!important;
    box-shadow:none!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.6!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  html body .site-header.qasr-header-v408 .qasr-language-globe svg circle,
  html body .site-header.qasr-header-v408 .qasr-language-globe svg path{
    fill:none!important;
    stroke:currentColor!important;
    background:transparent!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .qasr-language-globe{
    color:#fff!important;
  }
  html body.home .site-header.qasr-header-home.is-scrolled .qasr-language-globe,
  html body:not(.home) .site-header.qasr-header-inner .qasr-language-globe{
    color:#111!important;
  }

  /* Mobile opened menu follows header state: white on transparent hero, black after scroll. */
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav{
    background:rgba(17,17,17,.24)!important;
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a{
    color:#fff!important;
    background:transparent!important;
  }
  html body.home .site-header.qasr-header-home.is-scrolled .primary-nav,
  html body:not(.home) .site-header.qasr-header-inner .primary-nav{
    background:rgba(255,255,255,.98)!important;
    border-color:rgba(17,17,17,.08)!important;
    color:#111!important;
  }
  html body.home .site-header.qasr-header-home.is-scrolled .primary-nav a,
  html body:not(.home) .site-header.qasr-header-inner .primary-nav a{
    color:#111!important;
  }

  /* More polished mobile hero actions. */
  html body.home .q508-hero-content .q494-hero-actions{gap:8px!important}
  html body.home .q508-hero-content .q494-hero-action{
    height:45px!important;
    border-radius:15px!important;
    padding-inline:9px!important;
    font-size:clamp(11px,2.95vw,12.6px)!important;
    font-weight:700!important;
    background:rgba(255,255,255,.72)!important;
    border-color:rgba(255,255,255,.80)!important;
  }
}

@media(min-width:901px){
  html body.home .q508-hero-content .q494-hero-action{
    height:39px!important;
    padding-inline:14px!important;
    border-radius:999px!important;
    font-size:11.5px!important;
  }
}


/* v5.13 — corrected source block: mobile language icon + transparent menu */
@media (max-width:900px){
  html body .site-header.qasr-header-v408 .qasr-language-globe{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
  html body .site-header.qasr-header-v408 .qasr-language-globe .qasr-globe-mark{
    display:block!important;
    position:relative!important;
    width:26px!important;
    height:26px!important;
    box-sizing:border-box!important;
    border:2px solid currentColor!important;
    border-radius:50%!important;
    background:none!important;
    box-shadow:none!important;
  }
  html body .site-header.qasr-header-v408 .qasr-language-globe .qasr-globe-mark::before{
    content:""!important;
    position:absolute!important;
    top:2px!important;
    bottom:2px!important;
    left:50%!important;
    width:9px!important;
    transform:translateX(-50%)!important;
    border-left:1.5px solid currentColor!important;
    border-right:1.5px solid currentColor!important;
    border-radius:50%!important;
    background:none!important;
  }
  html body .site-header.qasr-header-v408 .qasr-language-globe .qasr-globe-mark::after{
    content:""!important;
    position:absolute!important;
    left:2px!important;
    right:2px!important;
    top:50%!important;
    border-top:1.5px solid currentColor!important;
    transform:translateY(-50%)!important;
    background:none!important;
  }
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .qasr-language-globe{
    color:#fff!important;
  }
  html body.home .site-header.qasr-header-home.is-scrolled .qasr-language-globe,
  html body:not(.home) .site-header.qasr-header-inner .qasr-language-globe{
    color:#111!important;
  }

  html body.home.menu-open .site-header.qasr-header-home:not(.is-scrolled) .primary-nav,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav{
    color:#fff!important;
    background:rgba(10,10,10,.34)!important;
    border-color:rgba(255,255,255,.14)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  html body.home.menu-open .site-header.qasr-header-home:not(.is-scrolled) .primary-nav *,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav *,
  html body.home.menu-open .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a,
  html body.home .site-header.qasr-header-home:not(.is-scrolled) .primary-nav a{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html body.home .site-header.qasr-header-home.is-scrolled .primary-nav,
  html body:not(.home) .site-header.qasr-header-inner .primary-nav{
    color:#111!important;
    background:rgba(255,255,255,.98)!important;
  }
  html body.home .site-header.qasr-header-home.is-scrolled .primary-nav *,
  html body:not(.home) .site-header.qasr-header-inner .primary-nav *,
  html body.home .site-header.qasr-header-home.is-scrolled .primary-nav a,
  html body:not(.home) .site-header.qasr-header-inner .primary-nav a{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }

  html body.home .q508-hero-content .q494-hero-action{
    font-size:10px!important;
    padding-inline:5px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html body.home .q508-hero-content .q494-hero-action span{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media (max-width:390px){
  html body.home .q508-hero-content .q494-hero-action{
    font-size:9.5px!important;
    padding-inline:4px!important;
  }
}

/* v5.15 — centered home hero content + lighter overlay */
html body.home .q508-home-hero::after{
  background:rgba(17,17,17,.32)!important;
}
html body.home .q508-hero-content{
  top:52%!important;
  left:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(88%,780px)!important;
  text-align:center!important;
}
html body.home .q508-hero-content .q494-hero-title-wrap{
  text-align:center!important;
  margin:0 0 22px!important;
}
html body.home .q508-hero-content .q494-hero-title-wrap h1{
  margin-inline:auto!important;
  text-align:center!important;
}
html body.home .q508-hero-content .q494-hero-actions{
  justify-content:center!important;
}
@media(max-width:900px){
  html body.home .q508-hero-content{
    top:54%!important;
    width:92%!important;
  }
  html body.home .q508-hero-content .q494-hero-title-wrap{margin-bottom:18px!important}
}

/* v5.16 — hero content slightly higher + breathing room below announcement */
html body .site-header.qasr-header-v408{top:34px!important}
html body.home .q508-hero-content{top:48.8%!important}
@media(max-width:900px){
  html body .site-header.qasr-header-v408{top:32px!important}
  html body.home .q508-hero-content{top:50.5%!important}
}

/* v5.17 — raise home hero title/actions slightly */
html body.home .q508-hero-content{top:45.8%!important}
@media(max-width:900px){html body.home .q508-hero-content{top:47.2%!important}}


/* v5.19 — raise home hero title/actions slightly more */
html body.home .q508-hero-content{top:43.8%!important}
@media(max-width:900px){html body.home .q508-hero-content{top:45.2%!important}}


/* v5.22 — requested hero link layout only; keep v514 hero images untouched */
html body.home .q508-hero-content{top:42.2%!important}
html body.home .q508-hero-content .q494-hero-action svg{display:none!important}
@media(max-width:900px){
  html body.home .q508-hero-content{top:43.5%!important}
  html body.home .q508-hero-content .q494-hero-actions{
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(72vw,270px)!important;
    margin-inline:auto!important;
    gap:8px!important;
  }
  html body.home .q508-hero-content .q494-hero-action{
    width:100%!important;
    max-width:240px!important;
    flex:0 0 auto!important;
    min-height:42px!important;
    height:42px!important;
    padding-inline:16px!important;
    font-size:11px!important;
  }
}