:root{
  --green:#0b5638;--green-2:#073522;--green-3:#0f6d47;--mint:#eef8f3;--mint-2:#f7fbf9;
  --gold:#c9a24d;--gold-2:#a47b2f;--gold-soft:#fff6de;--ink:#111613;--text:#5c6962;--muted:#819087;
  --line:#e4ece7;--white:#fff;--cream:#fffaf0;--soft:#f6f9f7;--shadow:0 28px 90px rgba(7,42,27,.10);
  --shadow-strong:0 36px 120px rgba(7,42,27,.16);--radius:30px;--max:1220px;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.66;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.container{width:min(100% - 40px,var(--max));margin-inline:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.84);backdrop-filter:blur(22px);border-bottom:1px solid rgba(228,236,231,.8)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:var(--green-2);font-weight:900;letter-spacing:-.045em;white-space:nowrap}.brand img{width:50px;height:50px;border-radius:16px;object-fit:cover;background:#ffc900;box-shadow:0 14px 34px rgba(201,162,77,.25);border:1px solid rgba(255,255,255,.85)}.nav-links{display:flex;align-items:center;gap:clamp(12px,1.5vw,22px);font-size:.92rem;color:var(--text);font-weight:800}.nav-links a{position:relative;transition:.22s ease}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:99px;background:var(--gold);transform:scaleX(0);transition:.25s ease}.nav-links a:hover,.nav-links a.active{color:var(--green)}.nav-links a.active:after,.nav-links a:hover:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:10px}.mobile-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:999px;background:#fff;position:relative;cursor:pointer}.mobile-toggle span{position:absolute;left:13px;width:18px;height:2px;background:var(--green-2);border-radius:10px;transition:.22s ease}.mobile-toggle span:first-child{top:17px}.mobile-toggle span:last-child{top:26px}.mobile-toggle.active span:first-child{top:22px;transform:rotate(45deg)}.mobile-toggle.active span:last-child{top:22px;transform:rotate(-45deg)}.mobile-menu{display:none;padding:10px 0 20px;border-top:1px solid var(--line)}.mobile-menu a{display:block;padding:12px 0;color:var(--text);font-weight:820}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:850;letter-spacing:-.025em;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,filter .22s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--green-3),var(--green-2));color:#fff;box-shadow:0 18px 42px rgba(15,95,61,.25)}.btn-gold{background:linear-gradient(135deg,var(--gold-soft),#fff9e8);color:#745817;border-color:rgba(201,162,77,.3)}.btn-secondary{background:#fff;color:var(--green-2);border-color:var(--line);box-shadow:0 14px 34px rgba(20,43,31,.07)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(238,248,243,.95);color:var(--green);border:1px solid rgba(15,95,61,.1);font-size:.78rem;font-weight:950;letter-spacing:.02em;margin-bottom:18px}.eyebrow:before{content:"";width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px rgba(201,162,77,.18)}h1,h2,h3{color:var(--ink);line-height:1.06;letter-spacing:-.055em}h1{font-size:clamp(2.65rem,4.1vw,4.75rem);max-width:740px}h2{font-size:clamp(2rem,3.25vw,3.35rem);max-width:880px}h3{font-size:1.22rem}p{color:var(--text)}.lead{font-size:clamp(1.03rem,1.2vw,1.18rem);line-height:1.78;color:var(--text)}.hero{padding:86px 0 106px;min-height:calc(100vh - 78px);display:flex;align-items:center;background:radial-gradient(circle at 14% 8%,rgba(201,162,77,.17),transparent 34%),radial-gradient(circle at 85% 12%,rgba(15,95,61,.14),transparent 34%),linear-gradient(180deg,#fff 0%,#f8fbf9 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(44px,5.6vw,78px);align-items:center}.hero-content{max-width:650px}.hero p{margin-top:22px;max-width:600px}.hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}.hero-card{position:relative;min-height:clamp(530px,48vw,650px);border-radius:44px;overflow:hidden;box-shadow:var(--shadow-strong);border:1px solid rgba(255,255,255,.9);isolation:isolate}.hero-card img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,34,22,.02),rgba(5,34,22,.18) 48%,rgba(5,34,22,.68));z-index:1}.hero-floating{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;border-radius:28px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(6,34,21,.13);border:1px solid rgba(255,255,255,.75)}.metric{padding:15px 14px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(228,236,231,.82)}.metric strong{display:block;color:var(--green-2);font-size:1.18rem;line-height:1.08;letter-spacing:-.035em}.metric span{display:block;margin-top:4px;color:var(--text);font-size:.76rem;font-weight:760;line-height:1.24}.page-hero{padding:86px 0 70px;background:radial-gradient(circle at 16% 0%,rgba(201,162,77,.15),transparent 31%),linear-gradient(180deg,#fff 0%,var(--mint-2) 100%)}.page-hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:42px;align-items:end}.breadcrumb{font-size:.84rem;font-weight:850;color:var(--muted);margin-bottom:20px}.breadcrumb a{color:var(--green)}.page-hero p{margin-top:18px;max-width:760px}.hero-stat-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:28px;box-shadow:var(--shadow)}.hero-stat-card .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-stat{padding:18px;border-radius:22px;background:var(--mint-2);border:1px solid var(--line)}.mini-stat strong{display:block;color:var(--green-2);font-size:1.55rem;letter-spacing:-.05em}.mini-stat span{display:block;color:var(--text);font-size:.84rem;font-weight:750}.section{padding:clamp(78px,8vw,112px) 0}.section-soft{background:var(--soft)}.section-cream{background:linear-gradient(180deg,#fff,var(--cream))}.section-head{max-width:780px;margin-bottom:44px}.section-head.center{text-align:center;margin-inline:auto;max-width:860px}.section-head.center h2,.section-head.center p{margin-inline:auto}.section-kicker{color:var(--gold-2);font-weight:950;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;margin-bottom:12px}.section-head p{margin-top:16px;max-width:720px}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}.split-45{grid-template-columns:.82fr 1.18fr}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(30px,4.5vw,54px);box-shadow:0 20px 70px rgba(7,42,27,.07);display:flex;flex-direction:column;justify-content:center}.panel.dark{background:linear-gradient(140deg,var(--green-2),var(--green));color:#fff;border:0;box-shadow:var(--shadow-strong);position:relative;overflow:hidden}.panel.dark:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(201,162,77,.2);right:-80px;top:-90px}.panel.dark>*{position:relative;z-index:1}.panel.dark h2,.panel.dark h3,.panel.dark p{color:#fff}.panel.dark p{opacity:.78}.image-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-height:440px;position:relative}.image-card img{width:100%;height:100%;object-fit:cover}.image-card.short{min-height:320px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 18px 56px rgba(7,42,27,.06);transition:.25s ease}.card:hover{transform:translateY(-5px);box-shadow:0 30px 90px rgba(7,42,27,.1)}.icon{width:50px;height:50px;border-radius:17px;background:linear-gradient(135deg,var(--mint),var(--gold-soft));display:grid;place-items:center;font-size:1.28rem;color:var(--green);margin-bottom:17px}.card h3{margin-bottom:10px}.card p{font-size:.97rem;line-height:1.65}.step-num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-weight:950;margin-bottom:16px}.product-card{overflow:hidden;padding:0}.product-image{height:330px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.06)}.product-body{padding:28px}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pill{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:var(--mint);color:var(--green-2);font-size:.83rem;font-weight:820}.assurance-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-line{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.process-line:before{content:"";position:absolute;left:6%;right:6%;top:41px;height:2px;background:linear-gradient(90deg,rgba(15,95,61,.12),rgba(201,162,77,.45),rgba(15,95,61,.12));z-index:0}.process-card{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 18px 50px rgba(7,42,27,.06)}.process-card .step-num{margin-bottom:18px}.markets-band{background:linear-gradient(rgba(4,42,27,.76),rgba(4,42,27,.84)),url('https://images.unsplash.com/photo-1604328698692-f76ea9498e76?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff}.markets-band h2,.markets-band p,.markets-band .section-kicker{color:#fff}.markets-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.market{padding:22px 16px;border-radius:22px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);text-align:center;font-weight:900}.quote{margin-top:36px;padding:34px;border-radius:30px;background:linear-gradient(135deg,var(--mint),var(--gold-soft));border:1px solid var(--line);font-size:clamp(1.28rem,2.4vw,2.05rem);line-height:1.26;letter-spacing:-.04em;font-weight:900;color:var(--green-2);text-align:center}.cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:linear-gradient(135deg,var(--green-2),var(--green));border-radius:34px;padding:clamp(30px,5vw,56px);box-shadow:var(--shadow-strong);color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-120px;background:rgba(201,162,77,.18)}.cta>*{position:relative;z-index:1}.cta h2,.cta p{color:#fff}.cta p{opacity:.8;margin-top:12px}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:30px;align-items:start}.contact-card{background:linear-gradient(135deg,var(--green-2),var(--green));color:#fff;border-radius:34px;padding:clamp(30px,4vw,48px);box-shadow:var(--shadow-strong)}.contact-card h2,.contact-card p{color:#fff}.contact-card p{opacity:.78}.contact-line{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15)}.contact-line small{display:block;opacity:.55;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;margin-bottom:4px}.contact-line strong{font-size:1.05rem}.form{background:#fff;border:1px solid var(--line);border-radius:34px;padding:clamp(24px,4vw,42px);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:.84rem;font-weight:850;color:var(--green-2)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:#fbfcfb;outline:none;color:var(--ink);transition:.2s ease}textarea{min-height:140px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(15,95,61,.45);box-shadow:0 0 0 5px rgba(15,95,61,.08);background:#fff}.map-wrap{margin-top:30px;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.map-wrap iframe{width:100%;height:420px;border:0;display:block}.footer{background:#061d14;color:#fff;padding:72px 0 26px}.footer-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px}.footer .brand{color:#fff;margin-bottom:22px;display:inline-flex}.footer h3{color:#fff;font-size:1.75rem;max-width:620px;margin-bottom:14px}.footer p{color:rgba(255,255,255,.68);max-width:620px}.footer-contact{margin-top:22px;display:grid;gap:8px}.footer-contact a{color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.footer-links a{color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.14);padding:9px 13px;border-radius:999px;font-weight:800;font-size:.88rem;transition:.22s ease}.footer-links a:hover{color:#fff;border-color:rgba(201,162,77,.45);background:rgba(255,255,255,.05)}.footer-box{border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:24px;background:rgba(255,255,255,.04)}.footer-bottom{margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;color:rgba(255,255,255,.5);font-size:.9rem}.email-link,.phone-link{font-weight:850;color:inherit}.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}.reveal.active{opacity:1;transform:translateY(0)}
@media(max-width:1080px){.nav-links{display:none}.mobile-toggle{display:block}.mobile-menu.active{display:block}.hero,.page-hero{padding-top:70px}.hero-grid,.page-hero-grid,.split,.split-45,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero-content{max-width:780px}.hero-card{min-height:540px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr)}.process-line:before{display:none}.assurance-row{grid-template-columns:repeat(2,1fr)}.markets-grid{grid-template-columns:repeat(3,1fr)}.cta{grid-template-columns:1fr}.image-card{min-height:370px}}
@media(max-width:720px){.container{width:min(100% - 24px,var(--max))}.nav{min-height:70px}.brand{font-size:.96rem}.brand img{width:42px;height:42px;border-radius:14px}.nav-actions .btn{display:none}.hero{min-height:auto;padding:56px 0 66px}.hero-grid{gap:30px}h1{font-size:clamp(2.3rem,10.5vw,3.25rem);line-height:1.06}h2{font-size:clamp(1.9rem,8.4vw,2.75rem);line-height:1.08}.hero p,.lead{font-size:1rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-card,.hero-card img{min-height:420px;border-radius:32px}.hero-floating{left:14px;right:14px;bottom:14px;grid-template-columns:1fr;padding:12px;border-radius:24px}.section{padding:66px 0}.page-hero{padding:58px 0 50px}.grid-2,.grid-3,.grid-4,.process-line,.assurance-row,.markets-grid,.form-grid{grid-template-columns:1fr}.product-image{height:275px}.panel,.card,.contact-card,.form,.cta{border-radius:26px}.image-card{min-height:300px;border-radius:26px}.footer-bottom{flex-direction:column}.map-wrap iframe{height:340px}}


/* Page hero photo backgrounds - premium darkened header image for every inner page */
.page-hero-photo{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:430px;
  display:flex;
  align-items:flex-end;
  padding:118px 0 82px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.page-hero-photo:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:inherit;
  transform:scale(1.02);
}
.page-hero-photo:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(5,29,20,.88) 0%, rgba(5,29,20,.68) 45%, rgba(5,29,20,.42) 100%),
    linear-gradient(180deg, rgba(5,29,20,.35), rgba(5,29,20,.75));
}
.about-hero{background-image:url('https://images.unsplash.com/photo-1604328698692-f76ea9498e76?auto=format&fit=crop&w=1800&q=85')}
.products-hero{background-image:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1800&q=85')}
.supply-hero{background-image:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1800&q=85')}
.markets-hero{background-image:url('https://images.unsplash.com/photo-1604328698692-f76ea9498e76?auto=format&fit=crop&w=1800&q=85')}
.quality-hero{background-image:url('https://images.unsplash.com/photo-1584464491033-06628f3a6b7b?auto=format&fit=crop&w=1600&q=85')}
.contact-hero{background-image:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1800&q=85')}
.page-hero-photo h1,
.page-hero-photo p,
.page-hero-photo .lead,
.page-hero-photo .breadcrumb,
.page-hero-photo .breadcrumb a{color:#fff}
.page-hero-photo .breadcrumb{opacity:.82}
.page-hero-photo .eyebrow{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.22);backdrop-filter:blur(14px)}
.page-hero-photo .hero-stat-card{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22);backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(0,0,0,.22)}
.page-hero-photo .mini-stat{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
.page-hero-photo .mini-stat strong{color:#fff}.page-hero-photo .mini-stat span{color:rgba(255,255,255,.78)}
.phone-link{direction:ltr;unicode-bidi:embed}
@media(max-width:1080px){.page-hero-photo{padding:92px 0 68px;min-height:380px}.page-hero-photo .page-hero-grid{align-items:start}}
@media(max-width:720px){.page-hero-photo{padding:78px 0 56px;min-height:360px}.page-hero-photo:after{background:linear-gradient(180deg,rgba(5,29,20,.72),rgba(5,29,20,.82))}}


/* V3 managed image system: edit only these variables to change page/background images */
:root{
  --image-home-hero:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1800&q=85');
  --image-about-hero:url('https://images.unsplash.com/photo-1516594798947-e65505dbb29d?auto=format&fit=crop&w=1600&q=85');
  --image-products-hero:url('https://images.unsplash.com/photo-1610832958506-aa56368176cf?auto=format&fit=crop&w=1600&q=85');
  --image-supply-hero:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1800&q=85');
  --image-markets-hero:url('https://images.unsplash.com/photo-1604328698692-f76ea9498e76?auto=format&fit=crop&w=1800&q=85');
  --image-quality-hero:url('https://images.unsplash.com/photo-1584464491033-06628f3a6b7b?auto=format&fit=crop&w=1600&q=85');
  --image-contact-hero:url('https://images.unsplash.com/photo-1589927986089-35812388d1f4?auto=format&fit=crop&w=1800&q=85');
}
.about-hero{background-image:var(--image-about-hero)!important}
.products-hero{background-image:var(--image-products-hero)!important}
.supply-hero{background-image:var(--image-supply-hero)!important}
.markets-hero{background-image:var(--image-markets-hero)!important}
.quality-hero{background-image:var(--image-quality-hero)!important}
.contact-hero{background-image:var(--image-contact-hero)!important}
.markets-band{background-image:linear-gradient(rgba(4,42,27,.78),rgba(4,42,27,.86)),var(--image-markets-hero)!important;background-position:center;background-size:cover}
.home-hero-photo{
  position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 78px);display:flex;align-items:center;
  padding:118px 0 104px;background-image:var(--image-home-hero);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;
}
.home-hero-photo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,29,20,.88) 0%,rgba(5,29,20,.7) 45%,rgba(5,29,20,.45) 100%),linear-gradient(180deg,rgba(5,29,20,.22),rgba(5,29,20,.72));}
.home-hero-photo .hero-grid{display:block;max-width:850px}.home-hero-photo .hero-content{max-width:760px}.home-hero-photo h1,.home-hero-photo p,.home-hero-photo .lead{color:#fff}.home-hero-photo .lead{color:rgba(255,255,255,.86)}.home-hero-photo .eyebrow{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.22);backdrop-filter:blur(14px)}
.home-hero-photo .hero-card{display:none}.home-hero-photo .hero-floating{position:relative;left:auto;right:auto;bottom:auto;margin-top:34px;max-width:720px;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 80px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
.home-hero-photo .metric{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}.home-hero-photo .metric strong{color:#fff}.home-hero-photo .metric span{color:rgba(255,255,255,.78)}
.home-hero-photo .btn-secondary{background:rgba(255,255,255,.92)}
.image-card img,.product-image img{background:#f7fbf9}
@media(max-width:720px){.home-hero-photo{padding:92px 0 72px;min-height:auto}.home-hero-photo:after{background:linear-gradient(180deg,rgba(5,29,20,.74),rgba(5,29,20,.86))}.home-hero-photo .hero-floating{grid-template-columns:1fr}}


/* Final visual fixes: real food-industry images, cleaner page titles, balanced contact cards */
:root{
  --image-markets-hero:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1800&q=85');
  --image-quality-hero:url('https://images.unsplash.com/photo-1566385101042-1a0aa0c1268c?auto=format&fit=crop&w=1800&q=85');
}
.markets-hero{background-image:var(--image-markets-hero)!important;}
.quality-hero{background-image:var(--image-quality-hero)!important;}
.markets-band{background-image:linear-gradient(rgba(4,42,27,.78),rgba(4,42,27,.86)),var(--image-markets-hero)!important;background-position:center;background-size:cover;}
.page-hero-photo{min-height:430px;display:flex;align-items:center;}
.page-hero-photo .page-hero-grid{align-items:center;}
.page-hero-photo h1{font-size:clamp(2.35rem,3.45vw,4rem);line-height:1.08;letter-spacing:-.052em;max-width:900px;text-wrap:balance;}
.page-hero-photo .lead{max-width:760px;line-height:1.72;}
.page-hero-photo .hero-stat-card{align-self:center;}
.page-hero-photo .mini-stat strong{font-size:clamp(1.1rem,1.35vw,1.45rem);line-height:1.1;}
.page-hero-photo .mini-stat span{font-size:.82rem;line-height:1.25;}
.contact-grid{align-items:stretch;}
.contact-card,.contact-grid .form{height:100%;min-height:560px;}
.contact-card{display:flex;flex-direction:column;justify-content:center;}
.contact-grid .form{display:flex;align-items:center;}
.contact-grid .form .form-grid{width:100%;}
.product-card img,.image-card img{object-position:center;}
@media(max-width:1080px){.contact-card,.contact-grid .form{min-height:auto}.contact-card{justify-content:flex-start}.contact-grid .form{display:block}.page-hero-photo h1{max-width:760px}}
@media(max-width:720px){.page-hero-photo{min-height:360px}.page-hero-photo h1{font-size:clamp(2rem,8.8vw,3.05rem);line-height:1.1}.page-hero-photo .hero-stat-card{display:none}}


/* =========================================================
   MANAGED BACKGROUND IMAGES
   Change the URLs below to replace page/background images.
   All regular <img> images are managed in assets/js/image-config.js
   ========================================================= */
:root{
  --image-home-hero:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1800&q=85');
  --image-about-hero:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1800&q=85');
  --image-products-hero:url('https://images.unsplash.com/photo-1610832958506-aa56368176cf?auto=format&fit=crop&w=1800&q=85');
  --image-supply-hero:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1800&q=85');
  --image-markets-hero:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1800&q=85');
  --image-quality-hero:url('https://images.unsplash.com/photo-1566385101042-1a0aa0c1268c?auto=format&fit=crop&w=1800&q=85');
  --image-contact-hero:url('https://images.unsplash.com/photo-1589927986089-35812388d1f4?auto=format&fit=crop&w=1800&q=85');
}

.hero{background-image:linear-gradient(180deg,rgba(5,29,20,.70),rgba(5,29,20,.72)),var(--image-home-hero)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:#fff;}
.about-hero{background-image:var(--image-about-hero)!important;}
.products-hero{background-image:var(--image-products-hero)!important;}
.supply-hero{background-image:var(--image-supply-hero)!important;}
.markets-hero{background-image:var(--image-markets-hero)!important;}
.quality-hero{background-image:var(--image-quality-hero)!important;}
.contact-hero{background-image:var(--image-contact-hero)!important;}

/* Markets section requested without image background */
.markets-band{
  background:linear-gradient(135deg,#073321 0%,#0f5f3d 52%,#09291c 100%)!important;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.markets-band:before{content:"";position:absolute;inset:auto -10% -45% auto;width:480px;height:480px;border-radius:999px;background:rgba(201,162,77,.16);pointer-events:none;}
.markets-band .container{position:relative;z-index:1;}
.markets-band .section-head{margin-bottom:36px;}
.markets-band h2{font-size:clamp(2rem,3vw,3.2rem);max-width:980px;text-wrap:balance;}
.markets-band p{max-width:820px;}
.market{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);box-shadow:0 14px 38px rgba(0,0,0,.10);}

/* Cleaner page hero typography */
.page-hero-photo h1{text-wrap:balance;max-width:940px;}
.page-hero-photo .lead{text-wrap:pretty;}

/* Better mobile layout and spacing */
@media(max-width:720px){
  body{line-height:1.6;}
  .container{width:min(100% - 28px,var(--max));}
  .header{position:sticky;top:0;}
  .nav{min-height:66px;gap:10px;}
  .brand span{font-size:.92rem;}
  .mobile-menu{max-height:calc(100vh - 70px);overflow:auto;}
  .hero{padding:64px 0 66px!important;text-align:left;}
  .hero-grid{display:block;}
  .hero-card{display:none;}
  .hero h1{font-size:clamp(2.15rem,9.5vw,3.05rem);line-height:1.08;max-width:100%;}
  .hero p{font-size:1rem;line-height:1.72;max-width:100%;}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;}
  .page-hero-photo{padding:76px 0 54px!important;min-height:330px;}
  .page-hero-grid{display:block;}
  .page-hero-photo h1{font-size:clamp(2rem,8.3vw,2.8rem)!important;line-height:1.1!important;max-width:100%;}
  .page-hero-photo .lead{font-size:1rem;line-height:1.68;max-width:100%;}
  .breadcrumb{margin-bottom:14px;}
  .hero-stat-card{display:none!important;}
  .section-head{margin-bottom:30px;}
  .section-head.center{text-align:left;}
  .section-head.center h2,.section-head.center p{margin-inline:0;}
  .grid,.grid-2,.grid-3,.grid-4,.process-line,.markets-grid,.assurance-row,.form-grid{display:grid;grid-template-columns:1fr!important;gap:16px;}
  .card,.panel,.product-card,.contact-card,.form,.cta{border-radius:24px;}
  .card{padding:22px;}
  .product-image{height:250px;}
  .image-card{min-height:260px;}
  .markets-band{text-align:left;padding-block:64px!important;}
  .markets-grid{gap:12px;}
  .market{padding:17px 14px;text-align:left;}
  .contact-grid{gap:18px;}
  .contact-card,.form{min-height:auto!important;}
  .map-wrap iframe{height:300px;}
  .footer{padding-top:54px;}
  .footer-grid{gap:28px;}
  .footer h3{font-size:1.4rem;line-height:1.22;}
  .footer-links{gap:8px;}
  .footer-links a{font-size:.82rem;padding:8px 11px;}
}


/* ================= V6 USER REQUEST FIXES =================
   1) Home hero image is now less dark.
   2) Markets regional reach section has no background image and is visually separated.
   ========================================================= */
.hero.home-hero-photo,
.home-hero-photo{
  background-image:var(--image-home-hero)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.home-hero-photo:after{
  background:
    linear-gradient(90deg, rgba(5,29,20,.64) 0%, rgba(5,29,20,.44) 46%, rgba(5,29,20,.18) 100%),
    linear-gradient(180deg, rgba(5,29,20,.14), rgba(5,29,20,.46))!important;
}
.home-hero-photo .hero-floating{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.30)!important;
}
.home-hero-photo .metric{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.28)!important;
}
.markets-band{
  background:
    radial-gradient(circle at 88% 18%, rgba(201,162,77,.12), transparent 30%),
    linear-gradient(135deg, var(--green-2), var(--green))!important;
  color:#fff!important;
  margin-top:0!important;
}
.markets-band .section-head{
  margin-bottom:36px!important;
}
.markets-band .markets-grid{
  margin-top:26px!important;
}
@media(max-width:720px){
  .home-hero-photo:after{
    background:
      linear-gradient(180deg, rgba(5,29,20,.48), rgba(5,29,20,.62))!important;
  }
  .markets-band{
    padding-top:64px!important;
  }
}


/* ================= V10 PREMIUM FAST REFINEMENT =================
   Goal: more premium appearance + smoother performance with no lag.
   No page content, images, phone, email, or structure changed.
   ============================================================= */
:root{
  --ease-premium:cubic-bezier(.22,.72,.2,1);
  --shadow-card:0 16px 44px rgba(7,42,27,.075);
  --shadow-card-hover:0 22px 58px rgba(7,42,27,.105);
  --shadow-button:0 12px 30px rgba(7,42,27,.10);
}

/* Rendering and scroll polish */
html{scroll-padding-top:92px;}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{height:auto;}

/* Faster rendering below the fold, without affecting hero/header */
.section:not(:first-child),
.footer{
  content-visibility:auto;
  contain-intrinsic-size:1px 720px;
}
.hero,.page-hero,.page-hero-photo,.header{
  content-visibility:visible;
}

/* Cleaner page typography */
h1,h2,h3{text-wrap:balance;}
p,.lead{text-wrap:pretty;}
.section-head p,.lead{line-height:1.78;}

/* Premium but light cards */
.card,
.product-card,
.panel,
.hero-stat-card,
.mini-stat,
.market,
.contact-card,
.form{
  box-shadow:var(--shadow-card);
  border-color:rgba(228,236,231,.92);
  transform:translateZ(0);
  backface-visibility:hidden;
  transition:
    transform .46s var(--ease-premium),
    box-shadow .46s var(--ease-premium),
    border-color .46s var(--ease-premium),
    background .46s var(--ease-premium)!important;
}

.card:hover,
.product-card:hover,
.panel:hover,
.hero-stat-card:hover,
.mini-stat:hover,
.market:hover,
.form:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-card-hover);
}

/* Image polish without heavy scaling */
.image-card,
.product-image,
.map-wrap{
  transform:translateZ(0);
  overflow:hidden;
  backface-visibility:hidden;
}
.image-card img,
.product-image img{
  transition:transform .72s var(--ease-premium), filter .72s var(--ease-premium)!important;
  will-change:auto;
}
.image-card:hover img,
.product-card:hover .product-image img{
  transform:scale(1.018);
}

/* Better button feeling, not too fast and not laggy */
.btn{
  box-shadow:var(--shadow-button);
  transition:
    transform .34s var(--ease-premium),
    box-shadow .34s var(--ease-premium),
    background .34s var(--ease-premium),
    border-color .34s var(--ease-premium),
    color .34s var(--ease-premium)!important;
}
.btn:hover{
  transform:translateY(-2px);
}
.btn:active{
  transform:translateY(0) scale(.992);
}
.btn-primary{
  background:linear-gradient(135deg,var(--green),var(--green-2));
  box-shadow:0 16px 42px rgba(15,95,61,.22);
}
.btn-primary:hover{
  box-shadow:0 20px 50px rgba(15,95,61,.27);
}

/* Header feels sharper and lighter */
.header{
  will-change:auto;
  transform:translateZ(0);
}
.nav-links a{
  transition:color .28s var(--ease-premium)!important;
}
.nav-links a:after{
  transition:transform .34s var(--ease-premium)!important;
}

/* Hero readability and premium balance */
.home-hero-photo .hero-floating{
  box-shadow:0 24px 68px rgba(0,0,0,.16)!important;
}
.home-hero-photo .metric{
  backdrop-filter:blur(12px);
}
.page-hero-photo h1{max-width:920px;}
.page-hero-photo .lead{max-width:780px;}

/* Reveal animations: smooth, not too slow, no lag */
.reveal{
  transition:
    opacity .72s var(--ease-premium),
    transform .72s var(--ease-premium)!important;
}

/* Form and map polish */
input,select,textarea{
  transition:
    border-color .3s var(--ease-premium),
    box-shadow .3s var(--ease-premium),
    background .3s var(--ease-premium)!important;
}
input:focus,select:focus,textarea:focus{
  box-shadow:0 0 0 5px rgba(15,95,61,.08)!important;
}
.map-wrap iframe{
  display:block;
}

/* Accessibility focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(201,162,77,.55);
  outline-offset:4px;
  border-radius:14px;
}

/* Mobile: disable hover transforms to remove touch lag */
@media(max-width:720px){
  html{scroll-padding-top:78px;}
  .container{width:min(100% - 28px,var(--max));}
  .btn{min-height:48px;}
  .card:hover,
  .product-card:hover,
  .panel:hover,
  .hero-stat-card:hover,
  .mini-stat:hover,
  .market:hover,
  .form:hover{
    transform:none;
  }
  .image-card:hover img,
  .product-card:hover .product-image img{
    transform:none;
  }
}

/* Respect users/devices asking for less motion */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
  .reveal{
    opacity:1!important;
    transform:none!important;
  }
}


/* ================= V14 SMOOTH IMAGE LOADING =================
   Prevents mid-page image jump/pop while scrolling.
   Keeps same images and layout, only improves loading behavior.
   ========================================================== */
.image-card,
.product-image{
  background:
    linear-gradient(135deg, rgba(238,248,243,.96), rgba(255,246,222,.55));
  position:relative;
  overflow:hidden;
}

.image-card::before,
.product-image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  transform:translateX(-120%);
  animation:imageSoftShimmer 1.8s ease-in-out infinite;
  pointer-events:none;
}

