/* MB-TEH V3.47.24 — samostojne vsebinske strani in vsebinsko prilagojena tehnična ozadja. */
.overview-page{background:#fff}
.overview-hero{position:relative;overflow:hidden;padding:70px 0 66px;background:linear-gradient(118deg,#06192c 0%,#073657 68%,#0874ad 140%);color:#fff}
.overview-hero::before,.overview-hero::after{content:"";position:absolute;inset:0;pointer-events:none}
.overview-hero::before{z-index:0;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.14}
.overview-hero::after{z-index:1;background:linear-gradient(90deg,rgba(6,25,44,.97) 0%,rgba(6,32,53,.88) 44%,rgba(7,65,99,.35) 100%)}
.overview-hero__inner{position:relative;z-index:2;width:min(calc(100% - 48px),1240px);margin:auto}

/* Vsaka glavna notranja stran že v prvem pogledu nakaže svojo vsebino. */
.overview-page--suppliers .overview-hero::before{
  background-image:url("../assets/images/dobavitelji-network-blueprint.svg");
  background-position:64% 47%;
  opacity:.20;
  filter:saturate(.7) brightness(1.25);
  -webkit-mask-image:linear-gradient(90deg,transparent 24%,rgba(0,0,0,.3) 47%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 24%,rgba(0,0,0,.3) 47%,#000 100%);
}
.overview-page--catalogs .overview-hero::before{
  background-image:url("../assets/images/katalogi-technical-blueprint.svg");
  background-position:67% 44%;
  opacity:.18;
  filter:saturate(.55) brightness(1.3);
  -webkit-mask-image:linear-gradient(90deg,transparent 22%,rgba(0,0,0,.25) 46%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 22%,rgba(0,0,0,.25) 46%,#000 100%);
}
.overview-page--areas .overview-hero::before{
  background-image:url("../assets/images/podrocja-supplier-lineart-mix.webp");
  background-position:72% 44%;
  opacity:.13;
  filter:grayscale(1) brightness(1.42) contrast(.8);
  -webkit-mask-image:linear-gradient(90deg,transparent 26%,rgba(0,0,0,.28) 50%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 26%,rgba(0,0,0,.28) 50%,#000 100%);
}
.overview-page--company .overview-hero::before{
  background-image:
    linear-gradient(118deg,transparent 0 57%,rgba(105,200,255,.23) 57% 57.12%,transparent 57.12% 100%),
    repeating-linear-gradient(118deg,transparent 0 46px,rgba(105,200,255,.075) 46px 47px);
  background-position:center;
  opacity:1;
  -webkit-mask-image:linear-gradient(90deg,transparent 35%,rgba(0,0,0,.42) 58%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 35%,rgba(0,0,0,.42) 58%,#000 100%);
}
.overview-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px;color:#b9d0df;font-size:12px}
.overview-breadcrumbs a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.overview-kicker{display:block;color:#69c8ff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.overview-hero h1{max-width:900px;margin:12px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.035em}
.overview-hero h1 span{color:#49bcff}
.overview-hero p{max-width:820px;margin:0;color:#d5e4ee;font-size:17px;line-height:1.75}
.overview-section{padding:86px 0}
.overview-section--soft{background:#f3f8fc}
.overview-section__inner{width:min(calc(100% - 48px),1240px);margin:auto}
.overview-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:60px;align-items:end;margin-bottom:38px}
.overview-heading h2{margin:9px 0 0;color:#071b2e;font-size:clamp(34px,3.6vw,50px);line-height:1.08;letter-spacing:-.03em}
.overview-heading>p{margin:0;color:#5c7080;font-size:15px;line-height:1.75}
.overview-page .industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.overview-page .industry{display:flex;min-height:280px;flex-direction:column}
.overview-page .industry .area-more-link{margin-top:auto;padding-top:18px;font-size:13px}
.overview-page .supplier{min-height:275px}
.overview-page .supplier p{line-height:1.62}
.overview-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.overview-benefit{padding:28px;border:1px solid #dce6ed;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(6,25,44,.04)}
.overview-benefit b{display:grid;width:38px;height:38px;margin-bottom:22px;place-items:center;border-radius:50%;background:#e7f5fd;color:#0877c9;font-size:13px}
.overview-benefit h3{margin:0 0 8px;color:#071b2e;font-size:19px}
.overview-benefit p{margin:0;color:#607586;font-size:14px;line-height:1.65}
.overview-cta{padding:60px 0;background:#071d30;color:#fff}
.overview-cta__inner{width:min(calc(100% - 48px),1240px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.overview-cta h2{margin:8px 0 7px;color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.12}
.overview-cta p{max-width:760px;margin:0;color:#c8dae6}
.overview-cta .btn{flex:none;margin:0}
.overview-page .catalogs-v32{padding:86px 0}
.overview-page .catalogs-inner{width:min(calc(100% - 48px),1240px)}
.overview-page .about-profile-section{padding:86px 0}
.overview-page .contact-section{padding:82px 0 96px}
.overview-page .contact-heading{display:none}
.overview-page .contact-grid--company{margin-top:0}
.overview-page .company-data-card h2{position:relative;z-index:1;margin:0 0 24px;color:#061c33;font-size:25px;line-height:1.25}
.overview-company-note{margin-top:26px;padding:22px 24px;border-left:3px solid #0877c9;background:#f3f8fc;color:#526779;font-size:14px;line-height:1.7}
.overview-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.overview-links a{display:inline-flex;align-items:center;min-height:42px;padding:10px 14px;border:1px solid #cfdde7;border-radius:8px;background:#fff;color:#0877c9;font-size:13px;font-weight:800}
.overview-links a:hover{border-color:#0877c9}
@media(max-width:1050px){
  .overview-heading{grid-template-columns:1fr;gap:16px}
  .overview-page .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .overview-hero{padding:52px 0 48px}
  .overview-hero__inner,.overview-section__inner,.overview-cta__inner{width:calc(100% - 28px)}
  .overview-hero h1{font-size:40px}
  .overview-hero p{font-size:15px}
  .overview-section{padding:64px 0}
  .overview-page .industry-grid,.overview-benefits{grid-template-columns:1fr}
  .overview-page .industry{min-height:235px}
  .overview-cta__inner{align-items:flex-start;flex-direction:column;gap:24px}
  .overview-cta .btn{width:100%}
  .overview-page .catalogs-v32{padding:64px 0}
  .overview-page .catalogs-inner{width:calc(100% - 28px)}
  .overview-page .contact-section{padding:64px 0 76px}
}

/* =========================================================
   V3.47.21 — notranje strani: lasten MB-TEH točkovni raster
   in raznoliki tehnični motivi.
   ========================================================= */
.overview-visual-section{
  --dot-color:rgba(8,119,201,.17);
  --dot-size:1.35px;
  --dot-step:16px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-top:1px solid rgba(8,119,201,.07);
  border-bottom:1px solid rgba(8,119,201,.07);
  background:
    radial-gradient(circle at 12% 18%,rgba(73,188,255,.11),transparent 27%),
    radial-gradient(circle at 88% 82%,rgba(8,119,201,.075),transparent 31%),
    linear-gradient(138deg,#fbfdff 0%,#f2f8fc 51%,#edf6fb 100%);
}
.overview-visual-section::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background-image:radial-gradient(circle,var(--dot-color) var(--dot-size),transparent calc(var(--dot-size) + .4px));
  background-size:var(--dot-step) var(--dot-step);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 10%,transparent 39%,transparent 65%,rgba(0,0,0,.7) 88%,#000 100%);
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 10%,transparent 39%,transparent 65%,rgba(0,0,0,.7) 88%,#000 100%);
  pointer-events:none;
}
.overview-visual-section::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
}
.overview-visual-section>.overview-section__inner{
  position:relative;
  z-index:1;
}
.overview-visual-section .overview-benefit,
.overview-visual-section .industry{
  border-color:rgba(132,170,196,.44);
  background:rgba(255,255,255,.965);
  box-shadow:0 14px 36px rgba(6,40,66,.075);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.overview-visual-section .overview-benefit:hover,
.overview-visual-section .industry:hover{
  transform:translateY(-4px);
  border-color:rgba(8,119,201,.45);
  box-shadow:0 19px 44px rgba(6,40,66,.115);
}

/* Področja: tehnične line-art komponente pod rasterjem. */
.overview-visual-section--areas{
  --dot-color:rgba(8,119,201,.15);
  --dot-step:17px;
}
.overview-visual-section--areas::after{
  inset:0;
  background:url("../assets/images/podrocja-supplier-lineart-mix.webp") center/cover no-repeat;
  opacity:.095;
  filter:saturate(.55) contrast(.94);
  -webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.55) 38%,rgba(0,0,0,.42) 62%,#000);
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.55) 38%,rgba(0,0,0,.42) 62%,#000);
}

/* Dobavitelji: povezave med proizvajalci, komponentami in MB-TEH. */
.overview-visual-section--supplier-support::after{
  inset:0;
  background:url("../assets/images/dobavitelji-network-blueprint.svg") 72% 50%/cover no-repeat;
  opacity:.075;
  filter:saturate(.55) contrast(.9);
  -webkit-mask-image:linear-gradient(90deg,transparent 33%,rgba(0,0,0,.42) 62%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 33%,rgba(0,0,0,.42) 62%,#000 100%);
}

/* Področja / način dela: diagonalna merilna mreža. */
.overview-visual-section--process{
  --dot-color:rgba(0,110,190,.14);
  --dot-step:18px;
}
.overview-visual-section--process::after{
  left:-9%;
  right:-9%;
  bottom:-190px;
  height:300px;
  border-top:1px solid rgba(8,119,201,.13);
  background:
    repeating-linear-gradient(90deg,transparent 0 56px,rgba(8,119,201,.08) 56px 57px),
    linear-gradient(7deg,transparent 48.5%,rgba(8,119,201,.10) 49%,rgba(8,119,201,.10) 51%,transparent 51.5%);
  transform:rotate(-4deg);
}

/* Katalogi: tehnični list pod pikčastim prehodom. */
.overview-visual-section--catalog-help::after{
  inset:0;
  background:url("../assets/images/katalogi-technical-blueprint.svg") center 42%/cover no-repeat;
  opacity:.095;
  filter:saturate(.6) contrast(.9);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 63%,#000);
  mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 63%,#000);
}

/* O podjetju: miren diagonalni tehnični raster brez ponavljajočih se krogov. */
.overview-visual-section--company{
  --dot-color:rgba(8,119,201,.18);
  --dot-step:15px;
}
.overview-visual-section--company::before{
  -webkit-mask-image:linear-gradient(108deg,#000 0%,rgba(0,0,0,.72) 20%,transparent 48%,transparent 78%,rgba(0,0,0,.65) 100%);
  mask-image:linear-gradient(108deg,#000 0%,rgba(0,0,0,.72) 20%,transparent 48%,transparent 78%,rgba(0,0,0,.65) 100%);
}
.overview-visual-section--company::after{
  inset:0;
  background:
    linear-gradient(112deg,transparent 0 71%,rgba(8,119,201,.095) 71% 71.12%,transparent 71.12%),
    repeating-linear-gradient(112deg,transparent 0 68px,rgba(8,119,201,.045) 68px 69px);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 34%,transparent 60%,rgba(0,0,0,.7) 100%);
  mask-image:linear-gradient(90deg,#000 0%,transparent 34%,transparent 60%,rgba(0,0,0,.7) 100%);
}

@media(max-width:760px){
  .overview-hero::after{background:linear-gradient(90deg,rgba(6,25,44,.97),rgba(6,38,62,.84))}
  .overview-page--suppliers .overview-hero::before,
  .overview-page--catalogs .overview-hero::before,
  .overview-page--areas .overview-hero::before{
    background-position:58% center;
    background-size:auto 520px;
    opacity:.085;
    -webkit-mask-image:linear-gradient(90deg,transparent 10%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 10%,#000 100%);
  }
  .overview-page--company .overview-hero::before{opacity:.55}
  .overview-visual-section{
    --dot-step:14px;
    --dot-size:1.15px;
  }
  .overview-visual-section::before{
    opacity:.72;
    -webkit-mask-image:linear-gradient(90deg,#000,transparent 55%,rgba(0,0,0,.62));
    mask-image:linear-gradient(90deg,#000,transparent 55%,rgba(0,0,0,.62));
  }
  .overview-visual-section--areas::after{
    background-size:auto 720px;
    background-position:45% top;
    opacity:.07;
  }
  .overview-visual-section--supplier-support::after{background-size:auto 680px;background-position:62% center;opacity:.055}
  .overview-visual-section--catalog-help::after{background-size:auto 680px;background-position:22% center;opacity:.07}
  .overview-visual-section--company::after{opacity:.75}
}
@media(prefers-reduced-motion:reduce){
  .overview-visual-section .overview-benefit,
  .overview-visual-section .industry{transition:none}
  .overview-visual-section .overview-benefit:hover,
  .overview-visual-section .industry:hover{transform:none}
}