body {
  background: var(--background);
  color: var(--text);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--secondary);
}

a {
  color: var(--primary);
}
a:hover, a:focus, a:active {
  color: var(--accent);
}

.btn, .button, button, input[type="submit"], input[type="button"] {
  background: var(--primary);
  color: #fff;
  border: 1px solid var(--accent);
}
.btn:hover, .button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
  background: var(--secondary);
  color: var(--accent);
}

/* Contact — modern design */
.nefroon-contact{ background: var(--background); color: var(--secondary); --card:#ffffff; --border:#eef2f2; --shadow:0 10px 20px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04); }
.nefroon-contact .container{ max-width:1200px; margin-inline:auto; padding:72px 20px; }

/* Reveal */
.nefroon-contact .reveal{ opacity:0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; }
.nefroon-contact section.in-view .reveal{ opacity:1; transform:none; transition-delay: calc(var(--i, 0) * 90ms); }

/* Hero (palette adjusted to gold/charcoal/ivory; structure unchanged) */
.nefroon-contact .hero{ padding: 96px 0 64px; background: radial-gradient(1200px 400px at 20% -10%, rgba(214,179,106,0.18) 0%, rgba(255,255,255,0) 60%), linear-gradient(180deg, #ffffff 0%, #F5F3EF 100%); position:relative; overflow:hidden; }
.nefroon-contact .hero::after{ content:""; position:absolute; inset:auto -20% -30% -20%; height:220px; background: radial-gradient(60% 140% at 50% 0%, rgba(167,139,81,.10), rgba(167,139,81,0)); }
.nefroon-contact .hero-inner{ display:grid; grid-template-columns: 1.2fr .8fr; align-items:center; gap:40px; }
.nefroon-contact .eyebrow{ display:inline-block; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color: var(--primary); background: linear-gradient(90deg, rgba(167,139,81,.12), rgba(214,179,106,.12)); padding:8px 12px; border-radius:999px; margin-bottom:12px; }
.nefroon-contact .hero h1{ font-size: clamp(2rem, 3vw + 1rem, 3.1rem); line-height:1.1; margin:0 0 10px; }
.nefroon-contact .hero .lead{ color:#374151; font-size: clamp(1rem, .6vw + .9rem, 1.15rem); margin:0 0 10px; }
.nefroon-contact .hero-card{ background: var(--card); border:1px solid var(--border); border-radius:16px; padding:24px; box-shadow: var(--shadow); }
.nefroon-contact .icon-circle{ width:56px; height:56px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background: linear-gradient(135deg, var(--primary), var(--secondary)); color:#fff; box-shadow: 0 8px 20px rgba(167,139,81,.25); margin-bottom:12px; }
.nefroon-contact .icon-circle.small{ width:44px; height:44px; font-size: 1rem; }

/* CTA buttons */
.nefroon-contact .cta-buttons{ display:flex; flex-wrap:wrap; gap:12px; }
.nefroon-contact .btn{ display:inline-flex; align-items:center; gap:8px; font-weight:700; padding:10px 16px; border-radius:999px; text-decoration:none; border:1px solid transparent; color:#0f172a; background:#fff; box-shadow: 0 6px 14px rgba(0,0,0,.06); }
.nefroon-contact .btn.btn-primary{ background: linear-gradient(135deg, var(--primary), var(--secondary)); color:#fff; box-shadow: 0 10px 22px rgba(167,139,81,.3); }
.nefroon-contact .btn.btn-outline{ background:#fff; border-color:#e2f1f0; }

/* WhatsApp button */
.cta-buttons .btn.btn-success {
  background: #25D366;
  color: #fff;
  border: none;
  transition: background .18s, box-shadow .18s, color .18s;
}
.cta-buttons .btn.btn-success:hover,
.cta-buttons .btn.btn-success:focus {
  background: #1ebe57 !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(37,211,102,0.18);
  filter: brightness(1.08) saturate(1.2);
  outline: none;
}

/* Email button */
.cta-buttons .btn.btn-outline {
  border: 1.5px solid var(--primary, #A78B51);
  color: var(--primary, #A78B51);
  background: #fff;
  transition: background .18s, color .18s, box-shadow .18s;
}
.cta-buttons .btn.btn-outline:hover,
.cta-buttons .btn.btn-outline:focus {
  background: var(--primary, #A78B51);
  color: #fff;
  box-shadow: 0 4px 18px rgba(167,139,81,0.13);
}

/* Contact form button */
.cta-buttons .btn:not(.btn-primary):not(.btn-success):not(.btn-outline) {
  background: #f5f3ef;
  color: var(--secondary, #1A222B);
  border: 1.5px solid #e6e6e6;
  transition: background .18s, color .18s, box-shadow .18s;
}
.cta-buttons .btn:not(.btn-primary):not(.btn-success):not(.btn-outline):hover,
.cta-buttons .btn:not(.btn-primary):not(.btn-success):not(.btn-outline):focus {
  background: var(--primary, #A78B51);
  color: #fff;
  box-shadow: 0 4px 18px rgba(167,139,81,0.13);
}

/* Info cards */
.nefroon-contact .cards{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:22px; }
.nefroon-contact .card{ background: var(--card); border:1px solid var(--border); border-radius:16px; padding:20px; box-shadow: var(--shadow); }
.nefroon-contact .card h3{ margin:6px 0 6px; font-size:1.05rem; }
.nefroon-contact .card p{ color:#4b5563; margin:0; }

/* Form */
.nefroon-contact .form{ padding: 12px 0; }
.nefroon-contact .contact-form{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.nefroon-contact .contact-form .full{ grid-column: 1 / -1; }
.nefroon-contact .field-group{ display:flex; flex-direction: column; gap:6px; }
.nefroon-contact .label{ font-weight:700; color:#0f172a; }
.nefroon-contact input[type="text"],
.nefroon-contact input[type="email"],
.nefroon-contact textarea{ border:1px solid #dde0d6; border-radius:12px; padding:12px 14px; font:inherit; background:#fff; box-shadow: inset 0 1px 2px rgba(0,0,0,.02); }
.nefroon-contact input:focus,
.nefroon-contact textarea:focus{ outline:none; border-color:#e9e2d2; box-shadow: 0 0 0 3px rgba(167,139,81,.15); }
.nefroon-contact .consent{ display:flex; align-items:center; gap:8px; grid-column: 1 / -1; }
.nefroon-contact .error-text{ color:#b91c1c; font-size:.85rem; }
.nefroon-contact .form-success{ background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; padding:12px 14px; border-radius:12px; margin:10px 0 0; }

/* Map */
.nefroon-contact .map-embed iframe{ width:100%; min-height: 320px; border:0; border-radius: 16px; box-shadow: var(--shadow); }

/* CTA */
.nefroon-contact .cta{ text-align:center; margin-top: 12px; padding-bottom: 64px; }
.nefroon-contact .btn.btn-primary:hover{ transform: translateY(-2px); box-shadow: 0 14px 28px rgba(167,139,81,.35); }

/* Responsive */
@media (max-width: 1100px){
  .nefroon-contact .hero-inner{ grid-template-columns: 1fr; }
  .nefroon-contact .cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 680px){
  .nefroon-contact .container{ padding:56px 16px; }
  .nefroon-contact .cards{ grid-template-columns: 1fr; }
  .nefroon-contact .contact-form{ grid-template-columns: 1fr; }
}

/* RTL */
body.is-ar .nefroon-contact{ direction: rtl; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .nefroon-contact .reveal{ opacity:1; transform:none; transition:none; }
}

.nefroon-contact .icon-circle,
.nefroon-contact .icon-circle.small {
  background: linear-gradient(135deg, #fff 0%, #f9f6ef 60%, #e9e2d2 100%) !important;
  color: var(--primary) !important;
  box-shadow: 0 4px 12px rgba(167,139,81,.10) !important;
  border: 1.5px solid #e9e2d2 !important;
}

.nefroon-contact .btn.btn-primary {
  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(167,139,81,.13) !important;
  border-radius: 999px;
  border: none;
  transition: background .18s, box-shadow .18s;
}
.nefroon-contact .btn.btn-primary:hover {
  background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 100%) !important;
  color: var(--secondary) !important;
  box-shadow: 0 12px 32px rgba(214,179,106,0.18) !important;
}