.image-card img,
.product-image img{
  position:relative;
  z-index:1;
  opacity:0;
  filter:blur(8px);
  transform:scale(1.015);
  transition:
    opacity .9s cubic-bezier(.16,1,.3,1),
    filter .9s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1)!important;
}

.image-card img.loaded,
.product-image img.loaded{
  opacity:1;
  filter:blur(0);
  transform:scale(1);
}

.image-card:has(img.loaded)::before,
.product-image:has(img.loaded)::before{
  display:none;
}

@keyframes imageSoftShimmer{
  100%{transform:translateX(120%);}
}

/* Reserve stable image space to avoid layout shift */
.image-card{
  min-height:clamp(320px, 34vw, 520px);
}
.product-image{
  min-height:275px;
}
@media(min-width:900px){
  .product-image{min-height:320px;}
}
@media(max-width:720px){
  .image-card{min-height:300px;}
  .product-image{min-height:260px;}
}

/* If browser does not support :has, keep shimmer subtle behind loaded image */
@supports not selector(:has(*)){
  .image-card::before,
  .product-image::before{opacity:.18;}
}


/* ================= FINAL PREMIUM POLISH ================= */
:root{
  --ease-final:cubic-bezier(.22,.72,.2,1);
  --shadow-final-soft:0 16px 46px rgba(7,42,27,.075);
  --shadow-final-hover:0 24px 72px rgba(7,42,27,.12);
}
html{scroll-padding-top:92px;}
body{text-rendering:optimizeLegibility;}
.section:not(:first-child),.footer{content-visibility:auto;contain-intrinsic-size:1px 720px;}
.hero,.page-hero,.page-hero-photo,.header{content-visibility:visible;}
h1,h2,h3{text-wrap:balance;}
p,.lead{text-wrap:pretty;}
.card,.product-card,.panel,.hero-stat-card,.mini-stat,.market,.contact-card,.form{
  box-shadow:var(--shadow-final-soft);
  transition:transform .42s var(--ease-final), box-shadow .42s var(--ease-final), border-color .42s var(--ease-final), background .42s var(--ease-final)!important;
  border-color:rgba(228,236,231,.92);
}
.card:hover,.product-card:hover,.panel:hover,.hero-stat-card:hover,.mini-stat:hover,.market:hover,.form:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-final-hover);
}
.btn{
  transition:transform .34s var(--ease-final), box-shadow .34s var(--ease-final), background .34s var(--ease-final), color .34s var(--ease-final)!important;
}
.btn:hover{transform:translateY(-2px);}
.image-card,.product-image{transform:translateZ(0);backface-visibility:hidden;overflow:hidden;}
.image-card img,.product-image img{
  transition:transform .7s var(--ease-final)!important;
}
.image-card:hover img,.product-card:hover .product-image img{transform:scale(1.016);}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(201,162,77,.55);outline-offset:4px;border-radius:14px;
}
[data-text-key="phone"],[data-text-key="email"]{direction:ltr;unicode-bidi:embed;white-space:nowrap;}
@media(max-width:720px){
  html{scroll-padding-top:78px;}
  .container{width:min(100% - 28px,var(--max));}
  .card:hover,.product-card:hover,.panel:hover,.hero-stat-card:hover,.mini-stat:hover,.market:hover,.form:hover,.btn:hover{transform:none;}
  .image-card:hover img,.product-card:hover .product-image img{transform:none;}
  .nav{min-height:70px;}
  .page-hero-photo h1,.hero h1{line-height:1.08;}
  .section{padding-top:64px;padding-bottom:64px;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
  .reveal{opacity:1!important;transform:none!important;}
}


/* ================= CONTACT + FOOTER RESTORE FIX ================= */
.footer-contact-clean{
  margin-top:22px;
  display:grid;
  gap:8px;
  color:rgba(255,255,255,.82);
}
.footer-contact-clean a{
  color:#fff;
  font-weight:850;
}
.footer-side{
  display:flex;
  flex-direction:column;
  gap:28px;
}
.footer-inquiry-card{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  padding:26px;
}
.footer-inquiry-card p{
  color:rgba(255,255,255,.78);
  margin-top:12px;
}
.footer-inquiry-actions{
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.contact-grid-fixed{
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);
  gap:30px;
  align-items:stretch;
}
.contact-card-fixed,
.contact-form-fixed{
  min-height:100%;
}
.contact-card-fixed{
  display:flex;
  flex-direction:column;
}
.contact-card-fixed .contact-actions-fixed{
  margin-top:auto;
  padding-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.contact-card-fixed a{
  color:inherit;
}
.contact-form-fixed{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.contact-map-section .map-wrap{
  max-width:1120px;
  margin-inline:auto;
}
.contact-map-section .map-wrap iframe{
  width:100%;
  height:420px;
  display:block;
  border:0;
}
[data-text-key="phone"],
[data-text-key="email"]{
  direction:ltr;
  unicode-bidi:embed;
  white-space:nowrap;
}
@media(max-width:980px){
  .contact-grid-fixed{
    grid-template-columns:1fr;
  }
  .contact-card-fixed,
  .contact-form-fixed{
    min-height:auto;
  }
}
@media(max-width:720px){
  .footer-inquiry-actions,
  .contact-card-fixed .contact-actions-fixed{
    flex-direction:column;
  }
  .footer-inquiry-actions .btn,
  .contact-card-fixed .contact-actions-fixed .btn{
    width:100%;
  }
  .contact-map-section .map-wrap iframe{
    height:340px;
  }
}


/* ================= CONTACT PAGE SCREENSHOT MATCH LAYOUT ================= */
.contact-page-layout{
  padding-top:52px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%);
}
.contact-layout-container{
  width:min(100% - 40px,1120px);
}
.contact-top-grid{
  display:grid;
  grid-template-columns:minmax(300px, .78fr) minmax(520px, 1.22fr);
  gap:28px;
  align-items:stretch;
}
.contact-info-panel{
  border-radius:30px;
  padding:clamp(26px,3.2vw,42px);
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.contact-info-panel h2{
  font-size:clamp(2.1rem,3.25vw,3.35rem);
  line-height:1.05;
  max-width:420px;
}
.contact-info-panel p{
  font-size:.98rem;
  line-height:1.62;
  margin-top:12px;
}
.contact-info-panel .contact-line{
  padding:15px 0;
}
.contact-info-panel .contact-line small{
  font-size:.72rem;
  letter-spacing:.08em;
}
.contact-info-panel .contact-line strong{
  font-size:.95rem;
  line-height:1.35;
  word-break:break-word;
}
.contact-info-panel .contact-actions-fixed{
  margin-top:auto;
  padding-top:24px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.contact-info-panel .contact-actions-fixed .btn{
  min-height:44px;
  padding:0 18px;
}
.contact-form-panel{
  border-radius:30px;
  padding:clamp(28px,4vw,48px);
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
}
.contact-form-panel .form-grid{
  width:100%;
  gap:18px;
}
.contact-form-panel input,
.contact-form-panel select,
.contact-form-panel textarea{
  min-height:54px;
  border-radius:18px;
}
.contact-form-panel textarea{
  min-height:136px;
}
.contact-form-panel button{
  width:100%;
  min-height:52px;
}
.form-status{
  display:none;
  width:100%;
  padding:14px 16px;
  border-radius:16px;
  font-weight:900;
  line-height:1.45;
}
.form-status.success{
  display:block;
  color:#06452d;
  background:#eaf7f1;
  border:1px solid rgba(11,86,56,.18);
}
.form-status.error{
  display:block;
  color:#8b2020;
  background:#fff1f1;
  border:1px solid rgba(139,32,32,.18);
}
.contact-map-wide{
  margin-top:28px;
  border-radius:22px;
  width:100%;
  min-height:330px;
  overflow:hidden;
  box-shadow:0 20px 70px rgba(7,42,27,.09);
}
.contact-map-wide iframe{
  width:100%;
  height:330px;
  display:block;
  border:0;
}
@media(max-width:1080px){
  .contact-top-grid{
    grid-template-columns:1fr;
  }
  .contact-info-panel,
  .contact-form-panel{
    min-height:auto;
  }
}
@media(max-width:720px){
  .contact-page-layout{
    padding-top:38px;
  }
  .contact-layout-container{
    width:min(100% - 24px,1120px);
  }
  .contact-top-grid{
    gap:18px;
  }
  .contact-info-panel,
  .contact-form-panel{
    border-radius:26px;
  }
  .contact-info-panel h2{
    font-size:clamp(2rem,10vw,2.7rem);
  }
  .contact-info-panel .contact-actions-fixed{
    flex-direction:column;
  }
  .contact-info-panel .contact-actions-fixed .btn{
    width:100%;
  }
  .contact-form-panel .form-grid{
    grid-template-columns:1fr;
  }
  .contact-map-wide iframe{
    height:300px;
  }
}


/* ===== CONTACT HERO CONTENT MATCH ONLY ===== */
/* DOES NOT CHANGE HERO HEIGHT / SIZE / OVERLAY */

.contact-hero-content-match{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.08fr .78fr;
  gap:56px;
  align-items:center;
}

.contact-hero-copy-match{
  max-width:760px;
}

.contact-hero-copy-match .breadcrumb{
  color:rgba(255,255,255,.92);
  font-weight:850;
  margin-bottom:24px;
}

.contact-hero-copy-match .breadcrumb a{
  color:#fff;
}

.contact-hero-copy-match .eyebrow{
  display:inline-flex;
  align-items:center;
  padding:12px 22px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-weight:800;
  margin-bottom:28px;
  backdrop-filter:blur(12px);
}

.contact-hero-copy-match h1{
  color:#fff;
  font-size:clamp(3.45rem,5vw,5.75rem);
  line-height:1.05;
  letter-spacing:-0.055em;
  max-width:780px;
}

.contact-hero-copy-match .lead{
  margin-top:28px;
  color:rgba(255,255,255,.9);
  font-size:1.14rem;
  line-height:1.78;
  max-width:850px;
}

.contact-hero-glass-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  padding:28px;
  border-radius:34px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(16px);
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}

.contact-hero-mini{
  min-height:104px;
  border-radius:22px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.contact-hero-mini strong{
  color:#fff;
  font-size:1.55rem;
  line-height:1.04;
  letter-spacing:-0.04em;
}

.contact-hero-mini span{
  margin-top:8px;
  color:rgba(255,255,255,.82);
  font-weight:800;
}

@media(max-width:980px){
  .contact-hero-content-match{
    grid-template-columns:1fr;
    gap:34px;
  }

  .contact-hero-glass-card{
    max-width:620px;
  }
}

@media(max-width:720px){

  .contact-hero-copy-match h1{
    font-size:clamp(2.4rem,10vw,3.5rem);
  }

  .contact-hero-copy-match .lead{
    font-size:1.02rem;
  }

  .contact-hero-glass-card{
    grid-template-columns:1fr;
    padding:16px;
    border-radius:26px;
  }

  .contact-hero-mini{
    min-height:auto;
    padding:18px;
  }
}


/* ===== HOME CTA BUTTON RIGHT SIDE ONLY ===== */
.business-cta-target{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
}

.business-cta-target .business-cta-action{
  justify-self:end !important;
  align-self:center !important;
}

.business-cta-email a{
  color:#fff !important;
  font-weight:900 !important;
}


/* HERO IMAGE LOADING OPTIMIZATION ONLY */
.hero,
.page-hero,
.page-hero-photo{
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}


/* ===== CONTACT HERO MATCH MARKETS BANNER SIZE + FONT ===== */
/* Only Contact hero height and typography are adjusted to match Markets hero. */

.contact-hero.page-hero-photo,
.contact-hero-refined,
.contact-hero-target{
  min-height:430px !important;
  padding-top:118px !important;
  padding-bottom:82px !important;
  display:flex !important;
  align-items:flex-end !important;
}

.contact-hero .contact-hero-content-match,
.contact-hero .contact-hero-refined-grid,
.contact-hero .contact-hero-target-grid,
.contact-hero .page-hero-grid{
  align-items:end !important;
}

.contact-hero h1,
.contact-hero-refined h1,
.contact-hero-copy-match h1,
.contact-hero-copy h1{
  font-size:clamp(2.7rem,4.2vw,4.85rem) !important;
  line-height:1.08 !important;
  letter-spacing:-0.052em !important;
  max-width:860px !important;
}

.contact-hero .lead,
.contact-hero-refined .lead,
.contact-hero-copy-match .lead,
.contact-hero-copy .lead{
  font-size:1.02rem !important;
  line-height:1.72 !important;
  max-width:760px !important;
  margin-top:20px !important;
}

.contact-hero .breadcrumb,
.contact-hero-refined .breadcrumb,
.contact-hero-copy-match .breadcrumb{
  margin-bottom:20px !important;
}

.contact-hero .eyebrow,
.contact-hero-refined .eyebrow,
.contact-hero-copy-match .eyebrow{
  margin-bottom:22px !important;
}

@media(max-width:720px){
  .contact-hero.page-hero-photo,
  .contact-hero-refined,
  .contact-hero-target{
    min-height:360px !important;
    padding-top:78px !important;
    padding-bottom:56px !important;
  }

  .contact-hero h1,
  .contact-hero-refined h1,
  .contact-hero-copy-match h1,
  .contact-hero-copy h1{
    font-size:clamp(2rem,8.8vw,3.05rem) !important;
    line-height:1.1 !important;
  }

  .contact-hero .lead,
  .contact-hero-refined .lead,
  .contact-hero-copy-match .lead,
  .contact-hero-copy .lead{
    font-size:.98rem !important;
  }
}



/* ===== ALL INNER PAGE BANNERS MATCH ABOUT HEIGHT ===== */
/* Home page is not changed. All internal page hero banners use About hero height. */

.about-hero.page-hero-photo,
.products-hero.page-hero-photo,
.supply-hero.page-hero-photo,
.markets-hero.page-hero-photo,
.quality-hero.page-hero-photo,
.contact-hero.page-hero-photo{
  min-height:430px !important;
  padding-top:118px !important;
  padding-bottom:82px !important;
  align-items:flex-end !important;
}

@media(max-width:720px){
  .about-hero.page-hero-photo,
  .products-hero.page-hero-photo,
  .supply-hero.page-hero-photo,
  .markets-hero.page-hero-photo,
  .quality-hero.page-hero-photo,
  .contact-hero.page-hero-photo{
    min-height:360px !important;
    padding-top:78px !important;
    padding-bottom:56px !important;
  }
}


/* ===== LANGUAGE SWITCHER + ARABIC RTL SUPPORT ===== */
.language-switcher{
  height:42px;
  min-width:74px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:var(--green-2);
  font-weight:900;
  padding:0 14px;
  cursor:pointer;
  outline:none;
}

.language-switcher:focus{
  box-shadow:0 0 0 4px rgba(201,162,77,.18);
}

html[dir="rtl"] body{
  direction:rtl;
  text-align:right;
}

html[dir="rtl"] .nav,
html[dir="rtl"] .brand,
html[dir="rtl"] .nav-actions,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .footer-bottom,
html[dir="rtl"] .footer-inquiry-actions,
html[dir="rtl"] .business-cta-box,
html[dir="rtl"] .contact-actions-fixed{
  direction:rtl;
}

html[dir="rtl"] .nav-links{
  direction:rtl;
}

html[dir="rtl"] .hero-grid,
html[dir="rtl"] .page-hero-grid,
html[dir="rtl"] .split,
html[dir="rtl"] .contact-top-grid,
html[dir="rtl"] .contact-grid,
html[dir="rtl"] .footer-grid,
html[dir="rtl"] .business-cta-box{
  direction:rtl;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select{
  text-align:right;
}

html[dir="rtl"] [data-text-key="phone"],
html[dir="rtl"] [data-text-key="email"],
html[dir="rtl"] .phone-link,
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href*="wa.me"]{
  direction:ltr;
  unicode-bidi:embed;
  display:inline-block;
}

@media(max-width:720px){
  .language-switcher{
    height:40px;
    min-width:68px;
    padding:0 10px;
  }
}


/* ===== COMPLETE ARABIC LANGUAGE POLISH ===== */
html[dir="rtl"] body{
  direction:rtl;
  text-align:right;
  font-family:Tahoma, Arial, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select{
  font-family:Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .nav-links,
html[dir="rtl"] .nav-actions,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .footer-links,
html[dir="rtl"] .footer-inquiry-actions,
html[dir="rtl"] .business-cta-action,
html[dir="rtl"] .contact-actions-fixed{
  direction:rtl;
}

html[dir="rtl"] .hero-grid,
html[dir="rtl"] .page-hero-grid,
html[dir="rtl"] .split,
html[dir="rtl"] .contact-top-grid,
html[dir="rtl"] .contact-grid,
html[dir="rtl"] .footer-grid,
html[dir="rtl"] .business-cta-box,
html[dir="rtl"] .grid,
html[dir="rtl"] .grid-2,
html[dir="rtl"] .grid-3,
html[dir="rtl"] .grid-4{
  direction:rtl;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select{
  text-align:right;
}

html[dir="rtl"] [data-text-key="phone"],
html[dir="rtl"] [data-text-key="email"],
html[dir="rtl"] .phone-link,
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href*="wa.me"],
html[dir="rtl"] .contact-hero-mini span,
html[dir="rtl"] .contact-mini-card span{
  direction:ltr;
  unicode-bidi:embed;
  display:inline-block;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .footer-brand{
  direction:ltr;
}


/* ===== FINAL LANGUAGE SWITCHER UI + MOBILE HEADER FIX ===== */

.language-switcher{
  appearance:none;
  -webkit-appearance:none;
  height:44px;
  min-width:82px;
  padding:0 34px 0 16px;
  border-radius:999px;
  border:1px solid rgba(201,162,77,.36);
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,246,222,.88));
  color:var(--green-2);
  font-weight:950;
  font-size:.86rem;
  letter-spacing:.04em;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(7,42,27,.08);
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,246,222,.88)),
    url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23073522' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat;
  background-position:center, right 14px center;
  background-size:auto,10px 6px;
}

.language-switcher:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(7,42,27,.12);
}

.language-switcher:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(201,162,77,.20), 0 14px 34px rgba(7,42,27,.12);
}

html[dir="rtl"] .language-switcher{
  padding:0 16px 0 34px;
  background-position:center, left 14px center;
}

/* Arabic polish */
html[dir="rtl"] body{
  direction:rtl;
  text-align:right;
  font-family:Tahoma, Arial, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] label{
  font-family:Tahoma, Arial, sans-serif;
}

html[dir="rtl"] [data-text-key="phone"],
html[dir="rtl"] [data-text-key="email"],
html[dir="rtl"] .phone-link,
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href*="wa.me"]{
  direction:ltr;
  unicode-bidi:embed;
  display:inline-block;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select{
  text-align:right;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .footer-brand{
  direction:ltr;
}

/* Mobile header: menu + language + WhatsApp organized */
@media(max-width:860px){
  .nav{
    gap:10px;
  }

  .nav-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
  }

  .nav-actions .btn.btn-gold{
    height:40px;
    min-height:40px;
    padding:0 13px;
    font-size:.78rem;
    border-radius:999px;
    white-space:nowrap;
  }

  .language-switcher{
    height:40px;
    min-width:66px;
    max-width:70px;
    padding:0 24px 0 10px;
    font-size:.76rem;
    letter-spacing:.02em;
    background-position:center, right 10px center;
  }

  html[dir="rtl"] .language-switcher{
    padding:0 10px 0 24px;
    background-position:center, left 10px center;
  }

  .mobile-toggle{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:14px;
  }

  .brand{
    min-width:0;
    gap:8px;
  }

  .brand img{
    width:42px;
    height:42px;
    border-radius:13px;
  }

  .brand span{
    font-size:.95rem;
    max-width:120px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media(max-width:420px){
  .container{
    width:min(100% - 24px,var(--max));
  }

  .nav-actions{
    gap:6px;
  }

  .nav-actions .btn.btn-gold{
    padding:0 10px;
    font-size:.72rem;
  }

  .language-switcher{
    min-width:60px;
    max-width:62px;
    font-size:.7rem;
  }

  .brand span{
    max-width:92px;
    font-size:.88rem;
  }
}


/* ===== FINAL HEADER + LANGUAGE DEFAULT/RTL BRAND POLISH ===== */

/* Keep brand order correct in Arabic: logo first, then Arabic/brand name */
html[dir="rtl"] .brand,
html[dir="rtl"] .footer-brand{
  direction:rtl !important;
  flex-direction:row-reverse !important;
  justify-content:flex-end !important;
}

html[dir="rtl"] .brand img,
html[dir="rtl"] .footer-brand img{
  order:1 !important;
}

html[dir="rtl"] .brand span,
html[dir="rtl"] .footer-brand span{
  order:2 !important;
  text-align:right !important;
}

/* Header layout polish */
.header{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(24px) saturate(145%) !important;
}

.nav{
  gap:18px !important;
}

.nav-links{
  background:rgba(246,249,247,.72);
  border:1px solid rgba(228,236,231,.84);
  border-radius:999px;
  padding:8px 12px;
  gap:6px !important;
  box-shadow:0 12px 30px rgba(7,42,27,.045);
}

.nav-links a{
  padding:10px 13px;
  border-radius:999px;
  transition:background .28s ease, color .28s ease, transform .28s ease !important;
}

.nav-links a:hover,
.nav-links a.active,
.nav-links a[aria-current="page"]{
  background:#fff;
  color:var(--green-2) !important;
  box-shadow:0 8px 22px rgba(7,42,27,.07);
}

.nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.nav-actions .btn.btn-gold{
  height:44px;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(201,162,77,.20);
}

.language-switcher{
  height:44px !important;
  min-width:86px !important;
  border-radius:999px !important;
  border:1px solid rgba(11,86,56,.16) !important;
  background-color:#fff !important;
  color:var(--green-2) !important;
  box-shadow:0 12px 28px rgba(7,42,27,.08) !important;
}

/* Make mobile header compact and balanced */
@media(max-width:980px){
  .nav{
    min-height:74px !important;
    gap:10px !important;
  }

  .nav-links{
    background:#fff;
    border-radius:24px;
    padding:10px;
  }

  .nav-actions{
    margin-left:auto;
    gap:7px !important;
  }

  html[dir="rtl"] .nav-actions{
    margin-left:0;
    margin-right:auto;
  }

  .nav-actions .btn.btn-gold{
    height:40px !important;
    min-height:40px !important;
    padding:0 12px !important;
    font-size:.76rem !important;
  }

  .language-switcher{
    height:40px !important;
    min-width:66px !important;
    max-width:70px !important;
    padding-inline-start:10px !important;
    padding-inline-end:24px !important;
    font-size:.74rem !important;
  }

  .mobile-toggle{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:14px !important;
    background:#fff;
    border:1px solid rgba(228,236,231,.92);
    box-shadow:0 10px 24px rgba(7,42,27,.07);
  }

  .brand{
    gap:8px !important;
    min-width:0 !important;
  }

  .brand img{
    width:42px !important;
    height:42px !important;
    border-radius:13px !important;
  }

  .brand span{
    max-width:120px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:.94rem !important;
  }
}

@media(max-width:430px){
  .nav{
    gap:6px !important;
  }

  .brand span{
    max-width:82px !important;
    font-size:.84rem !important;
  }

  .brand img{
    width:38px !important;
    height:38px !important;
  }

  .nav-actions{
    gap:5px !important;
  }

  .nav-actions .btn.btn-gold{
    padding:0 9px !important;
    font-size:.68rem !important;
  }

  .language-switcher{
    min-width:58px !important;
    max-width:60px !important;
    height:38px !important;
    font-size:.68rem !important;
    padding-inline-start:8px !important;
    padding-inline-end:20px !important;
    background-position:center, right 8px center !important;
  }

  html[dir="rtl"] .language-switcher{
    background-position:center, left 8px center !important;
  }

  .mobile-toggle{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
}


/* ===== FINAL MOBILE MENU BUTTON + HEADER BUTTON POLISH ===== */

/* Make hamburger lines perfectly centered */
.mobile-toggle{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:4px !important;
  padding:0 !important;
  line-height:1 !important;
}

.mobile-toggle span,
.mobile-toggle::before,
.mobile-toggle::after{
  content:"" !important;
  display:block !important;
  width:18px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--green-2) !important;
  margin:0 !important;
  transform:none !important;
  position:static !important;
}

.mobile-toggle span{
  opacity:1 !important;
}

/* If the button already has 3 inner spans, normalize them */
.mobile-toggle span:nth-child(n+4){
  display:none !important;
}

/* Better visual style */
.mobile-toggle{
  background:linear-gradient(135deg,#ffffff,#f6faf7) !important;
  border:1px solid rgba(11,86,56,.14) !important;
  box-shadow:0 12px 26px rgba(7,42,27,.08) !important;
}

.mobile-toggle:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(7,42,27,.12) !important;
}

/* Header controls more consistent */
.nav-actions .btn.btn-gold,
.language-switcher,
.mobile-toggle{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.nav-actions .btn.btn-gold:hover,
.language-switcher:hover{
  transform:translateY(-1px);
}

/* Desktop header button refinement */
@media(min-width:981px){
  .nav-actions{
    gap:12px !important;
  }

  .nav-actions .btn.btn-gold{
    height:46px !important;
    min-height:46px !important;
    padding:0 20px !important;
  }

  .language-switcher{
    height:46px !important;
    min-width:88px !important;
  }
}

/* Mobile layout: brand left, controls right, aligned center */
@media(max-width:980px){
  .nav{
    display:flex !important;
    align-items:center !important;
  }

  .nav-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;
    margin-left:auto !important;
    flex-shrink:0 !important;
  }

  html[dir="rtl"] .nav-actions{
    margin-left:0 !important;
    margin-right:auto !important;
  }

  .mobile-toggle{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:14px !important;
  }

  .mobile-toggle span,
  .mobile-toggle::before,
  .mobile-toggle::after{
    width:17px !important;
  }

  .language-switcher{
    height:40px !important;
    min-width:66px !important;
    max-width:70px !important;
    border-radius:999px !important;
  }

  .nav-actions .btn.btn-gold{
    height:40px !important;
    min-height:40px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

@media(max-width:430px){
  .nav-actions{
    gap:5px !important;
  }

  .mobile-toggle{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:13px !important;
  }

  .mobile-toggle span,
  .mobile-toggle::before,
  .mobile-toggle::after{
    width:16px !important;
    height:2px !important;
  }
}


/* ===== FIX: MOBILE MENU BUTTON ONLY ON MOBILE ===== */
.mobile-toggle{
  display:none !important;
}

@media(max-width:980px){
  .mobile-toggle{
    display:inline-flex !important;
  }
}


/* ===== NEW MARHABA LOGO + FAVICON + RTL BRAND ORDER FIX ===== */

/* New logo is transparent apple mark, not the old yellow square. */
.brand img,
.footer-brand img,
[data-logo]{
  object-fit:contain !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

.header .brand img{
  width:48px !important;
  height:48px !important;
}

.footer .brand img,
.footer-brand img{
  width:50px !important;
  height:50px !important;
}

/* English keeps logo first then brand name. */
html[dir="ltr"] .brand,
html[dir="ltr"] .footer-brand{
  flex-direction:row !important;
}

/* Arabic: visual order must be logo on the RIGHT, then name to its left. */
html[dir="rtl"] .brand,
html[dir="rtl"] .footer-brand{
  direction:rtl !important;
  flex-direction:row !important;
  justify-content:flex-start !important;
}

html[dir="rtl"] .brand img,
html[dir="rtl"] .footer-brand img{
  order:0 !important;
}

html[dir="rtl"] .brand span,
html[dir="rtl"] .footer-brand span{
  order:1 !important;
  text-align:right !important;
}

/* Keep header brand tidy with the new mark */
.brand{
  gap:10px !important;
}

.brand span{
  letter-spacing:-.035em !important;
}

/* Mobile refinement for new logo */
@media(max-width:720px){
  .header .brand img{
    width:40px !important;
    height:40px !important;
  }

  .footer .brand img,
  .footer-brand img{
    width:42px !important;
    height:42px !important;
  }

  .brand{
    gap:8px !important;
  }
}


/* FINAL AR HEADER BUTTON ALIGNMENT */

html[dir="rtl"] .nav-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
}

html[dir="rtl"] .language-switcher,
html[dir="rtl"] .btn.btn-gold{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  vertical-align:middle !important;
}

html[dir="rtl"] .language-switcher{
  padding:0 18px !important;
  min-width:84px !important;
  background-position:left 12px center !important;
  font-weight:800 !important;
}

html[dir="rtl"] .btn.btn-gold{
  min-width:120px !important;
  font-weight:800 !important;
}

@media(max-width:980px){
  html[dir="rtl"] .nav-actions{
    gap:7px !important;
  }

  html[dir="rtl"] .language-switcher{
    min-width:68px !important;
    padding:0 12px !important;
    font-size:.76rem !important;
  }

  html[dir="rtl"] .btn.btn-gold{
    min-width:92px !important;
    font-size:.76rem !important;
    padding:0 12px !important;
  }
}


/* FULL MARHABA LOGO WITH TEXT */
.brand img,
.footer-brand img{
  width:auto !important;
  height:auto !important;
  max-height:56px !important;
  max-width:220px !important;
  object-fit:contain !important;
  background:transparent !important;
}

.header .brand{
  gap:12px !important;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .footer-brand{
  flex-direction:row !important;
}

@media(max-width:980px){
  .brand img,
  .footer-brand img{
    max-height:44px !important;
    max-width:160px !important;
  }
}

@media(max-width:430px){
  .brand img,
  .footer-brand img{
    max-height:38px !important;
    max-width:135px !important;
  }
}


/* FINAL COMPLETE LOGO FIX */

.brand,
.footer-brand{
  display:flex !important;
  align-items:center !important;
}

/* use full uploaded logo only */
.brand img,
.footer-brand img{
  width:auto !important;
  height:auto !important;
  max-width:290px !important;
  max-height:74px !important;
  object-fit:contain !important;
  display:block !important;
}

/* hide duplicated html brand text */
.brand-hidden-text,
.brand span,
.footer-brand span{
  display:none !important;
}

.header .brand{
  min-width:0 !important;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .footer-brand{
  flex-direction:row !important;
}

@media(max-width:980px){
  .brand img,
  .footer-brand img{
    max-width:210px !important;
    max-height:58px !important;
  }
}

@media(max-width:430px){
  .brand img,
  .footer-brand img{
    max-width:165px !important;
    max-height:46px !important;
  }
}


/* KEEP BRAND TEXT + SHOW COMPLETE LOGO */

.brand span,
.footer-brand span,
.brand-hidden-text{
  display:inline-block !important;
}

/* Full uploaded logo visible */
.brand img,
.footer-brand img{
  width:auto !important;
  height:auto !important;
  max-width:120px !important;
  max-height:72px !important;
  object-fit:contain !important;
  display:block !important;
  flex-shrink:0 !important;
}

.brand,
.footer-brand{
  gap:12px !important;
  align-items:center !important;
}

@media(max-width:980px){
  .brand img,
  .footer-brand img{
    max-width:90px !important;
    max-height:56px !important;
  }
}

@media(max-width:430px){
  .brand img,
  .footer-brand img{
    max-width:74px !important;
    max-height:48px !important;
  }
}


/* FINAL NO-CROP LOGO FIX */

.brand img,
.footer-brand img{
  width:auto !important;
  height:auto !important;
  max-width:180px !important;
  max-height:90px !important;
  min-width:unset !important;
  min-height:unset !important;
  object-fit:contain !important;
  object-position:center center !important;
  overflow:visible !important;
  clip-path:none !important;
  border-radius:0 !important;
  padding:0 !important;
  background:transparent !important;
  flex-shrink:0 !important;
}

.brand,
.footer-brand{
  overflow:visible !important;
}

@media(max-width:980px){
  .brand img,
  .footer-brand img{
    max-width:130px !important;
    max-height:64px !important;
  }
}

@media(max-width:430px){
  .brand img,
  .footer-brand img{
    max-width:110px !important;
    max-height:54px !important;
  }
}


/* ===== FINAL LOGO BOX WIDTH FIX ===== */
/* Problem was the logo image box was too narrow and scripts could replace the logo.
   This opens the brand box and forces the full uploaded logo to fit. */

.header .brand,
.footer .brand,
.footer-brand,
a.brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:max-content !important;
  width:auto !important;
  max-width:none !important;
  overflow:visible !important;
  flex-shrink:0 !important;
}

.header .brand img,
.footer .brand img,
.footer-brand img,
.brand img,
[data-logo]{
  width:180px !important;
  height:auto !important;
  max-width:180px !important;
  max-height:88px !important;
  min-width:180px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  overflow:visible !important;
  clip-path:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  padding:0 !important;
  flex-shrink:0 !important;
}

/* Keep the text beside logo visible */
.brand span,
.footer-brand span,
.brand-hidden-text{
  display:inline-block !important;
  white-space:nowrap !important;
  overflow:visible !important;
  max-width:none !important;
  text-overflow:clip !important;
}

/* RTL: logo on the right, then text */
html[dir="rtl"] .brand,
html[dir="rtl"] .footer-brand{
  flex-direction:row !important;
  direction:rtl !important;
}

/* Give nav enough space after wider logo */
.nav{
  column-gap:18px !important;
}

@media(max-width:1180px){
  .header .brand img,
  .footer .brand img,
  .footer-brand img,
  .brand img,
  [data-logo]{
    width:150px !important;
    max-width:150px !important;
    min-width:150px !important;
    max-height:76px !important;
  }
}

@media(max-width:980px){
  .header .brand,
  .footer .brand,
  .footer-brand,
  a.brand{
    gap:10px !important;
    min-width:auto !important;
  }

  .header .brand img,
  .footer .brand img,
  .footer-brand img,
  .brand img,
  [data-logo]{
    width:118px !important;
    max-width:118px !important;
    min-width:118px !important;
    max-height:62px !important;
  }

  .brand span,
  .footer-brand span{
    font-size:.9rem !important;
    max-width:115px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

@media(max-width:430px){
  .header .brand img,
  .footer .brand img,
  .footer-brand img,
  .brand img,
  [data-logo]{
    width:96px !important;
    max-width:96px !important;
    min-width:96px !important;
    max-height:54px !important;
  }

  .brand span,
  .footer-brand span{
    max-width:78px !important;
    font-size:.78rem !important;
  }
}


/* ===== FINAL HEADER LOGO SIZE + HEADER LAYOUT TIDY ===== */

/* Reduce full logo size and tighten gap with business name */
.header .brand,
a.brand{
  gap:7px !important;
  min-width:auto !important;
  width:auto !important;
  max-width:260px !important;
  flex-shrink:0 !important;
  align-items:center !important;
}

.header .brand img,
.brand img[data-logo],
.header [data-logo]{
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  max-height:58px !important;
  height:auto !important;
  object-fit:contain !important;
}

.header .brand span,
.brand span{
  display:inline-block !important;
  font-size:.96rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  max-width:145px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  line-height:1.1 !important;
}

/* Re-balance desktop header */
.header .nav{
  min-height:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

.header .nav-links{
  flex:0 1 auto !important;
  justify-content:center !important;
  padding:7px 10px !important;
  gap:4px !important;
}

.header .nav-links a{
  padding:9px 12px !important;
  font-size:.9rem !important;
  white-space:nowrap !important;
}

.header .nav-actions{
  flex-shrink:0 !important;
  gap:9px !important;
}

/* Footer logo can be slightly larger but still neat */
.footer .brand img,
.footer-brand img{
  width:125px !important;
  min-width:125px !important;
  max-width:125px !important;
  max-height:62px !important;
}

.footer .brand,
.footer-brand{
  gap:8px !important;
}

/* RTL brand: keep logo on right and name close to it */
html[dir="rtl"] .header .brand,
html[dir="rtl"] .footer-brand{
  flex-direction:row !important;
  direction:rtl !important;
  gap:7px !important;
}

html[dir="rtl"] .header .brand span,
html[dir="rtl"] .footer-brand span{
  text-align:right !important;
}

/* Laptop header refinement */
@media(max-width:1180px){
  .header .brand{
    max-width:220px !important;
  }

  .header .brand img,
  .brand img[data-logo],
  .header [data-logo]{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    max-height:50px !important;
  }

  .header .brand span{
    max-width:118px !important;
    font-size:.88rem !important;
  }

  .header .nav-links a{
    padding:8px 9px !important;
    font-size:.82rem !important;
  }

  .header .nav{
    gap:12px !important;
  }
}

/* Mobile header tidy */
@media(max-width:980px){
  .header .nav{
    min-height:70px !important;
    gap:8px !important;
  }

  .header .brand{
    max-width:178px !important;
    gap:5px !important;
  }

  .header .brand img,
  .brand img[data-logo],
  .header [data-logo]{
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    max-height:42px !important;
  }

  .header .brand span{
    max-width:92px !important;
    font-size:.78rem !important;
  }

  .header .nav-actions{
    gap:6px !important;
  }

  .header .nav-actions .btn.btn-gold{
    height:38px !important;
    min-height:38px !important;
    padding:0 10px !important;
    font-size:.72rem !important;
  }

  .language-switcher{
    height:38px !important;
    min-width:58px !important;
    max-width:62px !important;
    font-size:.68rem !important;
  }

  .mobile-toggle{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
}

@media(max-width:430px){
  .header .brand{
    max-width:142px !important;
    gap:4px !important;
  }

  .header .brand img,
  .brand img[data-logo],
  .header [data-logo]{
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    max-height:36px !important;
  }

  .header .brand span{
    max-width:76px !important;
    font-size:.72rem !important;
  }

  .header .nav-actions{
    gap:4px !important;
  }

  .header .nav-actions .btn.btn-gold{
    padding:0 8px !important;
    font-size:.66rem !important;
  }
}


/* FINAL BRAND NAME ALIGNMENT FIX */

.header .brand,
a.brand{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  max-width:320px !important;
}

.header .brand img,
.brand img,
[data-logo]{
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  max-height:56px !important;
  object-fit:contain !important;
}

.header .brand span,
.brand span{
  font-size:1.08rem !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  display:flex !important;
  align-items:center !important;
  margin-top:1px !important;
}

/* RTL keep close and centered */
html[dir="rtl"] .header .brand{
  gap:4px !important;
  align-items:center !important;
}

@media(max-width:980px){
  .header .brand{
    gap:3px !important;
    max-width:220px !important;
  }

  .header .brand img,
  .brand img,
  [data-logo]{
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    max-height:44px !important;
  }

  .header .brand span,
  .brand span{
    font-size:.9rem !important;
  }
}

@media(max-width:430px){
  .header .brand{
    max-width:185px !important;
  }

  .header .brand img,
  .brand img,
  [data-logo]{
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
    max-height:40px !important;
  }

  .header .brand span,
  .brand span{
    font-size:.82rem !important;
  }
}


/* ===== TWO LINE BRAND STYLE ===== */

.header .brand,
.footer-brand{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

/* English */
html[lang="en"] .brand span,
html[dir="ltr"] .brand span{
  display:flex !important;
  flex-direction:column !important;
  line-height:.92 !important;
  font-size:1.12rem !important;
  font-weight:900 !important;
  color:#0a3d28 !important;
  letter-spacing:-0.04em !important;
}

/* Arabic */
html[lang="ar"] .brand span,
html[dir="rtl"] .brand span{
  display:flex !important;
  flex-direction:column !important;
  line-height:1 !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
  color:#0a3d28 !important;
  letter-spacing:-0.03em !important;
  text-align:right !important;
}

/* Force line break styling */
.brand span br{
  display:block !important;
}

/* Better alignment */
.header .brand img{
  margin-top:1px !important;
}

@media(max-width:980px){
  html[lang="en"] .brand span,
  html[dir="ltr"] .brand span{
    font-size:.92rem !important;
  }

  html[lang="ar"] .brand span,
  html[dir="rtl"] .brand span{
    font-size:.88rem !important;
  }
}

@media(max-width:430px){
  html[lang="en"] .brand span,
  html[dir="ltr"] .brand span{
    font-size:.82rem !important;
  }

  html[lang="ar"] .brand span,
  html[dir="rtl"] .brand span{
    font-size:.78rem !important;
  }
}


/* MOVE LOGO SLIGHTLY UP */
.header .brand img,
.brand img,
[data-logo]{
  transform: translateY(-3px) !important;
}


/* FINAL LOGO ALIGNMENT */
.header .brand img,
.brand img,
[data-logo]{
  transform: translateY(-7px) !important;
}


/* ===== FINAL PREMIUM VISUAL POLISH - SAFE OVERRIDES ===== */

/* Footer brand name must be white on green background */
.footer .brand span,
.footer-brand span,
.footer .brand-text,
.footer-logo-text{
  color:#ffffff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.22) !important;
}

/* Premium glass header without changing structure */
.header,
.site-header{
  background:rgba(255,255,255,.76) !important;
  backdrop-filter:blur(20px) saturate(165%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(165%) !important;
  border-bottom:1px solid rgba(255,255,255,.48) !important;
  box-shadow:
    0 14px 38px rgba(7,42,27,.07),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* Make header nav look more refined */
.header .nav-links{
  background:rgba(255,255,255,.44) !important;
  border:1px solid rgba(255,255,255,.48) !important;
  backdrop-filter:blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 10px 26px rgba(7,42,27,.055) !important;
}

/* Better active navigation */
.header .nav-links a.active,
.header .nav-links a[aria-current="page"],
.header .nav-links a:hover{
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 8px 22px rgba(7,42,27,.08) !important;
  transform:translateY(-1px) !important;
}

/* More premium buttons */
.btn,
button,
.language-switcher{
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease !important;
}

.btn:hover,
button:hover,
.language-switcher:hover{
  transform:translateY(-1px) !important;
}

/* Softer premium cards without changing layout */
.card,
.info-card,
.feature-card,
.product-card,
.market-card,
.value-card,
.contact-card,
.hero-stat-card,
.mini-stat{
  box-shadow:
    0 18px 42px rgba(7,42,27,.08),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* Improve section surface subtly */
.section,
section{
  scroll-margin-top:96px;
}

/* Premium typography polish */
body{
  -webkit-font-smoothing:antialiased !important;
  text-rendering:optimizeLegibility !important;
}

/* English font stack */
html[dir="ltr"] body{
  font-family:"Inter","Plus Jakarta Sans","SF Pro Display","Segoe UI",Arial,sans-serif !important;
  letter-spacing:-0.012em !important;
}

/* Arabic font stack */
html[dir="rtl"] body{
  font-family:"Cairo","Tajawal","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif !important;
  letter-spacing:-0.006em !important;
}

/* Better headings */
h1,h2,h3{
  text-wrap:balance;
}

.hero h1,
.page-hero h1,
.banner h1{
  font-weight:950 !important;
  letter-spacing:-0.05em !important;
}

/* Arabic heading rhythm */
html[dir="rtl"] .hero h1,
html[dir="rtl"] .page-hero h1,
html[dir="rtl"] .banner h1{
  line-height:1.08 !important;
  letter-spacing:-0.025em !important;
}

/* Better paragraph readability */
p,
.lead{
  line-height:1.72 !important;
}

/* Subtle image polish */
.product-card img,
.card img,
figure img{
  transition:transform .45s ease, filter .45s ease !important;
}

.product-card:hover img,
.card:hover img{
  transform:scale(1.025);
  filter:saturate(1.06) contrast(1.02);
}

/* Mobile header glass remains clean */
@media(max-width:980px){
  .header,
  .site-header{
    background:rgba(255,255,255,.84) !important;
    backdrop-filter:blur(16px) saturate(155%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(155%) !important;
  }

  .header .nav-links{
    background:rgba(255,255,255,.58) !important;
  }
}

/* Ensure footer logo/name is always readable */
.footer,
.site-footer{
  color:#ffffff !important;
}

.footer a,
.site-footer a{
  color:rgba(255,255,255,.88) !important;
}

.footer a:hover,
.site-footer a:hover{
  color:#ffffff !important;
}

/* ================= USER REQUEST: FOOTER COLOR POLISH =================
   Footer only: make CTA button text dark green like background,
   and keep the Foodstuff brand text white.
============================================================ */
.footer .footer-inquiry-actions .btn,
.footer .footer-inquiry-actions .btn.btn-gold,
.footer .footer-inquiry-actions .btn.btn-secondary,
.site-footer .footer-inquiry-actions .btn,
.site-footer .footer-inquiry-actions .btn.btn-gold,
.site-footer .footer-inquiry-actions .btn.btn-secondary{
  color:#061d14 !important;
}

.footer .footer-brand span,
.footer .brand.footer-brand span,
.site-footer .footer-brand span,
.site-footer .brand.footer-brand span{
  color:#ffffff !important;
}


/* FINAL FIX: prevent Arabic header button jump on refresh */
html.lang-boot-ar:not(.lang-ready) .header{
  opacity:0;
  pointer-events:none;
}
html.lang-ready .header{
  opacity:1;
}
.header, .nav, .nav-links, .nav-actions, .brand, .nav-links a, .nav-actions .btn, .language-switcher{
  backface-visibility:hidden;
  transform:translateZ(0);
}
.nav-links{
  flex:0 0 auto;
  min-width:615px;
  justify-content:center;
  gap:14px;
}
.nav-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  min-width:72px;
  padding:0 6px;
  text-align:center;
  white-space:nowrap;
}
.nav-links a:nth-child(3){min-width:88px;}
.nav-links a:nth-child(4){min-width:128px;}
.nav-links a:nth-child(5){min-width:82px;}
.nav-links a:nth-child(6){min-width:82px;}
.nav-links a:nth-child(7){min-width:88px;}
html[dir="rtl"] .nav{
  direction:ltr;
}
html[dir="rtl"] .brand,
html[dir="rtl"] .nav-links,
html[dir="rtl"] .nav-actions{
  direction:ltr;
}
html[dir="rtl"] .nav-links a,
html[dir="rtl"] .language-switcher,
html[dir="rtl"] .nav-actions .btn{
  direction:rtl;
}
.language-switcher{
  width:88px;
  min-width:88px;
  height:48px;
}
.nav-actions .btn-gold{
  min-width:122px;
}
html.lang-boot-ar .nav-links a,
html.lang-boot-ar .nav-actions .btn,
html.lang-boot-ar .language-switcher{
  transition:none!important;
}
@media(max-width:1080px){
  .nav-links{min-width:0;}
}

/* ===== FINAL RTL HEADER VISUAL ORDER FIX =====
   Arabic header order: brand/logo on the right, navigation mirrored, controls on the left.
   This keeps the buttons stable while reversing their positions correctly in Arabic. */
html[dir="rtl"] .header .nav{
  direction:rtl !important;
  flex-direction:row-reverse !important;
  justify-content:space-between !important;
}

html[dir="rtl"] .header .brand{
  direction:rtl !important;
  flex-direction:row !important;
  justify-content:flex-start !important;
  order:3 !important;
}

html[dir="rtl"] .header .brand img{
  order:1 !important;
}

html[dir="rtl"] .header .brand span,
html[dir="rtl"] .header .brand .brand-hidden-text{
  order:2 !important;
  text-align:right !important;
}

html[dir="rtl"] .header .nav-links{
  direction:rtl !important;
  flex-direction:row !important;
  order:2 !important;
}

html[dir="rtl"] .header .nav-actions{
  direction:rtl !important;
  flex-direction:row !important;
  justify-content:flex-start !important;
  order:1 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

html[dir="rtl"] .header .language-switcher{
  direction:ltr !important;
  text-align:center !important;
}

/* Mobile Arabic header: brand stays right, buttons stay left, no movement on refresh */
@media(max-width:980px){
  html[dir="rtl"] .header .nav{
    flex-direction:row-reverse !important;
  }

  html[dir="rtl"] .header .brand{
    order:3 !important;
    flex-shrink:1 !important;
  }

  html[dir="rtl"] .header .nav-actions{
    order:1 !important;
    margin-inline-start:0 !important;
    margin-inline-end:0 !important;
    flex-shrink:0 !important;
  }

  html[dir="rtl"] .header .mobile-toggle{
    order:3 !important;
  }

  html[dir="rtl"] .header .language-switcher{
    order:1 !important;
  }

  html[dir="rtl"] .header .btn.btn-gold{
    order:2 !important;
  }
}


/* ================= MARHABA FINAL MOBILE + OPTIONAL CONTACT FIX ================= */
html,body{max-width:100%;overflow-x:hidden!important;}
*{box-sizing:border-box;}
img,video,iframe{max-width:100%;}
.header,.nav,.header .container{max-width:100%;}
.nav{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.brand{min-width:0;flex-shrink:1;overflow:hidden;}
.brand img{flex:0 0 auto;display:block;}
.brand span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-actions{flex:0 0 auto;min-width:0;display:flex;align-items:center;gap:8px;}
.mobile-toggle{flex:0 0 auto;display:none;}
.nav-actions .btn-gold[href*="wa.me"],.mobile-menu a[href*="wa.me"],.footer-links a[href*="wa.me"],.contact-actions-fixed a[href*="wa.me"]{display:none!important;}
.form-status.success{background:#eef8f3;border:1px solid rgba(15,95,61,.18);color:#075736;padding:12px 14px;border-radius:14px;font-weight:850;text-align:center;}
.form-status.error{background:#fff5f5;border:1px solid rgba(139,30,30,.18);color:#8b1e1e;padding:12px 14px;border-radius:14px;font-weight:850;text-align:center;}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;}
html[dir="rtl"] body{direction:rtl;text-align:right;}
html[dir="rtl"] .brand{direction:rtl;}
html[dir="rtl"] .nav,html[dir="rtl"] .nav-links,html[dir="rtl"] .nav-actions{direction:rtl;}
html[dir="rtl"] .form-grid,html[dir="rtl"] .grid,html[dir="rtl"] .split,html[dir="rtl"] .contact-grid,html[dir="rtl"] .contact-top-grid{direction:rtl;}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right;direction:rtl;}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] .email-link,html[dir="rtl"] .phone-link{direction:ltr;text-align:left;}
html[dir="rtl"] .mobile-menu{text-align:right;direction:rtl;}
html[dir="rtl"] .footer-bottom{direction:rtl;}
@media(max-width:900px){
  .header .container{width:100%;padding-left:10px;padding-right:10px;}
  .nav{gap:6px;width:100%;}
  .nav-links{display:none!important;}
  .mobile-toggle{display:grid!important;place-items:center;width:38px!important;height:38px!important;border-radius:14px;margin:0!important;}
  .brand{gap:5px;max-width:calc(100vw - 116px);}
  .brand img{width:38px!important;height:auto!important;max-height:34px!important;object-fit:contain;}
  .brand span{font-size:10.5px!important;line-height:1.1;max-width:100px;}
  .language-switcher{width:52px!important;min-width:52px!important;height:38px!important;padding:0 8px!important;font-size:11px!important;}
  .nav-actions{gap:6px;}
  .hero,.page-hero,.home-hero-photo{max-width:100vw;overflow:hidden;}
  .container{max-width:100%;}
  .form-grid{grid-template-columns:1fr!important;}
  .field.full{grid-column:1!important;}
  .contact-hero-glass-card{grid-template-columns:1fr!important;}
}
@media(max-width:380px){
  .brand span{max-width:86px;font-size:9.5px!important;}
  .brand img{width:34px!important;max-height:31px!important;}
  .language-switcher{width:48px!important;min-width:48px!important;}
  .mobile-toggle{width:36px!important;height:36px!important;}
}


/* ===== FINAL MOBILE / CONTACT / RTL FIXES - 2026 ===== */
html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
.header, .site-header { position:sticky !important; top:0 !important; z-index:9999 !important; transform:none !important; }
.header .container, .header .nav { width:100%; max-width:100%; min-width:0; }
.header .nav { display:flex; align-items:center; justify-content:space-between; }
.contact-hero-glass-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.optional-admin-phone:empty,.optional-admin-location:empty{display:none!important;}
a[href*="wa.me"], a[href*="whatsapp" i]{display:none!important;}
.mobile-toggle{position:relative!important;overflow:hidden!important;}
.mobile-toggle span{display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:18px!important;height:2px!important;margin:0!important;background:var(--green-2)!important;border-radius:10px!important;transform-origin:center!important;transition:transform .2s ease, opacity .2s ease!important;}
.mobile-toggle span:first-child{transform:translate(-50%,-5px)!important;}
.mobile-toggle span:last-child{transform:translate(-50%,5px)!important;}
.mobile-toggle.active span:first-child{transform:translate(-50%,0) rotate(45deg)!important;}
.mobile-toggle.active span:last-child{transform:translate(-50%,0) rotate(-45deg)!important;}
html[dir="rtl"] body{direction:rtl!important;text-align:right!important;}
html[dir="rtl"] .container, html[dir="rtl"] section, html[dir="rtl"] main, html[dir="rtl"] footer{direction:rtl;}
html[dir="rtl"] .grid, html[dir="rtl"] .split, html[dir="rtl"] .split-45, html[dir="rtl"] .hero-grid, html[dir="rtl"] .page-hero-grid, html[dir="rtl"] .contact-top-grid, html[dir="rtl"] .footer-grid, html[dir="rtl"] .form-grid{direction:rtl;}
html[dir="rtl"] .btn, html[dir="rtl"] button.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
html[dir="rtl"] .mobile-menu{direction:rtl!important;text-align:right!important;}
html[dir="rtl"] .mobile-menu a{text-align:right!important;}
@media(max-width:1080px){
  .header{height:auto!important;}
  .header .container{width:100%!important;padding-left:8px!important;padding-right:8px!important;}
  .header .nav{min-height:50px!important;gap:6px!important;flex-wrap:nowrap!important;}
  .header .nav-links{display:none!important;}
  .header .brand{flex:1 1 auto!important;min-width:0!important;max-width:calc(100vw - 110px)!important;gap:5px!important;overflow:hidden!important;}
  .header .brand img,.header [data-logo]{width:36px!important;height:32px!important;max-width:36px!important;max-height:32px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
  .header .brand span{font-size:10px!important;line-height:1.1!important;max-width:118px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .header .nav-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:5px!important;min-width:auto!important;}
  .language-switcher{width:46px!important;min-width:46px!important;height:32px!important;padding:0 4px!important;font-size:10px!important;border-radius:999px!important;}
  .mobile-toggle{display:inline-grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;border-radius:12px!important;}
  .mobile-menu.active{display:block!important;}
  .contact-hero-glass-card{grid-template-columns:1fr!important;}
  .contact-card,.form{padding:24px!important;border-radius:26px!important;}
}
@media(max-width:390px){
  .header .brand{max-width:calc(100vw - 96px)!important;}
  .header .brand img,.header [data-logo]{width:32px!important;max-width:32px!important;}
  .header .brand span{font-size:9px!important;max-width:96px!important;}
  .language-switcher{width:44px!important;min-width:44px!important;}
  .mobile-toggle{width:32px!important;min-width:32px!important;height:32px!important;}
}


/* ===== MARHABA FINAL REAL MOBILE/RTL/STICKY FIX ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
body{padding-top:78px!important;}
.header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
  z-index:2147483000!important;transform:none!important;translate:none!important;
  backface-visibility:hidden!important;will-change:auto!important;
}
.header .container{width:100%!important;max-width:var(--max)!important;margin-inline:auto!important;padding-inline:20px!important;}
.header .nav{width:100%!important;max-width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;}
.header .brand{min-width:0!important;flex:0 1 auto!important;overflow:visible!important;}
.header .brand img,.header [data-logo]{flex:0 0 auto!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;}
.header .brand span{display:inline-block!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;}
.header .nav-actions{flex:0 0 auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;}
.header .nav-links{min-width:0!important;}
.mobile-menu{max-width:100%!important;overflow:hidden!important;}
.mobile-menu.active{display:block!important;}
.mobile-toggle{position:relative!important;flex:0 0 auto!important;}
.mobile-toggle span{display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:18px!important;height:2px!important;margin:0!important;background:var(--green-2)!important;border-radius:10px!important;transform-origin:center!important;transition:transform .2s ease,opacity .2s ease!important;}
.mobile-toggle span:first-child{transform:translate(-50%,-5px)!important;}
.mobile-toggle span:last-child{transform:translate(-50%,5px)!important;}
.mobile-toggle.active span:first-child{transform:translate(-50%,0) rotate(45deg)!important;}
.mobile-toggle.active span:last-child{transform:translate(-50%,0) rotate(-45deg)!important;}
html[dir="rtl"] body{direction:rtl!important;text-align:right!important;}
html[dir="rtl"] .header .nav{direction:rtl!important;flex-direction:row!important;}
html[dir="rtl"] .header .brand{direction:rtl!important;flex-direction:row!important;order:3!important;}
html[dir="rtl"] .header .brand img{order:2!important;}
html[dir="rtl"] .header .brand span{order:1!important;text-align:right!important;}
html[dir="rtl"] .header .nav-links{direction:rtl!important;flex-direction:row!important;order:2!important;}
html[dir="rtl"] .header .nav-actions{direction:ltr!important;order:1!important;justify-content:flex-start!important;}
html[dir="rtl"] .language-switcher{direction:ltr!important;text-align:center!important;}
html[dir="rtl"] main,html[dir="rtl"] section,html[dir="rtl"] footer,html[dir="rtl"] .container{direction:rtl!important;text-align:right!important;}
html[dir="rtl"] .grid,html[dir="rtl"] .split,html[dir="rtl"] .split-45,html[dir="rtl"] .hero-grid,html[dir="rtl"] .page-hero-grid,html[dir="rtl"] .contact-top-grid,html[dir="rtl"] .footer-grid,html[dir="rtl"] .form-grid,html[dir="rtl"] .contact-hero-glass-card{direction:rtl!important;}
html[dir="rtl"] .section-head.center,html[dir="rtl"] .section-head.center *{text-align:center!important;}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right!important;direction:rtl!important;}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] a[href^="mailto:"],html[dir="rtl"] .email-link,html[dir="rtl"] .phone-link{direction:ltr!important;text-align:left!important;unicode-bidi:embed!important;}
html[dir="rtl"] .btn,html[dir="rtl"] button,html[dir="rtl"] .mobile-toggle{text-align:center!important;align-items:center!important;justify-content:center!important;}
html[dir="rtl"] .mobile-menu{direction:rtl!important;text-align:right!important;}
html[dir="rtl"] .mobile-menu a{text-align:right!important;}
html[dir="rtl"] .hero-actions,html[dir="rtl"] .footer-inquiry-actions,html[dir="rtl"] .contact-actions-fixed{direction:rtl!important;}
@media(max-width:1080px){
  body{padding-top:56px!important;}
  .header .container{max-width:100%!important;padding-inline:8px!important;}
  .header .nav{min-height:56px!important;gap:6px!important;}
  .header .nav-links{display:none!important;}
  .header .brand{gap:5px!important;max-width:calc(100vw - 102px)!important;}
  .header .brand img,.header [data-logo]{width:34px!important;height:30px!important;max-width:34px!important;max-height:30px!important;}
  .header .brand span{font-size:10px!important;line-height:1!important;letter-spacing:-.035em!important;max-width:132px!important;}
  .header .nav-actions{gap:5px!important;}
  .language-switcher{width:46px!important;min-width:46px!important;height:32px!important;padding:0 4px!important;font-size:10px!important;border-radius:999px!important;}
  .mobile-toggle{display:inline-grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;border-radius:12px!important;}
  .mobile-menu{position:fixed!important;top:56px!important;left:0!important;right:0!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(18px)!important;padding:10px 20px 18px!important;border-bottom:1px solid var(--line)!important;box-shadow:0 16px 40px rgba(7,42,27,.10)!important;z-index:2147482999!important;}
  .container{width:min(100% - 28px,var(--max))!important;}
  .hero,.page-hero,.home-hero-photo{max-width:100vw!important;overflow:hidden!important;}
  .hero-actions,.footer-inquiry-actions,.contact-actions-fixed{width:100%;}
  .hero-actions .btn{width:100%;}
}
@media(max-width:390px){
  .header .container{padding-inline:6px!important;}
  .header .brand{max-width:calc(100vw - 96px)!important;gap:4px!important;}
  .header .brand img,.header [data-logo]{width:30px!important;height:28px!important;max-width:30px!important;max-height:28px!important;}
  .header .brand span{font-size:9px!important;max-width:122px!important;}
  .language-switcher{width:43px!important;min-width:43px!important;}
  .mobile-toggle{width:32px!important;min-width:32px!important;height:32px!important;}
}
@media(max-width:340px){.header .brand span{font-size:8.5px!important;max-width:105px!important;}.header .brand img,.header [data-logo]{width:28px!important;}.language-switcher{width:40px!important;min-width:40px!important;}.mobile-toggle{width:30px!important;min-width:30px!important;}}

/* ===== 2026 FINAL RTL HEADER + MOBILE LOGO/LANGUAGE FIX ===== */
html, body{max-width:100%; overflow-x:hidden !important;}
.header{position:sticky !important; top:0 !important; z-index:9999 !important; width:100% !important;}
.header .nav{position:relative !important; overflow:visible !important;}
.header .nav-actions{position:relative !important; z-index:20 !important; flex-shrink:0 !important;}
.language-switcher{position:relative !important; z-index:30 !important; pointer-events:auto !important; touch-action:manipulation !important;}
.mobile-toggle{position:relative !important; z-index:31 !important; flex-shrink:0 !important;}

/* Full RTL header order: brand on the right, actions/menu on the left */
html[dir="rtl"] .header .nav{flex-direction:row-reverse !important; direction:rtl !important;}
html[dir="rtl"] .header .brand{direction:rtl !important; flex-direction:row !important; justify-content:flex-start !important; text-align:right !important;}
html[dir="rtl"] .header .brand img{order:0 !important;}
html[dir="rtl"] .header .brand span{order:1 !important; text-align:right !important;}
html[dir="rtl"] .header .nav-links{direction:rtl !important; flex-direction:row-reverse !important;}
html[dir="rtl"] .header .nav-actions{direction:rtl !important; flex-direction:row-reverse !important; margin-left:0 !important; margin-right:0 !important;}
html[dir="rtl"] .mobile-menu{direction:rtl !important; text-align:right !important;}
html[dir="rtl"] .mobile-menu a{text-align:right !important;}

/* Logo + brand alignment and safe enlargement without changing header height */
.header .brand{display:flex !important; align-items:center !important; gap:7px !important; max-width:320px !important; min-width:0 !important; overflow:visible !important;}
.header .brand img,.header [data-logo]{width:104px !important; min-width:104px !important; max-width:104px !important; max-height:58px !important; height:auto !important; object-fit:contain !important; transform:none !important; margin:0 !important; align-self:center !important;}
.header .brand span{display:inline-flex !important; align-items:center !important; line-height:1.05 !important; white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important; max-width:none !important; margin:0 !important;}

@media(max-width:980px){
  .header .nav{min-height:64px !important; gap:6px !important; padding:0 !important;}
  .header .brand{gap:5px !important; max-width:190px !important; flex:1 1 auto !important;}
  .header .brand img,.header [data-logo]{width:68px !important; min-width:68px !important; max-width:68px !important; max-height:42px !important;}
  .header .brand span{font-size:.78rem !important; line-height:1.04 !important; max-width:112px !important; overflow:hidden !important; text-overflow:ellipsis !important;}
  .header .nav-actions{gap:5px !important; flex:0 0 auto !important;}
  .language-switcher{width:58px !important; min-width:58px !important; max-width:58px !important; height:36px !important; padding:0 20px 0 8px !important; font-size:.68rem !important;}
  html[dir="rtl"] .language-switcher{padding:0 8px 0 20px !important; background-position:left 8px center !important;}
  .mobile-toggle{width:36px !important; height:36px !important; min-width:36px !important;}
  .mobile-menu.active{display:block !important; position:relative !important; z-index:5 !important;}
}
@media(max-width:390px){
  .container{width:min(100% - 18px,var(--max)) !important;}
  .header .brand{max-width:168px !important; gap:3px !important;}
  .header .brand img,.header [data-logo]{width:58px !important; min-width:58px !important; max-width:58px !important; max-height:38px !important;}
  .header .brand span{font-size:.69rem !important; max-width:95px !important;}
  .language-switcher{width:54px !important; min-width:54px !important; max-width:54px !important; font-size:.64rem !important;}
  .mobile-toggle{width:34px !important; height:34px !important; min-width:34px !important;}
}


/* =========================================================
   MARHABA TRUE FINAL FIX — HEADER RTL / LOGO / MOBILE LANGUAGE
   This block must remain at the very end of the CSS file.
========================================================= */
:root{--mh-header-h:74px;--mh-header-mobile-h:58px;}
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
body{padding-top:var(--mh-header-h)!important;}
.header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:var(--mh-header-h)!important;
  z-index:2147483600!important;display:flex!important;align-items:center!important;transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;
}
.header .container{width:100%!important;max-width:var(--max)!important;margin-inline:auto!important;padding-inline:clamp(18px,3vw,32px)!important;}
.header .nav{width:100%!important;height:var(--mh-header-h)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:nowrap!important;min-width:0!important;direction:ltr!important;flex-direction:row!important;}
.header .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex:0 0 auto!important;min-width:0!important;max-width:330px!important;overflow:visible!important;text-decoration:none!important;direction:ltr!important;flex-direction:row!important;order:0!important;}
.header .brand img,.header [data-logo]{display:block!important;width:92px!important;min-width:92px!important;max-width:92px!important;height:auto!important;max-height:58px!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;transform:none!important;align-self:center!important;order:0!important;}
.header .brand span{display:inline-block!important;color:#0a3d28!important;font-weight:950!important;font-size:1.12rem!important;line-height:1.04!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;align-self:center!important;text-align:left!important;direction:ltr!important;order:0!important;}
.header .nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:0!important;direction:ltr!important;flex-direction:row!important;order:0!important;}
.header .nav-links a{white-space:nowrap!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.header .nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;min-width:0!important;direction:ltr!important;flex-direction:row!important;order:0!important;}
.language-switcher{pointer-events:auto!important;touch-action:manipulation!important;user-select:auto!important;position:relative!important;z-index:2147483602!important;direction:ltr!important;text-align:center!important;appearance:auto!important;-webkit-appearance:menulist!important;}
.mobile-toggle{position:relative!important;z-index:2147483603!important;flex:0 0 auto!important;}

/* Arabic header must mirror: brand/logo on the right, controls on the left. */
html[dir="rtl"] .header .nav{direction:rtl!important;flex-direction:row!important;}
html[dir="rtl"] .header .brand{direction:rtl!important;flex-direction:row!important;text-align:right!important;justify-content:flex-start!important;order:0!important;}
html[dir="rtl"] .header .brand img,html[dir="rtl"] .header [data-logo]{order:0!important;margin:0!important;transform:none!important;}
html[dir="rtl"] .header .brand span{direction:rtl!important;text-align:right!important;order:0!important;}
html[dir="rtl"] .header .nav-links{direction:rtl!important;flex-direction:row!important;}
html[dir="rtl"] .header .nav-actions{direction:ltr!important;flex-direction:row!important;justify-content:flex-start!important;}
html[dir="rtl"] .mobile-menu{direction:rtl!important;text-align:right!important;}
html[dir="rtl"] .mobile-menu a{text-align:right!important;}
html[dir="rtl"] main,html[dir="rtl"] section,html[dir="rtl"] footer{direction:rtl!important;}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right!important;direction:rtl!important;}
html[dir="rtl"] .language-switcher{direction:ltr!important;text-align:center!important;}
html[dir="rtl"] .btn,html[dir="rtl"] button.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}

@media(max-width:1080px){
  :root{--mh-header-h:58px;}
  body{padding-top:58px!important;}
  .header{height:58px!important;min-height:58px!important;}
  .header .container{max-width:100%!important;padding-inline:8px!important;}
  .header .nav{height:58px!important;min-height:58px!important;gap:6px!important;}
  .header .nav-links{display:none!important;}
  .header .brand{gap:5px!important;flex:1 1 auto!important;max-width:calc(100vw - 102px)!important;}
  .header .brand img,.header [data-logo]{width:50px!important;min-width:50px!important;max-width:50px!important;max-height:39px!important;}
  .header .brand span{font-size:11.2px!important;line-height:1.02!important;max-width:125px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;}
  .header .nav-actions{gap:5px!important;flex:0 0 auto!important;}
  .language-switcher{width:52px!important;min-width:52px!important;max-width:52px!important;height:34px!important;min-height:34px!important;padding:0 4px!important;font-size:10px!important;border-radius:999px!important;}
  .mobile-toggle{display:inline-grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:12px!important;margin:0!important;}
  .mobile-menu{position:fixed!important;top:58px!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;padding:12px 20px 18px!important;border-bottom:1px solid var(--line)!important;box-shadow:0 16px 40px rgba(7,42,27,.10)!important;z-index:2147483599!important;overflow:hidden!important;}
  .mobile-menu.active{display:block!important;}
  html[dir="rtl"] .header .nav{direction:rtl!important;flex-direction:row!important;}
  html[dir="rtl"] .header .brand{direction:rtl!important;flex-direction:row!important;}
  html[dir="rtl"] .header .brand span{text-align:right!important;direction:rtl!important;}
  html[dir="rtl"] .header .nav-actions{direction:ltr!important;flex-direction:row!important;}
}
@media(max-width:390px){
  .header .container{padding-inline:6px!important;}
  .header .brand{max-width:calc(100vw - 94px)!important;gap:4px!important;}
  .header .brand img,.header [data-logo]{width:46px!important;min-width:46px!important;max-width:46px!important;max-height:36px!important;}
  .header .brand span{font-size:10.2px!important;max-width:112px!important;}
  .language-switcher{width:49px!important;min-width:49px!important;max-width:49px!important;height:32px!important;font-size:9.5px!important;}
  .mobile-toggle{width:32px!important;min-width:32px!important;height:32px!important;}
}
@media(max-width:340px){
  .header .brand img,.header [data-logo]{width:42px!important;min-width:42px!important;max-width:42px!important;}
  .header .brand span{font-size:9.3px!important;max-width:102px!important;}
  .language-switcher{width:46px!important;min-width:46px!important;max-width:46px!important;}
  .mobile-toggle{width:30px!important;min-width:30px!important;height:30px!important;}
}

/* =========================================================
   MARHABA FINAL REQUEST FIX — LANGUAGE BUTTON / LOGO ALIGN
   Keep this block at the very end of style.css
========================================================= */
:root{
  --mh-header-h:76px;
  --mh-header-mobile-h:60px;
}
html,body{
  max-width:100%!important;
  overflow-x:hidden!important;
}
body{padding-top:var(--mh-header-h)!important;}
.header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:var(--mh-header-h)!important;
  min-height:var(--mh-header-h)!important;
  z-index:2147483600!important;
  overflow:visible!important;
}
.header .container{
  width:100%!important;
  max-width:var(--max)!important;
  height:100%!important;
  margin-inline:auto!important;
  padding-inline:clamp(18px,2.4vw,32px)!important;
}
.header .nav{
  width:100%!important;
  height:100%!important;
  min-height:var(--mh-header-h)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
.header .brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  height:100%!important;
  min-width:0!important;
  max-width:360px!important;
  overflow:visible!important;
  flex:0 1 auto!important;
  line-height:1!important;
}
.header .brand img,
.header [data-logo]{
  width:102px!important;
  min-width:102px!important;
  max-width:102px!important;
  height:auto!important;
  max-height:60px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.header .brand span{
  display:inline-flex!important;
  align-items:center!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
  font-size:1.1rem!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#0a3d28!important;
}
.header .nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(8px,1vw,16px)!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
.header .nav-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-width:0!important;
}
.language-switcher{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-image:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,246,222,.9)),
    url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23073522' stroke-width='1.65' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,right 13px center!important;
  background-size:auto,10px 6px!important;
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:44px!important;
  padding:0 32px 0 14px!important;
  text-align:center!important;
  text-align-last:center!important;
  border-radius:999px!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  z-index:2147483605!important;
}
.language-switcher::-ms-expand{display:none!important;}

/* Desktop Arabic: brand/logo is on the right, menu is mirrored, language button is to the left of menu. */
html[dir="rtl"] .header .nav{
  direction:rtl!important;
  flex-direction:row!important;
}
html[dir="rtl"] .header .brand{
  direction:rtl!important;
  flex-direction:row!important;
  text-align:right!important;
}
html[dir="rtl"] .header .brand span{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] .header .nav-links{
  direction:rtl!important;
  flex-direction:row!important;
}
html[dir="rtl"] .header .nav-actions{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
}
html[dir="rtl"] .language-switcher{
  direction:ltr!important;
  text-align:center!important;
  text-align-last:center!important;
  padding:0 14px 0 32px!important;
  background-position:center,left 13px center!important;
}

@media(max-width:1080px){
  :root{--mh-header-h:var(--mh-header-mobile-h);}
  body{padding-top:var(--mh-header-mobile-h)!important;}
  .header{
    height:var(--mh-header-mobile-h)!important;
    min-height:var(--mh-header-mobile-h)!important;
  }
  .header .container{
    max-width:100%!important;
    padding-inline:8px!important;
  }
  .header .nav{
    min-height:var(--mh-header-mobile-h)!important;
    height:var(--mh-header-mobile-h)!important;
    gap:6px!important;
  }
  .header .nav-links{display:none!important;}
  .header .brand{
    gap:6px!important;
    flex:1 1 auto!important;
    max-width:calc(100vw - 112px)!important;
    min-width:0!important;
    height:var(--mh-header-mobile-h)!important;
  }
  .header .brand img,
  .header [data-logo]{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    max-height:42px!important;
  }
  .header .brand span{
    font-size:11.5px!important;
    line-height:1.05!important;
    max-width:128px!important;
    overflow:visible!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
  }
  .header .nav-actions{
    gap:5px!important;
    flex:0 0 auto!important;
  }
  .language-switcher{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 18px 0 6px!important;
    font-size:10px!important;
    border-radius:999px!important;
    background-position:center,right 7px center!important;
    background-size:auto,8px 5px!important;
  }
  .mobile-toggle{
    display:inline-grid!important;
    place-items:center!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:12px!important;
    margin:0!important;
  }
  .mobile-menu{
    position:fixed!important;
    top:var(--mh-header-mobile-h)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    background:rgba(255,255,255,.985)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    padding:12px 20px 18px!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:0 16px 40px rgba(7,42,27,.10)!important;
    z-index:2147483599!important;
    overflow:hidden!important;
  }
  .mobile-menu.active{display:block!important;}

  /* Mobile Arabic: brand stays on the right; menu button on the left; language button directly to the right of menu button. */
  html[dir="rtl"] .header .nav{
    direction:rtl!important;
    flex-direction:row!important;
  }
  html[dir="rtl"] .header .brand{
    direction:rtl!important;
    flex-direction:row!important;
    text-align:right!important;
  }
  html[dir="rtl"] .header .nav-actions{
    direction:ltr!important;
    flex-direction:row-reverse!important;
    justify-content:flex-start!important;
  }
  html[dir="rtl"] .language-switcher{
    padding:0 6px 0 18px!important;
    background-position:center,left 7px center!important;
  }
}
@media(max-width:390px){
  .header .container{padding-inline:6px!important;}
  .header .brand{max-width:calc(100vw - 100px)!important;gap:4px!important;}
  .header .brand img,
  .header [data-logo]{width:54px!important;min-width:54px!important;max-width:54px!important;max-height:39px!important;}
  .header .brand span{font-size:10.2px!important;max-width:112px!important;}
  .language-switcher{width:49px!important;min-width:49px!important;max-width:49px!important;height:32px!important;font-size:9.5px!important;}
  .mobile-toggle{width:32px!important;min-width:32px!important;height:32px!important;}
}
@media(max-width:340px){
  .header .brand img,
  .header [data-logo]{width:48px!important;min-width:48px!important;max-width:48px!important;}
  .header .brand span{font-size:9.2px!important;max-width:100px!important;}
  .language-switcher{width:46px!important;min-width:46px!important;max-width:46px!important;}
  .mobile-toggle{width:30px!important;min-width:30px!important;height:30px!important;}
}

/* =========================================================
   FINAL HEADER / LOGO / LANGUAGE FIX - user requested version
   This block intentionally overrides all older header rules above.
========================================================= */
:root{
  --mh-final-header-h:68px;
  --mh-final-header-mobile-h:54px;
}
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
body{padding-top:var(--mh-final-header-h)!important;}
.header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:var(--mh-final-header-h)!important;
  min-height:var(--mh-final-header-h)!important;
  z-index:2147483000!important;
  transform:none!important;
  opacity:1!important;
}
.header .container{
  width:min(100% - 32px,var(--max))!important;
  max-width:var(--max)!important;
  height:100%!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.header .nav{
  height:var(--mh-final-header-h)!important;
  min-height:var(--mh-final-header-h)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  direction:ltr!important;
  overflow:visible!important;
}
.header .brand,
.header a.brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:300px!important;
  height:100%!important;
  gap:7px!important;
  overflow:visible!important;
  direction:ltr!important;
  transform:none!important;
}
.header .brand img,
.header .brand img[data-logo],
.header [data-logo]{
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  height:auto!important;
  max-height:50px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}
.header .brand span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:#0a3d28!important;
  font-size:1.03rem!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  transform:none!important;
}
.header .nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  gap:clamp(5px,.65vw,10px)!important;
  direction:ltr!important;
}
.header .nav-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:42px!important;
  min-width:auto!important;
  padding:0 clamp(9px,.8vw,14px)!important;
  white-space:nowrap!important;
  text-align:center!important;
  transform:none!important;
}
.header .nav-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  gap:8px!important;
  min-width:0!important;
  direction:ltr!important;
  margin:0!important;
}
/* Custom language button: replaces the native select visually, so there is only one arrow. */
.header .language-switcher{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:none!important;
}
.lang-switcher-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  z-index:2147483003!important;
  direction:ltr!important;
}
.lang-ui-toggle{
  width:78px!important;
  min-width:78px!important;
  height:42px!important;
  border-radius:999px!important;
  border:1px solid rgba(11,86,56,.15)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,246,222,.92))!important;
  color:#073522!important;
  font-size:.76rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 26px 0 13px!important;
  box-shadow:0 10px 24px rgba(7,42,27,.08)!important;
  cursor:pointer!important;
  position:relative!important;
  line-height:1!important;
  touch-action:manipulation!important;
  user-select:none!important;
}
.lang-ui-toggle::after{
  content:""!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  width:9px!important;
  height:6px!important;
  transform:translateY(-50%)!important;
  background:no-repeat center/9px 6px url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23073522' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  opacity:1!important;
}
.lang-ui-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  min-width:130px!important;
  display:none!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:7px!important;
  border-radius:16px!important;
  background:#ffffff!important;
  border:1px solid rgba(11,86,56,.12)!important;
  box-shadow:0 18px 44px rgba(7,42,27,.16)!important;
  z-index:2147483005!important;
  direction:ltr!important;
}
.lang-switcher-wrap.open .lang-ui-menu{display:flex!important;}
.lang-ui-option{
  width:100%!important;
  height:36px!important;
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#073522!important;
  font-size:.84rem!important;
  font-weight:850!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.lang-ui-option:hover,.lang-ui-option.active{background:#f1f7f3!important;color:#063d29!important;}
.mobile-toggle{flex:0 0 auto!important;transform:none!important;}
/* Desktop Arabic: brand/logo right, nav mirrored, language button on the left of the menu. */
html[dir="rtl"] .header .nav{
  direction:ltr!important;
  flex-direction:row-reverse!important;
}
html[dir="rtl"] .header .brand{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
html[dir="rtl"] .header .brand span{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] .header .nav-links{
  direction:rtl!important;
  flex-direction:row!important;
}
html[dir="rtl"] .header .nav-actions{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
}
html[dir="rtl"] .lang-ui-menu{left:0!important;right:auto!important;}
html[dir="rtl"] .lang-ui-toggle{padding:0 26px 0 13px!important;}
html[dir="rtl"] .lang-ui-toggle::after{right:12px!important;left:auto!important;}
@media(max-width:1180px){
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:66px!important;min-width:66px!important;max-width:66px!important;max-height:46px!important;}
  .header .brand span{font-size:.9rem!important;}
  .header .nav-links a{padding:0 8px!important;font-size:.82rem!important;}
  .lang-ui-toggle{width:68px!important;min-width:68px!important;height:40px!important;}
}
@media(max-width:1080px){
  body{padding-top:var(--mh-final-header-mobile-h)!important;}
  .header{height:var(--mh-final-header-mobile-h)!important;min-height:var(--mh-final-header-mobile-h)!important;}
  .header .container{width:100%!important;max-width:100%!important;padding-inline:8px!important;}
  .header .nav{height:var(--mh-final-header-mobile-h)!important;min-height:var(--mh-final-header-mobile-h)!important;gap:6px!important;}
  .header .nav-links{display:none!important;}
  .header .brand{height:var(--mh-final-header-mobile-h)!important;flex:1 1 auto!important;max-width:calc(100vw - 112px)!important;gap:5px!important;overflow:hidden!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:56px!important;min-width:56px!important;max-width:56px!important;max-height:40px!important;}
  .header .brand span{font-size:12px!important;line-height:1.03!important;max-width:136px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
  .header .nav-actions{gap:6px!important;flex:0 0 auto!important;}
  .lang-ui-toggle{width:56px!important;min-width:56px!important;height:36px!important;font-size:.66rem!important;padding:0 18px 0 7px!important;}
  .lang-ui-toggle::after{right:7px!important;width:8px!important;height:5px!important;background-size:8px 5px!important;}
  .lang-ui-menu{top:calc(100% + 7px)!important;right:0!important;left:auto!important;min-width:112px!important;}
  .mobile-toggle{display:inline-grid!important;place-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:13px!important;margin:0!important;}
  .mobile-menu{top:var(--mh-final-header-mobile-h)!important;}
  html[dir="rtl"] .header .nav{flex-direction:row-reverse!important;direction:ltr!important;}
  html[dir="rtl"] .header .brand{direction:rtl!important;flex-direction:row!important;text-align:right!important;}
  /* Arabic mobile: menu button on the far left, language directly to its right. */
  html[dir="rtl"] .header .nav-actions{direction:ltr!important;flex-direction:row-reverse!important;justify-content:flex-start!important;}
  html[dir="rtl"] .lang-switcher-wrap{order:1!important;}
  html[dir="rtl"] .mobile-toggle{order:2!important;}
  html[dir="rtl"] .lang-ui-menu{left:0!important;right:auto!important;}
}
@media(max-width:390px){
  .header .container{padding-inline:6px!important;}
  .header .brand{max-width:calc(100vw - 104px)!important;gap:4px!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:50px!important;min-width:50px!important;max-width:50px!important;max-height:36px!important;}
  .header .brand span{font-size:10.8px!important;max-width:124px!important;}
  .lang-ui-toggle{width:52px!important;min-width:52px!important;height:34px!important;font-size:.62rem!important;}
  .mobile-toggle{width:34px!important;min-width:34px!important;height:34px!important;}
}
@media(max-width:340px){
  .header .brand{max-width:calc(100vw - 96px)!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:44px!important;min-width:44px!important;max-width:44px!important;max-height:34px!important;}
  .header .brand span{font-size:9.8px!important;max-width:110px!important;}
  .lang-ui-toggle{width:48px!important;min-width:48px!important;height:32px!important;}
  .mobile-toggle{width:32px!important;min-width:32px!important;height:32px!important;}
}


/* ===== USER REQUEST FINAL FIX: DESKTOP AR LANGUAGE LEFT + LOGO ALIGN + INSTANT BLUR ===== */
/* Desktop/laptop header: use grid so Arabic can place the language button at the far left of the menu/header predictably. */
@media (min-width:1081px){
  .header .nav{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-areas:"brand links actions"!important;
    align-items:center!important;
    justify-content:normal!important;
    gap:18px!important;
    direction:ltr!important;
  }
  .header .brand{grid-area:brand!important;justify-self:start!important;align-self:center!important;}
  .header .nav-links{grid-area:links!important;justify-self:center!important;align-self:center!important;}
  .header .nav-actions{grid-area:actions!important;justify-self:end!important;align-self:center!important;}
  html[dir="rtl"] .header .nav{
    grid-template-areas:"actions links brand"!important;
    direction:ltr!important;
  }
  html[dir="rtl"] .header .nav-actions{
    grid-area:actions!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    direction:ltr!important;
  }
  html[dir="rtl"] .header .nav-links{
    grid-area:links!important;
    justify-self:center!important;
    direction:rtl!important;
  }
  html[dir="rtl"] .header .brand{
    grid-area:brand!important;
    justify-self:end!important;
    direction:rtl!important;
    flex-direction:row!important;
  }
}

/* English logo: lift the logo about 3mm in both desktop and mobile without changing header height. */
html[dir="ltr"] .header .brand img,
html[dir="ltr"] .header .brand img[data-logo],
html[dir="ltr"] .header [data-logo]{
  transform:translateY(-3mm)!important;
}
/* Arabic keeps the existing centered visual balance. */
html[dir="rtl"] .header .brand img,
html[dir="rtl"] .header .brand img[data-logo],
html[dir="rtl"] .header [data-logo]{
  transform:none!important;
}

/* Keep all hero/badge glass effects blurred from the first paint, before scripts finish loading. */
.eyebrow,
.home-hero-photo .eyebrow,
.page-hero-photo .eyebrow,
.hero .eyebrow,
.page-hero .eyebrow{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.22)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
  transform:translateZ(0)!important;
  will-change:auto!important;
  transition:opacity .25s ease, transform .25s ease!important;
}
.home-hero-photo .eyebrow,
.page-hero-photo .eyebrow{
  color:#fff!important;
}
/* Other glass stat cards in page banners also start blurred immediately. */
.home-hero-photo .hero-floating,
.page-hero-photo .hero-stat-card,
.hero-stat-card,
.mini-stat{
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}


/* =========================================================
   MARHABA FINAL PATCH — HEADER NO-JUMP + LOGO ALIGN + INSTANT GLASS
   Requested: English logo 1.2mm lower than previous version,
   no header jump on refresh in EN/AR desktop/mobile, and hero badges blurred from first paint.
========================================================= */
:root{
  --mh-final-header-h:68px;
  --mh-final-header-mobile-h:54px;
  --mh-lang-desktop-w:78px;
  --mh-lang-mobile-w:56px;
  --mh-toggle-mobile-w:36px;
}
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
body{padding-top:var(--mh-final-header-h)!important;}
.header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
  height:var(--mh-final-header-h)!important;min-height:var(--mh-final-header-h)!important;
  z-index:2147483600!important;overflow:visible!important;
  transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;
  contain:layout style!important;
}
.header .container{height:100%!important;width:100%!important;max-width:var(--max)!important;margin-inline:auto!important;padding-inline:clamp(18px,2.4vw,32px)!important;}
@media (min-width:1081px){
  .header .nav{
    height:var(--mh-final-header-h)!important;min-height:var(--mh-final-header-h)!important;width:100%!important;
    display:grid!important;grid-template-columns:340px minmax(0,1fr) 86px!important;
    grid-template-areas:"brand links actions"!important;align-items:center!important;gap:18px!important;direction:ltr!important;
  }
  .header .brand{grid-area:brand!important;justify-self:start!important;width:340px!important;max-width:340px!important;height:var(--mh-final-header-h)!important;display:inline-flex!important;align-items:center!important;gap:10px!important;overflow:visible!important;direction:ltr!important;flex-direction:row!important;}
  .header .nav-links{grid-area:links!important;justify-self:center!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;direction:ltr!important;flex-direction:row!important;}
  .header .nav-actions{grid-area:actions!important;justify-self:end!important;width:86px!important;min-width:86px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;direction:ltr!important;}
  html[dir="rtl"] .header .nav{grid-template-areas:"actions links brand"!important;direction:ltr!important;}
  html[dir="rtl"] .header .brand{grid-area:brand!important;justify-self:end!important;direction:rtl!important;flex-direction:row!important;text-align:right!important;}
  html[dir="rtl"] .header .brand span{direction:rtl!important;text-align:right!important;}
  html[dir="rtl"] .header .nav-links{grid-area:links!important;justify-self:center!important;direction:rtl!important;flex-direction:row!important;}
  html[dir="rtl"] .header .nav-actions{grid-area:actions!important;justify-self:start!important;justify-content:flex-start!important;direction:ltr!important;}
}
.header .brand img,.header .brand img[data-logo],.header [data-logo]{
  width:72px!important;min-width:72px!important;max-width:72px!important;max-height:48px!important;height:auto!important;
  object-fit:contain!important;object-position:center!important;display:block!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-self:center!important;
}
.header .brand span{
  display:inline-block!important;white-space:nowrap!important;color:#0a3d28!important;font-weight:950!important;
  font-size:1.02rem!important;line-height:1!important;letter-spacing:-.035em!important;margin:0!important;padding:0!important;
  overflow:visible!important;text-overflow:clip!important;transform:none!important;align-self:center!important;
}
/* Logo alignment: previous version lifted English logo 3mm; this sets it 1.2mm lower. */
html[dir="ltr"] .header .brand img,html[dir="ltr"] .header .brand img[data-logo],html[dir="ltr"] .header [data-logo]{transform:translateY(-1.8mm)!important;}
html[dir="rtl"] .header .brand img,html[dir="rtl"] .header .brand img[data-logo],html[dir="rtl"] .header [data-logo]{transform:none!important;}
.header .nav-links a{
  height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  white-space:nowrap!important;padding:0 10px!important;min-width:86px!important;transform:none!important;transition:none!important;
}
.header .nav-links a:nth-child(3){min-width:104px!important;}
.header .nav-links a:nth-child(4){min-width:138px!important;}
.header .nav-links a:nth-child(6){min-width:96px!important;}
.header .nav-links a:nth-child(7){min-width:96px!important;}
.header .nav-links a:after{transition:none!important;}
.header .nav-actions,.header .nav-links,.header .brand,.header .brand span,.header .brand img,.lang-switcher-wrap,.lang-ui-toggle,.language-switcher,.mobile-toggle{transition:none!important;animation:none!important;}
/* Reserve exactly the same space before JS enhances the language selector, preventing refresh jump. */
.header .nav-actions > select.language-switcher{
  position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  width:var(--mh-lang-desktop-w)!important;min-width:var(--mh-lang-desktop-w)!important;max-width:var(--mh-lang-desktop-w)!important;height:42px!important;
  border-radius:999px!important;border:1px solid rgba(11,86,56,.15)!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,246,222,.92))!important;
  color:#073522!important;font-size:.76rem!important;font-weight:900!important;text-align:center!important;direction:ltr!important;
}
.lang-switcher-wrap{width:var(--mh-lang-desktop-w)!important;min-width:var(--mh-lang-desktop-w)!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;flex:0 0 auto!important;}
.lang-switcher-wrap select.language-switcher{position:absolute!important;opacity:0!important;visibility:hidden!important;width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;pointer-events:none!important;}
.lang-ui-toggle{width:var(--mh-lang-desktop-w)!important;min-width:var(--mh-lang-desktop-w)!important;height:42px!important;}
.lang-ui-toggle::before{content:none!important;display:none!important;}
.lang-ui-toggle::after{opacity:1!important;}
@media (max-width:1180px) and (min-width:1081px){
  .header .nav{grid-template-columns:260px minmax(0,1fr) 78px!important;gap:12px!important;}
  .header .brand{width:260px!important;max-width:260px!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:66px!important;min-width:66px!important;max-width:66px!important;max-height:44px!important;}
  .header .brand span{font-size:.9rem!important;}
  .header .nav-links a{font-size:.8rem!important;min-width:70px!important;padding:0 7px!important;}
  .header .nav-links a:nth-child(4){min-width:116px!important;}
}
@media (max-width:1080px){
  body{padding-top:var(--mh-final-header-mobile-h)!important;}
  .header{height:var(--mh-final-header-mobile-h)!important;min-height:var(--mh-final-header-mobile-h)!important;contain:layout style!important;}
  .header .container{height:100%!important;width:100%!important;max-width:100%!important;padding-inline:8px!important;}
  .header .nav{height:var(--mh-final-header-mobile-h)!important;min-height:var(--mh-final-header-mobile-h)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;flex-wrap:nowrap!important;direction:ltr!important;overflow:visible!important;}
  .header .nav-links{display:none!important;}
  .header .brand{height:var(--mh-final-header-mobile-h)!important;flex:1 1 auto!important;max-width:calc(100vw - 112px)!important;min-width:0!important;display:inline-flex!important;align-items:center!important;gap:5px!important;overflow:hidden!important;direction:ltr!important;flex-direction:row!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:56px!important;min-width:56px!important;max-width:56px!important;max-height:40px!important;}
  .header .brand span{font-size:12px!important;line-height:1.02!important;max-width:136px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
  .header .nav-actions{width:calc(var(--mh-lang-mobile-w) + var(--mh-toggle-mobile-w) + 6px)!important;min-width:calc(var(--mh-lang-mobile-w) + var(--mh-toggle-mobile-w) + 6px)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex:0 0 auto!important;direction:ltr!important;}
  .header .nav-actions > select.language-switcher{width:var(--mh-lang-mobile-w)!important;min-width:var(--mh-lang-mobile-w)!important;max-width:var(--mh-lang-mobile-w)!important;height:36px!important;font-size:.66rem!important;}
  .lang-switcher-wrap{width:var(--mh-lang-mobile-w)!important;min-width:var(--mh-lang-mobile-w)!important;height:36px!important;}
  .lang-ui-toggle{width:var(--mh-lang-mobile-w)!important;min-width:var(--mh-lang-mobile-w)!important;height:36px!important;font-size:.66rem!important;padding:0 18px 0 7px!important;}
  .mobile-toggle{display:inline-grid!important;place-items:center!important;width:var(--mh-toggle-mobile-w)!important;min-width:var(--mh-toggle-mobile-w)!important;height:36px!important;min-height:36px!important;border-radius:13px!important;margin:0!important;flex:0 0 auto!important;}
  .mobile-menu{top:var(--mh-final-header-mobile-h)!important;}
  html[dir="rtl"] .header .nav{direction:ltr!important;flex-direction:row-reverse!important;}
  html[dir="rtl"] .header .brand{direction:rtl!important;flex-direction:row!important;text-align:right!important;}
  html[dir="rtl"] .header .brand span{direction:rtl!important;text-align:right!important;}
  html[dir="rtl"] .header .nav-actions{direction:ltr!important;flex-direction:row-reverse!important;justify-content:flex-start!important;}
}
@media (max-width:390px){
  .header .container{padding-inline:6px!important;}
  .header .brand{max-width:calc(100vw - 104px)!important;gap:4px!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:50px!important;min-width:50px!important;max-width:50px!important;max-height:36px!important;}
  .header .brand span{font-size:10.8px!important;max-width:124px!important;}
}
@media (max-width:340px){
  .header .brand{max-width:calc(100vw - 96px)!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:44px!important;min-width:44px!important;max-width:44px!important;max-height:34px!important;}
  .header .brand span{font-size:9.8px!important;max-width:110px!important;}
  :root{--mh-lang-mobile-w:48px;--mh-toggle-mobile-w:32px;}
}
/* Glass badges/cards are blurred immediately, with no delayed filter transition. */
.eyebrow,.home-hero-photo .eyebrow,.page-hero-photo .eyebrow,.hero .eyebrow,.page-hero .eyebrow{
  background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.24)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  transform:translateZ(0)!important;will-change:auto!important;transition:none!important;isolation:isolate!important;
}
.home-hero-photo .hero-floating,.page-hero-photo .hero-stat-card,.hero-stat-card,.mini-stat,.market{
  backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;transition:none!important;
}


