/* JML — Kontak v4 page (13 Oct 2026). Loaded only on the four Kontak pages (body.jml-kontak-page). */
body.jml-kontak-page #content-wrapper{background:#f4f6f8}
body.jml-kontak-page #primary{padding:0!important}
body.jml-kontak-page #main{background:transparent!important;padding:0!important}
body.jml-kontak-page .jk{--jk-navy:#17232d;--jk-red:#d83b25;--jk-ink:#17232d;--jk-muted:#596672;--jk-line:#e0e5e9;max-width:1200px;margin:0 auto;padding:40px 20px 80px;color:var(--jk-ink);font-size:15px;line-height:1.6}
body.jml-kontak-page .jk *{box-sizing:border-box}
body.jml-kontak-page .jk svg{display:block;flex:none}
body.jml-kontak-page .jk p{margin:0}
/* Hero */
body.jml-kontak-page .jk-hero{position:relative;overflow:hidden;padding:72px 64px 112px;border-radius:16px;background:linear-gradient(110deg,rgba(15,24,32,.97) 0%,rgba(23,35,45,.93) 48%,rgba(23,35,45,.6) 100%),url(https://ptjml.com/wp-content/uploads/2026/03/IMG_9512-1536x864.jpg) center/cover no-repeat;color:#fff}
body.jml-kontak-page .jk-eyebrow,body.jml-kontak-page .jk-section-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px!important;font-size:12px!important;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--jk-red)!important}
body.jml-kontak-page .jk-eyebrow{color:#ff8a70!important}
body.jml-kontak-page .jk-eyebrow::before,body.jml-kontak-page .jk-section-eyebrow::before{content:"";width:24px;height:2px;background:var(--jk-red);flex:none}
body.jml-kontak-page .jk-hero h1{max-width:720px;margin:0 0 16px!important;font-size:clamp(30px,4vw,48px)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.5px;color:#fff!important;text-align:left!important}
body.jml-kontak-page .jk-hero .jk-lead{max-width:620px;margin:0 0 28px!important;font-size:17px;line-height:1.7;color:#c9d3db!important}
body.jml-kontak-page .jk-actions{display:flex;flex-wrap:wrap;gap:12px}
body.jml-kontak-page .jk-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:8px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none!important;transition:background .15s,border-color .15s}
body.jml-kontak-page .jk-btn svg{width:20px;height:20px}
body.jml-kontak-page .jk-btn-primary{background:var(--jk-red);color:#fff!important}
body.jml-kontak-page .jk-btn-primary:hover{background:#b82e1b}
body.jml-kontak-page .jk-btn-ghost{border:1px solid #ffffff66;color:#fff!important}
body.jml-kontak-page .jk-btn-ghost:hover{background:#ffffff1a;border-color:#fff}
/* Quick contact cards, overlapping the hero */
body.jml-kontak-page .jk-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:-60px 32px 0}
body.jml-kontak-page .jk-card{display:flex;gap:14px;align-items:flex-start;min-width:0;padding:22px;border-radius:12px;background:#fff;box-shadow:0 14px 40px #17232d1a;color:var(--jk-ink)!important;text-decoration:none!important;transition:box-shadow .15s,transform .15s}
body.jml-kontak-page a.jk-card:hover{box-shadow:0 18px 44px #17232d2e;transform:translateY(-2px)}
body.jml-kontak-page .jk-icon{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#fdecea;color:var(--jk-red)}
body.jml-kontak-page .jk-icon svg{width:22px;height:22px}
body.jml-kontak-page .jk-card-title{display:block;margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--jk-muted)}
body.jml-kontak-page .jk-card-value{display:block;font-size:16px;font-weight:600;line-height:1.45;color:var(--jk-ink)!important;text-decoration:none!important;overflow-wrap:anywhere}
body.jml-kontak-page .jk-card-note{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:var(--jk-muted)}
/* Form + checklist */
body.jml-kontak-page .jk-form{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start;margin-top:80px}
body.jml-kontak-page .jk h2{margin:0 0 14px!important;font-size:clamp(26px,3vw,36px)!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.3px;color:var(--jk-ink)!important;text-align:left!important}
body.jml-kontak-page .jk-form-intro>p:not(.jk-section-eyebrow),body.jml-kontak-page .jk-locs-head>p:not(.jk-section-eyebrow){font-size:16px;line-height:1.75;color:var(--jk-muted)}
body.jml-kontak-page .jk-checklist{margin-top:24px;padding:24px;border:1px solid var(--jk-line);border-radius:12px;background:#fff}
body.jml-kontak-page .jk-checklist strong{display:block;margin-bottom:8px;font-size:15px;color:var(--jk-ink)}
body.jml-kontak-page .jk-checklist ul{margin:0!important;padding:0!important;list-style:none!important}
body.jml-kontak-page .jk-checklist li{display:flex;gap:12px;align-items:flex-start;margin:0!important;padding:8px 0;font-size:15px;line-height:1.5;color:var(--jk-ink)}
body.jml-kontak-page .jk-checklist li::before{display:none!important}
body.jml-kontak-page .jk-check{display:flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--jk-navy);color:#fff}
body.jml-kontak-page .jk-check svg{width:14px;height:14px}
body.jml-kontak-page .jk-form-card{padding:36px;border-top:4px solid var(--jk-red);border-radius:14px;background:#fff;box-shadow:0 20px 50px #17232d14}
body.jml-kontak-page .jk-form-card .row{display:flex;flex-wrap:wrap;margin:0 -8px!important}
body.jml-kontak-page .jk-form-card [class*="col-"]{float:none!important;padding:0 8px!important}
body.jml-kontak-page .jk-form-card p{margin:0 0 16px!important}
body.jml-kontak-page .jk-form-card .wpcf7-form-control:not(.wpcf7-submit){width:100%!important;min-height:52px;margin:0!important;padding:14px 16px!important;border:1px solid #dde3e8!important;border-radius:8px!important;background:#f5f7f9!important;color:var(--jk-ink)!important;font-size:15px!important;box-shadow:none!important;transition:border-color .15s,background .15s,box-shadow .15s}
body.jml-kontak-page .jk-form-card textarea.wpcf7-form-control{min-height:140px;height:140px;resize:vertical}
body.jml-kontak-page .jk-form-card .wpcf7-form-control:not(.wpcf7-submit):focus{border-color:var(--jk-red)!important;background:#fff!important;box-shadow:0 0 0 3px #d83b2526!important;outline:none}
body.jml-kontak-page .jk-form-card [class*="col-"]:has(.wpcf7-submit){width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin-left:0!important;left:auto!important;right:auto!important}
body.jml-kontak-page .jk-form-card .wpcf7-submit{display:block!important;width:100%!important;min-height:54px;margin:0!important;padding:14px 24px!important;border:0!important;border-radius:8px!important;background:var(--jk-red)!important;color:#fff!important;font-size:16px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer;transition:background .15s}
body.jml-kontak-page .jk-form-card .wpcf7-submit:hover{background:#b82e1b!important}
body.jml-kontak-page .jk-form-card .wpcf7-response-output{margin:8px 0 0!important;border-radius:8px}
/* Locations */
body.jml-kontak-page .jk-locs{margin-top:96px}
body.jml-kontak-page .jk-locs-head{max-width:720px;margin-bottom:28px}
body.jml-kontak-page .jk-loc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.jml-kontak-page .jk-loc{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:24px;border:1px solid var(--jk-line);border-radius:12px;background:#fff}
body.jml-kontak-page .jk-loc.is-hq{grid-row:span 2;border-color:var(--jk-navy);background:linear-gradient(160deg,rgba(15,24,32,.96),rgba(23,35,45,.9)),url(https://ptjml.com/wp-content/uploads/2026/03/IMG_9512-1024x576.jpg) center/cover no-repeat;color:#fff}
body.jml-kontak-page .jk-badge{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#fdecea;color:var(--jk-red);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
body.jml-kontak-page .jk-loc.is-hq .jk-badge{background:var(--jk-red);color:#fff}
body.jml-kontak-page .jk-loc h3{margin:0!important;font-size:18px!important;line-height:1.35!important;font-weight:600!important;color:var(--jk-ink)!important}
body.jml-kontak-page .jk-loc.is-hq h3{font-size:22px!important;color:#fff!important}
body.jml-kontak-page .jk-loc-addr{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.65;color:var(--jk-muted)}
body.jml-kontak-page .jk-loc.is-hq .jk-loc-addr{color:#c9d3db}
body.jml-kontak-page .jk-pin{display:flex;margin-top:3px;color:var(--jk-red)}
body.jml-kontak-page .jk-pin svg{width:16px;height:16px}
body.jml-kontak-page .jk-loc-note{font-size:13px!important;font-weight:600;color:var(--jk-red)!important}
body.jml-kontak-page .jk-phones a{display:block;font-size:15px;font-weight:600;line-height:1.7;color:var(--jk-ink)!important;text-decoration:none!important}
body.jml-kontak-page .jk-loc.is-hq .jk-phones a{color:#fff!important}
body.jml-kontak-page .jk-maplink{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-size:14px;font-weight:600;color:var(--jk-red)!important;text-decoration:none!important}
body.jml-kontak-page .jk-maplink svg{width:16px;height:16px;transition:transform .15s}
body.jml-kontak-page .jk-maplink:hover svg{transform:translateX(3px)}
body.jml-kontak-page .jk-loc.is-hq .jk-maplink{color:#ff8a70!important}
/* Map */
body.jml-kontak-page .jk-map{margin:48px 0 0;overflow:hidden;border:1px solid var(--jk-line);border-radius:14px;background:#fff}
body.jml-kontak-page .jk-map iframe{display:block;width:100%;height:420px;border:0}
body.jml-kontak-page .jk-map figcaption{display:flex;gap:8px;align-items:center;padding:14px 20px;font-size:14px;color:var(--jk-muted)}
body.jml-kontak-page .jk-map figcaption svg{width:16px;height:16px;color:var(--jk-red)}
body.jml-kontak-page .jk a:focus-visible{outline:3px solid #12619c;outline-offset:3px}
@media(max-width:1024px){
body.jml-kontak-page .jk-hero{padding:56px 40px 104px}
body.jml-kontak-page .jk-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin:-56px 20px 0}
body.jml-kontak-page .jk-form{grid-template-columns:1fr;gap:32px;margin-top:64px}
body.jml-kontak-page .jk-loc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.jml-kontak-page .jk-loc.is-hq{grid-row:auto;grid-column:1/-1}
}
@media(max-width:640px){
body.jml-kontak-page .jk{padding:16px 16px 56px}
body.jml-kontak-page .jk-hero{padding:40px 24px 92px;border-radius:12px}
body.jml-kontak-page .jk-hero .jk-lead{font-size:15px}
body.jml-kontak-page .jk-btn{width:100%;justify-content:center}
body.jml-kontak-page .jk-cards{grid-template-columns:1fr;gap:12px;margin:-60px 12px 0}
body.jml-kontak-page .jk-card{padding:18px}
body.jml-kontak-page .jk-form-card{padding:22px}
body.jml-kontak-page .jk-locs{margin-top:64px}
body.jml-kontak-page .jk-loc-grid{grid-template-columns:1fr}
body.jml-kontak-page .jk-map iframe{height:300px}
}