: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;
  }
}