/* ===========================================================
   LiftUP – tema (barve, pisave, razmiki)
   Odčitano iz mockupov v mapi `mockupi/` in iz logotipa znamke:
   oranžna znaka #ff6c39, oranžna gumbov #ff6600, črnilo #333336,
   modri poudarek #2f80f9, breskova → svetlo modra preliva uvoda.
   =========================================================== */
:root{
  /* podlage */
  --bg:#ffffff;
  --bg-2:#f8f8f9;
  --surface:#ffffff;
  --surface-2:#fbfbfc;
  --line:#ececee;
  --line-2:#dcdce0;

  /* besedilo */
  --text:#333336;
  --muted:#5f6066;
  --faint:#8e9097;

  /* poudarek znamke (oranžna) – v motorju se imenuje "lime" */
  --lime:#ff6600;
  --lime-2:#ff7a1f;
  --lime-dim:rgba(255,102,0,.10);
  --lime-ink:#ffffff;
  --znak:#ff6c39;
  --breskev:#ffe2d3;
  --breskev-2:#fff1ea;

  /* modri poudarek (EU, drugi koraki) */
  --modra:#2f80f9;
  --modra-2:#2ea3f2;
  --modra-dim:rgba(47,128,249,.10);
  --modra-globoka:#003388;

  /* temni odsek */
  --temno:#2c2e33;
  --temno-2:#33363d;
  --temno-3:#394863;
  --temno-line:rgba(255,255,255,.10);
  --temno-text:#f4f5f7;
  --temno-muted:#a9adb6;

  --gold:#e0b64c;
  --danger:#d9453a;

  /* pisave (lokalno gostovane) */
  --font-serif:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-sans:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-script:'Figtree',system-ui,sans-serif;

  --radius:14px;
  --radius-lg:22px;
  --container:1240px;
  --header-h:76px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --shadow:0 18px 44px rgba(51,51,54,.10);
  --shadow-sm:0 6px 18px rgba(51,51,54,.07);
  color-scheme:light;
}

