.gp-topbar{background:var(--wp--preset--color--dark-1);color:#C5C1BB;font-size:13px}
.gp-topbar__inner{max-width:1280px;margin:0 auto;padding:7px 32px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.gp-topbar .gp-topbar__inner a{color:#fff;text-decoration:none;font-weight:500}
.gp-topbar p{margin:0}

/* Bijeli header s tamnim izbornikom — po prototipu (Guma Protekt.dc.html). */
/* Header i filter traka NISU sticky — Davorova odluka 18.08.2026. Nadjačava
   `10-dizajn-spec.md` red 221. Vidi NAPOMENE.md, odjeljak o sticky traci. */
.gp-header{background:#fff;border-bottom:1px solid var(--wp--preset--color--border-strong)}
.gp-header__inner{max-width:1280px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gp-header__inner>*{margin-top:0;margin-bottom:0}
.gp-header__logo img{width:160px;display:block}

.gp-header .gp-cart-link{position:relative;display:flex;align-items:center;gap:12px;padding:6px;
	background:none;border-radius:0;color:var(--wp--preset--color--ink);
	font-family:var(--wp--preset--font-family--rubik);font-weight:600;font-size:14px;
	text-transform:uppercase;letter-spacing:.3px;text-decoration:none}
.gp-header .gp-cart-link:hover{background:none;color:var(--wp--preset--color--primary)}
.gp-cart-ikona{width:22px;height:22px;flex:none;display:block}
.gp-cart-tekst{text-transform:uppercase}
/* Brojač se sidri uz ikonu, ne uz desni rub poveznice. S `right:-6px` je na mobitelu
   padao preko riječi „KOŠARICA" (izmjereno: brojač 314–332px, tekst 263–326px). Ikona je
   uvijek prvo dijete poveznice i široka 20–22px, pa je `left` stabilno sidro. */
.gp-cart-count{position:absolute;top:-2px;left:12px;right:auto;background:var(--wp--preset--color--primary);
	color:#fff;font-size:11px;font-weight:700;border-radius:50%;width:18px;height:18px;
	display:flex;align-items:center;justify-content:center;padding:0}

.gp-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:24px}
.gp-header .gp-nav{color:var(--wp--preset--color--ink)}
.gp-header .gp-nav a{font-family:var(--wp--preset--font-family--rubik);font-weight:600;
	font-size:14px;text-transform:uppercase;letter-spacing:.3px;text-decoration:none}
.gp-header .gp-nav .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--primary)}
.gp-nav .wp-block-navigation__submenu-icon{fill:currentColor}
.gp-nav .wp-block-navigation__submenu-container{color:#fff;background:var(--wp--preset--color--dark-2);
	border:0;border-radius:3px;padding:6px 0;box-shadow:0 8px 20px rgba(0,0,0,.12);min-width:190px}
.gp-nav .wp-block-navigation__submenu-container li a{padding:9px 16px;font-size:13px;font-weight:600}
.gp-nav .wp-block-navigation__submenu-container li a:hover{color:#fff !important;background:var(--wp--preset--color--primary)}
.gp-nav .wp-block-navigation__responsive-container.is-menu-open a{font-size:21px}
/* Mobilni header po prototipu: logo lijevo, pa KOŠARICA s tekstom, pa hamburger u okviru.
   Prototip prebacuje na hamburger na 880px, a core Navigation tek na 600px — zato se
   overlay ponašanje ovdje ručno proširuje na cijeli raspon do 880px. */
@media(max-width:880px){
	.gp-topbar{font-size:12px}
	.gp-topbar__inner{padding:6px 20px}
	.gp-header__inner{padding:12px 20px;gap:16px;flex-wrap:nowrap}
	.gp-header__logo{margin-right:auto}
	.gp-header__logo img{width:140px}
	.gp-header .gp-cart-link{order:2;gap:12px;padding:6px 0;font-size:13px}
	.gp-header .gp-nav{order:3}
	.gp-header .gp-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}
	.gp-header .gp-nav .wp-block-navigation__responsive-container-open:not(.always-shown){
		display:flex;align-items:center;justify-content:center;width:40px;height:36px;padding:0;
		border:1px solid var(--wp--preset--color--border-strong);border-radius:4px}
	.gp-header .gp-nav .wp-block-navigation__responsive-container-open svg{width:22px;height:22px}
}
@media(max-width:400px){
	.gp-header__inner{gap:10px;padding:12px 14px}
	.gp-header__logo img{width:118px}
	.gp-header .gp-cart-link{font-size:12px;gap:12px}
	.gp-cart-ikona{width:20px;height:20px}
}
.gp-nav .wp-block-navigation__responsive-container-open,
.gp-nav .wp-block-navigation__responsive-container-close{color:var(--wp--preset--color--ink)}
/* Core ima `.wp-block-navigation:not(.has-background) …is-menu-open` s bijelom pozadinom i
   specifičnošću 0,5,0 — zato ovdje ista dužina selektora plus !important. */
.gp-header .gp-nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--dark-1) !important;color:#fff !important;padding:32px 20px}
.gp-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{color:#fff}
.gp-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:24px}
/* U overlayu podizbornik nije plutajuća ploča — bez sjene, okvira i minimalne širine. */
.gp-header .gp-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{box-shadow:none;border-radius:0;padding:0;min-width:0}


/* Obične stranice (index.html): /o-nama/, /kontakt/, /savjeti/, usluga. */
/* Sadržajne stranice: jedan centriran stupac. Prije je `max-width:70ch` bio na
   odlomcima unutar kontejnera od 1280px, pa je tekst stajao u lijevoj polovici,
   a desna je ostajala prazna (12-review-odgovori.md, D1). */
.gp-stranica{max-width:720px;margin-inline:auto}
.gp-stranica h1{font-size:clamp(26px,3vw,38px);margin:0 0 20px}
/* `<main>` nosi obje klase (`gp-sekcija gp-stranica`), a `.gp-sekcija h2` ima istu
   specifičnost i dolazi kasnije u datoteci — zato je ovdje udvostručena klasa. */
.gp-sekcija.gp-stranica h2{font-size:clamp(19px,2vw,24px);margin:56px 0 16px}
.gp-sekcija.gp-stranica h3{font-size:17px;margin:32px 0 8px}
.gp-sekcija.gp-stranica > :first-child,
.gp-sekcija.gp-stranica .entry-content > :first-child,
.gp-sekcija.gp-stranica h2:first-child,
.gp-sekcija.gp-stranica h3:first-child{margin-top:0}
.gp-stranica p,.gp-stranica li{max-width:none}
/* Ukrasne fotografije pogona i skladišta u sadržaju stranica. */
.gp-stranica figure.gp-foto{margin:28px 0}
.gp-stranica figure.gp-foto img{width:100%;height:auto;border-radius:3px;display:block}
.gp-stranica figure.gp-foto figcaption{margin-top:8px;font-size:13px;color:var(--wp--preset--color--ink-2)}

/* Kontakt ima dva stupca pa mu treba više od 720px. */
.gp-stranica:has(.gp-kontakt){max-width:1080px}
.gp-kontakt{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:48px;align-items:start}
.gp-kontakt .gp-forma{max-width:520px}
.gp-kontakt__desno h2:first-child{margin-top:0}
@media(max-width:820px){.gp-kontakt{grid-template-columns:1fr;gap:32px}}
.gp-stranica .lead{font-size:18px;color:var(--wp--preset--color--ink-2);margin:0 0 8px}

/* Obrazac za upit — Contact Form 7 unutar `.gp-forma`. */
.gp-forma{max-width:640px;margin:0 0 8px}
.gp-forma p{margin:0 0 16px}
.gp-forma label{display:block;font-weight:600;font-size:14px}
.gp-forma input[type=text],.gp-forma input[type=email],.gp-forma input[type=tel],
.gp-forma input[type=number],.gp-forma textarea{box-sizing:border-box;width:100%;margin-top:6px;
	padding:10px 12px;border:1px solid var(--wp--preset--color--border-strong);border-radius:3px;
	font:inherit;font-size:15px;background:#fff;color:var(--wp--preset--color--ink)}
.gp-forma textarea{min-height:140px;resize:vertical}
.gp-forma input:focus,.gp-forma textarea:focus{border-color:var(--wp--preset--color--primary);
	outline:2px solid var(--wp--preset--color--primary);outline-offset:1px}
.gp-forma input[type=submit]{width:auto;margin:0;background:var(--wp--preset--color--primary);
	color:#fff;border:0;padding:13px 26px;border-radius:3px;cursor:pointer;
	font-family:var(--wp--preset--font-family--rubik);font-weight:600;font-size:14px;
	text-transform:uppercase;letter-spacing:.4px}
.gp-forma input[type=submit]:hover{background:var(--wp--preset--color--dark-2)}
.gp-forma .wpcf7-not-valid-tip{color:var(--wp--preset--color--primary);font-size:13px;margin-top:4px}
.gp-forma .wpcf7-response-output{margin:16px 0 0;padding:12px 16px;font-size:14px;
	border:1px solid var(--wp--preset--color--border-strong)}

/* Napomena uz blagajnu — rok isporuke, po odluci 7 iz 09-odluke.md. */
.gp-napomena{margin:0 0 28px;padding:12px 16px;background:var(--wp--preset--color--bg);
	border-left:3px solid var(--wp--preset--color--primary);font-size:14px}

.gp-footer{background:var(--wp--preset--color--dark-1);color:#C5C1BB}
.gp-footer__inner{max-width:1280px;margin:0 auto;padding:56px 32px 40px;display:grid;
	grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:36px}
.gp-footer__col h3{color:#fff;font-size:15px}
.gp-footer__col ul{list-style:none;margin:0;padding:0}
.gp-footer__col li{margin:0 0 6px}
.gp-footer__logo{margin:0 0 14px}
.gp-footer__logo img{width:170px;height:auto;display:block}
.gp-footer .gp-footer__col a{color:#C5C1BB;text-decoration:none}
.gp-footer .gp-footer__col a:hover{color:#fff}
.gp-footer__legal{background:#1C1B19;color:#79756F;font-size:12px}
.gp-footer__legal-inner{max-width:1280px;margin:0 auto;padding:15px 32px;text-align:center}
.gp-footer__legal-inner p{margin:0}
.gp-footer__pravno{margin-bottom:6px !important}
.gp-footer__pravno a{color:#A8A39C;text-decoration:none}
.gp-footer__pravno a:hover,.gp-footer__pravno a:focus-visible{color:#fff;text-decoration:underline}

@media(max-width:880px){
	.gp-footer__inner{grid-template-columns:1fr}
}

/* ============================================================
   Arhiva programa — breadcrumb, filter traka, kartice, čipovi
   ============================================================ */

:root{--gp-header-h:72px}

/* Autorski `display:flex/grid` inače nadjača UA pravilo za [hidden] i skrivene
   kartice ostanu vidljive — zato izričito. */
[hidden]{display:none !important}

/* Korijenski blokovi nose vlastiti padding. WordPressov blockGap bi izmedju njih
   ostavio svijetlu prugu (pozadina stranice) izmedju tamnog headera i heroja. */
.wp-site-blocks > *{margin-block-start:0}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
	overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

.gp-arhiva-main{padding:24px 32px 56px}
.gp-breadcrumb{font-size:13px;color:var(--wp--preset--color--muted);margin:0 0 14px}
.gp-breadcrumb a{color:var(--wp--preset--color--muted);text-decoration:underline}
.gp-breadcrumb a:hover{color:var(--wp--preset--color--primary)}
.gp-breadcrumb__sep{margin:0 7px;color:var(--wp--preset--color--border-strong)}

.gp-arhiva-main .gp-h1{font-size:clamp(26px,2.4vw,30px);margin:0 0 14px}
.gp-uvod{max-width:76ch;color:var(--wp--preset--color--ink-2);margin:0 0 28px}

/* --- filter traka --- */
.gp-filter{background:var(--wp--preset--color--bg);
	border:1px solid var(--wp--preset--color--border);border-radius:4px;padding:14px 18px;
	margin:0 0 32px;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.gp-filter__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.gp-filter__field{display:flex;flex:0 1 210px}
.gp-filter__field--search{flex:1 1 260px}
.gp-filter input[type=search],.gp-filter select{width:100%;font-family:var(--wp--preset--font-family--roboto);
	font-size:14px;padding:11px 14px;border:1px solid var(--wp--preset--color--border-input);
	border-radius:3px;background:#fff;color:var(--wp--preset--color--ink);transition:border-color 150ms ease}
.gp-filter input[type=search]:hover,.gp-filter select:hover{border-color:var(--wp--preset--color--muted-2)}
.gp-filter input[type=search]:focus,.gp-filter select:focus{outline:2px solid var(--wp--preset--color--primary);outline-offset:1px}

.gp-filter__status{display:flex;align-items:center;gap:14px;margin:12px 0 0;
	padding-top:12px;border-top:1px solid var(--wp--preset--color--border)}
.gp-filter__count{font-family:var(--wp--preset--font-family--rubik);font-weight:700;font-size:13px;
	text-transform:uppercase;letter-spacing:.4px}
.gp-filter__reset{background:none;border:0;padding:0;cursor:pointer;font-size:13px;
	color:var(--wp--preset--color--primary);font-family:inherit}
.gp-filter__reset:hover{text-decoration:underline}

/* --- facet ploče (teretni) --- */
.gp-facets{margin:0 0 32px}
.gp-facets h2{font-size:20px;margin:0 0 14px}
.gp-facets__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.gp-tile{border:2px solid var(--wp--preset--color--border);border-radius:4px;background:#fff;
	transition:border-color 150ms ease,background-color 150ms ease}
.gp-tile:hover{border-color:var(--wp--preset--color--border-input)}
.gp-tile.is-active{border-color:var(--wp--preset--color--primary);background:#FDEDED}
.gp-tile h3{margin:0}
.gp-tile__btn{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;
	padding:18px 20px;font-family:var(--wp--preset--font-family--rubik);font-weight:700;font-size:15px;
	color:var(--wp--preset--color--ink);line-height:1.35}

/* --- sekcije i mreža --- */
.gp-section{margin:0 0 40px}
.gp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}

/* Jedna mreža po arhivi, bez obzira na sekcije i bez obzira na filter.
   `is-flat` je u markupu bezuvjetno, ali do 14.08.2026. nije imao **nijedno** pravilo —
   klasa je bila inertna, pa je svaka od pet sekcija teretnog programa imala vlastitu
   `.gp-grid` i redovi su ispadali 5/3/4/2/4 s prazninama između njih
   (`13-odgovori-predaja2.md`, zadatak 25).

   `display:contents` na sekciji i njezinoj mreži miče njihove kutije, pa kartice postaju
   izravna djeca ove mreže. `:not([hidden])` je nužan jer `filter.js` skriva cijele sekcije
   atributom `hidden`, a `display:contents` bi inače nadjačao `display:none` iz UA stila. */
.gp-sections.is-flat{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.gp-sections.is-flat > .gp-section:not([hidden]),
.gp-sections.is-flat > .gp-section:not([hidden]) > .gp-grid{display:contents}
.gp-sections{scroll-margin-top:calc(var(--gp-header-h) + 90px)}

/* --- kartica proizvoda --- */
.gp-card{display:flex;flex-direction:column;gap:10px;background:#fff;padding:20px;
	border:1px solid var(--wp--preset--color--border);border-radius:4px;
	transition:border-color 150ms ease,box-shadow 200ms ease}
.gp-card:hover{border-color:var(--wp--preset--color--border-input);box-shadow:0 4px 12px rgba(0,0,0,.06)}
.gp-card__media{display:block;line-height:0;text-decoration:none;color:inherit}
.gp-card__media:hover{text-decoration:none}
/* 1:1 postavljeno prije nego fotografije stignu, da mreža ne skoči kad dođu
   (12-review-odgovori.md, odluka 7 → A: 1000×1000, bijela podloga). */
.gp-card__media img{width:100%;height:auto;display:block;border-radius:3px;aspect-ratio:1;object-fit:cover}
.gp-ph--card{aspect-ratio:1;min-height:0}
.gp-proizvod__galerija img,.gp-proizvod__galerija .gp-ph{aspect-ratio:1;object-fit:cover}
.gp-ph{margin:0;display:flex;align-items:center;justify-content:center;min-height:150px;border-radius:3px;
	border:1px dashed #B0ACA6;background:var(--wp--preset--color--bg-alt);
	font-family:var(--wp--preset--font-family--mono);font-size:12px;color:var(--wp--preset--color--muted);line-height:1.4}
.gp-card__badges{margin:0;display:flex;gap:6px;flex-wrap:wrap}
.gp-badge{font-family:var(--wp--preset--font-family--rubik);font-weight:700;font-size:10px;
	text-transform:uppercase;letter-spacing:.4px;color:#fff;padding:3px 7px;border-radius:2px}
.gp-badge--hladni{background:var(--wp--preset--color--cold)}
.gp-badge--topli{background:var(--wp--preset--color--warm)}
/* M+S nije tehnologija nego oznaka na boku gume — neutralan, ne u boji programa. */
.gp-badge--ms{background:#E4E1DC;color:#3D3A37;border:1px solid #B0ACA6}
.gp-card__title{margin:0;font-family:var(--wp--preset--font-family--rubik);font-weight:700;font-size:17px;
	text-transform:uppercase;letter-spacing:.3px;line-height:1.3}
.gp-card__title a{color:var(--wp--preset--color--ink);text-decoration:none}
.gp-card__title a:hover{color:var(--wp--preset--color--primary)}
.gp-card__namjena{margin:0;font-size:13px;color:var(--wp--preset--color--ink-2);line-height:1.5}
.gp-card__dims{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.gp-card__price{margin:auto 0 0;font-family:var(--wp--preset--font-family--rubik);font-weight:800;font-size:19px}
.gp-card__cta{align-self:flex-start}

/* --- gumbi i čipovi --- */
.gp-btn{display:inline-block;font-family:var(--wp--preset--font-family--rubik);font-weight:700;font-size:12px;
	text-transform:uppercase;letter-spacing:.4px;text-decoration:none;border-radius:3px;
	padding:10px 16px;transition:background-color 150ms ease}
.gp-btn--dark{background:var(--wp--preset--color--dark-1);color:#fff}
.gp-btn--dark:hover{background:var(--wp--preset--color--dark-2);color:#fff}

.gp-chip{display:inline-block;font-family:var(--wp--preset--font-family--mono);font-size:12px;
	line-height:1.4;padding:3px 7px;border:1px solid var(--wp--preset--color--border-strong);
	border-radius:3px;color:var(--wp--preset--color--ink-2);background:#fff;
	transition:border-color 150ms ease,background-color 150ms ease}
.gp-chip--more{color:var(--wp--preset--color--muted);border-style:dashed}
a.gp-chip--link{text-decoration:none}
a.gp-chip--link:hover{border-color:var(--wp--preset--color--border-input);color:var(--wp--preset--color--ink)}
a.gp-chip--link.is-active{background:var(--wp--preset--color--primary);border-color:var(--wp--preset--color--primary);color:#fff}

.gp-dims-sekcija{margin:8px 0 0}
.gp-dims-sekcija h2{font-size:20px;margin:0 0 14px}
.gp-dims{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}

.gp-empty{margin:8px 0 0;padding:22px;border:1px dashed var(--wp--preset--color--border-strong);
	border-radius:4px;background:var(--wp--preset--color--bg-alt);color:var(--wp--preset--color--ink-2)}
.gp-notice{margin:0;padding:14px;border:1px dashed var(--wp--preset--color--border-strong);
	border-radius:4px;color:var(--wp--preset--color--muted);font-size:13px}

/* ============================================================
   Stranica proizvoda
   ============================================================ */

.gp-proizvod-main{padding:24px 32px 56px}
/* Stupac sa slikom se ne smije rastezati na visinu desnog stupca — ispod slike je
   ostajao prazan prostor visok skoro tisuću piksela (12-review-odgovori.md, D1). */
.gp-proizvod{gap:48px;margin-bottom:56px;align-items:flex-start}
.gp-proizvod > .wp-block-column{align-self:flex-start}
.gp-proizvod__galerija img{width:100%;height:auto;border-radius:4px}
.gp-proizvod__badges{margin:0 0 10px;display:flex;gap:6px;flex-wrap:wrap}
.gp-proizvod__h1{font-size:clamp(22px,2.2vw,28px);margin:0 0 14px}
.gp-proizvod__cijena,.gp-proizvod .price{font-family:var(--wp--preset--font-family--rubik);
	font-weight:800;font-size:26px;color:var(--wp--preset--color--ink);margin:0 0 24px}
.gp-proizvod__h2{font-size:17px;margin:28px 0 12px}
.gp-proizvod__nota{margin:18px 0 0;font-size:13px;color:var(--wp--preset--color--ink-2)}
.gp-proizvod__upit{margin-top:12px}

/* dimenzije kao čipovi (variacije.js) */
.gp-select-skriven{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
.gp-dims--odabir{margin:0 0 18px}
.gp-chip--odabir{cursor:pointer;font-family:var(--wp--preset--font-family--mono);font-size:12px;
	padding:7px 11px;background:#fff;border:1px solid var(--wp--preset--color--border-strong);
	border-radius:3px;color:var(--wp--preset--color--ink-2)}
.gp-chip--odabir:hover:not(:disabled){border-color:var(--wp--preset--color--border-input);color:var(--wp--preset--color--ink)}
.gp-chip--odabir.is-active{background:var(--wp--preset--color--primary);border-color:var(--wp--preset--color--primary);color:#fff}
.gp-chip--odabir:disabled{opacity:.4;cursor:not-allowed}
.gp-proizvod .variations th,.gp-proizvod .variations label{display:none}
.gp-proizvod .reset_variations{font-size:13px}

/* tablica tehničkih podataka */
.gp-tablica{width:100%;border-collapse:collapse;margin:0}
.gp-tablica th,.gp-tablica td{border-top:1px solid var(--wp--preset--color--border);
	padding:11px 0;text-align:left;font-size:14px;vertical-align:top}
.gp-tablica th{color:var(--wp--preset--color--ink-2);font-weight:400;width:38%}
.gp-tablica td{font-weight:600}

.gp-slicne__naslov{font-size:20px;margin:0 0 16px}
.gp-slicne{margin-bottom:8px}

@media(max-width:880px){
	.gp-proizvod-main{padding:18px 20px 40px}
	.gp-proizvod{gap:28px}
}

/* ============================================================
   Naslovnica
   ============================================================ */

.gp-hero{background:var(--wp--preset--color--dark-1);color:#fff}
.gp-hero__inner{max-width:1280px;margin:0 auto;padding:64px 32px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.gp-hero__text{flex:1 1 420px}
.gp-hero__media{flex:1 1 380px;display:flex}
/* Stvarne fotografije zamijenile placeholdere 18.08.2026. Figure mora nositi
   flex:1 kao i stari .gp-ph, inače se skupi na širinu slike. */
.gp-hero__slika{flex:1;margin:0}
.gp-hero__slika img{width:100%;height:100%;min-height:280px;object-fit:cover;border-radius:3px;display:block}
.gp-hero__h1{color:#fff;font-size:clamp(30px,3.6vw,46px);line-height:1.15;margin:0 0 16px}
.gp-hero__lead{font-size:19px;color:#C5C1BB;margin:0 0 24px;max-width:52ch}
.gp-hero__bullets{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.gp-hero__bullets li{position:relative;padding-left:26px;color:#E4E1DC}
.gp-hero__bullets li::before{content:"";position:absolute;left:0;top:12px;width:14px;height:2px;
	background:var(--wp--preset--color--primary)}
.gp-ph--hero{flex:1;min-height:280px}
.gp-ph--proces{flex:1;min-height:240px}

.gp-sekcija{padding:56px 32px}
.gp-sekcija--alt{background:var(--wp--preset--color--bg-alt)}
.gp-sekcija h2{font-size:clamp(20px,2vw,28px);margin:0 0 12px}
.gp-sekcija__lead{color:var(--wp--preset--color--ink-2);margin:0 0 28px;max-width:70ch}

.gp-programi{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.gp-program{background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:4px;
	overflow:hidden;display:flex;flex-direction:column;
	transition:border-color 150ms ease,box-shadow 200ms ease}
.gp-program:hover{border-color:var(--wp--preset--color--border-input);box-shadow:0 4px 12px rgba(0,0,0,.06)}
.gp-program__media{display:block;line-height:0;background:var(--wp--preset--color--bg-alt)}
.gp-program__slika{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.gp-program__body{flex:1;padding:22px 26px 26px;display:flex;flex-direction:column;gap:10px}
.gp-program__title{margin:0;font-size:16px}
.gp-program__title a{color:var(--wp--preset--color--ink);text-decoration:none}
.gp-program__title a:hover{color:var(--wp--preset--color--primary)}
.gp-program__opis{margin:0;font-size:14px;color:var(--wp--preset--color--ink-2)}
.gp-program__broj{margin:0;font-family:var(--wp--preset--font-family--mono);font-size:12px;
	color:var(--wp--preset--color--muted)}
.gp-program__link{margin-top:auto;font-family:var(--wp--preset--font-family--rubik);font-weight:700;
	font-size:13px;text-transform:uppercase;letter-spacing:.4px;text-decoration:none}

/* Core `is-layout-flow` daje 2. i 3. djetetu `margin-block-start:24px` (blockGap za
   okomito slaganje). Kad kontejner pretvorimo u grid, ta margina gura kartice 2 i 3
   niže unutar istog reda — pa prva ispadne viša od ostalih. Gap grida je već razmak. */
.gp-kartice-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.gp-kartice-3.gp-kartice-3 > *{margin-block-start:0}
.gp-kartica{background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:4px;padding:20px}
.gp-kartica h3{margin:0 0 8px;font-size:16px}
.gp-kartica p{margin:0;font-size:14px;color:var(--wp--preset--color--ink-2)}

.gp-proces{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.gp-proces__media{flex:1 1 380px;display:flex}
.gp-proces__slika{flex:1;margin:0}
.gp-proces__slika img{width:100%;height:100%;min-height:240px;object-fit:cover;border-radius:3px;display:block}
.gp-proces__tekst{flex:1 1 380px}

.gp-koraci{background:var(--wp--preset--color--dark-1);color:#fff}
.gp-koraci__inner{max-width:1280px;margin:0 auto;padding:56px 32px}
.gp-koraci h2{color:#fff;font-size:clamp(20px,2vw,28px);margin:0 0 28px}
.gp-koraci__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.gp-koraci__grid.gp-koraci__grid > *{margin-block-start:0}
.gp-korak h3{color:#fff;margin:10px 0 6px;font-size:16px}
.gp-korak p{margin:0;color:#C5C1BB;font-size:14px}
.gp-korak p.gp-korak__broj{margin:0;font-family:var(--wp--preset--font-family--rubik);font-weight:800;
	font-size:40px;color:var(--wp--preset--color--primary);line-height:1}

@media(max-width:880px){
	.gp-hero__inner{padding:40px 20px;gap:28px}
	.gp-sekcija{padding:40px 20px}
	.gp-koraci__inner{padding:40px 20px}
}

/* --- CTA traka --- */
/* Objašnjenje hladni/topli na teretnoj arhivi — 12-review-odgovori.md, odluka 2. */
.gp-objasnjenje{max-width:70ch;margin:40px 0 0}
.gp-objasnjenje h2{font-size:20px;margin:0 0 12px}
.gp-objasnjenje p{margin:0;color:var(--wp--preset--color--ink-2);line-height:1.6}

.gp-cta{background:var(--wp--preset--color--bg-alt);border-top:1px solid var(--wp--preset--color--border)}
.gp-cta__inner{max-width:1280px;margin:0 auto;padding:52px 32px}
.gp-cta__text{color:var(--wp--preset--color--ink-2);max-width:60ch;margin-left:auto;margin-right:auto}
/* Po prototipu je završni CTA gumb taman, ne crven (ODSTUPANJA 14). */
.gp-cta .wp-block-button__link{background-color:var(--wp--preset--color--dark-1);color:#fff}
.gp-cta .wp-block-button__link:hover{background-color:var(--wp--preset--color--dark-2);color:#fff}

@media(max-width:880px){
	.gp-arhiva-main{padding:18px 20px 40px}
	.gp-filter{padding:12px 14px}
	.gp-filter__field,.gp-filter__field--search{flex:1 1 100%}
	.gp-grid,.gp-sections.is-flat{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
	.gp-card__cta{align-self:stretch;text-align:center}
	.gp-cta__inner{padding:40px 20px}
}


/* ============================================================
   Mreža kartica po širini — 12-review-odgovori.md, odluka 4 → A
   1280px → 4 stupca (minmax 230px), ispod 700px → 2, ispod 420px → 1.
   ============================================================ */
@media(max-width:700px){
	.gp-grid,.gp-sections.is-flat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
	.gp-grid,.gp-sections.is-flat{grid-template-columns:minmax(0,1fr)}
}

/* „Samo usluga na vlastite gume" — napomena uz odabir dimenzija na stranici proizvoda. */
.gp-usluga-napomena{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--wp--preset--color--primary);
	background:var(--wp--preset--color--bg-alt);font-size:14px;line-height:1.5;
	color:var(--wp--preset--color--ink-2)}
.gp-usluga-napomena strong{font-family:var(--wp--preset--font-family--rubik);color:var(--wp--preset--color--ink)}

/* ============================================================
   Traka za privolu — Consent Mode v2, uvedena 21.08.2026.
   Do klika je oglašivačka privola odbijena; „Odbijam" je jednako
   dostupan kao „Prihvaćam", ne skriven u sitnom tekstu.
   ============================================================ */
.gp-privola{position:fixed;left:0;right:0;bottom:0;z-index:9999;
	background:var(--wp--preset--color--dark-1);color:#C5C1BB;
	border-top:3px solid var(--wp--preset--color--primary);
	box-shadow:0 -6px 24px rgba(0,0,0,.18)}
.gp-privola[hidden]{display:none}
.gp-privola__inner{max-width:1280px;margin:0 auto;padding:16px 32px;display:flex;
	align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.gp-privola__tekst{margin:0;font-size:14px;line-height:1.6;max-width:78ch}
.gp-privola__tekst a{color:#fff;text-decoration:underline}
.gp-privola__gumbi{display:flex;gap:10px;flex:none}
.gp-privola__gumb{font-family:var(--wp--preset--font-family--rubik);font-weight:600;font-size:13px;
	text-transform:uppercase;letter-spacing:.3px;padding:11px 20px;border-radius:3px;
	border:1px solid transparent;cursor:pointer;line-height:1.2}
.gp-privola__gumb--da{background:var(--wp--preset--color--primary);color:#fff}
.gp-privola__gumb--da:hover{background:var(--wp--preset--color--primary-hover)}
.gp-privola__gumb--ne{background:transparent;color:#fff;border-color:var(--wp--preset--color--muted)}
.gp-privola__gumb--ne:hover{border-color:#fff}
@media(max-width:880px){
	.gp-privola__inner{padding:14px 20px;gap:14px}
	.gp-privola__tekst{font-size:13px}
	.gp-privola__gumbi{width:100%}
	.gp-privola__gumb{flex:1 1 auto;padding:12px 14px}
}