:root{--green:#224c2a;--green2:#2f6f3b;--gold:#d59a33;--tan:#f4ecdf;--dark:#161616;--muted:#68625b;--white:#fff;--shadow:0 18px 45px rgba(0,0,0,.18);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}.top{background:var(--green);color:#fff;font-size:14px}.wrap{max-width:1160px;margin:auto;padding:0 20px}.top .wrap{display:flex;gap:16px;justify-content:space-between;align-items:center;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}.nav{position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 4px 18px rgba(0,0,0,.08)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.03em}.brand img{width:118px;height:82px}.brand span{font-size:22px;color:var(--green)}.menu{display:flex;gap:18px;align-items:center;font-weight:700;font-size:14px}.menu a{padding:8px;border-radius:10px}.menu a:hover,.menu a.active{background:var(--tan);color:var(--green)}.hamb{display:none;background:var(--green);color:#fff;border:0;border-radius:10px;padding:10px 12px;font-weight:800}.hero{background:linear-gradient(110deg,rgba(34,76,42,.94),rgba(34,76,42,.68)),url('../img/hero-yard.svg');background-size:cover;background-position:center;color:#fff}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;min-height:530px;padding-top:70px;padding-bottom:70px}.eyebrow{color:#ffe2a4;text-transform:uppercase;font-weight:900;letter-spacing:.12em;font-size:13px}h1{font-size:clamp(38px,6vw,68px);line-height:.98;margin:12px 0 18px}h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 16px;color:var(--green)}h3{font-size:23px;margin:0 0 8px}.lead{font-size:20px;max-width:640px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;background:var(--gold);color:#1b1408;border:0;border-radius:999px;padding:13px 20px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.16);cursor:pointer}.btn.alt{background:#fff;color:var(--green)}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.hero .card{color:var(--dark)}.section{padding:70px 0}.tan{background:var(--tan)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product{overflow:hidden;padding:0}.product img{width:100%;height:210px;object-fit:cover;display:block;background:#eee}.product .inside{padding:22px}.pill{display:inline-block;background:#e9f3eb;color:var(--green);font-weight:800;border-radius:999px;padding:7px 12px;font-size:13px;margin:4px 4px 4px 0}.loc{border-left:6px solid var(--gold)}.footer{background:#162118;color:#fff;padding:36px 0}.footer a{text-decoration:underline}.pagehead{background:linear-gradient(110deg,var(--green),#3f7d45);color:#fff;padding:54px 0}.pagehead h1{font-size:48px;margin:0}.pagehead p{font-size:19px;margin:10px 0 0}.items{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.item{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.item img{width:180px;height:130px;object-fit:cover;border-radius:18px;background:#eee}.calc{max-width:760px}.field{margin:14px 0}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #cbc4bb;border-radius:12px;font-size:16px}.result{font-size:26px;font-weight:900;color:var(--green);background:#e8f4ea;border-radius:16px;padding:18px;margin-top:18px}.note{color:var(--muted)}.quote-form{display:grid;gap:12px}.quote-form input,.quote-form select,.quote-form textarea{padding:13px;border:1px solid #ccc;border-radius:12px;font-size:16px}.banner-img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);background:#eee}.smallcaps{text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--gold)}@media(max-width:850px){.hamb{display:block}.menu{display:none;position:absolute;left:0;right:0;top:86px;background:#fff;padding:16px 20px;box-shadow:0 18px 30px rgba(0,0,0,.16);flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero .wrap,.grid2,.grid3,.items{grid-template-columns:1fr}.hero .wrap{min-height:auto}.item{grid-template-columns:1fr}.item img{width:100%;height:190px}.top .wrap{justify-content:center;text-align:center}.brand span{font-size:18px}.pagehead h1{font-size:38px}}
.brand img{object-fit:contain;background:white;border-radius:8px;padding:2px;}
.product img,.item img,.banner-img{object-fit:cover;}
.item img{width:180px;height:130px;border-radius:18px;}
.brand span{display:none;}
/* Logo readability update */
.brand img{width:128px;height:88px;object-fit:contain;background:white;border-radius:10px;padding:3px;}
.nav .wrap{padding-top:10px;padding-bottom:10px;}
@media(max-width:850px){.brand img{width:108px;height:74px}.menu{top:94px}}

/* Production fix: larger readable Mulch Man logo */
.brand img{
  width:256px !important;
  height:176px !important;
  max-width:256px !important;
  object-fit:contain !important;
  background:#fff !important;
  border-radius:12px !important;
  padding:4px !important;
}
.nav .wrap{padding-top:10px !important;padding-bottom:10px !important;}
.menu{flex-wrap:wrap;justify-content:flex-end;}
@media(max-width:850px){
  .brand img{width:170px !important;height:117px !important;max-width:170px !important;}
  .menu{top:137px !important;}
}
@media(max-width:430px){
  .brand img{width:150px !important;height:103px !important;max-width:150px !important;}
  .hamb{padding:9px 10px;font-size:13px;}
}

/* v4 production header: large readable logo without oversized white band */
.nav .wrap{
  padding-top:6px !important;
  padding-bottom:6px !important;
  min-height:0 !important;
}
.brand{
  gap:10px !important;
  line-height:0 !important;
  flex:0 0 auto !important;
}
.brand img{
  width:240px !important;
  height:auto !important;
  max-width:240px !important;
  max-height:84px !important;
  object-fit:contain !important;
  background:#fff !important;
  border-radius:8px !important;
  padding:0 !important;
  display:block !important;
}
.menu{
  gap:12px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
}
.menu a{padding:7px 8px !important;}
@media(max-width:850px){
  .nav .wrap{padding-top:6px !important;padding-bottom:6px !important;}
  .brand img{width:178px !important;height:auto !important;max-width:178px !important;max-height:62px !important;}
  .menu{top:74px !important;}
}
@media(max-width:430px){
  .brand img{width:158px !important;max-width:158px !important;max-height:55px !important;}
  .hamb{padding:8px 10px !important;font-size:13px !important;}
  .menu{top:67px !important;}
}

/* v5 mobile phone header: compact tap-to-call icons */
.top-phones{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;}
.phone-icon{display:none;}
@media(max-width:850px){
  .top .wrap{gap:6px;padding-top:7px;padding-bottom:7px;}
  .top .wrap > div:first-child{font-size:12px;line-height:1.15;}
  .top-phones{width:100%;justify-content:center;gap:8px;margin-top:2px;}
  .top-phones .phone-text,.top-phones .phone-sep{display:none!important;}
  .phone-icon{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#fff;color:var(--green);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900;line-height:1;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.12);}
  .phone-icon span{font-size:13px;line-height:1;}
  .phone-icon b{font-size:12px;line-height:1;}
}
@media(max-width:380px){
  .top .wrap > div:first-child{display:none;}
  .phone-icon{padding:6px 8px;font-size:11px;}
  .phone-icon b{font-size:11px;}
}

/* v6 production correction: compact call-icon buttons are mobile-header only.
   Desktop/tablet shows normal phone text in the green top bar. */
@media (min-width: 851px) {
  .top-phones .phone-icon {
    display: none !important;
    visibility: hidden !important;
  }
  .top-phones .phone-text,
  .top-phones .phone-sep {
    display: inline !important;
    visibility: visible !important;
  }
}
@media (max-width: 850px) {
  .top-phones .phone-icon {
    display: inline-flex !important;
    visibility: visible !important;
  }
  .top-phones .phone-text,
  .top-phones .phone-sep {
    display: none !important;
    visibility: hidden !important;
  }
}

/* v7 quote page fix: desktop shows normal phone text; call buttons stay mobile-only. Contact page unchanged. */
.quote-desktop-phones{display:block;font-weight:700;color:var(--green);background:#e8f4ea;border-radius:14px;padding:13px 14px}.quote-desktop-phones a{text-decoration:underline}.quote-call-mobile{display:none!important}@media(max-width:850px){.quote-desktop-phones{display:none!important}.quote-call-mobile{display:inline-block!important}}