:root{--konfo-ink:#263238;--konfo-accent:#43aec7;--konfo-line:#e5ecef;--konfo-soft:#f5f8f9}
#sm-top,#main-nav,#main-nav.affix,#main-nav.affix-top,#main-nav.affix-static,.js-ready #main-nav,#main-nav>.container-xxl,#main-nav .row-backgroud-hd-remove,#main-nav .hd-menu,#main-menu-container,.hd-container-logo{background:#fff!important}
#main-nav{border-bottom:1px solid var(--konfo-line);box-shadow:0 6px 20px rgba(38,50,56,.08)}
#main-menu>li>a,#main-menu>li>a span,#main-menu ul li>a,#main-menu ul li>a span{color:var(--konfo-ink)!important}
#main-menu li:hover>a,#main-menu li:hover>a span,#main-menu a.current,#main-menu a.current span{color:var(--konfo-accent)!important}
#main-menu .sub-arrow{border-top-color:var(--konfo-accent)!important}
#main-menu ul{background:#fff!important;border:1px solid var(--konfo-line)!important;box-shadow:0 12px 30px rgba(38,50,56,.12)!important}
#nav-open-btn>div{background:var(--konfo-ink)!important}
.catalog-page{padding-top:64px;padding-bottom:72px;color:var(--konfo-ink)}
.catalog-heading{display:grid;grid-template-columns:minmax(240px,38%) 1fr;gap:44px;align-items:center;margin-bottom:48px}
.catalog-cover{width:100%;max-height:360px;object-fit:contain;background:var(--konfo-soft);border:1px solid var(--konfo-line);border-radius:16px;padding:20px}
.catalog-kicker,.catalog-category-link{display:inline-block;color:var(--konfo-accent)!important;font-weight:700;letter-spacing:.04em;margin-bottom:10px}
.catalog-heading h1,.catalog-product-info h1{color:var(--konfo-ink);font-size:clamp(30px,4vw,52px);line-height:1.12;margin:0 0 20px}
.catalog-description{font-size:17px;line-height:1.75;color:#48565c}.catalog-description img{max-width:100%;height:auto}
.catalog-section-title{color:var(--konfo-ink);font-size:28px;margin:44px 0 24px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalog-card{border:1px solid var(--konfo-line);border-radius:14px;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease}
.catalog-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(38,50,56,.12)}
.catalog-card a{display:block;text-decoration:none!important}.catalog-card img,.catalog-placeholder{display:flex;width:100%;height:220px;object-fit:contain;align-items:center;justify-content:center;background:var(--konfo-soft);color:#7b898f}
.catalog-card h2{font-size:18px;color:var(--konfo-ink);margin:0;padding:18px 20px}
.catalog-empty{padding:24px;background:var(--konfo-soft);border-radius:12px}
.catalog-product-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:52px;align-items:start}
.catalog-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.catalog-gallery-item{border:1px solid var(--konfo-line);border-radius:14px;background:#fff;padding:14px;cursor:default}
.catalog-gallery-item:first-child{grid-column:1/-1}.catalog-gallery-item img{display:block;width:100%;height:250px;object-fit:contain}.catalog-gallery-item:first-child img{height:420px}
.catalog-product-info{position:sticky;top:120px}.catalog-product-info .btn{margin-top:24px}
@media(max-width:991px){.catalog-heading,.catalog-product-layout{grid-template-columns:1fr;gap:28px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-product-info{position:static}.catalog-gallery-item:first-child img{height:320px}}
@media(max-width:575px){.catalog-page{padding-top:36px}.catalog-grid{grid-template-columns:1fr}.catalog-gallery{grid-template-columns:1fr}.catalog-gallery-item:first-child{grid-column:auto}.catalog-gallery-item img,.catalog-gallery-item:first-child img{height:260px}}

/* 2026 homepage and catalog refresh */
.konfo-hero{position:relative;height:clamp(560px,70vh,760px);overflow:hidden;background:#18262d}.konfo-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.konfo-hero-slide.is-active{opacity:1;visibility:visible;z-index:1}.konfo-hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.konfo-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,32,39,.9) 0%,rgba(18,32,39,.63) 36%,rgba(18,32,39,.08) 72%)}.konfo-copy-right .konfo-hero-overlay{background:linear-gradient(270deg,rgba(18,32,39,.9) 0%,rgba(18,32,39,.62) 36%,rgba(18,32,39,.08) 72%)}.konfo-hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}.konfo-copy-right .konfo-hero-content{align-items:flex-end;text-align:right}.konfo-hero-content>p,.konfo-section-head p,.konfo-support-copy>p,.konfo-hub-hero p,.konfo-support-hero p{margin:0 0 14px;color:#69c5d8;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800}.konfo-hero-content h1{max-width:690px;margin:0 0 22px;color:#fff;font-size:clamp(39px,5vw,70px);line-height:1.05;letter-spacing:-.035em;text-shadow:0 2px 18px rgba(0,0,0,.18)}.konfo-hero-content>div{max-width:620px;margin-bottom:30px;font-size:clamp(17px,1.55vw,22px);line-height:1.65;color:rgba(255,255,255,.9)}.konfo-button{display:inline-flex!important;align-items:center;gap:12px;padding:14px 22px;border-radius:7px;background:var(--konfo-accent);color:#fff!important;font-weight:700;text-decoration:none!important;box-shadow:0 10px 28px rgba(67,174,199,.24);transition:transform .2s ease,background .2s ease}.konfo-button:hover{transform:translateY(-2px);background:#2d98b1}.konfo-hero-dots{position:absolute;z-index:4;left:50%;bottom:28px;display:flex;gap:9px;transform:translateX(-50%)}.konfo-hero-dots button{width:10px;height:10px;padding:0;border:0;border-radius:20px;background:rgba(255,255,255,.5);cursor:pointer;transition:width .2s ease,background .2s ease}.konfo-hero-dots button.is-active{width:34px;background:#fff}
.konfo-search{position:relative;z-index:5;margin-top:-1px;background:var(--konfo-ink);color:#fff}.konfo-search>.container-xxl{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:46px;align-items:center;padding-top:31px;padding-bottom:31px}.konfo-search span{color:#98a7ad}.konfo-search h2{margin:5px 0 0;color:#fff;font-size:22px}.konfo-search form{display:flex;height:60px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.15)}.konfo-search input{flex:1;min-width:0;padding:0 22px;border:0;outline:0;font-size:16px;color:var(--konfo-ink)}.konfo-search button{display:flex;align-items:center;gap:9px;padding:0 24px;border:0;background:var(--konfo-accent);color:#fff;font-weight:700;cursor:pointer}
.konfo-section{padding:78px 0}.konfo-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.konfo-section-head h2{max-width:720px;margin:0;color:var(--konfo-ink);font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-.025em}.konfo-section-head>a{flex:none;color:var(--konfo-ink)!important;font-weight:700;text-decoration:none!important}.konfo-section-head>a i{margin-left:8px;color:var(--konfo-accent)}.konfo-categories{background:#fff}.konfo-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.konfo-category-card{min-width:0;border:1px solid var(--konfo-line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(38,50,56,.06);transition:transform .25s ease,box-shadow .25s ease}.konfo-category-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(38,50,56,.13)}.konfo-category-card>a{display:grid;grid-template-columns:42% 58%;min-height:180px;text-decoration:none!important}.konfo-category-card img,.konfo-category-card .konfo-card-placeholder{width:100%;height:100%;min-height:180px;object-fit:contain;background:#f3f7f8}.konfo-category-card>a>div{display:flex;flex-direction:column;justify-content:center;padding:22px}.konfo-category-card h3{margin:0 0 22px;color:var(--konfo-ink);font-size:19px;line-height:1.3}.konfo-category-card span{color:#718087;font-size:13px;font-weight:700}.konfo-category-card span i{margin-left:5px;color:var(--konfo-accent)}.konfo-card-placeholder{display:flex;align-items:center;justify-content:center;color:#9caeb5;font-size:40px}
.konfo-products{background:#f4f7f8}.konfo-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.konfo-product-card{min-width:0;border:1px solid var(--konfo-line);border-radius:14px;overflow:hidden;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.konfo-product-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(38,50,56,.12)}.konfo-product-card>a{display:block;height:100%;text-decoration:none!important}.konfo-product-card img,.konfo-product-card>a>.konfo-card-placeholder{display:flex;width:100%;height:230px;object-fit:contain;background:#fff;padding:18px;border-bottom:1px solid var(--konfo-line)}.konfo-product-card>a>div{padding:20px}.konfo-product-card span{color:var(--konfo-accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.konfo-product-card h3{min-height:48px;margin:8px 0 20px;color:var(--konfo-ink);font-size:17px;line-height:1.4}.konfo-product-card b{color:#718087;font-size:13px}.konfo-product-card b i{margin-left:6px;color:var(--konfo-accent)}
.konfo-support{padding:80px 0;background:linear-gradient(120deg,#1b2a31,#263d46);color:#fff}.konfo-support>.container-xxl{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}.konfo-support-copy h2{margin:0 0 20px;color:#fff;font-size:clamp(31px,3.4vw,48px);line-height:1.12}.konfo-support-copy>span{display:block;margin-bottom:28px;color:#cbd7db;font-size:17px;line-height:1.7}.konfo-support-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.konfo-support-links>a{display:flex;min-height:190px;flex-direction:column;justify-content:center;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.06);color:#fff!important;text-decoration:none!important;transition:background .2s ease,transform .2s ease}.konfo-support-links>a:hover{transform:translateY(-4px);background:rgba(67,174,199,.18)}.konfo-support-links>a>i{margin-bottom:21px;color:#69c5d8;font-size:31px}.konfo-support-links b{margin-bottom:8px;font-size:17px}.konfo-support-links span{color:#b9c7cc;font-size:13px;line-height:1.5}
.konfo-hub-hero{padding:90px 0 74px;background:linear-gradient(120deg,rgba(22,38,45,.96),rgba(33,65,75,.91)),url('/assets/uploads/konfotek-laboratuvar-analiz.webp') center/cover;color:#fff}.konfo-hub-hero h1,.konfo-support-hero h1{margin:0 0 18px;color:#fff;font-size:clamp(42px,5vw,67px);letter-spacing:-.035em}.konfo-hub-hero span,.konfo-support-hero span{display:block;max-width:720px;color:#d2dde0;font-size:18px;line-height:1.7}.konfo-hub-search{display:flex;align-items:center;max-width:760px;height:62px;margin-top:34px;padding:0 20px;border-radius:9px;background:#fff;color:#839399;box-shadow:0 13px 34px rgba(0,0,0,.2)}.konfo-hub-search input{flex:1;height:100%;padding:0 14px;border:0;outline:0;color:var(--konfo-ink);font-size:16px}.konfo-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.konfo-filter-empty{padding:25px;border-radius:10px;background:#f4f7f8;text-align:center}.konfo-category-card[hidden]{display:none}
.konfo-support-hero{padding:110px 0;background:linear-gradient(90deg,rgba(20,36,43,.94),rgba(20,36,43,.4)),url('/assets/uploads/konfotek-teknik-servis-kalibrasyon.webp') center/cover;color:#fff}.konfo-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.konfo-service-card{display:block;padding:38px;border:1px solid var(--konfo-line);border-radius:16px;background:#fff;color:var(--konfo-ink)!important;text-decoration:none!important;box-shadow:0 10px 34px rgba(38,50,56,.08);transition:transform .2s ease,box-shadow .2s ease}.konfo-service-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(38,50,56,.14)}.konfo-service-card>i{display:flex;width:64px;height:64px;align-items:center;justify-content:center;margin-bottom:25px;border-radius:12px;background:#eaf7fa;color:var(--konfo-accent);font-size:29px}.konfo-service-card h2{color:var(--konfo-ink);font-size:25px}.konfo-service-card p{min-height:48px;color:#66777e;line-height:1.6}.konfo-service-card span{color:var(--konfo-accent);font-weight:700}.konfo-service-detail{padding:100px 0;background:linear-gradient(135deg,#f4f8f9,#fff)}.konfo-service-detail>.container-xxl{display:grid;grid-template-columns:1fr 330px;gap:80px;align-items:center}.konfo-service-detail-copy>a:first-child{color:var(--konfo-accent);font-weight:700}.konfo-service-detail h1{margin:10px 0 20px;color:var(--konfo-ink);font-size:clamp(39px,5vw,62px)}.konfo-service-detail p{max-width:760px;color:#586970;font-size:18px;line-height:1.75}.konfo-service-detail ul{margin:26px 0 34px;padding:0;list-style:none}.konfo-service-detail li{margin:12px 0;color:#394a51;font-size:16px}.konfo-service-detail li i{margin-right:12px;color:var(--konfo-accent)}.konfo-service-detail-icon{display:flex;width:280px;height:280px;align-items:center;justify-content:center;border-radius:50%;background:#e6f5f8;color:var(--konfo-accent);font-size:94px;box-shadow:inset 0 0 0 24px rgba(255,255,255,.55)}
@media(max-width:1199px){.konfo-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.konfo-support>.container-xxl{grid-template-columns:1fr;gap:42px}.konfo-service-detail>.container-xxl{grid-template-columns:1fr 230px;gap:40px}.konfo-service-detail-icon{width:220px;height:220px}}
@media(max-width:991px){.konfo-hero{height:610px}.konfo-hero-overlay,.konfo-copy-right .konfo-hero-overlay{background:linear-gradient(90deg,rgba(18,32,39,.88),rgba(18,32,39,.45))}.konfo-copy-right .konfo-hero-content{align-items:flex-start;text-align:left}.konfo-search>.container-xxl{grid-template-columns:1fr;gap:20px}.konfo-category-grid,.konfo-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.konfo-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.konfo-service-grid{grid-template-columns:1fr}.konfo-service-card p{min-height:0}.konfo-service-detail>.container-xxl{grid-template-columns:1fr}.konfo-service-detail-icon{display:none}}
@media(max-width:767px){.konfo-hero{height:560px}.konfo-hero-content{padding:40px 22px 64px}.konfo-hero-content h1{font-size:39px}.konfo-search>.container-xxl,.konfo-section,.konfo-support{padding-left:20px;padding-right:20px}.konfo-section{padding-top:56px;padding-bottom:56px}.konfo-section-head{align-items:flex-start;flex-direction:column}.konfo-category-grid,.konfo-hub-grid,.konfo-product-grid{grid-template-columns:1fr}.konfo-category-card>a{grid-template-columns:38% 62%}.konfo-support-links{grid-template-columns:1fr}.konfo-support-links>a{min-height:130px}.konfo-hub-hero,.konfo-support-hero{padding:70px 20px}.konfo-service-detail{padding:70px 20px}}
@media(max-width:480px){.konfo-search form{height:56px}.konfo-search button span{display:none}.konfo-category-card>a{grid-template-columns:34% 66%}.konfo-category-card h3{font-size:16px}.konfo-product-card img,.konfo-product-card>a>.konfo-card-placeholder{height:250px}}
@media(prefers-reduced-motion:reduce){.konfo-hero-slide,.konfo-category-card,.konfo-product-card,.konfo-button{transition:none}}