:root{
  /* RUOS ORGANICS MASTER BRAND PALETTE — sampled from the RUOS logo */
  --forest:#062A14;
  --forest-deep:#031B0D;
  --forest-mid:#104826;
  --forest-soft:#E8F0E8;
  --cream:#F5EFE4;
  --cream-light:#FFF9F0;
  --gold:#A7924D;
  --gold-light:#D2B85E;
  --gold-deep:#806A2B;
  --earth:#765A3B;
  --ink:#132018;
  --muted:#59645D;
  --line:#DCCFB8;
  --white:#FFFFFF;
  --shadow:0 24px 70px rgba(3,27,13,.16);
  --shadow-sm:0 12px 36px rgba(3,27,13,.10);
  --radius:24px;
  --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream-light);line-height:1.6;-webkit-font-smoothing:antialiased} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin:0 0 .6em;color:var(--forest-deep)} h1{font-size:clamp(3.35rem,7.7vw,7.2rem);letter-spacing:-.05em} h2{font-size:clamp(2.25rem,4.5vw,4.35rem);letter-spacing:-.035em} h3{font-size:1.45rem} p{margin:.65em 0 1.1em}.container{width:min(calc(100% - 36px),var(--max));margin:auto}.skip{position:absolute;left:-999px;top:10px;background:#fff;padding:10px 14px;z-index:99}.skip:focus{left:10px}.topbar{background:var(--gold);color:var(--forest-deep);font-size:.78rem;border-bottom:1px solid rgba(3,27,13,.18);font-weight:780}.topbar .container{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:38px}.topbar a{color:var(--forest-deep);font-weight:900}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,42,20,.97);backdrop-filter:blur(14px);border-bottom:3px solid var(--gold);box-shadow:0 8px 24px rgba(3,27,13,.12)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand img{height:58px;width:auto;background:var(--cream-light);padding:5px 10px;border-radius:10px;border:1px solid rgba(210,184,94,.55)}.menu{display:flex;align-items:center;gap:23px;font-weight:780;font-size:.93rem;color:var(--cream-light)}.menu a{position:relative}.menu a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--gold);transition:.25s}.menu a:hover:after,.menu a[aria-current="page"]:after{right:0}.nav-toggle{display:none;border:0;background:transparent;width:44px;height:44px}.nav-toggle span{display:block;height:2px;background:var(--gold-light);margin:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:999px;font-weight:850;border:1px solid transparent;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--forest);color:#fff;border-color:var(--gold)}.btn-primary:hover{background:var(--forest-mid)}.site-header .btn-primary{background:var(--gold);color:var(--forest-deep);border-color:var(--gold)}.site-header .btn-primary:hover{background:var(--gold-light)}.btn-gold{background:var(--gold);color:var(--forest-deep)}.btn-gold:hover{background:var(--gold-light)}.btn-outline{border-color:rgba(6,42,20,.26);background:rgba(255,255,255,.25);color:var(--forest)}.btn-outline-light{border-color:rgba(255,255,255,.66);color:#fff;background:rgba(255,255,255,.06)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:950;color:var(--gold-deep);margin-bottom:15px}.eyebrow.light{color:var(--gold-light)}
.hero{min-height:770px;position:relative;display:grid;align-items:center;overflow:hidden;background:var(--forest-deep)}.hero-media,.hero-media img,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(3,27,13,.985) 0%,rgba(6,42,20,.93) 46%,rgba(6,42,20,.43) 100%)}.hero:after{content:"";position:absolute;inset:auto -10% -31% 36%;height:58%;background:radial-gradient(circle,rgba(167,146,77,.42),transparent 68%);pointer-events:none}.hero-content{position:relative;z-index:2;color:#fff;padding:110px 0 92px;max-width:1040px}.hero h1{color:#fff;max-width:900px}.hero h1 span{color:var(--gold-light)}.hero p{max-width:750px;font-size:1.17rem;color:#e7f0ea}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:58px;background:rgba(210,184,94,.28);border:1px solid rgba(210,184,94,.27);border-radius:20px;overflow:hidden;max-width:950px}.proof div{background:rgba(3,27,13,.68);padding:18px 20px}.proof strong{display:block;color:var(--gold-light);font-size:.9rem}.proof span{font-size:.78rem;color:#e2ece6}.section{padding:100px 0}.soft{background:linear-gradient(180deg,var(--cream),#F8F2E8)}.deep{background:var(--forest-deep);color:#fff}.deep h2,.deep h3{color:#fff}.deep p{color:#d7e4dc}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lead{font-size:1.12rem;color:var(--muted)}.card{background:var(--cream-light);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);border-bottom:4px solid rgba(167,146,77,.55)}.card.gold-top{border-top:5px solid var(--gold)}.card p{color:var(--muted)}.service-card{background:rgba(255,250,241,.075);border:1px solid rgba(210,184,94,.27);border-radius:22px;padding:28px}.service-card .num{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--forest-deep);font-weight:950;margin-bottom:21px}.service-card ul,.clean-list{list-style:none;padding:0;margin:18px 0 0}.service-card li,.clean-list li{padding:8px 0;border-top:1px solid rgba(210,184,94,.18)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.stat{background:var(--cream);border:1px solid var(--line);padding:22px;border-radius:18px}.stat b{font-family:Georgia,serif;font-size:2rem;color:var(--forest)}.stat span{display:block;color:var(--muted);font-size:.86rem}.image-frame{border-radius:28px;overflow:hidden;border:5px solid var(--cream-light);outline:2px solid var(--gold);box-shadow:var(--shadow)}.image-frame img{width:100%;aspect-ratio:4/3;object-fit:cover}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:24px 0 30px}.feature-list span{position:relative;padding-left:25px;font-weight:760;color:var(--forest)}.feature-list span:before{content:"✓";position:absolute;left:0;color:var(--gold-deep)}.callout{background:var(--forest);color:#fff;border-radius:28px;padding:34px;border-bottom:6px solid var(--gold)}.callout h3{color:#fff}.callout p{color:#d9e6de}.band{background:linear-gradient(110deg,var(--forest-deep),var(--forest-mid));color:#fff;padding:60px 0;border-top:6px solid var(--gold);border-bottom:6px solid var(--gold)}.band .container{display:flex;align-items:center;justify-content:space-between;gap:34px}.band h2{color:#fff;margin:0;max-width:810px}.page-hero{padding:96px 0 74px;background:linear-gradient(125deg,var(--forest-deep),var(--forest-mid));color:#fff;border-bottom:6px solid var(--gold);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:rgba(167,146,77,.16);right:-180px;top:-180px}.page-hero h1{font-size:clamp(3rem,7vw,6.1rem);color:#fff;max-width:950px}.page-hero p{max-width:750px;color:#dbe7e0;font-size:1.12rem}.breadcrumb{font-size:.78rem;color:var(--gold-light);text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:18px}.commodity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.commodity{background:var(--cream-light);border:1px solid var(--line);border-radius:20px;padding:24px;min-height:165px;display:flex;flex-direction:column;justify-content:space-between}.commodity b{font-family:Georgia,serif;font-size:1.25rem;color:var(--forest)}.commodity small{color:var(--muted)}.process{display:grid;gap:16px}.process-step{display:grid;grid-template-columns:58px 1fr;gap:20px;align-items:start}.process-step .num{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--gold-light);font-weight:950;border:2px solid var(--gold)}.notice{background:var(--cream);border:1px solid var(--line);border-left:5px solid var(--gold);padding:18px 20px;border-radius:14px;color:var(--earth)}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)} table{width:100%;border-collapse:collapse;background:var(--cream-light)} th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);vertical-align:top} th{background:var(--forest);color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.forms-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-card{background:var(--cream-light);padding:30px;border-radius:26px;border:1px solid var(--line);border-top:6px solid var(--gold);box-shadow:var(--shadow-sm)}.form-card h2{font-size:2rem}.form-card form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:850;color:var(--forest)}.form-card label.full,.form-card .full{grid-column:1/-1}.form-card input,.form-card select,.form-card textarea{border:1px solid #d8ccb3;border-radius:12px;padding:12px 13px;background:#fffdf8;color:var(--ink);outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px rgba(167,146,77,.15)}.hidden{position:absolute!important;left:-9999px!important}.contact-stack{display:grid;gap:14px}.contact-item{padding:18px 0;border-top:1px solid var(--line)}.contact-item small{display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--earth);font-size:.7rem}.contact-item strong{color:var(--forest);font-size:1.06rem}.footer{background:var(--forest-deep);color:#d1ded6;padding:54px 0 22px;border-top:7px solid var(--gold)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:48px}.footer img{height:66px;background:var(--cream-light);padding:5px;border-radius:10px;margin-bottom:14px}.footer h4{color:#fff;font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.footer nav,.footer-contact{display:grid;gap:8px}.footer a:hover{color:var(--gold-light)}.footer-bottom{border-top:1px solid rgba(210,184,94,.22);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:.78rem;color:#aebdb4}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:40;background:var(--forest-mid);color:#fff;border:2px solid #fff;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:950;box-shadow:0 12px 35px rgba(0,0,0,.24)}.whatsapp:hover{transform:translateY(-2px)}.js .reveal{opacity:0;transform:translateY(13px);transition:.65s}.js .reveal.visible{opacity:1;transform:none}.legal{max-width:860px}.legal h2{font-size:2rem;margin-top:1.6em}.legal h3{font-size:1.25rem;margin-top:1.4em}.legal p,.legal li{color:#4e5d56}
@media(max-width:1020px){.menu{gap:15px;font-size:.86rem}.grid-4,.commodity-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.grid-2,.forms-grid{grid-template-columns:1fr}.proof{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.band .container{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.topbar{display:none}.nav{height:72px}.brand img{height:47px}.nav-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:14px;right:14px;background:var(--forest-deep);border:1px solid rgba(210,184,94,.45);border-top:4px solid var(--gold);border-radius:18px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a{padding:7px 3px}.menu .btn{text-align:center}.hero{min-height:720px}.hero-overlay{background:linear-gradient(90deg,rgba(3,27,13,.98),rgba(6,42,20,.76))}.hero-content{padding:86px 0 70px}.proof,.grid-4,.commodity-grid,.grid-3,.stats,.feature-list,.footer-grid{grid-template-columns:1fr}.section{padding:76px 0}.form-card form{grid-template-columns:1fr}.form-card label,.form-card label.full,.form-card .full{grid-column:1}.page-hero{padding:72px 0 56px}.footer-bottom{flex-direction:column}.whatsapp{width:54px;height:54px}.band h2{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}

/* Strong RUOS brand treatment */

.section:not(.deep):not(.soft){background:var(--cream-light)}
.deep{background:linear-gradient(135deg,var(--forest-deep),var(--forest) 58%,var(--forest-mid));border-top:1px solid rgba(210,184,94,.2);border-bottom:1px solid rgba(210,184,94,.2)}
.page-hero{background:linear-gradient(125deg,var(--forest-deep),var(--forest) 60%,var(--forest-mid))}
.page-hero:before{content:"RUOS";position:absolute;right:3%;bottom:-20%;font-family:Georgia,serif;font-size:clamp(8rem,20vw,18rem);font-weight:900;letter-spacing:-.07em;color:rgba(210,184,94,.065);pointer-events:none}
.callout{background:linear-gradient(145deg,var(--forest),var(--forest-deep));border:1px solid rgba(210,184,94,.35);border-bottom:7px solid var(--gold)}
.band{background:linear-gradient(100deg,var(--forest-deep),var(--forest),var(--forest-mid));}
.footer{background:linear-gradient(145deg,var(--forest-deep),var(--forest-deep));}
@media(max-width:760px){.menu{color:var(--cream-light)}.menu a:not(.btn){color:var(--cream-light)}.site-header .brand img{height:48px}.nav{height:76px}.menu{top:76px}}


/* Revision: gold used as accent, not structure; no legacy colours; visible focus */
.topbar{background:var(--forest-deep);color:var(--cream);border-bottom:1px solid rgba(210,184,94,.25);font-weight:700}
.topbar a{color:var(--gold-light)}
.site-header{border-bottom:1px solid rgba(210,184,94,.55)}
.band{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold)}
.footer{border-top:2px solid var(--gold)}
.callout{border-bottom-width:4px}
.form-card{border-top-width:4px}
.card{border-bottom-width:1px}
.card.gold-top{border-top:3px solid var(--gold)}
.hero-media img{object-position:center top}
.hero-overlay{background:linear-gradient(0deg,var(--forest-deep) 0,rgba(3,27,13,0) 34%),linear-gradient(90deg,rgba(3,27,13,.97) 0%,rgba(6,42,20,.88) 48%,rgba(6,42,20,.38) 100%)}
.proof{background:rgba(210,184,94,.3)}
.proof div{background:rgba(3,27,13,.82)}
.image-frame img{aspect-ratio:1200/770;object-fit:cover}
.btn-outline{border-color:rgba(6,42,20,.55);background:transparent}
.btn-outline:hover{background:var(--forest);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}
@media(max-width:760px){.hero-overlay{background:linear-gradient(0deg,var(--forest-deep) 0,rgba(3,27,13,0) 30%),linear-gradient(90deg,rgba(3,27,13,.97),rgba(6,42,20,.8))}}


/* ================================================
   RUOS PROFESSIONAL CORPORATE HEADER — OCT 2026
   Clean single-tier navigation. Contact details live
   in the footer/contact page, not above the main menu.
   ================================================ */
.topbar{display:none!important}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,249,240,.97);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(3,27,13,.12);
  box-shadow:0 8px 28px rgba(3,27,13,.07)
}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{
  height:64px;
  width:auto;
  background:transparent;
  padding:0;
  border:0;
  border-radius:0
}
.menu{
  display:flex;
  align-items:center;
  gap:24px;
  font-weight:730;
  font-size:.91rem;
  color:var(--forest-deep)
}
.menu a{position:relative;color:var(--forest-deep)}
.menu a:not(.btn):after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-10px;
  height:2px;
  background:var(--gold);
  transition:.25s
}
.menu a:hover:after,.menu a[aria-current="page"]:after{right:0}
.site-header .btn-primary{
  background:var(--forest);
  color:var(--cream-light);
  border:1px solid var(--forest);
  padding:12px 18px;
  box-shadow:0 8px 20px rgba(3,27,13,.12)
}
.site-header .btn-primary:hover{
  background:var(--forest-mid);
  color:#fff;
  border-color:var(--gold)
}
.nav-toggle{display:none;border:1px solid rgba(3,27,13,.16);background:var(--cream);border-radius:12px;width:46px;height:46px}
.nav-toggle span{display:block;height:2px;background:var(--forest);margin:6px 10px}
@media(max-width:1080px){
  .menu{gap:16px;font-size:.84rem}
  .site-header .btn-primary{padding:11px 14px}
}
@media(max-width:760px){
  .nav{height:78px}
  .brand img{height:52px}
  .nav-toggle{display:block}
  .menu{
    display:none;
    position:absolute;
    top:78px;
    left:14px;
    right:14px;
    background:var(--cream-light);
    color:var(--forest-deep);
    border:1px solid var(--line);
    border-top:3px solid var(--gold);
    border-radius:16px;
    padding:16px;
    box-shadow:var(--shadow);
    flex-direction:column;
    align-items:stretch
  }
  .menu.open{display:flex}
  .menu a,.menu a:not(.btn){color:var(--forest-deep);padding:8px 5px}
  .menu a:not(.btn):after{bottom:2px}
  .menu .btn{text-align:center;margin-top:5px;color:var(--cream-light)}
}