/* Micronic: produktni vizuali */
.micronic-hero-slika{margin:clamp(2rem,5vw,4.5rem) 0 0;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(7,26,53,.22);background:#e9f2fb}
.micronic-hero-slika img{display:block;width:100%;height:auto;aspect-ratio:1.75;object-fit:cover}
.micronic-vizual{margin:0 0 clamp(2rem,4vw,3.5rem);border-radius:24px;overflow:hidden;background:#eaf3fb}
.micronic-vizual img{display:block;width:100%;height:auto;object-fit:cover}
.micronic-vizual--program{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:stretch;background:#092a4b;color:#fff}
.micronic-vizual--program img{height:100%;min-height:320px}
.micronic-vizual--program p{align-self:end;margin:0;padding:clamp(1.5rem,4vw,3rem);font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.25}
.micronic-vizual--temen{margin-top:2rem;background:#f4f8fc}
.micronic-vizual--temen img{aspect-ratio:1.95;object-position:center 52%}
.micronic-vizual--epruvete{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}
.micronic-vizual--epruvete img{aspect-ratio:1.25}
.micronic-vizual--pas{margin:clamp(1.75rem,4vw,2.75rem) 0;background:#f4f8fc}
.micronic-vizual--pas img{aspect-ratio:2.1}
.micronic-vizual--pas figcaption{padding:.9rem clamp(1rem,2vw,1.5rem);font-weight:600;color:#092a4b;background:#fff;border-top:1px solid rgba(7,42,75,.08)}
.micronic-galerija{display:grid;gap:clamp(1rem,2vw,1.5rem);margin:0 0 clamp(2.25rem,5vw,4rem)}
.micronic-galerija--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.micronic-galerija--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.micronic-galerija--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.micronic-galerija figure{position:relative;margin:0;min-width:0;overflow:hidden;border:1px solid rgba(7,42,75,.1);border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(7,42,75,.08)}
/* height:auto je nujen – brez njega atributa width/height na <img> premagata aspect-ratio */
.micronic-galerija img{display:block;width:100%;height:auto;aspect-ratio:1.42;object-fit:contain;padding:clamp(.75rem,2vw,1.4rem);background:linear-gradient(145deg,#fff,#f2f7fb)}
.micronic-galerija figcaption{padding:.85rem 1rem;border-top:1px solid rgba(7,42,75,.08);font-weight:700;color:#092a4b}
.blok .micronic-galerija,.oprema__skupina .micronic-galerija{margin:1.4rem 0 0}
.blok .micronic-galerija{grid-template-columns:repeat(2,minmax(0,1fr))}
.blok .micronic-galerija figcaption,.oprema__skupina .micronic-galerija figcaption{font-size:13px;padding:.7rem .85rem}
/* fotografija na kartici skupine izdelkov */
.kartica--slika{display:flex;flex-direction:column}
.kartica__slika{display:block;margin:-4px 0 20px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#fff,#eef4fa);border:1px solid rgba(7,42,75,.08)}
.kartica__slika img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;padding:.55rem}
.kartica--slika .kartica__ikona{margin-bottom:16px}
.kartica--slika .kartica__vec{margin-top:auto;padding-top:16px}
@media(max-width:920px){.micronic-galerija--3,.micronic-galerija--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.micronic-vizual--program{grid-template-columns:1fr}.micronic-vizual--program img{min-height:0}.micronic-vizual--epruvete{grid-template-columns:1fr}.micronic-hero-slika{border-radius:18px}.micronic-vizual{border-radius:18px}}
@media(max-width:560px){.micronic-galerija--2,.micronic-galerija--3,.micronic-galerija--4{grid-template-columns:1fr}.micronic-galerija figure{border-radius:16px}}

/* Catalogue-led product selection. Original photos are never stretched. */
.lab-original{margin:24px 0;border-radius:14px;overflow:hidden;background:#fff}
.lab-original img{width:100%;height:auto;display:block}
.lab-original figcaption{padding:9px 12px;font-size:12px;color:#536273}
#carovnik{background:linear-gradient(145deg,#162c3d,#202c38 65%,#30363d);--temno-muted:#c2ccd5;scroll-margin-top:140px}
.wizard-toolbar{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px;padding:16px 0;border-block:1px solid #ffffff24;font-size:14px}
.wizard-toolbar span{font-weight:700;color:#f7b177}
.wizard-toolbar a{color:#e4edf3;text-decoration:underline;text-underline-offset:4px}
#carovnik .carovnik{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px}
.wizard-options{min-width:0}
.wizard-status{min-height:44px;margin:0 0 20px;color:#f6cfaa;font-size:13px;line-height:1.5}
#carovnik .carovnik__izbire{gap:24px}
.korak-izbire{padding:0 0 24px;margin:0;min-width:0;border:0;border-bottom:1px solid #ffffff20}
.korak-izbire legend{font-size:18px;font-weight:700;display:flex;align-items:center;gap:12px;padding:0;float:left;width:100%;margin-bottom:8px}
.step-index{display:inline-grid;place-items:center;border-radius:50%;height:27px;width:27px;font-size:12px;background:#ffffff14;color:#ffb170}
.step-help{clear:both;color:#c2ccd5;font-size:13px;line-height:1.6;margin-bottom:14px}
#carovnik .cipi{padding-left:0;gap:8px}
#carovnik .cip{flex:1 1 135px;min-width:0;position:relative;padding:12px;transition:background .18s,border-color .18s}
#carovnik .cip[data-korak="prostornina"]{flex:0 1 auto;min-width:88px;text-align:center;align-items:center}
#carovnik .cip[data-korak="zapiralo"]{flex:1 1 155px}
#carovnik .cip:hover{transform:none}
#carovnik .cip.je-izbran{border-color:#ffad70;box-shadow:inset 0 0 0 1px #ffad70;background:#ff8a3822}
#carovnik .cip.je-izbran .cip__ime:after{content:' ✓';color:#ffc79b}
#carovnik .cip__pod{font-size:12px;max-width:none;color:#c4d0db;line-height:1.45}
#carovnik .cip__slika{width:100%;height:96px;object-fit:contain;background:#fff;border-radius:7px;margin-bottom:8px}
.wizard-reset{font-size:13px;color:#d9e6ed;background:transparent;border:1px solid #ffffff40;border-radius:8px;padding:10px 16px;margin-top:20px;cursor:pointer}
#carovnik .carovnik__izid{position:static;padding:23px;background:#0b1b29;border-color:#ffffff24;overflow:visible}
#carovnik .carovnik__risba{gap:12px;justify-items:stretch}
#carovnik .carovnik__risba svg{width:100%;max-height:300px}
.sim-heading{display:grid;gap:4px}.sim-heading span{font-size:10px;letter-spacing:.15em;color:#a8c5d9}.sim-heading b{font-size:19px}
.sim-controls{display:flex;background:#ffffff08;border:1px solid #ffffff18;padding:4px;border-radius:10px;gap:4px}
.sim-controls button{flex:1;border:0;background:none;color:#b8cbd9;padding:9px 7px;border-radius:7px;font-size:12px;cursor:pointer}
.sim-controls button[aria-pressed="true"]{background:#e3edf4;color:#173045;font-weight:700}
#carovnik .carovnik__razlaga{font-size:13px;color:#d8e3eb}
.sim-note{font-size:11px;color:#98adbd;line-height:1.55}
.povzetek__vrstica dt{color:#a6bdcd;font-size:12px}.povzetek__vrstica dd{margin:0;font-size:13px;font-weight:600;color:#f1f6fa;line-height:1.45}
.wizard-equipment{margin-top:16px;border-block:1px solid #ffffff20;font-size:12px;color:#c6d5df;padding:12px 0}
.wizard-equipment summary{cursor:pointer;font-weight:600;color:#e3edf4}.wizard-equipment p{margin-top:10px}
.wizard-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.wizard-photos figure{margin:0;background:#fff;border-radius:8px;overflow:hidden;min-width:0}
.wizard-photos img{display:block;width:100%;height:112px;object-fit:contain}
.wizard-photos figcaption{font-size:11px;line-height:1.45;padding:8px;color:#2e4658;border-top:1px solid #e1e7eb}
.wizard-source{display:block;margin-top:14px;color:#c3d9e9;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#carovnik .cip[data-korak="koda"]{flex:1 1 145px}
#carovnik .cip[data-korak="koda"] .cip__slika{height:112px;object-fit:contain;padding:8px;background:#fff}
.coding-preview{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;align-items:start;margin:12px 0 0;padding:18px 0 0;border-top:1px solid #ffffff24}
.coding-preview__image{display:block;width:105px;height:105px;object-fit:contain;padding:6px;border-radius:10px;background:white}
.coding-preview__eyebrow{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#f8bd90;margin-bottom:5px}
.coding-preview strong{display:block;font-size:15px;line-height:1.4;color:#f1f6fa}
.coding-preview p{font-size:12px;line-height:1.6;color:#c4d0db;margin-top:6px}
.coding-preview small{display:block;font-size:10px;color:#98adbd;margin-top:8px;line-height:1.5}
@media(max-width:480px){#carovnik .cip[data-korak="koda"]{flex:1 1 100%}#carovnik .cip[data-korak="koda"] .cip__slika{height:130px}.coding-preview{grid-template-columns:82px minmax(0,1fr);gap:12px}.coding-preview__image{width:82px;height:82px}}
.cap-comparison{margin-top:60px;padding-top:34px;border-top:1px solid #ffffff24;scroll-margin-top:145px}
.cap-comparison>h3{font-size:clamp(24px,3vw,34px);margin-bottom:10px}.cap-comparison>p{color:#c2ccd5;max-width:70ch}
.cap-comparison__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
.cap-comparison__grid article{background:#ffffff08;border:1px solid #ffffff20;border-radius:16px;overflow:hidden}
.cap-comparison__grid img{display:block;width:100%;height:210px;object-fit:contain;background:white;padding:12px}
.cap-comparison__grid h4{padding:20px 20px 8px;font-size:20px}.cap-comparison__grid p{padding:0 20px 24px;font-size:14px;color:#c2ccd5;line-height:1.65}
.photo-source{font-size:12px;line-height:1.6}.photo-source a{text-decoration:underline;color:#f8bd90}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4faeff;outline-offset:4px}
/* Preserve full product silhouettes in catalogue overview photography. */
.micronic-vizual--epruvete img,.micronic-vizual--pas img{object-fit:contain;background:white}
@media(max-width:1080px){
  #carovnik .carovnik{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:20px}
  #carovnik .carovnik__izid{padding:18px;top:135px}
  .cap-comparison__grid img{height:170px}
}
@media(max-width:760px){
  #carovnik .carovnik{display:flex;flex-direction:column}
  .wizard-options,#carovnik .carovnik__izid{width:100%}
  #carovnik .carovnik__izid{position:static;max-height:none;overflow:visible}
  #carovnik .cip{flex:1 1 42%}
  #carovnik .cip[data-korak="navoj"]{flex:1 1 27%;padding:9px}
  #carovnik .cip[data-korak="navoj"] .cip__pod{display:none}
  #carovnik .cip[data-korak="navoj"] .cip__ime{font-size:12px}
  #carovnik .cip__slika{height:72px}
  .cap-comparison__grid{grid-template-columns:1fr}.cap-comparison__grid img{height:220px}
  .wizard-toolbar{font-size:12px}.wizard-photos img{height:125px}
}
@media(prefers-reduced-motion:reduce){#carovnik *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}