.contact-shell{
  width:100%;
  max-width:none;
  margin:0 0 34px;
  padding:0;
  display:grid;
  gap:18px;
}
.contact-hero{
  min-height:340px;
  width:100%;
  border-radius:0;
  padding:28px;
  color:#fff;
  background:
    linear-gradient(135deg, rgba(7,88,43,.62), rgba(10,57,33,.58)),
    url("../../slot3/emerald-charge.png") center/cover no-repeat;
  animation:none;
}
.hero-overlay{max-width:1260px;margin:0 auto}
.contact-badge{
  margin:0 0 8px;
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  background:rgba(255,255,255,.2);
}
.contact-copy h1{margin:0 0 8px;font-size:42px;line-height:1.08}
.contact-copy p{margin:0;font-size:18px;line-height:1.5;color:rgba(255,255,255,.93)}
@keyframes heroPan{
  0%{background-position:center center}
  100%{background-position:center 20%}
}

.contact-grid{
  max-width:1260px;
  margin:0 auto;
  padding:0 18px;
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:14px;
}
.contact-card{
  border-radius:16px;
  background:#fff;
  padding:20px;
}
.contact-card h2{margin:0 0 10px;color:#0c6538}
.contact-card ul{margin:0;padding-left:18px;display:grid;gap:9px;color:#2d4336}

.contact-form{display:grid;gap:10px}
.contact-form input,.contact-form textarea{
  width:100%;
  border:1px solid #ccd8d0;
  border-radius:12px;
  padding:11px 12px;
  font:inherit;
}
.contact-form button{
  min-height:44px;
  border:none;
  border-radius:12px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(180deg,#8ad218,#66b510);
  cursor:pointer;
}
#contact-status{margin:0;color:#496254;font-weight:700}

.comfort-section{
  max-width:1260px;
  margin:0 auto;
  width:calc(100% - 36px);
  border-radius:16px;
  padding:20px;
  color:#fff;
  background:
    linear-gradient(140deg, rgba(9,88,45,.94), rgba(15,58,35,.92)),
    url("../../slot3/mystic-orbit.png") center/cover no-repeat;
}
.comfort-section h2{margin:0 0 8px}
.comfort-section p{margin:0 0 14px;color:rgba(255,255,255,.93)}
.comfort-points{display:flex;flex-wrap:wrap;gap:8px}
.comfort-points span{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  border-radius:999px;
  padding:0 14px;
  background:rgba(255,255,255,.18);
  font-weight:700;
}

@media(max-width:940px){
  .contact-grid{grid-template-columns:1fr}
  .contact-copy h1{font-size:32px}
}