
*{box-sizing:border-box}
body{margin:0;background:#FBF8F3}
img{max-width:100%}
a{color:#7F603B}a:hover{color:#3B2B22}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.cta{transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.cta:hover,.cta:focus-visible{background-color:#7E8A74 !important;border-color:#7E8A74 !important;color:#FBF8F3 !important}
.nav-link{transition:color .2s ease}
.nav-link:hover{color:#7E8A74 !important}
.wa-float{transition:transform .2s ease,background-color .2s ease}
.wa-float:hover{transform:scale(1.06);background-color:#1EBE5A !important}
.card-zoom img{transition:transform .5s ease}
.card-zoom:hover img{transform:scale(1.03)}
.thumb{transition:opacity .2s ease}
.thumb:hover{opacity:.85}
:focus-visible{outline:2px solid #7E8A74;outline-offset:3px}
.menu-toggle{display:none}
[hidden]{display:none !important}
@media (max-width: 1180px){
  header nav .nav-link{display:none}
  header nav.open .nav-link{display:block;width:100%;padding:6px 0}
  header nav{width:auto}
  header nav.open{width:100%;flex-direction:column;align-items:flex-start !important}
  .menu-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #3B2B22;border-radius:2px;padding:10px 14px;font:500 13px Roboto,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#3B2B22;cursor:pointer}
  header img{height:52px !important}
}
@media (max-width: 560px){
  .wa-float{right:16px !important;bottom:16px !important}
  [style*="right: -16px"]{right:0 !important}
  [style*="left: -16px"]{left:0 !important}
}
