/* Content pages 2026: restyles the inherited page markup (page.php, page-template-1..4, posts, forms) in the
   design-system look without changing the markup. Selectors are prefixed with `body` to beat the legacy chains. */
body{--gold:#FFB700;--dark:#24211F;--ink:#24211F;--muted:#6f6a65;--cream:#FFF5DC;--paper:#F5F3EF;--line:#e4e1dc;color:var(--ink)}

/* page hero: cream band, pill-like icon box, title, breadcrumb */
body .pageHeaderImage{padding:56px 0 52px;background:var(--cream);overflow:hidden}
body .pageHeaderImage::before{content:"";position:absolute;right:-90px;top:-150px;width:380px;height:380px;border-radius:50%;background:#FFEBB0;opacity:.8}
body .pageHeaderImage .image,body .pageHeaderImage .image_overlay{display:none}
body .pageHeaderImage .container{display:flex;align-items:center;gap:28px;max-width:var(--h26-max);padding:0 var(--h26-gutter)}
body .pageHeaderImage .container .left,body .pageHeaderImage .container .rest{float:none;width:auto;margin:0}
body .pageHeaderImage .container .left{flex:none}
body .pageHeaderImage .container .left:empty{display:none}
body .pageHeaderImage .container .left .imageIcon{display:grid;place-items:center;width:96px;height:96px;margin:0;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
body .pageHeaderImage .container .left .imageIcon img{width:58%;margin:0}
body .pageHeaderImage .container .rest{flex:1;min-width:0;margin-top:0;color:var(--ink)}
body .pageHeaderImage .pageTitle{font:700 clamp(32px,4.4vw,52px)/1.1 'Montserrat',Arial,sans-serif;letter-spacing:-.01em;color:var(--ink)}
body .pageHeaderImage .breadcrumb{margin-top:16px;font:700 12px/1.4 'Montserrat',Arial,sans-serif;letter-spacing:.06em;color:var(--muted)}
body .pageHeaderImage .breadcrumb a:hover{color:var(--ink);text-decoration:underline}
body .pageHeaderImage .breadcrumb .breadcrumb_last{color:var(--ink)}

/* sub-navigation (siblings): sticky pill row */
body .siblingLinks{padding:14px 0;background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
body .siblingLinks .container{display:flex;flex-wrap:wrap;gap:8px;max-width:var(--h26-max);padding:0 var(--h26-gutter)}
body .siblingLinks .container a{margin:0;padding:9px 18px;border-radius:99px;font:700 13px/1.2 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);background:var(--paper);border:0;transition:background .15s}
body .siblingLinks .container a:hover{background:var(--cream)}
body .siblingLinks .container+.container{margin-top:8px}
body .siblingLinks.h26-subnav{position:static}
body .siblingLinks .container a.active{background:var(--dark);color:#fff;border:0}
@media (max-width:680px){
	body .siblingLinks .container{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
	body .siblingLinks .container a{flex:none}
}

/* body area */
body .defaultPageBody{padding:56px 0 80px;background:var(--paper)}
body .defaultPageBody .container{max-width:var(--h26-max);padding:0 var(--h26-gutter)}
body .defaultPageBody .container .inner,body .defaultPageBody .container .inner:last-child{float:none;width:auto;max-width:860px;margin:0 auto}
body .defaultPageBody.sidebarContent .container{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}
body .defaultPageBody.sidebarContent .container::after{display:none}
body .defaultPageBody.sidebarContent .container .sidebar{float:none;width:auto;margin:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px}
body .defaultPageBody.sidebarContent .container .sidebar ul{margin:0;padding:0;list-style:none}
body .defaultPageBody.sidebarContent .container .sidebar ul li a{display:block;margin:0;padding:11px 14px;border-radius:10px;font:700 14px/1.3 'Montserrat',Arial,sans-serif;text-transform:none;color:var(--ink)}
body .defaultPageBody.sidebarContent .container .sidebar ul li a:hover{background:var(--cream)}
body .defaultPageBody.sidebarContent .container .sidebar ul li.current_page_item>a,body .defaultPageBody.sidebarContent .container .sidebar ul li.active>a{background:var(--dark);color:#fff}
body .defaultPageBody.sidebarContent .container .inner,body .defaultPageBody.sidebarContent .container .inner:last-child{max-width:none;margin:0;width:auto}
body .defaultPageBody .container .inner .content{float:none;width:auto;margin:0;padding:44px 48px;background:#fff;border:1px solid var(--line);border-radius:18px}
body .defaultPageBody.contentNoMargin .container .inner .content{margin-top:0}
@media (max-width:1024px){
	body .defaultPageBody.sidebarContent .container{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:680px){
	body .pageHeaderImage{padding:36px 0}
	body .pageHeaderImage .container{gap:18px}
	body .pageHeaderImage .container .left .imageIcon{width:68px;height:68px;border-radius:14px}
	body .defaultPageBody{padding:32px 0 56px}
	body .defaultPageBody .container .inner .content{padding:26px 20px;border-radius:14px}
}

/* content typography */
.defaultPageBody .content{font-size:17px;line-height:1.65;color:#3a3532}
.defaultPageBody .content h1,.defaultPageBody .content h2,.defaultPageBody .content h3,.defaultPageBody .content h4{font-family:'Montserrat',Arial,sans-serif;font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.01em}
.defaultPageBody .content h2{font-size:clamp(26px,3vw,34px);margin:1.6em 0 .6em}
.defaultPageBody .content h3{font-size:clamp(21px,2.4vw,26px);margin:1.5em 0 .5em}
.defaultPageBody .content h4{font-size:19px;margin:1.3em 0 .4em}
.defaultPageBody .content>:first-child{margin-top:0}
.defaultPageBody .content p{margin:0 0 1.1em}
.defaultPageBody .content a:not(.button){color:var(--ink);border-bottom:1px solid var(--gold);text-decoration:none;transition:background .15s}
.defaultPageBody .content a:not(.button):hover{background:var(--cream)}
.defaultPageBody .content ul{margin:0 0 1.2em;padding:0;list-style:none}
.defaultPageBody .content ul li{position:relative;margin:0 0 .5em;padding-left:26px}
.defaultPageBody .content ul li::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.defaultPageBody .content ol{margin:0 0 1.2em;padding-left:1.4em}
.defaultPageBody .content ol li{margin-bottom:.5em;padding-left:.3em}
.defaultPageBody .content ol li::marker{color:#8a6100;font-family:'Montserrat',Arial,sans-serif;font-weight:700}
.defaultPageBody .content img{max-width:100%;height:auto;border-radius:12px}
.defaultPageBody .content blockquote{margin:1.5em 0;padding:20px 26px;background:var(--cream);border-left:6px solid var(--gold);border-radius:0 12px 12px 0}
.defaultPageBody .content hr{margin:2em 0;border:0;border-top:1px solid var(--line)}
.defaultPageBody .content table{width:100%;border-collapse:collapse;font-size:15px}
.defaultPageBody .content table td,.defaultPageBody .content table th{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.defaultPageBody .content table tr:first-child td,.defaultPageBody .content table th{font:700 12px/1.4 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0}
.defaultPageBody .content table tr:nth-child(even) td{background:rgba(245,243,239,.6)}
@media (max-width:680px){
	.defaultPageBody .content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* child page cards */
body .defaultPageBody .container .childPages{float:none;width:auto;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
body .defaultPageBody .container .childPages .childItem{float:none;width:auto;height:auto;margin:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;transition:transform .25s,box-shadow .25s}
body .defaultPageBody .container .childPages .childItem:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1)}
body .defaultPageBody .container .childPages .childItem .top{height:auto;aspect-ratio:1.5;border-bottom:0;background-color:var(--cream)}
body .defaultPageBody .container .childPages .childItem .bottom{height:auto;flex:1;padding:20px 22px 24px;position:static}
body .defaultPageBody .container .childPages .childItem .bottom h6{position:static;transform:none;width:auto;margin:0 !important;padding:0;font:700 19px/1.25 'Montserrat',Arial,sans-serif;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
@media (max-width:1024px){body .defaultPageBody .container .childPages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){body .defaultPageBody .container .childPages{grid-template-columns:1fr}}

/* share row */
body .defaultPageBody .container .inner .shareRow{display:flex;align-items:center;justify-content:space-between;font:700 12px 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
body .defaultPageBody .container .pageFoot .shareRow{display:flex;align-items:center;justify-content:space-between;font:700 12px 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
body .defaultPageBody .container .inner .shareRow span.icons{float:none}
body .defaultPageBody .container .pageFoot .shareRow span.icons{float:none}
body .defaultPageBody .container .inner .shareRow span.icons a.icon_share{margin:0 0 0 6px;padding:0;display:inline-grid;place-items:center;background:var(--dark);transition:background .15s,color .15s}
body .defaultPageBody .container .pageFoot .shareRow span.icons a.icon_share{margin:0 0 0 6px;padding:0;display:inline-grid;place-items:center;background:var(--dark);transition:background .15s,color .15s}
body .defaultPageBody .container .inner .shareRow span.icons a.icon_share:hover{background:var(--gold);color:var(--ink)}
body .defaultPageBody .container .pageFoot .shareRow span.icons a.icon_share:hover{background:var(--gold);color:var(--ink)}
body .defaultPageBody hr{margin:32px 0;border:0;border-top:1px solid var(--line)}

/* forms (application_form and any .form-control) */
body .application_form{margin:36px 0 0;padding:36px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:none;color:var(--ink)} /* one form card for every form (same as the Kontakt page) */
body .singleContent .container .site-content .application_form{padding:36px;border-radius:18px;box-shadow:none} /* legacy single-post rule is more specific */
@media (max-width:680px){body .singleContent .container .site-content .application_form{padding:24px 18px}}
body .application_form.fixed{position:static;width:auto;right:auto;top:auto} /* legacy floats it as a right sidebar above 1440px, which lets the footer overlap it */
body .application_form h2,body .application_form h5{margin:0;font:700 26px/1.2 'Montserrat',Arial,sans-serif}
body .form-control{margin-bottom:16px}
body .form-control label{margin-bottom:8px;font:700 11px/1.3 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
body .form-control input:not([type=checkbox]):not([type=radio]):not([type=range]),body .form-control select,body .form-control textarea{width:100%;padding:0 18px;border:1px solid var(--line);border-radius:10px;background-color:#fff;font:400 16px 'Montserrat',Arial,sans-serif;color:var(--ink);box-shadow:none;transition:border-color .2s,box-shadow .2s}
body .form-control input:not([type=checkbox]):not([type=radio]):not([type=range]),body .form-control select{height:56px}
body .form-control textarea,body .form-control textarea.formInput{height:150px;padding:16px 18px}
body .form-control input:focus,body .form-control select:focus,body .form-control textarea:focus{outline:2px solid var(--dark);outline-offset:1px;border-color:var(--dark);box-shadow:0 0 0 4px rgba(255,183,0,.55)}
body .application_form .form-control .checkbox p,body .application_form .form-control .checkbox label{font:400 13px/1.4 'Montserrat',Arial,sans-serif;text-transform:none;letter-spacing:0}
body .application_form .row.form-control{display:block}
body .application_form .row .half{width:calc(50% - 8px);margin-right:0}
body .application_form .row .half:first-child{float:left}
body .application_form .row .half:last-child{float:right}
body .application_form .row::after{content:"";display:block;clear:both}
@media (max-width:680px){
	body .application_form{padding:24px 18px}
	body .application_form .row .half{float:none!important;width:100%!important;margin:0 0 16px!important}
}

/* legacy buttons -> design-system look */
body button.button,body a.button{min-width:180px;height:52px;padding:0 28px;border:2px solid transparent;border-radius:8px;font:700 14px/1 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;transition:transform .2s,box-shadow .2s}
body button.button:hover,body a.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
body button.button.primary,body a.button.primary{background:var(--gold);color:var(--ink)}
body .application_form button.button.primary{background:var(--dark);color:#fff}
body button.button.dark,body a.button.dark{background:var(--dark);color:#fff}
body button.button.white,body a.button.white{background:#fff;color:var(--ink)}

/* single post */
body .singleContent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:var(--h26-max);margin:0 auto;padding:56px var(--h26-gutter) 80px}
body .singleContent::after{display:none}
body .singleContent #primary{order:1;grid-column:1/-1;max-width:none;width:auto;margin:0;padding:0}
body .singleContent .container .site-content{float:none;width:auto;max-width:860px;margin:0 auto;padding:44px 48px;background:#fff;border:1px solid var(--line);border-radius:18px;font-size:17px;line-height:1.65;color:#3a3532}
body .singleContent .container .site-content:last-child{margin-right:auto}
body .singleContent .container .site-content .pageTitle{display:inline-block;margin:0 0 14px;padding:10px 18px;border-radius:99px;background:var(--gold);font:700 12px/1 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}
body .singleContent .breadcrumb{margin-bottom:26px;font:700 12px/1.4 'Montserrat',Arial,sans-serif;letter-spacing:.06em;color:var(--muted)}
body .singleContent .breadcrumb a{border:0}
body .singleContent .site-content h2:not(.pageTitle){margin:0 0 .6em;font:700 clamp(30px,3.6vw,44px)/1.15 'Montserrat',Arial,sans-serif;letter-spacing:-.01em}
body .singleContent .site-content p{margin:0 0 1.1em}
body .singleContent .site-content a:not(.icon_share):not(.button){color:var(--ink);border-bottom:1px solid var(--gold)}
body .singleContent .site-content img{height:auto;border-radius:12px}
body .singleContent .site-content blockquote{margin:1.5em 0;padding:20px 26px;background:var(--cream);border-left:6px solid var(--gold);border-radius:0 12px 12px 0}
body .singleContent .site-content blockquote::before{content:none}
body .singleContent .site-content hr{margin:32px 0;border:0;border-top:1px solid var(--line)}
body .singleContent .site-content .shareRow{display:flex;align-items:center;justify-content:space-between;font:700 12px 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
body .singleContent .site-content .shareRow span.icons{float:none}
body .singleContent .site-content .shareRow span.icons a.icon_share{margin:0 0 0 6px;padding:0;display:inline-grid;place-items:center;background:var(--dark);border:0}
body .singleContent .site-content .shareRow span.icons a.icon_share:hover{background:var(--gold);color:var(--ink)}
body .singleContent .prevPost,body .singleContent .nextPost{position:static;transform:none;width:auto;display:block;padding:0 0 22px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;transition:transform .25s,box-shadow .25s}
body .singleContent .prevPost{order:2}
body .singleContent .nextPost{order:3}
body .singleContent .prevPost:hover,body .singleContent .nextPost:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1)}
body .singleContent .prevPost .image,body .singleContent .nextPost .image{height:150px;margin:0 0 18px}
body .singleContent .prevPost h5,body .singleContent .nextPost h5{margin:0 22px 12px;font:700 18px/1.3 'Montserrat',Arial,sans-serif}
body .singleContent .prevPost .link,body .singleContent .nextPost .link{margin:0 22px;font:700 12px 'Montserrat',Arial,sans-serif;text-transform:uppercase;border-bottom:1px solid var(--gold)}
@media (max-width:680px){
	body .singleContent{grid-template-columns:minmax(0,1fr);padding:32px 16px 56px}
	body .singleContent .container .site-content{padding:26px 20px;border-radius:14px}
}

/* archive: category pills + post cards */
body .archiveContainer,body .archiveKarijereContainer{padding:56px 0 80px;background:var(--paper)}
body .archiveContainer .container,body .archiveKarijereContainer .container{max-width:var(--h26-max);padding:0 var(--h26-gutter)}
body .archiveContainer .linkHolder,body .archiveKarijereContainer .linkHolder{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
body .archiveContainer .linkHolder ul,body .archiveKarijereContainer .linkHolder ul{display:contents;margin:0;padding:0}
body .archiveContainer .linkHolder a,body .archiveKarijereContainer .linkHolder a{min-width:0;height:auto;padding:10px 20px;border-radius:99px;background:#fff;border:1px solid var(--line);font:700 13px/1.2 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);box-shadow:none}
body .archiveContainer .linkHolder a:hover,body .archiveKarijereContainer .linkHolder a:hover{background:var(--cream);box-shadow:none}
body .archiveContainer .linkHolder a.active,body .archiveContainer .linkHolder .current-cat a,body .archiveKarijereContainer .linkHolder a.active{background:var(--dark);border-color:var(--dark);color:#fff}
body .archiveContainer .contentHolder .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;height:auto!important}
body .archiveContainer .contentHolder .grid::after{display:none}
body .archiveContainer .contentHolder .grid .grid-item{position:static!important;width:auto;margin:0;padding:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;text-align:left;transition:transform .25s,box-shadow .25s}
body .archiveContainer .contentHolder .grid .grid-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1);border-color:var(--line)}
body .archiveContainer .contentHolder .grid .grid-item .item .image{height:190px;margin:0 0 20px}
body .archiveContainer .contentHolder .grid .grid-item .item h4{margin:0 24px 12px;font:700 21px/1.25 'Montserrat',Arial,sans-serif}
body .archiveContainer .contentHolder .grid .grid-item .item p{margin:0 24px 26px;font-size:14px;color:var(--muted)}
body .archiveContainer .contentHolder .button_row,body .archiveKarijereContainer .container .contentHolder .button_row{margin:36px 0 0;text-align:center}
@media (max-width:1024px){body .archiveContainer .contentHolder .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){body .archiveContainer .contentHolder .grid{grid-template-columns:1fr}}

/* search results and careers list */
body .archiveKarijereContainer .container .contentHolder .careersContainer,body .archiveKarijereContainer .container .contentHolder .careersContainer:last-child{float:none;width:auto;max-width:860px;margin:0 auto}
body .archiveKarijereContainer .container .contentHolder .careersContainer .item{margin:0 0 14px;padding:24px 28px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:transform .2s,box-shadow .2s}
body .archiveKarijereContainer .container .contentHolder .careersContainer .item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.08)}
body .archiveKarijereContainer .careersContainer .item h4{margin:0 0 10px;font:700 21px/1.25 'Montserrat',Arial,sans-serif}
body .archiveKarijereContainer .careersContainer .item .type{display:inline-block;margin:0 14px 0 0;padding:6px 12px;border-radius:99px;background:var(--cream);font:700 11px/1 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}
body .archiveKarijereContainer .careersContainer .item .link{font:700 12px 'Montserrat',Arial,sans-serif;text-transform:uppercase;border-bottom:1px solid var(--gold)}
body .archiveKarijereContainer .container .contentHolder .careersContainer h2{margin:0;font:700 26px 'Montserrat',Arial,sans-serif;text-align:center}

/* page.php (title inside the body area) and 404 */
body .defaultPageBody .container .inner>.pageTitle{margin:0 0 10px;font:700 clamp(32px,4.4vw,52px)/1.1 'Montserrat',Arial,sans-serif;letter-spacing:-.01em}
body .defaultPageBody .container .inner>.breadcrumb{margin-bottom:26px;font:700 12px/1.4 'Montserrat',Arial,sans-serif;letter-spacing:.06em;color:var(--muted)}
body.error404 .defaultPageBody .container .inner>.pageTitle{font-size:clamp(64px,10vw,120px);font-family:'Montserrat',Arial,sans-serif;font-weight:800;line-height:1}
body.single,body.error404,body.page{background:var(--paper)}
/* child cards without an icon: plain row-style card, no placeholder tile */
body .defaultPageBody .container .childPages .childItem.noIcon{justify-content:flex-start;padding:22px;border-left:4px solid var(--gold,#c9a45c)}
body .defaultPageBody .container .childPages .childItem.noIcon h6{margin:0 0 10px;font:700 19px/1.25 'Montserrat',Arial,sans-serif;text-transform:none;letter-spacing:0}
body .defaultPageBody .container .childPages .childItem.noIcon .dummyLink{position:static;display:block;margin:0;font:700 13px/1 'Montserrat',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink,#222)}
body .defaultPageBody .container .childPages .childItem .childDesc{margin:0 0 14px;padding:0 22px;font-size:14px;line-height:1.45;color:var(--muted,#6b6b6b)}
body .defaultPageBody .container .childPages .childItem.noIcon .childDesc{padding:0}
body .defaultPageBody .container .childPages .childItem>h6{margin:18px 22px 8px;font:700 19px/1.25 'Montserrat',Arial,sans-serif;text-transform:none;letter-spacing:0;padding:0}
body .defaultPageBody .container .childPages .childItem.noIcon>h6{margin:0 0 10px}
body .defaultPageBody .container .childPages .childItem .dummyLink{margin-top:auto}
body .defaultPageBody .container .childPages .childItem:not(.noIcon) .dummyLink{margin:auto 22px 22px}
body .defaultPageBody .container .childPages .childItem.noIcon{height:auto}
body .defaultPageBody .container .childPages .childItem .dummyLink{display:block;position:static;float:none;font:700 13px/1 'Montserrat',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
body .defaultPageBody .container .childPages .childItem span.dummyLink{opacity:1;align-self:flex-start;border-bottom:2px solid #FFB700;padding-bottom:3px}
body .archiveKarijereContainer .careersContainer .item .pale{margin:0 0 8px;font:700 12px 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#6b645d)}
body .archiveKarijereContainer .archiveEmpty{padding:48px 0;text-align:center;color:var(--muted,#6f6a65)}
/* *-zahvala thank-you pages */
body .thanksPage .content{text-align:center;padding:56px 32px}
body .thanksPage .content p.big{margin:0 0 12px;font:700 clamp(26px,3.6vw,38px)/1.2 'Montserrat',Arial,sans-serif}
body .thanksPage .content a.button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}

/* credit calculator page (page-kreditni-kalkulator.php, step 1): title aligned with the content, summary card, steps row */
body .kreditni_kalkulator{padding:56px 0 0}
body .kreditni_kalkulator .container{max-width:var(--h26-max);padding:0 var(--h26-gutter)}
body .kreditni_kalkulator .container .inner{float:none;width:auto;margin:0}
body .kreditni_kalkulator .container .inner .pageTitle{margin:0 0 14px;font:700 clamp(32px,4.4vw,52px)/1.1 'Montserrat',Arial,sans-serif;letter-spacing:-.01em}
body .kreditni_kalkulator .container .inner .breadcrumb{font:700 12px/1.4 'Montserrat',Arial,sans-serif;letter-spacing:.06em;color:var(--muted)}
body .kreditni_kalkulator .container .content .formStepsFormal,body .kreditni_kalkulator .container .content .formStepsBlink{margin-top:36px;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--line)}
@media (max-width:680px){
	body .kreditni_kalkulator{padding-top:32px}
	body .kreditni_kalkulator .container{padding:0 var(--h26-gutter)}
	}
body .creditCalculatorForm>.pageContent>.container{max-width:var(--h26-max);width:100%;padding:0 var(--h26-gutter)}
@media (max-width:680px){body .creditCalculatorForm>.pageContent>.container{padding:0 var(--h26-gutter)}}

/* Calculator steps 2-5: same 1180 container as the title/step 1, form column aligned to the title, labels like other forms */
body .creditCalculatorForm.stepTwo>.container,body .creditCalculatorForm.stepThree>.container,body .creditCalculatorForm.stepFour>.container,body .creditCalculatorForm.stepFive>.container{max-width:var(--h26-max);width:100%;padding:0 var(--h26-gutter);margin:0 auto;box-sizing:border-box}
body .creditCalculatorForm.stepTwo>.container::after,body .creditCalculatorForm.stepThree>.container::after,body .creditCalculatorForm.stepFour>.container::after,body .creditCalculatorForm.stepFive>.container::after{content:"";display:block;clear:both}
body .creditCalculatorForm.stepTwo>.container>.left,body .creditCalculatorForm.stepThree>.container>.left,body .creditCalculatorForm.stepFour>.container>.left,body .creditCalculatorForm.stepFive>.container>.left{max-width:640px;padding:0;margin:0 0 56px}
body .creditCalculatorForm .left form label:not(.checkbox){display:block;margin-bottom:8px;font:700 11px/1.3 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
body .creditCalculatorForm .left form .greyed.small{display:block;margin:8px 0 14px;color:var(--muted);font:700 11px/1.3 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
body .creditCalculatorForm .left form .form-control{margin-bottom:18px}
body .creditCalculatorForm.stepTwo .right .container,body .creditCalculatorForm.stepThree .right .container,body .creditCalculatorForm.stepFour .right .container,body .creditCalculatorForm.stepFive .right .container{padding:28px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.08);min-height:0}
@media (max-width:680px){body .creditCalculatorForm.stepTwo>.container,body .creditCalculatorForm.stepThree>.container,body .creditCalculatorForm.stepFour>.container,body .creditCalculatorForm.stepFive>.container{padding:0 var(--h26-gutter)}}

/* current / transaction account pages (and moratorium, same wrapper): title aligned with the form, like the calculator */
body .tranactionAccountPageBody{padding:56px 0 0}
body .tranactionAccountPageBody .container{max-width:var(--h26-max);width:100%;padding:0 var(--h26-gutter);margin:0 auto;box-sizing:border-box}
body .tranactionAccountPageBody .container .inner{float:none;width:auto;margin:0}
body .tranactionAccountPageBody .container .inner .pageTitle{margin:0 0 14px;font:700 clamp(32px,4.4vw,52px)/1.1 'Montserrat',Arial,sans-serif;letter-spacing:-.01em}
body .tranactionAccountPageBody .container .inner .breadcrumb{font:700 12px/1.4 'Montserrat',Arial,sans-serif;letter-spacing:.06em;color:var(--muted)}
@media (max-width:680px){
	body .tranactionAccountPageBody{padding-top:32px}
	body .tranactionAccountPageBody .container{padding:0 var(--h26-gutter)}
}
body .tranactionAccountPageBody .formSteps{margin-top:36px;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--line)}
body .tranactionAccountPageBody .formsHolder h5{word-spacing:.25em;letter-spacing:.02em}
body .tranactionAccountPageBody .formsHolder .form-control>.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body .tranactionAccountPageBody .formsHolder .form-control>.row .third{float:none;width:auto;margin:0}
body .tranactionAccountPageBody .formsHolder .form-control>.row .form-control{margin-bottom:0}

/* contact page: two columns, form card no longer pulled over the hero */
body .contactContainer{padding:48px 0 72px}
body .contactContainer .container{max-width:var(--h26-max);padding:0 var(--h26-gutter);width:auto;margin:0 auto}
body .contactContainer .container.contactMain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
body .contactContainer.noIntro .container.contactMain{grid-template-columns:minmax(0,640px)}
body .contactContainer .container .left,body .contactContainer .container .right{float:none;width:auto;margin:0}
body .contactContainer .container .right .contact_form{margin-top:0;padding:36px;border:1px solid var(--line);border-radius:18px;box-shadow:none;background:#fff}
body .contactContainer .container .additionalContacts{margin:48px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 32px}
body .contactContainer .container .additionalContacts h4{grid-column:1/-1;margin:0 0 12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
body .contactContainer .container .additionalContacts .item,body .contactContainer .container .additionalContacts .item:nth-child(n){float:none;width:auto;margin:0 0 20px;clear:none}
body .contactContainer .container .left h3{font-size:clamp(20px,2vw,24px);margin:0 0 .6em}
body .contactContainer .container .left p.big{font-size:19px;line-height:1.5;margin:0 0 4px}
body .bankInformation .container{max-width:var(--h26-max);padding:0 var(--h26-gutter)}
@media (max-width:1024px){
	body .contactContainer .container.contactMain{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (max-width:680px){
	body .contactContainer .container .additionalContacts{grid-template-columns:minmax(0,1fr)}
	body .contactContainer{padding:32px 0 48px}
	body .contactContainer .container{padding:0 var(--h26-gutter)}
	body .contactContainer .container .right .contact_form{padding:24px 18px}
}

/* Exchange-rate pages (page-tecajna-lista*.php) */
body .tecajnaListaContainer{padding:48px 0 64px}
body .tecajnaListaContainer .container{max-width:var(--h26-max);padding:0 var(--h26-gutter)}
body .tecajnaListaContainer .container .tecajniCalc{padding:32px;border:1px solid var(--line);border-radius:18px;background:#fff}
body .tecajnaListaContainer .container .tecajniCalc .calcRow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
body .tecajnaListaContainer .container .tecajniCalc .calcRow>*{float:none;margin:0}
body .tecajnaListaContainer .container .tecajniCalc .calcRow .inputcur{width:auto;flex:1 1 180px}
body .tecajnaListaContainer .container .tecajniCalc .calcRow .cur{width:auto;flex:0 1 130px}
body .tecajnaListaContainer .container .tecajniCalc .calcRow .result{width:auto;flex:2 1 220px;display:flex;align-items:center;padding:0 16px;border-radius:12px}
body .tecajnaListaContainer .container .tecajniCalc .calcRow>div[style]{flex:1 0 100%;text-align:right;color:var(--muted,#6b6b6b)}
body .tecajnaListaContainer .container .infoRow{padding:32px 0 24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body .tecajnaListaContainer .container .infoRow .form-control{position:relative;margin:0 4px}
body .tecajnaListaContainer .container .responsiveTable{overflow-x:auto;border-radius:14px;background:#fff;border:1px solid var(--line)}
body .tecajnaListaContainer .container .responsiveTable table thead tr{box-shadow:none;border-bottom:1px solid var(--line)}
body .tecajnaListaContainer .container .responsiveTable table th{min-width:84px;vertical-align:bottom}
body .tecajnaListaContainer .container .button_row{margin-top:24px}
@media (max-width:680px){
	body .tecajnaListaContainer{padding:28px 0 40px}
	body .tecajnaListaContainer .container{padding:0 var(--h26-gutter)}
	body .tecajnaListaContainer .container .tecajniCalc{padding:20px 16px}
	body .tecajnaListaContainer .container .tecajniCalc .calcRow .inputcur,body .tecajnaListaContainer .container .tecajniCalc .calcRow .cur,body .tecajnaListaContainer .container .tecajniCalc .calcRow .result{flex:1 1 100%}
	body .tecajnaListaContainer .container .infoRow .form-control{flex:1 1 100%;margin:4px 0}
	body .tecajnaListaContainer .container .responsiveTable table th{min-width:96px}
}

/* calculator page step 1 uses the homepage calculator markup (.h26-calc); only the spacing around it is page specific */
body .creditCalculatorForm.stepOne .h26-calc{padding:0 0 56px;background:transparent}
@media (max-width:680px){body .creditCalculatorForm.stepOne .h26-calc .h26-wrap{padding:0 var(--h26-gutter)}}

/* ---- content normalisation (2026-10-30): old editor content carries inline styles (alignment, colours, fonts, fixed table sizes) that make pages look different from each other ---- */
body .defaultPageBody .content :is(p,h1,h2,h3,h4,h5,h6,li,div,span,strong,em,td,th)[style*="font-family"]{font-family:'Montserrat',Arial,sans-serif !important}
body .defaultPageBody .content :is(p,h1,h2,h3,h4,h5,h6,li,span,strong,em):not([style*="background"])[style*="color"]{color:inherit !important}
body .defaultPageBody .content :is(p,h1,h2,h3,h4,h5,h6,li,span,strong,em)[style*="font-size"]{font-size:inherit !important}
body .defaultPageBody .content :is(p,h1,h2,h3,h4,h5,h6,li,div)[style*="text-align"]{text-align:left !important}
body .defaultPageBody .content :is(p,h1,h2,h3,h4,h5,h6,li,div)[style*="padding-left"]{padding-left:0 !important}
body .defaultPageBody .content :is(p,span)[style*="text-indent"]{text-indent:0 !important}
body .defaultPageBody .content :is(h1,h2,h3,h4,h5,h6){font-family:'Montserrat',Arial,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.01em;text-transform:none;color:var(--ink);text-align:left;margin:1.6em 0 .6em}
body .defaultPageBody .content h1,body .defaultPageBody .content h2{font-size:clamp(26px,2.6vw,34px)}
body .defaultPageBody .content h3{font-size:clamp(22px,2.1vw,27px)}
body .defaultPageBody .content h4{font-size:19px}
body .defaultPageBody .content :is(h5,h6){font-size:16px}
body .defaultPageBody .content>:first-child{margin-top:0}
body .defaultPageBody .content li{list-style:none}
body .defaultPageBody .content table{width:100% !important;height:auto !important;max-width:100%;table-layout:auto}
body .defaultPageBody .content :is(tr,td,th){height:auto !important}
body .defaultPageBody .content img{max-width:100%;height:auto}
/* legacy buttons inside content: one look (dark on light pages), centred label, air around */
body .defaultPageBody .content a.button,body .defaultPageBody .content button.button{display:inline-flex;align-items:center;justify-content:center;margin:20px 0;line-height:1;text-decoration:none;border-bottom:2px solid transparent}
body .defaultPageBody .content a.button:not(.white),body .defaultPageBody .content button.button:not(.white){background:var(--dark);color:#fff;border-color:var(--dark)}
body .defaultPageBody .content a.button:not(.white):hover{background:var(--gold);color:var(--ink);border-color:var(--gold);background-image:none}
/* form heading: same everywhere, also when the form sits inside .content */
body .application_form h2,body .application_form h5,body .defaultPageBody .content .application_form h5{margin:0 0 8px;font:700 26px/1.2 'Montserrat',Arial,sans-serif;text-transform:none;letter-spacing:-.01em;color:var(--ink)}
body .application_form .form-control textarea,body .application_form .form-control textarea.formInput{height:150px !important}
/* checkbox consent line: same size/case in every form (contact page used large uppercase) */
body .form-control .checkbox label,body .form-control .checkbox p,body .contact_form .checkbox label,body .contact_form .checkbox p{font:400 13px/1.4 'Montserrat',Arial,sans-serif;text-transform:none;letter-spacing:0}
body .form-control .checkbox a{text-transform:none;letter-spacing:0;font-weight:700}
/* inactive step title of the two-step account forms was nearly invisible */
body .tranactionAccountPageBody .formSteps .step:not(.active),body .tranactionAccountPageBody .formSteps .step:not(.active) h4,body .tranactionAccountPageBody .formSteps .step:not(.active) h6{opacity:1;color:var(--muted)}

/* ---- page layout (2026-10-30): one grid for every content template ----
   Parts: .sidebar (template 4 menu), .inner.main (text card), .childPages (cards), .application_form (optional form), .pageFoot (share row).
   No menu and no form = text card takes the full width. Form sits on the RIGHT when it fits (>=1100px, with menu >=1380px), else below the text. */
body .defaultPageBody .container{display:grid;gap:32px;align-items:start;grid-template-columns:minmax(0,1fr);grid-template-areas:"side" "main" "cards" "form" "foot"}
body .defaultPageBody .container::after{display:none}
body .defaultPageBody .container>.sidebar{grid-area:side}
body .defaultPageBody .container>.inner.main,body .defaultPageBody .container>.inner.main:last-child{grid-area:main;max-width:none;width:auto;margin:0}
body .defaultPageBody .container>.childPages{grid-area:cards;margin:0}
body .defaultPageBody .container>.application_form{grid-area:form;margin:0}
body .defaultPageBody .container>.pageFoot{grid-area:foot}
body .defaultPageBody .container>.pageFoot hr{margin:0 0 20px}
body .defaultPageBody .container>.inner.main:empty{display:none}
@media (min-width:1025px){
	body .defaultPageBody.sidebarContent .container{grid-template-columns:280px minmax(0,1fr);grid-template-areas:"side main" "side form" "side foot"}
}
@media (min-width:1100px){
	body .defaultPageBody:not(.sidebarContent).hasForm .container{grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"main form" "cards cards" "foot foot"}
}
@media (min-width:1380px){
	body .defaultPageBody.sidebarContent.hasForm .container{grid-template-columns:280px minmax(0,1fr) 380px;grid-template-areas:"side main form" "side foot foot"}
}
body .defaultPageBody .container>.pageFoot .shareRow span.icons a.icon_share{width:32px;height:32px;margin:0 0 0 6px;padding:0;border:0;border-radius:50%;color:#fff;font-size:14px;line-height:1}
body .defaultPageBody .container>.pageFoot .shareRow span.icons a.icon_share:hover{color:var(--ink)}
body .defaultPageBody .content td a,body .defaultPageBody .content th a{overflow-wrap:break-word;word-break:normal}
@media (max-width:680px){body .defaultPageBody .content table:has(img) :is(tbody,tr,td,th){display:block;width:100% !important;height:auto !important}body .defaultPageBody .content table:has(img) td{padding:12px 0}}
/* contact intro: phone/fax icons were pulled outside the page edge (legacy negative offset): keep them inline */
body .defaultPageBody .content p.tel::before,body .defaultPageBody .content p.fax::before,body .contactContainer p.tel::before,body .contactContainer p.fax::before,body .contactContainer p.tel:before,body .contactContainer p.fax:before{position:static !important;left:auto !important;margin:0 10px 0 0;display:inline-block}
body .contactContainer p.tel,body .contactContainer p.fax{padding-left:0 !important;text-indent:0 !important}
/* inactive step title of two-step forms (legacy #ddd) */
body .tranactionAccountPageBody .formSteps .step:not(.active) h4,body .tranactionAccountPageBody .formSteps .step:not(.active) h6{color:#8c867f !important}
/* calculator step 2 ("Zahtjev"): the shared form look (.h26-lf) in the same white card as the Kontakt page form */
body .creditCalculatorForm.stepTwo form#creditCalcStepTwoFormal{padding:36px;border:1px solid var(--line);border-radius:18px;background:#fff}
@media (max-width:680px){body .creditCalculatorForm.stepTwo form#creditCalcStepTwoFormal{padding:24px 18px}}
body .creditCalculatorForm .left .h26-lf label.h26-lf__check{display:flex;align-items:flex-start;gap:12px;margin:0;font:400 13px/1.4 'Montserrat',Arial,sans-serif;text-transform:none;letter-spacing:0}
body .creditCalculatorForm .left .h26-lf .h26-lf__check input{margin:0}
/* current/transaction account forms: the shared form card (white, 18px, 36px) and the dark submit/continue buttons, like every other form */
body .tranactionAccountPageBody .formsHolder .left form{padding:36px;background:#fff;border:1px solid var(--line);border-radius:18px}
body .tranactionAccountPageBody .formsHolder .left form button.button.primary{background:var(--dark);border-color:var(--dark);color:#fff}
@media (max-width:680px){body .tranactionAccountPageBody .formsHolder .left form{padding:24px 18px}}
body .tranactionAccountPageBody{padding-bottom:72px}
body .tranactionAccountPageBody .formsHolder .left form label:not(.checkbox){display:block;margin-bottom:8px;font:700 11px/1.3 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
body .tranactionAccountPageBody{background:var(--paper,#F5F3EF)}