/* Frutilu strani — osnova. Vse pod ovojem .fs (pravila vedno .fs .razred). */
.fs { font-family: 'Open Sans', sans-serif; color: #111111; font-size: 17px; line-height: 1.55; }
.fs *, .fs *::before, .fs *::after { box-sizing: border-box; }
.fs p, .fs h1, .fs h2, .fs h3, .fs ul, .fs ol, .fs li, .fs figure, .fs blockquote { margin: 0; padding: 0; }
.fs ul, .fs ol { list-style: none; }
.fs p { font-size: inherit; line-height: inherit; }
.fs img { max-width: 100%; height: auto; display: block; }
.fs a { color: #111111; }
.fs a:hover { color: #F6A300; }

/* Širina vsebine: --fs-sirina (Nastavitve, privzeto 1360 px) + robova. Atribut sirina="…" jo prepiše. */
.fs .fs-okvir { max-width: calc(var(--fs-sirina, 1360px) + 2 * min(32px, 5vw)); margin: 0 auto; padding-left: min(32px, 5vw); padding-right: min(32px, 5vw); }
.fs.fs-polna .fs-okvir { max-width: none; }
.fs .fsx-razdelek { padding-top: 88px; }
@media (max-width: 768px) { .fs .fsx-razdelek { padding-top: 56px; } }

/* Tipografija */
.fs .fsx-h1 { font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: -0.02em; line-height: 1.05; padding-top: .2em; font-size: clamp(40px, 6vw, 72px); }
.fs .fsx-h2 { font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: -0.02em; line-height: 1.1; padding-top: .2em; font-size: clamp(30px, 4vw, 48px); }
.fs .fsx-h2.bela { color: #fff; }
.fs .fsx-h3 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: clamp(20px, 2.5vw, 24px); line-height: 1.2; }
.fs .fsx-h3 a { text-decoration: none; }
.fs .fsx-podnaslov { color: #555; font-size: 17px; margin-top: 8px; }
.fs .fsx-cena-velika, .fs .fsx-cena { font-family: 'Barlow', sans-serif; font-weight: 900; }

/* Gumbi — kliki >= 44 px */
.fs .fsx-gumb { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 22px; border-radius: 999px; background: #F6A300; color: #111111; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 16px; text-decoration: none; border: 0; cursor: pointer; transition: background 200ms cubic-bezier(.2,.8,.2,1), transform 120ms; }
.fs .fsx-gumb:hover { background: #D88F00; color: #111111; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0,0,0,.12); }
.fs .fsx-gumb:active { background: #C27E00; transform: scale(.985); }
.fs .fsx-gumb.temni { background: #111111; color: #fff; }
.fs .fsx-gumb.temni:hover { background: #1F1F1F; color: #fff; }
.fs .fsx-gumb.obrobni { background: #fff; color: #111111; border: 2px solid #111111; }
.fs .fsx-gumb.obrobni:hover { background: #EBEBEB; border-color: #F6A300; }
.fs .fsx-gumb.velik { min-height: 52px; padding: 12px 28px; font-size: 17px; }
.fs .fsx-gumbi { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

/* Značke */
.fs .fsx-znacke { display: flex; gap: 8px; flex-wrap: wrap; }
.fs .fsx-znacka { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 14px; border-radius: 999px; font-size: 14px; font-weight: 800; background: #fff; color: #111111; }
.fs .fsx-znacka.temna { background: #111111; color: #fff; }
.fs .fsx-znacka.bela { background: #fff; color: #111111; }

.fs .fsx-prazno { color: #555; padding-top: 16px; }
.fs .fsx-odmik { margin-bottom: 24px; }
.fs .fsx-zvezdice { color: #F6A300; letter-spacing: 2px; white-space: nowrap; }
.fs .fsx-zvezdice .prazne { color: #DADADA; }