/* Style ograniczone do sekcji Hades – Kontakt. Nie ingerują w motyw Divi. */
.hades-contact {
  --hk-ink: #352f29;
  --hk-muted: #696158;
  --hk-accent: #917150;
  --hk-accent-dark: #735538;
  --hk-border: #e9e0d6;
  --hk-soft: #faf7f3;
  --hk-white: #ffffff;
  --hk-success: #23644e;
  color: var(--hk-ink);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.65;
  max-width: 1120px;
  margin: 0 auto;
  padding: 12px 0 36px;
}
.hades-contact *, .hades-contact *::before, .hades-contact *::after { box-sizing: border-box; }
.hades-contact a { text-decoration: none; }
.hades-contact .hk-icon { display:inline-block; flex:none; vertical-align:middle; }
.hades-contact .hk-intro { max-width:790px; padding: 12px 0 29px; }
.hades-contact .hk-kicker { color: var(--hk-accent-dark); font-size: 12px; font-weight: 700; letter-spacing: .15em; line-height:1.6; }
.hades-contact .hk-intro h2 { color: var(--hk-ink); font-size: clamp(27px, 3vw, 41px); line-height:1.2; font-weight:600; letter-spacing:-.025em; margin: 9px 0 12px; padding:0; }
.hades-contact .hk-intro p { color:var(--hk-muted); font-size: 17px; line-height:1.75; margin:0; }
.hades-contact .hk-priority { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:29px 32px; margin: 0 0 22px; background:var(--hk-soft); border:1px solid var(--hk-border); border-left:4px solid var(--hk-accent); border-radius:8px; }
.hades-contact .hk-priority-copy { flex:1; min-width:0; }
.hades-contact .hk-pill { display:inline-flex; align-items:center; gap:9px; color:#71573e; font-size:13px; font-weight:700; letter-spacing:.015em; }
.hades-contact .hk-live-dot { display:inline-block; background:#76967e; width:8px; height:8px; border-radius:100%; }
.hades-contact .hk-priority h3 { color:var(--hk-ink); font-size:24px; font-weight:600; line-height:1.35; margin:10px 0 5px; padding:0; }
.hades-contact .hk-priority p { color:var(--hk-muted); font-size:14px; margin:0; }
.hades-contact .hk-call-buttons { display:flex; flex-direction:column; min-width:220px; gap:9px; }
.hades-contact .hk-call-button { display:flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:10px 17px; border-radius:5px; background:var(--hk-accent-dark); border:1px solid var(--hk-accent-dark); color:white!important; font-weight:700; font-size:17px; line-height:1.3; transition:background .15s ease; }
.hades-contact .hk-call-button:hover,.hades-contact .hk-call-button:focus { background:#58402d; color:white!important; }
.hades-contact .hk-columns { display:grid; grid-template-columns: 1fr 1fr; gap:22px; }
.hades-contact .hk-detail-card { border:1px solid var(--hk-border); padding:27px 29px 23px; background:#fff; border-radius:8px; box-shadow:0 2px 12px rgba(46,36,29,.035); min-width:0; }
.hades-contact .hk-small-heading { display:flex; gap:9px; align-items:center; font-size:11px; font-weight:700; letter-spacing:.12em; color:var(--hk-accent-dark); text-transform:uppercase; line-height:1.5; }
.hades-contact .hk-small-heading .hk-icon { width:16px; height:16px; }
.hades-contact .hk-detail-card h3 { color:var(--hk-ink); font-size:23px; font-weight:600; margin:13px 0 5px; padding:0; line-height:1.3; }
.hades-contact .hk-address { color:var(--hk-ink); margin:0 0 16px; font-size:16px; font-weight:500; }
.hades-contact .hk-note { color:var(--hk-muted); font-size:15px; margin: 10px 0 20px; line-height:1.65; }
.hades-contact .hk-line { display:flex; align-items:flex-start; gap:11px; color:var(--hk-muted); margin:10px 0; font-size:15px; line-height:1.5; overflow-wrap:anywhere; }
.hades-contact .hk-line .hk-icon { color:var(--hk-accent-dark); width:17px; height:17px; margin-top:2px; }
.hades-contact .hk-line a { color:var(--hk-ink); border-bottom:1px solid #cab69d; }
.hades-contact .hk-line a:hover { color:var(--hk-accent-dark); }
.hades-contact .hk-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:19px; padding-top:16px; border-top:1px solid #f0eae4; }
.hades-contact .hk-inline-link { display:inline-flex; align-items:center; gap:7px; color:var(--hk-accent-dark)!important; font-weight:700; font-size:14px; border:0; }
.hades-contact .hk-inline-link:hover { text-decoration:underline; }
.hades-contact .hk-inline-link svg { height:15px; width:15px; }
.hades-contact .hk-map-button { color:var(--hk-ink); background:none; padding:2px 0; border:0; border-bottom:1px dashed #b29d84; font-weight:600; cursor:pointer; font-family:inherit; font-size:14px; line-height:1.4; border-radius:0; }
.hades-contact .hk-map-button:hover { color:var(--hk-accent-dark); }
.hades-contact .hk-map-privacy { text-align:right; color:#847a72; font-size:12px; margin:9px 2px 0; }
.hades-contact .hk-map-placeholder:not([hidden]) { background:#eee9e3; display:block; margin-top:19px; border:1px solid var(--hk-border); border-radius:8px; overflow:hidden; }
.hades-contact .hk-map-placeholder iframe { display:block; border:0; width:100%; height:360px; }
.hades-contact .hk-form-layout { display:grid; grid-template-columns: minmax(230px,.75fr) minmax(0,1.25fr); gap:34px; margin-top:48px; padding-top:35px; border-top:1px solid var(--hk-border); }
.hades-contact .hk-form-description { padding:12px 15px 0 0; }
.hades-contact .hk-form-description h3 { color:var(--hk-ink); font-size:30px; line-height:1.26; font-weight:600; margin:11px 0 13px; padding:0; }
.hades-contact .hk-form-description p { font-size:16px; color:var(--hk-muted); line-height:1.75; margin:0 0 21px; }
.hades-contact .hk-form-description .hk-form-side-note { font-size:14px; display:flex; align-items:flex-start; gap:11px; color:#746047; }
.hades-contact .hk-form-side-note .hk-icon { color:var(--hk-accent); margin-top:3px; }
.hades-contact .hk-form-panel { padding:30px; border:1px solid var(--hk-border); background:var(--hk-soft); border-radius:8px; min-width:0; }
.hades-contact .hk-form { display:flex; flex-direction:column; gap:18px; margin:0; }
.hades-contact .hk-form-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.hades-contact .hk-field { min-width:0; }
.hades-contact .hk-field label { display:block; font-size:13px; color:var(--hk-ink); font-weight:700; margin-bottom:7px; }
.hades-contact .hk-optional { font-size:12px; font-weight:400; color:var(--hk-muted); }
.hades-contact .hk-field input,.hades-contact .hk-field textarea { background:white; color:var(--hk-ink); width:100%; display:block; font:inherit; font-size:15px; padding:11px 12px; border-radius:5px; border:1px solid #d9cec0; min-height:46px; outline:none; box-shadow:none; margin:0; }
.hades-contact .hk-field textarea { min-height:132px; resize:vertical; }
.hades-contact .hk-field input:focus,.hades-contact .hk-field textarea:focus { border-color:var(--hk-accent-dark); box-shadow:0 0 0 2px #91715021; }
.hades-contact .hk-consent { display:flex; gap:10px; align-items:flex-start; color:var(--hk-muted); font-size:12px; line-height:1.6; cursor:pointer; }
.hades-contact .hk-consent input { width:16px; height:16px; flex:none; margin:3px 0 0; accent-color:var(--hk-accent-dark); }
.hades-contact .hk-consent a { color:var(--hk-accent-dark); text-decoration:underline; }
.hades-contact .hk-submit { display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:13px 22px; align-self:flex-start; color:white!important; font-family:inherit; font-size:15px; font-weight:700; background:var(--hk-accent-dark); border:1px solid var(--hk-accent-dark); border-radius:5px; cursor:pointer; line-height:1.5; transition:background .15s ease; }
.hades-contact .hk-submit:hover,.hades-contact .hk-submit:focus { background:#58402d; color:white!important; }
.hades-contact .hk-required { font-size:11px; color:#7e756b; line-height:1.6; margin:-8px 0 0; }
.hades-contact .hk-trap { position:absolute!important; left:-10000px!important; height:1px!important; width:1px!important; overflow:hidden!important; }
.hades-contact .hk-feedback { margin:0 0 15px; border:1px solid #d7c5ad; border-left-width:4px; padding:10px 13px; font-size:14px; color:#684b31; background:#fff; }
.hades-contact .hk-feedback-ok { color:var(--hk-success); border-color:#9abda9; }
.hades-contact a:focus-visible,.hades-contact button:focus-visible { outline:2px solid #735538; outline-offset:3px; }
@media (max-width: 840px) {
 .hades-contact .hk-priority { align-items:stretch; flex-direction:column; }
 .hades-contact .hk-call-buttons { flex-direction:row; }
 .hades-contact .hk-call-button { flex:1; }
 .hades-contact .hk-form-layout { grid-template-columns:1fr; gap:12px; }
}
@media (max-width: 620px) {
 .hades-contact { padding:4px 0 24px; }
 .hades-contact .hk-intro h2 { font-size:28px; }
 .hades-contact .hk-intro p { font-size:15px; }
 .hades-contact .hk-priority { padding:20px; gap:16px; }
 .hades-contact .hk-priority h3 { font-size:21px; }
 .hades-contact .hk-call-buttons { flex-direction:column; min-width:0; }
 .hades-contact .hk-columns { grid-template-columns:1fr; gap:14px; }
 .hades-contact .hk-detail-card { padding:22px 20px; }
 .hades-contact .hk-form-layout { margin-top:30px; padding-top:25px; }
 .hades-contact .hk-form-panel { padding:21px 18px; }
 .hades-contact .hk-form-pair { grid-template-columns:1fr; gap:18px; }
 .hades-contact .hk-map-placeholder iframe { height:270px; }
 .hades-contact .hk-map-privacy { text-align:left; }
}

body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#39322d;margin:0} .demo-head{background:#4c423a;color:#fff;padding:15px max(20px,calc((100% - 1080px)/2));font-size:13px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap} .demo-logo{font-size:25px;font-weight:700;letter-spacing:.15em} .demo-info{opacity:.9;font-size:12px;display:flex;align-items:center} .demo-navigation{border-bottom:1px solid #ede7df;padding:18px 24px;color:#51473d;text-align:center;font-size:14px;letter-spacing:.02em} .demo-container{max-width:1130px;margin:45px auto 80px;padding:0 24px} .demo-flag{background:#fff5dc;border-bottom:1px solid #e0d2ab;font-size:14px;text-align:center;padding:12px 18px;color:#67543b} @media(max-width:600px){.demo-container{margin:20px auto 40px;padding:0 16px}.demo-navigation{font-size:11px;padding:13px 10px}}
.hades-contact .hk-line a{color:inherit;font-weight:600}.hades-contact .hk-phones{margin:13px 0}.hades-contact .hk-phones a{display:block;padding:5px 0;color:#735538;font-weight:700}.hades-contact .hk-alert{padding:13px;border:1px solid #d5c7b6;margin-bottom:15px;border-radius:6px}