/*
Theme Name: PETEK Premium 2.0
Author: Iztok Petek
Description: Premium WordPress theme for Iztok Petek s.p.
Version: 5.0.0
*/
:root{--g:#8acb35;--gd:#6fac20;--ink:#071720;--ink2:#0e2938;--text:#16242c;--muted:#64747d;--soft:#f3f7f8;--line:#dbe5e8;--white:#fff;--r:18px;--shadow:0 18px 55px rgba(7,23,32,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1180px,92%);margin:auto}
.top{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:55px;height:55px;object-fit:contain}.brand b{font-size:18px}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#66747c}.menu{display:flex;gap:19px;font-size:12px;font-weight:800}.menu a:hover{color:var(--gd)}.call{background:var(--g);padding:12px 17px;border-radius:10px;font-weight:900}.hero{color:#fff;min-height:640px;display:flex;align-items:center;background:radial-gradient(circle at 77% 45%,#28566a 0,#102d3c 27%,#06131b 68%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-160px;top:-170px;width:650px;height:650px;border:75px solid rgba(138,203,53,.13);border-radius:50%}.hero .wrap{position:relative}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.15em;color:var(--g);text-transform:uppercase}.hero h1{font-size:clamp(50px,7vw,84px);line-height:.96;margin:14px 0;max-width:700px}.hero h1 span,.green{color:var(--g)}.hero p{max-width:650px;font-size:18px;color:#d7e2e6}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.chip{font-weight:800}.chip:after{content:"•";color:var(--g);margin-left:9px}.chip:last-child:after{display:none}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border-radius:10px;font-weight:900;border:1px solid transparent}.primary{background:var(--g);color:#122000}.outline{border-color:#718995;color:#fff}.section{padding:78px 0}.alt{background:var(--soft)}h2{font-size:clamp(32px,4vw,48px);line-height:1.05;color:var(--ink);margin:8px 0 12px}.lead{color:var(--muted);max-width:650px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 7px 28px rgba(7,23,32,.06);transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.pic{height:175px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dfe9ed,#f8fbfc);font-size:64px}.body{padding:21px}.body h3{margin:0;font-size:20px;color:var(--ink)}.body p{color:var(--muted);font-size:14px}.more{font-weight:900;color:var(--gd);font-size:14px}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust div{padding:25px 18px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust b{display:block}.trust small{color:var(--muted)}.icon{color:var(--gd);font-size:29px;margin-right:10px}
.feature{background:var(--ink);color:#fff}.feature .grid,.contact-grid,.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.feature h2,.contact h2{color:#fff}.feature p,.contact p{color:#b8c9d0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.check:before{content:"✓";color:var(--g);font-weight:900;margin-right:9px}.visual{min-height:390px;border-radius:24px;background:radial-gradient(circle at 50% 40%,rgba(138,203,53,.42),transparent 23%),linear-gradient(145deg,#1a3c4d,#071720);display:flex;align-items:center;justify-content:center;font-size:130px;box-shadow:var(--shadow)}
.about-img{min-height:380px;border-radius:24px;background:linear-gradient(145deg,#203f4f,#0a1820);display:flex;align-items:center;justify-content:center;font-size:100px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.stat{border-left:2px solid var(--g);padding-left:15px}.stat b{font-size:28px;color:var(--gd)}.stat small{display:block;color:var(--muted)}
.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.project .pict{height:170px;background:linear-gradient(135deg,#dbe6ea,#a8bcc5);display:flex;align-items:center;justify-content:center;font-size:58px}.project strong{display:block;padding:14px 15px}
.reviews{background:linear-gradient(135deg,#06131b,#123548);color:#fff}.reviewgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.reviews h2{color:#fff}.stars{color:var(--g);font-size:24px;letter-spacing:3px}.quote{padding:30px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);border-radius:18px;font-size:19px}
.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:900;color:var(--ink)}.faq p{color:var(--muted)}
.contact{background:var(--ink);color:#fff}.formbox{background:#0d2736;border:1px solid #294957;border-radius:18px;padding:27px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{margin-bottom:13px}.field.full{grid-column:1/-1}.field label{display:block;color:#cbd9de;font-size:12px;font-weight:800;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border-radius:8px;border:1px solid #46616d;background:#071720;color:#fff;font:inherit}.field textarea{min-height:125px}.upload{border:1px dashed #54717d;padding:14px;border-radius:9px;background:#091c26}.note{font-size:12px;color:#8fa6af}.notice{padding:12px 15px;border-radius:8px;background:#173d28;margin-bottom:16px}.error{background:#4b2525}.footer{background:#031016;color:#aabac1;padding:30px 0}.footerin{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand b{color:#fff}.topbtn{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--g);font-weight:900;color:#142000;box-shadow:var(--shadow)}
@media(max-width:1000px){.menu{display:none}.cards,.projects{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:repeat(2,1fr)}.trust div:nth-child(2){border-right:0}.feature .grid,.contact-grid,.about,.reviewgrid{grid-template-columns:1fr}.nav{height:68px}}
@media(max-width:600px){.cards,.projects,.trust,.stats,.fields,.checks{grid-template-columns:1fr}.trust div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:55px 0}.hero{min-height:570px}.hero h1{font-size:48px}.buttons .btn{width:100%}.formbox{padding:18px}.footerin{flex-direction:column;align-items:flex-start}.call{display:none}}


.menu-dropdown{position:relative}
.menu-parent{display:block}
.submenu{display:none;position:absolute;top:100%;left:-14px;min-width:225px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px;box-shadow:var(--shadow);z-index:120}
.submenu a{display:block;padding:10px 12px;border-radius:8px;white-space:nowrap;color:var(--text)}
.submenu a:hover{background:var(--soft);color:var(--gd)}
.menu-dropdown:hover .submenu,.menu-dropdown:focus-within .submenu{display:block}

/* Service subpages */
.service-hero{padding:90px 0 70px;background:linear-gradient(135deg,#06131b,#12384a);color:#fff}
.service-hero h1{font-size:clamp(42px,6vw,70px);line-height:1;margin:10px 0 18px}
.service-hero p{max-width:720px;color:#d6e2e6;font-size:18px}
.service-main{padding:70px 0}
.service-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:45px;align-items:start}
.service-main h2{font-size:34px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}
.service-list div{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:800}
.service-list div:before{content:"✓";color:var(--gd);margin-right:9px}
.pricebox{position:sticky;top:100px;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:25px}
.pricebox h3{margin-top:0;color:var(--ink)}.price{font-size:31px;font-weight:900;color:var(--gd)}
.service-cta{padding:50px 0;background:var(--ink);color:#fff}.service-cta h2{color:#fff}
@media(max-width:850px){.service-grid,.service-list{grid-template-columns:1fr}.pricebox{position:static}}


/* PETEK Premium graphical homepage */
.petek-photo-hero{padding:0;min-height:620px;background:linear-gradient(135deg,#06131b,#102b38)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:42px;min-height:620px}
.hero-copy{padding:65px 0;position:relative;z-index:2}
.petek-photo-hero h1{font-size:clamp(44px,5.7vw,72px);line-height:1.02}
.petek-photo-hero h1 span{color:#fff}
.petek-photo-hero .eyebrow{color:var(--g)}
.hero-photo{height:520px;border-radius:26px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.35);position:relative}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,23,32,.18),transparent 45%)}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.service-photo{display:block;width:100%;height:190px;object-fit:cover}
.card .body{min-height:205px}
.card h3{font-size:21px}
.card:nth-child(1) .more,.card:nth-child(2) .more,.card:nth-child(3) .more,.card:nth-child(4) .more{color:var(--gd)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:0;padding:55px 0}.hero-copy{padding:20px 0}.hero-photo{height:360px}.petek-photo-hero{min-height:auto}}
@media(max-width:600px){.hero-photo{height:260px}.service-photo{height:180px}}

/* Manjsi glavni naslov na prvi strani */
.petek-photo-hero h1{font-size:clamp(36px,4.5vw,58px);line-height:1.06;max-width:700px}
@media(max-width:600px){.petek-photo-hero h1{font-size:38px}}


/* Fotografije na podstraneh 3D tisk in Servis računalnikov */
.service-feature-photo{margin:18px 0 30px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:#e7eef1}
.service-feature-photo img{display:block;width:100%;height:360px;object-fit:cover}
@media(max-width:600px){.service-feature-photo img{height:230px}}

/* Tri glavne računalniške storitve na naslovni strani */
#storitve .cards{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){#storitve .cards{grid-template-columns:1fr}}

/* Slika v razdelku Nimate 3D modela? */
.feature-3d-photo{padding:0;overflow:hidden;background:#0b1d27}
.feature-3d-photo img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover}
@media(max-width:600px){.feature-3d-photo img{min-height:260px}}

/* Slika v razdelku Ko tehnika ne deluje */
.about-tech-photo{padding:0;overflow:hidden;background:#0b1d27}
.about-tech-photo img{display:block;width:100%;height:100%;min-height:380px;object-fit:cover}
@media(max-width:600px){.about-tech-photo img{min-height:250px}}

/* Prodaja računalnikov, tiskalnikov in rezervnih delov */
.sales-feature{background:#fff}
.sales-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.sales-copy h2{margin-bottom:16px}
.sales-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}
.sales-points div{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.sales-points b{display:block;color:var(--ink);font-size:15px}
.sales-points small{display:block;color:var(--muted);margin-top:4px}
.sales-photo{height:410px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#e7eef1}
.sales-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.sales-grid{grid-template-columns:1fr}.sales-points{grid-template-columns:1fr}.sales-photo{height:320px}}
@media(max-width:600px){.sales-photo{height:240px}}

/* Delo od doma - slika levo, besedilo desno */
.home-work-feature{background:#fff}
.home-work-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.home-work-photo{height:410px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#e7eef1}
.home-work-photo img{display:block;width:100%;height:100%;object-fit:cover}
.home-work-copy h2{margin-bottom:5px}
.home-work-copy h3{font-size:22px;line-height:1.25;color:var(--ink);margin:0 0 12px}
.home-work-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.home-work-points div{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.home-work-points b,.home-work-points small{display:block}
.home-work-points small{color:var(--muted);margin-top:3px}
@media(max-width:900px){.home-work-grid{grid-template-columns:1fr}.home-work-photo{height:320px}.home-work-points{grid-template-columns:1fr}}
@media(max-width:600px){.home-work-photo{height:240px}}

/* Glavni meni: enaka velikost pisave kot telefonski gumb */
.menu{font-size:16px}
.menu a{font-size:16px}
.menu-parent{font-size:16px}
.submenu a{font-size:15px}

/* PETEK 4.1 - glavni meni velik kot telefonska stevilka */
.menu > a,.menu .menu-parent{font-size:17px!important;font-weight:800}
.menu-dropdown > .menu-parent{font-size:17px!important}
.submenu a{font-size:16px!important}

/* PETEK 4.2 - servisni razdelek kot v odobrenem osnutku: bela podlaga */
#omeni{background:#fff!important;color:var(--text)!important}
#omeni .wrap{background:#fff}
#omeni h2,#omeni h3{color:var(--ink)!important}
#omeni p,#omeni .lead{color:var(--muted)!important}
#omeni .about-img,#omeni .about-tech-photo{background:#fff!important;border-radius:24px;overflow:hidden}
#omeni .about-tech-photo img{width:100%;height:100%;min-height:380px;object-fit:cover;display:block}


/* =========================================================
   PETEK PREMIUM 5.0 — ČISTA KONČNA POSTAVITEV
   1 Prodaja: tekst | slika
   2 Servis: slika | tekst
   3 3D: tekst | slika, temna podlaga
   4 Delo od doma: slika | tekst
   ========================================================= */

/* 1. PRODAJA */
section[data-petek-layout="sales"]{background:#fff!important}
section[data-petek-layout="sales"] .sales-grid{
 display:grid!important;grid-template-columns:1fr 1fr!important;gap:52px!important;align-items:center!important
}
section[data-petek-layout="sales"] .sales-copy{grid-column:1!important;grid-row:1!important}
section[data-petek-layout="sales"] .sales-photo{grid-column:2!important;grid-row:1!important;height:400px!important}

/* 2. SERVIS */
section[data-petek-layout="service"]{background:#fff!important;color:var(--text)!important}
section[data-petek-layout="service"] .about{
 display:grid!important;grid-template-columns:1fr 1fr!important;gap:52px!important;align-items:center!important;background:#fff!important
}
section[data-petek-layout="service"] .about-img{grid-column:1!important;grid-row:1!important;height:400px!important;background:#fff!important}
section[data-petek-layout="service"] .about > div:last-child{grid-column:2!important;grid-row:1!important}
section[data-petek-layout="service"] h2{color:var(--ink)!important}
section[data-petek-layout="service"] p{color:var(--muted)!important}

/* 3. 3D TISK */
section[data-petek-layout="3d"]{
 background:#071720!important;background-image:none!important;color:#fff!important
}
section[data-petek-layout="3d"] .petek-3d-row{
 display:grid!important;grid-template-columns:1fr 1fr!important;gap:52px!important;align-items:center!important;
 background:#071720!important
}
section[data-petek-layout="3d"] .petek-3d-text{
 grid-column:1!important;grid-row:1!important;background:#071720!important;color:#fff!important
}
section[data-petek-layout="3d"] .petek-3d-image{
 grid-column:2!important;grid-row:1!important;height:400px!important;min-height:400px!important;
 border-radius:24px!important;overflow:hidden!important;background:#071720!important;box-shadow:var(--shadow)
}
section[data-petek-layout="3d"] .petek-3d-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
section[data-petek-layout="3d"] h2{color:#fff!important}
section[data-petek-layout="3d"] h2 .green,
section[data-petek-layout="3d"] .eyebrow{color:#75b82a!important}
section[data-petek-layout="3d"] p{color:#d6e2e6!important}
section[data-petek-layout="3d"] .check{color:#fff!important}

/* 4. DELO OD DOMA */
section[data-petek-layout="homework"]{background:#fff!important}
section[data-petek-layout="homework"] .home-work-grid{
 display:grid!important;grid-template-columns:1fr 1fr!important;gap:52px!important;align-items:center!important
}
section[data-petek-layout="homework"] .home-work-photo{grid-column:1!important;grid-row:1!important;height:400px!important}
section[data-petek-layout="homework"] .home-work-copy{grid-column:2!important;grid-row:1!important}

/* Enotne slike */
section[data-petek-layout="sales"] .sales-photo,
section[data-petek-layout="service"] .about-img,
section[data-petek-layout="homework"] .home-work-photo{
 border-radius:24px!important;overflow:hidden!important;box-shadow:var(--shadow)
}
section[data-petek-layout="sales"] img,
section[data-petek-layout="service"] .about-img img,
section[data-petek-layout="homework"] .home-work-photo img{
 width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;display:block!important
}

/* Mobilno */
@media(max-width:700px){
 section[data-petek-layout="sales"] .sales-grid,
 section[data-petek-layout="service"] .about,
 section[data-petek-layout="3d"] .petek-3d-row,
 section[data-petek-layout="homework"] .home-work-grid{
  grid-template-columns:1fr!important;gap:28px!important
 }
 section[data-petek-layout="sales"] .sales-copy,
 section[data-petek-layout="service"] .about > div:last-child,
 section[data-petek-layout="3d"] .petek-3d-text,
 section[data-petek-layout="homework"] .home-work-copy{
  grid-column:1!important;grid-row:1!important
 }
 section[data-petek-layout="sales"] .sales-photo,
 section[data-petek-layout="service"] .about-img,
 section[data-petek-layout="3d"] .petek-3d-image,
 section[data-petek-layout="homework"] .home-work-photo{
  grid-column:1!important;grid-row:2!important;height:280px!important;min-height:280px!important
 }
}

/* Glavni meni */
.menu > a,.menu .menu-parent{font-size:17px!important;font-weight:800}
.submenu a{font-size:16px!important}

/* PETEK Premium 5.1 - PRODAJA na črni podlagi */
section[data-petek-layout="sales"]{
    background:#071720!important;
    background-color:#071720!important;
    background-image:none!important;
    color:#fff!important;
}
section[data-petek-layout="sales"] .sales-grid,
section[data-petek-layout="sales"] .sales-copy{
    background:#071720!important;
    color:#fff!important;
}
section[data-petek-layout="sales"] h2,
section[data-petek-layout="sales"] h3{
    color:#fff!important;
}
section[data-petek-layout="sales"] .eyebrow{
    color:#75b82a!important;
}
section[data-petek-layout="sales"] p,
section[data-petek-layout="sales"] .lead{
    color:#d6e2e6!important;
}
section[data-petek-layout="sales"] .sales-points div{
    background:#10252f!important;
    border-color:#29404a!important;
}
section[data-petek-layout="sales"] .sales-points b{
    color:#fff!important;
}
section[data-petek-layout="sales"] .sales-points small{
    color:#c9d6dc!important;
}

/* PETEK 5.3 - meni ostane viden tudi pri ozjem oknu */
@media (max-width:1100px) and (min-width:701px){
 .header-inner{gap:12px!important}
 .menu{display:flex!important;flex:1 1 auto!important;justify-content:center!important;gap:10px!important;min-width:0!important}
 .menu>a,.menu .menu-parent{display:block!important;font-size:14px!important;white-space:nowrap!important;padding:8px 2px!important}
 .phone{font-size:14px!important;padding:10px!important;white-space:nowrap!important}
 .brand img{max-width:140px!important;height:auto!important}
}
@media (max-width:700px){
 .header-inner{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;padding:10px 0!important}
 .brand{width:100%!important;text-align:center!important}
 .brand img{max-width:145px!important;height:auto!important}
 .menu{display:flex!important;width:100%!important;flex-wrap:wrap!important;justify-content:center!important;gap:3px 9px!important;order:2!important}
 .menu>a,.menu .menu-parent{display:block!important;font-size:14px!important;padding:7px 3px!important;white-space:nowrap!important}
 .menu-dropdown{position:relative!important}
 .submenu{left:50%!important;transform:translateX(-50%)!important;z-index:9999!important}
 .phone{order:3!important;font-size:14px!important;padding:9px 12px!important}
}


/* PETEK 5.4 - DOKONČNO: navigacija se nikoli ne skrije */
header nav.menu,
.site-header nav.menu,
nav.menu,
.menu{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
}

/* Desktop / manjše okno */
@media (min-width:769px){
  .header-inner{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
  }
  header nav.menu,nav.menu,.menu{
    display:flex!important;
    flex:1 1 auto!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:clamp(6px,1vw,16px)!important;
    min-width:0!important;
  }
  nav.menu > a,
  nav.menu .menu-parent,
  .menu > a,
  .menu .menu-parent{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:clamp(12px,1.25vw,17px)!important;
    white-space:nowrap!important;
    padding:8px 2px!important;
  }
  .brand{flex:0 1 auto!important}
  .brand img{max-width:clamp(105px,12vw,170px)!important;height:auto!important}
  .phone{flex:0 0 auto!important;font-size:clamp(12px,1.15vw,16px)!important;white-space:nowrap!important}
}

/* Telefon in zelo ozko okno: meni ostane viden in se prelomi */
@media (max-width:768px){
  .header-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;
  }
  header nav.menu,nav.menu,.menu{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:2px 10px!important;
    position:relative!important;
    transform:none!important;
  }
  nav.menu > a,
  nav.menu .menu-parent,
  .menu > a,
  .menu .menu-parent{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:14px!important;
    padding:7px 3px!important;
    white-space:nowrap!important;
  }
  .menu-dropdown{display:block!important;position:relative!important}
  .phone{display:block!important}
}

/* Če ima stara tema pravilo za hamburger ali mobile nav, ne sme skriti glavnega menija. */
.mobile-menu,.mobile-nav-toggle,.menu-toggle{visibility:visible}

/* PETEK 5.5 - nova slika v razdelku NUDIM / Delo od doma */
section[data-petek-layout="homework"] .home-work-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
}

/* PETEK Premium 5.6 - urejen podmeni STORITVE */
.menu-dropdown .submenu{
    min-width:245px!important;
    padding:10px!important;
    border-radius:14px!important;
    box-shadow:0 16px 40px rgba(0,0,0,.18)!important;
}
.menu-dropdown .submenu a{
    display:block!important;
    padding:11px 14px!important;
    border-radius:9px!important;
    font-size:15px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
}
.menu-dropdown .submenu a:hover{
    background:rgba(117,184,42,.12)!important;
}

/* PETEK Premium 5.7 - podstran PRODAJA */
.sales-page{background:#fff}
.sales-hero{background:#071720;color:#fff;padding:70px 0}
.sales-page-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.sales-page-copy h1{font-size:clamp(40px,5vw,68px);line-height:1.02;margin:8px 0 20px;color:#fff}
.sales-page-copy h1 span{color:#75b82a}
.sales-page-copy p{font-size:18px;line-height:1.65;color:#d5e0e5}
.sales-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 28px;color:#fff;font-weight:700}
.sales-page-photo{height:460px;border-radius:26px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.3)}
.sales-page-photo img{width:100%;height:100%;object-fit:cover;display:block}
.sales-categories{background:#f7f9fa}
.sales-categories .lead{max-width:850px}
.sales-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.sales-category-grid article{background:#fff;border:1px solid #e4eaed;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(7,23,32,.07)}
.sales-category-grid article img{width:100%;height:210px;object-fit:cover;display:block}
.sales-category-grid article div{padding:22px}
.sales-category-grid h3{margin:0 0 8px;color:#071720;font-size:21px}
.sales-category-grid p{margin:0;color:#64747d;line-height:1.55}
.parts-section{background:#fff}
.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.parts-grid div{border:1px solid #dfe7ea;border-radius:14px;padding:18px;background:#f8fafb}
.parts-grid b{display:block;font-size:17px;color:#071720;margin-bottom:5px}
.parts-grid small{display:block;color:#64747d;line-height:1.45}
.sales-advice{background:#eef3f4}
.sales-advice-grid{display:grid;grid-template-columns:1fr .7fr;gap:45px;align-items:center}
.sales-contact-box{background:#071720;color:#fff;border-radius:22px;padding:30px}
.sales-contact-box h3{color:#fff;margin-top:0;font-size:25px}
.sales-contact-box p{color:#d5e0e5}
@media(max-width:900px){
 .sales-page-hero,.sales-advice-grid{grid-template-columns:1fr}
 .sales-category-grid{grid-template-columns:repeat(2,1fr)}
 .parts-grid{grid-template-columns:repeat(2,1fr)}
 .sales-page-photo{height:360px}
}
@media(max-width:600px){
 .sales-hero{padding:45px 0}
 .sales-category-grid,.parts-grid{grid-template-columns:1fr}
 .sales-page-photo{height:280px}
 .sales-category-grid article img{height:190px}
}

/* PETEK Premium 6.0 - podstran SERVIS */
.service-page{background:#fff}.service-hero{background:#071720;color:#fff;padding:70px 0}
.service-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.service-hero-copy h1{font-size:clamp(40px,5vw,68px);line-height:1.03;color:#fff;margin:8px 0 20px}
.service-hero-copy h1 span{color:#75b82a}.service-hero-copy p{font-size:18px;line-height:1.65;color:#d5e0e5}
.service-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 28px;font-weight:700}
.service-hero-photo{height:455px;border-radius:26px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.3)}
.service-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.service-list{background:#f7f9fa}.service-list .lead{max-width:850px}
.service-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.service-card-grid article{background:#fff;border:1px solid #e4eaed;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(7,23,32,.07)}
.service-card-grid img{width:100%;height:205px;object-fit:cover;display:block}.service-card-grid article div{padding:22px}
.service-card-grid h3{margin:0 0 8px;color:#071720;font-size:21px}.service-card-grid p{margin:0;color:#64747d;line-height:1.55}
.service-equipment{background:#fff}.service-equipment-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.service-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-tags span{padding:17px 18px;border-radius:13px;background:#f4f7f8;border:1px solid #e1e8eb;font-weight:800;color:#071720}
.service-process{background:#071720;color:#fff}.service-process h2{color:#fff}.service-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.service-steps>div{background:#10252f;border:1px solid #29404a;border-radius:18px;padding:22px}.service-steps b{color:#75b82a;font-size:26px}
.service-steps h3{color:#fff}.service-steps p{color:#d5e0e5;line-height:1.55}
.service-cta{background:#eef3f4}.service-cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
@media(max-width:900px){.service-hero-grid,.service-equipment-grid{grid-template-columns:1fr}.service-card-grid{grid-template-columns:repeat(2,1fr)}.service-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.service-card-grid,.service-steps,.service-tags{grid-template-columns:1fr}.service-hero-photo{height:280px}.service-cta-grid{grid-template-columns:1fr}}

/* PETEK Premium 6.1 - SERVIS kartice v vrstah kot na predlogi */

/* Glavnih 6 servisnih storitev: ena vodoravna vrsta na velikem zaslonu */
.service-page .service-card-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:14px!important;
    width:100%!important;
}
.service-page .service-card-grid > article{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
}
.service-page .service-card-grid > article img{
    width:100%!important;
    height:155px!important;
    object-fit:cover!important;
}
.service-page .service-card-grid > article > div{
    padding:17px!important;
}
.service-page .service-card-grid h3{
    font-size:18px!important;
}
.service-page .service-card-grid p{
    font-size:14px!important;
}

/* Oprema: prav tako lepo v eni vrsti na širokem zaslonu */
.service-page .service-tags{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
}
.service-page .service-tags > span{
    width:auto!important;
    margin:0!important;
}

/* Postopek servisa: 4 kartice v eni vrsti */
.service-page .service-steps{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
}
.service-page .service-steps > div{
    width:auto!important;
    margin:0!important;
}

/* Srednje široki zasloni */
@media(max-width:1200px){
    .service-page .service-card-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}
@media(max-width:900px){
    .service-page .service-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .service-page .service-tags{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .service-page .service-steps{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:600px){
    .service-page .service-card-grid,
    .service-page .service-tags,
    .service-page .service-steps{
        grid-template-columns:1fr!important;
    }
}

/* PETEK Premium 6.2 - naslov servisnega razdelka na sredini */
.service-page .service-list > .wrap > .eyebrow,
.service-page .service-list > .wrap > h2,
.service-page .service-list > .wrap > .lead{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.service-page .service-list > .wrap > .lead{
    max-width:850px!important;
}

/* PETEK Premium 6.3 - DOKONČNA postavitev servisnega razdelka */

/* Naslov res na sredini celotne strani */
body .service-page section.petek-service-six .petek-service-heading{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0 auto 12px!important;
    padding:0!important;
    text-align:center!important;
}
body .service-page section.petek-service-six .petek-service-heading .eyebrow,
body .service-page section.petek-service-six .petek-service-heading h2{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
}
body .service-page section.petek-service-six > .wrap > .lead{
    display:block!important;
    width:100%!important;
    max-width:850px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
}

/* Vseh 6 kartic prisilno v ENO VRSTO na računalniku */
@media (min-width:901px){
 body .service-page section.petek-service-six .service-card-grid{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
 }
 body .service-page section.petek-service-six .service-card-grid > article{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 0!important;
    width:0!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
 }
 body .service-page section.petek-service-six .service-card-grid > article img{
    flex:0 0 145px!important;
    width:100%!important;
    height:145px!important;
    min-height:145px!important;
    object-fit:cover!important;
 }
 body .service-page section.petek-service-six .service-card-grid > article > div{
    flex:1 1 auto!important;
    padding:15px!important;
 }
 body .service-page section.petek-service-six .service-card-grid h3{
    font-size:17px!important;
    line-height:1.2!important;
 }
 body .service-page section.petek-service-six .service-card-grid p{
    font-size:13px!important;
    line-height:1.45!important;
 }
}

/* Tablica: 3 + 3; telefon: 1 po 1 */
@media (min-width:601px) and (max-width:900px){
 body .service-page section.petek-service-six .service-card-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
 }
}
@media (max-width:600px){
 body .service-page section.petek-service-six .service-card-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
 }
}

/* PETEK 6.6 */
.service-page .service-benefits{display:none!important}

/* PETEK Premium 7.1 - 3D TISK */
.print3d-page{background:#fff}.print3d-hero{background:#071720;color:#fff;padding:72px 0}
.print3d-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.print3d-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;color:#fff;margin:8px 0 20px}
.print3d-hero h1 span{color:#75b82a}.print3d-hero p{font-size:18px;line-height:1.65;color:#d5e0e5}
.print3d-hero-photo{height:455px;border-radius:26px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.3)}
.print3d-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.print3d-services{background:#f7f9fa}.print3d-center{text-align:center;max-width:920px;margin:0 auto 34px}
.print3d-center h2,.print3d-center p{text-align:center}.print3d-center p{color:#64747d}
.print3d-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.print3d-card-grid article{background:#fff;border:1px solid #e1e8eb;border-radius:18px;overflow:hidden;box-shadow:0 9px 25px rgba(7,23,32,.06)}
.print3d-card-grid img{width:100%;height:210px;object-fit:cover;display:block}
.print3d-card-grid h3{margin:18px 18px 8px;color:#071720}.print3d-card-grid p{margin:0;padding:0 18px 20px;color:#64747d;line-height:1.5}
.print3d-model-help{background:#071720;color:#fff}.print3d-model-help h2{color:#fff}.print3d-model-help p{color:#d5e0e5}
.print3d-help-grid{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}
.print3d-help-box{background:#10252f;border:1px solid #29404a;border-radius:20px;padding:28px}.print3d-help-box h3{color:#fff}.print3d-help-box li{margin:10px 0;color:#e0e8eb}
.print3d-materials{background:#fff}.print3d-material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.print3d-material-grid>div{background:#f5f8f9;border:1px solid #e1e8eb;border-radius:16px;padding:24px}.print3d-material-grid b{font-size:23px;color:#75b82a}.print3d-material-grid p{color:#64747d}
.print3d-process{background:#eef3f4}.print3d-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.print3d-steps>div{background:#fff;border-radius:16px;padding:22px;border:1px solid #dde6e9}.print3d-steps b{font-size:25px;color:#75b82a}
.print3d-cta{background:#071720;color:#fff}.print3d-cta h2{color:#fff}.print3d-cta p{color:#d5e0e5}.print3d-cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
@media(max-width:900px){.print3d-hero-grid,.print3d-help-grid{grid-template-columns:1fr}.print3d-card-grid{grid-template-columns:repeat(2,1fr)}.print3d-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.print3d-card-grid,.print3d-material-grid,.print3d-steps,.print3d-cta-grid{grid-template-columns:1fr}.print3d-hero-photo{height:280px}}

/* PETEK 8.1 - DELO OD DOMA */
.homework-page{background:#fff}.homework-hero{padding:54px 0;background:#f4f8fa}
.homework-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:center;max-width:1120px;margin:auto}
.homework-hero h1{font-size:clamp(34px,3.5vw,50px);line-height:1.06;margin:8px 0 17px}.homework-hero h1 span{color:#75b82a}.homework-hero p{font-size:17px;line-height:1.6;color:#64747d}
.homework-hero-photo{height:330px;border-radius:22px;overflow:hidden}.homework-hero-photo img{width:100%;height:100%;object-fit:cover}
.homework-center{text-align:center;max-width:850px;margin:0 auto 32px}.homework-center h2{font-size:clamp(25px,2.2vw,33px);text-align:center}.homework-center p{text-align:center;color:#64747d}
.homework-services{background:#fff}.homework-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1200px;margin:auto}
.homework-grid article{border:1px solid #dfe7ea;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 20px rgba(7,23,32,.05)}
.homework-grid img{width:100%;height:145px;object-fit:cover}.homework-grid h3{font-size:17px;margin:15px 15px 7px}.homework-grid p{font-size:13px;line-height:1.45;color:#64747d;margin:0;padding:0 15px 18px}
.homework-examples{background:#f6f9fa}.homework-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1050px;margin:auto}.homework-tags span{background:#fff;border:1px solid #dfe7ea;border-radius:14px;padding:20px;text-align:center;font-weight:700}
.homework-process{background:#eef5f8}.homework-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1100px;margin:auto}.homework-steps>div{background:#fff;border-radius:16px;padding:22px;border:1px solid #dfe7ea}.homework-steps b{color:#75b82a;font-size:24px}.homework-steps h3{font-size:18px}.homework-steps p{color:#64747d}
.homework-cta{background:#071720;color:#fff}.homework-cta h2{color:#fff;font-size:clamp(25px,2.2vw,33px)}.homework-cta p{color:#d5e0e5}.homework-cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;max-width:1100px;margin:auto}
@media(max-width:1000px){.homework-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.homework-hero-grid{grid-template-columns:1fr}.homework-grid{grid-template-columns:repeat(2,1fr)}.homework-tags,.homework-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.homework-grid,.homework-tags,.homework-steps,.homework-cta-grid{grid-template-columns:1fr}}

/* PETEK 8.3 - Delo od doma po potrjenem osnutku */
.d83{background:#fff;color:#071720}.d83 .wrap{max-width:1420px;margin:auto;padding-left:26px;padding-right:26px}
.d83-hero{padding:34px 0 16px}.d83-hero-inner{min-height:300px;display:grid;grid-template-columns:40% 60%;background:linear-gradient(90deg,#eef5f8 0%,#eef5f8 38%,#fff 60%);border-radius:14px;overflow:hidden}
.d83-copy{padding:28px 12px 24px 48px;align-self:center;z-index:2}.d83-copy h1{font-size:38px;line-height:1.05;margin:7px 0 12px}.d83-copy p{font-size:17px;line-height:1.45;color:#52646e}.d83-hero-img{width:100%;height:300px;object-fit:cover}
.d83-benefits{display:flex;gap:24px;margin-top:20px}.d83-benefits span{display:flex;align-items:center;gap:7px;font-size:14px}.d83-benefits span:first-letter{color:#75b82a}
.d83-services{padding:10px 0 20px}.d83-center{text-align:center;margin:0 auto 14px}.d83-center .eyebrow{text-align:center}.d83-center h2{font-size:25px;line-height:1.1;margin:4px 0 6px;text-align:center}.d83-center p{font-size:13px;color:#64747d;text-align:center;margin:0}
.d83-five{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.d83-five article{border:1px solid #e0e7ea;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 5px 14px rgba(7,23,32,.05)}.d83-five img{width:100%;height:105px;object-fit:cover;display:block}.d83-five h3{font-size:15px;margin:10px 14px 5px}.d83-five p{font-size:12px;line-height:1.4;color:#64747d;margin:0;padding:0 14px 13px}
.d83-examples{padding:0 0 22px}.d83-eight{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.d83-eight div{text-align:center}.d83-eight img{width:100%;height:105px;object-fit:cover;border-radius:9px;display:block;margin-bottom:7px}.d83-eight b{font-size:12px}
.d83-process{padding:12px 0 28px;background:#eef7fb}.d83-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.d83-steps>div{display:flex;align-items:flex-start;gap:13px;background:#fff;border-radius:10px;padding:15px}.d83-steps i{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#159ce4;color:#fff;font-style:normal;font-weight:800}.d83-steps span,.d83-bottom span{display:flex;flex-direction:column}.d83-steps b{font-size:14px}.d83-steps small{font-size:12px;color:#64747d;margin-top:3px;line-height:1.35}
.d83-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:16px;padding:15px 30px;border-radius:10px;background:#eff9e8}.d83-bottom span{position:relative;padding-left:35px}.d83-bottom span:first-letter{color:#75b82a}.d83-bottom b{font-size:13px}.d83-bottom small{font-size:11px;color:#64747d;margin-top:2px}
@media(max-width:1050px){.d83-five{grid-template-columns:repeat(3,1fr)}.d83-eight{grid-template-columns:repeat(4,1fr)}.d83-benefits{flex-wrap:wrap}}@media(max-width:800px){.d83-hero-inner{grid-template-columns:1fr}.d83-copy{text-align:center;padding:28px}.d83-benefits{justify-content:center}.d83-five,.d83-steps,.d83-bottom{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.d83-five,.d83-eight,.d83-steps,.d83-bottom{grid-template-columns:1fr}.d83-copy h1{font-size:32px}}


/* =========================================================
   PETEK Premium 8.4
   Enotne velikosti naslovov na vseh straneh
   po vzoru podstrani "Delo od doma"
   ========================================================= */

/* Glavni naslov strani / hero */
body h1,
.hero h1,
.service-page h1,
.print3d-page h1,
.homework-page h1,
.d83 h1 {
    font-size: 38px !important;
    line-height: 1.05 !important;
}

/* Glavni naslovi razdelkov */
body h2,
.hero h2,
.service-page h2,
.print3d-page h2,
.homework-page h2,
.d83 h2 {
    font-size: 25px !important;
    line-height: 1.10 !important;
}

/* Naslovi kartic in manjših vsebinskih blokov */
body h3,
.service-page h3,
.print3d-page h3,
.homework-page h3,
.d83 h3 {
    font-size: 15px !important;
    line-height: 1.25 !important;
}

/* Ohranimo majhne zelene nadnaslove */
body .eyebrow,
.service-page .eyebrow,
.print3d-page .eyebrow,
.homework-page .eyebrow,
.d83 .eyebrow {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* Telefonski / mobilni prikaz */
@media (max-width: 800px) {
    body h1,
    .hero h1,
    .service-page h1,
    .print3d-page h1,
    .homework-page h1,
    .d83 h1 {
        font-size: 32px !important;
    }

    body h2,
    .hero h2,
    .service-page h2,
    .print3d-page h2,
    .homework-page h2,
    .d83 h2 {
        font-size: 23px !important;
    }
}

/* PETEK 8.5 - Povpraševanje na strani Delo od doma */
.d83-inquiry{
    padding:34px 0 42px;
    background:#fff;
}
.d83-inquiry-box{
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:42px;
    align-items:center;
    max-width:1180px;
    margin:0 auto;
    padding:34px 38px;
    border-radius:16px;
    background:#071720;
    color:#fff;
}
.d83-inquiry-copy h2{
    margin:5px 0 10px;
    color:#fff;
    font-size:25px !important;
    line-height:1.1 !important;
}
.d83-inquiry-copy p{
    max-width:720px;
    margin:0;
    color:#d5e0e5;
    font-size:14px;
    line-height:1.55;
}
.d83-inquiry-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px;
    margin-top:20px;
}
.d83-inquiry-points span{
    font-size:12px;
    color:#e8eff2;
}
.d83-inquiry-points b{
    margin-right:5px;
    color:#75b82a;
}
.d83-inquiry-action{
    padding:24px;
    border-radius:13px;
    background:#102630;
}
.d83-inquiry-action strong{
    display:block;
    margin-bottom:7px;
    font-size:17px;
}
.d83-inquiry-action p{
    margin:0 0 18px;
    color:#cbd7dc;
    font-size:12px;
    line-height:1.5;
}
.d83-inquiry-action .btn{
    display:inline-block;
    margin-bottom:13px;
}
.d83-phone{
    display:block;
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
}
@media(max-width:800px){
    .d83-inquiry-box{
        grid-template-columns:1fr;
        gap:24px;
        padding:28px 24px;
        text-align:center;
    }
    .d83-inquiry-points{
        justify-content:center;
    }
}

/* PETEK 8.6 - Povpraševanje kot čist vmesni CTA */
.d86-inquiry{
    padding:26px 0 28px !important;
    background:#fff !important;
}
.d86-inquiry .wrap{
    max-width:1420px !important;
    margin:0 auto !important;
}
.d86-inquiry-inner{
    max-width:920px !important;
    margin:0 auto !important;
    padding:27px 34px !important;
    text-align:center !important;
    background:#f4f8fa !important;
    border:1px solid #dfe8ec !important;
    border-radius:14px !important;
    box-shadow:none !important;
}
.d86-inquiry-inner .eyebrow,
.d86-inquiry-inner h2,
.d86-inquiry-inner p{
    text-align:center !important;
}
.d86-inquiry-inner h2{
    margin:5px 0 8px !important;
    color:#071720 !important;
    font-size:25px !important;
    line-height:1.1 !important;
}
.d86-inquiry-inner p{
    max-width:690px !important;
    margin:0 auto 17px !important;
    color:#64747d !important;
    font-size:13px !important;
    line-height:1.5 !important;
}
.d86-inquiry-inner .btn{
    display:inline-block !important;
}
@media(max-width:650px){
 .d86-inquiry-inner{
    padding:24px 20px !important;
 }
}


/* PETEK Premium 9.1 - pravilno zaprt meni + ena vrstica na desktopu */
@media (min-width:769px){
  .top .wrap.nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:14px!important;
  }
  .top nav.menu{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    width:auto!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  .top nav.menu > a,
  .top nav.menu > .menu-dropdown{
    flex:0 0 auto!important;
    width:auto!important;
    white-space:nowrap!important;
  }
  .top nav.menu > a,
  .top nav.menu > .menu-dropdown > .menu-parent{
    font-size:15px!important;
    padding:6px 2px!important;
    white-space:nowrap!important;
  }
  .top .brand{
    flex:0 1 auto!important;
    margin-right:auto!important;
  }
  .top .call{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding:10px 13px!important;
  }
}


/* PETEK Premium 9.2 - PRODaja: slike brez raztegovanja
   Tiskalniki, Monitorji in Racunalniski deli */
.sale-page .product-card img,
.prodaja-page .product-card img,
.page-prodaja .product-card img,
.sales-page .product-card img,
.sale-page .equipment-card img,
.prodaja-page .equipment-card img,
.page-prodaja .equipment-card img,
.sales-page .equipment-card img {
    width:100% !important;
    height:190px !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#fff !important;
    padding:10px !important;
    box-sizing:border-box !important;
}

/* Rezervni selektorji za obstoječo postavitev razdelka "Oprema za različne potrebe". */
body[class*="prodaja"] article img,
body[class*="prodaja"] .card img {
    object-fit:contain !important;
    object-position:center !important;
}

/* Na telefonu ohranimo naravno razmerje. */
@media(max-width:700px){
    .sale-page .product-card img,
    .prodaja-page .product-card img,
    .page-prodaja .product-card img,
    .sales-page .product-card img,
    .sale-page .equipment-card img,
    .prodaja-page .equipment-card img,
    .page-prodaja .equipment-card img,
    .sales-page .equipment-card img {
        height:180px !important;
        object-fit:contain !important;
    }
}
/* PETEK - lep prikaz priponke v kontaktnem obrazcu */
.upload input[type="file"]{
    width:100%;
    color:#dce7eb !important;
    font-size:14px;
    background:#071720 !important;
    border:1px solid #46616d !important;
    border-radius:8px;
    padding:6px;
}

.upload input[type="file"]::file-selector-button{
    background:#8acb35 !important;
    color:#122000 !important;
    border:0;
    border-radius:6px;
    padding:9px 14px;
    margin-right:12px;
    font-weight:800;
    cursor:pointer;
}

.upload input[type="file"]::file-selector-button:hover{
    background:#6fac20 !important;
}
/* ===== PRIPONKA - BOLJ VIDEN GUMB IN IME DATOTEKE ===== */

/* ===== KONČNI VIDEZ PRIPONKE ===== */

#kontakt #petek_priloga {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 5px !important;
    margin: 0 !important;

    color: #dce7eb !important;
    background: #071720 !important;

    border: 1px solid #46616d !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    font-size: 13px !important;
}

#kontakt #petek_priloga::file-selector-button {
    background: #8bd22f !important;
    color: #071820 !important;

    border: 0 !important;
    border-radius: 6px !important;

    padding: 7px 12px !important;
    margin-right: 10px !important;

    font-weight: 700 !important;
    cursor: pointer !important;
}

#kontakt #petek_priloga::file-selector-button:hover {
    background: #9be23c !important;
}

/* =========================================================
   PETEK – GLAVNA STRAN – OBNOVA 03-10-2026
   Samo pravila za prvo stran. Podstrani niso vključene.
   ========================================================= */

/* HERO – današnja širša slika */
.home .hero-grid,
body.home .hero-grid{
    grid-template-columns:.82fr 1.18fr;
}

.home .hero-photo,
body.home .hero-photo{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 28px 70px rgba(0,0,0,.35);
    position:relative;
    background:#06131b;
}

.home .hero-photo:after,
body.home .hero-photo:after{
    display:none;
}

.home .hero-photo img,
body.home .hero-photo img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
}

/* STORITVE – kartice se ob prehodu ne premikajo */
.home #storitve .card:hover,
body.home #storitve .card:hover{
    transform:none !important;
    border-color:transparent !important;
    outline:none !important;
    box-shadow:none !important;
}

/* 3D TISK – SVETLI razdelek */
.home #3dtisk,
.home #3dtisk .wrap,
.home #3dtisk .petek-3d-row,
.home #3dtisk .petek-3d-text,
.home #3dtisk .petek-3d-image,
body.home #3dtisk,
body.home #3dtisk .wrap,
body.home #3dtisk .petek-3d-row,
body.home #3dtisk .petek-3d-text,
body.home #3dtisk .petek-3d-image{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
}

.home section#3dtisk[data-petek-layout="3d"],
body.home section#3dtisk[data-petek-layout="3d"]{
    color:#071720 !important;
}

.home section#3dtisk[data-petek-layout="3d"] h2,
.home section#3dtisk[data-petek-layout="3d"] p,
.home section#3dtisk[data-petek-layout="3d"] .check,
body.home section#3dtisk[data-petek-layout="3d"] h2,
body.home section#3dtisk[data-petek-layout="3d"] p,
body.home section#3dtisk[data-petek-layout="3d"] .check{
    color:#071720 !important;
}

.home section#3dtisk[data-petek-layout="3d"] .eyebrow,
.home section#3dtisk[data-petek-layout="3d"] h2 .green,
body.home section#3dtisk[data-petek-layout="3d"] .eyebrow,
body.home section#3dtisk[data-petek-layout="3d"] h2 .green{
    color:#75b82a !important;
}

/* PRODAJA – manjše ikone */
.home section[data-petek-layout="sales"] .sales-points .sales-icon,
body.home section[data-petek-layout="sales"] .sales-points .sales-icon{
    display:block !important;
    font-size:40px !important;
    line-height:1 !important;
    height:auto !important;
    width:auto !important;
    margin:0 0 12px 0 !important;
}

/* DELO OD DOMA / NUDIM – TEMNI razdelek */
.home #delo-od-doma,
body.home #delo-od-doma{
    background:#071720 !important;
    color:#ffffff !important;
}

.home section[data-petek-layout="homework"] .home-work-copy > p,
body.home section[data-petek-layout="homework"] .home-work-copy > p{
    color:#c7d0d5 !important;
}

.home #delo-od-doma .eyebrow,
.home #delo-od-doma h2,
.home #delo-od-doma h3,
.home #delo-od-doma .home-work-points b,
body.home #delo-od-doma .eyebrow,
body.home #delo-od-doma h2,
body.home #delo-od-doma h3,
body.home #delo-od-doma .home-work-points b{
    color:#ffffff !important;
}

.home #delo-od-doma .home-work-points small,
body.home #delo-od-doma .home-work-points small{
    color:#b8c6d0 !important;
}

.home #delo-od-doma .btn.primary,
body.home #delo-od-doma .btn.primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:22px;
    padding:14px 24px;
    background:#62b832;
    color:#ffffff;
    border:1px solid #62b832;
    border-radius:10px;
    font-weight:900;
    text-decoration:none;
    transition:.2s ease;
}

.home #delo-od-doma .btn.primary:hover,
body.home #delo-od-doma .btn.primary:hover{
    background:#4f9f27;
    border-color:#4f9f27;
    transform:translateY(-2px);
}

/* FAQ in KONTAKT – današnji razmiki */
.home #faq,
body.home #faq{
    padding-top:55px !important;
    padding-bottom:55px !important;
}

.home #kontakt,
body.home #kontakt{
    padding-top:40px !important;
    padding-bottom:40px !important;
}

.home #kontakt .contact-copy,
.home #kontakt .contact-copy p,
.home #kontakt .contact-info,
.home #kontakt .contact-info p,
body.home #kontakt .contact-copy,
body.home #kontakt .contact-copy p,
body.home #kontakt .contact-info,
body.home #kontakt .contact-info p{
    color:#64747d !important;
}

.home #kontakt button[type="submit"],
.home #kontakt input[type="submit"],
.home #kontakt .btn.primary,
body.home #kontakt button[type="submit"],
body.home #kontakt input[type="submit"],
body.home #kontakt .btn.primary{
    background:#8bd12f !important;
    color:#071720 !important;
    border:0 !important;
    border-radius:8px !important;
    font-weight:700 !important;
}

/* Mobilni prikaz hero slike */
@media(max-width:1000px){
    .home .hero-grid,
    body.home .hero-grid{
        grid-template-columns:1fr;
        gap:0;
        padding:55px 0;
    }
    .home .hero-copy,
    body.home .hero-copy{
        padding:20px 0;
    }
}

@media(max-width:600px){
    .home .hero-photo,
    body.home .hero-photo{
        aspect-ratio:16 / 9;
    }
}
/* =========================================================
   GLAVNA STRAN – 3D TISK BELA PODLAGA
   ========================================================= */

body.home section#\33 dtisk,
body.home #\33 dtisk,
.home section#\33 dtisk,
.home #\33 dtisk {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #071720 !important;
}

body.home #\33 dtisk .wrap,
body.home #\33 dtisk .petek-3d-row,
body.home #\33 dtisk .petek-3d-text,
.home #\33 dtisk .wrap,
.home #\33 dtisk .petek-3d-row,
.home #\33 dtisk .petek-3d-text {
    background: transparent !important;
    background-image: none !important;
}

body.home #\33 dtisk h2,
body.home #\33 dtisk p,
body.home #\33 dtisk li,
body.home #\33 dtisk .check,
.home #\33 dtisk h2,
.home #\33 dtisk p,
.home #\33 dtisk li,
.home #\33 dtisk .check {
    color: #071720 !important;
}

body.home #\33 dtisk .eyebrow,
body.home #\33 dtisk h2 .green,
.home #\33 dtisk .eyebrow,
.home #\33 dtisk h2 .green {
    color: #75b82a !important;
}
/* DELO OD DOMA – temno besedilo v svetlih karticah */
body.home #delo-od-doma .home-work-points b,
body.home #delo-od-doma .home-work-points strong,
body.home #delo-od-doma .home-work-points small {
    color:#071720 !important;
}

body.home #delo-od-doma .home-work-points small {
    color:#64747d !important;
}
/* =========================================================
   PETEK – O MENI – KONČNI DIZAJN
   Samo stran O MENI
   ========================================================= */

/* Celotna sekcija brez zunanjega odmika */
.petek-about-page #omeni{
    padding:0 !important;
    margin:0 !important;
    background:#ffffff !important;
}

/* =========================================================
   ZGORNJI TEMNI DEL
   ========================================================= */

.petek-about-page #omeni .about-dark{
    width:100% !important;
    background:#071f29 !important;
    color:#ffffff !important;
    padding:64px 0 !important;
}

/* slika levo + besedilo desno */
.petek-about-page #omeni .about-dark .wrap.about{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:52px !important;
    align-items:center !important;
    background:transparent !important;
}

/* STARA SLIKA OSTANE */
.petek-about-page #omeni .about-tech-photo{
    width:100% !important;
    height:400px !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:20px !important;
    background:transparent !important;
    box-shadow:0 24px 55px rgba(0,0,0,.22) !important;
}

.petek-about-page #omeni .about-tech-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    margin:0 !important;
    padding:0 !important;
}

/* =========================================================
   BESEDILO DESNO
   ========================================================= */

.petek-about-page #omeni .about-copy{
    background:transparent !important;
    color:#ffffff !important;
}

.petek-about-page #omeni .about-copy .eyebrow{
    color:#79c832 !important;
    font-weight:800 !important;
}

.petek-about-page #omeni .about-copy h2{
    color:#ffffff !important;
    margin:8px 0 18px !important;
}

.petek-about-page #omeni .about-copy .lead,
.petek-about-page #omeni .about-copy p{
    color:#d2dde2 !important;
}

/* =========================================================
   15+ / 4 / 1:1
   ========================================================= */

.petek-about-page #omeni .stats{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:24px !important;
    margin-top:30px !important;
    background:transparent !important;
}

.petek-about-page #omeni .stat{
    background:transparent !important;
    border-left:2px solid #79c832 !important;
    padding-left:16px !important;
}

.petek-about-page #omeni .stat b{
    display:block !important;
    color:#ffffff !important;
    font-size:26px !important;
    line-height:1.1 !important;
}

.petek-about-page #omeni .stat small{
    display:block !important;
    color:#b8c6cc !important;
    margin-top:8px !important;
}

/* =========================================================
   SPODNJI BELI DEL
   ========================================================= */

.petek-about-page #omeni .about-details{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:22px !important;

    padding-top:52px !important;
    padding-bottom:60px !important;

    background:#ffffff !important;
}

/* TRI KARTICE */
.petek-about-page #omeni .about-detail{
    background:#ffffff !important;
    border:1px solid #e2e8eb !important;
    border-radius:16px !important;
    padding:28px 26px !important;

    box-shadow:0 10px 30px rgba(7,23,32,.07) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}

.petek-about-page #omeni .about-detail:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 15px 36px rgba(7,23,32,.11) !important;
}

/* zeleni mali naslovi */
.petek-about-page #omeni .about-detail .eyebrow{
    color:#70bd30 !important;
    font-weight:800 !important;
    margin-bottom:10px !important;
}

/* naslov kartice */
.petek-about-page #omeni .about-detail h3{
    color:#071720 !important;
    margin:0 0 14px !important;
}

/* tekst kartice */
.petek-about-page #omeni .about-detail p{
    color:#53616a !important;
    margin-bottom:0 !important;
}

/* =========================================================
   MOJ CILJ
   ========================================================= */

.petek-about-page #omeni .about-goal{
    grid-column:1 / -1 !important;

    margin-top:4px !important;

    background:#071f29 !important;
    color:#ffffff !important;

    border-radius:16px !important;
    padding:25px 30px !important;

    display:flex !important;
    align-items:center !important;
    gap:24px !important;

    box-shadow:0 12px 30px rgba(7,23,32,.12) !important;
}

.petek-about-page #omeni .about-goal span{
    flex:0 0 auto !important;

    background:#79c832 !important;
    color:#071720 !important;

    padding:9px 14px !important;
    border-radius:8px !important;

    font-weight:900 !important;
}

.petek-about-page #omeni .about-goal strong{
    color:#ffffff !important;
}

/* =========================================================
   MOBILNI PRIKAZ
   ========================================================= */

@media(max-width:800px){

    .petek-about-page #omeni .about-dark{
        padding:42px 0 !important;
    }

    .petek-about-page #omeni .about-dark .wrap.about{
        grid-template-columns:1fr !important;
        gap:32px !important;
    }

    .petek-about-page #omeni .about-tech-photo{
        height:300px !important;
    }

    .petek-about-page #omeni .stats{
        gap:12px !important;
    }

    .petek-about-page #omeni .about-details{
        grid-template-columns:1fr !important;
        padding-top:35px !important;
        padding-bottom:40px !important;
    }

    .petek-about-page #omeni .about-goal{
        grid-column:1 !important;
        flex-direction:column !important;
        align-items:flex-start !important;
    }
}
/* O MENI – odstranitev belega roba okoli slike */
.petek-about-page #omeni .about-tech-photo {
    background: transparent !important;
    padding: 0 !important;
}

.petek-about-page #omeni .about-tech-photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
}
/* =========================================
   O MENI – SLIKA BREZ BELEGA ROBA
   ========================================= */

.petek-about-page #omeni .about-tech-photo {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    height: 340px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
}

.petek-about-page #omeni .about-tech-photo img {
    display: block !important;
    width: 100% !important;
    height: 340px !important;
    min-height: 340px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    border-radius: 18px !important;
}
/* O MENI – KONČNO ODSTRANI BELI ROB SLIKE */

.petek-about-page #omeni figure,
.petek-about-page #omeni .about-tech-photo,
.petek-about-page #omeni .about-tech-photo picture {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.petek-about-page #omeni .about-tech-photo img {
    display: block !important;
    width: 100% !important;
    height: 340px !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
}
/* ==================================================
   O MENI – SLIKA KONČNI POPRAVEK
   samo stran O MENI
   ================================================== */

.petek-about-page #omeni .about-img.about-tech-photo {
    width: 100% !important;
    height: 340px !important;
    min-height: 340px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    overflow: hidden !important;
    border-radius: 18px !important;

    line-height: 0 !important;
}

.petek-about-page #omeni .about-img.about-tech-photo > img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    border: 0 !important;
    border-radius: 0 !important;
}
/* =========================================================
   REFERENCE – KONČNA IZOLIRANA POSTAVITEV
   vpliva SAMO na .petek-reference-page
   ========================================================= */


/* ---------- UVODNI TEMNI DEL ---------- */

.petek-reference-page .reference-hero {
    background: #071f29 !important;
    color: #ffffff !important;
    padding: 70px 0 64px !important;
}

.petek-reference-page .reference-hero .wrap {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

.petek-reference-page .reference-hero .eyebrow {
    color: #82bd2f !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    margin-bottom: 12px !important;
}

.petek-reference-page .reference-hero h1 {
    color: #ffffff !important;
    font-size: 42px !important;
    line-height: 1.12 !important;
    max-width: 760px !important;
    margin: 0 0 20px !important;
}

.petek-reference-page .reference-intro {
    color: #d5dfe3 !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    max-width: 760px !important;
    margin: 0 !important;
}


/* ---------- SVETLI DEL S PROJEKTI ---------- */

.petek-reference-page .reference-projects {
    background: #ffffff !important;
    padding: 70px 0 !important;
}

.petek-reference-page .reference-projects .wrap {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

.petek-reference-page .reference-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
}


/* ---------- POSAMEZNA KARTICA ---------- */

.petek-reference-page .reference-card {
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid #e2e6e8 !important;
    border-radius: 16px !important;
    padding: 32px !important;
    min-height: 245px !important;
    box-shadow: 0 8px 26px rgba(7, 31, 41, 0.06) !important;
}

.petek-reference-page .reference-icon {
    width: 58px !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f6 !important;
    border-radius: 12px !important;
    font-size: 27px !important;
    margin-bottom: 24px !important;
}

.petek-reference-page .reference-number {
    position: absolute !important;
    top: 30px !important;
    right: 32px !important;
    color: #82bd2f !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

.petek-reference-page .reference-card h2 {
    color: #071720 !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    margin: 0 0 12px !important;
}

.petek-reference-page .reference-card p {
    color: #53616a !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}


/* ---------- SPODNJI TEMNI POZIV ---------- */

.petek-reference-page .reference-cta {
    background: #ffffff !important;
    padding: 0 0 70px !important;
}

.petek-reference-page .reference-cta .wrap {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

.petek-reference-page .reference-cta-box {
    background: #071f29 !important;
    border-radius: 16px !important;
    padding: 34px 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 35px !important;

    box-shadow: 0 10px 30px rgba(7, 31, 41, 0.10) !important;
}

.petek-reference-page .reference-cta-box .eyebrow {
    color: #82bd2f !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.7px !important;
    margin-bottom: 7px !important;
}

.petek-reference-page .reference-cta-box h2 {
    color: #ffffff !important;
    font-size: 25px !important;
    margin: 0 0 7px !important;
}

.petek-reference-page .reference-cta-box p {
    color: #d5dfe3 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}


/* ---------- ZELEN GUMB ---------- */

.petek-reference-page .reference-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #82bd2f !important;
    color: #071720 !important;

    padding: 15px 22px !important;
    border-radius: 9px !important;

    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    transition: transform .2s ease, opacity .2s ease !important;
}

.petek-reference-page .reference-button:hover {
    transform: translateY(-2px) !important;
    opacity: .92 !important;
}


/* =========================================================
   REFERENCE – MOBILNI PRIKAZ
   ========================================================= */

@media (max-width: 800px) {

    .petek-reference-page .reference-hero {
        padding: 48px 22px !important;
    }

    .petek-reference-page .reference-hero h1 {
        font-size: 32px !important;
    }

    .petek-reference-page .reference-projects {
        padding: 45px 22px !important;
    }

    .petek-reference-page .reference-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .petek-reference-page .reference-card {
        min-height: 0 !important;
        padding: 26px !important;
    }

    .petek-reference-page .reference-cta {
        padding: 0 22px 50px !important;
    }

    .petek-reference-page .reference-cta-box {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 28px !important;
    }

    .petek-reference-page .reference-button {
        width: 100% !important;
    }
}
/* =========================================================
   PETEK – SERVIS RAČUNALNIKOV – KONČNI DIZAJN
   Samo .petek-servis-page
   ========================================================= */

.petek-servis-page{
    background:#fff !important;
}

/* =========================
   HERO – TEMNI DEL
   ========================= */

.petek-servis-page .servis-hero{
    background:#071f29 !important;
    color:#fff !important;
    padding:64px 0 !important;
}

.petek-servis-page .servis-hero-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:52px !important;
    align-items:center !important;
}

.petek-servis-page .servis-hero-copy .eyebrow{
    color:#82bd2f !important;
    font-weight:800 !important;
    letter-spacing:1.5px !important;
}

.petek-servis-page .servis-hero-copy h1{
    color:#fff !important;
    font-size:46px !important;
    line-height:1.08 !important;
    margin:10px 0 18px !important;
}

.petek-servis-page .servis-hero-copy h1 span{
    color:#82bd2f !important;
}

.petek-servis-page .servis-hero-copy p{
    color:#d2dde2 !important;
    font-size:17px !important;
    line-height:1.7 !important;
    max-width:600px !important;
}

.petek-servis-page .servis-hero-photo{
    height:360px !important;
    overflow:hidden !important;
    border-radius:20px !important;
    background:#061820 !important;
    box-shadow:0 24px 55px rgba(0,0,0,.22) !important;
}

.petek-servis-page .servis-hero-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}


/* =========================
   ZELENI GUMBI
   ========================= */

.petek-servis-page .servis-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-top:22px !important;
    padding:14px 22px !important;

    background:#82bd2f !important;
    color:#071720 !important;

    border-radius:9px !important;
    text-decoration:none !important;
    font-weight:800 !important;

    transition:transform .2s ease, opacity .2s ease !important;
}

.petek-servis-page .servis-button:hover{
    transform:translateY(-2px) !important;
    opacity:.92 !important;
}


/* =========================
   STORITVE – BELI DEL
   ========================= */

.petek-servis-page .servis-services{
    background:#fff !important;
    padding:65px 0 70px !important;
}

.petek-servis-page .servis-heading{
    text-align:center !important;
    max-width:820px !important;
    margin:0 auto 38px !important;
}

.petek-servis-page .servis-heading .eyebrow{
    color:#82bd2f !important;
    font-weight:800 !important;
    letter-spacing:1.5px !important;
}

.petek-servis-page .servis-heading h2{
    color:#071720 !important;
    margin:8px 0 12px !important;
}

.petek-servis-page .servis-heading p{
    color:#64747d !important;
    line-height:1.65 !important;
}

.petek-servis-page .servis-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:22px !important;
}

.petek-servis-page .servis-card{
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid #e2e7e9 !important;
    border-radius:16px !important;
    box-shadow:0 8px 26px rgba(7,31,41,.06) !important;
}

.petek-servis-page .servis-card img{
    display:block !important;
    width:100% !important;
    height:190px !important;
    object-fit:cover !important;
}

.petek-servis-page .servis-card-copy{
    padding:22px 22px 24px !important;
}

.petek-servis-page .servis-card h3{
    color:#071720 !important;
    font-size:19px !important;
    margin:0 0 10px !important;
}

.petek-servis-page .servis-card p{
    color:#64747d !important;
    font-size:14px !important;
    line-height:1.6 !important;
    margin:0 !important;
}


/* =========================
   OPREMA – TEMNI DEL
   ========================= */

.petek-servis-page .servis-equipment{
    background:#071f29 !important;
    color:#fff !important;
    padding:60px 0 !important;
}

.petek-servis-page .servis-equipment-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:55px !important;
    align-items:center !important;
}

.petek-servis-page .servis-equipment .eyebrow{
    color:#82bd2f !important;
    font-weight:800 !important;
}

.petek-servis-page .servis-equipment h2{
    color:#fff !important;
    margin:8px 0 15px !important;
}

.petek-servis-page .servis-equipment p{
    color:#cbd6db !important;
    line-height:1.65 !important;
}

.petek-servis-page .servis-tags{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

.petek-servis-page .servis-tags span{
    background:#fff !important;
    color:#071720 !important;
    border-radius:9px !important;
    padding:11px 14px !important;
    font-size:14px !important;
    font-weight:700 !important;
}


/* =========================
   POSTOPEK – BELI DEL
   ========================= */

.petek-servis-page .servis-process{
    background:#fff !important;
    padding:65px 0 !important;
}

.petek-servis-page .servis-steps{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:20px !important;
}

.petek-servis-page .servis-step{
    background:#fff !important;
    border:1px solid #e2e7e9 !important;
    border-radius:16px !important;
    padding:26px !important;
    box-shadow:0 8px 24px rgba(7,31,41,.05) !important;
}

.petek-servis-page .servis-step b{
    display:block !important;
    color:#82bd2f !important;
    font-size:15px !important;
    margin-bottom:14px !important;
}

.petek-servis-page .servis-step h3{
    color:#071720 !important;
    margin:0 0 10px !important;
}

.petek-servis-page .servis-step p{
    color:#64747d !important;
    line-height:1.55 !important;
    margin:0 !important;
}


/* =========================
   POVPRAŠEVANJE
   ========================= */

.petek-servis-page .servis-cta{
    background:#fff !important;
    padding:0 0 70px !important;
}

.petek-servis-page .servis-cta-box{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:35px !important;

    background:#071f29 !important;
    color:#fff !important;

    border-radius:16px !important;
    padding:32px 36px !important;

    box-shadow:0 12px 30px rgba(7,31,41,.12) !important;
}

.petek-servis-page .servis-cta .eyebrow{
    color:#82bd2f !important;
    font-weight:800 !important;
}

.petek-servis-page .servis-cta h2{
    color:#fff !important;
    margin:7px 0 8px !important;
}

.petek-servis-page .servis-cta p{
    color:#d2dde2 !important;
    margin:0 !important;
    max-width:720px !important;
    line-height:1.6 !important;
}

.petek-servis-page .servis-cta .servis-button{
    margin-top:0 !important;
    white-space:nowrap !important;
}


/* =========================
   MOBILNI PRIKAZ
   ========================= */

@media(max-width:900px){

    .petek-servis-page .servis-hero-grid,
    .petek-servis-page .servis-equipment-grid{
        grid-template-columns:1fr !important;
        gap:32px !important;
    }

    .petek-servis-page .servis-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .petek-servis-page .servis-steps{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

@media(max-width:600px){

    .petek-servis-page .servis-hero{
        padding:42px 0 !important;
    }

    .petek-servis-page .servis-hero-copy h1{
        font-size:34px !important;
    }

    .petek-servis-page .servis-hero-photo{
        height:270px !important;
    }

    .petek-servis-page .servis-grid,
    .petek-servis-page .servis-steps{
        grid-template-columns:1fr !important;
    }

    .petek-servis-page .servis-cta-box{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .petek-servis-page .servis-cta .servis-button{
        width:100% !important;
    }
}
/* SERVIS – odstrani bel rob pod glavno HERO sliko */
.petek-servis-page .servis-hero-photo{
    background:#071f29 !important;
    line-height:0 !important;
}

.petek-servis-page .servis-hero-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}
/* SERVIS – odreži beli rob glavne slike */
.petek-servis-page .servis-hero-photo {
    overflow: hidden !important;
    border-radius: 18px !important;
}

.petek-servis-page .servis-hero-photo img {
    display: block !important;
    width: 100% !important;
    height: calc(100% + 12px) !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 0 -12px 0 !important;
}