/* =========================================================
   MARHABA CORRECTION PATCH — DESKTOP HEADER SIZE + INSTANT GLASS
   This block overrides previous experimental header rules.
========================================================= */
:root{
  --mh-final-header-h:78px !important;
  --mh-final-header-mobile-h:54px !important;
  --mh-lang-desktop-w:82px !important;
}
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
body{padding-top:var(--mh-final-header-h)!important;}
.header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
  height:var(--mh-final-header-h)!important;min-height:var(--mh-final-header-h)!important;
  z-index:2147483600!important;overflow:visible!important;opacity:1!important;visibility:visible!important;
  transform:none!important;translate:none!important;background:rgba(255,255,255,.80)!important;
  backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;
  border-bottom:1px solid rgba(220,228,223,.72)!important;box-shadow:0 10px 28px rgba(7,42,27,.065)!important;
  contain:none!important;
}
.header .container{height:100%!important;width:min(100% - 48px,var(--max))!important;max-width:var(--max)!important;margin-inline:auto!important;padding-inline:0!important;}
@media(min-width:1081px){
  .header .nav{
    height:var(--mh-final-header-h)!important;min-height:var(--mh-final-header-h)!important;width:100%!important;
    display:grid!important;grid-template-columns:320px minmax(560px,1fr) 92px!important;
    grid-template-areas:"brand links actions"!important;align-items:center!important;gap:18px!important;direction:ltr!important;
  }
  .header .brand{grid-area:brand!important;justify-self:start!important;width:320px!important;max-width:320px!important;height:var(--mh-final-header-h)!important;display:inline-flex!important;align-items:center!important;gap:8px!important;overflow:visible!important;direction:ltr!important;flex-direction:row!important;}
  .header .nav-links{grid-area:links!important;justify-self:center!important;width:auto!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;direction:ltr!important;flex-direction:row!important;background:rgba(255,255,255,.38)!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:999px!important;padding:6px 10px!important;box-shadow:0 8px 22px rgba(7,42,27,.05)!important;}
  .header .nav-actions{grid-area:actions!important;justify-self:end!important;width:92px!important;min-width:92px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;direction:ltr!important;}
  html[dir="rtl"] .header .nav{grid-template-areas:"actions links brand"!important;direction:ltr!important;}
  html[dir="rtl"] .header .brand{grid-area:brand!important;justify-self:end!important;direction:rtl!important;flex-direction:row!important;text-align:right!important;}
  html[dir="rtl"] .header .brand span{direction:rtl!important;text-align:right!important;}
  html[dir="rtl"] .header .nav-links{grid-area:links!important;justify-self:center!important;direction:rtl!important;flex-direction:row!important;}
  html[dir="rtl"] .header .nav-actions{grid-area:actions!important;justify-self:start!important;justify-content:flex-start!important;direction:ltr!important;}
}
.header .brand img,.header .brand img[data-logo],.header [data-logo]{
  width:88px!important;min-width:88px!important;max-width:88px!important;max-height:58px!important;height:auto!important;
  object-fit:contain!important;object-position:center!important;display:block!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-self:center!important;
}
.header .brand span{display:inline-flex!important;align-items:center!important;color:#0a3d28!important;font-weight:950!important;font-size:1.08rem!important;line-height:1.05!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;margin:0!important;padding:0!important;transform:none!important;}
/* English logo align: only a very small lift, not clipped. */
html[dir="ltr"] .header .brand img,html[dir="ltr"] .header .brand img[data-logo],html[dir="ltr"] .header [data-logo]{transform:translateY(-0.6mm)!important;}
html[dir="rtl"] .header .brand img,html[dir="rtl"] .header .brand img[data-logo],html[dir="rtl"] .header [data-logo]{transform:none!important;}
.header .nav-links a{height:44px!important;min-width:82px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;font-size:.88rem!important;font-weight:850!important;transform:none!important;transition:none!important;border-radius:999px!important;}
.header .nav-links a:nth-child(3){min-width:96px!important;}
.header .nav-links a:nth-child(4){min-width:128px!important;}
.header .nav-links a:nth-child(6),.header .nav-links a:nth-child(7){min-width:90px!important;}
.header .nav-links a.active,.header .nav-links a[aria-current="page"]{background:rgba(255,255,255,.92)!important;box-shadow:0 6px 18px rgba(7,42,27,.07)!important;}
.header .nav-actions > select.language-switcher{position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:var(--mh-lang-desktop-w)!important;min-width:var(--mh-lang-desktop-w)!important;max-width:var(--mh-lang-desktop-w)!important;height:44px!important;border-radius:999px!important;}
.lang-switcher-wrap{width:var(--mh-lang-desktop-w)!important;min-width:var(--mh-lang-desktop-w)!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;flex:0 0 auto!important;}
.lang-ui-toggle{width:var(--mh-lang-desktop-w)!important;min-width:var(--mh-lang-desktop-w)!important;height:44px!important;font-size:.76rem!important;}
.header .nav-actions,.header .nav-links,.header .brand,.header .brand span,.header .brand img,.lang-switcher-wrap,.lang-ui-toggle,.language-switcher,.mobile-toggle{transition:none!important;animation:none!important;}
@media(max-width:1180px) and (min-width:1081px){
  .header .container{width:min(100% - 28px,var(--max))!important;}
  .header .nav{grid-template-columns:250px minmax(500px,1fr) 84px!important;gap:10px!important;}
  .header .brand{width:250px!important;max-width:250px!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:78px!important;min-width:78px!important;max-width:78px!important;max-height:52px!important;}
  .header .brand span{font-size:.93rem!important;}
  .header .nav-links{gap:5px!important;padding:5px 8px!important;}
  .header .nav-links a{font-size:.79rem!important;min-width:68px!important;padding:0 7px!important;height:42px!important;}
  .header .nav-links a:nth-child(4){min-width:112px!important;}
  .header .nav-links a:nth-child(3){min-width:86px!important;}
}
@media(max-width:1080px){
  body{padding-top:var(--mh-final-header-mobile-h)!important;}
  .header{height:var(--mh-final-header-mobile-h)!important;min-height:var(--mh-final-header-mobile-h)!important;}
  .header .container{width:100%!important;max-width:100%!important;padding-inline:8px!important;}
  .header .nav{height:var(--mh-final-header-mobile-h)!important;min-height:var(--mh-final-header-mobile-h)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;flex-wrap:nowrap!important;direction:ltr!important;}
  .header .brand{height:var(--mh-final-header-mobile-h)!important;flex:1 1 auto!important;max-width:calc(100vw - 112px)!important;min-width:0!important;display:inline-flex!important;align-items:center!important;gap:5px!important;overflow:hidden!important;direction:ltr!important;flex-direction:row!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:56px!important;min-width:56px!important;max-width:56px!important;max-height:40px!important;}
  .header .brand span{font-size:12px!important;line-height:1.02!important;max-width:136px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
  html[dir="ltr"] .header .brand img,html[dir="ltr"] .header .brand img[data-logo],html[dir="ltr"] .header [data-logo]{transform:translateY(-0.4mm)!important;}
  .header .nav-actions{width:calc(var(--mh-lang-mobile-w) + var(--mh-toggle-mobile-w) + 6px)!important;min-width:calc(var(--mh-lang-mobile-w) + var(--mh-toggle-mobile-w) + 6px)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex:0 0 auto!important;direction:ltr!important;}
  html[dir="rtl"] .header .nav{direction:ltr!important;flex-direction:row-reverse!important;}
  html[dir="rtl"] .header .brand{direction:rtl!important;flex-direction:row!important;text-align:right!important;}
  html[dir="rtl"] .header .brand span{direction:rtl!important;text-align:right!important;}
  html[dir="rtl"] .header .nav-actions{direction:ltr!important;flex-direction:row-reverse!important;justify-content:flex-start!important;}
}
/* Real instant glass: pseudo layer is active before any JS/reveal class, and no delayed transition can change it. */
.eyebrow,.home-hero-photo .eyebrow,.page-hero-photo .eyebrow,.hero .eyebrow,.page-hero .eyebrow{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
  background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.28)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 28px rgba(0,0,0,.10)!important;
  transform:translateZ(0)!important;transition:none!important;will-change:auto!important;
}
.eyebrow::before,.home-hero-photo .eyebrow::before,.page-hero-photo .eyebrow::before,.hero .eyebrow::before,.page-hero .eyebrow::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;
  background:rgba(255,255,255,.10)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;
}
.home-hero-photo .eyebrow,.page-hero-photo .eyebrow{color:#fff!important;}
.hero-floating,.home-hero-photo .hero-floating,.page-hero-photo .hero-stat-card,.hero-stat-card,.mini-stat,.market,.contact-hero-glass-card{
  backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;transition:none!important;
}


/* =========================================================
   FINAL USER FIX V2 — Arabic mobile menu visible + polished button + language label sync
   This block is intentionally last so older header overrides cannot hide the menu button.
========================================================= */
@media (max-width:1080px){
  :root{
    --mh-final-header-mobile-h:58px;
    --mh-lang-mobile-w:58px;
    --mh-toggle-mobile-w:42px;
  }
  body{padding-top:var(--mh-final-header-mobile-h)!important;}
  .header{
    height:var(--mh-final-header-mobile-h)!important;
    min-height:var(--mh-final-header-mobile-h)!important;
    overflow:visible!important;
  }
  .header .container{
    height:100%!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .header .nav{
    width:100%!important;
    height:var(--mh-final-header-mobile-h)!important;
    min-height:var(--mh-final-header-mobile-h)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  .header .brand{
    order:0!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100vw - 128px)!important;
    height:var(--mh-final-header-mobile-h)!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  .header .brand img,
  .header .brand img[data-logo],
  .header [data-logo]{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    max-height:39px!important;
    object-fit:contain!important;
  }
  html[dir="ltr"] .header .brand img,
  html[dir="ltr"] .header .brand img[data-logo],
  html[dir="ltr"] .header [data-logo]{
    transform:translateY(-1.2mm)!important;
  }
  .header .brand span{
    font-size:11.5px!important;
    line-height:1.05!important;
    max-width:138px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .header .nav-actions{
    order:0!important;
    flex:0 0 auto!important;
    width:calc(var(--mh-lang-mobile-w) + var(--mh-toggle-mobile-w) + 8px)!important;
    min-width:calc(var(--mh-lang-mobile-w) + var(--mh-toggle-mobile-w) + 8px)!important;
    max-width:calc(var(--mh-lang-mobile-w) + var(--mh-toggle-mobile-w) + 8px)!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  .header .lang-switcher-wrap{
    width:var(--mh-lang-mobile-w)!important;
    min-width:var(--mh-lang-mobile-w)!important;
    height:38px!important;
    flex:0 0 var(--mh-lang-mobile-w)!important;
  }
  .header .nav-actions > select.language-switcher{
    width:var(--mh-lang-mobile-w)!important;
    min-width:var(--mh-lang-mobile-w)!important;
    max-width:var(--mh-lang-mobile-w)!important;
    height:38px!important;
    font-size:11px!important;
    text-align:center!important;
    direction:ltr!important;
  }
  .header .lang-switcher-wrap select.language-switcher{
    position:absolute!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    width:1px!important;
    min-width:1px!important;
    height:1px!important;
  }
  .header .lang-ui-toggle{
    width:var(--mh-lang-mobile-w)!important;
    min-width:var(--mh-lang-mobile-w)!important;
    max-width:var(--mh-lang-mobile-w)!important;
    height:38px!important;
    border-radius:15px!important;
    padding:0 18px 0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.04em!important;
    direction:ltr!important;
  }
  .header .mobile-toggle{
    order:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    width:var(--mh-toggle-mobile-w)!important;
    min-width:var(--mh-toggle-mobile-w)!important;
    max-width:var(--mh-toggle-mobile-w)!important;
    height:38px!important;
    min-height:38px!important;
    flex:0 0 var(--mh-toggle-mobile-w)!important;
    margin:0!important;
    padding:0!important;
    border-radius:15px!important;
    border:1px solid rgba(255,255,255,.60)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,246,224,.72))!important;
    box-shadow:0 10px 24px rgba(6,49,31,.16), inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .header .mobile-toggle::before,
  .header .mobile-toggle::after,
  .header .mobile-toggle span{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    display:block!important;
    width:18px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#0b5638!important;
    box-shadow:0 1px 0 rgba(255,255,255,.40)!important;
    transform:translateX(-50%)!important;
    opacity:1!important;
  }
  .header .mobile-toggle::before{top:12px!important;}
  .header .mobile-toggle span:first-child{top:18px!important;}
  .header .mobile-toggle span:nth-child(2){display:none!important;}
  .header .mobile-toggle::after{top:24px!important;}
  .header .mobile-toggle.active::before{top:18px!important;transform:translateX(-50%) rotate(45deg)!important;}
  .header .mobile-toggle.active span:first-child{opacity:0!important;}
  .header .mobile-toggle.active::after{top:18px!important;transform:translateX(-50%) rotate(-45deg)!important;}
  .header .mobile-menu{
    top:var(--mh-final-header-mobile-h)!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,248,230,.56))!important;
    border:1px solid rgba(255,255,255,.62)!important;
    box-shadow:0 18px 45px rgba(6,49,31,.18)!important;
    backdrop-filter:blur(18px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;
  }
  html[dir="rtl"] .header .nav{
    direction:ltr!important;
    flex-direction:row-reverse!important;
  }
  html[dir="rtl"] .header .brand{
    order:0!important;
    direction:rtl!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    text-align:right!important;
  }
  html[dir="rtl"] .header .brand span{
    text-align:right!important;
    direction:rtl!important;
  }
  html[dir="rtl"] .header .nav-actions{
    order:0!important;
    direction:ltr!important;
    flex-direction:row!important;
    justify-content:flex-end!important;
    margin:0!important;
  }
  html[dir="rtl"] .header .mobile-toggle{
    order:0!important;
    display:inline-flex!important;
  }
  html[dir="rtl"] .header .lang-switcher-wrap,
  html[dir="rtl"] .header .language-switcher,
  html[dir="rtl"] .header .lang-ui-toggle{
    order:0!important;
    direction:ltr!important;
    text-align:center!important;
  }
}
@media (max-width:390px){
  .header .brand span{font-size:10.5px!important;max-width:112px!important;}
  .header .brand img,.header .brand img[data-logo],.header [data-logo]{width:49px!important;min-width:49px!important;max-width:49px!important;}
}

/* =========================================================
   USER FINAL PATCH — AR MOBILE ORDER + STRONGER MOBILE MENU BLUR
   Requested: in Arabic mobile view, menu button must be to the LEFT of the language button,
   and the opened mobile menu must be much more blurred so it does not mix with the image behind.
========================================================= */
@media (max-width:1080px){
  /* Stronger glass / blur for the opened mobile menu */
  .mobile-menu{
    background:rgba(255,255,255,.82)!important;
    backdrop-filter:blur(34px) saturate(185%)!important;
    -webkit-backdrop-filter:blur(34px) saturate(185%)!important;
    border-top:1px solid rgba(219,228,223,.88)!important;
    border-bottom:1px solid rgba(219,228,223,.88)!important;
    box-shadow:0 24px 60px rgba(7,42,27,.13)!important;
  }

  /* Nicer, cleaner mobile menu button */
  .mobile-toggle{
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,250,247,.92))!important;
    border:1px solid rgba(11,86,56,.16)!important;
    box-shadow:0 10px 24px rgba(7,42,27,.08)!important;
    backdrop-filter:blur(14px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(160%)!important;
  }
  .mobile-toggle span{
    background:#0a3d28!important;
  }

  /* Arabic mobile: menu button on the far left, language button immediately to its right */
  html[dir="rtl"] .header .nav-actions{
    direction:ltr!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:6px!important;
  }
  html[dir="rtl"] .header .nav-actions > .mobile-toggle{
    order:1!important;
  }
  html[dir="rtl"] .header .nav-actions > .lang-switcher-wrap,
  html[dir="rtl"] .header .nav-actions > .language-switcher{
    order:2!important;
  }
  html[dir="rtl"] .header .nav-actions > .lang-switcher-wrap,
  html[dir="rtl"] .header .nav-actions > .language-switcher,
  html[dir="rtl"] .header .nav-actions > .mobile-toggle{
    margin:0!important;
  }
}

/* =========================================================
   USER FINAL PATCH V2 — MUCH STRONGER MOBILE MENU BLUR + SYMMETRIC SIDE SPACING
   Requested: make the mobile menu much more blurred so the background is not visible,
   and keep equal spacing from left and right sides.
========================================================= */
@media (max-width:1080px){
  .mobile-menu{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    padding:14px 18px 20px!important;
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(48px) saturate(200%)!important;
    -webkit-backdrop-filter:blur(48px) saturate(200%)!important;
    border:1px solid rgba(220,228,223,.96)!important;
    border-radius:18px!important;
    box-shadow:0 28px 70px rgba(7,42,27,.16)!important;
    overflow:hidden!important;
  }
  .mobile-menu::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:rgba(255,255,255,.20)!important;
    backdrop-filter:blur(48px) saturate(200%)!important;
    -webkit-backdrop-filter:blur(48px) saturate(200%)!important;
    pointer-events:none!important;
    z-index:-1!important;
  }
}

/* =========================================================
   USER FINAL PATCH V3 — EXTRA MOBILE MENU BLUR + TRUE CENTERING
   Requested: a bit more blur so background is not visible,
   and the mobile menu panel must be truly centered with equal left/right spacing.
========================================================= */
@media (max-width:1080px){
  .mobile-menu{
    position:fixed!important;
    top:calc(var(--mh-final-header-mobile-h) + 10px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:14px 18px 20px!important;
    background:rgba(255,255,255,.965)!important;
    backdrop-filter:blur(56px) saturate(210%)!important;
    -webkit-backdrop-filter:blur(56px) saturate(210%)!important;
    border:1px solid rgba(220,228,223,.98)!important;
    border-radius:18px!important;
    box-shadow:0 30px 76px rgba(7,42,27,.18)!important;
    overflow:hidden!important;
  }
  .mobile-menu::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:rgba(255,255,255,.26)!important;
    backdrop-filter:blur(56px) saturate(210%)!important;
    -webkit-backdrop-filter:blur(56px) saturate(210%)!important;
    pointer-events:none!important;
    z-index:-1!important;
  }
}

/* =========================================================
   USER FINAL PATCH V4 — CLEAN MOBILE MENU CENTER FIX
   Requested: mobile menu must be neat, centered, and never overflow outside the screen.
   This block is intentionally the last override.
========================================================= */
@media (max-width:1080px){
  .header,
  .header .container,
  .header .nav{
    overflow:visible!important;
  }

  .mobile-menu,
  .mobile-menu.active{
    position:fixed!important;
    top:calc(var(--mh-final-header-mobile-h) + 10px)!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;
    max-width:420px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:14px 16px 18px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(60px) saturate(210%)!important;
    -webkit-backdrop-filter:blur(60px) saturate(210%)!important;
    border:1px solid rgba(220,228,223,.98)!important;
    box-shadow:0 30px 76px rgba(7,42,27,.18)!important;
    overflow:hidden!important;
    z-index:2147483599!important;
  }

  .mobile-menu::before,
  .mobile-menu.active::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:rgba(255,255,255,.28)!important;
    backdrop-filter:blur(60px) saturate(210%)!important;
    -webkit-backdrop-filter:blur(60px) saturate(210%)!important;
    pointer-events:none!important;
    z-index:-1!important;
  }

  .mobile-menu a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:44px!important;
    padding:12px 14px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-radius:12px!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:break-word!important;
  }

  .mobile-menu a + a{
    margin-top:6px!important;
  }

  html[dir="rtl"] .mobile-menu,
  html[dir="rtl"] .mobile-menu.active{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    text-align:right!important;
    direction:rtl!important;
  }

  html[dir="rtl"] .mobile-menu a{
    text-align:right!important;
    justify-content:flex-start!important;
  }
}

