/* Jezici od nule — Kontakt i podrška, v39 */
.jod-support-page{
  min-height:calc(100vh - 160px);
  padding:72px 0 96px;
  background:
    radial-gradient(circle at 85% 8%, rgba(76,120,255,.10), transparent 28%),
    radial-gradient(circle at 12% 30%, rgba(255,216,77,.13), transparent 26%),
    var(--cream,#f6f1e7);
}
.jod-support-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.jod-support-hero{text-align:center;max-width:900px;margin-inline:auto}
.jod-support-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #ded8cb;border-radius:999px;background:#fff;color:#4c5562;font-size:11px;font-weight:900;letter-spacing:.12em;box-shadow:0 8px 22px rgba(17,23,34,.04)}
.jod-support-hero h1{margin:20px 0 18px;color:#111722;font-size:clamp(48px,6.5vw,82px);line-height:.95;letter-spacing:-.06em}
.jod-support-hero h1 span{color:#4c78ff}
.jod-support-hero>p{max-width:720px;margin:0 auto;color:#646c78;font-size:17px;line-height:1.7}
.jod-support-trust{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.jod-support-trust span{padding:9px 13px;border:1px solid #e1dbcf;border-radius:999px;background:#fff;color:#343b46;font-size:11px;font-weight:850}
.jod-support-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:start;max-width:1100px;margin-top:48px}
.jod-support-info{display:grid;gap:14px}
.jod-support-info-card,.jod-support-form-card{border:1px solid #e2dccf;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(17,23,34,.06)}
.jod-support-info-card{padding:27px}
.jod-support-info-card.is-dark{border-color:#111722;background:#111722;color:#fff}
.jod-support-info-card small,.jod-support-form-head small{display:block;color:#4c78ff;font-size:10px;font-weight:950;letter-spacing:.13em}
.jod-support-info-card.is-dark small{color:#ffd84d}
.jod-support-info-card h2{margin:10px 0 12px;font-size:30px;line-height:1.05;letter-spacing:-.035em}
.jod-support-info-card h3{margin:10px 0;font-size:22px;line-height:1.1;letter-spacing:-.025em}
.jod-support-info-card p{margin:0;color:#69707c;font-size:13px;line-height:1.65}
.jod-support-info-card.is-dark p{color:#c8ced8}
.jod-support-form-card{padding:34px}
.jod-support-form-head h2{margin:7px 0 24px;color:#111722;font-size:34px;line-height:1.08;letter-spacing:-.04em}
.jod-support-form{display:grid;gap:16px}
.jod-support-form label{display:grid;gap:7px;margin:0}
.jod-support-form label>span{color:#404754;font-size:11px;font-weight:900}
.jod-support-form label em{color:#8b919b;font-style:normal;font-weight:600}
.jod-support-form input,.jod-support-form select,.jod-support-form textarea{display:block;width:100%;box-sizing:border-box;margin:0;border:1px solid #dcd6ca;border-radius:14px;background:#fbfaf7;color:#111722;font:inherit;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.jod-support-form input,.jod-support-form select{min-height:52px;padding:0 15px}
.jod-support-form textarea{min-height:150px;padding:14px 15px;resize:vertical}
.jod-support-form input:focus,.jod-support-form select:focus,.jod-support-form textarea:focus{border-color:#4c78ff;background:#fff;box-shadow:0 0 0 4px rgba(76,120,255,.09)}
.jod-support-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.jod-support-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 20px;border:0;border-radius:14px;background:#111722;color:#fff;font-size:12px;font-weight:950;letter-spacing:.04em;cursor:pointer;transition:transform .18s ease,background .18s ease}
.jod-support-submit:hover{transform:translateY(-1px);background:#202a3a}
.jod-support-submit span{font-size:18px}
.jod-support-privacy{margin:0!important;color:#858b95!important;font-size:10px!important;line-height:1.6!important;text-align:center}
.jod-support-privacy a{color:#4c78ff;font-weight:800}
.jod-honeypot{position:absolute!important;left:-100000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.jod-support-alert{display:grid;gap:3px;margin-bottom:20px;padding:14px 16px;border-radius:14px;font-size:12px}
.jod-support-alert.success{border:1px solid #bfe9cc;background:#edf9f1;color:#176a35}
.jod-support-alert.error{border:1px solid #f5caca;background:#fff1f1;color:#9e2929}
.jod-support-alert span{font-size:11px;opacity:.82}
@media(max-width:820px){
  .jod-support-page{padding:48px 0 72px}
  .jod-support-wrap{grid-template-columns:1fr;margin-top:34px}
  .jod-support-info{grid-template-columns:1fr 1fr}
  .jod-support-info-card.is-dark{grid-column:1/-1}
  .jod-support-hero h1{font-size:54px}
}
@media(max-width:600px){
  .jod-support-page{padding:36px 0 56px}
  .jod-support-page .container{width:min(100% - 24px,1180px)}
  .jod-support-hero{text-align:left}
  .jod-support-hero h1{font-size:44px}
  .jod-support-hero>p{font-size:15px}
  .jod-support-trust{justify-content:flex-start}
  .jod-support-info{grid-template-columns:1fr}
  .jod-support-info-card.is-dark{grid-column:auto}
  .jod-support-info-card,.jod-support-form-card{padding:21px;border-radius:20px}
  .jod-support-two{grid-template-columns:1fr}
  .jod-support-form-head h2{font-size:29px}
}
