/* ---------------------------------------------------------
   Sheme storitev pod karticami na domači strani.
   Risane so v pravih barvah materialov, ne kot obris: baker,
   medenina, bela keramika, krom, rdeč in moder vod, plamen.
   Cev je vedno dve potezi iste poti, debela temna spodaj in
   tanka svetla na sredini, kar da vtis okrogle cevi.
   --------------------------------------------------------- */
.illu{
  display:block;width:100%;height:auto;margin:0 0 20px;
  border:1px solid var(--line);border-radius:12px;
  background:linear-gradient(160deg,#16242D,#0C1720);
  transition:border-color var(--t) var(--ease);
}
.card:hover .illu{border-color:var(--line-strong)}

/* --- cevi --------------------------------------------------- */
.illu .p{fill:none;stroke-linecap:round;stroke-linejoin:round}
.illu .p-cu{stroke:#9C5527;stroke-width:9}
.illu .p-cu-h{stroke:#E09A5E;stroke-width:3}
.illu .p-hot{stroke:#A5341A;stroke-width:9}
.illu .p-hot-h{stroke:#F0733C;stroke-width:3}
.illu .p-cold{stroke:#255186;stroke-width:9}
.illu .p-cold-h{stroke:#5E9AD8;stroke-width:3}
.illu .p-steel{stroke:#4E626D;stroke-width:9}
.illu .p-steel-h{stroke:#A6B9C2;stroke-width:3}
.illu .p-chrome{stroke:#6E828C;stroke-width:7}
.illu .p-chrome-h{stroke:#D2DEE4;stroke-width:2.4}

/* --- materiali ---------------------------------------------- */
.illu .m-cu-f{fill:#B4652F}
.illu .m-cu-d{fill:#7E421E}
.illu .m-brass{fill:#C2913A}
.illu .m-chrome-f{fill:#8FA3AD}
.illu .m-steel{fill:#6E828C}
.illu .m-cer{fill:#E6ECEF}
.illu .m-cer-d{fill:#C3D0D6}
.illu .m-cer-s{fill:#A9B9C1}
.illu .m-body{fill:#E9EEF0}
.illu .m-body-g{fill:#B9C7CE}
.illu .m-boiler{fill:#8E3A2A}
.illu .m-glass{fill:#EDF3F5}
.illu .m-glass-d{fill:#16242C}
.illu .m-led{fill:#5BD48C}
.illu .m-flame{fill:#E8712A}
.illu .m-flame-l{fill:#F7C24A}
.illu .m-pellet{fill:#B98A4E}
.illu .m-earth{fill:#3F5E43}
.illu .m-earth-l{fill:#547A57}
.illu .m-floor{fill:#101C24}
.illu .m-floor-l{fill:#1D2E39}
.illu .m-tile{fill:#2E434E}
.illu .m-warmband{fill:#C05A2C}
.illu .m-coldband{fill:#2A5588}

/* --- drobne poteze ------------------------------------------ */
.illu .ring-d{fill:none;stroke:rgba(6,12,17,.55);stroke-width:1.6}
.illu .fin{fill:none;stroke:#A9B9C1;stroke-width:3;stroke-linecap:round}
.illu .dial{fill:none;stroke:#4E626D;stroke-width:1.6;stroke-linecap:round}
.illu .coil{fill:none;stroke:#C87137;stroke-width:4;stroke-linecap:round}
.illu .strat{fill:none;stroke:#C3D0D6;stroke-width:1.6;opacity:.6}
.illu .grout{fill:none;stroke:#25373F;stroke-width:1.6}
.illu .grate{fill:none;stroke:#2E434E;stroke-width:2;stroke-linecap:round}
.illu .blade{fill:#3E6E8E;opacity:.9}
.illu .air{fill:none;stroke:#6FA8C9;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.illu .warm{fill:none;stroke:#E8985A;stroke-width:2.4;stroke-linecap:round;opacity:.85}
.illu .drop-b{fill:none;stroke:#6FA8C9;stroke-width:2.4;stroke-linecap:round}
.illu .drop-f{fill:#4E9DC4}
.illu .spray{fill:none;stroke:#6FA8C9;stroke-width:2.4;stroke-linecap:round}

/* kjer je shema, mala ikona ni več potrebna */
#storitve .cards .card .ico{display:none}