/* =========================================================
   USER FINAL PATCH V5 — GLASSIER MOBILE MENU WITH HEAVY BLUR
   Requested: mobile menu should not look fully white; make it glassy,
   while keeping strong blur and clean centered layout.
========================================================= */
@media (max-width:1080px){
  .mobile-menu,
  .mobile-menu.active{
    background:linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.44))!important;
    backdrop-filter:blur(62px) saturate(215%)!important;
    -webkit-backdrop-filter:blur(62px) saturate(215%)!important;
    border:1px solid rgba(255,255,255,.38)!important;
    box-shadow:
      0 28px 72px rgba(7,42,27,.16)!important,
      inset 0 1px 0 rgba(255,255,255,.34)!important;
  }

  .mobile-menu::before,
  .mobile-menu.active::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.14))!important;
    backdrop-filter:blur(62px) saturate(215%)!important;
    -webkit-backdrop-filter:blur(62px) saturate(215%)!important;
    pointer-events:none!important;
    z-index:-1!important;
  }

  .mobile-menu a{
    background:rgba(255,255,255,.18)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    backdrop-filter:blur(18px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  }

  .mobile-menu a:hover,
  .mobile-menu a:focus-visible{
    background:rgba(255,255,255,.28)!important;
  }
}

/* =========================================================
   USER FINAL PATCH V6 — WIDER TABLET / LARGE-MOBILE MENU PANEL
   Requested: on tablet and similar widths, the opened mobile menu should be wider
   and come closer to the page sides while staying centered and neat.
========================================================= */
@media (min-width:481px) and (max-width:1080px){
  .mobile-menu,
  .mobile-menu.active{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(calc(100vw - 20px), 860px)!important;
    max-width:min(calc(100vw - 20px), 860px)!important;
    padding:16px 18px 20px!important;
    border-radius:20px!important;
  }
}