/* =========================================================
   RUOS FORM EXPERIENCE — branded commercial enquiry system
   ========================================================= */
.section.soft{
  background:
    radial-gradient(circle at 88% 12%,rgba(167,146,77,.10),transparent 26%),
    linear-gradient(180deg,#F1F4EC 0%,var(--cream) 100%);
}
.forms-grid{gap:28px}
.form-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,var(--cream-light) 0%,#F8F2E7 100%);
  border:1px solid rgba(128,106,43,.32);
  border-top:5px solid var(--gold);
  box-shadow:0 18px 50px rgba(3,27,13,.11);
}
.form-card:before{
  content:"";
  position:absolute;
  width:190px;height:190px;border-radius:50%;
  right:-95px;top:-105px;
  background:rgba(167,146,77,.10);
  pointer-events:none;
}
.form-card h2{
  color:var(--forest-deep);
  position:relative;
}
.form-card > p{
  color:var(--muted);
  position:relative;
}
.form-card form{position:relative}
.form-card label{
  color:var(--forest-deep);
  letter-spacing:.01em;
}
.form-card input,
.form-card select,
.form-card textarea{
  background:#FFFCF6;
  border:1px solid #CCBEA2;
  color:var(--ink);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.form-card input:hover,
.form-card select:hover,
.form-card textarea:hover{
  border-color:rgba(6,42,20,.45);
}
.form-card input:focus,
.form-card select:focus,
.form-card textarea:focus{
  background:#fff;
  border-color:var(--forest-mid);
  box-shadow:0 0 0 3px rgba(167,146,77,.22);
}
.form-card .btn-primary{
  min-height:50px;
  background:var(--forest);
  color:var(--cream-light);
  border:1px solid var(--gold);
  box-shadow:0 9px 22px rgba(3,27,13,.14);
}
.form-card .btn-primary:hover{
  background:var(--forest-mid);
  border-color:var(--gold-light);
}
.contact-stack{
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:20px;
  padding:7px 20px;
}
.contact-item:first-child{border-top:0}
.callout{
  box-shadow:0 18px 46px rgba(3,27,13,.16);
}
@media(max-width:760px){
  .form-card{padding:23px 19px;border-radius:20px}
  .form-card form{grid-template-columns:1fr}
  .form-card label.full,.form-card .full{grid-column:1}
}

/* RUOS haulage enhancements */
.feature-list{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:11px}
.feature-list li{position:relative;padding-left:27px;color:inherit}
.feature-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:800}
.deep .feature-list li:before{color:var(--gold-light)}
#haulage-form{scroll-margin-top:95px}
#haulage-form .contact-stack{margin-top:24px}

