/* FILA katalog – stili blokov. Barve in pisave se berejo iz teme (theme.json), z rezervnimi vrednostmi. */
:root {
	--fk-crna: var(--wp--preset--color--contrast, #1D1D1B);
	--fk-rumena: var(--wp--preset--color--accent, #FFD400);
	--fk-siva: var(--wp--preset--color--surface, #F2F2F2);
	--fk-crte: var(--wp--preset--color--line, #E3E3E1);
	--fk-besedilo-2: var(--wp--preset--color--text-2, #4A4A48);
	--fk-oranzna: var(--wp--preset--color--buy, #FD9F36);
	--fk-modra: var(--wp--preset--color--tool, #224C95);
	--fk-opozorilo: var(--wp--preset--color--warning, #FFF3BF);
	--fk-naslovi: var(--wp--preset--font-family--heading, Montserrat, "Helvetica Neue", Arial, sans-serif);
	--fk-rob: clamp(16px, 4vw, 40px);
}
/* Globalni slog povezav v temi ima specifičnost :root – povezave blokov ga morajo preglasiti. */
a.fila-kartica-izdelka, a.fila-vrsta, a.fila-povrsina, a.fila-linija, a.fila-gumb, a.fila-gumb-ikona, .fila-dokumenti a, .fila-drobtine a, .fila-podnavigacija a, .fila-kljukice a { text-decoration: none; }
a.fila-kartica-izdelka, a.fila-vrsta, a.fila-povrsina, .fila-dokumenti a { color: var(--fk-crna); }
.fila-okvir-vsebine { max-width: var(--wp--style--global--content-size, 1320px); margin-inline: auto; padding-inline: var(--fk-rob); box-sizing: content-box; }
.has-global-padding .fila-okvir-vsebine { padding-inline: 0; }
.fila-katalog .fila-okvir-vsebine, .fila-izdelek-glava .fila-okvir-vsebine, .fila-podobni .fila-okvir-vsebine { padding-inline: var(--fk-rob); }

/* gumbi */
:is(a, button).fila-gumb { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 0 24px; border: 0; border-radius: 0; background: var(--fk-rumena); color: var(--fk-crna); font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.875rem; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none; cursor: pointer; }
:is(a, button).fila-gumb:hover { background: #F0C800; color: var(--fk-crna); }
:is(a, button).fila-gumb--crn { background: var(--fk-crna); color: var(--fk-rumena); }
:is(a, button).fila-gumb--crn:hover { background: #000; color: var(--fk-rumena); }
:is(a, button).fila-gumb--oranzen { background: var(--fk-oranzna); color: var(--fk-crna); }
:is(a, button).fila-gumb--oranzen:hover { background: #F2902A; }
:is(a, button).fila-gumb--obroba { background: transparent; color: var(--fk-crna); box-shadow: inset 0 0 0 2px currentColor; }
:is(a, button).fila-gumb--obroba:hover { background: var(--fk-crna); color: #fff; }
.fila-gumb-povezava { min-height: 36px; padding: 0 8px; border: 0; background: transparent; color: var(--fk-crna); text-decoration: underline; cursor: pointer; font: inherit; font-size: 0.875rem; }
a.fila-gumb-ikona { width: 52px; height: 52px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: var(--fk-crna); color: var(--fk-rumena); }
.fila-predvajaj { width: 28px; height: 28px; border-radius: 50%; background: var(--fk-rumena); color: var(--fk-crna); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fila-predvajaj--velik { width: 72px; height: 72px; }
:is(h2, h3, h4, span, p).fila-oznaka { font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.875rem; letter-spacing: 0.05em; text-transform: uppercase; line-height: 1.3; margin: 0 0 18px; display: block; }
:is(h2, h3, h4, span, p).fila-oznaka::after { content: ""; display: block; width: 32px; height: 2px; margin-top: 10px; background: currentColor; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.fila-prazno-urejevalnik { padding: 16px; background: var(--fk-siva); font-size: 14px; }
.fila-drobtine { display: flex; flex-wrap: wrap; gap: 10px; font-size: 0.8125rem; color: #61615F; padding-top: 44px; }
@media (max-width: 900px) { .fila-drobtine { padding-top: 28px; } }
.fila-drobtine a { color: #61615F; text-decoration: none; }
.fila-drobtine a:hover { text-decoration: underline; }
.fila-drobtine [aria-current] { color: var(--fk-crna); }

/* značke */
.fila-znacka { display: inline-block; padding: 5px 9px; font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.6875rem; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; background: #61615F; line-height: 1.2; }
.fila-znacka--svetla { background: var(--fk-siva) !important; color: var(--fk-crna); font-weight: 600; }

/* kartica izdelka */
.fila-mreza { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.fila-kartica-izdelka { display: flex; flex-direction: column; background: #fff; color: var(--fk-crna); text-decoration: none; box-shadow: 0 14px 24px -20px rgba(0, 0, 0, 0.45); transition: transform 0.15s, box-shadow 0.15s; }
.fila-kartica-izdelka:hover { transform: translateY(-2px); box-shadow: 0 18px 28px -18px rgba(0, 0, 0, 0.5); color: var(--fk-crna); }
.fila-kartica-izdelka[hidden] { display: none; }
.fila-kartica-izdelka__slika { position: relative; height: 240px; display: flex; align-items: center; justify-content: center; padding: 16px; background: #fff; }
.fila-kartica-izdelka__slika img { max-height: 100%; width: auto; max-width: 100%; object-fit: contain; }
.fila-kartica-izdelka__znacke { position: absolute; top: 0; left: 0; display: flex; }
.fila-kartica-izdelka__znacke .fila-znacka { font-size: 0.625rem; padding: 5px 8px; }
.fila-kartica-izdelka__telo { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 18px 20px 24px; border-top: 1px solid var(--fk-siva); flex-grow: 1; }
.fila-kartica-izdelka__vrsta { font-family: var(--fk-naslovi); font-weight: 600; font-size: 0.6875rem; letter-spacing: 0.06em; text-transform: uppercase; color: #61615F; }
h3.fila-kartica-izdelka__ime { font-family: var(--fk-naslovi); font-weight: 700; font-size: 1.125rem; line-height: 1.2; text-transform: uppercase; margin: 0; letter-spacing: 0; }
.fila-kartica-izdelka__podnaslov { font-size: 0.9375rem; }
.fila-kartica-izdelka__opis { font-size: 0.875rem; font-weight: 300; color: var(--fk-besedilo-2); }
@media (max-width: 600px) {
	.fila-mreza { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.fila-kartica-izdelka__slika { height: 160px; padding: 10px; }
	.fila-kartica-izdelka__slika .fila-posoda { width: 62px; height: 97px; }
	.fila-kartica-izdelka__telo { padding: 12px 10px 16px; }
	.fila-kartica-izdelka__vrsta { display: none; }
	.fila-kartica-izdelka__ime { font-size: 0.875rem; }
	.fila-kartica-izdelka__podnaslov, .fila-kartica-izdelka__opis { font-size: 0.8125rem; }
	.fila-kartica-izdelka__opis { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.fila-kartica-izdelka__znacke .fila-znacka { font-size: 0.5625rem; padding: 4px 6px; }
}

/* katalog */
.fila-katalog { background: var(--fk-siva); padding-bottom: clamp(56px, 7vw, 96px); }
.fila-katalog__glava { text-align: center; padding: 28px 0; }
h1.fila-katalog__naslov { font-family: var(--fk-naslovi); font-weight: 700; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.05; margin: 0 0 12px; }
.fila-katalog__uvod { font-size: 1.0625rem; font-weight: 300; color: var(--fk-besedilo-2); margin: 0 auto; max-width: 40em; }
.fila-katalog__linije, .fila-linije { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.fila-katalog__linije { max-width: 760px; margin: 0 auto; }
.fila-linija { min-height: 76px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 12px; padding: 12px 16px; border: 0; color: #fff !important; cursor: pointer; text-decoration: none; font-family: var(--fk-naslovi); font-weight: 700; font-size: clamp(1.0625rem, 2vw, 1.375rem); box-shadow: inset 0 -6px 0 transparent; transition: opacity 0.15s, box-shadow 0.15s; }
.fila-linija__opis { font-family: var(--wp--preset--font-family--body, Roboto, sans-serif); font-weight: 400; font-size: 0.875rem; opacity: 0.92; }
.fila-linija__stevilo:not(:empty) { font-family: var(--wp--preset--font-family--body, Roboto, sans-serif); font-weight: 500; font-size: 0.8125rem; padding: 1px 7px; background: rgba(0, 0, 0, 0.25); }
.fila-linija[aria-pressed="true"] { box-shadow: inset 0 -6px 0 var(--fk-rumena); }
.fila-katalog__linije.ima-izbor .fila-linija[aria-pressed="false"] { opacity: 0.55; }
.fila-linije .fila-linija { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; align-items: center; justify-content: start; justify-items: start; padding: 20px 22px; min-height: 104px; text-align: left; }
.fila-linije .fila-linija__opis { grid-column: 1 / -1; color: #F0F0F0; }
@media (max-width: 600px) {
	.fila-linija__opis { display: none; }
	.fila-linije .fila-linija { min-height: 72px; padding: 14px; }
}
.fila-katalog__orodja { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-top: 36px; }
.fila-katalog__odpri-filtre { display: none; min-height: 48px; align-items: center; gap: 10px; padding: 0 18px; border: 0; background: var(--fk-crna); color: #fff; cursor: pointer; font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.04em; }
.fila-iskanje { position: relative; flex: 1 1 220px; max-width: 420px; margin-left: auto; }
.fila-iskanje svg { position: absolute; left: 14px; top: 14px; color: #61615F; }
.fila-iskanje input { width: 100%; height: 48px; padding: 0 14px 0 44px; border: 2px solid var(--fk-crna); border-radius: 0; background: #fff; color: var(--fk-crna); font-size: 1rem; box-sizing: border-box; }
.fila-katalog__telo { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px; padding-top: 24px; }
.fila-filtri { flex: 1 1 280px; max-width: 340px; display: flex; flex-direction: column; gap: 8px; }
.fila-filtri__glava, .fila-filtri__noga { display: none; }
.fila-filtri__nadnaslov { font-size: 0.875rem; color: var(--fk-besedilo-2); margin: 6px 0 0; }
.fila-filtri__nadnaslov ~ .fila-filtri__nadnaslov { margin-top: 14px; }
.fila-harmonika__gumb { width: 100%; min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 18px; border: 0; background: var(--fk-crna); color: #fff; cursor: pointer; font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.875rem; letter-spacing: 0.04em; text-transform: uppercase; text-align: left; }
.fila-harmonika__znak::before { content: "+"; font-size: 1.5rem; font-weight: 400; line-height: 1; }
.fila-harmonika__gumb[aria-expanded="true"] .fila-harmonika__znak::before { content: "−"; }
.fila-harmonika__izbrano:not(:empty) { display: inline-flex; min-width: 22px; height: 22px; padding: 0 6px; margin-left: 8px; align-items: center; justify-content: center; background: var(--fk-rumena); color: var(--fk-crna); font-size: 0.75rem; vertical-align: middle; }
.fila-harmonika__vsebina { list-style: none; margin: 0; padding: 6px 0; background: #fff; }
.fila-moznost { width: 100%; min-height: 44px; display: flex; align-items: center; gap: 12px; padding: 0 18px; border: 0; background: transparent; color: var(--fk-crna); cursor: pointer; text-align: left; font: inherit; font-size: 0.9375rem; line-height: 1.3; }
.fila-moznost:hover { background: var(--fk-siva); }
.fila-moznost.je-prazna { color: #8A8A88; }
.fila-moznost__ime { flex-grow: 1; }
.fila-moznost__stevilo { font-size: 0.8125rem; color: #61615F; }
.fila-potrditev { width: 20px; height: 20px; flex-shrink: 0; border: 2px solid var(--fk-crna); background: #fff; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; color: transparent; }
.fila-moznost[aria-pressed="true"] .fila-potrditev { background: var(--fk-rumena); color: var(--fk-crna); }
.fila-potrditev svg { stroke-width: 4; }
.fila-rezultati { flex: 999 1 600px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.fila-rezultati__vrstica { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 44px; }
.fila-rezultati__stevilo { font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 0.03em; margin: 0 8px 0 0; }
.fila-cipi { display: contents; }
.fila-cip { min-height: 36px; display: inline-flex; align-items: center; gap: 8px; padding: 0 10px; border: 0; background: #fff; color: var(--fk-crna); cursor: pointer; font: inherit; font-size: 0.875rem; }
.fila-prazno { padding: 48px 28px; background: #fff; }
.fila-prazno h2 { letter-spacing: 0; line-height: 1.2; font-family: var(--fk-naslovi); font-size: 1.375rem; margin: 0 0 8px; }
.fila-prazno[hidden] { display: none; }
@media (max-width: 900px) {
	.fila-katalog__odpri-filtre { display: inline-flex; }
	.fila-filtri { display: none; }
	.fila-filtri.je-odprt { display: flex; position: fixed; inset: 0; z-index: 100000; max-width: none; overflow-y: auto; background: var(--fk-siva); padding: 0 16px 104px; }
	.fila-filtri.je-odprt .fila-filtri__glava { display: flex; position: sticky; top: 0; z-index: 2; margin: 0 -16px 8px; height: 64px; padding: 0 8px 0 16px; align-items: center; justify-content: space-between; background: var(--fk-crna); color: #fff; font-family: var(--fk-naslovi); font-weight: 700; font-size: 1.125rem; text-transform: uppercase; }
	.fila-filtri__glava button { width: 48px; height: 48px; border: 0; background: transparent; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
	.fila-filtri.je-odprt .fila-filtri__noga { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; gap: 10px; padding: 12px 16px; background: #fff; box-shadow: 0 -8px 20px -12px rgba(0, 0, 0, 0.35); }
	.fila-filtri__noga .fila-gumb { flex-grow: 1; }
	body.fila-brez-drsenja { overflow: hidden; }
	.fila-iskanje { margin-left: 0; }
}

/* glava izdelka */
.fila-izdelek-glava { background: #fff; }
.fila-izdelek-glava__mreza { display: flex; flex-wrap: wrap-reverse; gap: 40px 64px; padding: 20px 0 64px; }
.fila-izdelek-glava__besedilo { flex: 1 1 480px; display: flex; flex-direction: column; gap: 20px; }
.fila-izdelek-glava__znacke { display: flex; flex-wrap: wrap; gap: 6px; }
h1.fila-izdelek-glava__ime { font-family: var(--fk-naslovi); font-weight: 700; font-size: clamp(2.125rem, 4.2vw, 3.5rem); line-height: 1; text-transform: uppercase; margin: 0; letter-spacing: -0.01em; }
.fila-izdelek-glava__podnaslov { font-family: var(--fk-naslovi); font-weight: 400; font-size: clamp(1rem, 1.8vw, 1.375rem); text-transform: uppercase; letter-spacing: 0.02em; margin: -12px 0 0; }
.fila-izdelek-glava__opis { font-size: 1.125rem; font-weight: 300; color: var(--fk-besedilo-2); margin: 0; }
.fila-hitri-podatki { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); margin: 0; background: var(--fk-siva); }
.fila-hitri-podatki > div { padding: 16px; display: flex; flex-direction: column; gap: 4px; }
.fila-hitri-podatki > div + div { border-left: 2px solid #fff; }
.fila-hitri-podatki dt { font-family: var(--fk-naslovi); font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #61615F; }
.fila-hitri-podatki dd { margin: 0; font-family: var(--fk-naslovi); font-weight: 700; font-size: 1.25rem; }
.fila-izdelek-glava__gumbi { display: flex; flex-wrap: wrap; gap: 10px; }
.fila-izdelek-glava__galerija { flex: 1 1 400px; display: flex; flex-direction: column; gap: 10px; }
.fila-izdelek-glava__slika { height: 500px; display: flex; align-items: center; justify-content: center; background: var(--fk-siva); padding: 24px; position: relative; }
.fila-izdelek-glava__slika::after { content: ""; position: absolute; left: 0; bottom: 0; width: 120px; height: 6px; background: var(--fk-rumena); }
.fila-izdelek-glava__slika img { max-height: 100%; width: auto; max-width: 100%; object-fit: contain; }
.fila-izdelek-glava__slicice { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.fila-izdelek-glava__slicice button { height: 76px; padding: 6px; border: 0; background: var(--fk-siva); cursor: pointer; }
.fila-izdelek-glava__slicice button[aria-pressed="true"] { box-shadow: inset 0 0 0 3px var(--fk-rumena); }
.fila-izdelek-glava__slicice img { width: 100%; height: 100%; object-fit: contain; }
.fila-podnavigacija { background: var(--fk-crna); }
.fila-podnavigacija .fila-okvir-vsebine { display: flex; gap: 0 32px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.fila-podnavigacija a { padding: 18px 0; color: #fff; text-decoration: none; font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.8125rem; letter-spacing: 0.04em; text-transform: uppercase; }
.fila-podnavigacija a:hover { box-shadow: inset 0 -3px 0 var(--fk-rumena); }
.fila-mobilni-poziv { display: none; }
@media (max-width: 900px) {
	.fila-izdelek-glava__slika { height: 340px; }
	.fila-izdelek-glava__gumbi { display: none; }
	.fila-mobilni-poziv { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; gap: 8px; padding: 10px 12px; background: #fff; box-shadow: 0 -8px 20px -12px rgba(0, 0, 0, 0.35); }
	.fila-mobilni-poziv .fila-gumb { flex-grow: 1; }
	.single-fila_izdelek { padding-bottom: 72px; }
	.fila-podnavigacija .fila-okvir-vsebine { gap: 0 24px; }
}
[id] { scroll-margin-top: 24px; }

/* razdelki izdelka */
.fila-kljukice { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.fila-kljukice li { position: relative; padding-left: 30px; font-family: var(--fk-naslovi); font-weight: 500; font-size: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; }
.fila-kljukice li::before { content: ""; position: absolute; left: 0; top: 0.1em; width: 18px; height: 18px; background: var(--fk-rumena) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D1D1B' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat; }
.fila-kljukice a { color: inherit; text-decoration: none; }
.fila-kljukice a:hover { text-decoration: underline; }
.fila-redcenje { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; }
.fila-redcenje__tabela { flex: 999 1 460px; min-width: 0; }
.fila-tabela { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.fila-tabela th { padding: 12px 12px 12px 0; text-align: left; font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.6875rem; letter-spacing: 0.06em; text-transform: uppercase; color: #61615F; border-bottom: 2px solid var(--fk-crna); }
.fila-tabela td { padding: 14px 12px 14px 0; border-bottom: 1px solid #D0D0CE; vertical-align: top; }
.fila-tabela__uporaba { font-weight: 500; }
.fila-tabela__razmerje { font-family: var(--fk-naslovi); font-weight: 700; font-size: 1.0625rem; white-space: nowrap; }
.fila-tabela__opomba { color: var(--fk-besedilo-2); }
@media (max-width: 640px) {
	.fila-tabela thead { display: none; }
	.fila-tabela tr { display: grid; grid-template-columns: 1fr auto; gap: 2px 16px; padding: 14px 0; border-bottom: 1px solid #D0D0CE; }
	.fila-tabela tbody { display: block; border-top: 2px solid var(--fk-crna); }
	.fila-tabela td { padding: 0; border: 0; }
	.fila-tabela__razmerje { grid-row: span 2; align-self: center; font-size: 1.25rem; }
	.fila-tabela__opomba { grid-column: 1; font-size: 0.875rem; }
}
.fila-kalkulator { flex: 1 1 300px; display: flex; flex-direction: column; gap: 10px; padding: 28px; background: var(--fk-modra); color: #fff; box-sizing: border-box; }
.fila-kalkulator h3 { font-family: var(--fk-naslovi); font-weight: 700; font-size: 1.25rem; text-align: center; margin: 0 0 6px; color: #fff; }
.fila-kalkulator__oznaka { font-family: var(--fk-naslovi); font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; margin: 6px 0 0; display: block; }
.fila-kalkulator__razmerja { display: flex; gap: 8px; }
.fila-kalkulator__razmerja button { flex: 1 1 0; height: 44px; border: 0; box-shadow: inset 0 0 0 2px #fff; background: transparent; color: #fff; cursor: pointer; font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.9375rem; }
.fila-kalkulator__razmerja button[aria-pressed="true"] { background: #fff; color: var(--fk-modra); }
.fila-kalkulator input { height: 48px; padding: 0 14px; border: 0; border-radius: 0; background: #fff; color: var(--fk-crna); font-family: var(--fk-naslovi); font-weight: 600; font-size: 1.125rem; box-sizing: border-box; width: 100%; }
.fila-kalkulator__rezultat { display: flex; flex-direction: column; align-items: center; gap: 2px; padding-top: 16px; margin-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.35); }
.fila-kalkulator__rezultat output { font-family: var(--fk-naslovi); font-weight: 800; font-size: 2.75rem; line-height: 1.05; color: var(--fk-rumena); }
.fila-opozorilo { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; background: var(--fk-opozorilo); color: var(--fk-crna); }
.fila-opozorilo svg { flex-shrink: 0; }
.fila-opozorilo p { margin: 0; font-weight: 500; }
.fila-podatki-izdelka dl { margin: 0; }
.fila-podatki-izdelka dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px solid #D0D0CE; }
.fila-podatki-izdelka dd { margin: 0; font-family: var(--fk-naslovi); font-weight: 700; }
.fila-podatki-izdelka--pakiranja dd { font-family: inherit; font-weight: 400; }
.fila-podatki-izdelka--pakiranja dt { font-family: var(--fk-naslovi); font-weight: 700; }
.fila-podatki-izdelka__opomba { font-size: 0.8125rem; color: #61615F; margin: 10px 0 0; }
.fila-pred-po, .fila-video { margin: 0; }
.fila-pred-po__okvir { position: relative; height: 340px; overflow: hidden; background: #A9ADA9; }
.fila-pred-po__okvir img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fila-pred-po__pred { clip-path: inset(0 calc(100% - var(--pozicija, 50%)) 0 0); }
.fila-pred-po__crta { position: absolute; top: 0; bottom: 0; left: var(--pozicija, 50%); width: 4px; margin-left: -2px; background: var(--fk-rumena); pointer-events: none; }
.fila-pred-po__crta::after { content: "‹ ›"; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%; background: var(--fk-rumena); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; color: var(--fk-crna); }
.fila-pred-po__oznaka { position: absolute; bottom: 12px; font-family: var(--fk-naslovi); font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; padding: 5px 8px; pointer-events: none; }
.fila-pred-po__oznaka--pred { left: 12px; background: var(--fk-crna); color: #fff; }
.fila-pred-po__oznaka--po { right: 12px; background: var(--fk-rumena); color: var(--fk-crna); }
.fila-pred-po input[type="range"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.fila-video__ovoj { position: relative; display: block; width: 100%; height: 340px; padding: 0; border: 0; background: #3A3A38; cursor: pointer; overflow: hidden; }
.fila-video__ovoj img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; }
.fila-video__ovoj .fila-predvajaj { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fila-video iframe { width: 100%; height: 340px; border: 0; display: block; }
.fila-video__opomba { font-size: 0.8125rem; color: #61615F; margin: 8px 0 0; }
.fila-dokumenti ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; }
.fila-dokumenti a { display: flex; align-items: center; gap: 16px; padding: 18px 20px; min-height: 76px; background: var(--fk-siva); color: var(--fk-crna); text-decoration: none; box-sizing: border-box; }
.fila-dokumenti a:hover { background: #E8E8E6; }
.fila-dokument__vrsta { font-family: var(--fk-naslovi); font-size: 0.6875rem; font-weight: 700; padding: 6px 7px; background: var(--fk-crna); color: var(--fk-rumena); }
.fila-dokument__ime { flex-grow: 1; font-family: var(--fk-naslovi); font-weight: 600; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.3; }
.fila-dokument__ikona { width: 36px; height: 36px; flex-shrink: 0; background: var(--fk-rumena); display: flex; align-items: center; justify-content: center; }
.fila-podobni { background: var(--fk-siva); padding: clamp(56px, 7vw, 88px) 0 clamp(64px, 8vw, 104px); }
.fila-podobni__glava { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 28px; }
.fila-podobni__glava .fila-oznaka { margin: 0; }

/* domača stran */
.fila-vrste { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.fila-vrsta { display: flex; flex-direction: column; background: var(--fk-siva); color: var(--fk-crna); text-decoration: none; }
.fila-vrsta:hover { color: var(--fk-crna); box-shadow: 0 14px 24px -18px rgba(0, 0, 0, 0.45); }
.fila-vrsta__glava { display: flex; justify-content: space-between; align-items: center; min-height: 56px; padding: 0 20px; background: var(--fk-crna); color: #fff; font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.9375rem; letter-spacing: 0.04em; text-transform: uppercase; }
.fila-vrsta__glava span { color: var(--fk-rumena); font-size: 1.25rem; }
.fila-vrsta__slika { display: flex; justify-content: center; padding: 28px 0 8px; }
.fila-vrsta__telo { display: flex; flex-direction: column; gap: 12px; padding: 12px 20px 24px; }
.fila-vrsta__opis { font-weight: 300; color: var(--fk-besedilo-2); }
.fila-vrsta ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--fk-crte); font-size: 0.9375rem; }
.fila-vrsta li { display: flex; gap: 10px; align-items: baseline; padding: 8px 0; border-bottom: 1px solid var(--fk-crte); }
.fila-vrsta li::before { content: ""; width: 8px; height: 8px; flex-shrink: 0; background: var(--fk-rumena); }
.fila-povrsine { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.fila-povrsina { display: flex; align-items: center; gap: 16px; padding: 14px 16px; min-height: 76px; background: var(--fk-siva); color: var(--fk-crna); text-decoration: none; font-weight: 500; line-height: 1.3; box-sizing: border-box; }
.fila-povrsina:hover { background: #E8E8E6; color: var(--fk-crna); }
.fila-povrsina__ikona { width: 48px; height: 48px; flex-shrink: 0; background: var(--fk-rumena); display: flex; align-items: center; justify-content: center; }

/* obrazec */
.fila-obrazec { background: #fff; padding: clamp(24px, 3vw, 36px); display: flex; flex-direction: column; gap: 4px; box-shadow: inset 0 0 0 1px var(--fk-crte); }
h2.fila-obrazec__naslov { font-family: var(--fk-naslovi); font-weight: 700; font-size: 1.5rem; margin: 0 0 6px; }
.fila-obrazec__uvod { font-weight: 300; color: var(--fk-besedilo-2); margin: 0 0 8px; }
.fila-polje { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; }
.fila-polje label { font-family: var(--fk-naslovi); font-weight: 700; font-size: 0.75rem; letter-spacing: 0.05em; text-transform: uppercase; }
.fila-polje input[type="text"], .fila-polje input[type="email"], .fila-polje input[type="tel"], .fila-polje textarea { min-height: 50px; padding: 12px 14px; border: 2px solid var(--fk-crna); border-radius: 0; background: #fff; font: inherit; font-size: 1rem; box-sizing: border-box; width: 100%; }
.fila-polje--soglasje label { display: flex; gap: 10px; align-items: flex-start; font-family: inherit; font-weight: 400; font-size: 0.875rem; letter-spacing: 0; text-transform: none; color: var(--fk-besedilo-2); }
.fila-polje--soglasje input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--fk-crna); flex-shrink: 0; }
.fila-polje--skrito { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.fila-obvestilo { padding: 14px 16px; margin: 0 0 14px; font-weight: 500; }
.fila-obvestilo--ok { background: #E3F1E8; }
.fila-obvestilo--napaka { background: var(--fk-opozorilo); }

.fila-opozorilo, .fila-obrazec, .fila-kalkulator, .fila-prazno, .fila-dokumenti a, .fila-povrsina, .fila-vrsta, .fila-redcenje, .fila-podatki-izdelka { box-sizing: border-box; }
h1.fila-izdelek-glava__ime, h1.fila-katalog__naslov, h3.fila-kartica-izdelka__ime, h2.fila-obrazec__naslov, .fila-kalkulator h3 { letter-spacing: -0.01em; }
h3.fila-kartica-izdelka__ime { letter-spacing: 0; }
@media (max-width: 600px) {
	.fila-hitri-podatki { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.fila-hitri-podatki > div { padding: 12px 10px; }
	.fila-hitri-podatki dd { font-size: 0.9375rem; }
	.fila-katalog__linije .fila-linija { font-size: 1rem; gap: 6px 8px; padding: 10px; }
}