@media (min-width:768px) and (max-width:1080px){
  .mobile-menu,
  .mobile-menu.active{
    width:min(calc(100vw - 28px), 900px)!important;
    max-width:min(calc(100vw - 28px), 900px)!important;
    padding:18px 22px 22px!important;
    border-radius:22px!important;
  }

  .mobile-menu a{
    min-height:50px!important;
    padding:14px 18px!important;
    font-size:1rem!important;
  }
}

/* =========================================================
   USER FINAL PATCH V7 — RAISE HEADER LOGO 1MM IN EN + AR
   Requested: move the header logo 1mm upward in both English and Arabic.
========================================================= */
.header .brand img,
.header .brand img[data-logo],
.header [data-logo]{
  transform:translateY(-1mm)!important;
}

/* =========================================================
   USER FINAL PATCH V8 — RAISE HEADER LOGO 1MM MORE
   Requested: move the header logo 1mm higher than the current version.
========================================================= */
.header .brand img,
.header .brand img[data-logo],
.header [data-logo]{
  transform:translateY(-2mm)!important;
}

/* =========================================================
   USER FINAL PATCH V9 — FORCE HEADER LOGO VISUALLY HIGHER
   Requested: the logo still did not move up; force the header logo higher.
   Use position/top instead of relying only on transform.
========================================================= */
.header .nav > .brand > img[data-logo],
.header .nav > .brand > img,
header.header .brand > img[data-logo],
header.header .brand > img{
  position:relative!important;
  top:-4px!important;
  transform:none!important;
}