/* WhatsApp floating action button — positioned above hosting overlays */
a.whatsapp{
  position:fixed!important;right:22px!important;bottom:92px!important;z-index:9999!important;
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;
  border-radius:50%!important;background:#25D366!important;color:#fff!important;
  border:3px solid #F7F3EB!important;box-shadow:0 12px 28px rgba(3,24,11,.28)!important;
  text-decoration:none!important;font-size:0!important;line-height:1!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
a.whatsapp:hover{transform:translateY(-3px) scale(1.04)!important;box-shadow:0 15px 34px rgba(3,24,11,.34)!important;filter:saturate(1.05)!important}
a.whatsapp:focus-visible{outline:3px solid #C9AA52!important;outline-offset:4px!important}
a.whatsapp .whatsapp-icon{width:34px!important;height:34px!important;display:block!important}
@media(max-width:760px){
  a.whatsapp{right:16px!important;bottom:86px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}
  a.whatsapp .whatsapp-icon{width:31px!important;height:31px!important}
}


/* =========================================================
   RUOS CLEAN NAVIGATION — reduced crowding, stronger hierarchy
   ========================================================= */
.site-header .nav{
  height:86px;
  gap:24px;
}
.site-header .brand img{
  height:58px;
}
.site-header .menu{
  gap:20px;
  font-size:.90rem;
  font-weight:760;
  white-space:nowrap;
}
.site-header .menu > a:not(.btn){
  padding:8px 0;
}
.site-header .menu .btn{
  padding:11px 17px;
}

/* Work With Us dropdown */
.nav-group{
  position:relative;
  color:var(--forest-deep);
}
.nav-group summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:8px 18px 8px 0;
  color:var(--forest-deep);
  font-weight:760;
  user-select:none;
}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:after{
  content:"";
  position:absolute;
  right:1px;
  top:50%;
  width:7px;
  height:7px;
  border-right:2px solid var(--gold-deep);
  border-bottom:2px solid var(--gold-deep);
  transform:translateY(-68%) rotate(45deg);
  transition:transform .2s ease;
}
.nav-group[open] summary:after{
  transform:translateY(-28%) rotate(225deg);
}
.nav-group summary:before{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-2px;
  height:2px;
  background:var(--gold);
  transition:.25s;
}
.nav-group:hover summary:before,
.nav-group[open] summary:before,
.nav-group.current summary:before{
  right:18px;
}
.nav-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  min-width:210px;
  padding:10px;
  border-radius:14px;
  background:var(--cream-light);
  border:1px solid rgba(3,27,13,.12);
  border-top:3px solid var(--gold);
  box-shadow:0 18px 40px rgba(3,27,13,.14);
  display:grid;
  gap:3px;
  z-index:80;
}
.nav-dropdown a{
  display:block;
  padding:11px 12px!important;
  border-radius:9px;
  color:var(--forest-deep)!important;
}
.nav-dropdown a:after{display:none!important}
.nav-dropdown a:hover,
.nav-dropdown a[aria-current="page"]{
  background:rgba(155,125,55,.10);
  color:var(--forest)!important;
}
.nav-group summary:focus-visible{
  outline:3px solid var(--gold-light);
  outline-offset:4px;
  border-radius:4px;
}

