:root {
    --orange: #f77e06;
    --orange-700: #ffffff;
    --orange-ink: #a94a06;
    --orange-soft: #fff3c4;
    --ink: #141414;
    --ink-2: #222222;
    --fg: #141414;
    --bg: #ffffff;
    --muted: #55575a;
    --sheet: #ffffff;
    --bg: #ffffff;
    --surface: #f1f0ed;
    --line: #d8d7d3;
    --line-strong: #141414;
    --line-dark: #3a3a3a;
    --on-dark: #f4f3f0;
    --on-dark-muted: #b9b8b4;
    --yellow: #f2c418;
    --font: "Albert Sans", "Helvetica Neue", Arial, sans-serif;
    --display: "Big Shoulders Display", "Arial Narrow", sans-serif;
    --mono: var(--font);
    --radius: 0;
    --fs-hero: clamp(3rem, 5.6vw, 6.6rem);
    --fs-h2: clamp(2.6rem, 4.4vw, 5rem);
    --fs-h3: clamp(1.5rem, 1.8vw, 2rem);
    --fs-figure: clamp(3.4rem, 6.4vw, 7.6rem);
    --field: #f2c418;
    --field-ink: #141414;
    --fs-lead: clamp(1.1rem, 1.2vw, 1.32rem);
    --section: clamp(3.5rem, 6vw, 7rem);
}

body {font-family: var(--font); font-size: var(--fs-body); line-height: 1.6;}
h1, h2, h3 { font-family: var(--display); font-weight: 800;  letter-spacing: 0; line-height: .92; background:transparent!important; text-wrap: balance; white-space: normal!important;}
h1 span, h2 span, h3 span { font-family: var(--display); font-weight: 800;  letter-spacing: 0; line-height: .92; background:transparent!important;}
p{color:#141414;}

/* ===== 01 Zaglavlje (prema dizajnu v1, #941728) ===== */
/* ===== 25 Page header: naslov h1 ne smije odrezati spuštena slova j, p, g (overflow: hidden na page-headeru) (#943310) ===== */
.main .page-header h1[data-title-border] { padding-bottom: .24em !important; }
#header .header-body { background: #fff; border-bottom: 3px solid var(--ink); }
#header .header-logo { width: auto !important; max-width: 132px; }
#header .header-logo img { width: 132px !important; height: auto; margin-top: 36px; }
.main > .mt-4:has(> .row .a-hero) { margin-top: 0 !important; }
/* ljepljivo zaglavlje: tema ga pomiče -52px (bilo za veliki logo), s malim logom ostaje cijelo */
html.sticky-header-active #header .header-body { top: 0 !important; }
html.sticky-header-active #header .header-logo img { top: 0 !important; }
#header #mainNav > li > a { position: relative; text-transform: none; font-size: 1.0625rem; font-weight: 700; color: var(--ink) !important; background: transparent !important; letter-spacing: 0;}
.page-header:after, .page-header-title-border {display:none;}
.page-header .col-md-4.order-1.order-md-2 {display:none;}
.a-prepravak-lead .container-xl {display: flex; align-items: center; justify-content: space-between;}
.ask { background: var(--bg)!important; border-top: 1px solid var(--line-strong)!important;}

/* tema ima svoju žutu crtu (::before); dizajn traži crnu */
#header #mainNav > li > a::before { display: none !important; }
#header #mainNav > li > a::after {
    content: ""; position: absolute; left: .9rem; right: .9rem; bottom: 12px; height: 3px;
    background: var(--ink); transform: scaleX(0); transform-origin: left;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1);
}
#header #mainNav > li > a:hover::after,
#header #mainNav > li > a:focus-visible::after,
#header #mainNav > li > a.active::after { transform: scaleX(1); }

/* telefon u zaglavlju */
#header a.tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.0625rem; color: var(--ink); text-decoration: none; white-space: nowrap; }
#header a.tel svg { width: 1.1em; height: 1.1em; color: var(--ink); }
#header a.tel span { display: inline; }
#header a.tel:hover { text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: .2em; }

/* gumb "Zatražite ponudu" u zaglavlju */
#header .header-nav-top .nav-link {
    display: inline-flex; align-items: center; min-height: 46px; padding: .5rem 1.1rem !important;
    background: var(--orange); border: 2px solid var(--orange); border-radius: 0; color: var(--ink) !important;
    font-weight: 700; font-size: 1rem; white-space: nowrap; transition: background-color .2s, border-color .2s, color .2s;
}
#header .header-nav-top .nav-link:hover { background: var(--ink); border-color: var(--ink); color: #fff !important; }
.section { padding-block: var(--section);}

.a-hero { color: var(--field-ink); background: var(--field); padding-block: clamp(1.8rem, 3.2vw, 3.4rem) clamp(1.4rem, 2.4vw, 2.4rem); transition: background-color .6s var(--ease), color .4s var(--ease);}
.hero-title h1 span{ font-size: var(--fs-hero); max-width: 22ch;}
.hero-title p {font-size: var(--fs-lead); line-height: 1.5; max-width: 38ch; margin-bottom:0;}
.hero-kolona-flex{ display: flex; align-items: end;}
.hero-title .heading.heading-border { margin-bottom: 0px;}