/* =========================================================
   USER FINAL PATCH V10 — MOBILE ENGLISH LOGO UP 0.75MM + FULL BRAND TEXT
   Requested: in mobile English view, move the logo 0.75mm higher and make sure
   the full "Marhaba Foodstuff" text is visible.
========================================================= */
@media (max-width:1080px){
  html[dir="ltr"] .header .nav > .brand > img[data-logo],
  html[dir="ltr"] .header .nav > .brand > img,
  html[dir="ltr"] header.header .brand > img[data-logo],
  html[dir="ltr"] header.header .brand > img{
    position:relative!important;
    top:calc(-4px + 0.75mm)!important;
    transform:none!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    max-height:39px!important;
  }
  html[dir="ltr"] .header .brand{
    max-width:calc(100vw - 124px)!important;
    gap:5px!important;
    overflow:visible!important;
  }
  html[dir="ltr"] .header .brand span{
    font-size:11px!important;
    line-height:1.02!important;
    max-width:172px!important;
    letter-spacing:-.05em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media (max-width:390px){
  html[dir="ltr"] .header .brand{
    max-width:calc(100vw - 118px)!important;
  }
  html[dir="ltr"] .header .brand span{
    font-size:10.2px!important;
    max-width:142px!important;
  }
}

/* =========================================================
   USER FINAL PATCH V11 — MOBILE ENGLISH LOGO UP 1.2MM + BRAND TEXT SLIGHTLY BIGGER
   Requested: in mobile English view, move the logo 1.2mm upward and make
   "Marhaba Foodstuff" a little bigger.
========================================================= */
@media (max-width:1080px){
  html[dir="ltr"] .header .nav > .brand > img[data-logo],
  html[dir="ltr"] .header .nav > .brand > img,
  html[dir="ltr"] header.header .brand > img[data-logo],
  html[dir="ltr"] header.header .brand > img{
    position:relative!important;
    top:calc(-4px - 1.2mm)!important;
    transform:none!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    max-height:39px!important;
  }
  html[dir="ltr"] .header .brand{
    max-width:calc(100vw - 124px)!important;
    gap:5px!important;
    overflow:visible!important;
  }
  html[dir="ltr"] .header .brand span{
    font-size:11.4px!important;
    line-height:1.02!important;
    max-width:174px!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media (max-width:390px){
  html[dir="ltr"] .header .brand{
    max-width:calc(100vw - 118px)!important;
  }
  html[dir="ltr"] .header .brand span{
    font-size:10.5px!important;
    max-width:146px!important;
  }
}

/* =========================================================
   USER FINAL PATCH V12 — MOBILE ENGLISH LOGO DOWN 0.7MM + BRAND TEXT A BIT BIGGER
   Requested: in mobile English view, move the logo 0.7mm lower than the current version
   and make "Marhaba Foodstuff" a little bigger.
========================================================= */
@media (max-width:1080px){
  html[dir="ltr"] .header .nav > .brand > img[data-logo],
  html[dir="ltr"] .header .nav > .brand > img,
  html[dir="ltr"] header.header .brand > img[data-logo],
  html[dir="ltr"] header.header .brand > img{
    position:relative!important;
    top:calc(-4px - 0.5mm)!important;
    transform:none!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    max-height:39px!important;
  }
  html[dir="ltr"] .header .brand{
    max-width:calc(100vw - 124px)!important;
    gap:5px!important;
    overflow:visible!important;
  }
  html[dir="ltr"] .header .brand span{
    font-size:11.8px!important;
    line-height:1.02!important;
    max-width:178px!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media (max-width:390px){
  html[dir="ltr"] .header .brand{
    max-width:calc(100vw - 118px)!important;
  }
  html[dir="ltr"] .header .brand span{
    font-size:10.8px!important;
    max-width:150px!important;
  }
}


/* =========================================================
   MARHABA STABILITY + PERFORMANCE FIX 2026-05
   Fixes production cache/race issues: language selector duplication,
   mobile menu glass background, no horizontal overflow, and stable media loading.
========================================================= */
html, body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
*, *::before, *::after{ box-sizing:border-box!important; }

/* Hide the native select completely. Only the custom glass button is visible.
   This prevents mobile/desktop from showing EN + native dropdown/options together. */
.header .nav-actions > select.language-switcher,
.lang-switcher-wrap > select.language-switcher,
select.language-switcher[data-final-enhanced="1"]{
  position:absolute!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  z-index:-1!important;
}

/* Stable custom language selector */
.lang-switcher-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  min-width:58px!important;
  height:38px!important;
  flex:0 0 58px!important;
  z-index:2147483604!important;
  direction:ltr!important;
}
.lang-ui-toggle{
  width:58px!important;
  min-width:58px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(11,86,56,.16)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,246,222,.88))!important;
  color:#073522!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  line-height:1!important;
  padding:0!important;
  box-shadow:0 10px 24px rgba(7,42,27,.08)!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.lang-ui-toggle::after{
  content:""!important;
  width:8px!important;
  height:5px!important;
  margin-left:6px!important;
  background:no-repeat center/8px 5px url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23073522' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  opacity:.85!important;
}
.lang-ui-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  min-width:124px!important;
  display:none!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:7px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 18px 44px rgba(7,42,27,.16)!important;
  backdrop-filter:blur(22px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(170%)!important;
  z-index:2147483606!important;
}
.lang-switcher-wrap.open .lang-ui-menu{display:flex!important;}
.lang-ui-option{
  width:100%!important;
  height:36px!important;
  border:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.62)!important;
  color:#073522!important;
  font-size:.84rem!important;
  font-weight:850!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  text-align:center!important;
}
.lang-ui-option.active,
.lang-ui-option:hover{background:rgba(241,247,243,.92)!important;}
html[dir="rtl"] .lang-ui-menu{left:0!important;right:auto!important;}

/* Stable mobile header + menu */
@media(max-width:1080px){
  :root{--mh-final-header-mobile-h:58px!important;}
  body{padding-top:var(--mh-final-header-mobile-h)!important;}
  .header{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    height:var(--mh-final-header-mobile-h)!important;
    min-height:var(--mh-final-header-mobile-h)!important;
    overflow:visible!important;
    z-index:2147483000!important;
  }
  .header .container{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .header .nav{
    height:100%!important;
    min-height:var(--mh-final-header-mobile-h)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
  }
  .header .brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100vw - 128px)!important;
    overflow:visible!important;
  }
  .header .brand span{
    max-width:155px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  .header .nav-actions{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    overflow:visible!important;
    flex:0 0 108px!important;
  }
  .mobile-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:15px!important;
    border:1px solid rgba(255,255,255,.60)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,246,224,.72))!important;
    box-shadow:0 10px 24px rgba(6,49,31,.16), inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .mobile-menu,
  .mobile-menu.active{
    position:fixed!important;
    top:calc(var(--mh-final-header-mobile-h) + 10px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;
    max-width:460px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:14px 16px 18px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.42))!important;
    border:1px solid rgba(255,255,255,.44)!important;
    box-shadow:0 28px 72px rgba(7,42,27,.16), inset 0 1px 0 rgba(255,255,255,.34)!important;
    backdrop-filter:blur(34px) saturate(185%)!important;
    -webkit-backdrop-filter:blur(34px) saturate(185%)!important;
    z-index:2147482999!important;
    overflow:hidden!important;
    direction:ltr!important;
  }
  .mobile-menu{display:none!important;}
  .mobile-menu.active{display:block!important;}
  .mobile-menu a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:44px!important;
    padding:12px 14px!important;
    margin:0!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.20)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    backdrop-filter:blur(14px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(150%)!important;
    color:#073522!important;
    font-weight:850!important;
    text-align:left!important;
  }
  .mobile-menu a + a{margin-top:6px!important;}
  html[dir="rtl"] .header .nav{flex-direction:row-reverse!important;direction:ltr!important;}
  html[dir="rtl"] .header .nav-actions{flex-direction:row!important;justify-content:flex-start!important;direction:ltr!important;}
  html[dir="rtl"] .mobile-toggle{order:1!important;}
  html[dir="rtl"] .lang-switcher-wrap{order:2!important;}
  html[dir="rtl"] .mobile-menu{direction:rtl!important;text-align:right!important;}
  html[dir="rtl"] .mobile-menu a{text-align:right!important;}
}

