/* Fenêtres - strana /prozori (kalkulator). Dopuna fenetres-v2.css, samo za ovu stranu. */
#fenCalc [hidden]{display:none!important}
.steps-nav button span.nl{display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0}
#fenCalc .opt:disabled{opacity:.35;pointer-events:none}
.opts--wood .opt .swatch{height:48px}
.opt .pp{font-style:normal;font-family:var(--m);font-size:.7rem;color:var(--acc);margin-top:auto;padding-top:4px}
.fhint{margin:10px 0 0;font-size:var(--t-sm);color:var(--ink-3);min-height:1em}
.fhint:empty{display:none}
.ralbox{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.stage__price{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.stage__price small{font-family:var(--m);font-size:.7rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.stage__price b{font-size:1.5rem;font-stretch:112%;font-weight:780;margin-left:auto}
.stage__price small:last-child{flex-basis:100%;text-align:right;text-transform:none;letter-spacing:0}
.pricelines{flex-basis:100%;display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:0;padding-top:12px;border-top:1px solid var(--dline,rgba(255,255,255,.14));font-size:.85rem;color:var(--on-dark-2)}
.pricelines dt,.pricelines dd{margin:0}
.pricelines dd{font-family:var(--m);text-align:right;white-space:nowrap}
.pricelines .tot{color:var(--on-dark);font-weight:600}
.pnote{font-size:var(--t-sm);color:var(--ink-3);margin:0 0 22px}
.ferr{margin:0;color:var(--acc);font-size:var(--t-sm)}
.thanks{background:var(--sand);border-radius:var(--r-l);padding:28px 30px}
.thanks svg{width:44px;height:44px;color:var(--acc);margin-bottom:10px}
.thanks h3{margin:0 0 6px}
.thanks p{margin:0;color:var(--ink-2)}
.cnotes{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8rem;color:var(--ink-2)}
.cnotes li{position:relative;padding-left:16px}
.cpromo{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;border-radius:12px;background:#EAF6EE;border:1px solid #8FCBA4}
.cpromo__pct{flex-shrink:0;padding:4px 10px;border-radius:999px;background:#1E8A4C;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.01em}
.cpromo__txt{font-size:.9rem;font-weight:600;color:#14532D;line-height:1.35}
/* mere u cm: 3 cifre uvek vidljive (bez strelica broja) */
#fenCalc .rng .num input{width:3.6em;min-width:3.6em;font-size:1.05rem;-moz-appearance:textfield;appearance:textfield}
#fenCalc .rng .num input::-webkit-inner-spin-button,#fenCalc .rng .num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/* profil: prvi izbor */
.opts--prof .pmm{font-size:1.6rem;font-family:var(--m);font-weight:500}
.opt .pn{font-weight:650;font-size:.9rem;color:var(--ink);margin-top:-2px}
/* raspored krila: mreža sličica */
.opts--lay{grid-template-columns:repeat(4,1fr);gap:8px}
.opts--lay3{grid-template-columns:repeat(5,1fr)}
.opts--lay .opt{padding:8px 6px}
.opts--lay .opt svg.mini{height:64px;margin:0}
.opts--lay .opt[aria-pressed="true"]::after{top:5px;right:5px;width:15px;height:15px;background-size:10px}
#layTxt{min-height:2.6em}
#sgArea{white-space:nowrap}
/* naslovna, brza traka: isto - mere bez strelica, 3 cifre vidljive */
.bench .dims input{width:3.4em;-moz-appearance:textfield;appearance:textfield}
.bench .dims input::-webkit-inner-spin-button,.bench .dims input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cnotes li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:4px;border:solid var(--acc);border-width:0 0 1.6px 1.6px;transform:translateY(-50%) rotate(-45deg)}
.cmp{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:22px;padding:20px 24px;border:1px solid var(--line-2,var(--line));border-radius:var(--r-l)}
.cmp h3{margin:0 0 4px;font-size:1.1rem}
.cmp p{margin:0;color:var(--ink-2);font-size:var(--t-sm)}
@media (max-width:760px){
  .opts--wood{grid-template-columns:1fr 1fr}
  .ralbox{grid-template-columns:1fr}
  .opts--lay,.opts--lay3{grid-template-columns:repeat(3,1fr)}
  .opts--lay .opt svg.mini{height:56px}
  body:has(.mbar) .foot{padding-bottom:96px}
}