/* Stilovi isključivo za nove elemente probne integracije. */
.k24p-card,.k24p-dialog,.k24p-mobile{font-family:Montserrat,Arial,sans-serif;box-sizing:border-box}
.k24p-card *,.k24p-dialog *{box-sizing:border-box;text-transform:none}
.k24p-card{position:relative;isolation:isolate;overflow:hidden;width:100%;min-width:0;padding:25px 22px 23px;border:1px solid #254e76;border-radius:18px;background:linear-gradient(145deg,#173B63 40%,#225b86);box-shadow:0 10px 30px #173b6321;color:#fff;margin:0 0 25px;text-align:left}
.k24p-card::before{content:"";position:absolute;z-index:-1;right:-50px;top:-52px;width:170px;height:170px;border:24px solid #38bdf81a;border-radius:50%;pointer-events:none}
.k24p-card::after{content:"";position:absolute;z-index:-1;left:-75px;bottom:-110px;width:230px;height:230px;border:1px solid #38bdf82b;border-radius:50%;pointer-events:none}
.k24-article-sidebar>.k24p-card{margin-bottom:0}
.k24p-card-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid #38bdf854;border-radius:16px;background:#ffffff0c;margin-bottom:18px;color:#38BDF8}
.k24p-card-icon rect{fill:#173B63}
.k24p-card-icon svg{width:43px;height:43px}
.k24p-card .k24p-eyebrow{margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:1.4px;line-height:1.5;color:#8edaff;text-transform:uppercase}
.k24p-card .k24p-card-title{font:800 clamp(20px,1.55vw,23px)/1.28 Montserrat,Arial,sans-serif;letter-spacing:-.55px;color:#fff;margin:0 0 13px;text-transform:none}
.k24p-card .k24p-card-description{font:400 12px/1.8 Montserrat,Arial,sans-serif;color:#fff;margin:0 0 19px}
.k24p-card .k24p-benefits{padding:0;margin:0 0 23px;list-style:none}
.k24p-card .k24p-benefits li{display:flex;align-items:flex-start;gap:9px;font:600 11px/1.65 Montserrat,Arial,sans-serif;color:#fff;margin:0;padding:6px 0;border:0}
.k24p-benefits li::before{content:"✓";flex:0 0 17px;width:17px;height:17px;margin-top:1px;border-radius:50%;background:#38bdf82b;color:#8edaff;font:800 11px/17px Arial;text-align:center}
.k24p-card .k24p-open,.k24p-mobile{display:flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:13px 15px;border:1px solid #173B63;border-radius:9px;background:#173B63;color:#fff;font:700 12px/1.5 Montserrat,Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 4px 10px #173b6310;transition:background .15s ease}
.k24p-card .k24p-open:hover,.k24p-mobile:hover{background:#24517f;color:#fff;text-decoration:none}
.k24p-card .k24p-open{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#173B63;border-color:#fff;box-shadow:0 4px 14px #071b3320;transition:color .35s ease}
.k24p-card .k24p-open::before{content:"";position:absolute;left:50%;top:110%;width:210%;height:240%;border-radius:50%;background:#24669a;transform:translateX(-50%);z-index:-1;pointer-events:none;transition:top .55s cubic-bezier(.2,.7,.2,1)}
.k24p-card .k24p-open:hover,.k24p-card .k24p-open:focus-visible{background:#fff;color:#fff}
.k24p-card .k24p-open:hover::before,.k24p-card .k24p-open:focus-visible::before{top:-55%}
.k24p-card .k24p-open svg{width:17px;height:17px;flex:none}
.k24p-card .k24p-card-note{display:block;margin:14px 0 0;font:400 10px/1.8 Montserrat,Arial,sans-serif;color:#e0effa;text-align:center}
.k24p-card .k24p-demo-label{display:block;margin-top:12px;font:600 10px/1.6 Montserrat,Arial,sans-serif;color:#e0effa;text-align:center}
.k24p-card a:focus-visible,.k24p-mobile:focus-visible,.k24p-dialog button:focus-visible{outline:3px solid #38BDF8;outline-offset:4px}
.k24p-dialog{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;border-left:1px solid #d9e6f0;border-radius:20px 0 0 20px;width:min(760px,100vw);max-width:100vw;height:100vh;height:100dvh;max-height:none;background:#fff;color:#173B63;overflow:hidden;box-shadow:-20px 0 80px #071b3333}
.k24p-dialog:not([open]){display:none}
.k24p-dialog[open]{display:flex;flex-direction:column}
.k24p-dialog::backdrop{background:#10263c80}
.k24p-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;padding-top:max(18px,env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e0eaf2;flex-shrink:0}
.k24p-dialog .k24p-panel-title{font:800 19px/1.4 Montserrat,Arial,sans-serif;letter-spacing:-.3px;color:#173B63;margin:0}
.k24p-dialog .k24p-panel-subtitle{font:400 11px/1.5 Montserrat,Arial,sans-serif;color:#52687e;margin:3px 0 0}
.k24p-dialog .k24p-close{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:44px;min-width:44px;padding:9px 12px;border:1px solid #cedeea;border-radius:9px;background:white;color:#173B63;font:700 12px/1.5 Montserrat,Arial,sans-serif;cursor:pointer}
.k24p-dialog .k24p-close:hover{background:#edf8fe}
.k24p-close svg{width:17px;height:17px}
.k24p-frame-wrap{position:relative;flex:1;min-height:0;background:white}
.k24p-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.k24p-dialog .k24p-loading{position:absolute;inset:0;display:grid;place-items:center;padding:30px;background:#fff;color:#52687e;font:500 13px/1.7 Montserrat,Arial,sans-serif;text-align:center}
.k24p-dialog .k24p-loading[hidden]{display:none}
.k24p-dialog .k24p-local-note{flex:none;margin:0;padding:8px 20px;background:#edf8fe;color:#173B63;font:400 10px/1.6 Montserrat,Arial,sans-serif;border-top:1px solid #d9e6f0}
.k24p-dialog .k24p-local-note[hidden]{display:none}
.k24p-mobile,.k24p-dock-space{display:none}
.k24p-mobile[hidden]{display:none!important}
.k24p-noscript{font:400 12px/1.6 Montserrat,Arial,sans-serif;color:#173B63;padding:10px 0}
/* Isti kružni preljev kao na izvornom gumbu KONTAKT, samo za probne gumbe. */
a.k24p-nav-calculators[href]{position:relative;isolation:isolate;overflow:hidden;background:#eff9ff!important;color:#193454!important;text-decoration:none!important;transition:color .35s ease}
/* Boje iz .box.coral i naslijeđenog body teksta članka; bez promjene dimenzija. */
a.k24p-nav-calculators[href]:not(:hover):not(:focus-visible){border-color:#bae6fd!important;box-shadow:inset 0 0 0 1px #bae6fd!important}
a.k24p-nav-calculators[href]::before{content:"";position:absolute;left:50%;top:110%;width:210%;height:240%;border-radius:50%;background:#173B63!important;transform:translateX(-50%);z-index:-1;pointer-events:none;transition:top .55s cubic-bezier(.2,.7,.2,1)}
a.k24p-nav-calculators[href]:hover,a.k24p-nav-calculators[href]:focus-visible{background:#eff9ff!important;color:#fff!important;text-shadow:none}
a.k24p-nav-calculators[href]:hover::before,a.k24p-nav-calculators[href]:focus-visible::before{top:-55%}
a.k24p-nav-calculators[href]:focus-visible{outline:3px solid #173B63;outline-offset:4px}
.k24p-tools{margin:0;background:#f7fafc;color:#173B63;font:400 16px/1.7 Montserrat,Arial,sans-serif}
.k24p-tools *{box-sizing:border-box}
.k24p-tools-main{max-width:1050px;margin:auto;padding:40px 24px 70px}
.k24p-tools-top{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:44px;font-size:13px}
.k24p-tools a{color:#173B63;text-underline-offset:4px}
.k24p-tools h1{font-size:clamp(32px,5vw,48px);line-height:1.2;margin:10px 0 18px}
.k24p-tools-lead{max-width:650px;color:#52687e}
.k24p-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}
.k24p-tool{display:flex;flex-direction:column;background:#fff;border:1px solid #d5e6f0;border-radius:16px;padding:26px}
.k24p-tool>span{font-size:12px;font-weight:700;color:#41617b}
.k24p-tool h2{font-size:20px;line-height:1.4;margin:14px 0 10px}
.k24p-tool p{font-size:13px;margin:0 0 22px;color:#52687e}
.k24p-tool a{font-size:13px;font-weight:700;margin-top:auto}
.k24p-tools a:focus-visible{outline:3px solid #38BDF8;outline-offset:4px}
.k24p-tools-footer{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #d5e6f0;padding-top:20px;font-size:12px}
@media(max-width:600px){.k24p-tools-grid{grid-template-columns:1fr}.k24p-tools-main{padding:26px 20px 45px}.k24p-tools-top{margin-bottom:30px}.k24-global-header .k24-gh-inner:has(.k24p-nav-calculators){gap:10px}.k24-global-header:has(.k24p-nav-calculators) .k24-gh-logo img{width:125px}.k24-global-header .k24-gh-contact.k24p-nav-calculators{min-width:0;padding:13px 12px}}
@media(max-width:767px){
 .k24p-card{padding:23px 21px;border-radius:16px}
 .k24p-card .k24p-card-title{font-size:23px}
 .k24p-card .k24p-card-description{font-size:13px}
 .k24p-card .k24p-benefits li{font-size:12px}
 .k24p-dialog{inset:0 0 auto;top:var(--k24p-panel-top,0px);width:100%;height:100vh;height:var(--k24p-panel-height,100dvh);max-width:100%;border:0;border-radius:0}
 .k24p-panel-head{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:10px}
 .k24p-dialog .k24p-panel-title{font-size:17px}
 .k24p-dialog .k24p-panel-subtitle{font-size:10px}
 .k24p-dialog .k24p-close{padding:9px 10px;font-size:11px}
 .k24p-mobile{position:fixed;z-index:1000;display:flex;left:max(12px,env(safe-area-inset-left));right:var(--k24p-dock-right,12px);bottom:calc(12px + env(safe-area-inset-bottom));min-height:48px;padding:11px 10px;gap:6px;font-size:12px;border-radius:10px;box-shadow:0 5px 22px #173b632b;white-space:nowrap}
 .k24p-dock-visible .k24p-dock-space{display:block;height:calc(84px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.k24p-card .k24p-open,.k24p-card .k24p-open::before,.k24p-mobile,a.k24p-nav-calculators[href],a.k24p-nav-calculators[href]::before{transition:none!important}}
@media print{.k24p-card,.k24p-dialog,.k24p-mobile,.k24p-dock-space{display:none!important}}

/* Probna naslovnica: usidri postojeći razdjelnik iz style.css bez promjene rasporeda. */
@media(min-width:1200px){
 .banner-post-area-five>.container>.row>.col-xl-3>.sidebar-wrap-three{position:relative!important}
}

/* Probna naslovnica: plava podloga savjetnika; unutarnje kartice zadržavaju izvorne stilove. */
main.fix #klima-ne-radi>.container>.k24-help-shell{background:#EAF5FC}

/* Kompaktan vodič do postojećeg obrasca, samo na probnoj naslovnici. */
.k24p-how{margin:0 0 24px;padding:24px;border:1px solid #d8ebf8;border-radius:18px;background:#EAF5FC;color:#173B63;font-family:Montserrat,Arial,sans-serif}
.k24p-how h2{margin:0 0 18px;color:#173B63;font-size:23px;line-height:1.3;text-transform:none}
.k24p-how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0 0 18px}
.k24p-how-steps li{min-width:0;margin:0;padding:17px 15px;background:#fff;border:1px solid #d8e6ef;border-radius:12px}
.k24p-how-steps h3{margin:0 0 8px;color:#173B63;font-size:14px;line-height:1.4;text-transform:none}
.k24p-how-steps p{margin:0;color:#536375;font-size:12px;line-height:1.7}
.k24p-how-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border-radius:9px;background:#173B63;color:#fff;font-size:13px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none}
.k24p-how-button:hover{background:#24517f;color:#fff}
.k24p-how-button:focus-visible{outline:3px solid #0284c7;outline-offset:4px}
@media(max-width:767px){.k24p-how{padding:20px 17px}.k24p-how h2{font-size:21px}.k24p-how-steps{grid-template-columns:1fr;gap:12px}.k24p-how-button{display:flex;width:100%}}