/* 8kājis Kontakti - scoped under body.kontakti-page */
body.kontakti-page{--navy:#1E2A5E;--teal:#1B9AAA;--teal-dark:#157f8c;--bg:#F2F8FC;--text:#1E2A5E;--muted:#4a5680;--border:#D8E3F0;--violet:#9b35bd;
  margin:0;font-family:'Nunito Sans',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
body.kontakti-page *{box-sizing:border-box}
.kontakti-page .wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.kontakti-page img{display:block;max-width:100%}
.kontakti-page .kt-header{background:var(--navy);color:#fff}
.kontakti-page .topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;max-width:1200px;margin:0 auto}
.kontakti-page .logo{display:flex;align-items:center;gap:10px}
.kontakti-page .logo img{width:44px;height:44px;object-fit:contain}
.kontakti-page .logo b{font-size:24px;font-weight:800}
.kontakti-page .toggle{display:inline-flex;background:rgba(255,255,255,.12);border-radius:999px;padding:5px}
.kontakti-page .toggle a{font-weight:700;font-size:15px;padding:11px 24px;border-radius:999px;text-decoration:none;color:#cdd6f0}
.kontakti-page .toggle a.active{background:var(--teal);color:#fff}
.kontakti-page .toggle a.bimini{color:#d9b8ff}

.kontakti-page .head{text-align:center;padding:50px 0 10px}
.kontakti-page .head h1{font-size:42px;font-weight:800;color:var(--navy);letter-spacing:-.02em}
.kontakti-page .head p{color:var(--muted);font-size:18px;margin-top:10px}

.kontakti-page .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:36px 0 20px}
.kontakti-page .box{background:#fff;border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:0 6px 22px rgba(30,42,94,.06)}
.kontakti-page .box h2{font-size:22px;font-weight:800;color:var(--navy);margin-bottom:20px;display:flex;align-items:center;gap:10px}
.kontakti-page .box h2 svg{width:24px;height:24px;stroke:var(--teal);fill:none;stroke-width:2}
.kontakti-page .row{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #EEF3F9}
.kontakti-page .row:last-child{border-bottom:none}
.kontakti-page .row .ic{width:42px;height:42px;border-radius:12px;background:#E3F1F7;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kontakti-page .row .ic svg{width:20px;height:20px;stroke:var(--teal-dark);fill:none;stroke-width:2}
.kontakti-page .row .lbl{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-dark)}
.kontakti-page .row .val{font-size:17px;font-weight:700;color:var(--navy);margin-top:2px}
.kontakti-page .req{font-size:15px;line-height:2;color:var(--navy)}
.kontakti-page .req b{color:var(--muted);font-weight:700;display:inline-block;min-width:160px}

.kontakti-page .map{margin:14px 0 0;border-radius:18px;overflow:hidden;border:1px solid var(--border);height:300px;background:linear-gradient(135deg,#dceaf5,#e8f2fa);position:relative;display:flex;align-items:center;justify-content:center}
.kontakti-page .map .pin{width:54px;height:54px;border-radius:50% 50% 50% 0;background:var(--teal);transform:rotate(-45deg);box-shadow:0 8px 20px rgba(27,154,170,.4)}
.kontakti-page .map .pin::after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:17px;left:17px}
.kontakti-page .map span{position:absolute;bottom:16px;color:var(--muted);font-weight:700;font-size:14px}

.kontakti-page .askline{text-align:center;padding:26px;margin:18px 0 40px;background:#fff;border:1px dashed var(--border);border-radius:16px;color:var(--muted);font-size:16px}
.kontakti-page .askline a{color:var(--teal-dark);font-weight:800;text-decoration:none}
.kontakti-page .bnote{margin-top:18px;background:rgba(155,53,189,.1);border:1px solid rgba(155,53,189,.25);color:var(--violet);border-radius:14px;padding:18px 22px;font-size:15px;text-align:center;font-weight:700}
.kontakti-page .kt-footer{background:var(--navy);color:#a8b4d8;padding:36px 0;margin-top:0;text-align:center;font-size:14px}

/* ---- mobile ---- */
@media (max-width:820px){
  .kontakti-page .wrap{padding:0 16px}
  .kontakti-page .topbar{flex-direction:column;gap:12px;padding:14px 16px}
  .kontakti-page .toggle{width:100%}
  .kontakti-page .toggle a{flex:1;text-align:center;padding:10px;font-size:14px}
  .kontakti-page .head{padding:30px 0 6px}
  .kontakti-page .head h1{font-size:28px}.kontakti-page .head p{font-size:15px}
  .kontakti-page .cols{grid-template-columns:1fr;gap:18px;padding:24px 0 16px}
  .kontakti-page .box{padding:22px}
  .kontakti-page .req b{min-width:0;display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-top:8px;color:var(--muted)}
  .kontakti-page .map{height:200px}
  .kontakti-page .askline{margin-bottom:28px;font-size:14px}
}