.contact-page{background:#f8faf7;color:#12212a}
.contact-page .site-header{padding-inline:max(24px,calc((100vw - 1320px)/2))}
.contact-page .primary-nav{gap:clamp(14px,2vw,28px)}
.contact-hero{min-height:345px;background:#f8f8f3 url('../images/order-hero.png') center 55%/cover no-repeat;position:relative;isolation:isolate;overflow:hidden}
.contact-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8f8f3 0%,rgba(248,248,243,.99) 36%,rgba(248,248,243,.88) 49%,rgba(248,248,243,.38) 66%,rgba(248,248,243,.03) 100%)}
.contact-hero__inner{width:min(1240px,calc(100% - 64px));min-height:345px;margin:auto;display:flex;align-items:center;padding:32px 0}
.contact-hero__copy{max-width:760px}
.eyebrow{display:inline-block;padding:5px 12px;border-radius:999px;background:#e6f1e1;color:#215b31;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em}
.contact-hero h1{margin:10px 0 10px;color:#121f25;font-size:clamp(42px,5vw,60px);line-height:.98;letter-spacing:-1.8px}
.contact-hero h1 em,.contact-cta h2 em{color:#17613b;font-style:normal}
.contact-hero__copy>p{max-width:570px;margin:0;color:#27343a;font-size:15px;line-height:1.55}
.contact-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;max-width:735px}
.contact-benefit{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:9px}
.benefit-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e8f3e2;color:#155c35}
.benefit-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact-benefit strong,.contact-benefit small{display:block}
.contact-benefit strong{font-size:12px;line-height:1.25}
.contact-benefit small{margin-top:2px;color:#5c6668;font-size:11px;line-height:1.3}
.contact-section{padding:18px 0}
.contact-layout{width:min(1240px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.form-card,.details-card{min-width:0;padding:22px;border:1px solid #e7ece7;border-radius:13px;background:#fff;box-shadow:0 4px 18px rgba(19,52,34,.035)}
.form-card h2,.details-card h2{margin:0;color:#14232a;font-size:25px;line-height:1.2;letter-spacing:-.5px}
.card-intro{margin:3px 0 15px;color:#68716f;font-size:13px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-card label{display:block;min-width:0;color:#26343a;font-size:12px;font-weight:700}
.form-card input,.form-card select,.form-card textarea{display:block;width:100%;min-height:43px;margin-top:5px;padding:10px 12px;border:1px solid #d6dfd8;border-radius:8px;background:#fff;color:#1c2c30;font:inherit;font-size:13px;font-weight:400;outline:none;transition:border-color .15s,box-shadow .15s}
.form-card input::placeholder,.form-card textarea::placeholder{color:#929a9b}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#398151;box-shadow:0 0 0 3px rgba(57,129,81,.12)}
.message-label{margin-top:13px}
.form-card textarea{min-height:112px;resize:vertical}
.form-card .button{min-width:190px;margin-top:12px;border:0;font-family:inherit;cursor:pointer}
.form-card .button:disabled{cursor:wait}
.privacy-note{margin:8px 0 0;color:#78817e;font-size:10px;line-height:1.35}
.form-feedback{margin:12px 0 0;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.4}
.form-feedback.is-success{border:1px solid #c8e3cc;background:#eff8ef;color:#225f35}
.form-feedback.is-error{border:1px solid #f0cccc;background:#fff3f1;color:#8d3029}
.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.details-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;background:#f2f7ef;border-color:#e7efe3}
.details-copy h2{margin-bottom:15px}
.detail-item{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 13px}
.detail-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c8ddc6;border-radius:50%;background:#fbfdf9;color:#17613b}
.detail-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.detail-item strong,.detail-item a,.detail-item>div>span,.detail-item small{display:block}
.detail-item strong{font-size:12px;line-height:1.25}
.detail-item a,.detail-item>div>span{margin-top:2px;color:#1d653d;font-size:13px;font-weight:600;line-height:1.35}
.detail-item a:hover{text-decoration:underline}
.detail-item small{margin-top:2px;color:#67736e;font-size:10px;line-height:1.35}
.delivery-note{margin-top:14px;padding-top:11px;border-top:1px solid #dce8d9}
.delivery-note strong{font-size:11px}.delivery-note p{margin:4px 0 0;color:#64716a;font-size:10px;line-height:1.4}
.map-card{align-self:center;overflow:hidden;border:1px solid #e3ebe1;border-radius:10px;background:#fff}
.map-visual{height:230px;overflow:hidden;background:#edf3e9}
.map-visual iframe{display:block;width:100%;height:100%;border:0}
.map-caption{padding:10px 12px 12px}
.map-caption strong{font-size:11px}.map-caption p{margin:3px 0 0;color:#68716e;font-size:10px;line-height:1.4}
.contact-cta{position:relative;isolation:isolate;overflow:hidden;min-height:182px;color:#fff;background:#071b11 url('../images/business-hero.png') center 57%/cover no-repeat}
.contact-cta:before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,rgba(3,18,10,.93),rgba(4,18,11,.78) 52%,rgba(4,18,11,.35))}
.contact-cta__inner{width:min(1240px,calc(100% - 64px));min-height:182px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0}
.contact-cta h2{margin:0;font-size:clamp(27px,3.5vw,39px);line-height:1.08;letter-spacing:-.8px;color:#fff}
.contact-cta h2 em{color:#8bd064}
.contact-cta p{margin:8px 0 0;color:#f0f4ee;font-size:13px}
.button-light{flex-shrink:0;min-width:195px;background:#fff;color:#16522f}.button-light:hover{background:#eaf4e5;transform:translateY(-1px)}
.contact-page .site-footer{width:100%}
@media(max-width:1050px){
  .contact-page .primary-nav{gap:12px}.contact-layout{grid-template-columns:1fr}.details-card{min-height:300px}.contact-hero__inner,.contact-layout,.contact-cta__inner{width:calc(100% - 48px)}
}
@media(max-width:760px){
  .contact-page .site-header{padding-inline:18px}.contact-hero{min-height:0;background-position:62% center}.contact-hero:before{background:linear-gradient(90deg,rgba(248,248,243,.98),rgba(248,248,243,.94) 52%,rgba(248,248,243,.62))}.contact-hero__inner,.contact-layout,.contact-cta__inner{width:calc(100% - 36px)}.contact-hero__inner{min-height:0;padding:34px 0 27px}.contact-hero h1{font-size:clamp(40px,10vw,54px)}.contact-hero__copy>p{font-size:14px}.contact-benefits{gap:10px;margin-top:17px}.contact-benefit{grid-template-columns:38px minmax(0,1fr);gap:7px}.benefit-icon{width:38px;height:38px}.benefit-icon svg{width:23px;height:23px}.contact-benefit strong{font-size:11px}.contact-benefit small{font-size:10px}.contact-section{padding:14px 0}.form-card,.details-card{padding:18px}.details-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.map-visual{height:220px}.contact-cta__inner{min-height:170px}
}
@media(max-width:560px){
  .contact-benefits{grid-template-columns:1fr;gap:11px;max-width:330px}.contact-benefit{grid-template-columns:42px minmax(0,1fr)}.benefit-icon{width:42px;height:42px}.form-grid{grid-template-columns:1fr;gap:10px}.details-card{grid-template-columns:1fr}.details-copy h2{margin-bottom:12px}.map-card{width:100%}.map-visual{height:205px}.contact-cta__inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:16px;padding:27px 0}.contact-cta .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.contact-page *, .contact-page *:before,.contact-page *:after{scroll-behavior:auto!important;transition:none!important}}