/* Prevent cropped hero/text caused by horizontal overflow on mobile. */
@media(max-width:720px){
  .container{width:min(100% - 24px,var(--max))!important;margin-inline:auto!important;}
  .hero-content, .hero h1, .hero p, .lead{max-width:100%!important;}
  .hero h1{
    font-size:clamp(2.1rem, 10vw, 3.15rem)!important;
    overflow-wrap:normal!important;
  }
}

/* While admin settings are being fetched, do not flash old admin images. */
html.mh-settings-loading img[data-img-key],
html.mh-settings-loading .image-card img,
html.mh-settings-loading .product-image img{
  opacity:0!important;
}
img[data-img-key], .image-card img, .product-image img{
  transition:opacity .18s ease!important;
}
img[data-img-key].loaded, .image-card img.loaded, .product-image img.loaded{
  opacity:1!important;
}


/* Do not flash old hero/admin-uploaded background while server image settings are loading. */
html.mh-settings-loading .hero,
html.mh-settings-loading .home-hero-photo,
html.mh-settings-loading .page-hero,
html.mh-settings-loading .about-hero,
html.mh-settings-loading .products-hero,
html.mh-settings-loading .supply-hero,
html.mh-settings-loading .markets-hero,
html.mh-settings-loading .quality-hero,
html.mh-settings-loading .contact-hero{
  background-image:
    radial-gradient(circle at 18% 12%, rgba(201,162,77,.16), transparent 30%),
    radial-gradient(circle at 82% 20%, rgba(15,95,61,.18), transparent 34%),
    linear-gradient(135deg,#082418 0%,#0b5638 100%)!important;
}