:root{
  --primary:#A95823 !important;
  --secondary:#532119 !important;
  --accent:#C47B47 !important;
  --bg:#f7f2ee !important;
  --bg-soft:#fbf8f5 !important;
  --surface:#ffffff !important;
  --surface-2:#f4ede8 !important;
  --text:#241412 !important;
  --muted:#6a534b !important;
  --line:rgba(83,33,25,.12) !important;
  --line-strong:rgba(83,33,25,.18) !important;
  --shadow:0 22px 50px rgba(64,24,17,.10) !important;
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at top right, rgba(169,88,35,.08), transparent 22%),
    radial-gradient(circle at top left, rgba(83,33,25,.06), transparent 24%),
    linear-gradient(180deg,#fcfaf8 0%, #f7f2ee 52%, #f2ebe5 100%) !important;
  color:var(--text) !important;
}
canvas#spaceCanvas,#cursor,#cursor-follower,.floating-elements,.floating-element,.loading{display:none !important}
body, p, li, input, select, textarea, button{font-family:'Cairo',system-ui,sans-serif !important}
main{position:relative;z-index:1}
.container{width:min(1180px,calc(100% - 32px)) !important}
a{transition:all .22s ease}

/* Header */
.site-chrome{position:sticky;top:0;z-index:1000;padding:12px 0;background:rgba(247,242,238,.72)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(83,33,25,.08)}
.navbar.navbar--cyber{
  min-height:84px;border-radius:26px !important;padding:12px 18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,240,235,.9)) !important;
  border:1px solid rgba(83,33,25,.10) !important;box-shadow:0 16px 42px rgba(64,24,17,.10) !important;
}
.logo{gap:14px !important;text-decoration:none !important}
.brand-lockup{width:64px !important;height:64px !important;object-fit:contain}
.brand-lockup--mobile{width:42px !important;height:42px !important;object-fit:contain}
.header-brand__line--primary{font-size:1.12rem !important;font-weight:900 !important;color:#341713 !important}
.header-brand__line--secondary{font-size:.84rem !important;color:#7a5e53 !important}
.nav-links.nav-dock{gap:8px !important;background:transparent !important;border:0 !important;box-shadow:none !important}
.nav-item>a,.language-btn,.nav-mobile-toggle,.mobile-nav-hud__btn,.mobile-nav-hud__float{
  border-radius:16px !important;border:1px solid transparent !important;background:transparent !important;
  color:#4d312a !important;font-weight:800 !important;
}
.nav-item>a:hover,.nav-item>a:focus-visible,.language-btn:hover,.nav-mobile-toggle:hover,
.mobile-nav-hud__btn:hover,.mobile-nav-hud__float:hover{
  background:rgba(169,88,35,.08) !important;border-color:rgba(169,88,35,.14) !important;color:#532119 !important;
  transform:translateY(-1px);
}
.nav-item>a i,.mobile-nav-hud__btn i,.mobile-nav-hud__float i,.language-btn i{color:#A95823 !important}
.mobile-nav-hud__bar,.mobile-nav-hud__stack{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,240,235,.94)) !important;
  border:1px solid rgba(83,33,25,.10) !important;box-shadow:0 18px 40px rgba(64,24,17,.12) !important;
}

/* Buttons */
.btn,.hero-cta-group .btn,.smart-cta-bar__btn,.services-conversion-strip .btn,.sent-actions .btn{
  background:linear-gradient(135deg,#A95823,#532119) !important;color:#fff !important;border:0 !important;
  box-shadow:0 14px 30px rgba(83,33,25,.18) !important;border-radius:16px !important;
}
.btn:hover,.hero-cta-group .btn:hover,.smart-cta-bar__btn:hover,.services-conversion-strip .btn:hover,.sent-actions .btn:hover{transform:translateY(-2px)}
.btn.btn-ghost,.btn.btn-outline,.smart-cta-bar__btn.secondary{
  background:#fff !important;color:#532119 !important;border:1px solid rgba(83,33,25,.16) !important;box-shadow:none !important;
}
.btn.btn-ghost:hover,.btn.btn-outline:hover,.smart-cta-bar__btn.secondary:hover{background:#f7efe9 !important}

/* Smart CTA */
.smart-cta-bar{
  background:linear-gradient(135deg, rgba(83,33,25,.95), rgba(64,24,17,.95)) !important;
  color:#fff !important;border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.smart-cta-bar__copy strong{color:#fff !important}
.smart-cta-bar__copy span{color:rgba(255,245,240,.82) !important}

/* Hero */
.hero{
  min-height:auto !important;padding:132px 0 88px !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(169,88,35,.26), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(196,123,71,.16), transparent 24%) !important;
  position:relative;overflow:hidden;border-bottom-left-radius:36px;border-bottom-right-radius:36px;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(83,33,25,.38), rgba(83,33,25,.74)), linear-gradient(120deg, transparent 0%, rgba(255,255,255,.05) 52%, transparent 100%);
  pointer-events:none;
  z-index:1;
}
.hero .container{position:relative;z-index:2}
.hero-content{max-width:860px !important;padding:0 !important;text-align:right}
[dir="ltr"] .hero-content{text-align:left}
.hero h1,.booking-heading h1,.sent-title,.contact-page-hero h1{color:#fff !important;letter-spacing:-.02em}
.hero p,.hero-subtitle,.hero-proof span{color:rgba(255,245,240,.84) !important}
.hero-title-accent,
.hero h1 .hero-title-accent,
.contact-page-hero h1 .hero-title-accent,
.sent-title span,
.booking-heading h1 .accent{
  background:linear-gradient(135deg,#f8d3b4,#C47B47) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;
}
.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px !important}
.hero-proof span{
  background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;padding:10px 14px !important;
}
.hero-proof i{color:#f2c6a3 !important}
.hero-media,.hero-media--slider,.hero-media--video,.hero-video{display:block !important;visibility:visible !important;opacity:1 !important}

/* Generic section */
section{position:relative}
.section-title{margin-bottom:26px !important}
.section-title h2,.contact h2,.articles-hero h1,.portfolio-page-hero h1,.privacy-page-hero h1,.error-hero h1{
  color:#2d1814 !important;font-weight:900 !important;letter-spacing:-.02em;
}
.section-title span,.contact-page-hero__eyebrow,.booking-badge,.offer-badge{
  display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;
  background:rgba(169,88,35,.10) !important;border:1px solid rgba(169,88,35,.14) !important;color:#7a3b17 !important;font-weight:800;
}
.section-title h2::after,.booking-form-top h2::after,.booking-calendar-head h2::after{display:none !important}

/* Content cards */
.about,.services,.workflow,.portfolio,.partners,.contact,.articles-list-shell,.portfolio-list-shell,.privacy-shell,.error-shell{
  padding:74px 0 !important;
}
.about-content,.workflow-container,.contact-wrapper,.article-card,.portfolio-card,.contact-page-hero__content,
.sent-card,.booking-panel,.booking-form-card,.privacy-card,.error-card{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,242,237,.94)) !important;
  color:var(--text) !important;border:1px solid rgba(83,33,25,.10) !important;box-shadow:var(--shadow) !important;
}
.about-content,.contact-wrapper,.workflow-container{border-radius:30px !important;padding:28px !important}
.about h3,.contact h3,.booking-form-top h2,.booking-calendar-head h2,.workflow .step-content h3{color:#341713 !important}
.about p,.contact p,.workflow .step-content p,.service-card p,.portfolio-overlay__summary,.partner-name,.article-excerpt,.sent-text{color:#6a534b !important}
.vm-box,.booking-value-item,.booking-selected-pill,.booking-calendar-card,.service-cta-card,.sent-meta div,.sent-step,.contact-details p{
  background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;box-shadow:none !important;
}
.vm-box h4,.booking-selected-pill strong,.service-cta-card strong,.sent-step strong{color:#341713 !important}

/* Services */
.services-grid{gap:18px !important}
.service-card{
  background:linear-gradient(180deg,#ffffff,#fbf7f4) !important;border:1px solid rgba(83,33,25,.10) !important;
  border-radius:24px !important;box-shadow:0 16px 32px rgba(64,24,17,.08) !important;color:inherit !important;
}
.service-card:hover{transform:translateY(-6px) !important;border-color:rgba(169,88,35,.22) !important;box-shadow:0 22px 42px rgba(64,24,17,.12) !important}
.service-icon{
  width:62px !important;height:62px !important;border-radius:18px !important;
  background:linear-gradient(135deg, rgba(169,88,35,.12), rgba(83,33,25,.10)) !important;border:1px solid rgba(169,88,35,.12) !important;
}
.service-icon i,.service-icon img{color:#A95823 !important}
.service-card h3,.service-kicker,.service-promise,.service-inline-cta{color:#341713 !important}
.service-kicker{background:rgba(169,88,35,.08) !important;border-color:rgba(169,88,35,.12) !important}
.service-points li::marker,.service-inline-cta i{color:#A95823 !important}
.services-conversion-strip{
  margin-top:22px !important;background:linear-gradient(135deg, rgba(83,33,25,.96), rgba(64,24,17,.96)) !important;
  color:#fff !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:24px !important;
}
.services-conversion-strip strong,.services-conversion-strip span{color:#fff !important}

/* Workflow */
.workflow-container .svg-container{opacity:.22 !important;filter:saturate(.4)}
.path-line{stroke:rgba(83,33,25,.18) !important}
.path-animated{stroke:#A95823 !important}
.step-item{
  background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;border-radius:22px !important;box-shadow:0 14px 28px rgba(64,24,17,.06) !important;
}
.step-number{background:linear-gradient(135deg,#A95823,#532119) !important;color:#fff !important}
.icon-box{background:rgba(169,88,35,.08) !important;border:1px solid rgba(169,88,35,.12) !important}

/* Portfolio */
.portfolio-item,.articles-item,.related-item,.portfolio-card{
  border-radius:24px !important;overflow:hidden !important;border:1px solid rgba(83,33,25,.10) !important;
  box-shadow:0 16px 32px rgba(64,24,17,.08) !important;
}
.portfolio-overlay{
    background: linear-gradient(180deg, rgba(83,33,25,.20), rgba(83,33,25,.96)) !important;

}
.portfolio-overlay h3,.portfolio-overlay p{color:#fff !important}
.portfolio-section__cta .btn,.articles-hero__actions .btn{margin-top:10px}

/* Partners */
.partner-logo{
  background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;border-radius:20px !important;
  box-shadow:0 12px 24px rgba(64,24,17,.06) !important;color:#4d312a !important;
}
.partner-logo:hover{border-color:rgba(169,88,35,.18) !important;transform:translateY(-4px)}
.partner-name{font-weight:800 !important;color:#532119 !important}

/* Forms */
.form-control, select.form-control, textarea.form-control, input.form-control{
  background:#fff !important;color:#241412 !important;border:1px solid rgba(83,33,25,.14) !important;border-radius:16px !important;
  box-shadow:none !important;
}
.form-control:focus, select.form-control:focus, textarea.form-control:focus, input.form-control:focus{
  border-color:#A95823 !important;box-shadow:0 0 0 4px rgba(169,88,35,.10) !important;
}
label,.captcha-label,.contact-trust,.captcha-hint,.service-assist,.message-prompt,.contact-assurance{color:#6a534b !important}
.select-wrap i,.lead-icon{color:#A95823 !important}
.contact-side-proof span,.contact-conversion-points span{
  background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;border-radius:16px !important;color:#4d312a !important;
}
.contact-side-proof i,.contact-conversion-points i,.contact-details i,.social-links i{color:#A95823 !important}
.social-links a{
  background:#fff !important;border:1px solid rgba(83,33,25,.12) !important;color:#532119 !important;box-shadow:none !important;
}
.social-links a:hover{background:#f7efe9 !important;transform:translateY(-2px)}

/* Contact/secondary hero */
.contact-page-hero,.articles-hero,.portfolio-page-hero,.privacy-page-hero,.error-hero{
  padding:130px 0 42px !important;background:transparent !important;
}
.contact-page-hero__content,.articles-hero__content,.portfolio-page-hero__content,.privacy-page-hero__content,.error-hero__content{
  border-radius:30px !important;padding:36px 30px !important;text-align:center !important;
}
.contact-page-hero__content h1,.articles-hero__content h1,.portfolio-page-hero__content h1,.privacy-page-hero__content h1,.error-hero__content h1{color:#2d1814 !important}
.contact-page-hero__content p,.articles-hero__content p,.portfolio-page-hero__content p,.privacy-page-hero__content p,.error-hero__content p{color:#6a534b !important}

/* Booking page */
body.booking-page{background:linear-gradient(180deg,#fcfaf8,#f5eee8) !important}
.booking-shell::before{display:none !important}
.booking-panel,.booking-form-card,.booking-calendar-card,.booking-disabled,.booking-slot-note,.booking-date-card,.booking-time-pill{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,242,237,.94)) !important;
  color:#241412 !important;border:1px solid rgba(83,33,25,.10) !important;box-shadow:var(--shadow) !important;
}
.booking-heading p,.booking-value-item span,.booking-calendar-head p,.booking-form-top p,.booking-cal-hint,.booking-slot-note,.booking-time-empty{color:#6a534b !important}
.booking-value-item strong,.booking-cal-month,.booking-selected-pill strong,.booking-form-top h2,.booking-calendar-head h2{color:#341713 !important}
.booking-cal-nav,.booking-time-pill,.booking-date-card{background:#fff !important;color:#4d312a !important;border:1px solid rgba(83,33,25,.12) !important}
.booking-cal-nav:hover,.booking-time-pill:hover,.booking-date-card:hover,.booking-cal-day.is-available:hover{border-color:rgba(169,88,35,.24) !important}
.booking-cal-day{background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;color:#4d312a !important}
.booking-cal-day.is-available,.booking-time-pill.is-selected,.booking-cal-day.is-selected{background:linear-gradient(135deg, rgba(169,88,35,.12), rgba(83,33,25,.08)) !important;border-color:rgba(169,88,35,.24) !important;color:#341713 !important}
.booking-cal-count{background:rgba(169,88,35,.10) !important;color:#7a3b17 !important;border-color:rgba(169,88,35,.16) !important}
.booking-page .form-status.error{background:rgba(127,29,29,.06) !important;color:#7f1d1d !important;border-color:rgba(127,29,29,.16) !important}
.booking-page .form-status.success{background:rgba(21,128,61,.06) !important;color:#166534 !important;border-color:rgba(21,128,61,.16) !important}

/* Articles */
.articles-chip,.articles-item__meta span,.portfolio-chip,.sent-badge{
  background:rgba(169,88,35,.10) !important;border:1px solid rgba(169,88,35,.14) !important;color:#7a3b17 !important;
}
.articles-item,.related-item,.article-card,.portfolio-card,.privacy-card{background:#fff !important;color:#241412 !important}
.article-card p,.article-card li,.portfolio-card p,.privacy-card p,.privacy-card li{color:#4f3a34 !important}
.article-title,.portfolio-card h1,.privacy-card h1,.privacy-card h2,.privacy-card h3{color:#2d1814 !important}
.article-card a,.portfolio-card a,.privacy-card a{color:#8a4319 !important}

/* Sent pages */
.sent-shell{background:transparent !important}
.sent-card{color:#241412 !important}
.sent-badge{background:linear-gradient(135deg,#A95823,#532119) !important;color:#fff !important;box-shadow:0 14px 34px rgba(83,33,25,.18) !important}
.sent-meta div,.sent-step,.sent-assigned{background:#fff !important;border-color:rgba(83,33,25,.10) !important;color:#241412 !important}
.sent-step span,.sent-assigned div:last-child{color:#6a534b !important}
.sent-note{background:rgba(196,123,71,.10) !important;border-color:rgba(196,123,71,.22) !important;color:#7a3b17 !important}

/* Footer */
footer{
  background:linear-gradient(180deg,#3a1712,#24100d) !important;color:#fff !important;margin-top:34px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.footer-content{gap:28px !important}
.footer-brand-title,.footer-links h3{color:#fff !important}
.footer-links a,.footer-links span,.copyright p,.footer-credit a{color:rgba(255,245,240,.82) !important}
.footer-links a:hover,.footer-credit a:hover{color:#fff !important}
.footer-links i{color:#f2c6a3 !important}
.copyright{border-top:1px solid rgba(255,255,255,.08) !important}

/* Floating CTA */
.decision-fab{
  background:linear-gradient(135deg,#A95823,#532119) !important;color:#fff !important;border:0 !important;
  box-shadow:0 20px 38px rgba(83,33,25,.20) !important;
}
.decision-fab__pulse{background:rgba(169,88,35,.24) !important}

/* Responsiveness */
@media (max-width: 992px){
  .hero{padding:118px 0 76px !important}
  .about,.services,.workflow,.portfolio,.partners,.contact,.articles-list-shell,.portfolio-list-shell,.privacy-shell,.error-shell{padding:58px 0 !important}
}
@media (max-width: 768px){
  .container{width:min(100%,calc(100% - 20px)) !important}
  .navbar.navbar--cyber{min-height:74px;padding:10px 12px !important;border-radius:22px !important}
  .brand-lockup{width:50px !important;height:50px !important}
  .header-brand__line--primary{font-size:1rem !important}
  .header-brand__line--secondary{font-size:.74rem !important}
  .hero{padding:108px 0 64px !important;border-bottom-left-radius:24px;border-bottom-right-radius:24px}
  .hero-proof{gap:8px}
  .hero-proof span{width:100%;justify-content:center}
  .about-content,.workflow-container,.contact-wrapper,.contact-page-hero__content,.sent-card,.booking-panel,.booking-form-card,.privacy-card,.error-card{padding:22px 18px !important;border-radius:24px !important}
  .site-chrome{padding:8px 0 0 !important}
}

/* ===== Desktop top header override for Almhaili ===== */
@media (min-width: 769px){
  body,
  body[dir="ltr"]{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .site-chrome,
  .site-chrome .container,
  .site-chrome .navbar--cyber{
    pointer-events:auto !important;
  }

  .site-chrome{
    padding:14px 0 !important;
  }

  .navbar.navbar--cyber{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    min-height:96px !important;
  }

  .navbar--cyber .logo{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    z-index:auto !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
  }

  .brand-lockup{
    display:block !important;
  }

  .brand-lockup--mobile{
    display:none !important;
  }

  .header-brand{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
  }

  .nav-links.nav-dock{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .nav-dock > li,
  .nav-dock .language-switcher{
    display:flex !important;
    justify-content:flex-start !important;
    flex:0 0 auto !important;
  }

  .nav-item--mobile-toggle,
  .mobile-nav-hud{
    display:none !important;
  }

  .nav-dock > li > a,
  .nav-dock > li > .language-btn{
    width:auto !important;
    min-width:unset !important;
    height:50px !important;
    padding:0 18px !important;
    border-radius:15px !important;
    border:1px solid rgba(83,33,25,.10) !important;
    background:rgba(255,255,255,.72) !important;
    color:#4d312a !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    box-shadow:none !important;
    overflow:visible !important;
    transform:none !important;
  }

  .nav-dock > li > a::before,
  .nav-dock > li > .language-btn::before{
    display:none !important;
  }

  .nav-dock > li > a i,
  .nav-dock > li > .language-btn i{
    font-size:1rem !important;
    transform:none !important;
  }

  .nav-dock > li > a span,
  .nav-dock > li > .language-btn .lang-text,
  [dir="ltr"] .nav-dock > li > a span,
  [dir="ltr"] .nav-dock > li > .language-btn .lang-text{
    position:static !important;
    inset:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    color:inherit !important;
    padding:0 !important;
    border-radius:0 !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  .nav-dock > li > a:hover,
  .nav-dock > li > a:focus-visible,
  .nav-dock > li > a.is-active,
  .nav-dock > li > .language-btn:hover,
  .nav-dock > li > .language-btn:focus-visible{
    background:rgba(169,88,35,.08) !important;
    border-color:rgba(169,88,35,.18) !important;
    color:#532119 !important;
    box-shadow:0 10px 24px rgba(64,24,17,.08) !important;
    transform:translateY(-1px) !important;
  }

  .nav-dock > li > a:hover i,
  .nav-dock > li > a:focus-visible i,
  .nav-dock > li > a.is-active i,
  .nav-dock > li > .language-btn:hover i,
  .nav-dock > li > .language-btn:focus-visible i{
    transform:none !important;
  }
}


/* ===== FINAL ALMHAILI POLISH: desktop header + brand surfaces ===== */
:root{
  --almhaili-bg:#f7f1eb;
  --almhaili-bg-soft:#fbf7f3;
  --almhaili-surface:#fffdfb;
  --almhaili-surface-2:#f5ece4;
  --almhaili-surface-3:#efe2d6;
  --almhaili-brown-900:#341713;
  --almhaili-brown-800:#532119;
  --almhaili-brown-700:#7a3b17;
  --almhaili-gold:#c49a6c;
  --almhaili-line:rgba(83,33,25,.10);
  --almhaili-line-strong:rgba(83,33,25,.16);
  --almhaili-shadow:0 20px 48px rgba(64,24,17,.10);
}
html,body{overflow-x:hidden;}
body{
  background:
    radial-gradient(circle at top right, rgba(169,88,35,.10), transparent 26%),
    radial-gradient(circle at top left, rgba(83,33,25,.06), transparent 24%),
    linear-gradient(180deg, #fdfbf8 0%, #f8f2ed 54%, #f2e9e1 100%) !important;
  color:var(--almhaili-brown-900) !important;
}
section,
.about,
.services,
.workflow,
.portfolio,
.partners,
.contact,
.testimonials,
.articles-list-shell,
.portfolio-list-shell,
.privacy-shell,
.error-shell,
.contact-page-shell,
.booking-shell,
.sent-shell{
  background:transparent !important;
}
.about::before,
.about::after,
.testimonials::before{opacity:.55 !important;filter:none !important;}
.about-content,
.workflow-container,
.contact-wrapper,
.contact-form,
.contact-map-card,
.article-card,
.portfolio-card,
.contact-page-hero__content,
.sent-card,
.booking-panel,
.booking-form-card,
.privacy-card,
.error-card,
.vm-box,
.booking-value-item,
.booking-selected-pill,
.booking-calendar-card,
.service-cta-card,
.sent-meta div,
.sent-step,
.contact-details p,
.service-card,
.portfolio-item,
.partner-logo,
.articles-item,
.related-item,
.testimonial-card,
.testimonials-summary,
.smart-cta-bar__content,
.services-conversion-strip,
.service-inline-cta,
.footer-brand,
.footer-links{
  background:linear-gradient(180deg, rgba(255,253,251,.98), rgba(245,236,228,.96)) !important;
  border:1px solid var(--almhaili-line) !important;
  box-shadow:var(--almhaili-shadow) !important;
  color:var(--almhaili-brown-900) !important;
}
.contact-form,
.contact-map-card,
.testimonial-card,
.partner-logo,
.portfolio-item,
.article-card,
.articles-item,
.related-item,
.service-card,
.vm-box,
.contact-details p{
  border-radius:24px !important;
}
.about p,
.contact p,
.workflow .step-content p,
.service-card p,
.portfolio-overlay__summary,
.partner-name,
.article-excerpt,
.sent-text,
.testimonials-intro,
.testimonials-summary span,
.testimonial-card__top p,
.testimonial-card__meta,
label,
.captcha-label,
.contact-trust,
.captcha-hint,
.service-assist,
.message-prompt,
.contact-assurance,
.footer-links a,
.footer-links span,
.copyright p,
.footer-credit a{
  color:#6a534b !important;
}
.section-title h2,
.contact h2,
.articles-hero h1,
.portfolio-page-hero h1,
.privacy-page-hero h1,
.error-hero h1,
.about h3,
.contact h3,
.booking-form-top h2,
.booking-calendar-head h2,
.workflow .step-content h3,
.service-card h3,
.testimonial-card__top h3,
.footer-brand-title,
.footer-links h3,
.contact-map-card__label,
.contact-page-hero__content h1{
  color:var(--almhaili-brown-900) !important;
}
.form-control,
select.form-control,
textarea.form-control,
input.form-control,
.select-wrap,
.contact-form .form-row > div,
.contact-form .select-wrap{
  background:#fffdfa !important;
  color:var(--almhaili-brown-900) !important;
  border-color:rgba(83,33,25,.14) !important;
}
.form-control::placeholder,
textarea.form-control::placeholder,
input.form-control::placeholder{color:#94756b !important;opacity:1;}
.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
input.form-control:focus{
  border-color:#a95823 !important;
  box-shadow:0 0 0 4px rgba(169,88,35,.10) !important;
}
.contact-map-card{
  padding:18px !important;
  background:linear-gradient(180deg, rgba(255,252,249,.98), rgba(246,237,229,.97)) !important;
}
.contact-map-card__label{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  font-weight:900;
}
.contact-map-frame{border-radius:20px;overflow:hidden;border:1px solid rgba(83,33,25,.12);background:#f4ece5;}
.contact-map-frame iframe{width:100% !important;min-height:360px !important;display:block;filter:grayscale(.08) sepia(.08) saturate(.9);}

/* Buttons and interactive chips */
.btn,
.hero-cta-group .btn,
.smart-cta-bar__btn,
.services-conversion-strip .btn,
.sent-actions .btn,
.nav-item--cta > a,
.nav-item--cta > .nav-cta{
  background:linear-gradient(135deg, #8d4720 0%, #532119 100%) !important;
  color:#fff !important;
  border:1px solid rgba(83,33,25,.12) !important;
  box-shadow:0 14px 30px rgba(83,33,25,.18) !important;
}
.btn:before,
.nav-item--cta > a::before,
.nav-item--cta > .nav-cta::before{display:none !important;}
.btn.btn-ghost,
.btn.btn-outline,
.smart-cta-bar__btn.secondary{
  background:linear-gradient(180deg,#fffdfb,#f4ece4) !important;
  color:#532119 !important;
  border:1px solid rgba(83,33,25,.16) !important;
  box-shadow:none !important;
}
.btn:hover,
.hero-cta-group .btn:hover,
.nav-item--cta > a:hover,
.nav-item--cta > .nav-cta:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 34px rgba(83,33,25,.20) !important;
}

/* Desktop horizontal sticky header */
@media (min-width: 993px){
  body,
  body[dir="ltr"]{
    padding-top:124px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .site-chrome{
    position:fixed !important;
    top:0;
    left:0;
    right:0;
    z-index:1400 !important;
    padding:14px 0 !important;
    background:rgba(248,242,237,.88) !important;
    border-bottom:1px solid rgba(83,33,25,.08) !important;
    backdrop-filter:blur(16px) !important;
    box-shadow:0 8px 24px rgba(64,24,17,.06) !important;
  }
  .site-chrome .container,
  .site-chrome .navbar--cyber{pointer-events:auto !important;}
  .navbar.navbar--cyber,
  .navbar--cyber{
    min-height:88px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    padding:14px 22px !important;
    border-radius:26px !important;
    background:linear-gradient(180deg, rgba(255,254,252,.96), rgba(244,235,226,.94)) !important;
    border:1px solid rgba(83,33,25,.10) !important;
    box-shadow:0 20px 45px rgba(64,24,17,.10) !important;
  }
  .navbar--cyber .logo{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    padding:0 !important;
    background:transparent !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    flex:0 0 auto;
  }
  .navbar--cyber .brand-lockup{width:74px !important;height:auto !important;}
  .navbar--cyber .brand-lockup--mobile{display:none !important;}
  .navbar--cyber .header-brand{display:flex !important;flex-direction:column !important;gap:4px !important;}
  .header-brand__line--primary{font-size:1.14rem !important;font-weight:900 !important;}
  .header-brand__line--secondary{font-size:.84rem !important;color:#7a5e53 !important;}
  .nav-links.nav-dock,
  .nav-dock{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    list-style:none !important;
  }
  .nav-dock > li,
  .nav-dock .language-switcher{display:flex !important;flex:0 0 auto !important;}
  .nav-item--mobile-toggle,
  .mobile-nav-hud{display:none !important;}
  .nav-dock > li > a,
  .nav-dock > li > .language-btn{
    width:auto !important;
    min-width:0 !important;
    height:50px !important;
    padding:0 18px !important;
    border-radius:15px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    background:linear-gradient(180deg,#fffdfa,#f6eee7) !important;
    border:1px solid rgba(83,33,25,.10) !important;
    color:#4d312a !important;
    box-shadow:none !important;
    transform:none !important;
    overflow:visible !important;
  }
  .nav-dock > li > a::before,
  .nav-dock > li > .language-btn::before,
  .nav-dock .dock-ripple{display:none !important;}
  .nav-dock > li > a i,
  .nav-dock > li > .language-btn i{font-size:1rem !important;color:#a95823 !important;}
  .nav-dock > li > a span,
  .nav-dock > li > .language-btn .lang-text,
  [dir="ltr"] .nav-dock > li > a span,
  [dir="ltr"] .nav-dock > li > .language-btn .lang-text{
    position:static !important;
    inset:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    color:inherit !important;
    padding:0 !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }
  .nav-dock > li > a:hover,
  .nav-dock > li > a:focus-visible,
  .nav-dock > li > a.is-active,
  .nav-dock > li > .language-btn:hover,
  .nav-dock > li > .language-btn:focus-visible{
    background:linear-gradient(180deg, rgba(169,88,35,.12), rgba(196,123,71,.14)) !important;
    border-color:rgba(169,88,35,.18) !important;
    color:#532119 !important;
    box-shadow:0 12px 28px rgba(64,24,17,.08) !important;
    transform:translateY(-1px) !important;
  }
  .nav-item--cta{margin-inline-start:auto !important;}
  .nav-item--cta > a,
  .nav-item--cta > .nav-cta{
    padding:0 22px !important;
    background:linear-gradient(135deg, #8d4720 0%, #532119 100%) !important;
    color:#fff !important;
    border-color:rgba(83,33,25,.12) !important;
  }
}

/* Mobile only: keep floating hud and hide desktop CTA */
@media (max-width: 992px){
  .nav-item--cta{display:none !important;}
}

/* Testimonials: polished horizontal cards */
.testimonials{
  padding:84px 0 !important;
}
.testimonials-summary{
  background:linear-gradient(135deg, rgba(255,253,251,.98), rgba(240,229,217,.96)) !important;
  border-radius:28px !important;
}
.testimonials-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}
.testimonial-card,
.testimonial-card--horizontal{
  display:grid !important;
  grid-template-columns:minmax(250px, 300px) minmax(0, 1fr) !important;
  gap:24px !important;
  align-items:stretch !important;
  padding:26px 28px !important;
  background:
    radial-gradient(circle at top right, rgba(196,123,71,.08), transparent 28%),
    linear-gradient(180deg, rgba(255,253,251,.98), rgba(244,235,226,.96)) !important;
  border:1px solid rgba(83,33,25,.10) !important;
  box-shadow:0 20px 44px rgba(64,24,17,.08) !important;
}
.testimonial-card::after{
  color:rgba(169,88,35,.12) !important;
  top:10px !important;
}
.testimonial-card__side{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  min-width:0;
  padding:22px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(83,33,25,.94), rgba(115,56,23,.92)) !important;
  color:#fff !important;
}
.testimonial-card__side .testimonial-card__top h3,
.testimonial-card__side .testimonial-card__top p,
.testimonial-card__side .testimonial-card__source,
.testimonial-card__side .testimonial-card__stars{color:#fff !important;}
.testimonial-card__avatar{
  background:linear-gradient(135deg, #f3d5bd, #c47b47) !important;
  color:#532119 !important;
  box-shadow:none !important;
}
.testimonial-card__source{
  margin-inline-start:0 !important;
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
.testimonial-card__stars{font-size:1rem !important;color:#f4d5a5 !important;}
.testimonial-card__body{
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
}
.testimonial-card blockquote{
  margin:0 !important;
  font-size:1rem !important;
  line-height:2 !important;
  color:var(--almhaili-brown-900) !important;
}
.testimonial-card__meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:auto !important;
  padding-top:16px !important;
  border-top:1px solid rgba(83,33,25,.10) !important;
}
.testimonial-card__links{display:flex;gap:12px;flex-wrap:wrap;}
.testimonial-card__links a{color:#8d4720 !important;font-weight:800 !important;}
.testimonial-card__links a:hover{color:#532119 !important;text-decoration:underline;}
@media (max-width: 860px){
  .testimonial-card,
  .testimonial-card--horizontal{
    grid-template-columns:1fr !important;
    padding:20px !important;
  }
  .testimonial-card__side{padding:18px;}
  .contact-map-frame iframe{min-height:300px !important;}
}

/* Footer uses brand palette instead of gray */
footer{
  background:linear-gradient(135deg, rgba(64,24,17,.98), rgba(83,33,25,.98)) !important;
  color:#fff !important;
}
.footer-content{
  gap:28px !important;
}
.footer-brand,
.footer-links{
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
.footer-brand-title,
.footer-links h3{color:#fff !important;}
.footer-links a,
.footer-links span,
.copyright p,
.footer-credit a{color:rgba(255,245,240,.84) !important;}
.footer-links i{color:#f2c6a3 !important;}


/* Final hero card brand refinement */
.hero-content{
  max-width:940px !important;
  margin:0 auto !important;
  padding:38px 42px !important;
  border-radius:34px !important;
  background:
    linear-gradient(135deg, rgba(83,33,25,.97), rgba(169,88,35,.93)) !important;
  border:1px solid rgba(248,211,180,.18) !important;
  box-shadow:0 28px 60px rgba(83,33,25,.22) !important;
  backdrop-filter:none !important;
  position:relative;
  overflow:hidden;
}
.hero-content::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(244,211,180,.12), transparent 30%),
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.06) 52%, transparent 100%);
  pointer-events:none;
}
.hero-content > *{position:relative;z-index:1;}
.hero p,.hero-subtitle,.hero-proof span{color:rgba(255,248,243,.88) !important;}
.hero-proof span{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.14) !important;
}
@media (max-width: 767px){
  .hero-content{
    padding:24px 18px !important;
    border-radius:24px !important;
  }
}

.hero-media{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-video{width:100%;height:100%;object-fit:cover}
.hero-slide{display:block !important}

.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(83,33,25,.30), rgba(83,33,25,.78)) !important;}