.heading-title p{ margin-top: 1rem; max-width: 46ch; font-size: 1.125rem;}
.underline-btn {margin:1.6rem 0 0!important; padding:0!important; font-size: var(--fs-body)!important; display: inline-flex; gap: .55rem;  align-items: center; font-weight: 700;  text-decoration: none; border-bottom: 3px solid var(--ink); border-radius:0;}
.heading-title .col-sm-12 {padding:0;}
.heading-title-white p{color:#f4f3f0;}
.heading-title-white h2 span {color:#f4f3f0;}
.heading-title-white .underline-btn {border-bottom-color: var(--yellow);}

.a-convert { display: flex;  background: var(--surface); align-items: center; max-width: 2185px; margin: auto;}
.a-convert .heading{ padding: clamp(2rem, 4vw, 4.5rem)!important; align-self: center;}
.a-convert .py-2 {padding:0!important;}
.a-convert li {padding:0;}

.radijatori img {width: 100%; height: 100%; min-height: 520px;object-fit: cover;transform: unset;  max-height: 895px;}

.a-video {background: var(--ink); color: #f4f3f0;padding-block: var(--section);}
.video-block video{width: 100%; height: 100%; min-height: 520px;object-fit: cover;transform: unset;  max-height: 520px;}

.kolona-flex {display:flex;}
.kolona-flex-60 {width:60%; flex-grow:0; flex-shrink:0;}
.kolona-flex-40 {width:40%; flex-grow:0; flex-shrink:0;}

.carousel-color .header-lists {display:none!important;}

/* ===== 02 Hero: gumbi ===== */
.a-hero .btn { border-radius: 0; min-height: 54px; padding: .5rem 1.5rem; font-weight: 700; font-size: 1.0625rem; display: inline-flex; align-items: center; gap: .8rem; transition: background-color .2s, border-color .2s, color .2s; }
.a-hero .hero-btn-zatrazite { background: var(--orange) !important; border: 2px solid var(--orange) !important; color: var(--ink) !important; }
.a-hero .hero-btn-zatrazite:hover { background: var(--ink) !important; border-color: var(--ink) !important; color: #fff !important; }
.a-hero .hero-btn-zatrazite i { transition: transform .25s; }
.a-hero .hero-btn-zatrazite:hover i { transform: translateX(3px); }
.a-hero .hero-btn-phone { background: transparent !important; border: 0 !important; color: var(--field-ink) !important; font-size: 1.2rem; }
.a-hero .hero-btn-phone:hover { text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: .2em; }
.a-hero .hero-title h1 span, .a-hero .hero-title p { color: var(--field-ink) !important; }

/* ===== 02 Hero: pločice u boji (klik mijenja boju plohe, other-js.js) ===== */
.a-hero .py-4 { padding-bottom: 0 !important; }
.a-hero .owl-item { cursor: pointer; }
.a-hero .owl-item picture { display: block; }
.a-hero .owl-item img { display: block; width: 100%; height: clamp(300px, 46vh, 470px); min-height: 0 !important; max-height: none !important; object-fit: cover; border-radius: 0 !important; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.a-hero .owl-item > div { overflow: hidden; }
.a-hero .owl-item:hover img { transform: scale(1.02); }
.a-hero .owl-item .content { position: relative; z-index: 1; padding: .7rem .2rem 6px; background: var(--field); transition: background-color .6s cubic-bezier(.22, 1, .36, 1); }
.a-hero .owl-item .content h4 { display: flex; align-items: center; gap: .55rem; margin: 0; font: 700 1rem/1 var(--font); color: var(--field-ink) !important; }
.a-hero .owl-item .content h4::before { content: ""; width: 22px; height: 22px; flex: none; border-radius: 50%; border: 2px solid currentColor; background: var(--swatch, transparent); }
.a-hero .owl-item:nth-child(1) { --swatch: #f2c418; }
.a-hero .owl-item:nth-child(2) { --swatch: #e25b9b; }
.a-hero .owl-item:nth-child(3) { --swatch: #1c1d1f; }
.a-hero .owl-item:nth-child(4) { --swatch: #ffffff; }
.a-hero .owl-item.is-selected .content h4 { text-decoration: underline; text-underline-offset: .25em; text-decoration-thickness: 2px; padding-left: 6px; gap: calc(.55rem + 5px); }
.a-hero .owl-item.is-selected .content h4::before { box-shadow: 0 0 0 3px var(--field), 0 0 0 5px currentColor; }
/* T926642: samo bijeli radijatori, pločice nose sobu ili model umjesto boje, pa bez kružića */
.a-hero .owl-item .content h4::before { display: none; }
.a-hero .owl-item.is-selected .content h4 { padding-left: 0; gap: .55rem; }

.prepravak-icons i:before{color:rgb(20, 20, 20);}
/*#header .header-nav.header-nav-line nav>ul>li.dropdown:hover>.dropdown-menu {margin-top:5px;}*/

/* desktop: sve 4 pločice vidljive, odabrana se širi */
@media (min-width: 1200px) {
    .a-hero .owl-stage { display: flex; gap: 6px; width: 100% !important; transform: none !important; }
    .a-hero .owl-item { flex: 1 1 0; min-width: 0; width: auto !important; transition: flex-grow .55s cubic-bezier(.22, 1, .36, 1); }
    .a-hero .owl-item.is-selected { flex-grow: 3.2; }
}
@media (max-width: 1280px) {
    #header .header-nav-top .nav-link, #header .header-nav-top .nav-item { display: none !important; }
}
@media (max-width: 600px) {
    #header a.tel span { display: none; }
    #header a.tel { width: 46px; height: 46px; justify-content: center; border: 1px solid var(--ink); }
}
@media (max-width: 960px) {
    .a-hero .hero-kolona-flex { flex-wrap: wrap; }
    .a-hero .hero-kolona-flex > * { flex: 1 1 100%; }
    .a-hero .button-tag .col-sm-12 { justify-content: flex-start !important; flex-wrap: wrap; gap: .4rem 1.4rem; }
    .a-hero .owl-item img { height: 360px; }
}
@media (max-width: 600px) {
    .a-hero .owl-item img { height: 300px; }
    .a-hero .owl-item .content h4 { font-size: .875rem; }
    .a-hero .owl-item .content h4::before { width: 16px; height: 16px; }
}

.glightbox-inner { margin-left: 0; }

/* ===== Font naslova: Google ga sada isporučuje kao "Big Shoulders" (bivši "Big Shoulders Display"), #941728 ===== */
:root { --display: "Big Shoulders", "Big Shoulders Display", "Arial Narrow", sans-serif; --ease: cubic-bezier(.22, 1, .36, 1); }

/* zajednički naslov sekcija (dizajn .a-h2): crta 3 px iznad, veliki uski naslov */
.a-convert .heading-title h2, .a-video .heading-title h2 {
    width: 100%; margin: 0 0 clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem;
    border-top: 3px solid var(--ink); font-size: var(--fs-h2) !important; line-height: .92;
}
.a-convert .heading-title h2 span, .a-video .heading-title h2 span { font-size: inherit; line-height: inherit; }
.a-convert .heading-wrapper-left, .a-convert .heading-wrapper-right,
.a-video .heading-wrapper-left, .a-video .heading-wrapper-right { display: none !important; }
.a-convert .heading-title p, .a-video .heading-title p { margin-top: 0; max-width: 46ch; font-size: 1.125rem; line-height: 1.6; }
.a-convert .heading-title .button-tag, .a-video .heading-title .button-tag { padding: 0; }
.a-convert .heading-title .button-tag .row, .a-video .heading-title .button-tag .row { margin: 0; }

/* ===== 06 Stari radijator, nova boja, nova struja: slika | tekst | slika (4 : 5 : 4) ===== */
.a-convert { display: grid; grid-template-columns: 4fr 5fr 4fr; align-items: stretch; }
.a-convert > .container-xl { max-width: none; width: auto; margin: 0; padding: 0 !important; }
.a-convert > .container-xl > .row { margin: 0; height: 100%; }
.a-convert > .container-xl > .row > [class*="col-"] { padding: 0; height: 100%; }
.a-convert .box.radijatori, .a-convert .glightbox-inner, .a-convert .glightbox-inner > div,
.a-convert .glightbox-gallary, .a-convert .glightbox-gallary li, .a-convert .glightbox-gallary a,
.a-convert .glightbox-gallary picture { display: block; height: 100%; margin: 0; }
.a-convert .glightbox-gallary { padding: 0; }
.a-convert .radijatori img { display: block; width: 100%; height: 100%; min-height: 520px; max-height: none; object-fit: cover; }
.a-convert .heading-title { align-self: center; }
.a-convert .heading-title .row, .a-convert .heading-title .col { margin: 0; padding: 0; }
.a-convert .heading-title h2 span { color: var(--ink); }

/* ===== 06b Video iz pogona: sličica 7 | tekst 5, tamna ploha ===== */
.a-video .kolona-flex { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: center; }
.a-video .kolona-flex-60, .a-video .kolona-flex-40 { width: auto; min-width: 0; }
.a-video .video-block .glightbox-gallary { margin: 0; padding: 0; }
.a-video .video-block li { padding: 0; }
.a-video .video-block a.glightbox { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.a-video .video-block picture { display: block; height: 100%; }
.a-video .video-block img { display: block; width: 100%; height: 100% !important; min-height: 0 !important; max-height: none !important; object-fit: cover; transform: none !important; }
/* gumb za pokretanje: žuti kvadrat s ikonom (Font Awesome play) */
.a-video .video-block a.glightbox::after {
    content: "\f04b"; position: absolute; left: 50%; top: 50%; translate: -50% -50%;
    display: grid; place-items: center; width: 92px; height: 92px; padding-left: 4px;
    background: var(--yellow); color: var(--ink); font: 400 34px/1 "Font Awesome 6 Pro";
    transition: transform .3s var(--ease);
}
.a-video .video-block a.glightbox:hover::after { transform: scale(1.06); }
.a-video .heading-title { padding: 0 !important; }
.a-video .heading-title .row, .a-video .heading-title .col { margin: 0; padding: 0; }
.a-video .heading-title h2 { border-top-color: var(--on-dark); }
.a-video .heading-title p { color: var(--on-dark-muted); }

.a-video-dark2 .heading-title h2 { border-top-color: var(--on-dark); }
.a-video-dark2 .heading-title p { color: #55575a; }
.a-video-dark2.a-video .featured-boxes-sidebar h4 {color: var(--fg)!important;}



@media (max-width: 960px) {
    /* tekst preko cijele širine, dvije slike ispod njega jedna uz drugu */
    .a-convert { grid-template-columns: 1fr 1fr; }
    .a-convert .heading-title { grid-column: 1 / -1; grid-row: 1; }
    .a-convert .radijatori img { min-height: 320px; }
    .a-video .kolona-flex { grid-template-columns: 1fr; }
    .a-video .kolona-flex-60, .a-video .kolona-flex-40 { width: 100%; }
    .a-video .video-block a.glightbox::after { width: 72px; height: 72px; font-size: 28px; }
}

/* sekcije preko cijele širine: .row no-sidebar ima -15 px margine bez containera, pa stranica ide 15 px udesno (vodoravni scroll) */
.main > .mt-4 { overflow-x: clip; }

.mt-4, .my-4 {
    margin-top: 0 !important;
}

* ===== 07 Izjava kupca: veliki citat, crta 3 px iznad, mediji u nizu (#941728) ===== */
.a-quote { padding-block: var(--section); }
.a-quote .heading-title { padding: 0 !important; }
.a-quote .heading-title .row, .a-quote .heading-title .col { margin: 0; padding: 0; }
.a-quote .heading-wrapper-left, .a-quote .heading-wrapper-right { display: none !important; }
.a-quote .heading-wrapper { display: block; padding-top: 1rem; border-top: 3px solid var(--ink); }
.a-quote .heading-title h2 { margin: 0; max-width: none; color: var(--ink) !important; }
.a-quote .heading-title h2 span {
    display: block; max-width: 24ch; color: var(--ink) !important;
    font: 800 clamp(2.4rem, 4.6vw, 5.4rem)/.98 var(--display); letter-spacing: 0; text-transform: none;
}
.a-quote .heading-text-below { margin: 0 !important; }
.a-quote .heading-text-below p { margin: 1.4rem 0 0; font-size: 1.0625rem; line-height: 1.6; color: var(--ink) !important; }
.a-quote .heading-text-below p a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: .2em; }
.a-quote .heading-text-below ul { display: flex; flex-wrap: wrap; gap: .4rem 0; margin: clamp(2.5rem, 4vw, 4rem) 0 0; padding: 0; list-style: none; }
.a-quote .heading-text-below li {
    margin: 0 1.4rem 0 0; padding: 0 1.4rem 0 0; border-right: 2px solid var(--line);
    font: 800 1.5rem/1 var(--display); color: var(--ink);
}
.a-quote .heading-text-below li:last-child { margin-right: 0; padding-right: 0; border-right: 0; }

/* ===== 08 Recite nam boju i sobu: tekst 5 | obrazac 7 na crnoj plohi =====
sekcija na devu ima klasu a-video (kao video iznad), pa se razlikuje po obrascu (:has(.fui-form)) */
.a-video:has(.fui-form) .kolona-flex { grid-template-columns: 5fr 7fr; align-items: start; }
.a-video:has(.fui-form) .heading-title h2 { max-width: 15ch; }
.a-video:has(.fui-form) .heading-title p { max-width: 60ch; font-size: var(--fs-lead, 1.32rem); line-height: 1.5; }
.a-video:has(.fui-form) .heading-title p a { color: var(--on-dark); text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; }

/* kontakt: tri retka s ikonom umjesto bijelih kartica sa žutim krugom */
.a-video .featured-boxes-sidebar { margin: 2rem 0 0 !important; }
.a-video .featured-boxes-sidebar > .col-lg-12 { padding: 0; }
.a-video .featured-boxes-sidebar .featured-boxes > .row { display: grid; gap: .9rem; margin: 0; }
.a-video .featured-boxes-sidebar .featured-boxes > .row > [class*="col-"] { width: auto; max-width: none; margin: 0 !important; padding: 0; }
.a-video .featured-boxes-sidebar .featured-box { height: auto !important; min-height: 0 !important; margin: 0; background: transparent !important; box-shadow: none !important; border: 0 !important; transform: none !important; }
.a-video .featured-boxes-sidebar .box-content {
    display: flex; align-items: center; gap: .7rem; margin: 0 !important; padding: 0 !important; min-height: 0;
    background: transparent !important; border: 0 !important; box-shadow: none !important; text-align: left;
}
.a-video .featured-boxes-sidebar .icon-featured {
    position: static !important; display: inline-block; width: auto !important; height: auto !important; margin: 0 !important;
    background: none !important; border: 0 !important; color: var(--on-dark) !important; font-size: 1.15rem !important; line-height: 1 !important;
    top: auto !important; left: auto !important; transform: none !important;
}
.a-video .featured-boxes-sidebar .icon-featured::after { display: none !important; }
.a-video .featured-boxes-sidebar h4 { margin: 0 !important; font: 400 1.125rem/1.4 var(--font) !important; color: var(--on-dark) !important; }
.a-video .featured-boxes-sidebar h4 p { margin: 0; color: inherit; font: inherit; }
.a-video .featured-boxes-sidebar .col-lg-6:first-child .icon-featured { font-size: 1.5rem !important; }
.a-video .featured-boxes-sidebar .col-lg-6:first-child h4 { font-size: 1.5rem !important; font-weight: 700 !important; }
.a-video .featured-boxes-sidebar .box-content:has(.stretched-link):hover h4 { text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: .2em; }

/* obrazac: bijela ploha, dijelovi odvojeni crtom, polja s crnim okvirom 2 px */
.a-video .custom-form { margin: 0 !important; color: var(--ink); }
.a-video:has(.fui-form) .kolona-flex-60 :is(.container-xl, .row, .col-lg-12) { max-width: none; margin: 0 !important; padding: 0 !important; }
.a-video .fui-i { --fui-border-radius: 0; background: #fff; color: var(--ink); font-family: var(--font); }
.a-video .fui-form-container { padding: 0; }
.a-video .fui-page-container { padding: 1.4rem 1.5rem 0; }
.a-video .fui-row { margin-bottom: 0; }
.a-video .fui-page-row { gap: 1rem 1.2rem; margin: 0 0 1rem; }
.a-video .fui-page-row > .fui-field, .a-video .fui-field-rows .fui-field { margin: 0; padding: 0; }
.a-video .fui-field-rows, .a-video .fui-field-rows .fui-row { margin: 0; }
.a-video .fui-field[style] { margin-top: 0 !important; }
.a-video .fui-heading { margin: 0 0 .2rem; font: 800 1.5rem/1.3 var(--display); color: var(--ink); letter-spacing: 0; text-transform: none; }
/* drugi naslov („Objekt…”) otvara novi dio: crta preko cijele širine obrasca */
.a-video .fui-page-row:has([data-field-handle="objektDovoljnoZaPrvuProcjenu"]) { margin: 1.6rem -1.5rem 1rem; padding: 1.4rem 1.5rem 0; border-top: 1px solid var(--line); }
.a-video .fui-label, .a-video .fui-legend { margin-bottom: .4rem; font: 600 1rem/1.6 var(--font); color: var(--ink); }
.a-video .fui-required { color: var(--ink); }
.a-video .fui-input, .a-video .fui-select {
    width: 100%; min-height: 50px; padding: .7rem .9rem; border: 2px solid var(--ink); border-radius: 0;
    background-color: #fff; color: var(--ink); font: 400 1.125rem/1.5 var(--font); box-shadow: none;
    transition: box-shadow .15s;
}
.a-video .fui-select { padding-right: 2.5rem; }
.a-video textarea.fui-input { min-height: 110px; resize: vertical; }
/* površina je višeredno polje u Formieu; u dizajnu je jedan redak */
.a-video [data-field-handle="povrsinaZaGrijanjeM2"] textarea.fui-input { min-height: 50px; height: 50px; resize: none; overflow: hidden; }
.a-video .fui-input::placeholder { color: var(--muted); opacity: 1; }
.a-video .fui-input:focus, .a-video .fui-select:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 3px var(--yellow); }
.a-video .fui-input.fui-error, .a-video .fui-select.fui-error { border-color: #b3261e; }
.a-video .fui-error-message { color: #b3261e; font-size: .9375rem; }
/* podnožje obrasca: napomena lijevo, gumb desno, crta iznad */
.a-video .fui-page { position: relative; }
.a-video .fui-page-row:has([data-field-handle="labela"]) {
    margin: 1.6rem -1.5rem 0; padding: 1.3rem calc(1.5rem + 260px) 1.3rem 1.5rem; min-height: 97px;
    display: flex; align-items: center; border-top: 1px solid var(--ink);
}
.a-video [data-field-handle="labela"] .fui-input-wrapper { font-size: .9375rem; line-height: 1.5; color: var(--muted); }
.a-video [data-field-handle="labela"] a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; }
.a-video .fui-btn-wrapper.novo { position: absolute; right: 1.5rem; bottom: 1.3rem; margin: 0; padding: 0; }
.a-video .fui-btn-wrapper:not(.novo) { display: flex; justify-content: space-between; gap: 1rem; margin: 0; padding: 1.3rem 1.5rem; border-top: 1px solid var(--ink); }
.a-video .fui-btn {
    margin: 0; display: inline-flex; align-items: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem;
    background: var(--orange); border: 2px solid var(--orange); border-radius: 0; color: var(--ink);
    font: 700 1.0625rem/1.2 var(--font); text-transform: none; letter-spacing: .01em; cursor: pointer;
    transition: background-color .2s, border-color .2s, color .2s;
}
.a-video .fui-btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; transition: transform .25s; }
.a-video .fui-btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.a-video .fui-btn:hover::after { transform: translateX(3px); }
.a-video .fui-btn.fui-prev { background: transparent; border-color: var(--ink); color: var(--ink); }
.a-video .fui-btn.fui-prev::after { content: none; }
.a-video .fui-btn.fui-prev:hover { background: var(--ink); color: #fff; }
.a-video .fui-alert { margin: 0; border-radius: 0; }
.a-video .fui-alert-success { background: #fff; color: var(--ink); border-top: 3px solid var(--orange); padding: 1.6rem 1.5rem; }

@media (max-width: 960px) {
    .a-video:has(.fui-form) .kolona-flex { grid-template-columns: 1fr; }
    .a-video .fui-page-row { flex-wrap: wrap; }
    .a-video .fui-page-row > .fui-field { flex: 1 1 100%; }
    .a-video .fui-page-row:has([data-field-handle="labela"]) { padding-right: 1.5rem; min-height: 0; }
    .a-video .fui-btn-wrapper.novo { position: static; padding: 0 1.5rem 1.5rem; }
}
@media (max-width: 600px) {
    .a-quote .heading-text-below li { font-size: 1.2rem; }
    .a-video .fui-page-container { padding: 1.2rem 1rem 0; }
    .a-video .fui-page-row:has([data-field-handle="objektDovoljnoZaPrvuProcjenu"]),
    .a-video .fui-page-row:has([data-field-handle="labela"]) { margin-inline: -1rem; padding-inline: 1rem; }
    .a-video .fui-btn-wrapper.novo { padding: 0 1rem 1.2rem; }
}

/* ===== 01b Zaglavlje: ispravak hovera, aktivnog linka i gumba (#941728, 20.10.) ===== */
/* tema (app.css, od 992 px) linkovima izbornika skriva ::after, pa se crta nije vidjela ni na hover ni na aktivnoj stranici */
#header #mainNav > li > a::after { display: block !important; }
/* gumb "Zatražite ponudu": tema mu daje background: transparent !important, pa treba jači selektor i !important */
#header .header-nav.header-nav-line nav.header-nav-top > ul > li > a.nav-link {
    display: inline-flex !important; align-items: center; align-self: center; height: auto; min-height: 46px; margin: 0;
    padding: .5rem 1.1rem !important; background: var(--orange) !important; border: 2px solid var(--orange) !important;
    border-radius: 0 !important; color: var(--ink) !important; font: 700 1rem/1.2 var(--font); text-transform: none;
    letter-spacing: .01em; white-space: nowrap; transition: background-color .2s, border-color .2s, color .2s;
}
#header .header-nav.header-nav-line nav.header-nav-top > ul > li > a.nav-link::before,
#header .header-nav.header-nav-line nav.header-nav-top > ul > li > a.nav-link::after { display: none !important; }
#header .header-nav.header-nav-line nav.header-nav-top > ul > li > a.nav-link:hover,
#header .header-nav.header-nav-line nav.header-nav-top > ul > li > a.nav-link:focus-visible {
    background: var(--ink) !important; border-color: var(--ink) !important; color: #fff !important;
}
#header .header-nav.header-nav-line nav.header-nav-top > ul > li > a.nav-link:active { transform: translateY(1px); }
/* do 1280 px gumb ostaje skriven (kao u bloku 01), jači selektor gore inače bi ga vratio */
@media (max-width: 1280px) {
    #header .header-nav.header-nav-line nav.header-nav-top > ul > li > a.nav-link { display: none !important; }
}

/* ===== 03 Što izrađujemo: popis proizvoda lijevo, fotografija desno prati hover (#943310) =====
Grid kartice (.article-load > article) su display: contents, pa su .post-content (redak popisa)
i .post-image (fotografija) izravno u gridu: popis u 1. stupcu, sve fotografije u istoj ćeliji 2. stupca. */
.a-index { padding-block: var(--section); }
.a-index > .container-xl:first-child { padding-bottom: 0; }
.a-index__title { margin: 0 0 clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; border-top: 3px solid var(--ink); font-size: var(--fs-h2); line-height: .92; }
.a-index .row:has(> .article-load) {
    display: grid; grid-template-columns: 8fr 4fr; grid-auto-rows: auto; align-items: start;
    gap: 0 clamp(2rem, 4vw, 5rem); margin: 0;
}
.a-index .article-load, .a-index .article-load > article.post { display: contents; }
.a-index .article-load { padding: 0; }

/* redak popisa: naziv | opis | strelica */
.a-index .article-load .post-content {
    grid-column: 1; position: relative; display: grid; grid-template-columns: minmax(0, 21rem) 1fr auto;
    align-items: baseline; gap: 1.5rem; margin: 0; padding: 1.3rem 0; border-bottom: 1px solid var(--ink);
    transition: background-color .3s var(--ease, ease);
}
.a-index .article-load:first-child .post-content { border-top: 3px solid var(--ink); }
.a-index .article-load .post-content h4 { margin: 0 !important; transition: transform .3s var(--ease, ease); }
.a-index .article-load .post-content h4 a {
    color: var(--ink); text-decoration: none;
    font: 800 clamp(2rem, 2.8vw, 3.2rem)/.9 var(--display); letter-spacing: 0; text-transform: none;
}
/* cijeli redak je poveznica */
.a-index .article-load .post-content h4 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.a-index .article-load .post-content > p { margin: 0; max-width: 46ch; color: var(--muted); font-size: 1.0625rem; line-height: 1.5; }
.a-index .article-load .post-content::after { content: "\f061"; font: 400 1.3rem/1 "Font Awesome 6 Pro"; color: var(--ink); }
.a-index .article-load .post-content .post-meta { display: none; }
.a-index .article-load:hover .post-content, .a-index .article-load:focus-within .post-content { background: var(--surface); }
.a-index .article-load:hover .post-content h4, .a-index .article-load:focus-within .post-content h4 { transform: translateX(.6rem); }

/* fotografija: sve u istoj ćeliji, vidljiva prva ili ona čiji je redak pod mišem */
.a-index .article-load .post-image {
    grid-column: 2; grid-row: 1 / span 4; position: sticky; top: 7rem; margin: 0;
    background: var(--surface); opacity: 0; transition: opacity .35s var(--ease, ease); pointer-events: none;
}
.a-index .article-load:first-child .post-image { opacity: 1; }
.a-index .row:has(> .article-load:is(:hover, :focus-within)) .post-image { opacity: 0; }
.a-index .row > .article-load:is(:hover, :focus-within) .post-image { opacity: 1; }
.a-index .article-load .post-image picture, .a-index .article-load .post-image a { display: block; }
.a-index .article-load .post-image img { display: block; width: 100%; height: auto !important; aspect-ratio: 1; object-fit: cover; min-height: 0 !important; max-height: none !important; border-radius: 0 !important; }

@media (max-width: 960px) {
    .a-index .row:has(> .article-load) { grid-template-columns: 1fr; }
    .a-index .article-load .post-image { display: none; }
    .a-index .article-load .post-content { grid-template-columns: 1fr; gap: .6rem; }
    .a-index .article-load .post-content::after { display: none; }
    .a-index .article-load .post-content h4 a { font-size: clamp(1.9rem, 7vw, 2.4rem); }
}

/* ===== 04 Svaki članak dobiva 120 W: fotografija preko cijele širine + žuta traka s tekstom (#943310) =====
Komponenta „Svaki članak dobiva”: blok Section parallax (klasa parallax-photo) + blok Heading (klasa clanak-title). */
.parallax-photo.section { height: min(62vh, 580px); padding: 0; margin: 0; }
.parallax-photo .parallax-background { background-position-y: 55% !important; }
.parallax-photo {max-width: 2185px; margin: auto!important;}
/* traka preko cijele širine bez vodoravnog scrolla: border-image s izbočenjem ne širi stranicu */
.clanak-title {
    padding-block: 1.3rem 1.4rem !important;
    border-image: linear-gradient(var(--ink) 0 3px, var(--yellow, #f2c418) 3px calc(100% - 3px), var(--ink) calc(100% - 3px)) fill 0 // 0 100vmax;
}
.clanak-title .heading { margin: 0; }
.clanak-title .heading-wrapper { display: block; }
.clanak-title .heading-wrapper-left, .clanak-title .heading-wrapper-right { display: none; }
.clanak-title h2, .clanak-title h2 span {
    margin: 0; max-width: 40ch; text-align: left; color: var(--ink) !important;
    font: 800 clamp(1.8rem, 2.8vw, 3.2rem)/1 var(--display); letter-spacing: 0;
}
@media (max-width: 960px) {
    .parallax-photo.section { height: 360px; }
    .clanak-title { padding-inline: 2rem !important; }
}

/* ===== 05 Prepravak radijatora: rozi page header s uvodom, koraci + fotografije + podaci (#943310) =====
Stranica /prepravak-radijatora: code blokovi a-prepravak-lead i a-prepravak (kolona-flex 60/40),
u lijevom stupcu Heading (heading-title) + Process vertical (klasa prepravak-process). */
.main:has(.a-prepravak-lead) .page-header { background: #e25b9b; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-prepravak-lead) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.main:has(.a-prepravak-lead) .page-header .breadcrumb, .main:has(.a-prepravak-lead) .page-header .breadcrumb a { color: var(--ink); }
.a-prepravak-lead { background: #e25b9b; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); color: var(--ink); }
.a-prepravak-lead .lead { margin: 0; max-width: 52ch; font-size: clamp(1.125rem, 1.4vw, 1.375rem); line-height: 1.5; color: var(--ink); }
.a-prepravak-lead__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; margin: 1.8rem 0 0; }
.a-prepravak-lead .btn { display: inline-flex; align-items: center; gap: .6rem; padding: .9rem 1.5rem; border: 0; border-radius: 0; background: var(--orange); color: var(--ink); font-weight: 700; font-size: 1.0625rem; text-transform: none; }
.a-prepravak-lead .btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; }
.a-prepravak-lead .btn:hover { background: var(--ink); color: #fff; }
.a-prepravak-lead a.tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.25rem; color: var(--ink); text-decoration: none; }
.a-prepravak-lead a.tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .2em; }

.a-prepravak { padding-block: var(--section); }
.a-prepravak .kolona-flex { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-prepravak .kolona-flex-60, .a-prepravak .kolona-flex-40 { width: auto; min-width: 0; }
.a-prepravak .container-xl .container-xl, .a-prepravak .row, .a-prepravak .col { padding: 0 !important; margin: 0; max-width: none; }
.a-prepravak .heading-title .heading-wrapper { display: block; }
.a-prepravak .heading-wrapper-left, .a-prepravak .heading-wrapper-right { display: none !important; }
.a-prepravak .heading-title h2, .a-prepravak .heading-title h2 span {
    margin: 0 0 clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; border-top: 3px solid var(--ink); text-align: left;
    color: var(--ink) !important; font: 800 var(--fs-h2, clamp(2.4rem, 4vw, 4.4rem))/.92 var(--display); letter-spacing: 0;
}
.a-prepravak .heading-title h2 span { padding: 0; border: 0; margin: 0; }

/* koraci kao vremenska crta iz dizajna */
.prepravak-process .process-vertical { padding: 0 !important; margin-left: .5rem; border-left: 3px solid var(--ink); }
.prepravak-process .process-step { position: relative; display: block; padding: 0 0 2rem 2rem; margin: 0; opacity: 1 !important; }
.prepravak-process .process-step::before, .prepravak-process .process-step::after { display: none !important; }
.prepravak-process .process-step-circle { position: absolute; left: -9.5px; top: .45rem; width: 16px; height: 16px; min-width: 0; min-height: 0; padding: 0; margin: 0; border-radius: 50%; background: #fff; border: 2px solid var(--ink); }
.prepravak-process .process-step-circle-content { display: none; }
.prepravak-process .process-step-content { padding: 0; }
.prepravak-process .process-step-content h4 { margin: 0 0 .2rem !important; color: var(--ink); font: 800 1.5rem/1.1 var(--display) !important; letter-spacing: 0; text-transform: none; }
.prepravak-process .process-step-content p { margin: 0; color: var(--ink); font-size: 1.0625rem; line-height: 1.55; }

/* dvije fotografije + podaci */
.a-prepravak .convert__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; background: var(--ink); border: 3px solid var(--ink); }
.a-prepravak .convert__pair figure { margin: 0; background: #fff; }
.a-prepravak .convert__pair img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.a-prepravak .convert__pair figcaption { padding: .7rem 1rem; font-size: .9375rem; line-height: 1.3; color: var(--muted); border-top: 3px solid var(--ink); }
.a-prepravak .spec { margin: 2rem 0 0; border-top: 3px solid var(--ink); }
.a-prepravak .spec div { display: grid; grid-template-columns: 1fr 1.3fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--ink); }
.a-prepravak .spec dt { font-weight: 400; color: var(--muted); }
.a-prepravak .spec dd { margin: 0; font-weight: 700; color: var(--ink); }

#upit { scroll-margin-top: 6rem; }

@media (max-width: 960px) {
    .a-prepravak .kolona-flex { grid-template-columns: 1fr; }
}

/* ===== 05b Prepravak: desni stupac iz CKEditor bloka, dvije fotografije + podaci (#943310) =====
Blok CKEditor u .a-prepravak .kolona-flex-40: div.convert__pair (2 × figure.image) + dl.spec (dt/dd bez omotača). */
.a-prepravak .kolona-flex-40 > .container-xl, .a-prepravak .kolona-flex-40 .row, .a-prepravak .kolona-flex-40 [class*="col-"] { padding: 0 !important; margin: 0; max-width: none; }
.a-prepravak .convert__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; background: var(--ink); border: 3px solid var(--ink); }
.a-prepravak .convert__pair figure.image { display: block; margin: 0; width: auto; background: #fff; }
.a-prepravak .convert__pair img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.a-prepravak .convert__pair figcaption { display: block; padding: .7rem 1rem; font-size: .9375rem; line-height: 1.3; color: var(--muted); background: #fff; border-top: 3px solid var(--ink); text-align: left; caption-side: unset; }
.a-prepravak dl.spec { display: grid; grid-template-columns: 1fr 1.3fr; margin: 2rem 0 0; border-top: 3px solid var(--ink); }
.a-prepravak dl.spec dt, .a-prepravak dl.spec dd { margin: 0; padding: .8rem 0; border-bottom: 1px solid var(--ink); }
.a-prepravak dl.spec dt { padding-right: 1rem; font-weight: 400; color: var(--muted); }
.a-prepravak dl.spec dd { font-weight: 700; color: var(--ink); }
/* svi stupci kolona-flex (i obrazac u .ask) jedan ispod drugog; bez ovoga obrazac na mobitelu ide 440 px udesno */
@media (max-width: 960px) {
    .kolona-flex { flex-direction: column; }
    .kolona-flex-60, .kolona-flex-40 { width: 100%; }
}

/* ===== 12 Kontakt: svijetlo zaglavlje s uvodom, podaci | karta, obrazac (#943310) =====
Stranica /kontakt: code blok a-kontakt-lead ispod page headera, omotač a-kontakt (kolona-flex 40/60)
s dva dl.spec i Headingom „Podaci o tvrtki” lijevo i kartom (div.map) desno. */
.main:has(.a-kontakt-lead) .page-header { background: #e9e8e4 !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-kontakt-lead) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.a-kontakt-lead { background: #e9e8e4; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-kontakt-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-kontakt-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-kontakt-lead .tel { display: inline-flex; align-items: center; gap: .7rem; justify-self: start; font-weight: 700; font-size: 1.6rem; color: var(--ink); text-decoration: none; }
.a-kontakt-lead .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

.a-kontakt { padding-block: var(--section); }
.a-kontakt .kolona-flex { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-kontakt .kolona-flex-40, .a-kontakt .kolona-flex-60 { width: auto; min-width: 0; }
.a-kontakt .container-xl .container-xl, .a-kontakt .row, .a-kontakt .col { padding: 0 !important; margin: 0; max-width: none; }
.a-kontakt .spec { margin: 0; border-top: 3px solid var(--ink); }
.a-kontakt .spec div { display: grid; grid-template-columns: 1fr 1.3fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.a-kontakt .spec dt { font-family: var(--font); font-weight: 400; color: var(--muted); }
.a-kontakt .spec dd { margin: 0; font-weight: 700; color: var(--ink); }
.a-kontakt .spec a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-kontakt .spec .spec__note { font-weight: 400; color: var(--muted); }
.a-kontakt .heading-title .heading-wrapper { display: block; }
.a-kontakt .heading-wrapper-left, .a-kontakt .heading-wrapper-right { display: none !important; }
.a-kontakt .heading-title h3, .a-kontakt .heading-title h3 span { margin: 2.6rem 0 1rem; padding: 0; text-align: left; color: var(--ink) !important; font: 800 var(--fs-h3)/1 var(--display); letter-spacing: 0; }
.a-kontakt .heading-title h3 span { margin: 0; }
.a-kontakt__anchor { display: block; scroll-margin-top: 7rem; }
.a-kontakt .map { border: 3px solid var(--ink); background: #fff; }
.a-kontakt .map iframe { display: block; width: 100%; height: 420px; border: 0; filter: grayscale(.4); }
.a-kontakt .map a { display: block; padding: .8rem 1rem; border-top: 3px solid var(--ink); font-weight: 700; color: var(--ink); text-decoration: none; }
.a-kontakt .map a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
@media (max-width: 960px) {
    .a-kontakt-lead__grid, .a-kontakt .kolona-flex { grid-template-columns: 1fr; }
    .a-kontakt .map iframe { height: 320px; }
}

/* ===== 13 Električna trokolica: zeleno zaglavlje s uvodom, galerija | podaci, primjena, Gy3o, upit (#943310) =====
Stranica /trokolice: code blok a-trok-lead ispod page headera, omotači a-trok--product/--use/--gy3o/--ask,
Headingi s klasom heading-title, galerija tipa thumbGallery (velika slika + sličice). */
.main:has(.a-trok-lead) .page-header { background: #1e5945 !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-trok-lead) .page-header h1 { color: var(--on-dark) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.main:has(.a-trok-lead) .page-header .breadcrumb, .main:has(.a-trok-lead) .page-header .breadcrumb a, .main:has(.a-trok-lead) .page-header .breadcrumb li { color: #dfe9e4 !important; }
.a-trok-lead { background: #1e5945; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-trok-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-trok-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: #dfe9e4; }
.a-trok-lead__aside { display: grid; gap: 1rem; justify-items: start; margin: 0; }
.a-trok .btn, .a-trok-lead .btn { display: inline-flex; align-items: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem; border: 2px solid var(--orange); border-radius: 0; background: var(--orange); color: var(--ink); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-trok-lead .btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; }
.a-trok-lead .btn:hover { background: var(--on-dark); border-color: var(--on-dark); color: var(--ink); }
.a-trok-lead .tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.25rem; color: var(--on-dark); text-decoration: none; }
.a-trok-lead .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

.a-trok { padding-block: var(--section); }
.a-trok .container-xl .container-xl, .a-trok .container-xl .row, .a-trok .container-xl .col, .a-trok .wide { padding: 0 !important; margin: 0; max-width: none; }
.a-trok .kolona-flex { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-trok--gy3o .kolona-flex { grid-template-columns: 5fr 7fr; align-items: center; }
.a-trok .kolona-flex-60, .a-trok .kolona-flex-40 { width: auto; min-width: 0; }
.a-trok .heading-title .heading-wrapper { display: block; }
.a-trok .heading-wrapper-left, .a-trok .heading-wrapper-right { display: none !important; }
.a-trok .heading-title h2, .a-trok .heading-title h2 span {
    margin: 0 0 clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; border-top: 3px solid var(--ink); text-align: left;
    color: var(--ink) !important; font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0;
}
.a-trok .heading-title h2 span { padding: 0; border: 0; margin: 0; }
.a-trok .lead { margin: 0; max-width: 60ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-trok .note { margin: 1rem 0 0; font-size: .9375rem; color: var(--muted); }

/* galerija: velika slika s okvirom, ispod pet sličica */
.a-trok--product .thumb-gallery-margin, .a-trok--product .thumb-gallery-margin .row, .a-trok--product .thumb-gallery-margin .col { padding: 0 !important; margin: 0 !important; }
.a-trok--product .thumb-gallery-detail { border: 3px solid var(--ink); background: #fff; }
.a-trok--product .thumb-gallery-detail img { display: block; width: 100%; height: auto !important; aspect-ratio: 4 / 3; object-fit: contain; border-radius: 0 !important; background: #fff; }
.a-trok--product .thumb-gallery-thumbs { margin-top: .6rem !important; }
.a-trok--product .thumb-gallery-thumbs .img-thumbnail { padding: 0; border: 1px solid var(--line); border-radius: 0; background: #fff; }
.a-trok--product .thumb-gallery-thumbs .owl-item.selected .img-thumbnail { border: 3px solid var(--ink); }
.a-trok--product .thumb-gallery-thumbs img { display: block; width: 100%; height: auto !important; aspect-ratio: 1; object-fit: cover; border-radius: 0 !important; }

/* tehnički podaci i brošura */
.a-trok .spec { margin: 0; border-top: 3px solid var(--ink); }
.a-trok .spec div { display: grid; grid-template-columns: 1fr 1.3fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.a-trok .spec dt { font-family: var(--font); font-weight: 400; color: var(--muted); }
.a-trok .spec dd { margin: 0; font-weight: 700; color: var(--ink); }
.a-trok .docs { list-style: none; margin: 1.6rem 0 0; padding: 0; }
.a-trok .docs li { border-block: 1px solid var(--line); }
.a-trok .docs a { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 1rem 0; color: var(--ink); text-decoration: none; }
.a-trok .docs i { font-size: 1.4rem; color: var(--ink); }
.a-trok .docs b { display: block; }
.a-trok .docs span { font-size: .875rem; color: var(--muted); }
.a-trok .docs a:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

/* za što se vozi: dva stupca teksta + popis opreme */
.a-trok--use { background: var(--surface); border-block: 3px solid var(--ink); }
.a-trok .cards-2 { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.25rem, 2vw, 2rem); }
.a-trok .prose { max-width: 68ch; }
.a-trok .prose h3 { margin: 0 0 .6rem; font: 800 var(--fs-h3)/1 var(--display); color: var(--ink); }
.a-trok .prose p { margin: 0; font-size: 1.0625rem; line-height: 1.6; }
.a-trok .convert__list { list-style: none; margin: 2rem 0 0; padding: 0; border-top: 1px solid var(--ink); }
.a-trok .convert__list li { display: grid; grid-template-columns: 2rem 1fr; gap: .8rem; padding: .9rem 0; border-bottom: 1px solid var(--line); color: var(--ink); }
.a-trok .convert__list i { margin-top: .3rem; color: var(--ink); }

/* Gy3o: slika s okvirom */
.a-trok--gy3o .glightbox-gallary { margin: 0; padding: 0; list-style: none; }
.a-trok--gy3o .glightbox-gallary li { border: 3px solid var(--ink); background: #fff; }
.a-trok--gy3o .glightbox-gallary img { display: block; width: 100%; height: auto !important; aspect-ratio: 5 / 3; object-fit: contain; border-radius: 0 !important; }

/* upit: jedan stupac */
.a-trok--ask { background: var(--bg); border-top: 3px solid var(--ink); }
.a-trok--ask > .container-xl { /*max-width: min(62rem + 2 * var(--bs-gutter-x, 1.5rem), 100%); */margin-inline: auto; }
.a-trok--ask .heading-title h2, .a-trok--ask .heading-title h2 span { max-width: 22ch; }
.a-trok .ask__contact { display: grid; gap: .9rem; margin-top: 2rem; font-size: 1.125rem; }
.a-trok .ask__contact a { display: inline-flex; align-items: center; gap: .7rem; justify-self: start; color: var(--ink); font-weight: 700; text-decoration: none; }
.a-trok .ask__contact .tel { font-size: 1.5rem; }
.a-trok .ask__contact a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

#upit-trokolica { scroll-margin-top: 6rem; }

@media (max-width: 960px) {
    .a-trok-lead__grid, .a-trok .kolona-flex, .a-trok--gy3o .kolona-flex, .a-trok .cards-2 { grid-template-columns: 1fr; }
}

/* ===== 14 O nama: žuto zaglavlje s uvodom, vremenska crta | fotografija, tisak, prezentacija (#943310) =====
Stranica /o-nama: code blok a-onama-lead ispod page headera, omotači a-onama--intro/--press/--docs,
Headingi s klasom heading-title, Carousel s 6 skenova članaka (2 / 3 / 6 u redu). */
.main:has(.a-onama-lead) .page-header { background: var(--yellow) !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-onama-lead) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.main:has(.a-onama-lead) .page-header .breadcrumb, .main:has(.a-onama-lead) .page-header .breadcrumb a, .main:has(.a-onama-lead) .page-header .breadcrumb li { color: var(--ink) !important; }
.a-onama-lead { background: var(--yellow); border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-onama-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-onama-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-onama-lead__aside { display: grid; justify-items: start; margin: 0; }
.a-onama-lead .btn { display: inline-flex; align-items: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem; border: 2px solid var(--ink); border-radius: 0; background: var(--ink); color: var(--on-dark); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-onama-lead .btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; }
.a-onama-lead .btn:hover { background: var(--orange); border-color: var(--orange); color: var(--ink); }

.a-onama { padding-block: var(--section); }
.a-onama .container-xl .container-xl, .a-onama .container-xl .row, .a-onama .container-xl .col, .a-onama .wide, .a-onama .box, .a-onama .py-4 { padding: 0 !important; margin: 0; max-width: none; }
.a-onama .kolona-flex { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-onama--docs .kolona-flex { grid-template-columns: 1fr 1fr; }
.a-onama .kolona-flex > div { width: auto; min-width: 0; }
.a-onama .heading-title .heading-wrapper { display: block; }
.a-onama .heading-wrapper-left, .a-onama .heading-wrapper-right { display: none !important; }
.a-onama .heading-title h2, .a-onama .heading-title h2 span {
    margin: 0 0 clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; border-top: 3px solid var(--ink); text-align: left;
    color: var(--ink) !important; font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0;
}
.a-onama .heading-title h2 span { padding: 0; border: 0; margin: 0; }
.a-onama .note { margin: 1rem 0 0; padding: 0; border: 0; font-size: .9375rem; color: var(--muted); }
.a-onama .prose { max-width: 68ch; margin-top: 2rem; }
.a-onama .prose p { margin: 0; font-size: 1.0625rem; line-height: 1.6; color: var(--ink); }
.a-onama .prose p + p { margin-top: 1.1em; }

/* vremenska crta */
.a-onama .timeline { list-style: none; margin: 0 0 0 .5rem; padding: 0; border-left: 3px solid var(--ink); }
.a-onama .timeline li { position: relative; padding: 0 0 2rem 2rem; font-size: 1.0625rem; line-height: 1.55; color: var(--ink); }
.a-onama .timeline li:last-child { padding-bottom: 0; }
.a-onama .timeline li::before { content: ""; position: absolute; left: -9.5px; top: .45rem; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid var(--ink); }
.a-onama .timeline b { display: block; font: 800 1.5rem/1.1 var(--display); }

/* fotografija sa sajma */
.a-onama--intro .glightbox-gallary { margin: 0; padding: 0; list-style: none; }
.a-onama--intro .glightbox-gallary li { padding: 0; border: 1px solid var(--ink); background: #fff; }
.a-onama--intro .glightbox-gallary a, .a-onama--intro .glightbox-gallary picture { display: block; width: 100%; }
.a-onama--intro .glightbox-gallary img { display: block; width: 100% !important; max-width: none; height: auto !important; aspect-ratio: 800 / 841; object-fit: cover; min-height: 0 !important; max-height: none !important; border-radius: 0 !important; transform: unset !important; }

/* tisak: skenovi članaka */
.a-onama--press { background: #fff; border-block: 3px solid var(--ink); }
.a-onama--press .header-lists { display: none; }
.a-onama--press .owl-stage { display: flex; }
.a-onama--press .owl-item { padding: 0; }
.a-onama--press .owl-item > div { height: 100%; }
.a-onama--press .owl-item img { display: block; width: 100%; height: auto !important; aspect-ratio: 3 / 4; object-fit: cover; object-position: top; min-height: 0 !important; max-height: none !important; border: 1px solid var(--ink); border-radius: 0 !important; background: var(--bg); }
.a-onama--press .owl-item .content { margin-top: .7rem; padding: .6rem 0 0; border-top: 3px solid var(--ink); text-align: left; background: none; }
.a-onama--press .owl-item .content h4 { margin: 0 !important; font: 700 1.0625rem/1.3 var(--font) !important; color: var(--ink); text-transform: none; letter-spacing: 0; }
.a-onama--press .owl-item .content p { margin: 0; font: 400 .9375rem/1.35 var(--font); color: var(--muted); }

/* prezentacija i dalje */
.a-onama .docs { list-style: none; margin: 0; padding: 0; }
.a-onama .docs li { border-bottom: 1px solid var(--line); }
.a-onama .docs li:first-child { border-top: 1px solid var(--line); }
.a-onama .docs a { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 1rem 0; color: var(--ink); text-decoration: none; }
.a-onama .docs i { font-size: 1.4rem; color: var(--ink); }
.a-onama .docs b { display: block; }
.a-onama .docs span { font-size: .875rem; color: var(--muted); }
.a-onama .docs a:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

#tisak { scroll-margin-top: 6rem; }

@media (max-width: 960px) {
    .a-onama-lead__grid, .a-onama .kolona-flex, .a-onama--docs .kolona-flex { grid-template-columns: 1fr; }
}

/* ===== 15 Reference: žuto zaglavlje s uvodom, popis tvrtki s filtrom, galerija na crnoj plohi (#943310) =====
Stranica Reference (unos 276927): code blok a-ref-lead ispod page headera, omotači a-ref--register (Heading
heading-title + code blok s .filter i .reg-list) i a-ref--gallery (Heading + Media gallery tipa gridWithSubtitle). */
.main:has(.a-ref-lead) .page-header { background: var(--yellow) !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-ref-lead) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.main:has(.a-ref-lead) .page-header .breadcrumb, .main:has(.a-ref-lead) .page-header .breadcrumb a, .main:has(.a-ref-lead) .page-header .breadcrumb li { color: var(--ink) !important; }
.a-ref-lead { background: var(--yellow); border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-ref-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-ref-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-ref-lead .mark { background: #fff1a8; color: var(--ink); padding: 0 .2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.a-ref-lead__aside { display: grid; justify-items: start; margin: 0; }
.a-ref-lead .btn { display: inline-flex; align-items: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem; border: 2px solid var(--ink); border-radius: 0; background: var(--ink); color: var(--on-dark); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-ref-lead .btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; }
.a-ref-lead .btn:hover { background: var(--orange); border-color: var(--orange); color: var(--ink); }

.a-ref { padding-block: var(--section); }
.a-ref .container-xl .container-xl, .a-ref .container-xl .row, .a-ref .container-xl .col, .a-ref .wide { padding: 0 !important; margin: 0; max-width: none; }
.a-ref .heading-title .heading-wrapper { display: block; }
.a-ref .heading-wrapper-left, .a-ref .heading-wrapper-right { display: none !important; }
.a-ref .heading-title h2, .a-ref .heading-title h2 span {
    margin: 0 0 clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; border-top: 3px solid var(--ink); text-align: left;
    color: var(--ink) !important; font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0;
}
.a-ref .heading-title h2 span { padding: 0; border: 0; margin: 0; }

/* filtar i popis tvrtki */
.a-ref .filter { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 2rem; }
.a-ref .filter button { min-height: 44px; padding: 0 1.1rem; background: var(--bg); color: var(--ink); border: 1px solid var(--line-strong); border-radius: 0; cursor: pointer; font: 600 1rem/1.2 var(--font); }
.a-ref .filter button span { margin-left: .35rem; font-size: .875rem; color: var(--muted); }
.a-ref .filter button[aria-pressed="true"] { background: var(--yellow); border-color: var(--ink); color: var(--ink); }
.a-ref .filter button[aria-pressed="true"] span { color: var(--ink); }
.a-ref .filter button:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
.a-ref .reg-list { columns: 3; column-gap: 2.5rem; margin: 0; padding: .4rem 0 0; list-style: none; border-top: 3px solid var(--ink); }
.a-ref .reg-list li { break-inside: avoid; padding: .6rem 0; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 1.0625rem; }
.a-ref .reg-list li[hidden] { display: none; }

/* galerija na crnoj plohi: 7 + 5, pa 4 + 4 + 4, s potpisom ispod */
.a-ref--gallery { background: var(--ink); }
.a-ref--gallery .heading-title h2, .a-ref--gallery .heading-title h2 span { color: var(--on-dark) !important; border-top-color: var(--on-dark); }
.a-ref--gallery .heading-title h2 span { border: 0; }
.a-ref--gallery .glightbox-gallary { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: clamp(1rem, 1.4vw, 1.5rem); margin: 0; padding: 0; list-style: none; }
.a-ref--gallery .glightbox-gallary li { grid-column: span 4; align-self: start; height: auto !important; margin: 0; padding: 0; width: auto; }
.a-ref--gallery .glightbox-gallary li:nth-child(5n+1) { grid-column: span 7; }
.a-ref--gallery .glightbox-gallary li:nth-child(5n+2) { grid-column: span 5; }
.a-ref--gallery .glightbox-gallary a, .a-ref--gallery .glightbox-gallary picture { display: block; width: 100%; height: auto !important; }
.a-ref--gallery .glightbox-gallary img { display: block; width: 100% !important; max-width: none; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; min-height: 0 !important; max-height: none !important; border-radius: 0 !important; background: var(--ink-2, #2a2b2d); }
.a-ref--gallery .glightbox-gallary li:nth-child(5n+1) img { aspect-ratio: 16 / 10; }
.a-ref--gallery .glightbox-gallary li:nth-child(5n+2) img { aspect-ratio: 8 / 7; }
.a-ref--gallery .glightbox-gallary .grid-subtitle { margin-top: .7rem !important; padding-top: .7rem; border-top: 2px solid var(--yellow); color: var(--on-dark) !important; font: 700 1rem/1.4 var(--font) !important; }

#tvrtke, #galerija { scroll-margin-top: 6rem; }

@media (max-width: 960px) {
    .a-ref-lead__grid { grid-template-columns: 1fr; }
    .a-ref .reg-list { columns: 2; }
    .a-ref--gallery .glightbox-gallary li, .a-ref--gallery .glightbox-gallary li:nth-child(5n+1), .a-ref--gallery .glightbox-gallary li:nth-child(5n+2) { grid-column: span 6; }
}
@media (max-width: 600px) {
    .a-ref .reg-list { columns: 1; }
    .a-ref--gallery .glightbox-gallary li, .a-ref--gallery .glightbox-gallary li:nth-child(5n+1), .a-ref--gallery .glightbox-gallary li:nth-child(5n+2) { grid-column: 1 / -1; }
}

/* ===== 16 Novosti: rozo zaglavlje s uvodom, popis slika | tekst, članak s bočnim okvirom (#943310) =====
Popis /novosti (unos 156): code blok a-nov-lead ispod page headera + Grids (sekcija Novosti, 1 stupac).
Detalj (predložak „Vijesti - Entry”, unos 166): entryBlock bez naslova i datuma, desno sidebar s .aside-box.a-nov-aside. */
.main:has(.a-nov-lead) .page-header { background: #e25b9b !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-nov-lead) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.main:has(.a-nov-lead) .page-header .breadcrumb, .main:has(.a-nov-lead) .page-header .breadcrumb a, .main:has(.a-nov-lead) .page-header .breadcrumb li { color: var(--ink) !important; }
.a-nov-lead { background: #e25b9b; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-nov-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.main:has(.a-nov-lead) .chsgridcolumns { display: none !important; }

/* popis: slika 220 px | kategorija, naslov, izvadak */
.main:has(.a-nov-lead) .selector-grid-117467 { padding-block: clamp(2rem, 4vw, 4rem) var(--section); }
.main:has(.a-nov-lead) .selector-grid-117467 .row { margin: 0; }
.main:has(.a-nov-lead) .selector-grid-117467 [class*="col-"] { padding: 0; }
.main:has(.a-nov-lead) .article-load { padding: 0; }
.main:has(.a-nov-lead) .article-load > article.post {
    position: relative; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 1.6rem; align-items: start;
    margin: 0; padding: 1.4rem 0; border-bottom: 1px solid var(--line);
}
.main:has(.a-nov-lead) .article-load:first-child > article.post { border-top: 3px solid var(--ink); }
.main:has(.a-nov-lead) .article-load .post-image { margin: 0; }
.main:has(.a-nov-lead) .article-load .thumb-info, .main:has(.a-nov-lead) .article-load .thumb-info-wrapper { display: block; border-radius: 0 !important; overflow: hidden; }
.main:has(.a-nov-lead) .article-load .post-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0 !important; }
/* logotipi (Elbak, INDI, INPEX) cijeli, na sivoj plohi */
.main:has(.a-nov-lead) .article-load .post-image img:is([src*="logo-"], [src*="inpex"]) { object-fit: contain; padding: 1rem; background: var(--surface); }
.main:has(.a-nov-lead) .article-load .thumb-info-action, .main:has(.a-nov-lead) .article-load .meri, .main:has(.a-nov-lead) .article-load .post-meta { display: none; }
.main:has(.a-nov-lead) .article-load .post-content { margin: 0; padding: 0; }
.main:has(.a-nov-lead) .article-load .post-content > span { display: block; font: 600 .9375rem/1.4 var(--font); color: var(--muted); }
.main:has(.a-nov-lead) .article-load .post-content > span i { display: none; }
.main:has(.a-nov-lead) .article-load .post-content > span a { position: relative; z-index: 2; color: var(--muted); text-decoration: none; }
.main:has(.a-nov-lead) .article-load .post-content h4 { margin: .3rem 0 0 !important; }
.main:has(.a-nov-lead) .article-load .post-content h4 a { color: var(--ink); text-decoration: none; font: 800 clamp(1.5rem, 1.9vw, 1.9rem)/1.05 var(--display); letter-spacing: 0; text-transform: none; }
/* cijela kartica je poveznica */
.main:has(.a-nov-lead) .article-load .post-content h4 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.main:has(.a-nov-lead) .article-load .post-content > p { margin: .5rem 0 0; max-width: 68ch; color: var(--muted); font-size: 1.0625rem; line-height: 1.5; }
.main:has(.a-nov-lead) .article-load:hover h4 a { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .15em; }

/* detalj: svijetlo zaglavlje s naslovom, tekst 8 | okvir 4 */
.main:has(.a-nov-aside) .page-header { background: var(--bg) !important; border-bottom: 1px solid var(--line-strong); margin-bottom: 0; padding-block: clamp(1.6rem, 3vw, 3rem) clamp(1.6rem, 3vw, 2.5rem); }
.main:has(.a-nov-aside) .page-header h1 { color: var(--ink) !important; font: 800 clamp(2rem, 3.4vw, 3.8rem)/.98 var(--display); max-width: 22ch; }
.main:has(.a-nov-aside) .page-header .breadcrumb, .main:has(.a-nov-aside) .page-header .breadcrumb a, .main:has(.a-nov-aside) .page-header .breadcrumb li { color: var(--muted) !important; }
.main:has(.a-nov-aside) .blog-single-post { max-width: 760px; }
.main:has(.a-nov-aside) .blog-single-post .product-gallery { margin-bottom: 1.5rem; }
.main:has(.a-nov-aside) .blog-single-post .gallery-top, .main:has(.a-nov-aside) .blog-single-post .gallery-top .swiper-wrapper { height: auto !important; max-height: none; }
.main:has(.a-nov-aside) .blog-single-post .gallery-top .swiper-wrapper { align-items: flex-start; }
.main:has(.a-nov-aside) .blog-single-post .gallery-top .swiper-slide { height: auto; }
/* slike različitih omjera: ista visina, bez praznine ispod niže slike */
.main:has(.a-nov-aside) .blog-single-post .gallery-top img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0; }
/* kategorija iznad slike; traka sličica samo kad ima više slika */
.main:has(.a-nov-aside) .blog-single-post { display: flex; flex-direction: column; }
.main:has(.a-nov-aside) .blog-single-post .pc-title { order: -1; }
.main:has(.a-nov-aside) .blog-single-post:has(.pc-text iframe) .product-gallery { display: none; } /* video novost: sličica je samo za popis */
.main:has(.a-nov-aside) .product-gallery:not(:has(.gallery-thumbs .swiper-slide:nth-child(2))) .gallery-thumbs { display: none; }
.main:has(.a-nov-aside) .blog-single-post .pc-title .post-meta { margin: 0 0 1rem; font: 600 .9375rem/1.4 var(--font); color: var(--muted); }
.main:has(.a-nov-aside) .blog-single-post .pc-title .post-meta i { display: none; }
.main:has(.a-nov-aside) .blog-single-post .pc-title .post-meta a { color: var(--muted); }
.main:has(.a-nov-aside) .blog-single-post .pc-text { max-width: 68ch; color: var(--ink); font-size: 1.0625rem; line-height: 1.6; }
.main:has(.a-nov-aside) .blog-single-post .pc-text > * + * { margin-top: 1.1em; }
.main:has(.a-nov-aside) .blog-single-post .pc-text > p:first-child { font-size: var(--fs-lead); line-height: 1.5; }
.main:has(.a-nov-aside) .blog-single-post .pc-text ul { padding-left: 1.2em; list-style: square; }
.main:has(.a-nov-aside) .blog-single-post .pc-text a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); }
.main:has(.a-nov-aside) .blog-single-post .pc-text iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }
.main:has(.a-nov-aside) .btn-primary, .main:has(.a-nov-aside) .link-tags-block .btn { border-radius: 0; }

.aside-box.a-nov-aside { position: sticky; top: 7rem; border: 3px solid var(--ink); background: var(--bg); }
.a-nov-aside h2 { margin: 0; padding: 1.2rem 1.3rem .2rem; color: var(--ink); font: 800 1.8rem/1 var(--display); }
.a-nov-aside p { margin: 0; padding: .4rem 1.3rem 0; color: var(--muted); font-size: .9375rem; line-height: 1.5; }
.a-nov-aside .btn { display: flex; align-items: center; justify-content: center; gap: .8rem; min-height: 54px; margin: 1.2rem 1.3rem 1.3rem; padding: .5rem 1.5rem; border: 2px solid var(--orange); border-radius: 0; background: var(--orange); color: var(--ink); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-nov-aside .btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.a-nov-aside .tel { display: inline-flex; align-items: center; gap: .6rem; margin: 0 1.3rem 1.3rem; font-weight: 700; color: var(--ink); text-decoration: none; }
.a-nov-aside .tel:hover { text-decoration: underline; text-decoration-color: var(--orange); }

@media (max-width: 960px) {
    .aside-box.a-nov-aside { position: static; }
}
@media (max-width: 600px) {
    .main:has(.a-nov-lead) .article-load > article.post { grid-template-columns: 1fr; gap: 1rem; }
}

/* ===== 17 Cijene radijatora: tamno zaglavlje s uvodom, sidrena traka, tablice cijena, oprema | okvir (#943310) =====
Stranica /cijene-radijatora (unos 277062): code blok a-cij-lead ispod page headera, code blok a-cij-nav (sidra),
omotači a-cij--erc, a-cij--kup (id kupaonski) i a-cij--oprema (id oprema) oko CKEditor blokova s tablicama.
Tablice su obične CKEditor tablice: prvi stupac je naslov retka (th), ostali stupci su brojke i poravnati su desno. */
.main:has(.a-cij-lead) .page-header { background: #1c1d1f !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-cij-lead) .page-header h1 { color: var(--on-dark) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.main:has(.a-cij-lead) .page-header .breadcrumb, .main:has(.a-cij-lead) .page-header .breadcrumb a, .main:has(.a-cij-lead) .page-header .breadcrumb li { color: #d9d8d4 !important; }
.a-cij-lead { background: #1c1d1f; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-cij-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-cij-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: #d9d8d4; }
.a-cij-lead__aside { display: grid; gap: 1rem; justify-items: start; margin: 0; }
.a-cij-lead .btn, .a-cij-aside .btn { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem; border: 2px solid var(--orange); border-radius: 0; background: var(--orange); color: var(--ink); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-cij-lead .btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; }
.a-cij-lead .btn:hover { background: var(--on-dark); border-color: var(--on-dark); color: var(--ink); }
.a-cij-lead .tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.25rem; color: var(--on-dark); text-decoration: none; }
.a-cij-lead .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

/* sidrena traka ostaje ispod zaglavlja dok se lista */
.a-cij-nav { position: sticky; top: 0; z-index: 5; background: #fff; border-bottom: 3px solid var(--ink); }
html.sticky-header-active .a-cij-nav { top: var(--a-cij-top, 95px); } /* ispod fiksiranog zaglavlja */
.a-cij-nav .container-xl { display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; padding-block: 1rem; }
.a-cij-nav a { padding-block: .3rem; border-bottom: 2px solid transparent; color: var(--ink); font-weight: 600; text-decoration: none; }
.a-cij-nav a:hover { border-color: var(--ink); }

.a-cij { padding-block: var(--section); }
.a-cij--kup { background: var(--surface); border-block: 1px solid var(--ink); }
.a-cij .container-xl .container-xl, .a-cij .container-xl .row, .a-cij .container-xl [class*="col-"] { padding: 0 !important; margin: 0; max-width: none; }
.a-cij h2, .a-cij-aside h2 { color: var(--ink); }
.a-cij :is(.col-lg-12, .col-lg-9) > h2 {
    margin: 0 0 clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; border-top: 3px solid var(--ink);
    font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0; scroll-margin-top: var(--a-cij-anchor, 12rem);
}
.a-cij :is(.col-lg-12, .col-lg-9) > figure.table + h2 { margin-top: clamp(3rem, 5vw, 5rem); }
.a-cij-split { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-cij-split > * { min-width: 0; }
.a-cij--oprema h2 { scroll-margin-top: var(--a-cij-anchor, 12rem); }
#kupaonski, #oprema { scroll-margin-top: var(--a-cij-anchor, 12rem); }

/* tablice */
.a-cij figure.table { display: block; width: 100%; height: auto; margin: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.a-cij figure.table table { width: 100%; min-width: 640px; border-collapse: collapse; border: 0; font-size: 1rem; color: var(--ink); }
.a-cij--oprema figure.table table { min-width: 0; }
.a-cij figure.table :is(th, td) { padding: .7rem .6rem; border: 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; background: none; }
.a-cij figure.table thead th { border-bottom: 3px solid var(--ink); font: 700 .875rem/1.3 var(--font); white-space: nowrap; }
.a-cij figure.table :is(thead th, td):not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.a-cij figure.table tbody th { font: 800 1.35rem/1.1 var(--display); white-space: nowrap; }
.a-cij--oprema figure.table tbody th { white-space: normal; }
.a-cij figure.table tbody tr:hover > * { background: #fff; }
.a-cij--kup figure.table tbody tr:hover > * { background: var(--bg); }
.a-cij .note { margin: 1rem 0 0; font-size: .9375rem; color: var(--muted); border: 0; padding: 0; }

/* okvir uz opremu */
.aside-box.a-cij-aside { position: sticky; top: var(--a-cij-anchor, 12rem); border: 3px solid var(--ink); background: var(--bg); }
.a-cij-aside h2 { margin: 0; padding: 1.2rem 1.3rem .2rem; font: 800 1.8rem/1 var(--display); }
.a-cij-aside p { margin: 0; padding: .4rem 1.3rem 0; color: var(--muted); font-size: .9375rem; line-height: 1.5; }
.a-cij-aside .btn { display: flex; margin: 1.2rem 1.3rem 1.3rem; }
.a-cij-aside .btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.a-cij-aside .tel { display: inline-flex; align-items: center; gap: .6rem; margin: 0 1.3rem 1.3rem; font-weight: 700; color: var(--ink); text-decoration: none; }
.a-cij-aside .tel:hover { text-decoration: underline; text-decoration-color: var(--orange); }

@media (max-width: 960px) {
    .a-cij-lead__grid, .a-cij-split { grid-template-columns: 1fr; }
    .aside-box.a-cij-aside { position: static; }
}
@media (max-width: 600px) {
    /* ERC: bez toplinskog učinka i duljine, kao u dizajnu */
    .a-cij--erc figure.table table { min-width: 0; }
    .a-cij--erc figure.table tr > :nth-child(3), .a-cij--erc figure.table tr > :nth-child(4) { display: none; }
    /* kupaonski: svih 5 stupaca u širini ekrana */
    .a-cij--kup figure.table table { min-width: 0; font-size: .875rem; }
    .a-cij--kup figure.table :is(th, td) { padding: .6rem .2rem; white-space: normal; }
    .a-cij--kup figure.table tbody th { font-size: 1rem; white-space: nowrap; }
    .a-cij-nav .container-xl { gap: .3rem 1.1rem; padding-block: .7rem; }
}

/* ===== 18 EU projekt vozila Gy3o: svijetlo zaglavlje s logotipima i uvodom, podaci | opis, informacije (#943310) =====
Stranica /eu-fondovi (unos 277089): code blok a-eu-lead ispod page headera (img.eu-logos + uvod), omotač a-eu
(kolona-flex 60/40): Heading „Podaci o projektu” + code blok s dl.spec i PDF-om lijevo, CKEditor s opisom desno;
omotač a-eu--ask (id upit-eu) s Headingom i kontaktom. */
.main:has(.a-eu-lead) .page-header { background: #e9e8e4 !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-eu-lead) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.a-eu-lead { background: #e9e8e4; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-eu-lead .eu-logos { display: block; width: min(458px, 100%); height: auto; margin: 0 0 1.4rem; border: 1px solid var(--line); background: #fff; }
.a-eu-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }

.a-eu { padding-block: var(--section); }
.a-eu .container-xl .container-xl, .a-eu .container-xl .row, .a-eu .container-xl .col, .a-eu .container-xl [class*="col-"], .a-eu .wide { padding: 0 !important; margin: 0; max-width: none; }
.a-eu .kolona-flex { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-eu .kolona-flex-60, .a-eu .kolona-flex-40 { width: auto; min-width: 0; }
.a-eu .heading-title .heading-wrapper { display: block; }
.a-eu .heading-wrapper-left, .a-eu .heading-wrapper-right { display: none !important; }
.a-eu .heading-title h2, .a-eu .heading-title h2 span {
    margin: 0 0 clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; padding-bottom: 1rem; border-top: 3px solid var(--ink); text-align: left;
    color: var(--ink) !important; font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0;
}
.a-eu .heading-title h2 span { padding: 0; border: 0; margin: 0; }
/* Heading blok inače centrira naslov i uvlači ga 10 px */
.a-eu .heading-title .heading, .a-eu .heading-title .heading-wrapper { margin: 0; text-align: left; }
.a-eu .heading-title h2 { display: block; padding-inline: 0; }

/* podaci o projektu i PDF */
.a-eu .spec { margin: 0; border-top: 3px solid var(--ink); }
.a-eu .spec div { display: grid; grid-template-columns: 1fr 1.3fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.a-eu .spec dt { font-family: var(--font); font-weight: 400; color: var(--muted); }
.a-eu .spec dd { margin: 0; font-weight: 700; color: var(--ink); }
.a-eu .docs { list-style: none; margin: 2rem 0 0; padding: 0; }
.a-eu .docs li { border-block: 1px solid var(--line); }
.a-eu .docs a { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 1rem 0; color: var(--ink); text-decoration: none; }
.a-eu .docs i { font-size: 1.4rem; color: var(--ink); }
.a-eu .docs b { display: block; }
.a-eu .docs span { font-size: .9375rem; color: var(--muted); }
.a-eu .docs a:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

/* opis projekta (CKEditor) */
.a-eu-prose { max-width: 68ch; color: var(--ink); line-height: 1.6; }
.a-eu-prose > * + *, .a-eu-prose .ck-content > * + * { margin-top: 1.1em; }
.a-eu-prose h2 { margin: 0; padding-top: 1rem; border-top: 3px solid var(--ink); font: 800 var(--fs-h3)/1.05 var(--display); color: var(--ink); text-align: left; }
.a-eu-prose h3 { margin: 1.6em 0 0; font: 700 1.2rem/1.25 var(--font); color: var(--ink); text-transform: none; letter-spacing: 0; }
.a-eu-prose p { margin-bottom: 0; }
.a-eu-prose p, .a-eu-prose ul { margin-top: .7em; }
.a-eu-prose ul { margin-bottom: 0; padding-left: 1.2em; list-style: square; }
.a-eu-prose ul li { margin: .25em 0; }
.a-eu-prose ul li::marker { color: var(--ink); }
.a-eu-prose a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-eu-prose p:last-child em { font-style: normal; font-size: .9375rem; color: var(--muted); }

/* informacije o projektu */
.a-eu--ask { background: var(--bg); border-top: 3px solid var(--ink); }
.a-eu--ask > .container-xl { /*max-width: min(62rem + 2 * var(--bs-gutter-x, 1.5rem), 100%);*/ margin-inline: auto; }
.a-eu--ask .heading-title h2, .a-eu--ask .heading-title h2 span { max-width: 22ch; }
.a-eu--ask .lead { margin-top: 1.2rem; max-width: 60ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-eu .ask__contact { display: grid; gap: .9rem; margin-top: 2rem; font-size: 1.125rem; }
.a-eu .ask__contact a { display: inline-flex; align-items: center; gap: .7rem; justify-self: start; color: var(--ink); font-weight: 700; text-decoration: none; }
.a-eu .ask__contact .tel { font-size: 1.5rem; }
.a-eu .ask__contact a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

@media (max-width: 960px) {
    .a-eu .kolona-flex { grid-template-columns: 1fr; }
    .a-eu .spec div { grid-template-columns: 1fr; gap: .2rem; }
}

/* ===== 19 Uvjeti prodaje i zaštita podataka: tamno zaglavlje s uvodom, tekst | okvir „Pitanja o narudžbi” (#943310) =====
Stranica /uvjeti-prodaje (unos 30638): code blok a-uvj-lead ispod page headera, omotač a-uvj (a-uvj-split 7 | 5)
oko CKEditor bloka s tekstom, desno aside-box a-uvj-aside. Sidro #privatnost je na naslovu „Zaštita osobnih podataka”. */
.main:has(.a-uvj-lead) .page-header { background: #1c1d1f !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; min-height: 0; }
.main:has(.a-uvj-lead) .page-header h1 { color: var(--on-dark) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.main:has(.a-uvj-lead) .page-header .breadcrumb, .main:has(.a-uvj-lead) .page-header .breadcrumb a, .main:has(.a-uvj-lead) .page-header .breadcrumb li { color: #d9d8d4 !important; }
.a-uvj-lead { background: #1c1d1f; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-uvj-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: #d9d8d4; }

.a-uvj { padding-block: var(--section); }
.a-uvj .container-xl .container-xl, .a-uvj .container-xl .row, .a-uvj .container-xl [class*="col-"] { padding: 0 !important; margin: 0; max-width: none; }
.a-uvj-split { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-uvj-split > * { min-width: 0; }

/* tekst */
.a-uvj-split__main { max-width: 68ch; color: var(--ink); }
.a-uvj-split__main h2 { margin: 2em 0 .5em; color: var(--ink); font: 800 var(--fs-h3)/1.05 var(--display); letter-spacing: 0; text-transform: none; scroll-margin-top: 8rem; }
.a-uvj-split__main :is(.col-lg-12, .col-lg-9) > h2:first-child { margin-top: 0; }
.a-uvj-split__main h3 { margin: 1.6em 0 .4em; color: var(--ink); font: 700 1.2rem/1.25 var(--font); letter-spacing: 0; text-transform: none; }
.a-uvj-split__main p, .a-uvj-split__main li { font-size: 1.0625rem; line-height: 1.6; color: var(--ink); }
.a-uvj-split__main p { margin: 0 0 .9em; }
.a-uvj-split__main ul { margin: 0 0 .9em; padding-left: 1.2em; list-style: square; }

/* okvir */
.aside-box.a-uvj-aside { position: sticky; top: 8rem; border: 3px solid var(--ink); background: var(--bg); }
.a-uvj-aside h2 { margin: 0; padding: 1.2rem 1.3rem .2rem; color: var(--ink); font: 800 1.8rem/1 var(--display); }
.a-uvj-aside p { margin: 0; padding: .4rem 1.3rem 0; color: var(--muted); font-size: .9375rem; line-height: 1.5; }
.a-uvj-aside a { display: flex; align-items: center; gap: .6rem; margin: 0 1.3rem; font-weight: 700; color: var(--ink); text-decoration: none; }
.a-uvj-aside a.tel { margin-top: 1rem; font-size: 1.125rem; }
.a-uvj-aside a.mail { margin-block: .5rem 1.3rem; }
.a-uvj-aside a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

@media (max-width: 960px) {
    .a-uvj-split { grid-template-columns: 1fr; }
    .aside-box.a-uvj-aside { position: static; }
}

/* ===== 20 Pitanja i iskustva kupaca: rozo zaglavlje s uvodom, pitanja (harmonika) | okvir, citati kupaca (#943310) =====
Stranica /upiti-iskustva-kupaca (unos 246): code blok a-isk-lead ispod page headera, omotač a-isk (a-isk-split 7 | 5)
oko Toggle bloka (unosi Multimedije iz kategorije Pitanja), desno aside-box a-isk-aside; omotač a-isk-quotes
oko Grids bloka (kategorija Iskustva, 3 stupca, bez slike). */
.main:has(.a-isk-lead) .page-header { background: #e25b9b !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; min-height: 0; }
.main:has(.a-isk-lead) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.main:has(.a-isk-lead) .page-header .breadcrumb, .main:has(.a-isk-lead) .page-header .breadcrumb a, .main:has(.a-isk-lead) .page-header .breadcrumb li { color: var(--ink) !important; }
.a-isk-lead { background: #e25b9b; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-isk-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-isk-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-isk-lead__aside { margin: 0; }
.a-isk-lead .tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.35rem; color: var(--ink); text-decoration: none; }
.a-isk-lead .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

.a-isk { padding-block: var(--section); }
.a-isk .container-xl .container-xl, .a-isk .container-xl .row, .a-isk .container-xl [class*="col-"] { padding: 0 !important; margin: 0; max-width: none; }
.a-isk-split { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-isk-split > * { min-width: 0; }

/* pitanja: Toggle blok kao popis s crtama, strelica desno */
.a-isk .toggle { margin: 0; border-top: 3px solid var(--ink); }
.a-isk .toggle > section.toggle { margin: 0; border: 0; border-bottom: 1px solid var(--line); background: none; }
.a-isk .toggle > section.toggle > .toggle-title {
    position: relative; display: block; margin: 0; padding: 1.2rem 3rem 1.2rem 0; border: 0 !important; border-radius: 0;
    background: none !important; color: var(--ink) !important; font: 700 1.2rem/1.35 var(--font); cursor: pointer;
}
.a-isk .toggle > section.toggle > .toggle-title::before { display: none; }
.a-isk .toggle > section.toggle > .toggle-title::after {
    content: "\f078"; position: absolute; right: .2rem; top: 50%; margin-top: -.55rem; font: 400 1.1rem/1 "Font Awesome 6 Pro"; color: var(--ink); transition: transform .2s;
}
.a-isk .toggle > section.toggle.active > .toggle-title::after { transform: rotate(180deg); }
.a-isk .toggle > section.toggle > .toggle-title:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-isk .toggle > section.toggle > .toggle-content { padding: 0 0 1.4rem; border: 0; max-width: 70ch; }
.a-isk .toggle-content p, .a-isk .toggle-content li { font-size: 1.0625rem; line-height: 1.6; color: var(--ink); }
.a-isk .toggle-content p { margin: 0 0 .8em; }
.a-isk .toggle-content p:last-child { margin-bottom: 0; }
.a-isk .toggle-content ul { margin: .6em 0 .8em; padding-left: 1.2em; list-style: square; }
.a-isk .toggle-content li { margin: .25em 0; }

/* okvir */
.aside-box.a-isk-aside { position: sticky; top: 8rem; border: 3px solid var(--ink); background: var(--bg); }
.a-isk-aside h2 { margin: 0; padding: 1.2rem 1.3rem .2rem; color: var(--ink); font: 800 1.8rem/1 var(--display); }
.a-isk-aside p { margin: 0; padding: .4rem 1.3rem 0; color: var(--muted); font-size: .9375rem; line-height: 1.5; }
.a-isk-aside .btn { display: flex; align-items: center; justify-content: center; gap: .8rem; min-height: 54px; margin: 1.2rem 1.3rem 1rem; padding: .5rem 1.5rem; border: 2px solid var(--orange); border-radius: 0; background: var(--orange); color: var(--ink); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-isk-aside .btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.a-isk-aside .tel { display: inline-flex; align-items: center; gap: .6rem; margin: 0 1.3rem 1.3rem; font-weight: 700; color: var(--ink); text-decoration: none; }
.a-isk-aside .tel:hover { text-decoration: underline; text-decoration-color: var(--orange); }

/* citati kupaca: Grids bez slike, ime i mjesto ispod citata */
.a-isk-quotes { padding-block: var(--section); background: var(--bg); border-top: 1px solid var(--line-strong); }
.a-isk-quotes .container-xl .container-xl, .a-isk-quotes .container-xl .row, .a-isk-quotes .container-xl .col-lg-12 { padding: 0 !important; margin: 0; max-width: none; }
.a-isk-quotes__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 1rem 2rem; margin-bottom: clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; border-top: 3px solid var(--ink); }
.a-isk-quotes__head h2 { margin: 0; color: var(--ink); font: 800 var(--fs-h2)/.92 var(--display); }
.a-isk-quotes .link-arrow { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; color: var(--ink); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-isk-quotes [id^="id-"].row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 3px solid var(--ink); }
.a-isk-quotes .article-load { width: auto; max-width: none; flex: none; padding: 0 !important; }
.a-isk-quotes .article-load .bigtar { display: flex; flex-direction: column; height: 100%; margin: 0; padding: 1.6rem 1.6rem 1.8rem 0; border-bottom: 1px solid var(--line); }
.a-isk-quotes .article-load:not(:nth-child(3n+1)) .bigtar { padding-left: 1.6rem; border-left: 1px solid var(--line); }
.a-isk-quotes .bigtar > blockquote { order: 1; flex: 1 0 auto; margin: 0; padding: 0; border: 0; }
.a-isk-quotes .bigtar > blockquote p { margin: 0; max-width: 40ch; color: var(--ink); font: 700 1.5rem/1.3 var(--display); letter-spacing: 0; }
.a-isk-quotes .bigtar > a { order: 2; margin-top: 1.2rem; pointer-events: none; text-decoration: none; }
.a-isk-quotes .bigtar > a h4 { margin: 0; padding: 0; color: var(--ink); font: 700 1rem/1.35 var(--font); text-transform: none; letter-spacing: 0; }
.a-isk-quotes .bigtar > p { order: 3; margin: .1rem 0 0; color: var(--muted); font: 400 .9375rem/1.35 var(--font); }
.a-isk-quotes .bigtar > p em { font-style: normal; }

@media (max-width: 960px) {
    .a-isk-lead__grid, .a-isk-split { grid-template-columns: 1fr; }
    .aside-box.a-isk-aside { position: static; }
    .a-isk-quotes [id^="id-"].row { grid-template-columns: 1fr 1fr; }
    .a-isk-quotes .article-load .bigtar, .a-isk-quotes .article-load:not(:nth-child(3n+1)) .bigtar { padding: 1.6rem 1.6rem 1.8rem 0; border-left: 0; }
    .a-isk-quotes .article-load:nth-child(2n) .bigtar { padding-left: 1.6rem; border-left: 1px solid var(--line); }
}
@media (max-width: 600px) {
    .a-isk-quotes [id^="id-"].row { grid-template-columns: 1fr; }
    .a-isk-quotes .article-load .bigtar, .a-isk-quotes .article-load:nth-child(n) .bigtar { padding: 1.4rem 0 1.6rem; border-left: 0; }
    .a-isk-quotes .bigtar > blockquote p { font-size: 1.6rem; }
    .a-isk .toggle > section.toggle > .toggle-title { font-size: 1.0625rem; }
}

/* ===== 21 Centralno grijanje na struju: tamno zaglavlje s uvodom, sidrena traka, tekst | slika, prednosti, tablica U (#943310) =====
Stranica /centralno-grijanje-na-struju (unos 277236): code blok a-grij-lead ispod page headera, code blok a-grij-nav (sidra),
omotači a-grij (id kako-radi, prednosti, postavljanje, telefonom, uputstvo, proracun) oko CKEditor blokova s tekstom.
a-grij--white = bijela ploha, a-grij-split = tekst 7 | 5 (a-grij-split--rev = slika 5 | tekst 7). */
.main:has(.a-grij-lead) .page-header { background: #1c1d1f !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-grij-lead) .page-header h1 { color: var(--on-dark) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; padding-bottom: .1em; } /* page-header ima overflow: hidden, bez ovoga odreže donji dio slova j i g */
.main:has(.a-grij-lead) .page-header .breadcrumb, .main:has(.a-grij-lead) .page-header .breadcrumb a, .main:has(.a-grij-lead) .page-header .breadcrumb li { color: #d9d8d4 !important; }
.a-grij-lead { background: #1c1d1f; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-grij-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-grij-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: #d9d8d4; }
.a-grij-lead__aside { display: grid; gap: 1rem; justify-items: start; margin: 0; }
.a-grij-lead .btn { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem; border: 2px solid var(--orange); border-radius: 0; background: var(--orange); color: var(--ink); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-grij-lead .btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; }
.a-grij-lead .btn:hover { background: var(--on-dark); border-color: var(--on-dark); color: var(--ink); }
.a-grij-lead .tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.25rem; color: var(--on-dark); text-decoration: none; }
.a-grij-lead .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

/* sidrena traka ostaje ispod zaglavlja dok se lista */
.a-grij-nav { position: sticky; top: 0; z-index: 5; background: #fff; border-bottom: 3px solid var(--ink); }
html.sticky-header-active .a-grij-nav { top: var(--a-cij-top, 95px); }
.a-grij-nav .container-xl { display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; padding-block: 1rem; }
.a-grij-nav a { padding-block: .3rem; border-bottom: 2px solid transparent; color: var(--ink); font-weight: 600; text-decoration: none; }
.a-grij-nav a:hover { border-color: var(--orange); }

.a-grij { padding-block: var(--section); scroll-margin-top: var(--a-cij-anchor, 12rem); }
.a-grij--white { background: var(--surface); border-block: 1px solid var(--ink); }
.a-grij .container-xl .container-xl, .a-grij .container-xl .row, .a-grij .container-xl [class*="col-"] { padding: 0 !important; margin: 0; max-width: none; }
.a-grij-split { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-grij-split--rev { grid-template-columns: 5fr 7fr; }
.a-grij-split > * { min-width: 0; }
.a-grij--single .a-grij-split { grid-template-columns: 1fr; }

/* tekst iz CKEditora */
.a-grij-prose { max-width: 68ch; color: var(--ink); }
.a-grij-prose h2 { margin: 0 0 1.4rem; color: var(--ink); font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0; }
.a-grij-prose p, .a-grij-prose li { font-size: 1.0625rem; line-height: 1.6; color: var(--ink); }
.a-grij-prose p { margin: 0 0 1.1em; }
.a-grij-prose ul { margin: 0 0 1.1em; padding-left: 1.2em; list-style: square; }
.a-grij-prose li { margin: .45em 0; }
.a-grij-prose li::marker { color: var(--ink); }
.a-grij-prose :is(p, ul):last-child { margin-bottom: 0; }
.a-grij-prose strong { font-weight: 700; background: #fff1a8; padding: 0 .2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.a-grij-prose--after { margin-top: 2.4rem; }

/* naslov preko cijele širine (prednosti, proračun) */
.a-grij-title { margin: 0 0 clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; border-top: 3px solid var(--ink); color: var(--ink); font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0; }

/* slike */
.a-grij-fig { margin: 0; }
.a-grij-fig img { display: block; width: 100%; height: auto; }
.a-grij-fig--framed img { max-width: 460px; border: 1px solid var(--line-strong); background: var(--bg); } /* izvor je 368 px, šire se zamuti */
.a-grij-fig figcaption { margin-top: 1rem; font-size: .9375rem; color: var(--muted); }

/* prednosti: 4 podatka u retku */
.a-grij .kv { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; border-top: 3px solid var(--ink); }
.a-grij .kv div { padding: 1rem 1.2rem 1.1rem 0; border-bottom: 1px solid var(--line); }
.a-grij .kv div + div { padding-left: 1.2rem; border-left: 1px solid var(--line); }
.a-grij .kv dt { font: 500 .875rem/1.3 var(--font); color: var(--muted); }
.a-grij .kv dd { margin: .3rem 0 0; color: var(--ink); font: 800 2rem/1 var(--display); }

/* PDF uputa i cijene Telecomanda */
.a-grij .docs { list-style: none; margin: 0; padding: 0; }
.a-grij .docs li { border-bottom: 1px solid var(--line); }
.a-grij .docs li:first-child { border-top: 1px solid var(--line); }
.a-grij .docs a { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 1rem 0; color: var(--ink); text-decoration: none; }
.a-grij .docs i { font-size: 1.4rem; color: var(--ink); }
.a-grij .docs b { display: block; }
.a-grij .docs span { font-size: .9375rem; color: var(--muted); }
.a-grij .docs a:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-grij dl.spec { margin: 1.4rem 0 0; border-top: 3px solid var(--ink); }
.a-grij dl.spec div { display: grid; grid-template-columns: 1fr 1.3fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.a-grij dl.spec dt { color: var(--muted); font-weight: 400; }
.a-grij dl.spec dd { margin: 0; color: var(--ink); font-weight: 700; }

/* proračun: tablica U iz CKEditora */
.a-grij--table .lead { margin: 0 0 2rem; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-grij-caption { margin: 0; padding-bottom: .8rem; font-weight: 700; color: var(--ink); }
.a-grij figure.table { display: block; width: 100%; height: auto; margin: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.a-grij figure.table table { width: 100%; border-collapse: collapse; border: 0; font-size: 1rem; color: var(--ink); }
.a-grij figure.table :is(th, td) { padding: .7rem .6rem; border: 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; background: none; }
.a-grij figure.table thead th { border-bottom: 3px solid var(--ink); font: 700 .875rem/1.3 var(--font); white-space: nowrap; }
.a-grij figure.table :is(thead th, td):not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.a-grij figure.table tbody th { font: 800 1.35rem/1.1 var(--display); white-space: nowrap; }
.a-grij figure.table tbody tr:hover > * { background: var(--bg); }
.a-grij figure.table + p { margin: 1rem 0 0; font-size: .9375rem; color: var(--muted); }

@media (max-width: 960px) {
    .a-grij-lead__grid, .a-grij-split, .a-grij-split--rev { grid-template-columns: 1fr; }
    .a-grij .kv { grid-template-columns: 1fr 1fr; }
    .a-grij .kv div:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 600px) {
    .a-grij-nav .container-xl { gap: .3rem 1.1rem; padding-block: .7rem; }
    .a-grij .kv dd { font-size: 1.5rem; }
    /* tablica U u širini ekrana */
    .a-grij figure.table table { font-size: .8125rem; }
    .a-grij figure.table :is(th, td) { padding: .55rem .25rem; }
    .a-grij figure.table thead th { white-space: normal; font-size: .75rem; }
    .a-grij figure.table tbody th { font-size: .9375rem; white-space: normal; }
}

/* ===== 22 Stranice radijatora: ERC (hero s pločicama boja), Avantage (galerija | podaci), Kupaonski (svijetlo zaglavlje, galerija, tablice) (#943310) =====
/elektricni-radijatori (277304): code a-hero a-hero--prod + a-prodhead oko Carousel bloka (carousel-color, boje mijenja other-js.js),
omotači a-rad--white (tekst | dokumenti), a-rad--tables a-rad--erc (tablica), a-rad-refs (ERC ugrađen), a-rad-ask (obrazac).
/avantage-radijatori (277287): a-rad--prod (galerija | a-rad-info), a-rad--white (modeli, izvedbe | značajke, dokumenti), a-rad-ask.
/kupaonski-radijatori (277295): page header + code a-rad-lead--kup, a-rad--bath (galerija 5 slika), a-rad--white a-rad--tables. */

/* zajedničko */
.a-rad { padding-block: var(--section); }
.a-rad--white { background: var(--surface); border-block: 1px solid var(--ink); }
.a-rad .container-xl .container-xl, .a-rad .container-xl .row, .a-rad .container-xl [class*="col-"], .a-rad .wide { padding: 0 !important; margin: 0; max-width: none; }
.a-rad-split { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-rad-split > * { min-width: 0; }
.a-rad .note { margin: 1rem 0 0; padding: 0; border: 0; font-size: .9375rem; color: var(--muted); }
.a-rad h3, .a-rad-prose h3 { margin: 2.4rem 0 1rem; color: var(--ink); font: 800 var(--fs-h3)/1 var(--display); letter-spacing: 0; }
.a-rad-aside > h3:first-child { margin-top: 0; }
.a-rad .btn, .a-rad-lead .btn { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem; border: 2px solid var(--orange); border-radius: 0; background: var(--orange); color: var(--ink); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-rad .btn::after, .a-rad-lead .btn::after, .a-hero--prod .btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; }
.a-rad .btn:hover, .a-rad-lead .btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.a-rad .tel, .a-rad-lead .tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.25rem; color: var(--ink); text-decoration: none; }
.a-rad .tel:hover, .a-rad-lead .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

/* tekst i tablice iz CKEditora */
.a-rad-prose { color: var(--ink); }
.a-rad-prose h2 { margin: 0 0 1.4rem; padding-top: 1rem; border-top: 3px solid var(--ink); color: var(--ink); font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0; }
.a-rad-prose h2:not(:first-child) { margin-top: clamp(3rem, 5vw, 5rem); }
.a-rad-prose p, .a-rad-prose li { max-width: 68ch; font-size: 1.0625rem; line-height: 1.6; color: var(--ink); }
.a-rad-prose p { margin: 0 0 1.1em; }
.a-rad-prose strong { font-weight: 700; background: #fff1a8; padding: 0 .2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.a-rad-prose a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-rad-prose figure.table + p { margin-top: 1rem; font-size: .9375rem; color: var(--muted); }
.a-rad .a-rad-caption { margin: 0; padding-bottom: .8rem; font-weight: 700; }
.a-rad figure.table { display: block; width: 100%; height: auto; margin: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.a-rad figure.table table { width: 100%; border-collapse: collapse; border: 0; font-size: 1rem; color: var(--ink); }
.a-rad figure.table :is(th, td) { padding: .7rem .6rem; border: 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; background: none; }
.a-rad figure.table thead th { border-bottom: 3px solid var(--ink); font: 700 .875rem/1.3 var(--font); white-space: nowrap; }
.a-rad figure.table :is(thead th, td):not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.a-rad figure.table tbody th { font: 800 1.35rem/1.1 var(--display); white-space: nowrap; }
.a-rad figure.table tbody tr:hover > * { background: var(--bg); }

/* podaci, dokumenti */
.a-rad dl.spec { margin: 0; border-top: 3px solid var(--ink); }
.a-rad dl.spec div { display: grid; grid-template-columns: 1fr 1.3fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.a-rad dl.spec dt { color: var(--muted); font-weight: 400; }
.a-rad dl.spec dd { margin: 0; color: var(--ink); font-weight: 700; }
.a-rad .docs { list-style: none; margin: 0; padding: 0; }
.a-rad .docs li { border-bottom: 1px solid var(--line); }
.a-rad .docs li:first-child { border-top: 3px solid var(--ink); }
.a-rad .docs a { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 1rem 0; color: var(--ink); text-decoration: none; }
.a-rad .docs i { font-size: 1.4rem; color: var(--ink); }
.a-rad .docs b { display: block; }
.a-rad .docs span { font-size: .9375rem; color: var(--muted); }
.a-rad .docs a:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

/* Avantage: galerija | podaci */
.a-rad--prod { padding-top: clamp(1.6rem, 3vw, 3rem); }
.a-rad-split--prod { grid-template-columns: 6fr 6fr; }
.a-rad .glightbox-inner, .a-rad .glightbox-inner > div { margin: 0 !important; padding: 0 !important; }
.a-rad .glightbox-gallary picture { display: block; width: 100%; }
.a-rad .glightbox-gallary img { width: 100% !important; max-width: none !important; transform: none !important; margin: 0 !important; }
.a-rad-gallery .glightbox-gallary { margin: 0; padding: 0; list-style: none; }
.a-rad-gallery .glightbox-gallary li { padding: 0; }
.a-rad-gallery a.glightbox { display: block; border: 3px solid var(--ink); }
.a-rad-gallery img { display: block; width: 100%; height: auto !important; min-height: 0 !important; max-height: none !important; object-fit: contain; }
.a-rad-info h1 { margin: 0; color: var(--ink); font: 800 clamp(2.2rem, 3.4vw, 3.8rem)/.92 var(--display); }
.a-rad-info .lead { margin: 1.1rem 0 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-rad .kv { display: grid; grid-template-columns: 1fr 1fr; margin: 2rem 0 0; border-top: 3px solid var(--ink); }
.a-rad .kv div { padding: 1rem 1.2rem 1.1rem 0; border-bottom: 1px solid var(--line); }
.a-rad .kv div:nth-child(even) { padding-left: 1.2rem; border-left: 1px solid var(--line); }
.a-rad .kv dt { font: 500 .875rem/1.3 var(--font); color: var(--muted); }
.a-rad .kv dd { margin: .3rem 0 0; color: var(--ink); font: 800 2rem/1 var(--display); }
.a-rad-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.6rem; margin: 2rem 0 0; }

/* Kupaonski: svijetlo zaglavlje s uvodom, galerija 5 slika u retku */
.main:has(.a-rad-lead--kup) .page-header { background: #e9e8e4 !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.main:has(.a-rad-lead--kup) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; padding-bottom: .1em; }
.main:has(.a-rad-lead--kup) .page-header .breadcrumb, .main:has(.a-rad-lead--kup) .page-header .breadcrumb a, .main:has(.a-rad-lead--kup) .page-header .breadcrumb li { color: var(--ink) !important; }
.a-rad-lead--kup { background: #e9e8e4; }
.a-rad-lead { border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-rad-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-rad-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-rad-lead__aside { display: grid; gap: 1rem; justify-items: start; margin: 0; }
.a-rad--bath .glightbox-gallary { display: flex !important; gap: 6px; margin: 0; padding: 0; list-style: none; }
.a-rad--bath .glightbox-gallary li { flex: 1 1 0; min-width: 0; padding: 0; }
.a-rad--bath .glightbox-gallary a, .a-rad--bath .glightbox-gallary picture { display: block; height: 100%; }
.a-rad--bath .glightbox-gallary img { display: block; width: 100%; height: clamp(320px, 42vw, 620px) !important; min-height: 0 !important; max-height: none !important; object-fit: cover; }

/* ERC: hero s pločicama boja (isti mehanizam kao naslovnica) */
.a-hero--prod { padding-block: clamp(2.2rem, 4vw, 4.4rem); }
.a-prodhead { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(2rem, 4vw, 5.5rem); align-items: stretch; }
.a-prodhead__text { display: flex; flex-direction: column; min-width: 0; }
.a-prodhead h1 { margin: 0; color: var(--field-ink) !important; font: 800 clamp(3rem, 4.9vw, 6rem)/.92 var(--display); text-wrap: balance; }
.a-prodhead .a-lead { margin: 1.2rem 0 0; max-width: 40ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--field-ink); }
.a-prodhead .a-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.6rem; margin: 2rem 0 0; }
.a-hero--prod .btn { display: inline-flex; align-items: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem; border: 2px solid var(--orange); border-radius: 0; background: var(--orange); color: var(--ink); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-hero--prod .btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.a-hero--prod .tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.25rem; color: var(--field-ink); text-decoration: none; }
.a-hero--prod .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-prodhead__kv { display: grid; grid-template-columns: 1fr 1fr; margin: auto 0 0; padding-top: clamp(2rem, 3vw, 3rem); }
.a-prodhead__kv div { padding: .9rem 1.2rem 1rem 0; border-top: 3px solid currentColor; }
.a-prodhead__kv div:nth-child(even) { padding-left: 1.2rem; border-left: 1px solid currentColor; }
.a-prodhead__kv dt { font-size: .9375rem; font-weight: 700; color: var(--field-ink); }
.a-prodhead__kv dd { margin: .35rem 0 0; color: var(--field-ink); font: 800 clamp(1.9rem, 2.6vw, 3rem)/1.05 var(--display); }
.a-prodhead__media { display: flex; flex-direction: column; min-width: 0; }
.a-prodhead__media .container-xl, .a-prodhead__media .row, .a-prodhead__media [class*="col-"] { padding: 0 !important; margin: 0 !important; max-width: none; }
.a-hero--prod .owl-item img { height: clamp(460px, 60vh, 640px); }
.a-hero--prod .a-hero__more { margin: 1.1rem 0 0; font-size: .9375rem; }
.a-hero--prod .a-hero__more .mark { background: #fff1a8; color: var(--ink); padding: 0 .2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
@media (min-width: 1200px) { .a-hero--prod .owl-item.is-selected { flex-grow: 2.4; } }

/* ERC ugrađen: tri fotografije na crnoj plohi */
.a-rad-refs { padding-block: var(--section); background: var(--ink); color: var(--on-dark); }
.a-rad-refs__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 1rem 2rem; margin-bottom: clamp(1.6rem, 2.6vw, 2.6rem); padding-top: 1rem; border-top: 3px solid var(--on-dark); }
.a-rad-refs__head h2 { margin: 0; color: var(--on-dark); font: 800 var(--fs-h2)/.92 var(--display); }
.a-rad-refs .link-arrow { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; color: var(--on-dark); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-rad-refs__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); }
.a-rad-refs figure { margin: 0; }
.a-rad-refs img { display: block; width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; }
.a-rad-refs figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .2rem 1rem; margin-top: .8rem; padding-top: .7rem; border-top: 3px solid var(--yellow); }
.a-rad-refs figcaption b { color: var(--on-dark); }
.a-rad-refs figcaption span { color: var(--on-dark-muted); font-size: .9375rem; }

/* obrazac (isti blokovi kao na Prepravku), naslov lijevo bez crte, kontakt ispod uvoda */
.a-rad-ask .heading-title, .a-rad-ask .heading-title .row, .a-rad-ask .heading-title .col { margin: 0; padding: 0 !important; max-width: none; }
.a-rad-ask .heading-title .heading, .a-rad-ask .heading-title .heading-wrapper { display: block; text-align: left; }
.a-rad-ask .heading-title h2 { width: auto; max-width: 15ch; margin: 0; padding: 0; border: 0 !important; text-align: left; color: var(--ink) !important; font-size: var(--fs-h2) !important; }
.a-rad-ask .heading-title .heading-text-below { margin: 1.2rem 0 0 !important; }
.a-rad-ask .heading-title p { margin: 0; max-width: 46ch; text-align: left; color: var(--ink) !important; font-size: var(--fs-lead) !important; line-height: 1.5; }
.a-rad-ask .ask__contact { display: grid; gap: .9rem; margin-top: 2rem; font-size: 1.125rem; }
.a-rad-ask .ask__contact a { display: inline-flex; align-items: center; gap: .7rem; color: var(--ink); font-weight: 700; text-decoration: none; }
.a-rad-ask .ask__contact .tel { font-size: 1.5rem; }
.a-rad-ask .ask__contact a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

@media (max-width: 960px) {
    .a-rad-split, .a-rad-split--prod, .a-rad-lead__grid, .a-prodhead { grid-template-columns: 1fr; }
    .a-prodhead { gap: 1.4rem; }
    .a-prodhead__text { display: contents; }
    .a-prodhead h1 { order: 1; }
    .a-prodhead .a-lead { order: 2; margin-top: 0; }
    .a-prodhead .a-actions { order: 3; margin-top: 0; }
    .a-prodhead__media { order: 4; }
    .a-prodhead__kv { order: 5; margin-top: 0; padding-top: 0; }
    .a-hero--prod .owl-item img { height: 420px; }
    .a-rad--bath .glightbox-gallary { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; }
    .a-rad--bath .glightbox-gallary li { flex: 0 0 42%; scroll-snap-align: start; }
    .a-rad--bath .glightbox-gallary img { height: 420px !important; }
    .a-rad-refs__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .a-hero--prod .owl-item img { height: 340px; }
    .a-prodhead__kv dd { font-size: 1.7rem; }
    .a-rad .kv dd { font-size: 1.5rem; }
    .a-rad--bath .glightbox-gallary li { flex-basis: 72%; }
    .a-rad--bath .glightbox-gallary img { height: 380px !important; }
    .a-rad-refs__grid { grid-template-columns: 1fr; }
    /* tablice u širini ekrana */
    .a-rad figure.table table { font-size: .8125rem; }
    .a-rad figure.table :is(th, td) { padding: .55rem .25rem; }
    .a-rad figure.table thead th { white-space: normal; font-size: .75rem; }
    .a-rad figure.table tbody th { font-size: .9375rem; white-space: normal; }
    .a-rad--erc figure.table tr > :nth-child(3), .a-rad--erc figure.table tr > :nth-child(4) { display: none; }
}

/* padajući izbornik u zaglavlju (podstavke u Header navigation): okvir 3 px, stavke naslovnim fontom kao .panel u dizajnu */
@media (min-width: 992px) {
    #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown > .dropdown-menu { min-width: 300px; padding: .5rem !important; border: 3px solid var(--ink) !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
    #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown > .dropdown-menu::before { display: none !important; }
    #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown > .dropdown-menu li { border: 0 !important; }
    #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown > .dropdown-menu li a.dropdown-item { display: block; padding: .75rem .8rem !important; border: 0 !important; border-radius: 0; background: none; color: var(--ink) !important; font: 800 1.35rem/1.1 var(--display) !important; letter-spacing: .01em; text-transform: none; white-space: nowrap; }
    #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown > .dropdown-menu li a.dropdown-item:hover, #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown > .dropdown-menu li a.dropdown-item:focus-visible { background: var(--surface) !important; }
}
/* mobitel: podizbornik se otvara strelicom, bez sive plohe i bez crte ispod naslova; stavke uvučene s narančastom crtom kao u dizajnu */
@media (max-width: 991px) {
    #header #mainNav > li > a::after { display: none !important; }
    #header #mainNav > li.dropdown, #header #mainNav > li.dropdown > a, #header #mainNav > li.dropdown > .dropdown-menu, #header #mainNav > li.dropdown > .dropdown-menu li { background: transparent !important; }
    #header #mainNav > li.dropdown > .dropdown-menu { margin: 0 0 1rem 1rem !important; padding: 0 0 0 1rem !important; border: 0 !important; border-left: 2px solid var(--orange) !important; box-shadow: none !important; }
    #header #mainNav > li.dropdown > .dropdown-menu li a.dropdown-item { padding: .7rem 0 !important; border: 0 !important; background: transparent !important; color: var(--ink) !important; font: 700 1.0625rem/1.3 var(--font) !important; text-transform: none; }
}

/* ===== 23 Početna: ERC 10, tri visine (tri cijene + kalkulator) i testni video u sekciji „Boja iz našeg pogona” (#943310) =====
globalni element „ERC 10, tri visine” (277413): code a-price #cijene oko Matejinog naslova, cijene i kalkulator iz jedne Twig varijable u code bloku */
.a-price { padding-block: var(--section); background: var(--bg, #f4f3f0); }
.a-price .heading-title, .a-price .heading-wrapper { padding: 0 !important; }
.a-price .heading-wrapper-left, .a-price .heading-wrapper-right { display: none !important; }
.a-price .row, .a-price .col, .a-price .container-xl .container-xl { margin: 0; padding: 0; }
.a-price .heading, .a-price .heading-wrapper { margin: 0 !important; padding: 0 !important; }
.a-price h2 { margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) !important; padding: 0 !important; color: var(--ink); font: 800 var(--fs-h2, clamp(2.6rem, 4.6vw, 4.4rem))/.95 var(--display); text-align: left; }
.a-figures { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 3px solid var(--ink); }
.a-figures > div { padding: 1.2rem 1.5rem 1.4rem 0; border-bottom: 1px solid var(--ink); }
.a-figures > div + div { padding-left: 1.5rem; border-left: 1px solid var(--ink); }
.a-figures__h { font-weight: 700; color: var(--muted); }
.a-price, .a-figures b, .a-calc, .a-calc__in label, .a-calc__out dt, .a-calc__out dd, .a-calc__in output, .a-calc__cta span { color: var(--ink); }
.a-figures b { display: block; margin-top: .4rem; font: 900 var(--fs-figure)/.9 var(--display); }
.a-price .a-note { margin-top: 1.2rem; color: var(--muted); font-size: 1rem; max-width: 70ch; }
.a-price .a-note a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.a-calc { margin-top: clamp(2.5rem, 4vw, 4rem); border: 3px solid var(--ink); background: var(--yellow); padding: 1.4rem 1.6rem; display: grid; grid-template-columns: 1fr auto; gap: 1rem 3rem; align-items: center; }
.a-calc__in { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.4rem; font-weight: 700; font-size: 1.15rem; }
.a-calc__in label { margin: 0; }
.a-calc__in input[type="range"] { width: min(320px, 100%); accent-color: var(--ink); height: 28px; }
.a-calc__in output { font: 800 2.2rem/1 var(--display); min-width: 4.5ch; }
.a-calc__in select { min-height: 48px; padding: 0 .8rem; border: 2px solid var(--ink); border-radius: 0; background: #fff; font-weight: 700; }
.a-calc__out { display: flex; gap: 2.2rem; margin: 0; }
.a-calc__out dt { font-size: .875rem; font-weight: 700; }
.a-calc__out dd { margin: .2rem 0 0; font: 900 2.4rem/1 var(--display); white-space: nowrap; }
.a-calc .a-note { color: var(--ink); margin-top: 0; align-self: center; }
.a-calc__cta { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .8rem 1.6rem; padding-top: 1rem; border-top: 2px solid var(--ink); }
.a-calc__cta span { font-size: .9375rem; font-weight: 600; }
.a-calc__cta .btn { display: inline-flex; align-items: center; gap: .6rem; min-height: 52px; padding: 0 1.4rem; border: 2px solid var(--ink); border-radius: 0; background: var(--ink); color: #fff; font-weight: 700; }
.a-calc__cta .btn:hover { background: var(--orange); border-color: var(--orange); color: var(--ink); }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Što izrađujemo kao carousel (Matejin primjer, 277428): kartice s razmakom, naslov naslovnim fontom, cijena kao tekst s crtom umjesto zelenog gumba */
.a-index .carousel-default .owl-item > div { padding-right: 1.5rem; }
.a-index .carousel-default picture, .a-index .carousel-default img { display: block; }
.a-index .carousel-default img { width: 100%; aspect-ratio: 4 / 5; height: auto; object-fit: cover; border-radius: 0 !important; transition: transform .6s var(--ease); }
.a-index .carousel-default .owl-item > div > a:first-child { display: block; overflow: hidden; border-bottom: 3px solid var(--ink); }
.a-index .carousel-default .owl-item > div:hover img { transform: scale(1.03); }
.a-index .carousel-default .content { padding: 1rem 0 0; }
.a-index .carousel-default .content h4 { margin: 0 0 .5rem; font: 800 clamp(1.8rem, 2.4vw, 2.6rem)/1 var(--display); }
.a-index .carousel-default .content h4 a { color: var(--ink) !important; }
.a-index .carousel-default .content p { margin: 0 0 1rem; color: var(--muted); font-size: 1rem; line-height: 1.5; }
.a-index .carousel-default .button-tag { padding: 0; }
.a-index .carousel-default .button-tag .btn { margin: 0 !important; padding: 0 0 .2rem; border: 0; border-bottom: 2px solid var(--orange); border-radius: 0; background: none !important; color: var(--ink) !important; box-shadow: none !important; font-weight: 700; font-size: 1.125rem; }
.a-index .carousel-default .button-tag .btn::before, .a-index .carousel-default .button-tag .btn::after { display: none; }
.a-index .carousel-default .button-tag .btn:hover { border-bottom-color: var(--ink); }
/* testni video: YouTube iframe umjesto sličice, bez naše strelice preko njega (inače prekrije YouTubeov gumb) */
.a-video .video-block a.glightbox:has(iframe)::after { display: none; }
.a-video .video-block .embed-responsive { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; transform: none !important; }
.a-video .video-block .embed-responsive::before { display: none; }
.a-video .video-block iframe { position: absolute !important; inset: 0 !important; display: block; width: 100% !important; height: 100% !important; max-height: none !important; border: 0; }
@media (max-width: 960px) {
    .a-figures { grid-template-columns: 1fr; }
    .a-figures > div + div { padding-left: 0; border-left: 0; }
    .a-calc { grid-template-columns: 1fr; }
    .a-calc__cta { justify-content: flex-start; }
}
@media (max-width: 600px) {
    .a-calc { padding: 1.2rem; }
    .a-calc__out { gap: 1.2rem; flex-wrap: wrap; }
    .a-calc__out dd { font-size: 1.9rem; }
}

/* ===== 24 Početna: redak o RAL bojama u heru, Što izrađujemo kao popis s fotografijom na hover; stranica Upitnik za ponudu (#943310) =====
Hero (Hero section 276263): code blok s p.a-hero__more ispod pločica boja.
Što izrađujemo (276348): code blok crta popis iz stavki isključenog Carousela 277428 u oznakama Grids kartica,
pa ga slaže blok 03 (popis | fotografija). Ovdje je samo cijena desno u retku.
Upitnik (/upitnik-ponuda, unos 277450): code blok a-upit-lead ispod page headera, omotač a-upit (a-upit-split 8 | 4)
oko obrasca Upitnik za ponudu (Formie upitnikZaPonudu, stil polja iz .a-video), desno aside-box a-upit-aside. */
.a-hero > .container-xl > .a-hero__more { margin: 1rem 0 0; padding-inline: 15px; font-size: .9375rem; color: var(--field-ink); }
.a-hero__more .mark { background: #fff1a8; color: var(--ink); padding: 0 .2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

.a-index .article-load .post-content:has(.a-index__price) { grid-template-columns: minmax(0, 21rem) 1fr auto auto; }
.a-index__price { position: relative; z-index: 0; color: var(--ink); font: 800 1.6rem/1 var(--display); white-space: nowrap; }

.main:has(.a-upit-lead) .page-header { background: #e9e8e4 !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; min-height: 0; }
.main:has(.a-upit-lead) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; padding-bottom: .1em; }
.main:has(.a-upit-lead) .page-header .breadcrumb, .main:has(.a-upit-lead) .page-header .breadcrumb a, .main:has(.a-upit-lead) .page-header .breadcrumb li { color: var(--muted) !important; }
.a-upit-lead { background: #e9e8e4; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-upit-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-upit-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-upit-lead__aside { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 2rem; margin: 0; }
.a-upit-lead .tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.35rem; color: var(--ink); text-decoration: none; }
.a-upit-lead .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-upit-lead .link-arrow { display: inline-flex; align-items: center; gap: .55rem; padding-bottom: .15rem; border-bottom: 3px solid var(--ink); color: var(--ink); font-weight: 700; text-decoration: none; }
.a-upit-lead .link-arrow:hover i { transform: translateX(3px); }
.a-upit-lead .link-arrow i { transition: transform .25s; }

.a-upit { color: var(--ink); padding-block: var(--section); }
.a-upit-split { display: grid; grid-template-columns: 8fr 4fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-upit-split > * { min-width: 0; }
.a-upit-split__main :is(.container-xl, .row, .col-lg-12) { max-width: none; margin: 0 !important; padding: 0 !important; }
.a-upit .fui-i { border: 3px solid var(--ink); }
/* naslovi dijelova obrasca (Vaši podaci, Kuća, Prostorije): crta iznad kao u dizajnu */
.a-upit .fui-page-row:has(> [data-field-handle="kuca"]), .a-upit .fui-page-row:has(> [data-field-handle="prostorijeNaslov"]) { margin: 1.6rem -1.5rem 1rem; padding: 1.4rem 1.5rem 0; border-top: 1px solid var(--line); }
/* prostorije (Repeater): vrsta | m² | zidovi | ukloni, svaka prostorija u jednom retku */
.a-upit .fui-repeater-row { margin: 0; padding: .8rem 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.a-upit .fui-repeater-row:first-child { padding-top: 0; }
.a-upit .fui-repeater-row > .fui-fieldset { display: flex; align-items: flex-end; gap: .8rem; margin: 0; padding: 0; border: 0; }
.a-upit .fui-repeater-row .fui-field-rows { flex: 1 1 auto; min-width: 0; margin: 0; }
.a-upit .fui-repeater-row .fui-row { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: .8rem; margin: 0; }
.a-upit .fui-repeater-row .fui-row > .fui-field { min-width: 0; margin: 0; padding: 0; }
.a-upit .fui-btn.fui-repeater-remove-btn { position: static; display: flex; align-items: center; justify-content: center; flex: none; width: 52px; height: 53px; min-height: 0; margin: 0; padding: 0; align-self: flex-end; transform: none; overflow: hidden; font-size: 0; text-indent: 0; border: 1px solid var(--line); border-radius: 0; background-color: transparent; color: var(--muted); }
.a-upit .fui-btn.fui-repeater-remove-btn::after { content: none; }
.a-upit .fui-btn.fui-repeater-remove-btn::before { content: "\f00d"; font: 400 1.15rem/1 "Font Awesome 6 Pro"; }
.a-upit .fui-btn.fui-repeater-remove-btn:hover { border-color: var(--ink); background-color: transparent; color: var(--ink); }
.a-upit .fui-btn.fui-repeater-add-btn { display: inline-flex; align-items: center; gap: .5rem; min-height: 0; margin-top: 1rem; padding: .4rem 0; border: 0; border-bottom: 2px solid var(--orange); border-radius: 0; background: none; color: var(--ink); font-weight: 700; }
.a-upit .fui-btn.fui-repeater-add-btn::before { content: "+"; font-weight: 800; }
.a-upit .fui-btn.fui-repeater-add-btn::after { content: none; }
.a-upit .fui-btn.fui-repeater-add-btn:hover { background: none; border-bottom-color: var(--ink); color: var(--ink); }
.a-upit .fui-btn.fui-repeater-add-btn:disabled { display: none; }

.aside-box.a-upit-aside { position: sticky; top: 8rem; border: 3px solid var(--ink); background: var(--bg); }
.a-upit-aside h2 { margin: 0; padding: 1.2rem 1.3rem .2rem; color: var(--ink); font: 800 1.8rem/1 var(--display); }
.a-upit-aside p { margin: 0; padding: .4rem 1.3rem 1rem; color: var(--muted); font-size: .9375rem; line-height: 1.5; }
.a-upit-aside .tel { display: flex; align-items: center; gap: .6rem; margin: 0 1.3rem .8rem; font-weight: 700; color: var(--ink); text-decoration: none; }
.a-upit-aside .tel:last-child { margin-bottom: 1.3rem; }
.a-upit-aside .tel:hover { text-decoration: underline; text-decoration-color: var(--orange); }
@media (max-width: 960px) {
    .a-index .article-load .post-content:has(.a-index__price) { grid-template-columns: 1fr auto; }
    .a-index .article-load .post-content:has(.a-index__price) > p { grid-column: 1 / -1; grid-row: 2; }
    .a-index__price { font-size: 1.3rem; }
    .a-upit-lead__grid, .a-upit-split { grid-template-columns: 1fr; }
    .aside-box.a-upit-aside { position: static; }
}
@media (max-width: 600px) {
    .a-upit .fui-page-row:has(> [data-field-handle="kuca"]), .a-upit .fui-page-row:has(> [data-field-handle="prostorijeNaslov"]) { margin-inline: -1rem; padding-inline: 1rem; }
    .a-upit .fui-repeater-row .fui-row { grid-template-columns: 1fr 1fr; }
    .a-upit .fui-repeater-row .fui-row > .fui-field:first-child { grid-column: 1 / -1; }
}

/* ===== 26 Iskustva kupaca: kartica vodi na cijelo pismo, stranica pojedinog iskustva (#943310) =====
Unos Multimedije (kategorija Iskustva), polje Sadržaj: citat (blockquote) + mjesto (p > em), pa <hr>, pa cijelo pismo.
Kartica na /upiti-iskustva-kupaca pokazuje samo dio prije <hr>; cijelo pismo je na stranici unosa. */
.a-isk-quotes .article-load .bigtar { position: relative; }
.a-isk-quotes .bigtar > hr, .a-isk-quotes .bigtar > hr ~ * { display: none !important; }
.a-isk-quotes .bigtar > a { pointer-events: auto; }
.a-isk-quotes .bigtar > a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.a-isk-quotes .bigtar::after {
    content: "Pročitajte cijelo pismo \2192"; order: 4; margin-top: 1rem; color: var(--ink); font: 700 .9375rem/1.3 var(--font);
    text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em;
}
.a-isk-quotes .bigtar > blockquote p { transition: color .2s; }
.a-isk-quotes .article-load .bigtar:hover > blockquote p { color: var(--orange); }

/* stranica iskustva: citat kao naslovni navod, ispod cijelo pismo */
.post-content:has(> blockquote:first-child + p + hr) { max-width: 70ch; }
.post-content:has(> blockquote:first-child + p + hr) > blockquote:first-child { margin: 0; padding: 0; border: 0; }
.post-content:has(> blockquote:first-child + p + hr) > blockquote:first-child p { margin: 0; color: var(--ink); font: 800 clamp(1.9rem, 3vw, 3rem)/1.02 var(--display); letter-spacing: 0; }
.post-content:has(> blockquote:first-child + p + hr) > blockquote:first-child + p { margin: .9rem 0 0; color: var(--muted); font-size: .9375rem; }
.post-content:has(> blockquote:first-child + p + hr) > blockquote:first-child + p em { font-style: normal; }
.post-content:has(> blockquote:first-child + p + hr) > hr { margin: 2rem 0 1.8rem; border: 0; border-top: 3px solid var(--ink); opacity: 1; }
.post-content:has(> blockquote:first-child + p + hr) > p, .post-content:has(> blockquote:first-child + p + hr) > ul li { color: var(--ink); font-size: 1.0625rem; line-height: 1.65; }
.post-content:has(> blockquote:first-child + p + hr) > figure.image { display: inline-block; width: calc(33.333% - .7rem); margin: 1rem .7rem 0 0; vertical-align: top; }
.post-content:has(> blockquote:first-child + p + hr) > figure.image:only-of-type { display: block; width: auto; max-width: 100%; }
.post-content:has(> blockquote:first-child + p + hr) > figure.image img { display: block; width: 100%; height: auto; border: 3px solid var(--ink); }
@media (max-width: 600px) {
    .post-content:has(> blockquote:first-child + p + hr) > figure.image { width: calc(50% - .5rem); margin-right: .5rem; }
}

/* ===== 27 Plastifikacija metala: žuto zaglavlje s uvodom, tekst | fotografije + završni slojevi, što plastificiramo, upit (#943310) =====
Stranica /plastifikacija (unos 277628): code blok a-plast-lead ispod page headera, omotači a-plast--intro (kolona-flex 7 | 5:
lijevo CKEditor s tekstom, desno CKEditor s dvije fotografije i dl.spec + code blok s PDF-om), a-plast--list
(Heading + CKEditor s p.lead i ul.reg-list) i a-plast--ask (Heading + code blok s kontaktima), id="upit-plast". */
.main:has(.a-plast-lead) .page-header { background: var(--yellow) !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; min-height: 0; }
.main:has(.a-plast-lead) .page-header h1 { color: var(--ink) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; }
.main:has(.a-plast-lead) .page-header .breadcrumb, .main:has(.a-plast-lead) .page-header .breadcrumb a, .main:has(.a-plast-lead) .page-header .breadcrumb li { color: var(--ink) !important; }
.a-plast-lead { background: var(--yellow); border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-plast-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-plast-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-plast-lead__aside { display: grid; gap: 1rem; justify-items: start; margin: 0; }
.a-plast-lead .btn { display: inline-flex; align-items: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem; border: 2px solid var(--orange); border-radius: 0; background: var(--orange); color: var(--ink); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-plast-lead .btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; }
.a-plast-lead .btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.a-plast-lead .tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.25rem; color: var(--ink); text-decoration: none; }
.a-plast-lead .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

.a-plast { padding-block: var(--section); color: var(--ink); }
.a-plast .container-xl .container-xl, .a-plast .container-xl .row, .a-plast .container-xl .col, .a-plast .container-xl [class*="col-"] { padding: 0 !important; margin: 0; max-width: none; }
.a-plast .kolona-flex { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-plast .kolona-flex-60, .a-plast .kolona-flex-40 { width: auto; min-width: 0; }
.a-plast .heading-title .heading { margin: 0; }
.a-plast .heading-title .heading-wrapper { display: block; text-align: left; }
.a-plast .heading-wrapper-left, .a-plast .heading-wrapper-right { display: none !important; }
.a-plast .heading-title h2, .a-plast .heading-title h2 span {
    display: block; margin: 0 0 clamp(1.2rem, 2vw, 1.8rem); padding: 1rem 0 0; border-top: 3px solid var(--ink); text-align: left;
    color: var(--ink) !important; font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0;
}
.a-plast .heading-title h2 span { padding: 0; border: 0; margin: 0; }
.a-plast .heading-title { margin-bottom: clamp(1rem, 1.6vw, 1.5rem) !important; }
.a-plast--list .heading-title h2 { width: 100%; max-width: none !important; }
.a-plast--ask .lead { margin-top: 1.2rem; }
.a-plast .lead { margin: 0; max-width: 60ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }

/* tekst lijevo: naslovi s crtom iznad kao u dizajnu */
.a-plast-prose h2 { margin: 2.6rem 0 .8rem; padding-top: 1rem; border-top: 3px solid var(--ink); color: var(--ink); font: 800 var(--fs-h3, clamp(1.8rem, 2.4vw, 2.6rem))/1 var(--display); letter-spacing: 0; text-transform: none; scroll-margin-top: 7rem; }
.a-plast-prose h2:first-child, .a-plast-prose .container-xl:first-child h2:first-child { margin-top: 0; }
.a-plast-prose p { max-width: 64ch; margin: 0 0 1rem; color: var(--ink); font-size: 1.0625rem; line-height: 1.6; }

/* desno: dvije fotografije, završni slojevi, RAL karta */
.a-plast .convert__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; background: var(--ink); border: 3px solid var(--ink); }
.a-plast .convert__pair figure.image { display: block; margin: 0; width: auto; background: #fff; }
.a-plast .convert__pair img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.a-plast .convert__pair figcaption { display: block; padding: .7rem 1rem; font-size: .9375rem; line-height: 1.3; color: var(--muted); background: #fff; border-top: 3px solid var(--ink); text-align: left; caption-side: unset; }
.a-plast .kolona-flex-40 h3 { margin: 2rem 0 1rem; color: var(--ink); font: 800 var(--fs-h3, clamp(1.8rem, 2.4vw, 2.6rem))/1 var(--display); letter-spacing: 0; text-transform: none; }
.a-plast dl.spec { display: grid; grid-template-columns: 1fr 1.3fr; margin: 0; border-top: 3px solid var(--ink); }
.a-plast dl.spec dt, .a-plast dl.spec dd { margin: 0; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.a-plast dl.spec dt { padding-right: 1rem; font-weight: 400; color: var(--muted); }
.a-plast dl.spec dd { font-weight: 700; color: var(--ink); }
.a-plast .docs { list-style: none; margin: 1.6rem 0 0; padding: 0; }
.a-plast .docs li { border-block: 1px solid var(--line); }
.a-plast .docs a { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 1rem 0; color: var(--ink); text-decoration: none; }
.a-plast .docs i { font-size: 1.4rem; color: var(--ink); }
.a-plast .docs b { display: block; }
.a-plast .docs span { font-size: .875rem; color: var(--muted); }
.a-plast .docs a:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

/* što plastificiramo: siva ploha, popis u tri stupca */
.a-plast--list { background: var(--surface); border-block: 3px solid var(--ink); }
.a-plast--list .reg-list { columns: 3; column-gap: 2.5rem; margin: 1.6rem 0 0; padding: .4rem 0 0; list-style: none; border-top: 3px solid var(--ink); }
.a-plast--list .reg-list li { break-inside: avoid; padding: .6rem 0; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 1.0625rem; }

/* upit: jedan stupac, kontakti */
.a-plast--ask { background: var(--bg); }
.a-plast--ask .heading-title h2, .a-plast--ask .heading-title h2 span { max-width: 22ch; }
.a-plast--ask .note { margin: 1rem 0 0; font-size: .9375rem; color: var(--muted); }
.a-plast--ask .mark { background: #fff1a8; color: var(--ink); padding: 0 .2em; }
.a-plast .ask__contact { display: grid; gap: .9rem; margin-top: 2rem; font-size: 1.125rem; }
.a-plast .ask__contact a { display: inline-flex; align-items: center; gap: .7rem; justify-self: start; color: var(--ink); font-weight: 700; text-decoration: none; }
.a-plast .ask__contact .tel { font-size: 1.5rem; }
.a-plast .ask__contact a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
#upit-plast { scroll-margin-top: 6rem; }

@media (max-width: 960px) {
    .a-plast-lead__grid, .a-plast .kolona-flex { grid-template-columns: 1fr; }
    .a-plast--list .reg-list { columns: 2; }
}
@media (max-width: 600px) {
    .a-plast--list .reg-list { columns: 1; }
    .a-plast dl.spec { grid-template-columns: 1fr 1.2fr; }
}

/* ===== 28 Bravarija, CNC rezanje metala, Izrada reklama: tamno zaglavlje s uvodom, popis | usluge, galerija na crnoj plohi, upit (#943310) =====
Stranice /bravarija (unos 277693), /bravarija/usluga-cnc-rezanja-metala (277737) i /bravarija/izrada-reklama (277668):
code blok a-brav-lead ispod page headera, omotači a-brav--intro i a-brav--product (kolona-flex 7 | 5), a-brav--refs
(Heading + Media gallery tipa gridWithSubtitle: potpis je naslov slike), a-brav--register, a-brav--table i a-brav--ask. */
.main:has(.a-brav-lead) .page-header { background: #1c1d1f !important; border-bottom: 0; margin-bottom: 0; padding-block: clamp(2.5rem, 5vw, 5rem) 0; min-height: 0; }
.main:has(.a-brav-lead) .page-header h1 { color: var(--on-dark) !important; font: 800 clamp(3rem, 5.6vw, 6.6rem)/.92 var(--display); max-width: 16ch; padding-bottom: .1em; }
.main:has(.a-brav-lead) .page-header .breadcrumb, .main:has(.a-brav-lead) .page-header .breadcrumb a, .main:has(.a-brav-lead) .page-header .breadcrumb li { color: #d9d8d4 !important; }
.a-brav-lead { background: #1c1d1f; border-bottom: 3px solid var(--ink); padding-block: 1.2rem clamp(2.5rem, 5vw, 5rem); }
.a-brav-lead__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: end; }
.a-brav-lead .lead { margin: 0; max-width: 52ch; font-size: var(--fs-lead); line-height: 1.5; color: #d9d8d4; }
.a-brav-lead__aside { display: grid; gap: 1rem; justify-items: start; margin: 0; }
.a-brav-lead .btn { display: inline-flex; align-items: center; gap: .8rem; min-height: 54px; padding: .5rem 1.5rem; border: 2px solid var(--orange); border-radius: 0; background: var(--orange); color: var(--ink); font: 700 1.0625rem/1.2 var(--font); text-transform: none; }
.a-brav-lead .btn::after { content: "\f061"; font: 400 1em/1 "Font Awesome 6 Pro"; }
.a-brav-lead .btn:hover { background: var(--on-dark); border-color: var(--on-dark); color: var(--ink); }
.a-brav-lead .tel { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.25rem; color: var(--on-dark); text-decoration: none; }
.a-brav-lead .tel:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }

.a-brav { padding-block: var(--section); color: var(--ink); }
.a-brav .container-xl .container-xl, .a-brav .container-xl .row, .a-brav .container-xl .col, .a-brav .container-xl [class*="col-"], .a-brav .wide { padding: 0 !important; margin: 0; max-width: none; }
.a-brav .kolona-flex { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 5rem); align-items: start; }
.a-brav .kolona-flex-60, .a-brav .kolona-flex-40 { width: auto; min-width: 0; }
.a-brav .heading-title .heading { margin: 0; }
.a-brav .heading-title .heading-wrapper { display: block; text-align: left; }
.a-brav .heading-wrapper-left, .a-brav .heading-wrapper-right { display: none !important; }
.a-brav .heading-title h2, .a-brav .heading-title h2 span {
    display: block; margin: 0 0 clamp(1.2rem, 2vw, 1.8rem); padding: 1rem 0 0; border-top: 3px solid var(--ink); text-align: left;
    color: var(--ink) !important; font: 800 var(--fs-h2)/.92 var(--display); letter-spacing: 0; width: 100%; max-width: none !important;
}
.a-brav .heading-title h2 span { padding: 0; border: 0; margin: 0; }
.a-brav .heading-title { margin-bottom: clamp(1rem, 1.6vw, 1.5rem) !important; }
.a-brav .lead { margin: 0; max-width: 60ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.a-brav .note { margin: 1rem 0 0; padding-left: 0; border-left: 0; font-size: .9375rem; color: var(--muted); }
.a-brav .mark { background: #fff1a8; color: var(--ink); padding: 0 .2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

/* popisi: registar u stupcima */
.a-brav .reg-list { columns: 3; column-gap: 2.5rem; margin: 0; padding: .4rem 0 0; list-style: none; border-top: 3px solid var(--ink); }
.a-brav .reg-list--2 { columns: 2; }
.a-brav .reg-list li { break-inside: avoid; padding: .6rem 0; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 1.0625rem; }
.a-brav--register { background: var(--surface); border-top: 3px solid var(--ink); }

/* usluge i podaci desno */
.a-brav .docs { list-style: none; margin: 0; padding: 0; border-top: 3px solid var(--ink); }
.a-brav .docs li { border-bottom: 1px solid var(--line); }
.a-brav .docs a { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 1rem 0; color: var(--ink); text-decoration: none; }
.a-brav .docs i { font-size: 1.4rem; color: var(--ink); }
.a-brav .docs b { display: block; font-size: 1.125rem; }
.a-brav .docs span { font-size: .875rem; color: var(--muted); }
.a-brav .docs a:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.a-brav .spec { margin: 0; border-top: 3px solid var(--ink); }
.a-brav .spec div { display: grid; grid-template-columns: 1fr 1.3fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.a-brav .spec dt { font-family: var(--font); font-weight: 400; color: var(--muted); }
.a-brav .spec dd { margin: 0; font-weight: 700; color: var(--ink); }
.a-brav .timeline { list-style: none; margin: 0 0 0 .5rem; padding: 0; border-left: 3px solid var(--ink); }
.a-brav .timeline li { position: relative; padding: 0 0 2rem 2rem; font-size: 1.0625rem; line-height: 1.55; color: var(--ink); }
.a-brav .timeline li:last-child { padding-bottom: 0; }
.a-brav .timeline li::before { content: ""; position: absolute; left: -9.5px; top: .45rem; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid var(--ink); }
.a-brav .timeline b { display: block; font: 800 1.5rem/1.1 var(--display); }
.a-brav .kv { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 3px solid var(--ink); }
.a-brav .kv div { padding: 1rem 1.2rem 1.1rem 0; border-bottom: 1px solid var(--line); }
.a-brav .kv div:nth-child(even) { padding-left: 1.2rem; border-left: 1px solid var(--line); }
.a-brav .kv dt { font: 500 .875rem/1.3 var(--font); color: var(--muted); }
.a-brav .kv dd { margin: .3rem 0 0; color: var(--ink); font: 800 2rem/1 var(--display); }
.a-brav .a-brav__after { margin-top: 2rem; }
.a-brav .link-arrow { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1.2rem; padding-bottom: .15rem; border-bottom: 3px solid var(--ink); color: var(--ink); font-weight: 700; text-decoration: none; }
.a-brav .link-arrow:hover { border-bottom-color: var(--orange); }

/* CNC: velika slika s okvirom, ispod sličice */
.a-brav--product .thumb-gallery-margin, .a-brav--product .thumb-gallery-margin .row, .a-brav--product .thumb-gallery-margin .col { padding: 0 !important; margin: 0 !important; }
.a-brav--product .thumb-gallery-detail { border: 3px solid var(--ink); background: #fff; }
.a-brav--product .thumb-gallery-detail img { display: block; width: 100%; height: auto !important; aspect-ratio: 4 / 3; object-fit: contain; border-radius: 0 !important; background: #fff; }
.a-brav--product .thumb-gallery-thumbs { margin-top: .6rem !important; }
.a-brav--product .thumb-gallery-thumbs .img-thumbnail { padding: 0; border: 1px solid var(--line); border-radius: 0; background: #fff; }
.a-brav--product .thumb-gallery-thumbs .owl-item.selected .img-thumbnail { border: 3px solid var(--ink); }
.a-brav--product .thumb-gallery-thumbs img { display: block; width: 100%; height: auto !important; aspect-ratio: 1; object-fit: cover; border-radius: 0 !important; }

/* CNC: tablica strojeva na sivoj plohi */
.a-brav--table { background: var(--surface); border-block: 3px solid var(--ink); }
.a-brav .ptable-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.a-brav .ptable { width: 100%; border-collapse: collapse; font-size: 1.0625rem; color: var(--ink); }
.a-brav .ptable th, .a-brav .ptable td { padding: .85rem 1rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.a-brav .ptable thead th { border-bottom: 3px solid var(--ink); font: 700 .875rem/1.3 var(--font); white-space: nowrap; }
.a-brav .ptable tbody th { font: 800 1.35rem/1.1 var(--display); white-space: nowrap; }
.a-brav .ptable tbody th small { display: block; margin-top: .2rem; font: 400 .875rem/1.3 var(--font); color: var(--muted); }
.a-brav .ptable .n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.a-brav .ptable tbody tr:hover { background: #fff; }

/* što smo radili: crna ploha, 7 + 5, pa 4 + 4 + 4, potpis ispod */
.a-brav--refs { background: var(--ink); }
.a-brav--refs .heading-title h2, .a-brav--refs .heading-title h2 span { color: var(--on-dark) !important; border-top-color: var(--on-dark); }
.a-brav--refs .heading-title h2 span { border: 0; }
.a-brav--refs .glightbox-inner { margin: 0 !important; width: auto !important; }
.a-brav--refs .glightbox-gallary { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: clamp(1rem, 1.4vw, 1.5rem); margin: 0; padding: 0; list-style: none; }
.a-brav--refs .glightbox-gallary li { grid-column: span 4; align-self: start; height: auto !important; margin: 0; padding: 0; width: auto; }
.a-brav--refs .glightbox-gallary li:nth-child(1) { grid-column: span 7; }
.a-brav--refs .glightbox-gallary li:nth-child(2) { grid-column: span 5; }
.a-brav--refs .glightbox-gallary a, .a-brav--refs .glightbox-gallary picture { display: block; width: 100%; height: auto !important; }
.a-brav--refs .glightbox-gallary img { display: block; width: 100% !important; max-width: none; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; min-height: 0 !important; max-height: none !important; border-radius: 0 !important; background: var(--ink-2, #2a2b2d); transform: none !important; }
.a-brav--refs .glightbox-gallary li:nth-child(1) img { aspect-ratio: 16 / 10; }
.a-brav--refs .glightbox-gallary li:nth-child(2) img { aspect-ratio: 8 / 7; }
.a-brav--refs .glightbox-gallary .grid-subtitle { margin-top: .7rem !important; padding-top: .7rem; border-top: 2px solid var(--yellow); color: var(--on-dark) !important; font: 700 1rem/1.4 var(--font) !important; text-align: left; }

/* upit: jedan stupac, kontakti */
.a-brav--ask { background: var(--bg); border-top: 3px solid var(--ink); }
.a-brav--ask .heading-title h2, .a-brav--ask .heading-title h2 span { max-width: 22ch !important; }
.a-brav .ask__contact { display: grid; gap: .9rem; margin-top: 2rem; font-size: 1.125rem; }
.a-brav .ask__contact a { display: inline-flex; align-items: center; gap: .7rem; justify-self: start; color: var(--ink); font-weight: 700; text-decoration: none; }
.a-brav .ask__contact .tel { font-size: 1.5rem; }
.a-brav .ask__contact a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: .2em; }
#upit-metal, #upit-cnc, #upit-reklame { scroll-margin-top: 6rem; }

/* ===== 29 Galerija (sekcija katalog, /radijatori-slike/…): slike na crnoj plohi u tri stupca, 4:3, kao „ERC ugrađen” (#943310) =====
Unosi Viking radijatori (278010) i Plastifikacija (278089). Hvata se po mrvici kruha koja vodi na /radijatori-slike,
pa vrijedi za sve unose sekcije Galerija. Crna ploha nastavlja se na crno zaglavlje stranice; dvostruki naslov ispod galerije je skriven. */
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-inner { position: relative; padding-block: clamp(1.6rem, 3vw, 3rem) var(--section); background: var(--ink); box-shadow: 0 0 0 100vmax var(--ink); clip-path: inset(0 -100vmax); }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .page-header { margin-bottom: 0; }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) > .container-xl.py-4:has(.single-post) { padding-top: 0 !important; }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-inner > div { margin: 0 !important; padding: 0 !important; }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-gallary { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); margin: 0 !important; padding: 0; list-style: none; }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-gallary li { width: auto !important; height: auto !important; margin: 0; padding: 0 !important; }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-gallary a { display: block; height: auto !important; overflow: hidden; }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-gallary picture { display: block; }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-gallary img { display: block; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .3s ease; }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-gallary a:hover img { transform: scale(1.03); }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .pc-title { display: none; }
@media (max-width: 960px) {
    .main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-gallary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    /* strelice „Možda će vas zanimati” stršale su 15 px izvan ekrana (vodoravni scroll) */
    .main:has(.breadcrumb a[href$="/radijatori-slike"]) .card-reference .owl-nav .owl-prev { left: 0 !important; }
    .main:has(.breadcrumb a[href$="/radijatori-slike"]) .card-reference .owl-nav .owl-next { right: 0 !important; left: auto !important; }
}
@media (max-width: 480px) {
    .main:has(.breadcrumb a[href$="/radijatori-slike"]) .single-post .glightbox-gallary { gap: .8rem; }
}

@media (max-width: 960px) {
    .a-brav-lead__grid, .a-brav .kolona-flex { grid-template-columns: 1fr; }
    .a-brav .reg-list { columns: 2; }
    .a-brav--refs .glightbox-gallary li, .a-brav--refs .glightbox-gallary li:nth-child(1), .a-brav--refs .glightbox-gallary li:nth-child(2) { grid-column: span 6; }
}
@media (max-width: 600px) {
    .a-brav .reg-list, .a-brav .reg-list--2 { columns: 1; }
    .a-brav .kv dd { font-size: 1.5rem; }
    .a-brav .ptable th, .a-brav .ptable td { padding: .7rem .6rem; }
    .a-brav--refs .glightbox-gallary li, .a-brav--refs .glightbox-gallary li:nth-child(1), .a-brav--refs .glightbox-gallary li:nth-child(2) { grid-column: 1 / -1; }
}
* ===== 31 Galerija, detalj (/radijatori-slike/…): svijetlo zaglavlje kao detalj novosti, slike preko cijele širine ekrana (#943310) =====
Dopuna bloka 29 (ide IZA njega). Zaglavlje = pravila detalja novosti iz bloka 16 (bez bočnog okvira „Grijanje za cijelu zgradu”).
Crna ploha i mreža slika izlaze iz .container-xl do rubova ekrana; sa strane ostaje mali razmak. */
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .page-header { background: var(--bg)!important; border-bottom: 1px solid var(--line-strong); margin-bottom: 0; padding-block: clamp(1.6rem, 3vw, 3rem) clamp(1.6rem, 3vw, 2.5rem); }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .page-header h1 { color: var(--ink) !important; font: 800 clamp(2rem, 3.4vw, 3.8rem)/.98 var(--display); max-width: 22ch; }
.main:has(.breadcrumb a[href$="/radijatori-slike"]) .page-header .breadcrumb, .main:has(.breadcrumb a[href$="/radijatori-slike"]) .page-header .breadcrumb a, .main:has(.breadcrumb a[href$="/radijatori-slike"]) .page-header .breadcrumb li { color: var(--muted) !important; }
.page-header-galerija {background-color:#FFFFFF;}

/* ===== 30 Galerija, indeks (/radijatori-slike): Viking radijatori i Plastifikacija kao „ERC ugrađen”, crna ploha (#943310) =====
Grid blok 117503 na stranici Galerija slika. Tri stupca, slike 4:3, ispod žuta crta i bijeli naslov, bez žutog „+” i tamnog sloja na hover. */
#grid-container-117503-no { position: relative; padding-block: clamp(2rem, 4vw, 4rem) var(--section) !important; background: var(--ink); box-shadow: 0 0 0 100vmax var(--ink); clip-path: inset(0 -100vmax); }
#grid-container-117503-no #id-117503 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); margin: 0; }
#grid-container-117503-no .article-load { width: auto; max-width: none; flex: none; padding: 0; }
#grid-container-117503-no article.post { margin: 0; }
#grid-container-117503-no .post-image { margin: 0 !important; }
#grid-container-117503-no .thumb-info, #grid-container-117503-no .thumb-info-wrapper { display: block; border-radius: 0 !important; overflow: hidden; }
#grid-container-117503-no .thumb-info-wrapper::after, #grid-container-117503-no .thumb-info-action { display: none !important; }
#grid-container-117503-no picture { display: block; }
#grid-container-117503-no img.grid-media { display: block; width: 100% !important; max-width: none; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0 !important; transform: none; transition: transform .3s ease; }
#grid-container-117503-no a:hover img.grid-media { transform: scale(1.03); }
#grid-container-117503-no .post-content { margin-top: .8rem; padding-top: .7rem; border-top: 3px solid var(--yellow); }
#grid-container-117503-no .post-content h4 { margin: 0 !important; font-size: 1.125rem !important; line-height: 1.3 !important; font-weight: 700 !important; }
#grid-container-117503-no .post-content h4 a { color: var(--on-dark) !important; text-decoration: none; }
#grid-container-117503-no .post-content h4 a:hover { text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: .2em; }
#grid-container-117503-no .post-meta:empty { display: none; }
@media (max-width: 960px) {
    #grid-container-117503-no #id-117503 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
    #grid-container-117503-no #id-117503 { grid-template-columns: 1fr; }
}

/* ===== 11 Podnožje: crna ploha, svijetli tekst (dizajn v1, .site-footer) ===== */
#footer { background: var(--ink) !important; color: var(--on-dark); font-size: 1rem; }
#footer > .container-xl.mt-4 { margin-top: 0 !important; }
#footer > .container-xl > .row { padding-block: clamp(2.5rem, 4vw, 4rem) !important; row-gap: 2.5rem; }
#footer p, #footer strong, #footer span, #footer li, #footer address { color: var(--on-dark) !important; }
#footer p { font-size: 1rem; line-height: 1.6; }
#footer > .container-xl > .row img { display: block; width: 150px; max-width: 100%; height: auto; margin-bottom: 1.2rem; }
#footer h2 { margin-bottom: 0; max-width: 26ch; font: 800 clamp(1.7rem, 2.4vw, 2.6rem)/.92 var(--display); color: var(--on-dark) !important; letter-spacing: 0; text-transform: none; }
#footer h3, #footer h4, #footer h5 { margin-bottom: 1rem; font: 700 1rem/1.3 var(--font) !important; color: var(--on-dark-muted) !important; letter-spacing: 0; text-transform: none; }
#footer ul { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
#footer a { color: var(--on-dark) !important; text-decoration: none; }
#footer a:hover, #footer a:focus-visible { text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: .2em; }
#footer :focus-visible { outline-color: var(--yellow); }
#footer .btn { display: inline-flex; align-items: center; gap: .8rem; font: 700 1.0625rem / 1.2 var(--font); min-height: 54px; padding: .5rem 1.5rem; background: var(--orange) !important; border: 2px solid var(--orange) !important; border-radius: 0; color: var(--ink) !important; font-weight: 700; text-decoration: none !important; }
#footer .btn:hover { background: #fff !important; border-color: #fff !important; color: var(--ink) !important; }
/* donja traka: copyright i pravne poveznice, tanka tamna crta iznad */
#footer .footer-copyright { background: transparent !important; border-top: 1px solid var(--line-dark) !important; }
#footer .footer-copyright .py-2 { padding-block: 0 !important; }
#footer .footer-copyright .row { align-items: center; padding-block: 1.4rem !important; row-gap: .6rem; }
#footer .footer-copyright .footer-block-z { margin-bottom: 0 !important; }
#footer .footer-copyright p, #footer .footer-copyright a { margin: 0; font-size: .9375rem; color: var(--on-dark-muted) !important; }
#footer .footer-copyright p:empty { display: none; }
#footer .footer-copyright a:hover { color: var(--on-dark) !important; }
@media (min-width: 992px) {
    #footer .footer-copyright .col-lg-4 p { text-align: right; }
}
@media (max-width: 991px) {
    #footer .footer-copyright .footer-block-z { justify-content: flex-start !important; }
    #footer .footer-copyright .col-lg-4 { padding-left: 0; }
}

.wmd-right {text-align:right; padding:0;}


/* ===== 11b Podnožje kao dizajn na svim stranicama: traka s pozivom, 5 stupaca, poveznice jedna ispod druge (#943310) =====
Footer je blok na Početnoj (layout unos), pa vrijedi za cijeli sajt. Prvi stupac upLine je codefooter „Poziv na ponudu” (div.footer-cta). */
#footer > .container-xl > .row:has(.footer-logo-col) { display: grid; grid-template-columns: 3fr 3fr 3fr 2fr 2fr; gap: 2.5rem; margin: 0; }
#footer > .container-xl > .row:has(.footer-logo-col) > [class*="col-"] { width: auto; max-width: none; flex: none; padding: 0; margin: 0 !important; min-width: 0; }
#footer .footer-cta-col { grid-column: 1 / -1; }
#footer .footer-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem; padding-bottom: clamp(2.5rem, 4vw, 4rem); border-bottom: 1px solid var(--line-dark); }
#footer .footer-cta h2 { margin: 0; font-size: clamp(2rem, 3.4vw, 3.8rem); }
#footer .footer-cta__actions { display: flex; align-items: center; gap: 1.8rem; flex-wrap: wrap; }
#footer .footer-cta .tel { display: inline-flex; align-items: center; gap: .6rem; font-size: 1.35rem; font-weight: 700; }
#footer .footer-logo-col p { margin-top: 0; max-width: 38ch; font-size: .9375rem; color: var(--on-dark-muted) !important; }
#footer .text-4, #footer .text-5 { font-size: 1rem !important; }
#footer > .container-xl > .row h5 { margin-bottom: 1rem !important; }
#footer .button-tag, #footer .button-tag .row-hyper, #footer .button-tag .col-sm-12 { padding: 0; margin: 0; width: auto; max-width: none; }
#footer [class*="col-"] > .row:has(.button-tag) { margin: 0; }
#footer .row-hyper .col-sm-12 { display: grid !important; gap: .55rem; justify-content: start !important; }
#footer .row-hyper p { margin: 0 !important; }
/* Radijatori: osam poveznica u dva stupca, kao u dizajnu */
#footer .footer-cols-2 .row-hyper .col-sm-12 { grid-template-columns: 1fr 1fr; column-gap: 1.5rem; }
#footer .footer-copyright .wmd-right nav { display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; justify-content: flex-end; }
@media (max-width: 1280px) {
    #footer > .container-xl > .row:has(.footer-logo-col) { grid-template-columns: repeat(4, 1fr); }
    #footer .footer-logo-col { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
    #footer > .container-xl > .row:has(.footer-logo-col) { grid-template-columns: 1fr 1fr; }
    #footer .footer-cta { grid-template-columns: 1fr; }
    #footer .footer-copyright .wmd-right nav { justify-content: flex-start; }
}
@media (max-width: 560px) {
    #footer > .container-xl > .row:has(.footer-logo-col) { grid-template-columns: 1fr; }
}

/* 22.10.2026: no 3px rule above section titles (wmd). The heavy rule stays on the list/table/kv under the title. */
.a-convert .heading-title h2, .a-video .heading-title h2, .a-video-dark2 .heading-title h2,
.a-prepravak .heading-title h2, .a-prepravak .heading-title h2 span,
.a-trok .heading-title h2, .a-trok .heading-title h2 span,
.a-onama .heading-title h2, .a-onama .heading-title h2 span,
.a-ref .heading-title h2, .a-ref .heading-title h2 span,
.a-eu .heading-title h2, .a-eu .heading-title h2 span,
.a-plast .heading-title h2, .a-plast .heading-title h2 span,
.a-brav .heading-title h2, .a-brav .heading-title h2 span,
.a-cij :is(.col-lg-12, .col-lg-9) > h2,
.a-index__title, .a-grij-title, .a-isk-quotes__head, .a-rad-refs__head,
.a-rad-prose h2, .a-eu-prose h2, .a-plast-prose h2 { padding-top: 0; border-top: 0; }

/* T974418: fontovi s vlastitog servera (preload u Global Scripts) i zamjenski font istih mjera, da se sadržaj ne pomakne kad se font učita (CLS). */
@font-face { font-family: "Albert Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/doc/fonts/albert-sans-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Albert Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/doc/fonts/albert-sans-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Albert Sans"; font-style: italic; font-weight: 100 900; font-display: swap; src: url(/doc/fonts/albert-sans-italic-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Albert Sans"; font-style: italic; font-weight: 100 900; font-display: swap; src: url(/doc/fonts/albert-sans-italic-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Big Shoulders"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/doc/fonts/big-shoulders-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Big Shoulders"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/doc/fonts/big-shoulders-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Albert Sans Fallback"; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Roboto"); size-adjust: 101.35%; ascent-override: 93.73%; descent-override: 24.67%; line-gap-override: 0%; }
@font-face { font-family: "Big Shoulders Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Roboto Bold"); font-weight: 100 900; size-adjust: 78.67%; ascent-override: 125.28%; descent-override: 27.27%; line-gap-override: 0%; }
:root {
    --font: "Albert Sans", "Albert Sans Fallback", "Helvetica Neue", Arial, sans-serif;
    --display: "Big Shoulders", "Big Shoulders Fallback", "Arial Narrow", sans-serif;
}

/* T974418: galerija u heroju (4 slike) zauzima mjesto i prije nego se owl carousel učita, pa se ostatak naslovne ne pomakne (CLS). */
#c276331:not(.owl-loaded) { display: flex; overflow: hidden; }
#c276331:not(.owl-loaded) > * { flex: 0 0 25%; max-width: 25%; min-width: 0; }