/* Earlier switch to the mobile menu prevents crowding on tablets/smaller laptops. */
@media(max-width:980px){
  .site-header .nav{height:78px}
  .site-header .brand img{height:50px}
  .site-header .nav-toggle{display:block}
  .site-header .menu{
    display:none;
    position:absolute;
    top:78px;
    left:14px;
    right:14px;
    background:var(--cream-light);
    color:var(--forest-deep);
    border:1px solid var(--line);
    border-top:3px solid var(--gold);
    border-radius:16px;
    padding:16px;
    box-shadow:var(--shadow);
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    white-space:normal;
  }
  .site-header .menu.open{display:flex}
  .site-header .menu > a:not(.btn){
    color:var(--forest-deep);
    padding:10px 7px;
  }
  .site-header .menu .btn{
    margin-top:8px;
    text-align:center;
  }
  .nav-group{
    width:100%;
  }
  .nav-group summary{
    padding:10px 26px 10px 7px;
  }
  .nav-group summary:before{display:none}
  .nav-dropdown{
    position:static;
    min-width:0;
    margin:2px 0 4px 12px;
    padding:4px 0 4px 12px;
    border:0;
    border-left:2px solid var(--gold);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .nav-dropdown a{
    padding:9px 10px!important;
  }
}

/* FINAL CLEAN-UP */
.text-link{display:inline-block;margin-top:18px;color:var(--gold-light);font-weight:850;text-decoration:none}.text-link:hover{text-decoration:underline}.section-intro{max-width:760px;margin-bottom:28px}.enquiry-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:8px;background:rgba(6,42,20,.06);border:1px solid var(--line);border-radius:18px;margin-bottom:24px}.enquiry-tab{appearance:none;border:1px solid transparent;background:transparent;color:var(--forest);font:inherit;font-weight:850;padding:12px 18px;border-radius:12px;cursor:pointer;transition:.2s ease}.enquiry-tab:hover{background:rgba(155,125,55,.10)}.enquiry-tab.active,.enquiry-tab[aria-selected="true"]{background:var(--forest);color:var(--cream-light);border-color:var(--gold);box-shadow:0 8px 20px rgba(3,27,13,.12)}.enquiry-panel{max-width:920px;margin:0 auto}.enquiry-panel[hidden]{display:none!important}.enquiry-panel .form-card{margin:0}.enquiry-panel .form-card>p{max-width:720px}a.whatsapp{position:fixed!important;right:20px!important;bottom:88px!important;z-index:9999!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:50%!important;background:#25D366!important;border:3px solid #F7F3EB!important;box-shadow:0 12px 30px rgba(3,24,11,.30)!important;font-size:0!important;line-height:0!important;overflow:hidden!important}a.whatsapp img{width:34px!important;height:34px!important;display:block!important;object-fit:contain!important}a.whatsapp:hover{transform:translateY(-3px) scale(1.04)!important}@media(max-width:760px){.enquiry-tabs{display:grid;grid-template-columns:1fr 1fr}.enquiry-tab{text-align:center;padding:11px 8px}a.whatsapp{right:15px!important;bottom:82px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}a.whatsapp img{width:31px!important;height:31px!important}}


/* FINAL WhatsApp icon fix — inline SVG, no external asset required */
a.whatsapp{
  background:#25D366!important;
  color:#fff!important;
}
a.whatsapp .whatsapp-icon,
a.whatsapp svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  visibility:visible!important;
  opacity:1!important;
}
a.whatsapp svg path{
  fill:#fff!important;
}
@media(max-width:760px){
  a.whatsapp .whatsapp-icon,
  a.whatsapp svg{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }
}

/* Buyer page image replacement */
.buyer-callout{
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.buyer-callout .feature-list{
  margin-top:18px;
}