/* ========================================================================== MULTIPRINT MASTER TOKENS ========================================================================== */
:root{--mp-brand-green:#007AFA;--mp-brand-green-dark:#0007C4;--mp-brand-green-light:#73B5FF;--mp-brand-green-soft:#EAF4FF;--mp-brand-deep:#0A1026;--mp-brand-black:#090B12;--mp-brand-brown:#0007C4;--mp-brand-green-rgb:183,213,50;--mp-brand-green-light-rgb:216,234,99;--mp-brand-brown-rgb:125,132,49;--mp-ui-white:#fff;--mp-ui-ink:#101523;--mp-ui-text:#61685B;--mp-ui-line:#DCE6F2;--mp-ui-soft:#F7FAFE;--mph-panel:rgba(5,13,24,.82);--mph-panel-soft:rgba(9,20,34,.78);--mph-line:rgba(var(--mp-brand-green-light-rgb),.22);--mph-text:#F7FAFE;--mph-muted:#A7B09F;--mph-blue:var(--mp-brand-green);--mph-cyan:var(--mp-brand-green-light)}
.mp-header-wrap{position:relative;z-index:1200;width:100%;padding:0;margin:0;background:#fff;border-bottom:1px solid rgba(148,163,184,.16);box-shadow:0 6px 20px rgba(15,23,42,.06)}
.mp-header-shell{width:100%;margin:0}
.mp-topline{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px max(20px,calc((100vw - 1320px)/2));border:0;border-radius:0;background:var(--mp-brand-deep);color:rgba(255,255,255,.90);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.mp-topline-left, .mp-topline-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.mp-topline-item, .mp-topline a{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.88);text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.mp-topline i{color:var(--mp-brand-green-light);font-size:12px}
.mp-topline-b2b{padding:6px 10px;border-radius:999px;border:1px solid rgba(var(--mp-brand-green-light-rgb),.34);background:rgba(var(--mp-brand-green-rgb),.10)}
.mp-mainbar{position:relative;margin:0;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(20px,calc((100vw - 1320px)/2));border-radius:0;background:#ffffff;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.mp-mainbar::before{display:none}
.mp-mainbar-spacer{display:none;height:0}
.mp-mainbar.is-fixed{position:fixed;top:0;left:0;right:0;transform:none;width:100%;z-index:1250;margin:0;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(148,163,184,.16);box-shadow:0 8px 26px rgba(15,23,42,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mp-mainbar-spacer.is-active{display:block}
.mp-brand-v2{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}
.mp-brand-v2 img{display:block;height:44px;width:auto;filter:none}
.mp-desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex:1;min-width:0}
.mp-nav-item{position:relative}
.mp-nav-main{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:0;border-radius:14px;background:transparent;color:#334155;text-decoration:none;font-size:13px;font-weight:850;line-height:1;white-space:nowrap;cursor:pointer;transition:.18s ease}
.mp-nav-main i{color:#8a99ad;font-size:13px}
.mp-nav-main:hover, .mp-nav-main.active, .mp-nav-item:hover > .mp-nav-main, .mp-nav-item.open > .mp-nav-main{color:#101523;background:rgba(var(--mp-brand-green-rgb),.075);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.mp-nav-main:hover i, .mp-nav-main.active i, .mp-nav-item:hover > .mp-nav-main i, .mp-nav-item.open > .mp-nav-main i{color:#0007C4}
.mp-nav-main.is-shop{background:var(--mp-brand-brown);color:#fff;border:1px solid rgba(255,255,255,.08);padding:0 16px}
.mp-nav-main.is-shop:hover, .mp-nav-main.is-shop.active{background:#7F542A;color:#fff;border-color:#6F4824;box-shadow:0 0 24px rgba(var(--mp-brand-green-rgb),.24)}
.mp-nav-main.is-shop i{color:#fff}
.mp-shop-cart{position:relative;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;margin-left:2px;border-radius:14px;color:var(--mp-brand-green);text-decoration:none;background:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 26px rgba(0,0,0,.18),0 0 22px rgba(var(--mp-brand-green-rgb),.10)}
.mp-shop-cart-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:2px solid var(--mp-brand-deep);border-radius:999px;background:var(--mp-brand-green);color:#fff;font-size:9px;font-weight:950}
.mp-shop-cart-count.is-empty{display:none}
.mp-menu-btn{display:none;width:76px;height:42px;padding:4px 5px 4px 10px;border:1px solid #D4E4F7;border-radius:999px;align-items:center;justify-content:space-between;gap:7px;background:linear-gradient(180deg,#F3F8FE,var(--mp-brand-green-soft));color:#0007C4;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 18px rgba(15,23,42,.06);cursor:pointer;transition:.2s ease}
.mp-menu-btn-label{font-size:8px;line-height:1;font-weight:950;letter-spacing:.10em;text-transform:uppercase;color:#40516B}
.mp-menu-btn-knob{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--mp-brand-green);border:1px solid rgba(var(--mp-brand-green-rgb),.12);box-shadow:0 4px 12px rgba(15,23,42,.10),inset 0 1px 0 #fff;transition:.2s ease}
.mp-menu-btn-knob i{font-size:13px}
.mp-menu-btn:hover{border-color:#B8D0F0;background:linear-gradient(180deg,#EDF5FE,#E4EFFC)}
.mp-menu-btn:hover .mp-menu-btn-knob{color:#0007C4;transform:translateX(-1px)}
.mp-menu-btn:focus-visible{outline:2px solid rgba(var(--mp-brand-green-rgb),.42);outline-offset:3px}
.mp-mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);z-index:1300;width:min(920px,calc(100vw - 32px));padding:14px;border-radius:24px;border:1px solid rgba(148,163,184,.18);background:#ffffff;box-shadow:0 28px 70px rgba(15,23,42,.16),0 8px 28px rgba(var(--mp-brand-green-rgb),.06);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.mp-nav-item.open > .mp-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mp-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mp-services-mega{width:min(1040px,calc(100vw - 32px))}
.mp-service-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mp-service-group{padding:9px;border-radius:17px;background:#ffffff;border:1px solid #E5ECF5}
.mp-service-group-title{display:flex;align-items:center;gap:8px;padding:4px 6px 9px;color:#5B6474;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.mp-service-group-title i{color:#4A94F8}
.mp-mega-card{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;min-height:58px;padding:9px;border-radius:14px;color:#101523;text-decoration:none;transition:.18s ease}
.mp-mega-card:hover{color:#101523;background:#F3F8FE;box-shadow:inset 0 0 0 1px rgba(var(--mp-brand-green-rgb),.08)}
.mp-mega-ico{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--mp-brand-green-soft);color:var(--mp-brand-green)}
.mp-mega-card strong{display:block;font-size:12px;font-weight:900;line-height:1.15}
.mp-mega-card span span{display:block;margin-top:3px;color:#748095;font-size:10px;line-height:1.3}
.mp-mega-card.is-highlight{background:#F3F8FE;box-shadow:inset 0 0 0 1px rgba(var(--mp-brand-green-rgb),.08)}
.mp-mobile-panel{position:fixed;inset:0;z-index:2000;display:none}
.mp-mobile-panel.open{display:block}
.mp-mobile-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.36);backdrop-filter:blur(8px)}
.mp-mobile-sheet{position:absolute;top:10px;left:10px;right:10px;max-height:calc(100vh - 20px);overflow:auto;border-radius:24px;padding:12px;background:rgba(255,255,255,.98);border:1px solid rgba(148,163,184,.18);box-shadow:0 28px 70px rgba(15,23,42,.16)}
.mp-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 12px;border-bottom:1px solid #E5ECF5;margin-bottom:12px}
.mp-mobile-head img{height:38px;width:auto;filter:brightness(0) invert(1)}
.mp-mobile-close{width:44px;height:44px;border:0;border-radius:14px;background:#F0F4EC;color:#101523;font-size:22px}
.mp-mobile-mainnav{display:flex;flex-direction:column;gap:8px}
.mp-mobile-simple, .mp-mobile-section{border:1px solid #DCE6F2;border-radius:16px;background:#F8FAF5}
.mp-mobile-simple{min-height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#101523;text-decoration:none;font-weight:900}
.mp-mobile-simple i{color:#4A94F8}
.mp-mobile-section{overflow:hidden}
.mp-mobile-section summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px;color:#101523;font-weight:900}
.mp-mobile-section summary::-webkit-details-marker{display:none}
.mp-mobile-section summary span{display:flex;align-items:center;gap:10px}
.mp-mobile-section summary i:first-child{color:#4A94F8}
.mp-mobile-links{display:grid;gap:4px;padding:0 8px 8px}
.mp-mobile-link{min-height:44px;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;color:#45546B;text-decoration:none;background:#F8FAF5;font-size:13px;font-weight:800}
.mp-mobile-link i{width:20px;color:#748095}
.mp-mobile-shop{background:var(--mp-brand-brown);border-color:#7F542A}
.mp-mobile-shop i{color:#fff}
.mp-mobile-utility{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.mp-mobile-call-bottom{margin-top:12px;display:flex;align-items:center;gap:12px;padding:13px;border-radius:16px;background:#F8FAF5;color:#101523;text-decoration:none;border:1px solid #DCE6F2}
.mp-mobile-call-bottom i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--mp-brand-green-soft);color:var(--mp-brand-green)}
.mp-mobile-call-bottom span{display:flex;flex-direction:column;line-height:1.08}
.mp-mobile-call-bottom small{color:#748095;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.mp-mobile-call-bottom strong{margin-top:3px;color:#101523;font-size:16px}
@media (max-width:1180px){
  .mp-nav-main{padding:0 10px;font-size:12px}
}
@media (max-width:991.98px){
  .mp-header-wrap{padding:0}
  .mp-topline{display:none}
  .mp-mainbar{min-height:66px;margin:0;padding:8px 14px;border-radius:0}
  .mp-desktop-nav{display:none}
  .mp-menu-btn{display:inline-flex}
  .mp-brand-v2 img{height:38px}
}
@media (max-width:575.98px){
  .mp-header-shell{width:100%}
  .mp-mainbar.is-fixed{width:100%;top:0}
  .mp-mainbar{min-height:60px;padding-left:10px;padding-right:10px}
  .mp-brand-v2 img{height:34px}
  .mp-menu-btn{width:72px;height:40px;padding:4px 5px 4px 9px}
  .mp-menu-btn-knob{width:30px;height:30px;flex-basis:30px}
}
:root{--mph-bg:var(--mp-brand-deep);--mph-panel:rgba(38,51,33,.88);--mph-panel-soft:rgba(63,109,43,.12);--mph-line:rgba(var(--mp-brand-green-light-rgb),.22);--mph-text:#F7FAFE;--mph-muted:#a7b09f;--mph-blue:var(--mp-brand-green);--mph-cyan:var(--mp-brand-green-light)}

.mp-topline-b2b{border-color:rgba(var(--mp-brand-green-light-rgb),.34)!important;background:rgba(var(--mp-brand-green-rgb),.13)!important}

.mp-nav-main.is-shop{background:var(--mp-brand-brown)!important;color:#fff!important}
.mp-nav-main.is-shop:hover, .mp-nav-main.is-shop.active{background:#7F542A!important;border-color:#6F4824!important;box-shadow:0 0 24px rgba(var(--mp-brand-brown-rgb),.18)!important}

.mp-shop-cart-count{border-color:var(--mp-brand-deep)!important;background:var(--mp-brand-green)!important}
.mp-menu-btn{border-color:#D4E4F7!important;background:linear-gradient(180deg,#F3F8FE,var(--mp-brand-green-soft))!important;color:#0007C4!important}

.mp-menu-btn:hover{border-color:#B8D0F0!important;background:linear-gradient(180deg,#EDF5FE,#E4EFFC)!important}
.mp-menu-btn:hover .mp-menu-btn-knob{color:#0007C4!important}
.mp-menu-btn:focus-visible{outline-color:rgba(var(--mp-brand-green-rgb),.42)!important}

.mp-mega-card:hover{background:#F3F8FE!important;box-shadow:inset 0 0 0 1px rgba(var(--mp-brand-green-rgb),.08)!important}

.mp-mega-card.is-highlight{background:#F3F8FE!important;box-shadow:inset 0 0 0 1px rgba(var(--mp-brand-green-rgb),.08)!important}
@media (max-width:991.98px){

  .mp-mobile-shop{background:var(--mp-brand-brown)!important;border-color:#7F542A!important;color:#fff!important}

}
/* ========================================================================== FINAL HEADER BRAND TUNE Glavna zelena svuda: var(--mp-brand-green) ========================================================================== */
:root{--mph-bg:var(--mp-brand-green)!important;--mph-blue:var(--mp-brand-green)!important;--mph-cyan:var(--mp-brand-green-light)!important}
.mp-topline{background:var(--mp-brand-green)!important;color:#fff!important}
.mp-topline i{color:#DDF3C7!important}
.mp-topline-b2b{border-color:rgba(255,255,255,.30)!important;background:rgba(255,255,255,.09)!important}
.mp-topline-b2b:hover{background:rgba(255,255,255,.15)!important}
@media (max-width:991.98px){
}
@media (min-width:992px){
  .mp-mega strong{color:#101523!important}
  .mp-mega span span{color:#748095!important}
  .mp-service-group-title{color:#5B6474!important}

  .mp-mega-card:hover{background:#F3F8FE!important;color:#101523!important}
}
@media (max-width:991.98px){
  .mp-mobile-sheet{background:rgba(255,255,255,.98)!important;color:#101523!important}
  .mp-mobile-head{border-bottom-color:#E5ECF5!important}
  .mp-mobile-head img{filter:none!important}
  .mp-mobile-simple, .mp-mobile-section{background:#fff!important;border-color:#DCE6F2!important;color:#101523!important}
  .mp-mobile-section summary{color:#101523!important}
  .mp-mobile-link{background:#F8FAF5!important;color:#45546B!important}
  .mp-mobile-link i, .mp-mobile-simple i, .mp-mobile-section summary i:first-child{color:var(--mp-brand-green)!important}
  .mp-mobile-shop{background:#101523!important;border-color:#101523!important;color:#fff!important}

  .mp-mobile-call-bottom{background:#F8FAF5!important;border-color:#DCE6F2!important;color:#101523!important}
  .mp-mobile-close{background:#F0F4EC!important;color:#101523!important}
}
.mp-web-mega{width:min(610px,calc(100vw - 32px))}
.mp-web-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:991.98px){
  .mp-web-mega-grid{grid-template-columns:1fr}
}
/* ========================================================================== MULTIPRINT MASTER BRAND Centralno mesto za boje i zajednički UI ========================================================================== */
:root{--mp-green:var(--mp-brand-green);--mp-green-dark:var(--mp-brand-green-dark);--mp-green-light:var(--mp-brand-green-light);--mp-green-soft:var(--mp-brand-green-soft);--mp-earth:var(--mp-brand-brown);--mp-ink:#101523;--mp-text:#334155;--mp-muted:#6A7485;--mp-line:#DCE6F2;--mp-soft:#F7FAFE;--mph-bg:var(--mp-brand-black);--mph-panel:rgba(255,255,255,.98);--mph-panel-soft:rgba(var(--mp-brand-green-rgb),.08);--mph-line:rgba(var(--mp-brand-green-rgb),.16);--mph-text:#101523;--mph-muted:#6A7485;--mph-blue:var(--mp-brand-green);--mph-cyan:var(--mp-brand-green-light)}
.mp-chevron-small{font-size:10px}
.mp-info-mega{width:min(520px,calc(100vw - 32px))}
.mp-topline{background:var(--mp-brand-black)!important;color:#fff!important}
.mp-topline .mp-topline-item, .mp-topline a{color:#fff!important}
.mp-topline i{color:var(--mp-brand-green-light)!important}
.mp-topline-b2b{border-color:rgba(var(--mp-brand-green-light-rgb),.34)!important;background:rgba(255,255,255,.06)!important}
.mp-topline-b2b:hover{background:rgba(var(--mp-brand-green-light-rgb),.10)!important}
.mp-nav-main:hover, .mp-nav-main.active, .mp-nav-item:hover > .mp-nav-main, .mp-nav-item.open > .mp-nav-main{color:#101523!important;background:#F3F8FE!important}
.mp-nav-main:hover i, .mp-nav-main.active i, .mp-nav-item:hover > .mp-nav-main i, .mp-nav-item.open > .mp-nav-main i{color:var(--mp-brand-green)!important}
.mp-nav-main.is-shop{background:var(--mp-brand-green)!important;border-color:var(--mp-brand-green)!important;color:#fff!important;box-shadow:none!important}
.mp-nav-main.is-shop:hover, .mp-nav-main.is-shop.active{background:var(--mp-brand-green-dark)!important;border-color:var(--mp-brand-green-dark)!important;color:#fff!important;box-shadow:0 8px 20px rgba(var(--mp-brand-green-rgb),.18)!important}
.mp-nav-main.is-shop i{color:#fff!important}
.mp-shop-cart{color:var(--mp-brand-green)!important}
.mp-shop-cart-count{border-color:var(--mp-brand-black)!important;background:var(--mp-brand-green)!important}
.mp-menu-btn{border-color:#D4E4F7!important;background:linear-gradient(180deg,#F3F8FE,var(--mp-brand-green-soft))!important;color:var(--mp-brand-green-dark)!important}
.mp-menu-btn-label{color:#40516B!important}
.mp-menu-btn-knob{color:var(--mp-brand-green)!important;border-color:rgba(var(--mp-brand-green-rgb),.14)!important}
.mp-mega{border-color:#DCE6F2!important;box-shadow:0 28px 70px rgba(38,51,33,.14),0 8px 28px rgba(var(--mp-brand-green-rgb),.05)!important}
.mp-service-group{border-color:#E5ECF5!important}
.mp-service-group-title i{color:var(--mp-brand-green)!important}
.mp-mega-card:hover, .mp-mega-card.is-highlight{background:#F3F8FE!important;box-shadow:inset 0 0 0 1px rgba(var(--mp-brand-green-rgb),.08)!important}
.mp-mega-ico{background:var(--mp-brand-green-soft)!important;color:var(--mp-brand-green)!important}
@media (max-width:991.98px){
  .mp-mobile-simple i, .mp-mobile-section summary i:first-child, .mp-mobile-link i{color:var(--mp-brand-green)!important}
  .mp-mobile-simple, .mp-mobile-section{border-color:#DCE6F2!important}
  .mp-mobile-link{background:#F8FAF5!important}
  .mp-mobile-shop{background:var(--mp-brand-green)!important;border-color:var(--mp-brand-green)!important;color:#fff!important}
  .mp-mobile-shop:hover, .mp-mobile-shop.active{background:var(--mp-brand-green-dark)!important;border-color:var(--mp-brand-green-dark)!important}
  .mp-mobile-shop i{color:#fff!important}
  .mp-mobile-call-bottom{background:#F8FAF5!important;border-color:#DCE6F2!important}
  .mp-mobile-call-bottom i{background:var(--mp-brand-green-soft)!important;color:var(--mp-brand-green)!important}
}
/* ===== HOMEPAGE INDEX.PHP — START ===== */
:root{--mpx-blue:var(--mp-brand-green);--mpx-blue-2:#0007C4;--mpx-cyan:var(--mp-brand-green-light);--mpx-bg:var(--mp-brand-black);--mpx-bg2:var(--mp-brand-deep);--mpx-panel:rgba(7,17,31,.78);--mpx-panel2:rgba(10,22,39,.70);--mpx-line:rgba(var(--mp-brand-green-light-rgb),.18);--mpx-text:#edf4ff;--mpx-muted:#9aa9bc;--mpx-shadow:0 30px 90px rgba(0,0,0,.42)}
body{background:linear-gradient(180deg,#DFEAF7 0px,#EAF2FB 240px,#F5F9FE 620px,#FBFDFF 100%)!important;color:#0f172a}
.mpx-page{position:relative;overflow:hidden;margin-top:0;padding-top:0;color:#0f172a;background:radial-gradient(circle at 12% 10%,rgba(var(--mp-brand-green-rgb),.18),transparent 22%),radial-gradient(circle at 86% 10%,rgba(74,148,248,.18),transparent 26%),radial-gradient(circle at 72% 74%,rgba(var(--mp-brand-green-rgb),.10),transparent 24%),linear-gradient(180deg,#DFEAF7 0%,#EAF2FB 26%,#F5F9FE 64%,#FBFDFF 100%)}
.mpx-page::before, .mpx-page::after{content:"";position:fixed;inset:auto;z-index:0;pointer-events:none;border-radius:50%;filter:blur(72px);opacity:.72}
.mpx-page::before{top:90px;left:-90px;width:340px;height:340px;background:radial-gradient(circle,rgba(var(--mp-brand-green-rgb),.26),rgba(var(--mp-brand-green-rgb),0) 68%);animation:mpxGlowFloatA 18s ease-in-out infinite}
.mpx-page::after{right:-120px;top:260px;width:420px;height:420px;background:radial-gradient(circle,rgba(74,148,248,.20),rgba(74,148,248,0) 70%);animation:mpxGlowFloatB 22s ease-in-out infinite}
@keyframes mpxGlowFloatA{
  50%{transform:translate3d(34px,26px,0) scale(1.08)}
}
@keyframes mpxGlowFloatB{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-36px,32px,0) scale(1.12)}
}
.mpx-wrap{width:min(1320px,calc(100% - 34px));margin:0 auto}
#top, #b2b, #software, #kategorije, #klijenti, #produkcija{scroll-margin-top:32px}
.mpx-rail a:focus{outline:none}
.mpx-rail a:focus-visible{outline:2px solid rgba(var(--mp-brand-green-light-rgb),.9);outline-offset:3px}
.mpx-glass{border:1px solid var(--mpx-line);background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(235,243,252,.86));box-shadow:0 24px 70px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.mpx-glow{position:relative}
.mpx-glow::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(
    120deg,rgba(255,255,255,.34),rgba(255,255,255,.05) 25%,rgba(var(--mp-brand-green-rgb),.58) 72%,rgba(var(--mp-brand-green-light-rgb),.88)
  );-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 13px rgba(var(--mp-brand-green-rgb),.22))}
.mpx-hero{position:relative;overflow:visible;min-height:auto;margin-top:0;padding:34px 0 34px;background:linear-gradient(180deg,rgba(138,162,193,.46),rgba(232,240,249,.86)),linear-gradient(90deg,rgba(205,218,234,.86),rgba(232,240,249,.30) 52%,rgba(203,218,237,.66)),url("/images/index/multiprint-pressroom-dark.png") center top/cover no-repeat,linear-gradient(135deg,#EAF2FB,#E4EEF9)}
.mpx-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(138,162,193,.46),rgba(232,240,249,.86)),linear-gradient(90deg,rgba(205,218,234,.86),rgba(232,240,249,.30) 52%,rgba(203,218,237,.66)),url("/images/index/multiprint-pressroom-dark.png") center top/cover no-repeat,linear-gradient(135deg,#EAF2FB,#E4EEF9);background-size:cover,cover,cover,cover;background-position:center top,center top,center top,center top;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat}
.mpx-hero::after{content:"";position:absolute;inset:auto 0 0;height:260px;background:linear-gradient(180deg,transparent,#F5F9FE);pointer-events:none}
.mpx-hero-stage{position:relative;z-index:2;display:grid;grid-template-columns:74px minmax(0,1fr);gap:22px;align-items:center}
.mpx-rail{display:flex;flex-direction:column;gap:8px;padding:9px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid rgba(var(--mp-brand-green-rgb),.14);box-shadow:0 14px 40px rgba(15,23,42,.10);backdrop-filter:blur(16px)}
.mpx-rail a{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;color:#526276;text-decoration:none;transition:.2s ease}
.mpx-rail a.is-active, .mpx-rail a:hover{color:var(--mp-brand-green-dark);background:rgba(var(--mp-brand-green-rgb),.10);box-shadow:0 0 0 1px rgba(var(--mp-brand-green-rgb),.28),0 0 22px rgba(var(--mp-brand-green-rgb),.14)}
.mpx-hero-panel{position:relative;overflow:hidden;min-height:600px;border-radius:34px}
.mpx-hero-panel::after{content:"";position:absolute;right:-90px;bottom:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(var(--mp-brand-green-rgb),.22),transparent 68%);pointer-events:none}
.mpx-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:34px;padding:52px;align-items:center}
.mpx-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--mp-brand-green-dark);font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.mpx-kicker::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--mp-brand-green),var(--mp-brand-green-light))}
.mpx-hero h1{margin:15px 0 0;max-width:720px;color:#0f172a;font-size:clamp(49px,5vw,74px);line-height:.91;letter-spacing:-.065em;font-weight:950;text-transform:uppercase}
.mpx-hero h1 span{display:block;margin-top:15px;color:var(--mp-brand-green);font-size:.31em;line-height:1.15;letter-spacing:.015em;text-transform:none}
.mpx-hero-lead{max-width:690px;margin:21px 0 0;color:#526276;font-size:16px;line-height:1.7}
.mpx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.mpx-btn{min-height:48px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;font-size:13px;font-weight:900;text-decoration:none;transition:.2s ease}
.mpx-btn.primary{background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-green-dark));color:#fff;box-shadow:0 12px 30px rgba(var(--mp-brand-green-rgb),.28)}
.mpx-btn.secondary{color:#1e293b;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.82)}
.mpx-btn:hover{transform:translateY(-2px)}
.mpx-btn.secondary:hover{color:#0f172a;background:#ffffff}
.mpx-product-stage{position:relative;min-height:390px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(34,113,255,.18),transparent 48%),rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.10)}
.mpx-product-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.mpx-product-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(3,8,15,.76))}
.mpx-float{position:absolute;z-index:3;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.90);border:1px solid rgba(15,23,42,.10);box-shadow:0 20px 50px rgba(0,0,0,.30);backdrop-filter:blur(14px)}
.mpx-float small{display:block;color:#526276;font-size:10px;margin-bottom:4px}
.mpx-float strong{display:block;color:#0f172a;font-size:13px;line-height:1.35}
.mpx-float.one{left:18px;bottom:18px}
.mpx-float.two{right:18px;top:18px}
.mpx-hero-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.50)}
.mpx-hero-nav a{min-height:84px;padding:16px 18px;display:flex;gap:12px;align-items:center;color:#0f172a;text-decoration:none;border-right:1px solid rgba(15,23,42,.08)}
.mpx-hero-nav a:last-child{border-right:0}
.mpx-hero-nav i{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:13px;color:#73B5FF;background:rgba(var(--mp-brand-green-rgb),.09);border:1px solid rgba(var(--mp-brand-green-rgb),.12)}
.mpx-hero-nav strong{display:block;font-size:13px;font-weight:900}
.mpx-hero-nav span{display:block;margin-top:3px;color:#526276;font-size:11px;line-height:1.3}
.mpx-content{position:relative;z-index:3;margin-top:0;padding:18px 0 34px}
.mpx-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mpx-block{position:relative;overflow:hidden;border-radius:28px;min-height:360px;padding:32px}
.mpx-block h2{margin:10px 0 0;color:#0f172a;font-size:clamp(31px,3vw,46px);line-height:.98;letter-spacing:-.045em;font-weight:950}
.mpx-block p{margin:15px 0 0;max-width:700px;color:#526276;font-size:14px;line-height:1.65}
.mpx-production{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.58)),url("/images/index/multiprint-production-dark.png") center/cover no-repeat,#FBFDFF}
.mpx-production-stats{position:absolute;left:32px;right:32px;bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.09)}
.mpx-production-stats div{padding:14px 12px;background:rgba(5,12,22,.82)}
.mpx-production-stats strong{display:block;color:#fff;font-size:23px;font-weight:950}
.mpx-production-stats span{display:block;margin-top:4px;color:#94a4b8;font-size:10px}
.mpx-b2b{background:radial-gradient(circle at 90% 15%,rgba(var(--mp-brand-green-rgb),.23),transparent 28%),linear-gradient(145deg,#101523,var(--mp-brand-black) 70%)}
.mpx-b2b-side{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.mpx-b2b-side-item{padding:13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.mpx-b2b-side-item i{color:#73B5FF;margin-bottom:10px}
.mpx-b2b-side-item strong{display:block;color:#fff;font-size:12px}
.mpx-b2b-side-item span{display:block;margin-top:4px;color:#8999ad;font-size:10px;line-height:1.45}
.mpx-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.mpx-capability{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(15,29,47,.78),rgba(7,15,27,.86));border:1px solid rgba(var(--mp-brand-green-light-rgb),.12)}
.mpx-capability strong{display:block;color:#fff;font-size:14px;font-weight:900}
.mpx-capability p{margin:7px 0 0;color:#8f9caf;font-size:11px;line-height:1.55}
.mpx-software{position:relative;overflow:hidden;margin-top:16px;border-radius:28px;padding:30px 32px;background:radial-gradient(circle at 80% 0%,rgba(var(--mp-brand-green-rgb),.24),transparent 28%),linear-gradient(135deg,#101523,var(--mp-brand-deep) 54%,var(--mp-brand-deep))}
.mpx-software-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);gap:26px;align-items:center}
.mpx-software h2{margin:10px 0 0;color:#fff;font-size:clamp(34px,3.6vw,52px);line-height:.98;letter-spacing:-.045em;font-weight:950}
.mpx-software p{margin:14px 0 0;max-width:720px;color:rgba(238,244,255,.66);font-size:14px;line-height:1.65}
.mpx-software-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.mpx-software-tags span{padding:7px 10px;border-radius:999px;color:var(--mp-brand-green);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);font-size:10px;font-weight:800}
.mpx-software-side{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.mpx-soft-stat{min-height:118px;padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}
.mpx-soft-stat strong{display:block;color:#fff;font-size:16px;font-weight:950}
.mpx-soft-stat span{display:block;margin-top:8px;color:#91a2b7;font-size:11px;line-height:1.48}
.mpx-categories{margin-top:16px;padding:28px;border-radius:28px}
.mpx-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.mpx-section-head h2{margin:8px 0 0;color:#fff;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.045em;font-weight:950}
.mpx-section-head p{max-width:620px;margin:9px 0 0;color:#8f9eb2;font-size:13px}
.mpx-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mpx-category{display:block;min-height:142px;padding:18px;border-radius:19px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:.2s ease}
.mpx-category:hover{color:#fff;transform:translateY(-2px);border-color:rgba(var(--mp-brand-green-rgb),.30);box-shadow:0 14px 34px rgba(0,0,0,.20),0 0 25px rgba(var(--mp-brand-green-rgb),.08)}
.mpx-category-top{display:flex;align-items:center;gap:11px}
.mpx-category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(var(--mp-brand-green-rgb),.10)}
.mpx-category-icon img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.mpx-category h3{margin:0;color:#fff;font-size:14px;font-weight:950}
.mpx-category p{margin:10px 0 0;color:#8e9db1;font-size:11px;line-height:1.52}
.mpx-category small{display:inline-block;margin-top:9px;color:var(--mp-brand-green);font-size:10px;font-weight:900}
.mpx-proof{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-top:16px}
.mpx-proof-main, .mpx-proof-stats{padding:28px;border-radius:28px}
.mpx-proof-main h2{margin:9px 0 0;color:#fff;font-size:clamp(31px,3vw,44px);line-height:1;letter-spacing:-.04em;font-weight:950}
.mpx-proof-main p{margin:14px 0 0;color:#91a0b3;line-height:1.62;font-size:13px}
.mpx-showcase-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.mpx-showcase-tags span{padding:7px 10px;border-radius:999px;color:var(--mp-brand-green);background:rgba(var(--mp-brand-green-rgb),.08);border:1px solid rgba(var(--mp-brand-green-rgb),.12);font-size:10px;font-weight:800}
.mpx-proof-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.mpx-proof-stat{padding:15px;border-radius:17px;background:rgba(255,255,255,.038);border:1px solid rgba(255,255,255,.08)}
.mpx-proof-stat strong{display:block;color:var(--mp-brand-green);font-size:25px;line-height:1;font-weight:950}
.mpx-proof-stat span{display:block;margin-top:6px;color:#94a2b5;font-size:10px;line-height:1.45}
.mpx-proof-stat.wide{grid-column:span 2;background:linear-gradient(135deg,rgba(var(--mp-brand-green-rgb),.11),rgba(255,255,255,.035))}
.mpx-clients{margin-top:18px;padding:22px 22px 18px;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.16)}
.mpx-client-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.mpx-client-title h2{margin:0;color:#111827;font-size:20px;letter-spacing:-.03em;font-weight:950}
.mpx-clients .mpx-kicker{color:var(--mp-brand-green-dark)}
.mpx-clients .mpx-kicker::before{background:var(--mp-brand-green)}
.mpx-logo-marquee{overflow:hidden;padding:5px 0 8px;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.mpx-logo-track{display:flex;align-items:center;gap:42px;width:max-content;animation:mpxLogos 58s linear infinite}
.mpx-logo-item{width:150px;height:58px;flex:0 0 auto;display:grid;place-items:center}
.mpx-logo-item img{max-width:100%;max-height:40px;object-fit:contain;filter:grayscale(1);opacity:.48}
@keyframes mpxLogos{
  to{transform:translateX(-50%)}
}
.mpx-local{margin-top:10px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:16px;background:#f7f9fc;border:1px solid #E7EEF6}
.mpx-local h3{margin:0 0 4px;color:#111827;font-size:13px;font-weight:950}
.mpx-local p{margin:0;color:#667085;font-size:10.5px;line-height:1.45}
.mpx-local-cities{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.mpx-local-cities span{padding:6px 9px;border-radius:999px;color:var(--mp-brand-green-dark);background:var(--mp-brand-green-soft);border:1px solid #C4D8F1;font-size:9px;font-weight:850}
.availability-float{position:fixed;right:18px;bottom:18px;z-index:1080;width:min(345px,calc(100vw - 28px));padding:15px;border-radius:20px;background:rgba(255,255,255,.96);color:#0f172a;border:1px solid rgba(100,116,139,.16);box-shadow:0 24px 60px rgba(15,23,42,.16),0 8px 30px rgba(var(--mp-brand-green-rgb),.08);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);display:block;opacity:0;visibility:hidden;transform:translate3d(20px,16px,0) scale(.97);transition:opacity .35s ease,transform .42s cubic-bezier(.22,.8,.22,1),visibility .35s ease}
.availability-float::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--mp-brand-green),#0007C4,transparent);opacity:.75}
.availability-float.is-visible{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1)}
.availability-float-top{display:flex;gap:11px;align-items:flex-start}
.availability-float-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(180deg,#F3F8FE,var(--mp-brand-green-soft));border:1px solid #D4E4F7;color:var(--mp-brand-green);box-shadow:inset 0 1px 0 #fff}
.availability-float-copy{min-width:0;padding-right:22px}
.availability-float-kicker{display:block;margin:1px 0 5px;color:var(--mp-brand-green);font-size:8px;line-height:1;font-weight:950;letter-spacing:.12em}
.availability-float-title{display:block;color:#0f172a;font-size:15px;line-height:1.15;font-weight:950;letter-spacing:-.02em}
.availability-float-text{margin:6px 0 0;color:#64748b;font-size:11px;line-height:1.5}
.availability-close{position:absolute;right:9px;top:9px;width:28px;height:28px;border:0;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:17px;line-height:1;cursor:pointer;transition:.16s ease}
.availability-close:hover{background:#e7edf5;color:#0f172a}
.availability-float-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.availability-float-actions a{min-height:38px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border-radius:11px;padding:8px 9px;font-size:10.5px;font-weight:900}
.availability-float-secondary{background:#f8fafc;color:#1e293b;border:1px solid #DCE6F2}
@media (max-width:1050px){
  .mpx-hero-grid{grid-template-columns:1fr;padding:40px}
  .mpx-product-stage{min-height:320px}
  .mpx-software-grid{grid-template-columns:1fr}
  .mpx-proof{grid-template-columns:1fr}
  .mpx-duo{grid-template-columns:1fr}
}
@media (max-width:800px){
  .mpx-hero{min-height:auto;padding:28px 0 24px}
  .mpx-hero-stage{display:block}
  .mpx-rail{width:100%;flex-direction:row;justify-content:center;margin-bottom:12px;border-radius:20px;overflow:auto}
  .mpx-rail a{width:48px;height:48px;flex:0 0 48px}
  .mpx-hero-panel{min-height:0;border-radius:26px}

  .mpx-hero h1{font-size:42px}
  .mpx-product-stage{min-height:260px}
  .mpx-float.two{display:none}
  .mpx-hero-nav{grid-template-columns:repeat(2,1fr)}
  .mpx-hero-nav a:nth-child(2){border-right:0}
  .mpx-hero-nav a{min-height:72px}
  .mpx-content{margin-top:-20px}
  .mpx-capabilities{grid-template-columns:repeat(2,1fr)}

  .mpx-b2b-side{grid-template-columns:1fr}
  .mpx-software-side{grid-template-columns:1fr}
  .mpx-category-grid{grid-template-columns:1fr 1fr}
  .mpx-section-head{align-items:flex-start;flex-direction:column}
  .mpx-local{align-items:flex-start;flex-direction:column}
  .mpx-local-cities{justify-content:flex-start}
}
@media (max-width:560px){
  .mpx-page{margin-top:0;padding-top:0}
  .mpx-wrap{width:calc(100% - 22px)}
  .mpx-hero{padding-top:22px}
  .mpx-hero-grid{padding:24px 18px}
  .mpx-hero h1{font-size:36px}
  .mpx-hero-lead{font-size:14px}
  .mpx-actions{flex-direction:column}
  .mpx-actions a{width:100%}
  .mpx-product-stage{min-height:220px}
  .mpx-hero-nav{grid-template-columns:1fr}
  .mpx-hero-nav a{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .mpx-block{padding:24px;min-height:420px}
  .mpx-production-stats{left:24px;right:24px}
  .mpx-capabilities{grid-template-columns:1fr}
  .mpx-software{padding:24px}
  .mpx-category-grid{grid-template-columns:1fr}
  .mpx-proof-main,.mpx-proof-stats,.mpx-categories{padding:22px}
  .availability-float{left:12px;right:12px;bottom:12px;width:auto}
}
/* ===== FLAT / OPEN SECTIONS ===== */
.mpx-categories{padding:26px 0 10px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mpx-categories::before, .mpx-categories::after{display:none!important}
.mpx-category{background:rgba(255,255,255,.82)!important;border:1px solid rgba(148,163,184,.20)!important;box-shadow:0 10px 30px rgba(15,23,42,.045)!important}
.mpx-proof{gap:34px;align-items:start;padding:26px 0 6px}
.mpx-proof-main, .mpx-proof-stats{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mpx-proof-main::before, .mpx-proof-main::after, .mpx-proof-stats::before, .mpx-proof-stats::after{display:none!important}
.mpx-proof-stat{background:rgba(255,255,255,.78)!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.mpx-clients{margin-top:26px;padding:28px 0 16px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.mpx-client-title{margin-bottom:14px}
.mpx-logo-marquee{margin-left:calc((100vw - min(1320px,calc(100vw - 34px))) / -2);margin-right:calc((100vw - min(1320px,calc(100vw - 34px))) / -2);padding:8px 0 12px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.mpx-logo-track{padding-left:48px;padding-right:48px}
.mpx-local{margin-top:8px;background:rgba(255,255,255,.48);border:1px solid rgba(148,163,184,.13);box-shadow:none}
@media (max-width:800px){
  .mpx-categories{padding-top:20px!important}
  .mpx-proof{gap:22px;padding-top:20px}
  .mpx-logo-marquee{margin-left:-17px;margin-right:-17px}
}
@media (max-width:560px){
  .mpx-logo-marquee{margin-left:-11px;margin-right:-11px}
}
/* ========================================================= NOVOSTI IZ MULTIPRINTA ========================================================= */
.mpx-news{position:relative;z-index:3;margin-top:24px;padding:4px 0 6px}
.mpx-news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px}
.mpx-news-head h2{margin:8px 0 0;color:#0f172a;font-size:clamp(30px,3vw,44px);line-height:.98;letter-spacing:-.045em;font-weight:950}
.mpx-news-head p{max-width:720px;margin:10px 0 0;color:#64748b;font-size:12px;line-height:1.55}
.mpx-news-year{flex:0 0 auto;color:rgba(var(--mp-brand-green-rgb),.24);font-size:38px;line-height:1;font-weight:950;letter-spacing:-.06em}
.mpx-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mpx-news-card{position:relative;overflow:hidden;min-height:270px;padding:26px;border-radius:25px;text-decoration:none}
.mpx-news-card-top{position:relative;z-index:3;display:flex;align-items:center;gap:10px}
.mpx-news-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px}
.mpx-news-label{font-size:9px;line-height:1;font-weight:950;letter-spacing:.13em}
.mpx-news-card h3{position:relative;z-index:3;max-width:650px;margin:20px 0 0;font-size:clamp(24px,2.2vw,34px);line-height:1;letter-spacing:-.04em;font-weight:950}
.mpx-news-card p{position:relative;z-index:3;max-width:670px;margin:14px 0 0;font-size:12px;line-height:1.62}
.mpx-news-link{position:absolute;z-index:4;left:26px;bottom:24px;display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:11px;font-weight:950;transition:.18s ease}
.mpx-news-link:hover{transform:translateX(3px)}
.mpx-news-code{color:#fff;border:1px solid rgba(var(--mp-brand-green-light-rgb),.18);background:radial-gradient(circle at 85% 18%,rgba(var(--mp-brand-green-rgb),.34),transparent 30%),linear-gradient(135deg,#101523,var(--mp-brand-deep) 55%,var(--mp-brand-deep));box-shadow:0 18px 46px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.07)}
.mpx-news-code .mpx-news-icon{color:var(--mp-brand-green-light);background:rgba(74,148,248,.12);border:1px solid rgba(var(--mp-brand-green-light-rgb),.14)}
.mpx-news-code .mpx-news-label{color:var(--mp-brand-green-light)}
.mpx-news-code h3{color:#fff}
.mpx-news-code p{color:rgba(238,244,255,.67)}
.mpx-news-code .mpx-news-link{color:#fff}
.mpx-news-code-glow{position:absolute;width:280px;height:280px;right:-90px;bottom:-130px;border-radius:50%;background:radial-gradient(circle,rgba(74,148,248,.34),transparent 68%);filter:blur(8px);pointer-events:none}
.mpx-news-tech{color:#0f172a;border:1px solid rgba(100,116,139,.16);background:radial-gradient(circle at 90% 12%,rgba(var(--mp-brand-green-rgb),.11),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.90),rgba(236,243,251,.82));box-shadow:0 18px 46px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(14px)}
.mpx-news-tech .mpx-news-icon{color:var(--mp-brand-green);background:var(--mp-brand-green-soft);border:1px solid #D4E4F7}
.mpx-news-tech .mpx-news-label{color:var(--mp-brand-green)}
.mpx-news-tech h3{color:#0f172a}
.mpx-news-tech p{color:#5b6b80}
.mpx-news-tech .mpx-news-link{color:var(--mp-brand-green)}
.mpx-news-tech-meta{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;padding-bottom:44px}
.mpx-news-tech-meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#334155;background:rgba(255,255,255,.72);border:1px solid rgba(100,116,139,.14);font-size:9px;font-weight:850}
.mpx-news-tech-meta i{color:var(--mp-brand-green)}
@media (max-width:800px){
  .mpx-news{margin-top:20px}
  .mpx-news-head{align-items:flex-start}
  .mpx-news-year{font-size:30px}

  .mpx-news-card{min-height:250px}
}
@media (max-width:560px){
  .mpx-news-head{display:block}
  .mpx-news-year{display:none}
  .mpx-news-card{padding:22px;border-radius:21px}
  .mpx-news-card h3{font-size:26px}
  .mpx-news-link{left:22px;bottom:20px}
}
.mpx-b2b h2, .mpx-b2b p{color:#fff!important}
.mpx-b2b p{color:rgba(238,244,255,.68)!important}
.mpx-software h2{color:#fff!important}
.mpx-software p{color:rgba(238,244,255,.68)!important}
.mpx-production .mpx-kicker{color:var(--mp-brand-green)}
.mpx-production .mpx-kicker::before{background:var(--mp-brand-green)}
.mpx-production-stats{background:rgba(15,23,42,.08)}
.mpx-production-stats div{background:rgba(255,255,255,.88)}
.mpx-production-stats strong{color:#0f172a}
.mpx-production-stats span{color:#64748b}
.mpx-capability, .mpx-categories, .mpx-proof-main, .mpx-proof-stats{background:rgba(255,255,255,.76)!important;border-color:rgba(15,23,42,.08)!important}
.mpx-capability strong, .mpx-section-head h2, .mpx-category h3, .mpx-proof-main h2{color:#0f172a!important}
.mpx-capability p, .mpx-section-head p, .mpx-category p, .mpx-proof-main p, .mpx-proof-stat span{color:#64748b!important}
.mpx-category{background:rgba(255,255,255,.92)!important;border-color:#e5ebf2!important;color:#0f172a!important}
.mpx-category:hover{color:#0f172a!important;border-color:rgba(var(--mp-brand-green-rgb),.24)!important}
.mpx-category-icon img{filter:none!important;opacity:.82}
.mpx-proof-stat{background:rgba(255,255,255,.92)!important;border-color:#e5ebf2!important}
@media (max-width:800px){
  .mpx-hero{padding-top:148px}
  .mpx-hero::before{top:-118px;height:118px}
}
@media (max-width:560px){
  .mpx-hero{padding-top:132px}
  .mpx-hero::before{top:-104px;height:104px}
}
/* ===== FINAL OPEN-LAYOUT CORRECTIONS ===== */
body{background:linear-gradient(180deg,#c7d2e1 0px,#d9e3ef 260px,#e8eff7 680px,#F5F9FE 100%)!important}
.mpx-page{background:radial-gradient(circle at 12% 10%,rgba(var(--mp-brand-green-rgb),.16),transparent 23%),radial-gradient(circle at 86% 12%,rgba(14,116,180,.14),transparent 27%),radial-gradient(circle at 72% 74%,rgba(var(--mp-brand-green-rgb),.08),transparent 25%),linear-gradient(180deg,#cbd6e5 0%,#dce6f1 28%,#eaf1f8 66%,#f2f6fb 100%)!important}
.mpx-categories, .mpx-categories.mpx-glass{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:26px 0 10px!important}
.mpx-proof-main, .mpx-proof-stats{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mpx-proof{gap:34px;padding:24px 0 8px}
.mpx-category{background:rgba(255,255,255,.72)!important;border:1px solid rgba(100,116,139,.18)!important;box-shadow:0 8px 24px rgba(15,23,42,.035)!important}
.mpx-proof-stat{background:rgba(255,255,255,.70)!important;border:1px solid rgba(100,116,139,.16)!important;box-shadow:0 7px 20px rgba(15,23,42,.03)!important}
.mpx-clients{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:26px 0 14px!important;margin-top:24px!important}
.mpx-logo-marquee{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:8px 0 10px!important;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.mpx-logo-track{padding-left:18px!important;padding-right:18px!important}
.mpx-local{background:rgba(255,255,255,.32)!important;border:1px solid rgba(100,116,139,.12)!important;box-shadow:none!important}
@media (max-width:800px){
  .mpx-proof{gap:22px}
  .mpx-logo-track{padding-left:10px!important;padding-right:10px!important}
}
.mpx-production{min-height:430px}
.mpx-production-stats{grid-template-columns:repeat(4,1fr);gap:8px;background:transparent!important}
.mpx-production-stats div{border-radius:16px;border:1px solid rgba(100,116,139,.16);background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(15,23,42,.035)}
.mpx-production-a{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:16px 18px!important;background:linear-gradient(90deg,rgba(var(--mp-brand-green-rgb),.08),rgba(255,255,255,.82))!important;border-color:rgba(var(--mp-brand-green-rgb),.18)!important}
.mpx-production-a strong{min-width:64px;color:var(--mp-brand-green-dark)!important;font-size:34px!important;line-height:1!important}
.mpx-production-a span{margin-top:0!important;color:#475569!important;font-size:11px!important;line-height:1.5!important}
@media (max-width:800px){
  .mpx-production{min-height:520px}
  .mpx-production-stats{grid-template-columns:repeat(2,1fr)}
  .mpx-production-a{grid-template-columns:1fr;gap:8px}
}
@media (max-width:560px){
  .mpx-production{min-height:620px}
  .mpx-production-stats{grid-template-columns:1fr}
  .mpx-production-a{grid-column:auto}
}
/* ========================================================= HERO V15 — velika slika desno, bez balončića, fade ka tekstu ========================================================= */
.mpx-hero-panel{min-height:600px}
.mpx-hero-grid{position:relative;z-index:2;display:block;min-height:516px;padding:54px 50px;overflow:hidden}
.mpx-hero-copy{position:relative;z-index:4;width:49%;max-width:610px}
.mpx-product-stage{position:absolute;z-index:1;top:0;right:0;bottom:0;width:64%;min-height:0;border:0;border-radius:0;overflow:hidden;background:transparent;pointer-events:none;-webkit-mask-image:linear-gradient(
    90deg,transparent 0%,rgba(0,0,0,.10) 8%,rgba(0,0,0,.42) 18%,#000 34%,#000 100%
  );mask-image:linear-gradient(
    90deg,transparent 0%,rgba(0,0,0,.10) 8%,rgba(0,0,0,.42) 18%,#000 34%,#000 100%
  )}
.mpx-product-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:1;transform:scale(1.035)}
.mpx-product-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(
      90deg,rgba(239,245,252,.55) 0%,rgba(239,245,252,.16) 17%,rgba(239,245,252,0) 40%
    ),linear-gradient(
      180deg,rgba(255,255,255,.02),rgba(15,23,42,.10)
    );pointer-events:none}
.mpx-float{display:none!important}
.mpx-hero-copy::after{content:"";position:absolute;z-index:-1;top:-35px;right:-150px;bottom:-35px;width:320px;pointer-events:none;background:radial-gradient(
    ellipse at left center,rgba(239,245,252,.88),rgba(239,245,252,.52) 40%,rgba(239,245,252,0) 72%
  );filter:blur(12px)}
@media (min-width:1051px){
  .mpx-hero-grid{padding-right:0}
}
@media (max-width:1050px){
  .mpx-hero-grid{display:grid;grid-template-columns:1fr;min-height:0;padding:36px;gap:24px}
  .mpx-hero-copy{width:100%;max-width:none}
  .mpx-hero-copy::after{display:none}
  .mpx-product-stage{position:relative;top:auto;right:auto;bottom:auto;width:100%;min-height:360px;border-radius:24px;pointer-events:auto;-webkit-mask-image:linear-gradient(
      180deg,transparent 0%,#000 12%,#000 100%
    );mask-image:linear-gradient(
      180deg,transparent 0%,#000 12%,#000 100%
    )}
  .mpx-product-stage img{transform:none}
}
@media (max-width:800px){
  .mpx-hero-grid{padding:28px 22px}
  .mpx-product-stage{min-height:280px}
  .availability-float{right:12px;bottom:12px;width:min(330px,calc(100vw - 24px))}
}
@media (max-width:560px){
  .mpx-product-stage{min-height:230px;border-radius:20px}
  .availability-float{left:10px;right:10px;bottom:10px;width:auto}
  .availability-float-actions{grid-template-columns:1fr}
}
#availabilityFloat.availability-float{z-index:9999!important}
#availabilityFloat.availability-float.is-visible{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
/* ========================================================= MOBILE FIX — produkcija / statistike bez preklapanja ========================================================= */
@media (max-width:800px){
  .mpx-production{min-height:0!important;padding:26px 22px 24px!important;display:block}
  .mpx-production h2{position:relative;z-index:3;max-width:100%;margin-bottom:0}
  .mpx-production > p{position:relative;z-index:3;margin-top:14px;max-width:100%}
  .mpx-production-stats{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%;background:transparent!important}
  .mpx-production-stats > div{min-height:118px;padding:18px 16px!important;display:flex;flex-direction:column;justify-content:center;border-radius:18px!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(100,116,139,.16)!important;box-shadow:0 10px 26px rgba(15,23,42,.05)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .mpx-production-stats strong{font-size:30px!important;line-height:1!important;color:#0f172a!important}
  .mpx-production-stats span{margin-top:8px!important;font-size:11px!important;line-height:1.4!important;color:#64748b!important}
  .mpx-production-a{grid-column:1 / -1!important;min-height:auto!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:16px!important;padding:20px!important;background:linear-gradient(135deg,rgba(232,240,255,.95),rgba(255,255,255,.92))!important;border-color:rgba(var(--mp-brand-green-rgb),.20)!important}
  .mpx-production-a strong{min-width:auto!important;font-size:42px!important;color:var(--mp-brand-green)!important}
  .mpx-production-a span{margin-top:0!important}
}
@media (max-width:560px){
  .mpx-production{min-height:0!important;padding:24px 18px 20px!important;border-radius:24px!important}
  .mpx-production h2{font-size:36px!important;line-height:.98!important}
  .mpx-production > p{font-size:13px!important;line-height:1.55!important}
  .mpx-production-stats{grid-template-columns:1fr!important;margin-top:20px;gap:9px!important}
  .mpx-production-stats > div{min-height:106px;padding:16px 18px!important}
  .mpx-production-stats strong{font-size:31px!important}
  .mpx-production-a{grid-column:auto!important;grid-template-columns:1fr!important;gap:8px!important;min-height:auto!important}
  .mpx-production-a strong{font-size:44px!important}
}
/* ===== HOMEPAGE INDEX.PHP — END ===== */
/* ===== HOMEPAGE GREEN BRAND OVERRIDE — START ===== */
:root{--mpx-blue:var(--mp-brand-green);--mpx-blue-2:#0007C4;--mpx-cyan:var(--mp-brand-green-light);--mpx-line:rgba(var(--mp-brand-green-rgb),.18)}
.mpx-rail a:focus-visible{outline-color:rgba(var(--mp-brand-green-rgb),.75)}
.mpx-glow::before{background:linear-gradient(
    120deg,rgba(255,255,255,.34),rgba(255,255,255,.05) 25%,rgba(var(--mp-brand-green-rgb),.46) 72%,rgba(var(--mp-brand-green-light-rgb),.88)
  );filter:drop-shadow(0 0 13px rgba(var(--mp-brand-green-rgb),.18))}
.mpx-rail{border-color:rgba(var(--mp-brand-green-rgb),.14)}
.mpx-rail a.is-active, .mpx-rail a:hover{color:var(--mp-brand-green-dark);background:rgba(var(--mp-brand-green-rgb),.10);box-shadow:0 0 0 1px rgba(var(--mp-brand-green-rgb),.20),0 0 22px rgba(var(--mp-brand-green-rgb),.10)}
.mpx-kicker, .mpx-clients .mpx-kicker{color:var(--mp-brand-green)}
.mpx-kicker::before, .mpx-clients .mpx-kicker::before{background:linear-gradient(90deg,var(--mp-brand-green),var(--mp-brand-green-light))}
.mpx-hero h1 span{color:var(--mp-brand-green)}
.mpx-btn.primary{background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-green-dark));color:#fff;box-shadow:0 12px 30px rgba(var(--mp-brand-green-rgb),.22)}
.mpx-hero-nav i{color:var(--mp-brand-green);background:rgba(var(--mp-brand-green-rgb),.09);border-color:rgba(var(--mp-brand-green-rgb),.12)}
.mpx-b2b{background:radial-gradient(circle at 90% 15%,rgba(var(--mp-brand-green-rgb),.20),transparent 28%),linear-gradient(145deg,#101523,var(--mp-brand-deep) 70%)}
.mpx-b2b-side-item i{color:var(--mp-brand-green-light)}
.mpx-capability{border-color:rgba(var(--mp-brand-green-light-rgb),.12)}
.mpx-software{background:radial-gradient(circle at 80% 0%,rgba(var(--mp-brand-green-rgb),.22),transparent 28%),linear-gradient(135deg,#101523,var(--mp-brand-deep) 54%,#0007C4)}
.mpx-software-tags span{color:var(--mp-brand-green-light)}
.mpx-category:hover{border-color:rgba(var(--mp-brand-green-rgb),.30);box-shadow:0 14px 34px rgba(0,0,0,.16),0 0 25px rgba(var(--mp-brand-green-rgb),.08)}
.mpx-category-icon{background:rgba(var(--mp-brand-green-rgb),.10)}
.mpx-category small, .mpx-showcase-tags span, .mpx-proof-stat strong{color:var(--mp-brand-green)}
.mpx-showcase-tags span{background:rgba(var(--mp-brand-green-rgb),.08);border-color:rgba(var(--mp-brand-green-rgb),.12)}
.mpx-proof-stat.wide{background:linear-gradient(135deg,rgba(var(--mp-brand-green-rgb),.10),rgba(255,255,255,.035))}
.mpx-local-cities span{color:var(--mp-brand-green-dark);background:var(--mp-brand-green-soft);border-color:#C4D8F1}
.availability-float::before{background:linear-gradient(90deg,var(--mp-brand-green),var(--mp-brand-green-light),transparent)}
.availability-float-icon{background:linear-gradient(180deg,#F3F8FE,var(--mp-brand-green-soft));border-color:#D4E3CA;color:var(--mp-brand-green)}
.availability-float-kicker{color:var(--mp-brand-green)}
.availability-float-primary{background:var(--mp-brand-green);color:#fff;box-shadow:0 8px 20px rgba(var(--mp-brand-green-rgb),.18)}
@media (max-width:800px){
  .mpx-production-a{background:linear-gradient(135deg,rgba(230,240,220,.95),rgba(255,255,255,.92))!important;border-color:rgba(var(--mp-brand-green-rgb),.20)!important}
  .mpx-production-a strong{color:var(--mp-brand-green)!important}
}
/* ===== HOMEPAGE GREEN BRAND OVERRIDE — END ===== */
/* ========================================================================== NOVOSTI + KLIJENTI — sopstvena paleta, bez zelenog brand overlaya ========================================================================== */
.mpx-news .mpx-kicker{color:var(--mp-brand-green)!important}
.mpx-news-code{color:#fff!important;border-color:rgba(var(--mp-brand-green-light-rgb),.18)!important;background:radial-gradient(circle at 85% 18%,rgba(var(--mp-brand-green-rgb),.34),transparent 30%),linear-gradient(135deg,#101523,var(--mp-brand-deep) 55%,var(--mp-brand-deep))!important}
.mpx-news-code .mpx-news-icon{color:var(--mp-brand-green-light)!important;background:rgba(74,148,248,.12)!important;border-color:rgba(var(--mp-brand-green-light-rgb),.14)!important}
.mpx-news-code p{color:rgba(238,244,255,.67)!important}
.mpx-news-code-glow{background:radial-gradient(circle,rgba(74,148,248,.34),transparent 68%)!important}
.mpx-news-tech{color:#0f172a!important;border-color:rgba(100,116,139,.16)!important;background:radial-gradient(circle at 90% 12%,rgba(var(--mp-brand-green-rgb),.11),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.90),rgba(236,243,251,.82))!important}
.mpx-news-tech .mpx-news-icon{color:var(--mp-brand-green)!important;background:var(--mp-brand-green-soft)!important;border-color:#D4E4F7!important}
.mpx-news-tech h3{color:#0f172a!important}
.mpx-news-tech p{color:#5b6b80!important}
.mpx-clients .mpx-kicker{color:#334155!important}
.mpx-clients .mpx-kicker::before{background:#94a3b8!important}
.mpx-local-cities span{color:#334155!important;background:#eef2f6!important;border-color:#d8e0e8!important}
/* ========================================================================== NOVOSTI + KLIJENTI — GRAPHITE / GREEN Bez plavih akcenata. ========================================================================== */
.mpx-news .mpx-kicker{color:var(--mp-brand-green)!important}
.mpx-news .mpx-kicker::before{background:linear-gradient(90deg,var(--mp-brand-green),var(--mp-brand-green-light))!important}
.mpx-news-year{color:rgba(var(--mp-brand-green-rgb),.24)!important}
.mpx-news-code{color:#fff!important;border-color:rgba(var(--mp-brand-green-light-rgb),.16)!important;background:radial-gradient(circle at 85% 18%,rgba(var(--mp-brand-green-rgb),.28),transparent 30%),linear-gradient(135deg,#111411,#1B2118 55%,var(--mp-brand-deep))!important}
.mpx-news-code .mpx-news-icon{color:var(--mp-brand-green-light)!important;background:rgba(var(--mp-brand-green-light-rgb),.10)!important;border-color:rgba(var(--mp-brand-green-light-rgb),.16)!important}
.mpx-news-code .mpx-news-label{color:var(--mp-brand-green-light)!important}
.mpx-news-code h3, .mpx-news-code .mpx-news-link{color:#fff!important}
.mpx-news-code p{color:rgba(241,247,236,.70)!important}
.mpx-news-code-glow{background:radial-gradient(circle,rgba(var(--mp-brand-green-rgb),.30),transparent 68%)!important}
.mpx-news-tech{color:#101523!important;border-color:#DDE5D7!important;background:radial-gradient(circle at 90% 12%,rgba(var(--mp-brand-green-rgb),.10),transparent 30%),linear-gradient(145deg,#FFFFFF,#F3F8FE)!important}
.mpx-news-tech .mpx-news-icon{color:var(--mp-brand-green)!important;background:var(--mp-brand-green-soft)!important;border-color:#D4E3CA!important}
.mpx-news-tech .mpx-news-label, .mpx-news-tech .mpx-news-link, .mpx-news-tech-meta i{color:var(--mp-brand-green)!important}
.mpx-news-tech h3{color:#101523!important}
.mpx-news-tech p{color:#5F695A!important}
.mpx-clients .mpx-kicker{color:var(--mp-brand-green)!important}
.mpx-clients .mpx-kicker::before{background:var(--mp-brand-green-light)!important}
.mpx-local-cities span{color:#45546B!important;background:#F1F4EF!important;border-color:#DDE4D9!important}
/* ===== REKLAMNI-MATERIJAL INDEX — START ===== */
:root{--mpx-bg:#f2f5fa;--mpx-panel:#ffffff;--mpx-panel-2:#f8fafc;--mpx-ink:#0f172a;--mpx-muted:#64748b;--mpx-line:#dfe6ef;--mpx-blue:var(--mp-brand-green);--mpx-blue-2:var(--mp-brand-green-dark);--mpx-cyan:#0007C4;--mpx-red:#e11d48;--mpx-green:var(--mp-brand-green);--mpx-yellow:#d97706;--mpx-radius:22px;--mpx-shadow:0 18px 50px rgba(15,23,42,.08)}
*{box-sizing:border-box}
body{background:var(--mpx-bg);color:var(--mpx-ink)}
.mpx-page{min-height:100vh;background:radial-gradient(circle at 10% -10%,rgba(var(--mp-brand-green-rgb),.10),transparent 27%),radial-gradient(circle at 90% 0%,rgba(74,148,248,.08),transparent 25%),var(--mpx-bg)}
.mpx-wrap{width:min(1320px,calc(100% - 34px));margin:0 auto;padding:20px 0 42px}
html,body{max-width:100%;overflow-x:hidden}
.mpx-page, .mpx-wrap, .mpx-top, .mpx-layout, .mpx-content{min-width:0;max-width:100%}
.mpx-top{border:1px solid rgba(223,230,239,.92);border-radius:28px;background:rgba(255,255,255,.86);box-shadow:0 18px 50px rgba(15,23,42,.07);backdrop-filter:blur(16px);backdrop-filter:blur(14px);overflow:hidden}
.mpx-top-main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.45fr);gap:26px;align-items:center;padding:22px 24px}
.mpx-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:10px;color:#7b8aa0;font-size:12px;font-weight:750}
.mpx-breadcrumbs a{color:var(--mpx-blue);text-decoration:none}
.mpx-title{margin:0;font-size:clamp(28px,3.8vw,48px);line-height:.98;letter-spacing:-.05em;font-weight:950}
.mpx-subtitle{max-width:760px;margin-top:8px;color:var(--mpx-muted);font-size:12px;line-height:1.5;font-weight:650}
.mpx-search-zone{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:0;background:transparent}
.mpx-field,.mpx-select{width:100%;height:48px;border:1px solid var(--mpx-line);border-radius:14px;background:#fff;color:var(--mpx-ink);padding:0 15px;outline:none;font-size:13px;font-weight:700}
.mpx-field:focus,.mpx-select:focus{border-color:var(--mpx-blue);box-shadow:0 0 0 4px rgba(var(--mp-brand-green-rgb),.10)}
.mpx-btn{height:48px;border:0;border-radius:14px;padding:0 20px;background:linear-gradient(135deg,var(--mpx-blue),var(--mpx-blue-2));color:#fff;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(var(--mp-brand-green-rgb),.20)}
.mpx-reset{height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--mpx-line);border-radius:14px;background:#fff;color:var(--mpx-muted);text-decoration:none;font-size:12px;font-weight:900}
.mpx-search-extra{display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:10px 0 0;background:transparent}
.mpx-check{display:inline-flex;align-items:center;gap:8px;color:#475569;font-size:12px;font-weight:800}
.mpx-check input{accent-color:var(--mpx-blue)}
.mpx-side-quick{display:grid;gap:7px;padding:10px 10px 4px}
.mpx-side-quick-link{position:relative;min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--mpx-line);border-radius:15px;background:#f8fafc;color:var(--mpx-ink);text-decoration:none;overflow:hidden;transition:.17s ease}
.mpx-side-quick-link::after{content:"";position:absolute;right:-22px;bottom:-30px;width:76px;height:76px;border-radius:50%;background:currentColor;opacity:.035}
.mpx-side-quick-link:hover{transform:translateX(2px);border-color:#c8d7ec;background:#f3f7fd}
.mpx-side-quick-link.active{color:#fff;border-color:transparent}
.mpx-side-quick-link.new.active{background:linear-gradient(135deg,#087f91,#056675)}
.mpx-side-quick-link.sale.active{background:linear-gradient(135deg,#d61f4e,#a81339)}
.mpx-side-quick-link.stock.active{background:linear-gradient(135deg,#0c8a5b,#056a45)}
.mpx-side-quick-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:#fff;border:1px solid var(--mpx-line);font-size:14px;font-weight:950}
.mpx-side-quick-link.active .mpx-side-quick-icon{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.16)}
.mpx-side-quick-icon img{width:26px;height:26px;object-fit:contain}
.mpx-side-quick-copy{min-width:0;flex:1}
.mpx-side-quick-copy strong{display:block;font-size:12px;line-height:1.1;font-weight:950}
.mpx-side-quick-copy span{display:block;margin-top:3px;color:var(--mpx-muted);font-size:9px;font-weight:850;text-transform:uppercase}
.mpx-side-quick-link.active .mpx-side-quick-copy span{color:rgba(255,255,255,.72)}
.mpx-side-quick-arrow{position:relative;z-index:2;color:#70819a;font-size:13px}
.mpx-side-quick-link.active .mpx-side-quick-arrow{color:#fff}
.mpx-side-divider{height:1px;margin:8px 10px 4px;background:linear-gradient(90deg,transparent,#d9e3ee,transparent)}
.mpx-shop-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 16px}
.mpx-shop-benefits>div{min-width:0;padding:14px 15px;border:1px solid var(--mpx-line);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(15,23,42,.035)}
.mpx-shop-benefits strong{display:block;color:var(--mpx-ink);font-size:12px;font-weight:950}
.mpx-shop-benefits span{display:block;margin-top:4px;color:var(--mpx-muted);font-size:10px;line-height:1.35;font-weight:700}
.mpx-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.mpx-sidebar{position:sticky;top:14px;overflow:hidden;border:1px solid var(--mpx-line);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 14px 36px rgba(15,23,42,.055);backdrop-filter:blur(12px)}
.mpx-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid var(--mpx-line)}
.mpx-side-head h3{margin:0;font-size:15px;font-weight:950}
.mpx-side-clear{color:var(--mpx-red);text-decoration:none;font-size:11px;font-weight:900}
.mpx-side-body{padding:10px}
.mpx-group{margin-bottom:4px}
.mpx-group-btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 11px;border:0;border-radius:13px;background:transparent;color:var(--mpx-ink);font-size:13px;font-weight:900;text-align:left;cursor:pointer}
.mpx-group-btn:hover,.mpx-group-btn.active{color:var(--mpx-blue);background:#f0f5ff}
.mpx-group-btn a{flex:1;color:inherit;text-decoration:none}
.mpx-group-content{display:none;padding:3px 8px 8px 15px}
.mpx-group-content.open{display:block}
.mpx-sub,.mpx-third{display:block;padding:7px 9px;border-radius:9px;color:#657189;text-decoration:none;font-size:12px;font-weight:750}
.mpx-sub:hover,.mpx-sub.active,.mpx-third:hover,.mpx-third.active{color:var(--mpx-blue);background:#f7f9ff}
.mpx-third-list{padding-left:10px}
.mpx-mobile-filter{display:none;width:100%;height:46px;margin-bottom:12px;border:0;border-radius:14px;background:var(--mpx-ink);color:#fff;font-weight:900}
.mpx-content{min-width:0}
.mpx-content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.mpx-content-head h2{margin:0;font-size:28px;line-height:1;letter-spacing:-.04em;font-weight:950}
.mpx-content-head p{margin:7px 0 0;color:var(--mpx-muted);font-size:12px;font-weight:750}
.mpx-head-actions{display:flex;flex-wrap:wrap;gap:8px}
.mpx-mini-reset{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--mpx-line);border-radius:12px;background:#fff;color:var(--mpx-muted);text-decoration:none;font-size:11px;font-weight:900}
.mpx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mpx-empty{padding:46px 20px;border:1px solid var(--mpx-line);border-radius:20px;background:#fff;text-align:center;color:var(--mpx-muted)}
.mpx-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px}
.mpx-page-link,.mpx-page-current{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;font-size:12px;font-weight:950}
.mpx-page-link{background:#fff;border:1px solid var(--mpx-line);color:var(--mpx-ink)}
.mpx-page-current{background:var(--mpx-ink);color:#fff}
.mpx-news{margin-top:28px;padding:20px;border:1px solid var(--mpx-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.05)}
.mpx-news-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.mpx-news-head h2{margin:0;font-size:18px;font-weight:950}
.mpx-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mpx-news-item{border:1px solid var(--mpx-line);border-radius:15px;background:#fff;padding:0;overflow:hidden;cursor:zoom-in}
.mpx-news-item img{display:block;width:100%;height:150px;object-fit:contain;background:#fff}
.mpx-cart{position:fixed;right:18px;bottom:18px;z-index:999;display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:0 16px;border-radius:999px;background:var(--mpx-ink);color:#fff;text-decoration:none;font-weight:950;box-shadow:0 18px 36px rgba(16,24,40,.24)}
.mpx-cart span{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--mpx-blue);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
@media (max-width:1280px){
}
@media (max-width:1100px){
  .mpx-top-main{grid-template-columns:1fr}
}
@media (max-width:980px){
  .mpx-shop-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mpx-search-zone{grid-template-columns:1fr 1fr}

  .mpx-sidebar{display:none;position:static}

  .mpx-mobile-filter{display:block}
  .mpx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .mpx-shop-benefits{grid-template-columns:1fr 1fr}
  .mpx-wrap{width:calc(100% - 20px);padding-top:10px}
  .mpx-top-main{padding:20px}
  .mpx-title{font-size:36px}
  .mpx-stats{grid-template-columns:1fr 1fr}

  .mpx-search-extra{align-items:flex-start;flex-direction:column}
  .mpx-content-head{align-items:flex-start;flex-direction:column}

  .mpx-news-grid{grid-template-columns:1fr}
}
@media (max-width:980px){
  .mpx-sidebar.open{display:block;width:100%;max-width:100%;margin-bottom:14px}
  .mpx-layout, .mpx-content, .mpx-grid, .mpx-top, .mpx-top-main{width:100%;max-width:100%;min-width:0}
}
@media (max-width:680px){
  .mpx-page{overflow-x:hidden}
  .mpx-top-main{padding:16px}
  .mpx-search-zone{width:100%}
  .mpx-field,.mpx-select,.mpx-btn,.mpx-reset{min-width:0;max-width:100%}
  .mpx-sidebar{border-radius:18px}
  .mpx-side-quick{grid-template-columns:1fr 1fr;gap:7px}
  .mpx-side-quick-link.stock{grid-column:1 / -1}
}
@media (max-width:430px){
  .mpx-shop-benefits{grid-template-columns:1fr}
  .mpx-wrap{width:calc(100% - 16px)}
  .mpx-side-quick{grid-template-columns:1fr}
  .mpx-side-quick-link.stock{grid-column:auto}
  .mpx-title{font-size:32px}
}
/* ========================================================================== SHOP REDESIGN V3 — CLEAN CATALOG ========================================================================== */
:root{--mpx-bg:#f6f7f9;--mpx-panel:#ffffff;--mpx-panel-2:#fafbfc;--mpx-ink:#111827;--mpx-muted:#667085;--mpx-line:#e5e7eb;--mpx-blue:#007AFA;--mpx-blue-2:#0f55d9;--mpx-red:#e11d48;--mpx-green:#079455;--mpx-yellow:#b54708;--mpx-radius:16px;--mpx-shadow:0 8px 24px rgba(16,24,40,.05)}
body{background:#f6f7f9}
.mpx-page{background:#f6f7f9}
.mpx-wrap{width:min(1480px,calc(100% - 40px));padding:18px 0 52px}
.mpx-top{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible;margin-bottom:18px}
.mpx-top-main{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(520px,1.1fr);gap:36px;align-items:end;padding:0 0 18px;border-bottom:1px solid var(--mpx-line)}
.mpx-breadcrumbs{margin-bottom:8px;font-size:11px;font-weight:800}
.mpx-title{font-size:clamp(32px,3.2vw,46px);line-height:1;letter-spacing:-.045em}
.mpx-subtitle{max-width:680px;margin-top:7px;font-size:12px;line-height:1.45;color:#687386}
.mpx-search-zone{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.mpx-field,.mpx-select{height:46px;border-radius:10px;border-color:#d9dee7;box-shadow:none;font-size:13px}
.mpx-btn{height:46px;border-radius:10px;padding:0 18px;box-shadow:none;background:var(--mpx-blue)}
.mpx-reset{height:46px;border-radius:10px;padding:0 14px;background:#fff}
.mpx-search-extra{padding-top:8px}
.mpx-layout{grid-template-columns:228px minmax(0,1fr);gap:22px}
.mpx-sidebar{top:14px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.mpx-side-head{padding:0 2px 12px;border-bottom:1px solid var(--mpx-line)}
.mpx-side-head h3{font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.mpx-side-quick{padding:12px 0 8px;gap:6px}
.mpx-side-quick-link{min-height:44px;padding:6px 8px;border:0;border-radius:10px;background:transparent}
.mpx-side-quick-link::after{display:none}
.mpx-side-quick-link:hover{transform:none;background:#eef3ff}
.mpx-side-quick-link.active{background:#111827!important}
.mpx-side-quick-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px;background:#fff}
.mpx-side-quick-icon img{width:22px;height:22px}
.mpx-side-quick-copy strong{font-size:11px}
.mpx-side-quick-copy span{font-size:8px}
.mpx-side-divider{margin:8px 0;background:#e5e7eb}
.mpx-side-body{padding:4px 0}
.mpx-group-btn{min-height:40px;padding:0 8px;border-radius:9px;font-size:12px}
.mpx-group-btn:hover,.mpx-group-btn.active{background:#edf3ff}
.mpx-group-content{padding:2px 0 7px 12px}
.mpx-sub,.mpx-third{padding:6px 8px;border-radius:8px;font-size:11px}
.mpx-third-list{padding-left:8px;border-left:1px solid #dfe5ee}
.mpx-content-head{align-items:center;margin-bottom:12px}
.mpx-content-head h2{font-size:24px}
.mpx-content-head p{margin-top:5px;font-size:11px}
.mpx-mini-reset{min-height:34px;border-radius:9px}
.mpx-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mpx-empty{border:1px solid var(--mpx-line);border-radius:14px;background:#fff}
.mpx-page-link,.mpx-page-current{min-width:38px;height:38px;border-radius:9px}
.mpx-news{margin-top:30px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.mpx-news-grid{gap:14px}
.mpx-news-item{border-radius:12px}
@media (max-width:1180px){
  .mpx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .mpx-top-main{grid-template-columns:1fr;gap:16px}
  .mpx-layout{grid-template-columns:1fr}
  .mpx-sidebar{display:none;padding:14px;border:1px solid var(--mpx-line);border-radius:12px;background:#fff}
  .mpx-sidebar.open{display:block}
  .mpx-mobile-filter{display:block;height:42px;margin:0 0 12px;border-radius:10px}
}
@media (max-width:720px){
  .mpx-wrap{width:calc(100% - 22px);padding-top:12px}
  .mpx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mpx-search-zone{grid-template-columns:1fr}
}
@media (max-width:520px){
  .mpx-grid{grid-template-columns:1fr}
  .mpx-title{font-size:34px}
}
.mpx-live-search{position:relative;min-width:0}
.mpx-live-results{position:absolute;z-index:2000;top:calc(100% + 7px);left:0;right:0;overflow:hidden;border:1px solid #dfe4eb;border-radius:14px;background:#fff;box-shadow:0 20px 48px rgba(15,23,42,.15)}
.mpx-live-results[hidden]{display:none!important}
.mpx-live-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:72px;padding:8px 10px;border-bottom:1px solid #eef1f4;color:#111827;text-decoration:none;transition:background .14s ease}
.mpx-live-item:last-child{border-bottom:0}
.mpx-live-item:hover,.mpx-live-item.is-active{background:#f5f8ff}
.mpx-live-image{width:58px;height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#fff}
.mpx-live-image img{width:100%;height:100%;object-fit:contain}
.mpx-live-copy{min-width:0}
.mpx-live-meta{display:flex;gap:7px;margin-bottom:3px;color:#007AFA;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.mpx-live-meta span:last-child{color:#8b95a5}
.mpx-live-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.2}
.mpx-live-desc{display:block;overflow:hidden;margin-top:3px;color:#687386;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.mpx-live-price{padding-left:8px;color:#111827;font-size:12px;font-weight:950;white-space:nowrap}
.mpx-live-state{padding:15px;color:#7b8494;font-size:11px;text-align:center}
@media (max-width:680px){
  .mpx-live-item{grid-template-columns:52px minmax(0,1fr)}
  .mpx-live-price{grid-column:2;padding-left:0}
}
/* ========================================================================== MULTIPRINT SHOP — GREEN / EARTH BRAND var(--mp-brand-green-light) / var(--mp-brand-brown) / var(--mp-brand-green-soft) / var(--mp-brand-green) ========================================================================== */
:root{--mpx-bg:#ffffff!important;--mpx-panel:#ffffff!important;--mpx-panel-2:#F7FAFE!important;--mpx-ink:#101523!important;--mpx-muted:#6A7485!important;--mpx-line:#DCE6F2!important;--mpx-blue:var(--mp-brand-green)!important;--mpx-blue-2:#0007C4!important;--mpx-green:var(--mp-brand-green)!important;--mpx-yellow:var(--mp-brand-brown)!important;--mpx-red:#B5473E!important;--mpx-brand:var(--mp-brand-green);--mpx-brand-soft:var(--mp-brand-green-soft);--mpx-brand-light:var(--mp-brand-green-light);--mpx-earth:var(--mp-brand-brown)}
html, body, .mpx-page{background:#fff!important;color:#101523!important}
.mpx-breadcrumbs a, .mpx-breadcrumbs .active{color:var(--mp-brand-green)!important}
.mpx-breadcrumbs span{color:#98A292}
.mpx-title, .mpx-content-head h2{color:#101523!important}
.mpx-subtitle, .mpx-content-head p{color:#6A7485!important}
.mpx-field, .mpx-select, .mpx-sort-form select{border-color:#DDE5D7!important;color:#263121!important;background:#fff!important}
.mpx-field:focus, .mpx-select:focus, .mpx-sort-form select:focus{border-color:#8DB873!important;box-shadow:0 0 0 3px rgba(var(--mp-brand-green-rgb),.10)!important;outline:none!important}
.mpx-btn{background:var(--mp-brand-green)!important;color:#fff!important}
.mpx-btn:hover{background:var(--mp-brand-green-dark)!important}
.mpx-reset, .mpx-mini-reset{border-color:#DDE5D7!important;color:#5B6474!important;background:#fff!important}
.mpx-reset:hover, .mpx-mini-reset:hover{border-color:#AFC99E!important;color:#0007C4!important;background:#F7FAFE!important}
.mpx-sidebar{border-color:#E5ECF5!important}
.mpx-side-head{border-color:#E5ECF5!important}
.mpx-side-head h3{color:#263121!important}
.mpx-side-head a{color:var(--mp-brand-brown)!important}
.mpx-side-quick-link:hover{background:#F3F8FE!important}
.mpx-side-quick-link.active{background:var(--mp-brand-deep)!important;color:#fff!important}
.mpx-side-quick-link.active .mpx-side-quick-copy strong, .mpx-side-quick-link.active .mpx-side-quick-copy span{color:#fff!important}
.mpx-side-quick-copy strong{color:#263121!important}
.mpx-side-quick-copy span{color:#879081!important}
.mpx-side-divider{background:#E7EEF6!important}
.mpx-group-btn, .mpx-sub, .mpx-third{color:#55604F!important}
.mpx-group-btn:hover, .mpx-group-btn.active, .mpx-sub:hover, .mpx-sub.active, .mpx-third:hover, .mpx-third.active{background:#EEF5E8!important;color:#0007C4!important}
.mpx-third-list{border-color:#DDE6D6!important}
.mpx-sort-form label{color:#7D8778!important}
.mpx-live-results{border-color:#DDE5D7!important;box-shadow:0 20px 48px rgba(38,51,33,.13)!important}
.mpx-live-item{border-color:#EDF1EA!important;color:#101523!important}
.mpx-live-meta span:last-child{color:var(--mp-brand-brown)!important}
.mpx-live-name, .mpx-live-price{color:#101523!important}
.mpx-live-desc, .mpx-live-state{color:#748095!important}
.mpx-grid{gap:16px!important}
.mpx-page-link{border-color:#DDE5D7!important;color:#45546B!important;background:#fff!important}
.mpx-page-link:hover{border-color:#AFC99E!important;color:#0007C4!important;background:#F5F9F1!important}
.mpx-page-current{border-color:var(--mp-brand-green)!important;background:var(--mp-brand-green)!important;color:#fff!important;box-shadow:0 8px 18px rgba(var(--mp-brand-green-rgb),.18)!important}
.mpx-page-nav{border-color:#DDE5D7!important;color:#45546B!important;background:#fff!important}
.mpx-page-nav:hover{border-color:var(--mp-brand-green)!important;color:var(--mp-brand-green)!important;background:#F2F7ED!important}
.mpx-page-dots{color:#A0A99B!important}
.mpx-empty{border-color:#DCE6F2!important;background:#fff!important}
.mpx-news-item{border-color:#DCE6F2!important}
.mpx-mobile-filter{border-color:#DDE5D7!important;background:#F4F8F0!important;color:#0007C4!important}
.mpx-mobile-filter:hover{background:#EAF3E2!important}
.mpx-price-discount, .mpx-sale, .mpx-badge-sale{color:var(--mp-brand-brown)!important}
.mpx-content-head::after{content:"";display:block;width:38px;height:3px;margin-top:9px;border-radius:999px;background:linear-gradient(90deg,var(--mp-brand-green),var(--mp-brand-green-light))}
@media (max-width:980px){
  .mpx-sidebar{border-color:#DCE6F2!important;box-shadow:0 16px 34px rgba(38,51,33,.08)!important}
}
/* ========================================================================== V11 — SORT / PRIKAZ ISPOD MENIJA, IZNAD PROIZVODA ========================================================================== */
.mpx-catalog-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:10px 12px;border:1px solid #DCE6F2;border-radius:12px;background:#F8FAF5}
.mpx-toolbar-left{display:flex;align-items:center;gap:7px;min-width:0}
.mpx-catalog-toolbar .mpx-sort-form{margin-left:auto!important}
.mpx-catalog-toolbar .mpx-sort-form label{color:#707B69!important}
.mpx-catalog-toolbar .mpx-sort-form select{height:34px!important;border-color:#DCE5D6!important;border-radius:8px!important;background:#fff!important}
.mpx-content-head{margin-bottom:14px!important}
.mpx-content-head::after{display:none!important}
@media (max-width:760px){
  .mpx-catalog-toolbar{align-items:stretch;flex-direction:column}
  .mpx-toolbar-left{width:100%}
  .mpx-catalog-toolbar .mpx-sort-form{width:100%;margin-left:0!important}
}
/* ========================================================================== V12 — SORTIRANJE U LEVOM SIDEBARU ========================================================================== */
.mpx-catalog-toolbar{display:none!important}
.mpx-side-sort{margin-top:18px;padding-top:16px;border-top:1px solid #E5ECF5}
.mpx-side-sort-title{margin-bottom:10px;color:#334155;font-size:10px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.mpx-side-sort-form{display:flex;flex-direction:column;gap:10px}
.mpx-side-sort-form label{display:flex;flex-direction:column;gap:5px}
.mpx-side-sort-form label > span{color:#7B8575;font-size:9px;font-weight:850}
.mpx-side-sort-form select{width:100%;height:38px;padding:0 32px 0 10px;border:1px solid #DCE5D6;border-radius:9px;background:#fff;color:#334155;font-size:10px;font-weight:800;outline:none}
.mpx-side-sort-form select:focus{border-color:#8DB873;box-shadow:0 0 0 3px rgba(var(--mp-brand-green-rgb),.10)}
.mpx-side-sort-reset{display:flex;align-items:center;justify-content:center;min-height:34px;margin-top:10px;border-radius:8px;background:#F3F8FE;color:var(--mp-brand-green);font-size:9px;font-weight:900;text-decoration:none}
.mpx-side-sort-reset:hover{background:var(--mp-brand-green-soft);color:#0007C4}
.mpx-content-head{margin-top:0!important}
@media (max-width:980px){
  .mpx-side-sort{margin-top:14px}
}
/* ===== REKLAMNI-MATERIJAL INDEX — END ===== */
/* ===== REKLAMNI-MATERIJAL FINAL GREEN — START ===== */
.mpx-page{background:#fff!important}
.mpx-breadcrumbs a{color:var(--mp-brand-green)!important}
.mpx-field:focus, .mpx-select:focus, .mpx-sort-form select:focus, .mpx-side-sort-form select:focus{border-color:#8DB873!important;box-shadow:0 0 0 4px rgba(var(--mp-brand-green-rgb),.10)!important}
.mpx-btn{background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-green-dark))!important;box-shadow:0 10px 24px rgba(var(--mp-brand-green-rgb),.18)!important}
.mpx-check input{accent-color:var(--mp-brand-green)!important}
.mpx-side-quick-link:hover{border-color:#C9D8C0!important;background:#F3F8EF!important}
.mpx-side-quick-link.new.active{background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-green-dark))!important}
.mpx-side-quick-link.stock.active{background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-green-dark))!important}
.mpx-side-quick-link.sale.active{background:linear-gradient(135deg,#B5473E,#91352F)!important}
.mpx-side-quick-link.active{color:#fff!important}
.mpx-side-head a, .mpx-sidebar a.active, .mpx-group-btn.active, .mpx-sub.active, .mpx-third.active{color:var(--mp-brand-green)!important}
.mpx-group-btn:hover, .mpx-sub:hover, .mpx-third:hover{background:#F3F8FE!important;color:var(--mp-brand-green-dark)!important}
.mpx-live-item:hover, .mpx-live-item.is-active{background:#F2F7ED!important}
.mpx-live-meta{color:var(--mp-brand-green)!important}
.mpx-page-current{background:var(--mp-brand-green)!important;border-color:var(--mp-brand-green)!important;color:#fff!important}
.mpx-page-link:hover, .mpx-page-nav:hover{color:var(--mp-brand-green)!important;border-color:var(--mp-brand-green)!important;background:#F2F7ED!important}
.mpx-side-sort-form select:focus{border-color:#8DB873!important;box-shadow:0 0 0 3px rgba(var(--mp-brand-green-rgb),.10)!important}
.mpx-side-sort-reset{background:#F3F8FE!important;color:var(--mp-brand-green)!important}
.mpx-side-sort-reset:hover{background:var(--mp-brand-green-soft)!important;color:var(--mp-brand-green-dark)!important}
/* ===== REKLAMNI-MATERIJAL FINAL GREEN — END ===== */
/* ===== INFO/KONTAKT.PHP — START ===== */
.mp-contact-page{--mp-primary:var(--mp-brand-green);--mp-dark:#101523;--mp-text:#66705F;--mp-light:#F8FAF5;--mp-border:#DCE6F2;--mp-shadow:0 12px 34px rgba(16,24,40,.08);--mp-radius:24px}
.mp-contact-page{background:#fff;color:var(--mp-dark)}
.mp-contact-page .mp-contact-hero{position:relative;overflow:hidden;padding:34px 0 46px;background:#FBFDFF}
.mp-contact-page .mp-contact-map-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.mp-contact-page .mp-contact-map-bg iframe{position:absolute;inset:-8% -13% -8% 7%;width:106%;height:116%;border:0;filter:saturate(.9) contrast(1.03) brightness(.96);transform:scale(1.02)}
.mp-contact-page .mp-contact-map-bg::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(248,251,255,.99) 0%,rgba(248,251,255,.96) 28%,rgba(248,251,255,.72) 46%,rgba(248,251,255,.22) 64%,rgba(248,251,255,.08) 78%,rgba(248,251,255,.58) 100%
    ),linear-gradient(180deg,rgba(248,251,255,.82) 0%,rgba(248,251,255,.06) 28%,rgba(248,251,255,.04) 68%,rgba(255,255,255,.96) 100%
    )}
.mp-contact-page .mp-contact-top{position:relative;z-index:4;display:grid;pointer-events:none;grid-template-columns:minmax(0,560px) 1fr;gap:36px;align-items:center;min-height:430px}
.mp-contact-page .mp-contact-main{pointer-events:auto;padding:30px 32px;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 18px 48px rgba(16,24,40,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mp-contact-page .mp-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:rgba(var(--mp-brand-green-rgb),.07);color:var(--mp-primary);font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.mp-contact-page .mp-kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--mp-primary)}
.mp-contact-page .mp-title{margin:0 0 12px;font-size:clamp(2.1rem,4vw,3.25rem);line-height:1.02;letter-spacing:-.045em;font-weight:950}
.mp-contact-page .mp-lead{margin:0 0 22px;color:var(--mp-text);line-height:1.72;font-size:1rem}
.mp-contact-page .mp-contact-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mp-contact-page .mp-contact-item{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid #EDF1EA;border-radius:16px;background:#FBFDFF}
.mp-contact-page .mp-contact-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#F3F8FE;color:var(--mp-primary);font-size:.9rem}
.mp-contact-page .mp-contact-item strong{display:block;margin-bottom:2px;font-size:.9rem;font-weight:900}
.mp-contact-page .mp-contact-item span, .mp-contact-page .mp-contact-item a{color:var(--mp-text);text-decoration:none;line-height:1.45;font-size:.9rem}
.mp-contact-page .mp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.mp-contact-page .mp-btn, .mp-contact-page .mp-btn-outline{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:13px;text-decoration:none;font-weight:900}
.mp-contact-page .mp-btn{color:#fff;background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-green-dark))}
.mp-contact-page .mp-btn:hover{color:#fff}
.mp-contact-page .mp-btn-outline{color:var(--mp-dark);background:#fff;border:1px solid var(--mp-border)}
.mp-contact-page .mp-contact-section{padding:52px 0}
.mp-contact-page .mp-contact-section.alt{background:#F8FAF5;border-top:1px solid #EEF2EB;border-bottom:1px solid #EEF2EB}
.mp-contact-page .mp-section-head{max-width:860px;margin-bottom:26px}
.mp-contact-page .mp-section-head .eyebrow{display:block;margin-bottom:9px;color:var(--mp-primary);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.mp-contact-page .mp-section-head h2{margin:0 0 10px;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.06;letter-spacing:-.04em;font-weight:950}
.mp-contact-page .mp-section-head p{margin:0;color:var(--mp-text);line-height:1.72}
.mp-contact-page .mp-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.mp-contact-page .mp-team-card{padding:0 0 18px;background:#fff}
.mp-contact-page .mp-team-card h3, .mp-contact-page .mp-team-card .mp-team-role, .mp-contact-page .mp-team-card p{padding-left:4px;padding-right:4px}
.mp-contact-page .mp-team-photo{width:100%;aspect-ratio:4 / 5;margin-bottom:16px;overflow:hidden;border-radius:20px;background:#EEF2EB}
.mp-contact-page .mp-team-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%;transition:transform .28s ease}
.mp-contact-page .mp-team-card:hover .mp-team-photo img{transform:scale(1.025)}
.mp-contact-page .mp-team-card h3{margin:0;font-size:1.05rem;font-weight:950}
.mp-contact-page .mp-team-role{display:block;margin:5px 0 9px;color:var(--mp-primary);font-size:.82rem;line-height:1.4;font-weight:850}
.mp-contact-page .mp-team-card p{margin:0;color:var(--mp-text);font-size:.9rem;line-height:1.62}
.mp-contact-page .mp-b2b-contact{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:26px;align-items:center;padding:32px;border-radius:26px;color:#fff;background:linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 55%,#0007C4 100%)}
.mp-contact-page .mp-b2b-contact h2{margin:0 0 11px;color:#fff;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.04;letter-spacing:-.04em;font-weight:950}
.mp-contact-page .mp-b2b-contact p{margin:0;color:rgba(255,255,255,.74);line-height:1.72}
.mp-contact-page .mp-b2b-points{display:grid;gap:9px}
.mp-contact-page .mp-b2b-point{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.05)}
.mp-contact-page .mp-b2b-point i{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.08);color:var(--mp-brand-green-light);font-size:.72rem}
.mp-contact-page .mp-b2b-point strong{display:block;color:#fff;font-size:.9rem}
.mp-contact-page .mp-b2b-point span{display:block;margin-top:2px;color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.45}
.mp-contact-page .mp-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mp-contact-page .mp-info-card{padding:20px 0;border-top:1px solid var(--mp-border)}
.mp-contact-page .mp-info-card .icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:12px;border-radius:12px;background:#F3F8FE;color:var(--mp-primary)}
.mp-contact-page .mp-info-card h3{margin:0 0 7px;font-size:1rem;font-weight:950}
.mp-contact-page .mp-info-card p{margin:0;color:var(--mp-text);font-size:.92rem;line-height:1.65}
@media (max-width:991.98px){
  .mp-contact-page .mp-contact-top, .mp-contact-page .mp-b2b-contact{grid-template-columns:1fr}
  .mp-contact-page .mp-contact-top{min-height:400px}
  .mp-contact-page .mp-contact-main{max-width:620px}
  .mp-contact-page .mp-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767.98px){
  .mp-contact-page .mp-contact-hero{padding:22px 0 34px}
  .mp-contact-page .mp-contact-main{padding:22px}
  .mp-contact-page .mp-contact-top{min-height:0}
  .mp-contact-page .mp-contact-map-bg iframe{inset:0;width:100%;height:100%;transform:none}
  .mp-contact-page .mp-contact-map-bg::before{background:linear-gradient(180deg,rgba(248,251,255,.96) 0%,rgba(248,251,255,.82) 42%,rgba(248,251,255,.58) 70%,rgba(255,255,255,.98) 100%
      )}
  .mp-contact-page .mp-contact-list, .mp-contact-page .mp-team-grid, .mp-contact-page .mp-info-grid{grid-template-columns:1fr}
  .mp-contact-page .mp-actions{flex-direction:column}
  .mp-contact-page .mp-actions a{width:100%}
  .mp-contact-page .mp-contact-section{padding:42px 0}
  .mp-contact-page .mp-b2b-contact{padding:22px}
}
/* ===== INFO/KONTAKT.PHP — END ===== */
/* ===== INFO/KONTAKT FINAL GREEN — START ===== */
.mp-contact-page{--mp-primary:var(--mp-brand-green);--mp-dark:#101523;--mp-text:#66705F;--mp-light:#F8FAF5;--mp-border:#DCE6F2}
.mp-kicker{background:rgba(var(--mp-brand-green-rgb),.07)!important;color:var(--mp-brand-green)!important}
.mp-kicker-dot{background:var(--mp-brand-green)!important}
.mp-contact-icon, .mp-info-card .icon{background:#F3F8FE!important;color:var(--mp-brand-green)!important}
.mp-btn{background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-green-dark))!important;color:#fff!important}
.mp-section-head .eyebrow, .mp-team-role{color:var(--mp-brand-green)!important}
.mp-b2b-contact{background:linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 58%,#0007C4 100%)!important}
.mp-b2b-point i{color:var(--mp-brand-green-light)!important;background:rgba(var(--mp-brand-green-light-rgb),.08)!important}
.mp-contact-hero{background:#FBFDFF!important}
.mp-contact-item{border-color:#EDF1EA!important;background:#FBFDFF!important}
.mp-contact-section.alt{background:#F8FAF5!important;border-color:#EEF2EB!important}
/* ===== INFO/KONTAKT FINAL GREEN — END ===== */
/* ===== INFO/O-NAMA.PHP — START ===== */
.mp-about-page{--mp-primary:var(--mp-brand-green);--mp-dark:#101523;--mp-text:#66705F;--mp-light:#F8FAF5;--mp-border:#DCE6F2;--mp-shadow:0 12px 34px rgba(16,24,40,0.08);--mp-shadow-lg:0 22px 50px rgba(16,24,40,0.12);--mp-radius:24px}
.mp-about-page{background:radial-gradient(circle at top left,rgba(var(--mp-brand-green-rgb),0.08),transparent 28%),linear-gradient(180deg,#ffffff 0%,#F8FAF5 100%)}
.mp-about-page .mp-section{padding:88px 0}
.mp-about-page .mp-hero{padding:96px 0 72px;position:relative;overflow:hidden}
.mp-about-page .mp-hero::after{content:"";position:absolute;right:-100px;top:-80px;width:280px;height:280px;background:rgba(var(--mp-brand-green-rgb),0.08);border-radius:50%;filter:blur(8px)}
.mp-about-page .mp-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(var(--mp-brand-green-rgb),0.08);color:var(--mp-primary);font-weight:800;margin-bottom:18px}
.mp-about-page .mp-title{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.05;font-weight:900;letter-spacing:-0.04em;margin-bottom:18px;color:var(--mp-dark)}
.mp-about-page .mp-subtitle{font-size:1.08rem;line-height:1.85;color:var(--mp-text);max-width:760px}
.mp-about-page .mp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.mp-about-page .mp-btn, .mp-about-page .mp-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;text-decoration:none;font-weight:800;transition:0.25s ease}
.mp-about-page .mp-btn{background:linear-gradient(135deg,var(--mp-brand-green) 0%,var(--mp-brand-green-dark) 100%);color:#fff;box-shadow:0 16px 32px rgba(var(--mp-brand-green-rgb),0.22)}
.mp-about-page .mp-btn:hover{color:#fff;transform:translateY(-1px)}
.mp-about-page .mp-btn-outline{background:#fff;color:var(--mp-dark);border:1px solid var(--mp-border)}
.mp-about-page .mp-btn-outline:hover{color:var(--mp-primary);border-color:rgba(var(--mp-brand-green-rgb),0.35);background:rgba(var(--mp-brand-green-rgb),0.03)}
.mp-about-page .mp-hero-card, .mp-about-page .mp-card, .mp-about-page .mp-soft-card, .mp-about-page .mp-cta, .mp-about-page .mp-gallery-card, .mp-about-page .mp-doc-box{background:#fff;border:1px solid #EDF1EA;border-radius:var(--mp-radius);box-shadow:var(--mp-shadow)}
.mp-about-page .mp-hero-card{padding:20px;position:relative}
.mp-about-page .mp-hero-card img{width:100%;display:block;border-radius:20px;min-height:460px;object-fit:cover}
.mp-about-page .mp-floating-box{position:absolute;left:22px;bottom:22px;max-width:260px;background:rgba(255,255,255,0.94);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.8);border-radius:18px;padding:16px 18px;box-shadow:var(--mp-shadow-lg)}
.mp-about-page .mp-floating-box strong{display:block;font-size:1rem;margin-bottom:6px}
.mp-about-page .mp-floating-box span{color:var(--mp-text);line-height:1.6;font-size:0.94rem}
.mp-about-page .mp-performance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px;border-radius:30px;background:radial-gradient(circle at 85% 10%,rgba(var(--mp-brand-green-rgb),.20),transparent 25%),linear-gradient(135deg,var(--mp-brand-black) 0%,#101523 48%,var(--mp-brand-green) 130%);box-shadow:0 28px 70px rgba(16,24,40,.22);border:1px solid rgba(255,255,255,.08)}
.mp-about-page .mp-performance-item{padding:24px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(10px)}
.mp-about-page .mp-performance-kicker{display:block;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;margin-bottom:8px}
.mp-about-page .mp-performance-item strong{display:block;color:#fff;font-size:1.35rem;font-weight:900;margin-bottom:8px}
.mp-about-page .mp-performance-item p{margin:0;color:rgba(255,255,255,.72);line-height:1.6;font-size:.94rem}
.mp-about-page .mp-sticky-doc{position:fixed;right:22px;bottom:22px;z-index:1050;display:flex;align-items:center;gap:12px;min-width:190px;padding:12px 16px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#101523 0%,var(--mp-brand-green) 100%);box-shadow:0 20px 50px rgba(var(--mp-brand-green-rgb),.30);border:1px solid rgba(255,255,255,.18);transition:.25s ease}
.mp-about-page .mp-sticky-doc:hover{color:#fff;transform:translateY(-3px);box-shadow:0 24px 60px rgba(var(--mp-brand-green-rgb),.38)}
.mp-about-page .mp-sticky-doc-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);font-size:1.2rem}
.mp-about-page .mp-sticky-doc strong, .mp-about-page .mp-sticky-doc small{display:block}
.mp-about-page .mp-sticky-doc strong{font-size:.98rem;line-height:1.2}
.mp-about-page .mp-sticky-doc small{margin-top:3px;color:rgba(255,255,255,.72);font-size:.78rem}
.mp-about-page .mp-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.mp-about-page .mp-mini-item{padding:18px;border-radius:18px;background:#fff;border:1px solid #EDF1EA;box-shadow:var(--mp-shadow)}
.mp-about-page .mp-mini-item strong{display:block;font-size:1.35rem;font-weight:900;margin-bottom:8px;color:var(--mp-primary)}
.mp-about-page .mp-mini-item span{color:var(--mp-text);line-height:1.5;font-size:0.95rem}
.mp-about-page .mp-section-head{margin-bottom:38px}
.mp-about-page .mp-section-head h2{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:900;letter-spacing:-0.03em;margin-bottom:12px}
.mp-about-page .mp-section-head p{color:var(--mp-text);line-height:1.8;margin-bottom:0;max-width:760px}
.mp-about-page .mp-grid-3, .mp-about-page .mp-grid-2{display:grid;gap:24px}
.mp-about-page .mp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mp-about-page .mp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-about-page .mp-card, .mp-about-page .mp-soft-card, .mp-about-page .mp-doc-box{padding:30px;height:100%}
.mp-about-page .mp-card:hover, .mp-about-page .mp-soft-card:hover, .mp-about-page .mp-gallery-card:hover, .mp-about-page .mp-doc-box:hover{transform:translateY(-4px);transition:0.25s ease;box-shadow:var(--mp-shadow-lg)}
.mp-about-page .mp-icon{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(var(--mp-brand-green-rgb),0.08);color:var(--mp-primary);font-size:1.3rem;margin-bottom:18px}
.mp-about-page .mp-card h3, .mp-about-page .mp-soft-card h3, .mp-about-page .mp-doc-box h3, .mp-about-page .mp-cta h2{font-weight:800;margin-bottom:12px;color:var(--mp-dark)}
.mp-about-page .mp-card p, .mp-about-page .mp-soft-card p, .mp-about-page .mp-doc-box p, .mp-about-page .mp-cta p{color:var(--mp-text);line-height:1.8;margin-bottom:0}
.mp-about-page .mp-check-list{list-style:none;padding:0;margin:18px 0 0}
.mp-about-page .mp-check-list li{position:relative;padding-left:30px;margin-bottom:14px;color:var(--mp-text);line-height:1.7}
.mp-about-page .mp-check-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--mp-primary);font-weight:900}
.mp-about-page .mp-soft-card{background:linear-gradient(180deg,#ffffff 0%,#FBFDFF 100%)}
.mp-about-page .mp-doc-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 92% 18%,rgba(var(--mp-brand-green-rgb),0.10),transparent 28%),linear-gradient(180deg,#ffffff 0%,#F7FAFE 100%);border-color:#D7E5CE}
.mp-about-page .mp-doc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:14px;background:var(--mp-dark);color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}
.mp-about-page .mp-gallery-card{overflow:hidden;height:100%}
.mp-about-page .mp-gallery-card img{width:100%;height:260px;object-fit:cover;display:block;transition:transform 0.35s ease}
.mp-about-page .mp-gallery-card:hover img{transform:scale(1.04)}
.mp-about-page .mp-cta{padding:42px;background:linear-gradient(135deg,#101523 0%,var(--mp-brand-green) 100%);position:relative;overflow:hidden}
.mp-about-page .mp-cta::after{content:"";position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;background:rgba(255,255,255,0.08);border-radius:50%}
.mp-about-page .mp-cta h2, .mp-about-page .mp-cta p{color:#fff;position:relative;z-index:2}
.mp-about-page .mp-cta p{color:rgba(255,255,255,0.85);max-width:680px}
.mp-about-page .mp-cta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;position:relative;z-index:2}
.mp-about-page .mp-btn-light, .mp-about-page .mp-btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;text-decoration:none;font-weight:800}
.mp-about-page .mp-btn-light{background:#fff;color:var(--mp-dark)}
.mp-about-page .mp-btn-glass{background:rgba(255,255,255,0.10);color:#fff;border:1px solid rgba(255,255,255,0.18)}
@media (max-width: 1199.98px){
  .mp-about-page .mp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 991.98px){
  .mp-about-page .mp-hero{padding-top:72px}
  .mp-about-page .mp-grid-2, .mp-about-page .mp-grid-3, .mp-about-page .mp-mini-grid, .mp-about-page .mp-performance{grid-template-columns:1fr}
  .mp-about-page .mp-hero-card img{min-height:320px}
  .mp-about-page .mp-floating-box{position:static;margin-top:16px;max-width:none}
  .mp-about-page .mp-doc-box{flex-direction:column;align-items:flex-start}
}
@media (max-width: 767.98px){
  .mp-about-page .mp-section{padding:68px 0}
  .mp-about-page .mp-actions, .mp-about-page .mp-cta-actions{flex-direction:column}
  .mp-about-page .mp-actions a, .mp-about-page .mp-cta-actions a, .mp-about-page .mp-doc-btn{width:100%}
  .mp-about-page .mp-card, .mp-about-page .mp-soft-card, .mp-about-page .mp-doc-box, .mp-about-page .mp-cta{padding:24px}
  .mp-about-page .mp-gallery-card img{height:220px}
  .mp-about-page .mp-sticky-doc{right:12px;left:12px;bottom:12px;min-width:0;justify-content:center}
}
.mp-about-page{--mp-primary:var(--mp-brand-green);--mp-dark:#101523;--mp-text:#66705F;--mp-light:#F8FAF5;--mp-border:#DCE6F2}
.mp-about-page{background:radial-gradient(circle at top left,rgba(var(--mp-brand-green-rgb),.07),transparent 28%),linear-gradient(180deg,#fff 0%,#F8FAF5 100%)!important}
.mp-about-page .mp-hero::after{background:rgba(var(--mp-brand-green-rgb),.08)!important}
.mp-about-page .mp-badge, .mp-about-page .mp-icon{background:rgba(var(--mp-brand-green-rgb),.08)!important;color:var(--mp-brand-green)!important}
.mp-about-page .mp-btn{background:linear-gradient(135deg,var(--mp-brand-green) 0%,var(--mp-brand-green-dark) 100%)!important;color:#fff!important;box-shadow:0 16px 32px rgba(var(--mp-brand-green-rgb),.20)!important}
.mp-about-page .mp-btn-outline:hover{color:var(--mp-brand-green)!important;border-color:rgba(var(--mp-brand-green-rgb),.35)!important;background:rgba(var(--mp-brand-green-rgb),.03)!important}
.mp-about-page .mp-performance{background:radial-gradient(circle at 85% 10%,rgba(var(--mp-brand-green-rgb),.18),transparent 25%),linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 52%,#0007C4 130%)!important}
.mp-about-page .mp-sticky-doc{background:linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-green) 100%)!important;box-shadow:0 20px 50px rgba(var(--mp-brand-green-rgb),.26)!important}
.mp-about-page .mp-sticky-doc:hover{box-shadow:0 24px 60px rgba(var(--mp-brand-green-rgb),.34)!important}
.mp-about-page .mp-mini-item strong, .mp-about-page .mp-check-list li::before{color:var(--mp-brand-green)!important}
.mp-about-page .mp-doc-box{background:radial-gradient(circle at 92% 18%,rgba(var(--mp-brand-green-rgb),.09),transparent 28%),linear-gradient(180deg,#fff 0%,#F7FAFE 100%)!important;border-color:#D7E5CE!important}
.mp-about-page .mp-cta{background:linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-green) 100%)!important}
/* ===== INFO/O-NAMA.PHP — END ===== */
/* ===== INFO/GOOGLE.PHP — START ===== */
.gr-page{--g-blue:#4285F4;--g-red:#DB4437;--g-yellow:#F4B400;--g-green:#0F9D58;--g-dark:#202124;--g-text:#5f6368;--g-light:#f8f9fa;--g-border:#e8eaed;--g-shadow:0 12px 32px rgba(32,33,36,0.10);--g-shadow-lg:0 22px 52px rgba(32,33,36,0.16);--g-radius:26px}
.gr-page{background:radial-gradient(circle at 10% 0%,rgba(var(--mp-brand-green-rgb),0.08),transparent 24%),radial-gradient(circle at 100% 20%,rgba(15,157,88,0.07),transparent 22%),linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}
.gr-page .gr-section{padding:90px 0}
.gr-page .gr-hero{position:relative;overflow:hidden;padding:80px 0 40px}
.gr-page .gr-kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--g-border);box-shadow:var(--g-shadow);font-weight:700;color:var(--g-dark);margin-bottom:18px}
.gr-page .gr-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--g-blue),var(--g-green));display:inline-block}
.gr-page .gr-title{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02;font-weight:900;letter-spacing:-0.04em;color:var(--g-dark);margin-bottom:18px}
.gr-page .gr-title .google-word{background:linear-gradient(90deg,var(--g-blue) 0 25%,var(--g-red) 25% 50%,var(--g-yellow) 50% 75%,var(--g-green) 75% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gr-page .gr-lead{font-size:1.08rem;line-height:1.85;color:var(--g-text);max-width:700px;margin-bottom:28px}
.gr-page .gr-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.gr-page .gr-btn, .gr-page .gr-btn-soft{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;text-decoration:none;font-weight:800;transition:0.25s ease}
.gr-page .gr-btn{color:#fff;background:linear-gradient(90deg,var(--g-blue),var(--g-red),var(--g-yellow),var(--g-green));box-shadow:0 14px 28px rgba(66,133,244,0.20);border:none}
.gr-page .gr-btn:hover{color:#fff;transform:translateY(-1px)}
.gr-page .gr-btn-soft{background:#fff;border:1px solid var(--g-border);color:var(--g-dark)}
.gr-page .gr-btn-soft:hover{color:var(--mp-brand-green);border-color:rgba(var(--mp-brand-green-rgb),.28);background:#F7FAFE}
.gr-page .gr-mini-row{display:flex;flex-wrap:wrap;gap:14px}
.gr-page .gr-mini-pill{background:#fff;border:1px solid var(--g-border);box-shadow:var(--g-shadow);border-radius:16px;padding:14px 16px;min-width:140px}
.gr-page .gr-mini-pill strong{display:block;font-size:1.2rem;font-weight:900;color:var(--g-dark);line-height:1;margin-bottom:8px}
.gr-page .gr-mini-pill span{display:block;color:var(--g-text);font-size:0.92rem;line-height:1.4}
.gr-page .gr-score-wrap{position:relative}
.gr-page .gr-score-card{background:#fff;border:1px solid var(--g-border);border-radius:34px;padding:28px;box-shadow:var(--g-shadow-lg);position:relative;overflow:hidden}
.gr-page .gr-score-card::before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:linear-gradient(90deg,var(--g-blue),var(--g-red),var(--g-yellow),var(--g-green))}
.gr-page .gr-google-badge{width:74px;height:74px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--g-blue),var(--g-green));margin-bottom:18px}
.gr-page .gr-score-label{color:var(--g-text);font-size:0.95rem;font-weight:700;margin-bottom:8px}
.gr-page .gr-score-value{font-size:clamp(3rem,5vw,4.6rem);line-height:0.95;font-weight:900;color:var(--g-dark);margin-bottom:12px}
.gr-page .gr-stars{color:var(--g-yellow);font-size:1.35rem;margin-bottom:12px;letter-spacing:2px}
.gr-page .gr-score-note{color:var(--g-text);line-height:1.75;margin-bottom:18px}
.gr-page .gr-bar-group{display:grid;gap:12px}
.gr-page .gr-bar-item{display:grid;grid-template-columns:22px 1fr 44px;gap:12px;align-items:center}
.gr-page .gr-bar-item span{font-weight:700;color:var(--g-dark)}
.gr-page .gr-bar-track{height:10px;background:#eef2f7;border-radius:999px;overflow:hidden}
.gr-page .gr-bar-fill{height:100%;border-radius:999px}
.gr-page .gr-bar-fill.s5{width:100%;background:var(--g-green)}
.gr-page .gr-bar-fill.s4{width:0%;background:var(--g-blue)}
.gr-page .gr-bar-fill.s3{width:0%;background:var(--g-yellow)}
.gr-page .gr-bar-fill.s2{width:0%;background:#f2994a}
.gr-page .gr-bar-fill.s1{width:0%;background:var(--g-red)}
.gr-page .gr-section-head{margin-bottom:34px}
.gr-page .gr-section-head h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900;letter-spacing:-0.03em;color:var(--g-dark);margin-bottom:10px}
.gr-page .gr-section-head p{max-width:760px;color:var(--g-text);line-height:1.8;margin-bottom:0}
.gr-page .gr-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gr-page .gr-review-card{background:#fff;border:1px solid var(--g-border);border-radius:24px;padding:24px;box-shadow:var(--g-shadow);height:100%;position:relative;overflow:hidden;transition:0.25s ease}
.gr-page .gr-review-card:hover{transform:translateY(-5px) rotate(-0.2deg);box-shadow:var(--g-shadow-lg)}
.gr-page .gr-review-card::after{content:"";position:absolute;inset:auto -50px -50px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(var(--mp-brand-green-rgb),0.10),transparent 70%)}
.gr-page .gr-review-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.gr-page .gr-author{display:flex;align-items:center;gap:12px;min-width:0}
.gr-page .gr-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--g-blue),var(--g-green));flex-shrink:0}
.gr-page .gr-author-text strong{display:block;font-size:1rem;color:var(--g-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-page .gr-author-text span{display:block;color:var(--g-text);font-size:0.9rem;margin-top:2px}
.gr-page .gr-google-mark{width:36px;height:36px;border-radius:12px;background:#fff;border:1px solid var(--g-border);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--g-blue);box-shadow:0 6px 14px rgba(32,33,36,0.06);flex-shrink:0}
.gr-page .gr-review-stars{color:var(--g-yellow);margin-bottom:12px;font-size:1rem;letter-spacing:2px}
.gr-page .gr-review-text{color:var(--g-text);line-height:1.85;margin-bottom:0;position:relative;z-index:2}
.gr-page .gr-marquee-note{margin-top:30px;text-align:center;color:var(--g-text);font-weight:700}
.gr-page .gr-marquee-note span{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--g-border);border-radius:999px;background:#fff}
.gr-page .gr-cta-panel{margin-top:50px;background:linear-gradient(135deg,#ffffff 0%,#F7FAFE 100%);border:1px solid var(--g-border);border-radius:30px;padding:28px;box-shadow:var(--g-shadow);display:flex;align-items:center;justify-content:space-between;gap:24px}
.gr-page .gr-cta-panel h3{font-size:1.5rem;font-weight:900;color:var(--g-dark);margin-bottom:8px}
.gr-page .gr-cta-panel p{color:var(--g-text);margin-bottom:0;line-height:1.8;max-width:680px}
@media (max-width: 1199.98px){
  .gr-page .gr-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 991.98px){
  .gr-page .gr-section{padding:72px 0}
  .gr-page .gr-hero{padding-top:70px}
  .gr-page .gr-cta-panel{flex-direction:column;align-items:flex-start}
}
@media (max-width: 767.98px){
  .gr-page .gr-actions{flex-direction:column}
  .gr-page .gr-actions a{width:100%}
  .gr-page .gr-review-grid{grid-template-columns:1fr}
  .gr-page .gr-score-card, .gr-page .gr-review-card, .gr-page .gr-cta-panel{padding:22px}
  .gr-page .gr-mini-row{display:grid;grid-template-columns:1fr}
}
.gr-page{background:radial-gradient(circle at 10% 0%,rgba(var(--mp-brand-green-rgb),.08),transparent 24%),radial-gradient(circle at 100% 20%,rgba(var(--mp-brand-green-rgb),.06),transparent 22%),linear-gradient(180deg,#fff 0%,#F8FAF5 100%)!important}
.gr-page .gr-btn-soft:hover{color:var(--mp-brand-green)!important;border-color:rgba(var(--mp-brand-green-rgb),.28)!important;background:#F7FAFE!important}
.gr-page .gr-review-card::after{background:radial-gradient(circle,rgba(var(--mp-brand-green-rgb),.09),transparent 70%)!important}
.gr-page .gr-cta-panel{background:linear-gradient(135deg,#fff 0%,#F7FAFE 100%)!important}
.gr-page .gr-marquee-note span, .gr-page .gr-mini-pill, .gr-page .gr-score-card, .gr-page .gr-review-card, .gr-page .gr-cta-panel{border-color:#DCE6F2}
/* ===== INFO/GOOGLE.PHP — END ===== */
/* ===== INFO/STRATEGIJA-POKLONA.PHP — START ===== */
.mp-page{--mp-primary:var(--mp-brand-green);--mp-dark:#101523;--mp-text:#66705F;--mp-light:#F8FAF5;--mp-border:#DCE6F2;--mp-shadow:0 12px 34px rgba(16,24,40,0.08);--mp-shadow-lg:0 20px 50px rgba(16,24,40,0.12);--mp-radius:24px}
.mp-page{background:radial-gradient(circle at top left,rgba(var(--mp-brand-green-rgb),0.08),transparent 28%),linear-gradient(180deg,#ffffff 0%,#F8FAF5 100%)}
.mp-page .mp-section{padding:88px 0}
.mp-page .mp-section-sm{padding:40px 0 88px}
.mp-page .mp-title{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.06;font-weight:900;letter-spacing:-0.04em;margin-bottom:18px;color:var(--mp-dark)}
.mp-page .mp-subtitle{font-size:1.08rem;line-height:1.85;color:var(--mp-text);max-width:760px}
.mp-page .mp-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(var(--mp-brand-green-rgb),0.08);color:var(--mp-primary);font-weight:800;margin-bottom:18px}
.mp-page .mp-hero{position:relative;overflow:hidden;padding:96px 0 70px}
.mp-page .mp-hero::after{content:"";position:absolute;right:-80px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(var(--mp-brand-green-rgb),0.08);filter:blur(8px)}
.mp-page .mp-hero-card, .mp-page .mp-card, .mp-page .mp-soft-card, .mp-page .mp-quote, .mp-page .mp-warning, .mp-page .mp-cta, .mp-page .mp-side-card{border-radius:var(--mp-radius);background:#fff;border:1px solid #EDF1EA;box-shadow:var(--mp-shadow)}
.mp-page .mp-hero-card{padding:20px;position:relative}
.mp-page .mp-hero-card img{width:100%;display:block;border-radius:20px;min-height:460px;object-fit:cover}
.mp-page .mp-floating{position:absolute;right:22px;bottom:22px;max-width:260px;background:rgba(255,255,255,0.94);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.8);border-radius:18px;padding:16px 18px;box-shadow:var(--mp-shadow-lg)}
.mp-page .mp-floating strong{display:block;font-size:1rem;margin-bottom:6px}
.mp-page .mp-floating span{color:var(--mp-text);line-height:1.6;font-size:0.94rem}
.mp-page .mp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.mp-page .mp-btn, .mp-page .mp-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;text-decoration:none;font-weight:800;transition:0.25s ease}
.mp-page .mp-btn{background:linear-gradient(135deg,var(--mp-brand-green) 0%,var(--mp-brand-green-dark) 100%);color:#fff;box-shadow:0 16px 32px rgba(var(--mp-brand-green-rgb),0.22)}
.mp-page .mp-btn:hover{color:#fff;transform:translateY(-1px)}
.mp-page .mp-btn-outline{background:#fff;color:var(--mp-dark);border:1px solid var(--mp-border)}
.mp-page .mp-btn-outline:hover{color:var(--mp-primary);border-color:rgba(var(--mp-brand-green-rgb),0.35);background:rgba(var(--mp-brand-green-rgb),0.03)}
.mp-page .mp-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.mp-page .mp-mini-item{padding:18px;border-radius:18px;background:#fff;border:1px solid #EDF1EA;box-shadow:var(--mp-shadow)}
.mp-page .mp-mini-item strong{display:block;font-size:1.35rem;font-weight:900;margin-bottom:8px;color:var(--mp-primary)}
.mp-page .mp-mini-item span{color:var(--mp-text);line-height:1.5;font-size:0.95rem}
.mp-page .mp-section-head{margin-bottom:38px}
.mp-page .mp-section-head h2{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:900;letter-spacing:-0.03em;margin-bottom:12px}
.mp-page .mp-section-head p{color:var(--mp-text);line-height:1.8;margin-bottom:0;max-width:760px}
.mp-page .mp-card, .mp-page .mp-soft-card, .mp-page .mp-side-card{padding:30px;height:100%}
.mp-page .mp-card:hover, .mp-page .mp-soft-card:hover, .mp-page .mp-side-card:hover{transform:translateY(-4px);transition:0.25s ease;box-shadow:var(--mp-shadow-lg)}
.mp-page .mp-icon{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(var(--mp-brand-green-rgb),0.08);color:var(--mp-primary);font-size:1.3rem;margin-bottom:18px}
.mp-page .mp-card h3, .mp-page .mp-soft-card h3, .mp-page .mp-side-card h3, .mp-page .mp-warning h3, .mp-page .mp-quote h3, .mp-page .mp-cta h2{font-weight:800;margin-bottom:12px;color:var(--mp-dark)}
.mp-page .mp-card p, .mp-page .mp-soft-card p, .mp-page .mp-side-card p, .mp-page .mp-warning p, .mp-page .mp-quote p, .mp-page .mp-cta p{color:var(--mp-text);line-height:1.8;margin-bottom:0}
.mp-page .mp-check-list, .mp-page .mp-x-list{list-style:none;padding:0;margin:0}
.mp-page .mp-check-list li, .mp-page .mp-x-list li{position:relative;padding-left:30px;margin-bottom:14px;color:var(--mp-text);line-height:1.7}
.mp-page .mp-check-list li::before, .mp-page .mp-x-list li::before{position:absolute;left:0;top:1px;font-weight:900}
.mp-page .mp-check-list li::before{content:"✓";color:var(--mp-primary)}
.mp-page .mp-x-list li::before{content:"✕";color:#dc3545}
.mp-page .mp-quote{padding:34px;background:linear-gradient(135deg,#ffffff 0%,#FBFDFF 100%)}
.mp-page .mp-quote-mark{font-size:3rem;line-height:1;color:rgba(var(--mp-brand-green-rgb),0.18);font-weight:900;margin-bottom:8px}
.mp-page .mp-warning{padding:34px;background:linear-gradient(135deg,#fff8f5 0%,#ffffff 100%);border-color:#fde7de}
.mp-page .mp-warning small{display:inline-block;color:#b54708;background:rgba(245,124,0,0.08);border-radius:999px;padding:8px 12px;font-weight:800;margin-bottom:14px}
.mp-page .mp-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mp-page .mp-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mp-page .mp-soft-card{background:linear-gradient(180deg,#ffffff 0%,#FBFDFF 100%)}
.mp-page .mp-soft-card .mp-tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(var(--mp-brand-green-rgb),0.08);color:var(--mp-primary);font-size:0.85rem;font-weight:800;margin-bottom:14px}
.mp-page .mp-side-card{position:sticky;top:110px}
.mp-page .mp-side-card ul{margin-top:18px}
.mp-page .mp-cta{padding:42px;background:linear-gradient(135deg,#101523 0%,var(--mp-brand-green) 100%);position:relative;overflow:hidden}
.mp-page .mp-cta::after{content:"";position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;background:rgba(255,255,255,0.08);border-radius:50%}
.mp-page .mp-cta h2, .mp-page .mp-cta p{color:#fff;position:relative;z-index:2}
.mp-page .mp-cta p{color:rgba(255,255,255,0.85);max-width:680px}
.mp-page .mp-cta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;position:relative;z-index:2}
.mp-page .mp-btn-light, .mp-page .mp-btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;text-decoration:none;font-weight:800}
.mp-page .mp-btn-light{background:#fff;color:var(--mp-dark)}
.mp-page .mp-btn-glass{background:rgba(255,255,255,0.10);color:#fff;border:1px solid rgba(255,255,255,0.18)}
@media (max-width: 1199.98px){
  .mp-page .mp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-page .mp-side-card{position:static}
}
@media (max-width: 991.98px){
  .mp-page .mp-hero{padding-top:72px}
  .mp-page .mp-mini-grid, .mp-page .mp-grid-2, .mp-page .mp-grid-3{grid-template-columns:1fr}
  .mp-page .mp-hero-card img{min-height:320px}
  .mp-page .mp-floating{position:static;margin-top:16px;max-width:none}
}
@media (max-width: 767.98px){
  .mp-page .mp-section{padding:68px 0}
  .mp-page .mp-section-sm{padding:24px 0 68px}
  .mp-page .mp-actions, .mp-page .mp-cta-actions{flex-direction:column}
  .mp-page .mp-actions a, .mp-page .mp-cta-actions a{width:100%}
  .mp-page .mp-card, .mp-page .mp-soft-card, .mp-page .mp-side-card, .mp-page .mp-cta, .mp-page .mp-warning, .mp-page .mp-quote{padding:24px}
}
.mp-page{--mp-primary:var(--mp-brand-green);--mp-dark:#101523;--mp-text:#66705F;--mp-light:#F8FAF5;--mp-border:#DCE6F2}
.mp-page{background:radial-gradient(circle at top left,rgba(var(--mp-brand-green-rgb),.07),transparent 28%),linear-gradient(180deg,#fff 0%,#F8FAF5 100%)!important}
.mp-page .mp-badge, .mp-page .mp-icon, .mp-page .mp-soft-card .mp-tag{background:rgba(var(--mp-brand-green-rgb),.08)!important;color:var(--mp-brand-green)!important}
.mp-page .mp-hero::after{background:rgba(var(--mp-brand-green-rgb),.08)!important}
.mp-page .mp-btn{background:linear-gradient(135deg,var(--mp-brand-green) 0%,var(--mp-brand-green-dark) 100%)!important;color:#fff!important;box-shadow:0 16px 32px rgba(var(--mp-brand-green-rgb),.20)!important}
.mp-page .mp-btn-outline:hover{color:var(--mp-brand-green)!important;border-color:rgba(var(--mp-brand-green-rgb),.35)!important;background:rgba(var(--mp-brand-green-rgb),.03)!important}
.mp-page .mp-mini-item strong, .mp-page .mp-check-list li::before{color:var(--mp-brand-green)!important}
.mp-page .mp-quote{background:linear-gradient(135deg,#fff 0%,#F7FAFE 100%)!important}
.mp-page .mp-quote-mark{color:rgba(var(--mp-brand-green-rgb),.20)!important}
.mp-page .mp-cta{background:linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-green) 100%)!important}
/* ===== INFO/STRATEGIJA-POKLONA.PHP — END ===== */
/* ===== INFO/INFO-CENTAR.PHP — START ===== */
.mp-info-page{--mp-primary:var(--mp-brand-green);--mp-primary-dark:var(--mp-brand-green-dark);--mp-dark:#101523;--mp-dark-2:var(--mp-brand-deep);--mp-text:#66705F;--mp-soft:#F8FAF5;--mp-border:#DCE6F2;--mp-white:#ffffff;--mp-shadow:0 16px 40px rgba(15,23,42,.08);--mp-shadow-lg:0 28px 70px rgba(15,23,42,.14);--mp-radius:28px;--mp-radius-sm:20px}
.mp-info-page{background:radial-gradient(circle at top left,rgba(var(--mp-brand-green-rgb),.10),transparent 24%),radial-gradient(circle at 90% 10%,rgba(74,148,248,.08),transparent 18%),linear-gradient(180deg,#FBFDFF 0%,#ffffff 32%,#F8FAF5 100%);color:var(--mp-dark);overflow:hidden}
.mp-info-page .mp-container{width:min(1280px,calc(100% - 28px));margin:0 auto}
.mp-info-page .mp-section{padding:96px 0;position:relative}
.mp-info-page .mp-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(var(--mp-brand-green-rgb),.10);color:var(--mp-primary);font-weight:800;font-size:.95rem;letter-spacing:.01em}
.mp-info-page .mp-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-brown));box-shadow:0 0 18px rgba(var(--mp-brand-green-rgb),.35)}
.mp-info-page .mp-hero{min-height:92vh;display:flex;align-items:center;padding:110px 0 80px}
.mp-info-page .mp-hero-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.mp-info-page .mp-hero-title{font-size:clamp(3rem,6vw,6rem);line-height:.95;font-weight:900;letter-spacing:-.05em;margin:22px 0 22px;color:var(--mp-dark);max-width:840px}
.mp-info-page .mp-hero-title .soft{display:block;color:#596453;font-weight:800}
.mp-info-page .mp-hero-title .strong{display:block;background:linear-gradient(90deg,#101523 0%,var(--mp-brand-green) 45%,var(--mp-brand-brown) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mp-info-page .mp-hero-subtitle{font-size:1.12rem;line-height:1.9;color:var(--mp-text);max-width:760px;margin-bottom:30px}
.mp-info-page .mp-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}
.mp-info-page .mp-btn, .mp-info-page .mp-btn-outline, .mp-info-page .mp-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 24px;border-radius:18px;text-decoration:none;font-weight:800;transition:.25s ease}
.mp-info-page .mp-btn{color:#fff;background:linear-gradient(135deg,var(--mp-brand-green) 0%,var(--mp-brand-green-dark) 100%);box-shadow:0 18px 34px rgba(var(--mp-brand-green-rgb),.24)}
.mp-info-page .mp-btn:hover{color:#fff;transform:translateY(-2px)}
.mp-info-page .mp-btn-outline{color:var(--mp-dark);background:#fff;border:1px solid var(--mp-border);box-shadow:var(--mp-shadow)}
.mp-info-page .mp-btn-outline:hover{color:var(--mp-primary);border-color:rgba(var(--mp-brand-green-rgb),.35);transform:translateY(-2px)}
.mp-info-page .mp-btn-ghost{color:var(--mp-primary);background:rgba(var(--mp-brand-green-rgb),.08)}
.mp-info-page .mp-btn-ghost:hover{color:var(--mp-primary-dark);transform:translateY(-2px)}
.mp-info-page .mp-hero-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:820px}
.mp-info-page .mp-mini-box{padding:18px;border-radius:20px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.8);box-shadow:var(--mp-shadow);backdrop-filter:blur(10px)}
.mp-info-page .mp-mini-box strong{display:block;color:var(--mp-primary);font-size:1.25rem;margin-bottom:8px;font-weight:900}
.mp-info-page .mp-mini-box span{color:var(--mp-text);line-height:1.55;font-size:.95rem}
.mp-info-page .mp-visual{position:relative;min-height:700px;display:flex;align-items:center;justify-content:center;padding:30px}
.mp-info-page .mp-visual-shell{position:relative;width:100%;max-width:620px;min-height:640px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.98));border:1px solid rgba(255,255,255,.9);box-shadow:var(--mp-shadow-lg);overflow:visible}
.mp-info-page .mp-visual-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(var(--mp-brand-green-rgb),.12),transparent 25%),radial-gradient(circle at 80% 80%,rgba(var(--mp-brand-brown-rgb),.09),transparent 28%);pointer-events:none;border-radius:34px}
.mp-info-page .mp-visual-top{padding:22px 22px 0;display:flex;gap:8px;position:relative;z-index:2}
.mp-info-page .mp-top-dot{width:10px;height:10px;border-radius:50%;background:#d5dae3}
.mp-info-page .mp-visual-content{padding:22px;position:relative;z-index:2;height:100%}
.mp-info-page .mp-visual-main{border-radius:28px;overflow:hidden;background:#fff;border:1px solid #EDF1EA;box-shadow:var(--mp-shadow)}
.mp-info-page .mp-visual-main img{width:100%;height:500px;object-fit:cover;display:block}
.mp-info-page .mp-floating{position:absolute;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.85);box-shadow:var(--mp-shadow);backdrop-filter:blur(12px);border-radius:22px;padding:18px;z-index:3}
.mp-info-page .mp-floating h4{margin:0 0 8px;font-size:1rem;font-weight:900;color:var(--mp-dark)}
.mp-info-page .mp-floating p{margin:0;color:var(--mp-text);line-height:1.6;font-size:.92rem}
.mp-info-page .mp-floating-1{top:330px;left:-34px;width:230px}
.mp-info-page .mp-floating-2{right:-26px;top:95px;width:220px}
.mp-info-page .mp-floating-3{right:-10px;bottom:-34px;width:230px}
.mp-info-page .mp-categories{padding-top:30px}
.mp-info-page .mp-center-head{text-align:center;max-width:860px;margin:0 auto 50px}
.mp-info-page .mp-center-head h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.05;font-weight:900;letter-spacing:-.04em;margin:16px 0 14px;color:var(--mp-dark)}
.mp-info-page .mp-center-head p{color:var(--mp-text);line-height:1.85;font-size:1.05rem;margin:0}
.mp-info-page .mp-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.mp-info-page .mp-category-card{position:relative;overflow:hidden;border-radius:28px;padding:28px;min-height:280px;background:linear-gradient(180deg,#ffffff 0%,#F8FAF5 100%);border:1px solid #EDF1EA;box-shadow:var(--mp-shadow);transition:.25s ease}
.mp-info-page .mp-category-card:hover{transform:translateY(-6px);box-shadow:var(--mp-shadow-lg)}
.mp-info-page .mp-category-icon{width:64px;height:64px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--mp-brand-green-rgb),.08);color:var(--mp-primary);font-size:1.4rem;margin-bottom:18px}
.mp-info-page .mp-category-card h3{font-size:1.35rem;font-weight:900;margin-bottom:10px;color:var(--mp-dark)}
.mp-info-page .mp-category-card p{margin:0;color:var(--mp-text);line-height:1.8}
.mp-info-page .mp-featured-band{padding-top:40px}
.mp-info-page .mp-featured-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:stretch}
.mp-info-page .mp-panel{background:#fff;border:1px solid #EDF1EA;border-radius:32px;box-shadow:var(--mp-shadow);overflow:hidden}
.mp-info-page .mp-panel-media{position:relative;height:100%;min-height:620px;background:linear-gradient(180deg,#fff 0%,#F8FAF5 100%)}
.mp-info-page .mp-panel-media img{width:100%;height:100%;display:block;object-fit:cover}
.mp-info-page .mp-panel-media .mp-overlay-badge{position:absolute;top:22px;left:22px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--mp-dark);font-weight:800;box-shadow:var(--mp-shadow)}
.mp-info-page .mp-panel-body{padding:38px;display:flex;flex-direction:column;height:100%}
.mp-info-page .mp-kicker{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;align-items:center}
.mp-info-page .mp-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(var(--mp-brand-green-rgb),.08);color:var(--mp-primary);font-size:.88rem;font-weight:800}
.mp-info-page .mp-date{color:var(--mp-text);font-size:.94rem;font-weight:700}
.mp-info-page .mp-panel-body h2{font-size:clamp(2rem,3vw,3rem);line-height:1.07;font-weight:900;letter-spacing:-.04em;margin-bottom:16px;color:var(--mp-dark)}
.mp-info-page .mp-panel-body p{color:var(--mp-text);line-height:1.9;margin-bottom:20px;font-size:1.03rem}
.mp-info-page .mp-feature-points{display:grid;gap:14px;margin-top:auto;margin-bottom:26px}
.mp-info-page .mp-feature-item{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:#F8FAF5;border:1px solid #EDF1EA}
.mp-info-page .mp-feature-item i{color:var(--mp-primary);margin-top:3px;font-size:1rem}
.mp-info-page .mp-feature-item strong{display:block;margin-bottom:4px;color:var(--mp-dark);font-weight:800}
.mp-info-page .mp-feature-item span{color:var(--mp-text);line-height:1.6;font-size:.95rem}
.mp-info-page .mp-posts{padding-top:30px}
.mp-info-page .mp-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mp-info-page .mp-post-card{overflow:hidden;border-radius:28px;background:#fff;border:1px solid #EDF1EA;box-shadow:var(--mp-shadow);transition:.25s ease;height:100%}
.mp-info-page .mp-post-card:hover{transform:translateY(-6px);box-shadow:var(--mp-shadow-lg)}
.mp-info-page .mp-post-thumb{display:block;overflow:hidden;background:#F8FAF5;padding:0;aspect-ratio:1 / 1;border-bottom:1px solid #EDF1EA}
.mp-info-page .mp-post-thumb img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .35s ease}
.mp-info-page .mp-post-card:hover .mp-post-thumb img{transform:scale(1.05)}
.mp-info-page .mp-post-body{padding:26px}
.mp-info-page .mp-post-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.mp-info-page .mp-post-title{font-size:1.3rem;line-height:1.35;font-weight:900;margin-bottom:12px;color:var(--mp-dark)}
.mp-info-page .mp-post-title a{color:inherit;text-decoration:none}
.mp-info-page .mp-post-title a:hover{color:var(--mp-primary)}
.mp-info-page .mp-post-text{color:var(--mp-text);line-height:1.8;margin-bottom:18px}
.mp-info-page .mp-readmore{display:inline-flex;align-items:center;gap:10px;color:var(--mp-primary);text-decoration:none;font-weight:800}
.mp-info-page .mp-readmore:hover{color:var(--mp-primary-dark)}
.mp-info-page .mp-bottom-cta{padding-top:24px}
.mp-info-page .mp-cta-box{position:relative;overflow:hidden;border-radius:32px;padding:42px;background:linear-gradient(135deg,var(--mp-brand-deep) 0%,var(--mp-brand-green) 100%);box-shadow:var(--mp-shadow-lg)}
.mp-info-page .mp-cta-box::after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08)}
.mp-info-page .mp-cta-box h3{color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;font-weight:900;margin-bottom:14px;position:relative;z-index:2}
.mp-info-page .mp-cta-box p{color:rgba(255,255,255,.88);line-height:1.85;font-size:1.04rem;max-width:760px;position:relative;z-index:2;margin-bottom:24px}
.mp-info-page .mp-cta-actions{display:flex;flex-wrap:wrap;gap:14px;position:relative;z-index:2}
.mp-info-page .mp-empty-box{padding:34px;border-radius:28px;background:#fff;border:1px solid #EDF1EA;box-shadow:var(--mp-shadow)}
.mp-info-page .mp-empty-box h3{font-size:1.4rem;font-weight:900;color:var(--mp-dark);margin-bottom:10px}
.mp-info-page .mp-empty-box p{color:var(--mp-text);line-height:1.8;margin:0}
@media (max-width: 1240px){
  .mp-info-page .mp-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-info-page .mp-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 991.98px){
  .mp-info-page .mp-hero{min-height:auto;padding:90px 0 60px}
  .mp-info-page .mp-hero-wrap, .mp-info-page .mp-featured-wrap{grid-template-columns:1fr}
  .mp-info-page .mp-hero-mini, .mp-info-page .mp-category-grid, .mp-info-page .mp-post-grid{grid-template-columns:1fr}
  .mp-info-page .mp-visual{min-height:auto}
  .mp-info-page .mp-visual-shell{min-height:unset}
  .mp-info-page .mp-floating{position:relative;inset:auto;width:100%;margin-top:14px}
  .mp-info-page .mp-panel-media{min-height:380px}
}
@media (max-width: 767.98px){
  .mp-info-page .mp-section{padding:74px 0}
  .mp-info-page .mp-hero-title{font-size:2.8rem}
  .mp-info-page .mp-hero-actions, .mp-info-page .mp-cta-actions{flex-direction:column}
  .mp-info-page .mp-hero-actions a, .mp-info-page .mp-cta-actions a{width:100%}
  .mp-info-page .mp-panel-body, .mp-info-page .mp-post-body, .mp-info-page .mp-cta-box{padding:24px}
  .mp-info-page .mp-post-thumb{aspect-ratio:1 / 1}
  .mp-info-page .mp-post-thumb img{height:100%}
  .mp-info-page .mp-panel-media{min-height:280px}
}
.mp-info-page .mp-center-head--featured{margin-bottom:40px}
.mp-info-page .mp-center-head--posts{margin-bottom:42px}
.mp-info-page .mp-featured-title-link{color:inherit;text-decoration:none}
.mp-info-page .mp-featured-intro{margin-top:-4px}
.mp-info-page .mp-hero-actions--flush{margin-bottom:0}
.mp-info-page{--mp-primary:var(--mp-brand-green);--mp-primary-dark:var(--mp-brand-green-dark);--mp-dark:#101523;--mp-dark-2:var(--mp-brand-deep);--mp-text:#66705F;--mp-soft:#F8FAF5;--mp-border:#DCE6F2}
.mp-info-page{background:radial-gradient(circle at top left,rgba(var(--mp-brand-green-rgb),.09),transparent 24%),radial-gradient(circle at 90% 10%,rgba(var(--mp-brand-green-light-rgb),.10),transparent 18%),linear-gradient(180deg,#FBFDFF 0%,#fff 32%,#F8FAF5 100%)!important}
.mp-info-page .mp-eyebrow, .mp-info-page .mp-chip, .mp-info-page .mp-category-icon{background:rgba(var(--mp-brand-green-rgb),.09)!important;color:var(--mp-brand-green)!important}
.mp-info-page .mp-dot{background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-brown))!important;box-shadow:0 0 18px rgba(var(--mp-brand-green-rgb),.28)!important}
.mp-info-page .mp-hero-title .strong{background:linear-gradient(90deg,#101523 0%,var(--mp-brand-green) 52%,var(--mp-brand-brown) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
.mp-info-page .mp-btn{background:linear-gradient(135deg,var(--mp-brand-green) 0%,var(--mp-brand-green-dark) 100%)!important;color:#fff!important;box-shadow:0 18px 34px rgba(var(--mp-brand-green-rgb),.22)!important}
.mp-info-page .mp-btn-outline:hover{color:var(--mp-brand-green)!important;border-color:rgba(var(--mp-brand-green-rgb),.35)!important}
.mp-info-page .mp-btn-ghost{color:var(--mp-brand-green)!important;background:rgba(var(--mp-brand-green-rgb),.08)!important}
.mp-info-page .mp-btn-ghost:hover{color:var(--mp-brand-green-dark)!important}
.mp-info-page .mp-mini-box strong, .mp-info-page .mp-feature-item i, .mp-info-page .mp-post-title a:hover, .mp-info-page .mp-readmore{color:var(--mp-brand-green)!important}
.mp-info-page .mp-readmore:hover{color:var(--mp-brand-green-dark)!important}
.mp-info-page .mp-visual-shell::before{background:radial-gradient(circle at 20% 15%,rgba(var(--mp-brand-green-rgb),.12),transparent 25%),radial-gradient(circle at 80% 80%,rgba(var(--mp-brand-brown-rgb),.08),transparent 28%)!important}
.mp-info-page .mp-cta-box{background:linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 56%,var(--mp-brand-green) 100%)!important}
/* ===== INFO/INFO-CENTAR.PHP — END ===== */
/* ===== INFO/B2B-PARTNERI.PHP — START ===== */
.b2b-page{--b2b-ink:#101523;--b2b-muted:#66705F;--b2b-blue:var(--mp-brand-green);--b2b-blue2:var(--mp-brand-green-dark);--b2b-line:#DCE6F2;--b2b-dark:#101523;--b2b-gold:#d6ad38;--b2b-radius:28px;--b2b-shadow:0 18px 50px rgba(16,24,40,.09);--b2b-shadow-lg:0 30px 80px rgba(16,24,40,.15)}
.b2b-page{overflow:hidden;color:var(--b2b-ink);background:radial-gradient(circle at 8% 0%,rgba(var(--mp-brand-green-rgb),.10),transparent 26%),radial-gradient(circle at 93% 4%,rgba(214,173,56,.09),transparent 24%),linear-gradient(180deg,#fff 0%,#F8FAF5 48%,#fff 100%)}
.b2b-page .b2b-hero{position:relative;padding:86px 0 48px}
.b2b-page .b2b-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(var(--mp-brand-green-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--mp-brand-green-rgb),.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}
.b2b-page .b2b-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}
.b2b-page .b2b-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:9px 14px;border:1px solid #D8E5D0;border-radius:999px;background:#F7FAFE;color:var(--b2b-blue2);font-size:.91rem;font-weight:900}
.b2b-page .b2b-title{max-width:880px;margin:0 0 20px;font-size:clamp(2.7rem,5.2vw,5.5rem);line-height:.94;letter-spacing:-.055em;font-weight:950}
.b2b-page .b2b-title span{color:var(--b2b-blue)}
.b2b-page .b2b-lead{max-width:790px;margin:0;color:#66705F;font-size:1.08rem;line-height:1.9}
.b2b-page .b2b-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.b2b-page .b2b-btn, .b2b-page .b2b-btn-soft{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 21px;border-radius:16px;text-decoration:none;font-weight:900;transition:.2s ease}
.b2b-page .b2b-btn{color:#fff;background:linear-gradient(135deg,var(--b2b-blue) 0%,var(--b2b-blue2) 100%);box-shadow:0 15px 34px rgba(var(--mp-brand-green-rgb),.23)}
.b2b-page .b2b-btn:hover{color:#fff;transform:translateY(-2px)}
.b2b-page .b2b-btn-soft{border:1px solid var(--b2b-line);background:#fff;color:#45546B;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.b2b-page .b2b-btn-soft:hover{color:var(--b2b-blue2);border-color:#C7D9BC;transform:translateY(-2px)}
.b2b-page .b2b-hero-card{position:relative;overflow:hidden;min-height:500px;padding:34px;border-radius:38px;color:#fff;background:radial-gradient(circle at 84% 12%,rgba(74,148,248,.22),transparent 30%),radial-gradient(circle at 10% 92%,rgba(214,173,56,.13),transparent 28%),linear-gradient(145deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 56%,#0007C4 100%);box-shadow:var(--b2b-shadow-lg)}
.b2b-page .b2b-hero-card::after{content:"B2B";position:absolute;right:-18px;bottom:-42px;color:rgba(255,255,255,.035);font-size:10rem;font-weight:950;letter-spacing:-.06em}
.b2b-page .b2b-partner-label{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#D9ECCB;font-weight:850}
.b2b-page .b2b-hero-card h2{position:relative;z-index:1;max-width:520px;margin:38px 0 15px;color:#fff;font-size:clamp(2rem,3vw,3.15rem);line-height:1.02;letter-spacing:-.045em;font-weight:950}
.b2b-page .b2b-hero-card p{position:relative;z-index:1;max-width:560px;margin:0;color:rgba(255,255,255,.72);line-height:1.8}
.b2b-page .b2b-hero-points{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:26px}
.b2b-page .b2b-hero-point{display:flex;align-items:center;gap:10px;min-height:58px;padding:11px 13px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.055);color:#F3F8EF;font-weight:800}
.b2b-page .b2b-hero-point i{color:var(--mp-brand-green-light)}
.b2b-page .b2b-strip{position:relative;z-index:2;margin-top:34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.b2b-page .b2b-strip-item{padding:20px;border:1px solid var(--b2b-line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:var(--b2b-shadow)}
.b2b-page .b2b-strip-item strong{display:block;margin-bottom:7px;font-size:1.08rem;font-weight:950}
.b2b-page .b2b-strip-item span{color:var(--b2b-muted);font-size:.93rem;line-height:1.6}
.b2b-page .b2b-section{padding:42px 0}
.b2b-page .b2b-section-head{max-width:940px;margin-bottom:26px}
.b2b-page .b2b-section-head .eyebrow{display:block;margin-bottom:9px;color:var(--b2b-blue2);font-size:.79rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.b2b-page .b2b-section-head h2{margin:0 0 12px;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.04;letter-spacing:-.045em;font-weight:950}
.b2b-page .b2b-section-head p{margin:0;color:var(--b2b-muted);line-height:1.84}
.b2b-page .b2b-grid-3, .b2b-page .b2b-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b2b-page .b2b-card, .b2b-page .b2b-service, .b2b-page .b2b-step, .b2b-page .b2b-faq-item, .b2b-page .b2b-seo-copy{border:1px solid var(--b2b-line);background:#fff;box-shadow:var(--b2b-shadow)}
.b2b-page .b2b-card{position:relative;overflow:hidden;padding:28px;border-radius:var(--b2b-radius);transition:.22s ease}
.b2b-page .b2b-card:hover{transform:translateY(-4px);box-shadow:var(--b2b-shadow-lg)}
.b2b-page .b2b-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:18px;background:var(--mp-brand-green-soft);color:var(--b2b-blue2);font-size:1.25rem}
.b2b-page .b2b-card h3{margin:0 0 10px;font-size:1.18rem;font-weight:950}
.b2b-page .b2b-card p{margin:0;color:var(--b2b-muted);line-height:1.73}
.b2b-page .b2b-dark{position:relative;overflow:hidden;padding:38px;border-radius:34px;background:radial-gradient(circle at 90% 8%,rgba(var(--mp-brand-green-rgb),.25),transparent 27%),linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 56%,#0007C4 100%);color:#fff;box-shadow:var(--b2b-shadow-lg)}
.b2b-page .b2b-dark h2{margin:0 0 13px;color:#fff;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:950;letter-spacing:-.04em}
.b2b-page .b2b-dark p{max-width:930px;margin:0;color:rgba(255,255,255,.72);line-height:1.84}
.b2b-page .b2b-dark-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}
.b2b-page .b2b-dark-item{padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.055)}
.b2b-page .b2b-dark-item strong{display:block;margin-bottom:6px;color:#fff;font-weight:900}
.b2b-page .b2b-dark-item span{color:rgba(255,255,255,.67);font-size:.91rem;line-height:1.55}
.b2b-page .b2b-service{display:flex;flex-direction:column;min-height:100%;padding:26px;border-radius:26px}
.b2b-page .b2b-service-top{display:flex;align-items:center;gap:13px;margin-bottom:15px}
.b2b-page .b2b-service-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex:0 0 48px;border-radius:15px;background:#EEF5E9;color:var(--b2b-blue2)}
.b2b-page .b2b-service h3{margin:0;font-size:1.1rem;font-weight:950}
.b2b-page .b2b-service p{margin:0 0 18px;color:var(--b2b-muted);line-height:1.68}
.b2b-page .b2b-service a{margin-top:auto;color:var(--b2b-blue2);text-decoration:none;font-weight:900}
.b2b-page .b2b-service.gold{border-color:#ead8a5;background:linear-gradient(180deg,#fffdf7 0%,#fff9e8 100%)}
.b2b-page .b2b-service.gold .b2b-service-icon{background:#fff0bd;color:#896100}
.b2b-page .b2b-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:steps}
.b2b-page .b2b-step{padding:25px;border-radius:24px}
.b2b-page .b2b-step::before{counter-increment:steps;content:counter(steps);width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:14px;background:var(--mp-brand-green-soft);color:var(--b2b-blue2);font-weight:950}
.b2b-page .b2b-step h3{margin:0 0 9px;font-size:1.04rem;font-weight:950}
.b2b-page .b2b-step p{margin:0;color:var(--b2b-muted);line-height:1.68}
.b2b-page .b2b-seo-copy{padding:32px;border-radius:30px}
.b2b-page .b2b-seo-copy h2, .b2b-page .b2b-seo-copy h3{font-weight:950;letter-spacing:-.025em}
.b2b-page .b2b-seo-copy p{color:var(--b2b-muted);line-height:1.86}
.b2b-page .b2b-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.b2b-page .b2b-faq-item{padding:24px;border-radius:24px}
.b2b-page .b2b-faq-item h3{margin:0 0 10px;font-size:1.05rem;font-weight:950}
.b2b-page .b2b-faq-item p{margin:0;color:var(--b2b-muted);line-height:1.72}
.b2b-page .b2b-cta{position:relative;overflow:hidden;padding:40px;border-radius:34px;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(214,173,56,.16),transparent 28%),linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 55%,#0007C4 100%);box-shadow:var(--b2b-shadow-lg)}
.b2b-page .b2b-cta h2{margin:0 0 12px;color:#fff;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.05;letter-spacing:-.04em;font-weight:950}
.b2b-page .b2b-cta p{max-width:850px;margin:0;color:rgba(255,255,255,.74);line-height:1.82}
.b2b-page .b2b-cta .b2b-btn-soft{color:#fff;border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.08);box-shadow:none}
.b2b-page .b2b-mini{margin-top:16px;color:rgba(255,255,255,.58);font-size:.88rem}
@media (max-width:1199.98px){
  .b2b-page .b2b-grid-3, .b2b-page .b2b-services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2b-page .b2b-strip, .b2b-page .b2b-dark-grid, .b2b-page .b2b-process{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991.98px){
  .b2b-page .b2b-hero-grid{grid-template-columns:1fr}
  .b2b-page .b2b-hero-card{min-height:auto}
}
@media (max-width:767.98px){
  .b2b-page .b2b-hero{padding:60px 0 34px}
  .b2b-page .b2b-strip, .b2b-page .b2b-grid-3, .b2b-page .b2b-services, .b2b-page .b2b-dark-grid, .b2b-page .b2b-process, .b2b-page .b2b-faq{grid-template-columns:1fr}
  .b2b-page .b2b-actions{flex-direction:column}
  .b2b-page .b2b-actions a{width:100%}
  .b2b-page .b2b-hero-points{grid-template-columns:1fr}
  .b2b-page .b2b-card, .b2b-page .b2b-dark, .b2b-page .b2b-seo-copy, .b2b-page .b2b-cta{padding:23px}
}
.b2b-page{--b2b-ink:#101523;--b2b-muted:#66705F;--b2b-blue:var(--mp-brand-green);--b2b-blue2:var(--mp-brand-green-dark);--b2b-line:#DCE6F2;--b2b-dark:#101523;--b2b-gold:#D6AD38}
.b2b-page{background:radial-gradient(circle at 8% 0%,rgba(var(--mp-brand-green-rgb),.09),transparent 26%),radial-gradient(circle at 93% 4%,rgba(214,173,56,.08),transparent 24%),linear-gradient(180deg,#fff 0%,#F8FAF5 48%,#fff 100%)!important}
.b2b-page .b2b-hero::before{background-image:linear-gradient(rgba(var(--mp-brand-green-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--mp-brand-green-rgb),.035) 1px,transparent 1px)!important}
.b2b-page .b2b-kicker{border-color:#D8E5D0!important;background:#F7FAFE!important;color:var(--mp-brand-green-dark)!important}
.b2b-page .b2b-title span, .b2b-page .b2b-section-head .eyebrow, .b2b-page .b2b-service a{color:var(--mp-brand-green)!important}
.b2b-page .b2b-btn{background:linear-gradient(135deg,var(--mp-brand-green) 0%,var(--mp-brand-green-dark) 100%)!important;box-shadow:0 15px 34px rgba(var(--mp-brand-green-rgb),.22)!important}
.b2b-page .b2b-btn-soft:hover{color:var(--mp-brand-green-dark)!important;border-color:#C7D9BC!important}
.b2b-page .b2b-hero-card{background:radial-gradient(circle at 84% 12%,rgba(var(--mp-brand-green-rgb),.20),transparent 30%),radial-gradient(circle at 10% 92%,rgba(214,173,56,.11),transparent 28%),linear-gradient(145deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 56%,#0007C4 100%)!important}
.b2b-page .b2b-partner-label{color:#D9ECCB!important}
.b2b-page .b2b-hero-point i{color:var(--mp-brand-green-light)!important}
.b2b-page .b2b-card-icon, .b2b-page .b2b-service-icon, .b2b-page .b2b-step::before{background:var(--mp-brand-green-soft)!important;color:var(--mp-brand-green)!important}
.b2b-page .b2b-dark{background:radial-gradient(circle at 90% 8%,rgba(var(--mp-brand-green-rgb),.22),transparent 27%),linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 56%,#0007C4 100%)!important}
.b2b-page .b2b-cta{background:radial-gradient(circle at 88% 8%,rgba(214,173,56,.15),transparent 28%),linear-gradient(135deg,var(--mp-brand-black) 0%,var(--mp-brand-deep) 55%,#0007C4 100%)!important}
.b2b-page .b2b-service.gold{border-color:#EAD8A5!important;background:linear-gradient(180deg,#FFFDF7 0%,#FFF9E8 100%)!important}
.b2b-page .b2b-service.gold .b2b-service-icon{background:#FFF0BD!important;color:#896100!important}
/* ===== INFO/B2B-PARTNERI.PHP — END ===== */
/* ===== USLUGE/WEBDESIGN.PHP — START ===== */
.webdev-page{--mp-blue:var(--mp-brand-green);--mp-cyan:var(--mp-brand-green-light);--mp-ink:#101523;--mp-ink-2:var(--mp-brand-deep);--mp-text:#66705F;--mp-soft:#F8FAF5;--mp-line:#DCE6F2;--mp-card:#ffffff;--mp-radius:28px;--mp-shadow:0 18px 50px rgba(15,23,42,.08);--mp-shadow-lg:0 28px 70px rgba(15,23,42,.13)}
.webdev-page{background:radial-gradient(circle at 12% 0%,rgba(var(--mp-brand-green-rgb),.10),transparent 24%),radial-gradient(circle at 92% 12%,rgba(var(--mp-brand-green-light-rgb),.11),transparent 24%),linear-gradient(180deg,#fff 0%,#FBFDFF 100%);overflow:hidden}
.webdev-page .webdev-container{width:min(1180px,calc(100% - 36px));margin:0 auto}
.webdev-page .webdev-hero{position:relative;padding:90px 0 74px}
.webdev-page .webdev-hero::before{content:"";position:absolute;width:420px;height:420px;right:-170px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(var(--mp-brand-green-rgb),.16),rgba(var(--mp-brand-green-rgb),0) 68%);pointer-events:none}
.webdev-page .webdev-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:54px;align-items:center}
.webdev-page .webdev-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(var(--mp-brand-green-rgb),.15);border-radius:999px;background:rgba(var(--mp-brand-green-rgb),.07);color:var(--mp-blue);font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.webdev-page .webdev-title{margin:0;max-width:780px;color:var(--mp-ink);font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:950}
.webdev-page .webdev-title span{color:var(--mp-blue)}
.webdev-page .webdev-lead{max-width:720px;margin:24px 0 0;color:var(--mp-text);font-size:18px;line-height:1.75}
.webdev-page .webdev-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.webdev-page .webdev-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 18px;border-radius:14px;background:linear-gradient(135deg,var(--mp-blue),#0007C4);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 12px 26px rgba(var(--mp-brand-green-rgb),.20);transition:.2s ease}
.webdev-page .webdev-btn:hover{transform:translateY(-2px);color:#fff}
.webdev-page .webdev-btn.ghost{background:#fff;color:var(--mp-ink);border:1px solid var(--mp-line);box-shadow:none}
.webdev-page .webdev-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.webdev-page .webdev-tech span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--mp-line);color:#66705F;font-size:12px;font-weight:800}
.webdev-page .hero-code-card{position:relative;min-height:430px;padding:24px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,251,255,.98));border:1px solid #E7EDE3;box-shadow:var(--mp-shadow-lg)}
.webdev-page .hero-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.webdev-page .hero-dots{display:flex;gap:7px}
.webdev-page .hero-dots i{width:9px;height:9px;border-radius:50%;background:#d8e0e8;display:block}
.webdev-page .hero-code-toolbar span{color:#8a99a8;font-size:11px;font-weight:800}
.webdev-page .hero-code-window{height:320px;padding:22px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(var(--mp-brand-green-light-rgb),.15),transparent 26%),#171A17;color:#c9d7e3;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.8}
.webdev-page .hero-code-window .blue{color:var(--mp-brand-green-light)}
.webdev-page .hero-code-window .green{color:#73B5FF}
.webdev-page .hero-code-window .purple{color:#D7B07A}
.webdev-page .hero-code-window .muted{color:#7E8978}
.webdev-page .webdev-section{padding:82px 0}
.webdev-page .section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.webdev-page .section-top h2{margin:0;max-width:760px;color:var(--mp-ink);font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.04em;font-weight:950}
.webdev-page .section-top p{margin:12px 0 0;max-width:700px;color:var(--mp-text);line-height:1.7}
.webdev-page .bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.webdev-page .bento-card{position:relative;overflow:hidden;padding:28px;border:1px solid var(--mp-line);border-radius:var(--mp-radius);background:var(--mp-card);box-shadow:var(--mp-shadow)}
.webdev-page .bento-card h3{margin:12px 0 10px;color:var(--mp-ink);font-size:22px;font-weight:950}
.webdev-page .bento-card p{margin:0;color:var(--mp-text);line-height:1.75}
.webdev-page .bento-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(var(--mp-brand-green-rgb),.08);color:var(--mp-blue);font-size:20px}
.webdev-page .bento-card.large{grid-column:span 6}
.webdev-page .bento-card.medium{grid-column:span 3}
.webdev-page .bento-card.dark{color:#fff;background:radial-gradient(circle at 85% 15%,rgba(var(--mp-brand-green-light-rgb),.18),transparent 30%),linear-gradient(135deg,#171A17,var(--mp-brand-deep));border-color:rgba(255,255,255,.06)}
.webdev-page .bento-card.dark h3{color:#fff}
.webdev-page .bento-card.dark p{color:rgba(255,255,255,.72)}
.webdev-page .bento-number{font-size:42px;font-weight:950;letter-spacing:-.04em;color:var(--mp-blue)}
.webdev-page .project-stack{display:grid;gap:24px}
.webdev-page .project-showcase{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:34px;align-items:center;padding:30px;border-radius:32px;border:1px solid var(--mp-line);background:#fff;box-shadow:var(--mp-shadow)}
.webdev-page .project-showcase.featured{background:radial-gradient(circle at 88% 18%,rgba(var(--mp-brand-green-light-rgb),.10),transparent 28%),linear-gradient(180deg,#fff,#FBFDFF)}
.webdev-page .project-image-wrap{position:relative;overflow:hidden;border-radius:24px;background:#EEF2EB}
.webdev-page .project-image-wrap img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:.35s ease}
.webdev-page .project-showcase:hover .project-image-wrap img{transform:scale(1.02)}
.webdev-page .project-label{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(var(--mp-brand-green-rgb),.08);color:var(--mp-blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.webdev-page .project-copy h3{margin:16px 0 12px;color:var(--mp-ink);font-size:32px;line-height:1.05;letter-spacing:-.03em;font-weight:950}
.webdev-page .project-copy p{color:var(--mp-text);line-height:1.78;margin:0}
.webdev-page .project-copy p + p{margin-top:14px}
.webdev-page .project-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}
.webdev-page .project-meta span{padding:7px 9px;border-radius:999px;background:#F3F6F1;color:#66705F;font-size:11px;font-weight:800}
.webdev-page .project-link{display:inline-flex;align-items:center;gap:8px;color:var(--mp-blue);text-decoration:none;font-weight:900}
.webdev-page .project-link:hover{text-decoration:underline}
.webdev-page .portfolio-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.webdev-page .portfolio-item{overflow:hidden;border-radius:20px;border:1px solid var(--mp-line);background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.webdev-page .portfolio-item img{width:100%;height:180px;object-fit:cover;display:block;transition:.3s ease}
.webdev-page .portfolio-item:hover img{transform:scale(1.035)}
.webdev-page .flagship-project{position:relative;overflow:hidden;border:1px solid rgba(var(--mp-brand-green-rgb),.28);background:radial-gradient(circle at 12% 18%,rgba(var(--mp-brand-green-rgb),.08),transparent 28%),linear-gradient(180deg,#ffffff 0%,#FBFDFF 100%);box-shadow:0 28px 80px rgba(var(--mp-brand-green-rgb),.12),0 18px 50px rgba(15,23,42,.08)}
.webdev-page .flagship-project::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.webdev-page .project-label-flagship{background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-green-light));color:#fff}
.webdev-page .references-block{margin-top:52px}
.webdev-page .references-head{margin-bottom:24px}
.webdev-page .reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.webdev-page .reference-card{display:block;overflow:hidden;border:1px solid var(--mp-line);border-radius:22px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 30px rgba(15,23,42,.06);transition:.22s ease}
.webdev-page .reference-card:hover{transform:translateY(-4px);box-shadow:var(--mp-shadow);color:inherit}
.webdev-page .reference-card img{width:100%;height:180px;object-fit:cover;display:block;transition:.3s ease}
.webdev-page .reference-card:hover img{transform:scale(1.03)}
.webdev-page .reference-copy{padding:18px}
.webdev-page .reference-copy strong{display:block;color:var(--mp-ink);font-size:18px;font-weight:950;line-height:1.2}
.webdev-page .reference-copy span{display:inline-flex;margin-top:9px;padding:6px 9px;border-radius:999px;background:rgba(var(--mp-brand-green-rgb),.08);color:var(--mp-blue);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.webdev-page .reference-copy small{display:block;margin-top:11px;color:#8794a3;font-size:12px}
.webdev-page .reference-copy p{margin:14px 0 0;color:var(--mp-text);font-size:13px;line-height:1.65}
.webdev-page .reference-card-featured{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;border-color:rgba(var(--mp-brand-green-rgb),.20);background:linear-gradient(135deg,#fff,#FBFDFF)}
.webdev-page .reference-card-featured img{height:100%;min-height:240px}
.webdev-page .webdev-cta{position:relative;overflow:hidden;padding:46px;border-radius:32px;background:radial-gradient(circle at 85% 20%,rgba(var(--mp-brand-green-light-rgb),.20),transparent 26%),linear-gradient(135deg,#171A17,var(--mp-brand-green));color:#fff}
.webdev-page .webdev-cta h2{max-width:760px;margin:0;color:#fff;font-size:clamp(36px,4vw,54px);line-height:1.04;letter-spacing:-.04em;font-weight:950}
.webdev-page .webdev-cta p{max-width:700px;margin:16px 0 0;color:rgba(255,255,255,.78);line-height:1.75}
.webdev-page .webdev-cta .webdev-actions{position:relative;z-index:2}
.webdev-page .webdev-cta .webdev-btn{background:#fff;color:var(--mp-ink)}
.webdev-page .webdev-cta .webdev-btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
@media (max-width:1050px){
  .webdev-page .webdev-hero-grid, .webdev-page .project-showcase{grid-template-columns:1fr}
  .webdev-page .hero-code-card{min-height:auto}
  .webdev-page .bento-card.large{grid-column:span 12}
  .webdev-page .bento-card.medium{grid-column:span 6}
  .webdev-page .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .webdev-page .reference-card-featured{grid-column:span 2}
}
@media (max-width:700px){
  .webdev-page .webdev-container{width:min(100% - 24px,1180px)}
  .webdev-page .webdev-hero{padding:62px 0 52px}
  .webdev-page .webdev-section{padding:62px 0}
  .webdev-page .webdev-title{font-size:44px}
  .webdev-page .hero-code-window{height:270px;font-size:11px}
  .webdev-page .bento-card.medium{grid-column:span 12}
  .webdev-page .project-showcase{padding:18px;border-radius:24px}
  .webdev-page .project-copy h3{font-size:27px}
  .webdev-page .reference-grid{grid-template-columns:1fr}
  .webdev-page .reference-card-featured{grid-column:span 1;display:block}
  .webdev-page .reference-card-featured img, .webdev-page .reference-card img{height:210px;min-height:0}
  .webdev-page .webdev-cta{padding:28px}
  .webdev-page .webdev-actions{flex-direction:column}
  .webdev-page .webdev-actions a{width:100%}
}
.webdev-page .promobay-project{border-color:rgba(var(--mp-brand-green-rgb),.18);background:radial-gradient(circle at 88% 18%,rgba(var(--mp-brand-green-light-rgb),.10),transparent 30%),linear-gradient(180deg,#ffffff 0%,#F7FAFE 100%)}
.webdev-page .promobay-label{color:var(--mp-brand-green-dark);background:linear-gradient(135deg,rgba(var(--mp-brand-green-rgb),.10),rgba(var(--mp-brand-green-light-rgb),.10));border:1px solid rgba(var(--mp-brand-green-rgb),.14)}
.webdev-page .promobay-project .project-meta span:first-child{color:var(--mp-brand-green-dark);background:var(--mp-brand-green-soft);border:1px solid #CFE0C5}
.webdev-page .reference-card img{height:auto!important;aspect-ratio:1 / 1!important;object-fit:cover!important}
.webdev-page .reference-card-featured img{aspect-ratio:1 / 1!important;min-height:0!important}
.webdev-page .project-reference-card{background:linear-gradient(180deg,#fff,#FBFDFF)}
.webdev-page .project-reference-card .reference-copy span{background:rgba(var(--mp-brand-green-rgb),.08);color:var(--mp-blue)}
.webdev-page .project-stack .project-showcase{margin-bottom:0}
.webdev-page .reference-card{background:#fff}
.webdev-page .reference-card > img, .webdev-page .reference-card-featured > img{width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;object-fit:contain!important;object-position:center center!important;padding:12px!important;background:linear-gradient(180deg,#f8fafc,#EEF2EB)!important;box-sizing:border-box}
.webdev-page .reference-card:hover > img, .webdev-page .reference-card-featured:hover > img{transform:scale(1.015)!important}
.webdev-page .reference-card-featured{align-items:stretch}
@media (max-width:700px){
  .webdev-page .reference-card > img, .webdev-page .reference-card-featured > img{aspect-ratio:4 / 3!important;padding:10px!important}
}
.webdev-page .reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.webdev-page .reference-card{display:block!important;overflow:hidden!important;border-radius:22px!important;background:#fff!important}
.webdev-page .reference-card > img, .webdev-page .reference-card-featured > img{width:100%!important;height:220px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;padding:10px!important;background:linear-gradient(180deg,#f8fafc,#EEF2EB)!important;box-sizing:border-box!important}
.webdev-page .reference-card-featured{grid-column:span 1!important;display:block!important}
.webdev-page .reference-card-featured > img{min-height:0!important}
.webdev-page .reference-copy{padding:18px!important}
.webdev-page .reference-card:hover > img, .webdev-page .reference-card-featured:hover > img{transform:scale(1.012)!important}
@media (max-width:1050px){
  .webdev-page .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:700px){
  .webdev-page .reference-grid{grid-template-columns:1fr!important}
  .webdev-page .reference-card > img, .webdev-page .reference-card-featured > img{height:210px!important;padding:8px!important}
}
.webdev-page .reference-card > img, .webdev-page .reference-card-featured > img{width:100%!important;height:220px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center top!important;padding:0!important;background:#EEF2EB!important}
.webdev-page .reference-card:hover > img, .webdev-page .reference-card-featured:hover > img{transform:scale(1.025)!important}
@media (max-width:700px){
  .webdev-page .reference-card > img, .webdev-page .reference-card-featured > img{height:205px!important;object-position:center top!important}
}
.webdev-page .project-stack .project-showcase{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
.webdev-page .project-stack .project-image-wrap{aspect-ratio:1.22 / 1!important;min-height:0!important}
.webdev-page .project-stack .project-image-wrap img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center center!important}
.webdev-page .promobay-project .project-image-wrap img{object-position:center top!important}
@media (max-width:1050px){
  .webdev-page .project-stack .project-showcase{grid-template-columns:1fr!important}
  .webdev-page .project-stack .project-image-wrap{aspect-ratio:16 / 10!important}
}
@media (max-width:700px){
  .webdev-page .project-stack .project-image-wrap{aspect-ratio:4 / 3!important}
}
.webdev-page .webdev-kicker--inverse{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
.webdev-page{--mp-blue:var(--mp-brand-green);--mp-cyan:var(--mp-brand-green-light);--mp-ink:#101523;--mp-ink-2:var(--mp-brand-deep);--mp-text:#66705F;--mp-soft:#F8FAF5;--mp-line:#DCE6F2}
.webdev-page{background:radial-gradient(circle at 12% 0%,rgba(var(--mp-brand-green-rgb),.09),transparent 24%),radial-gradient(circle at 92% 12%,rgba(var(--mp-brand-green-light-rgb),.10),transparent 24%),linear-gradient(180deg,#fff 0%,#FBFDFF 100%)!important}
.webdev-page .webdev-hero::before{background:radial-gradient(circle,rgba(var(--mp-brand-green-rgb),.14),rgba(var(--mp-brand-green-rgb),0) 68%)!important}
.webdev-page .webdev-kicker, .webdev-page .project-label, .webdev-page .reference-copy span{background:rgba(var(--mp-brand-green-rgb),.08)!important;border-color:rgba(var(--mp-brand-green-rgb),.15)!important;color:var(--mp-brand-green)!important}
.webdev-page .webdev-title span, .webdev-page .project-link, .webdev-page .bento-number{color:var(--mp-brand-green)!important}
.webdev-page .webdev-btn{background:linear-gradient(135deg,var(--mp-brand-green),var(--mp-brand-green-dark))!important;color:#fff!important;box-shadow:0 12px 26px rgba(var(--mp-brand-green-rgb),.20)!important}
.webdev-page .webdev-btn.ghost{background:#fff!important;color:#101523!important;border-color:#DCE6F2!important}
.webdev-page .hero-code-window{background:radial-gradient(circle at 85% 15%,rgba(var(--mp-brand-green-rgb),.15),transparent 26%),#171A17!important}
.webdev-page .bento-icon{background:rgba(var(--mp-brand-green-rgb),.08)!important;color:var(--mp-brand-green)!important}
.webdev-page .bento-card.dark{background:radial-gradient(circle at 85% 15%,rgba(var(--mp-brand-green-rgb),.16),transparent 30%),linear-gradient(135deg,#171A17,var(--mp-brand-deep))!important}
.webdev-page .project-showcase.featured, .webdev-page .flagship-project, .webdev-page .promobay-project, .webdev-page .reference-card-featured{background:radial-gradient(circle at 88% 18%,rgba(var(--mp-brand-green-rgb),.08),transparent 28%),linear-gradient(180deg,#fff,#F7FAFE)!important}
.webdev-page .flagship-project{border-color:rgba(var(--mp-brand-green-rgb),.24)!important;box-shadow:0 28px 80px rgba(var(--mp-brand-green-rgb),.10),0 18px 50px rgba(15,23,42,.08)!important}
.webdev-page .project-label-flagship{background:linear-gradient(135deg,var(--mp-brand-green),#0007C4)!important;color:#fff!important}
.webdev-page .promobay-label{color:var(--mp-brand-green-dark)!important;background:linear-gradient(135deg,rgba(var(--mp-brand-green-rgb),.10),rgba(var(--mp-brand-green-light-rgb),.13))!important;border-color:rgba(var(--mp-brand-green-rgb),.16)!important}
.webdev-page .promobay-project .project-meta span:first-child{color:var(--mp-brand-green-dark)!important;background:var(--mp-brand-green-soft)!important;border-color:#CFE0C5!important}
.webdev-page .webdev-cta{background:radial-gradient(circle at 85% 20%,rgba(var(--mp-brand-green-light-rgb),.16),transparent 26%),linear-gradient(135deg,var(--mp-brand-black),var(--mp-brand-deep) 55%,var(--mp-brand-green))!important}
.webdev-page .hero-code-window .blue{color:var(--mp-brand-green-light)!important}
.webdev-page .hero-code-window .green{color:#73B5FF!important}
.webdev-page .hero-code-window .purple{color:#D7B07A!important}
.webdev-page .hero-code-window .muted{color:#7E8978!important}
/* ===== USLUGE/WEBDESIGN.PHP — END ===== */
/* ===== WEB/API-INTEGRACIJE.PHP — START ===== */
.api-page{--api-bg:#EEF5E9;--api-bg-2:#E6EDE1;--api-ink:#101523;--api-text:#66705F;--api-blue:var(--mp-brand-green);--api-blue-2:#0007C4;--api-cyan:var(--mp-brand-green-light);--api-line:rgba(68,92,124,.16);--api-white:#fff}
.api-page, .api-page{overflow-x:hidden}
.api-page{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 7%,rgba(var(--mp-brand-green-rgb),.16),transparent 28%),radial-gradient(circle at 88% 15%,rgba(var(--mp-brand-green-light-rgb),.14),transparent 24%),linear-gradient(180deg,#E5ECE0 0,#EEF3EA 26%,#FBFDFF 58%,#F1F5ED 100%);color:var(--api-ink)}
.api-page .api-container{width:min(1320px,calc(100% - 36px));margin:0 auto}
.api-page .api-hero{position:relative;min-height:760px;display:flex;align-items:center;padding:92px 0 74px}
.api-page .api-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,35,.16),rgba(8,18,35,0) 28%),radial-gradient(circle at 72% 47%,rgba(var(--mp-brand-green-rgb),.14),transparent 25%);pointer-events:none}
.api-page .api-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:58px;align-items:center}
.api-page .api-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--mp-brand-green-dark);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.api-page .api-eyebrow::before{content:"";width:40px;height:1px;background:var(--mp-brand-green)}
.api-page .api-hero h1{margin:0;max-width:700px;font-size:clamp(56px,6.2vw,96px);line-height:.92;letter-spacing:-.065em;font-weight:1000;color:#101523}
.api-page .api-hero h1 span{display:block;color:var(--mp-brand-green)}
.api-page .api-hero-lead{max-width:700px;margin:28px 0 0;color:#5F695A;font-size:18px;line-height:1.7}
.api-page .api-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.api-page .api-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:900;transition:.18s ease}
.api-page .api-btn.primary{background:#101523;color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.15)}
.api-page .api-btn.primary:hover{transform:translateY(-2px);color:#fff}
.api-page .api-btn.secondary{background:rgba(255,255,255,.66);color:var(--mp-brand-green-dark);border:1px solid rgba(48,85,142,.16);backdrop-filter:blur(10px)}
.api-page .api-btn.secondary:hover{background:#fff;color:var(--mp-brand-green-dark)}
.api-page .api-visual{position:relative;min-height:590px}
.api-page .api-screen{position:absolute;overflow:hidden;border-radius:30px;box-shadow:0 34px 80px rgba(28,47,77,.18),0 8px 30px rgba(var(--mp-brand-green-rgb),.10)}
.api-page .api-screen img{width:100%;height:100%;object-fit:cover;display:block}
.api-page .api-screen.promobay{width:76%;height:66%;right:0;top:2%;z-index:3;transform:rotate(1.2deg)}
.api-page .api-screen.promobox{width:66%;height:56%;left:0;bottom:1%;z-index:2;transform:rotate(-2deg)}
.api-page .api-screen::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.55);border-radius:inherit;pointer-events:none}
.api-page .api-orbit{position:absolute;right:4%;bottom:12%;z-index:5;width:164px;height:164px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92),rgba(231,241,255,.82));border:1px solid rgba(80,120,190,.18);box-shadow:0 18px 50px rgba(var(--mp-brand-green-rgb),.15)}
.api-page .api-orbit::before{content:"";position:absolute;inset:12px;border:1px dashed rgba(var(--mp-brand-green-rgb),.26);border-radius:50%;animation:apiSpin 14s linear infinite}
.api-page .api-orbit strong{position:relative;z-index:2;color:var(--mp-brand-green);font-size:34px;line-height:1;letter-spacing:-.05em}
.api-page .api-orbit span{position:absolute;bottom:40px;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
@keyframes apiSpin{
  to{transform:rotate(360deg)}
}
.api-page .api-proof-wrap{position:relative;z-index:4;margin-top:-18px}
.api-page .api-proof{display:grid;grid-template-columns:1.2fr repeat(4,1fr);border-top:1px solid rgba(64,89,123,.18);border-bottom:1px solid rgba(64,89,123,.18);background:rgba(255,255,255,.36);backdrop-filter:blur(14px)}
.api-page .api-proof > div{min-height:112px;padding:22px 24px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(64,89,123,.12)}
.api-page .api-proof > div:last-child{border-right:0}
.api-page .api-proof .intro strong{font-size:18px;line-height:1.2}
.api-page .api-proof .intro span{margin-top:7px;color:#6c7a8d;font-size:11px;line-height:1.5}
.api-page .api-proof .brand strong{font-size:20px;letter-spacing:-.03em}
.api-page .api-proof .brand span{margin-top:4px;color:#47658f;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.api-page .api-section{padding:98px 0}
.api-page .api-section-head{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;margin-bottom:40px;align-items:start}
.api-page .api-section-index{color:var(--mp-brand-green);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.api-page .api-section-head h2{margin:0;max-width:900px;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.055em;font-weight:1000;color:#101523}
.api-page .api-section-head p{max-width:760px;margin:18px 0 0;color:#657389;font-size:15px;line-height:1.72}
.api-page .api-case{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:560px;margin-top:22px;overflow:hidden;border-radius:34px;border:1px solid rgba(59,84,117,.14);box-shadow:0 20px 55px rgba(26,44,70,.08)}
.api-page .api-case + .api-case{margin-top:26px}
.api-page .api-case-media{position:relative;min-height:560px;overflow:hidden;background:#E6ECE2}
.api-page .api-case-media img{width:100%;height:100%;object-fit:cover;display:block}
.api-page .api-case-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 64%,rgba(255,255,255,.18))}
.api-page .api-case-copy{position:relative;padding:54px 52px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 90% 12%,rgba(var(--mp-brand-green-light-rgb),.10),transparent 28%),#fff}
.api-page .api-case:nth-child(even) .api-case-media{order:2}
.api-page .api-case:nth-child(even) .api-case-copy{order:1}
.api-page .api-case-kicker{display:flex;align-items:center;gap:9px;color:var(--mp-brand-green);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.api-page .api-case-kicker i{font-size:13px}
.api-page .api-case h3{margin:16px 0 0;color:#0b1220;font-size:clamp(34px,4vw,54px);line-height:.98;letter-spacing:-.05em;font-weight:1000}
.api-page .api-case p{margin:20px 0 0;color:#66758a;font-size:14px;line-height:1.75}
.api-page .api-case-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.api-page .api-case-tags span{padding:7px 10px;border-radius:999px;background:#EEF5E9;color:#66705F;font-size:10px;font-weight:850}
.api-page .api-result{margin-top:26px;padding-top:18px;border-top:1px solid #E3E9DF}
.api-page .api-result strong{display:block;color:var(--mp-brand-green);font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}
.api-page .api-result span{display:block;margin-top:7px;color:#101523;font-size:16px;line-height:1.55;font-weight:850}
.api-page .api-tech{position:relative;overflow:hidden;margin-top:20px;border-radius:38px;background:radial-gradient(circle at 16% 18%,rgba(var(--mp-brand-green-rgb),.35),transparent 28%),radial-gradient(circle at 86% 20%,rgba(var(--mp-brand-green-light-rgb),.18),transparent 28%),linear-gradient(135deg,var(--mp-brand-black),var(--mp-brand-deep) 58%,#0007C4);color:#fff;box-shadow:0 28px 80px rgba(15,23,42,.16)}
.api-page .api-tech-inner{padding:72px 62px}
.api-page .api-tech-top{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:60px;align-items:start}
.api-page .api-tech h2{margin:0;font-size:clamp(40px,5vw,70px);line-height:.96;letter-spacing:-.055em;font-weight:1000}
.api-page .api-tech-lead{margin:0;color:rgba(255,255,255,.64);font-size:15px;line-height:1.75}
.api-page .api-tech-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:48px;border-top:1px solid rgba(255,255,255,.10)}
.api-page .api-tech-item{min-height:240px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.10)}
.api-page .api-tech-item:nth-child(odd){padding-right:34px;border-right:1px solid rgba(255,255,255,.10)}
.api-page .api-tech-item:nth-child(even){padding-left:34px}
.api-page .api-tech-item .num{color:var(--mp-brand-green-light);font-size:10px;font-weight:950;letter-spacing:.12em}
.api-page .api-tech-item h3{margin:12px 0 0;color:#fff;font-size:26px;line-height:1.05;letter-spacing:-.035em;font-weight:950}
.api-page .api-tech-item p{margin:12px 0 0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.7}
.api-page .api-tech-item .tagline{display:inline-flex;margin-top:16px;color:#D7E9C9;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.api-page .api-pipeline{padding:98px 0 86px}
.api-page .api-pipeline-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(64,89,123,.18);border-bottom:1px solid rgba(64,89,123,.18)}
.api-page .api-step{position:relative;min-height:180px;padding:28px 24px;border-right:1px solid rgba(64,89,123,.12)}
.api-page .api-step:last-child{border-right:0}
.api-page .api-step b{display:block;color:var(--mp-brand-green);font-size:10px;letter-spacing:.12em}
.api-page .api-step strong{display:block;margin-top:20px;color:var(--mp-brand-deep);font-size:17px;line-height:1.25}
.api-page .api-step span{display:block;margin-top:9px;color:#71806B;font-size:11px;line-height:1.55}
.api-page .api-cta{padding:0 0 96px}
.api-page .api-cta-box{position:relative;overflow:hidden;min-height:360px;padding:54px 56px;border-radius:36px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 84% 20%,rgba(var(--mp-brand-green-light-rgb),.28),transparent 28%),linear-gradient(135deg,#171A17,#0007C4 68%,var(--mp-brand-green))}
.api-page .api-cta-box::after{content:"API";position:absolute;right:30px;bottom:-36px;color:rgba(255,255,255,.07);font-size:220px;line-height:.8;font-weight:1000;letter-spacing:-.08em}
.api-page .api-cta-box h2{position:relative;z-index:2;max-width:820px;margin:0;font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.05em;font-weight:1000}
.api-page .api-cta-box p{position:relative;z-index:2;max-width:720px;margin:18px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.7}
.api-page .api-cta-box .api-hero-actions{position:relative;z-index:3}
.api-page .api-cta-box .api-btn.primary{background:#fff;color:#0b1220}
.api-page .api-cta-box .api-btn.secondary{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
@media (max-width:1080px){
  .api-page .api-hero-grid{grid-template-columns:1fr;gap:36px}
  .api-page .api-visual{min-height:520px}
  .api-page .api-proof{grid-template-columns:1fr 1fr 1fr}
  .api-page .api-case{grid-template-columns:1fr}
  .api-page .api-case-media, .api-page .api-case:nth-child(even) .api-case-media{order:1}
  .api-page .api-case-copy, .api-page .api-case:nth-child(even) .api-case-copy{order:2}
  .api-page .api-case-media{min-height:430px}
  .api-page .api-tech-top{grid-template-columns:1fr;gap:22px}
  .api-page .api-pipeline-row{grid-template-columns:repeat(2,1fr)}
  .api-page .api-step:nth-child(2n){border-right:0}
}
@media (max-width:760px){
  .api-page .api-container{width:calc(100% - 22px)}
  .api-page .api-hero{min-height:auto;padding:58px 0 50px}
  .api-page .api-hero h1{font-size:52px}
  .api-page .api-hero-lead{font-size:15px}
  .api-page .api-hero-actions{flex-direction:column}
  .api-page .api-btn{width:100%}
  .api-page .api-visual{min-height:390px}
  .api-page .api-screen.promobay{width:84%;height:64%}
  .api-page .api-screen.promobox{width:76%;height:56%}
  .api-page .api-orbit{width:126px;height:126px}
  .api-page .api-orbit strong{font-size:27px}
  .api-page .api-orbit span{bottom:30px;font-size:8px}
  .api-page .api-proof{grid-template-columns:1fr 1fr}
  .api-page .api-proof .intro{grid-column:1/-1}
  .api-page .api-section{padding:68px 0}
  .api-page .api-section-head{grid-template-columns:1fr;gap:10px}
  .api-page .api-section-head h2{font-size:42px}
  .api-page .api-case{border-radius:26px}
  .api-page .api-case-media{min-height:310px}
  .api-page .api-case-copy{padding:32px 24px}
  .api-page .api-case h3{font-size:36px}
  .api-page .api-tech{border-radius:28px}
  .api-page .api-tech-inner{padding:44px 24px}
  .api-page .api-tech-grid{grid-template-columns:1fr}
  .api-page .api-tech-item:nth-child(odd), .api-page .api-tech-item:nth-child(even){padding:28px 0;border-right:0}
  .api-page .api-pipeline{padding:68px 0}
  .api-page .api-pipeline-row{grid-template-columns:1fr}
  .api-page .api-step{border-right:0}
  .api-page .api-cta-box{padding:38px 26px;min-height:330px}
}
@media (max-width:480px){
  .api-page .api-hero h1{font-size:44px}
  .api-page .api-visual{min-height:330px}
  .api-page .api-proof{grid-template-columns:1fr}
  .api-page .api-proof .intro{grid-column:auto}
  .api-page .api-proof > div{min-height:90px}
}
.api-page .api-eyebrow--inverse{color:var(--mp-brand-green-light)!important;margin-bottom:16px}
.api-page{--api-bg:#EEF5E9;--api-bg-2:#E6EDE1;--api-ink:#101523;--api-text:#66705F;--api-blue:var(--mp-brand-green);--api-blue-2:#0007C4;--api-cyan:var(--mp-brand-green-light);--api-line:rgba(70,82,63,.16)}
.api-page{background:radial-gradient(circle at 18% 7%,rgba(var(--mp-brand-green-rgb),.14),transparent 28%),radial-gradient(circle at 88% 15%,rgba(var(--mp-brand-green-light-rgb),.13),transparent 24%),linear-gradient(180deg,#E5ECE0 0,#EEF3EA 26%,#FBFDFF 58%,#F1F5ED 100%)!important}
.api-page .api-hero::before{background:linear-gradient(180deg,rgba(23,32,21,.14),rgba(23,32,21,0) 28%),radial-gradient(circle at 72% 47%,rgba(var(--mp-brand-green-rgb),.13),transparent 25%)!important}
.api-page .api-eyebrow, .api-page .api-section-index, .api-page .api-case-kicker, .api-page .api-result strong, .api-page .api-step b{color:var(--mp-brand-green)!important}
.api-page .api-eyebrow::before{background:var(--mp-brand-green)!important}
.api-page .api-hero h1 span{color:var(--mp-brand-green)!important}
.api-page .api-btn.primary{background:#101523!important;color:#fff!important}
.api-page .api-btn.secondary{color:var(--mp-brand-green-dark)!important;border-color:rgba(var(--mp-brand-green-rgb),.16)!important}
.api-page .api-screen{box-shadow:0 34px 80px rgba(28,47,37,.18),0 8px 30px rgba(var(--mp-brand-green-rgb),.10)!important}
.api-page .api-orbit{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92),rgba(230,240,220,.86))!important;border-color:rgba(var(--mp-brand-green-rgb),.18)!important;box-shadow:0 18px 50px rgba(var(--mp-brand-green-rgb),.14)!important}
.api-page .api-orbit::before{border-color:rgba(var(--mp-brand-green-rgb),.26)!important}
.api-page .api-orbit strong{color:var(--mp-brand-green)!important}
.api-page .api-case-copy{background:radial-gradient(circle at 90% 12%,rgba(var(--mp-brand-green-light-rgb),.10),transparent 28%),#fff!important}
.api-page .api-case-tags span{background:#EEF5E9!important;color:#596B52!important}
.api-page .api-tech{background:radial-gradient(circle at 16% 18%,rgba(var(--mp-brand-green-rgb),.28),transparent 28%),radial-gradient(circle at 86% 20%,rgba(var(--mp-brand-green-light-rgb),.14),transparent 28%),linear-gradient(135deg,var(--mp-brand-black),var(--mp-brand-deep) 58%,#0007C4)!important}
.api-page .api-tech-item .num{color:var(--mp-brand-green-light)!important}
.api-page .api-tech-item .tagline{color:#D7E9C9!important}
.api-page .api-cta-box{background:radial-gradient(circle at 84% 20%,rgba(var(--mp-brand-green-light-rgb),.22),transparent 28%),linear-gradient(135deg,var(--mp-brand-black),var(--mp-brand-deep) 68%,var(--mp-brand-green))!important}
.api-page .api-cta-box .api-btn.primary{background:#fff!important;color:#101523!important}
.api-page .api-eyebrow--inverse{color:var(--mp-brand-green-light)!important}
/* ===== WEB/API-INTEGRACIJE.PHP — END ===== */
/* ========================================================================== MULTIPRINT LIME + BLACK — TEST IDENTITY ========================================================================== */
:root{--mp-brand-green:#007AFA;--mp-brand-green-dark:#0007C4;--mp-brand-green-light:#73B5FF;--mp-brand-green-soft:#EAF4FF;--mp-brand-deep:#0A1026;--mp-brand-black:#090B12;--mp-brand-brown:#0007C4;--mp-brand-green-rgb:183,213,50;--mp-brand-green-light-rgb:216,234,99;--mp-brand-brown-rgb:125,132,49;--mp-ui-ink:#101523;--mp-ui-text:#61685B;--mp-ui-line:#DCE6F2;--mp-ui-soft:#F7FAFE}
.mp-topbar, .mph-topbar, .site-topbar{background:#090B12!important}
.mp-shop-link, .mph-shop-link, .site-shop-link, .mp-btn, .mpx-btn, .b2b-btn{background:#007AFA!important;color:#090B12!important}
.mp-shop-link:hover, .mph-shop-link:hover, .site-shop-link:hover, .mp-btn:hover, .mpx-btn:hover, .b2b-btn:hover{background:#0007C4!important;color:#090B12!important}
.mp-cta, .mpx-news-code, .b2b-dark, .b2b-cta, .webdev-cta, .api-tech, .api-cta-box{background:radial-gradient(circle at 85% 15%,rgba(0,122,250,.18),transparent 28%),linear-gradient(135deg,#090B12 0%,#0A1026 62%,#30392A 100%)!important}
.mp-kicker, .mp-badge, .mp-eyebrow, .mpx-kicker, .b2b-kicker, .webdev-kicker, .api-eyebrow{color:#0007C4!important}
.mp-icon, .mp-contact-icon, .mpx-category-icon, .b2b-card-icon, .b2b-service-icon, .webdev-page .bento-icon{background:#EAF4FF!important;color:#0007C4!important}
input:focus, select:focus, textarea:focus{border-color:#007AFA;box-shadow:0 0 0 4px rgba(0,122,250,.13)}
/* ===== HOMEPAGE NEWS COLLISION FIX — START ===== */
.mpx-home-page .mpx-news{position:relative;z-index:3;margin-top:24px;padding:4px 0 6px;border:0;border-radius:0;background:transparent;box-shadow:none}
.mpx-home-page .mpx-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mpx-home-page .mpx-news-card{position:relative;overflow:hidden;min-height:330px;display:flex;flex-direction:column;padding:26px;border-radius:25px;text-decoration:none}
.mpx-home-page .mpx-news-card-top, .mpx-home-page .mpx-news-card h3, .mpx-home-page .mpx-news-card p{flex:0 0 auto}
.mpx-home-page .mpx-news-card p{margin-bottom:0}
.mpx-home-page .mpx-news-link{position:relative;left:auto;bottom:auto;margin-top:auto;padding-top:22px;align-self:flex-start;z-index:4}
.mpx-home-page .mpx-news-code-glow{position:absolute}
@media (max-width:800px){
  .mpx-home-page .mpx-news-grid{grid-template-columns:1fr}
  .mpx-home-page .mpx-news-card{min-height:0}
  .mpx-home-page .mpx-news-link{margin-top:22px;padding-top:0}
}
/* ===== HOMEPAGE NEWS COLLISION FIX — END ===== */
/* ===== PRODUCT CARD — MASTER START ===== */
:root{--mp-card-ink:#101523;--mp-card-muted:#66705F;--mp-card-line:#DCE6F2;--mp-card-primary:#007AFA;--mp-card-primary-dark:#0007C4;--mp-card-primary-soft:#EAF4FF;--mp-card-accent:#73B5FF;--mp-card-danger:#B42318;--mp-card-warning:#0007C4}
.mp-product-card{height:100%;min-width:0;overflow:hidden;border:1px solid var(--mp-card-line);border-radius:18px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.025);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.mp-product-card:hover{transform:translateY(-3px);border-color:#D1D9C7;box-shadow:0 16px 34px rgba(16,24,40,.08)}
.mp-product-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.mp-product-card__media{position:relative;height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:0;border-radius:0;background:#fff}
.mp-product-card__media > img, .mp-product-card__main-image{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px 12px 4px;background:#fff;transition:transform .28s ease,opacity .22s ease}
.mp-product-card:hover .mp-product-card__main-image:not(.is-hover-image):not(.is-swatch-image){transform:scale(1.015)}
.mp-product-card__main-image.is-hover-image, .mp-product-card__main-image.is-swatch-image{object-fit:contain!important;object-position:center!important;padding:8px!important;transform:scale(1.01)!important}
.mp-product-card__placeholder{color:#C3CABD;font-size:14px;font-weight:950;letter-spacing:.12em}
.mp-product-card__badges{position:absolute;z-index:3;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:5px}
.mp-product-card__badge{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:6px;background:#101523;color:#fff;font-size:9px;font-weight:900;line-height:1;letter-spacing:.035em;text-transform:uppercase}
.mp-product-card__badge--image{min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.mp-product-card__badge--image img{display:block;width:auto;max-width:52px;height:28px;object-fit:contain}
.mp-product-card__badge--new, .mp-product-card__badge--novo{background:var(--mp-card-primary);color:#090B12}
.mp-product-card__badge--sale, .mp-product-card__badge--popust{background:#0007C4;color:#fff}
.mp-product-card__badge--eco{background:var(--mp-card-primary-soft);color:#647617}
.mp-product-card__body{display:flex;flex:1;flex-direction:column;padding:15px 16px 16px;border-top:0;background:#fff}
.mp-product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:var(--mp-card-muted);font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.mp-product-card__meta span{color:var(--mp-card-primary-dark)}
.mp-product-card__meta small{color:#7D8790;font-size:10px;font-weight:850;letter-spacing:0;text-transform:none}
.mp-product-card__title{margin:0;color:var(--mp-card-ink);font-size:17px;font-weight:950;line-height:1.18;letter-spacing:-.018em}
.mp-product-card__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:36px;overflow:hidden;margin:6px 0 0;color:#626B5D;font-size:11.5px;line-height:1.55}
.mp-product-card__colors{display:flex;align-items:center;gap:7px;min-height:34px;margin-top:12px}
.mp-product-card__color{--mp-card-swatch:#EEF2E9;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;overflow:hidden;border:0;border-radius:7px;background:transparent;box-shadow:none;cursor:pointer;opacity:.92;transition:transform .15s ease,opacity .15s ease}
.mp-product-card__color:hover{transform:translateY(-2px) scale(1.08);opacity:1}
.mp-product-card__color img{width:100%;height:100%;object-fit:contain;border-radius:6px;background:transparent}
.mp-product-card__more-colors{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border:0;border-radius:8px;background:#F1F4ED;color:#66705F;font-size:10px;font-weight:900}
.mp-product-card__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #EEF1EA}
.mp-product-card__bottom-left{min-width:0}
.mp-product-card__stock{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:10.5px;font-weight:850}
.mp-product-card__stock i{width:7px;height:7px;display:block;flex:0 0 7px;border-radius:50%;background:#98A293}
.mp-product-card__stock--in, .mp-product-card__stock.in{color:#647617}
.mp-product-card__stock--in i, .mp-product-card__stock.in i{background:#007AFA}
.mp-product-card__stock--low, .mp-product-card__stock.low{color:#8A6527}
.mp-product-card__stock--low i, .mp-product-card__stock.low i{background:#C99546}
.mp-product-card__stock--out, .mp-product-card__stock.out{color:var(--mp-card-danger)}
.mp-product-card__stock--out i, .mp-product-card__stock.out i{background:#F04438}
.mp-product-card__old-price{margin-bottom:2px;color:#98A293;font-size:9px;font-weight:800;text-decoration:line-through}
.mp-product-card__price-label{display:flex;align-items:center;gap:7px;color:#66705F;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mp-product-card__price-label b{display:inline-flex;align-items:center;min-height:17px;padding:0 6px;border-radius:5px;background:var(--mp-card-primary-soft);color:#647617;font-size:8px}
.mp-product-card__price{display:block;margin-top:2px;color:var(--mp-card-ink);font-size:19px;font-weight:950;line-height:1.05;letter-spacing:-.025em}
.mp-product-card__arrow{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:#101523;color:#fff;font-size:16px;font-weight:900;transition:transform .18s ease,background .18s ease,color .18s ease}
.mp-product-card:hover .mp-product-card__arrow{transform:translateX(2px);background:var(--mp-card-primary);color:#090B12}
@media (max-width:640px){
  .mp-product-card{border-radius:16px}
  .mp-product-card__media{height:235px}
  .mp-product-card__body{padding:12px}
  .mp-product-card__title{font-size:16px}
  .mp-product-card__price{font-size:18px}
}
/* ===== PRODUCT CARD — MASTER END ===== */
/* ===== REKLAMNI MATERIJAL / MODEL — START ===== */
:root{--rm-primary:#007AFA;--rm-primary-soft:#EAF4FF;--rm-card:#ffffff;--rm-text:#101523;--rm-muted:#66705F;--rm-border:#DCE6F2;--rm-danger:#c62828;--rm-shadow-soft:0 8px 22px rgba(15,23,42,0.06);--rm-radius-xl:22px}
html, body{max-width:100%;overflow-x:hidden}
.rm-page{width:100%;max-width:100%;overflow-x:hidden;background:linear-gradient(180deg,#f2f6fb 0%,#ffffff 100%)}
.rm-container{width:min(1320px,calc(100% - 34px));max-width:1320px;margin:0 auto;padding:22px 0 34px}
.rm-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;border-radius:999px;text-decoration:none;color:var(--rm-primary);background:#fff;border:1px solid rgba(0,122,250,0.14);box-shadow:var(--rm-shadow-soft);font-weight:700}
.rm-top-actions{display:grid;grid-template-columns:auto minmax(280px,620px);align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.rm-top-actions .rm-back{margin-bottom:0;white-space:nowrap}
.rm-catalog-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;justify-self:end}
.rm-catalog-search-input{width:100%;height:44px;border:1px solid #DDE7CD;border-radius:999px;padding:0 18px;background:#fff;color:var(--rm-text);font-size:14px;font-weight:700;outline:none;box-shadow:var(--rm-shadow-soft);transition:border-color .15s ease,box-shadow .15s ease}
.rm-catalog-search-input:focus{border-color:var(--rm-primary);box-shadow:0 0 0 4px rgba(0,122,250,.10)}
.rm-catalog-search-btn{height:44px;border:0;border-radius:999px;padding:0 19px;background:linear-gradient(135deg,#007AFA 0%,#0007C4 100%);color:#fff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(0,122,250,.18)}
.rm-catalog-search-btn:hover{filter:brightness(1.04)}
.rm-layout{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:18px;align-items:start;min-width:0}
.rm-layout > *, .rm-right-column, .rm-card, .rm-top-actions, .rm-catalog-search{min-width:0;max-width:100%}
.rm-card{background:var(--rm-card);border:1px solid var(--rm-border);border-radius:var(--rm-radius-xl);padding:16px;box-shadow:var(--rm-shadow-soft)}
.rm-main-image-wrap{position:relative}
.rm-main-image{background:linear-gradient(180deg,#ffffff 0%,#FBFDFF 100%);border:1px solid var(--rm-border);border-radius:18px;min-height:350px;display:flex;align-items:flex-start;justify-content:center;padding:12px;overflow:hidden}
.rm-main-image img{max-width:100%;max-height:470px;object-fit:contain;object-position:top center;display:block;cursor:zoom-in}
.rm-right-column{display:flex;flex-direction:column;gap:14px;min-width:0}
.rm-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 12px;border-radius:999px;background:var(--rm-primary-soft);color:var(--rm-primary);font-size:12px;font-weight:800;text-transform:uppercase;border:1px solid rgba(0,122,250,0.12)}
.rm-title{margin:0;color:var(--rm-text);font-size:34px;line-height:1.05;font-weight:900;letter-spacing:-0.03em}
.rm-subtitle{color:var(--rm-muted);font-size:14px;line-height:1.6}
.rm-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.rm-meta-card{border-radius:14px;padding:13px;border:1px solid var(--rm-border);background:linear-gradient(180deg,#ffffff 0%,#FBFDFF 100%)}
.rm-meta-label{font-size:11px;font-weight:800;color:var(--rm-muted);text-transform:uppercase;margin-bottom:5px}
.rm-meta-value{font-size:18px;font-weight:900;line-height:1.15;color:var(--rm-text)}
.rm-section-title{margin:0 0 12px;font-size:21px;font-weight:900;color:var(--rm-text)}
.rm-selected-variant-title{font-size:18px;font-weight:900;color:var(--rm-text);margin-bottom:10px}
.rm-variant-thumbs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;align-items:start;justify-items:center}
.rm-variant-thumb-item{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}
.rm-variant-thumb-wrap{position:relative;width:100%;display:flex;justify-content:center}
.rm-variant-thumb{background:linear-gradient(180deg,#ffffff 0%,#FBFDFF 100%);border:1px solid #DDE7CD;border-radius:10px;padding:2px;width:100%;max-width:70px;height:70px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease;box-shadow:0 1px 2px rgba(16,24,40,0.04);margin:0 auto}
.rm-variant-thumb:hover{transform:translateY(-1px);border-color:rgba(0,122,250,0.36);box-shadow:0 8px 18px rgba(0,122,250,0.10)}
.rm-variant-thumb.active{border-color:var(--rm-primary);box-shadow:0 0 0 2px rgba(0,122,250,0.12)}
.rm-variant-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.rm-variant-thumb-label{width:100%;margin-top:3px;font-size:12px;line-height:1.1;color:#596453;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;word-break:break-word}
.rm-variant-thumb-qty{display:block;margin-top:2px;font-size:9px;line-height:1.1;color:#596453;font-weight:800;text-align:center}
.rm-variants-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid #EEF2E9}
.rm-table{width:100%;min-width:560px;border-collapse:collapse;background:#fff}
.rm-table th, .rm-table td{padding:11px 9px;text-align:left;border-bottom:1px solid #edf2fa;font-size:13px;white-space:nowrap}
.rm-table th{background:linear-gradient(180deg,#F7FAFE 0%,#EAF4FF 100%);color:#596453;font-size:12px;font-weight:800;text-transform:uppercase}
.rm-stock-in{color:#596453;font-weight:900}
.rm-stock-out{color:var(--rm-danger);font-weight:900}
.rm-mini-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.rm-mini-gallery-item{position:relative;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);border:1px solid var(--rm-border);border-radius:12px;padding:6px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease}
.rm-mini-gallery-item:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,122,250,0.08)}
.rm-mini-gallery-item img{max-width:100%;max-height:100%;object-fit:contain}
.rm-status-box{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.rm-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#FBFDFF;border:1px solid #DDE7CD;color:#101523;font-size:12px;font-weight:800}
.rm-status-badge img{width:18px;height:18px;object-fit:contain}
.rm-specs-box{display:grid;grid-template-columns:1fr;gap:8px}
.rm-spec-row{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:10px 12px;border:1px solid #edf2fa;border-radius:12px;background:#FBFDFF}
.rm-spec-label{font-size:13px;font-weight:800;color:#596453}
.rm-spec-value{font-size:13px;color:#101523;line-height:1.5}
.rm-description-card{margin-top:16px}
.rm-description-text{font-size:15px;line-height:1.8;color:#3E4738}
.rm-grid-bottom{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
.rm-specs-box.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rm-specs-box.two-columns .rm-spec-row{grid-template-columns:160px 1fr;height:100%}
@media (max-width: 991px){
  .rm-specs-box.two-columns{grid-template-columns:1fr}
}
.rm-order-box{margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border-radius:18px;border:1px solid rgba(0,122,250,0.14);background:linear-gradient(135deg,#FBFDFF 0%,#EAF4FF 100%)}
.rm-order-title{font-size:14px;font-weight:900;color:var(--rm-text);margin-bottom:4px}
.rm-order-note{font-size:12px;line-height:1.45;color:var(--rm-muted)}
.rm-min-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #DDE7CD;color:#007AFA;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 4px 12px rgba(0,122,250,0.07)}
.rm-order-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.rm-qty-input{width:105px;height:42px;border-radius:12px;border:1px solid #DDE7CD;padding:8px 10px;font-weight:900;color:var(--rm-text);background:#fff;outline:none}
.rm-cart-btn{height:42px;border:none;border-radius:12px;padding:0 15px;background:linear-gradient(135deg,#007AFA 0%,#0007C4 100%);color:#fff;font-weight:900;cursor:not-allowed;opacity:0.92;box-shadow:0 10px 22px rgba(0,122,250,0.18)}
.rm-selected-code{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#101523;border:1px solid rgba(15,23,42,0.12);color:#fff;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 4px 12px rgba(15,23,42,0.10)}
.rm-table tr.rm-row-out{background:#fff7f7;opacity:0.68}
.rm-table tr.rm-row-selected{background:#EAF4FF;box-shadow:inset 3px 0 0 #007AFA}
.rm-select-variant-btn{border:none;border-radius:999px;padding:8px 11px;background:#007AFA;color:#fff;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 8px 16px rgba(0,122,250,0.16)}
.rm-select-variant-btn:disabled{background:#e5e7eb;color:#94a3b8;cursor:not-allowed;box-shadow:none}
.rm-cart-btn.is-ready{cursor:pointer;opacity:1}
.rm-table .rm-min-cell{font-weight:900;color:#007AFA}
.rm-b2b-notice{margin-top:14px;padding:13px 14px;border-radius:16px;border:1px solid rgba(0,122,250,0.16);background:linear-gradient(135deg,#EAF4FF 0%,#ffffff 100%);color:#101523;font-size:13px;line-height:1.55}
.rm-b2b-notice strong{color:#647617}
.rm-b2b-price{display:flex;flex-direction:column;gap:3px}
.rm-b2b-price-current{font-size:14px;font-weight:950;color:#647617;white-space:nowrap}
.rm-b2b-price-old{font-size:11px;color:#98A293;text-decoration:line-through;white-space:nowrap}
.rm-b2b-discount-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:4px 7px;border-radius:999px;background:#EAF4FF;color:#647617;font-size:11px;font-weight:950;white-space:nowrap}
.rm-login-link{color:#007AFA;font-weight:900;text-decoration:none}
.rm-variants-table-wrap{overflow-x:visible}
.rm-table{min-width:0;table-layout:fixed}
.rm-table th, .rm-table td{white-space:normal;vertical-align:middle}
.rm-table th, .rm-table td{width:auto}
.rm-table tr.rm-clickable-row{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}
.rm-table tr.rm-clickable-row:hover{background:#FBFDFF}
.rm-table tr.rm-clickable-row.rm-row-selected{background:#EAF4FF;box-shadow:inset 4px 0 0 #007AFA}
.rm-code-main{display:block;font-weight:950;color:#101523}
.rm-code-sub{display:block;margin-top:3px;color:#66705F;font-size:12px}
.rm-price-clean{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.rm-price-main{font-size:15px;font-weight:950;color:#647617;white-space:nowrap}
.rm-price-old{font-size:12px;color:#98A293;text-decoration:line-through;white-space:nowrap}
.rm-price-discount{font-size:11px;font-weight:950;color:#647617;background:#EAF4FF;border:1px solid #D0DEB9;border-radius:999px;padding:2px 7px;width:fit-content}
.rm-arrival-compact{color:#596453;font-size:12px;line-height:1.35}
.rm-order-box{position:sticky;bottom:12px;z-index:50;box-shadow:0 18px 38px rgba(0,122,250,.18)}
.rm-floating-cart{position:fixed;right:18px;bottom:18px;z-index:999;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 15px;border-radius:999px;background:#101828;color:#fff;text-decoration:none;font-weight:950;box-shadow:0 18px 36px rgba(16,24,40,.24)}
.rm-floating-cart span{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#007AFA;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.rm-toast{position:fixed;right:18px;bottom:78px;z-index:1000;max-width:340px;padding:12px 14px;border-radius:16px;background:#EAF4FF;border:1px solid #D0DEB9;color:#647617;font-weight:900;box-shadow:0 18px 36px rgba(16,24,40,.16);display:none}
.rm-toast.show{display:block}
.rm-lightbox{position:fixed;inset:0;background:rgba(7,19,43,0.88);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}
.rm-lightbox.open{display:flex}
.rm-lightbox-inner{position:relative;max-width:92vw;max-height:92vh}
.rm-lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;display:block;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,0.22)}
.rm-lightbox-close{position:absolute;top:-14px;right:-14px;width:38px;height:38px;border:none;border-radius:50%;background:#fff;color:#101523;font-size:22px;cursor:pointer;line-height:1;box-shadow:0 10px 22px rgba(0,0,0,0.16)}
@media (max-width: 1199px){
  .rm-layout{grid-template-columns:1fr}
  .rm-main-image{min-height:320px}
  .rm-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rm-variant-thumbs{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media (max-width: 767px){
  .rm-top-actions{grid-template-columns:1fr;gap:10px}
  .rm-top-actions .rm-back{width:fit-content}

  .rm-catalog-search-input{min-width:0;padding:0 14px}
  .rm-catalog-search-btn{padding:0 14px}
  .rm-container{width:calc(100% - 20px);max-width:none;padding:12px 0 22px}
  .rm-title{font-size:25px}
  .rm-subtitle{font-size:13px}
  .rm-card{border-radius:16px;padding:12px}
  .rm-meta-grid{grid-template-columns:1fr;gap:6px}
  .rm-main-image{min-height:220px;padding:8px}
  .rm-main-image img{max-height:300px}
  .rm-variant-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .rm-variant-thumb{height:42px;max-width:48px}
  .rm-mini-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .rm-table{min-width:340px}
  .rm-table th, .rm-table td{font-size:12px;padding:8px 6px}
  .rm-order-box{grid-template-columns:1fr}
  .rm-order-actions{justify-content:stretch}
  .rm-qty-input, .rm-cart-btn{width:100%}
  .rm-spec-row{grid-template-columns:1fr;gap:6px}
}
@media (max-width: 420px){
  .rm-variant-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rm-mini-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 767px){
  .rm-layout, .rm-card, .rm-top-actions, .rm-catalog-search, .rm-meta-grid, .rm-specs-box, .rm-grid-bottom{width:100%;max-width:100%;min-width:0}
  .rm-catalog-search{grid-template-columns:minmax(0,1fr) auto}
  .rm-catalog-search-input{width:100%;min-width:0}
  .rm-variants-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .rm-table{width:100%;min-width:540px}
  .rm-floating-cart{right:10px;max-width:calc(100vw - 20px)}
}
@media (max-width: 430px){
  .rm-container{width:calc(100% - 16px)}
  .rm-top-actions{gap:8px}
  .rm-catalog-search-btn{padding:0 12px}
}
/* MultiPrint reklamni materijal — MODEL / PRODUCT DETAIL V2 */
:root{--rm-primary:#007AFA;--rm-primary-dark:#0f55d9;--rm-ink:#101523;--rm-muted:#66705F;--rm-line:#e5e9ef;--rm-soft:#f7f8fa;--rm-green:#079455;--rm-orange:#b54708;--rm-red:#d92d20}
.rm-page{background:#fff!important;color:var(--rm-ink)}
.rm-container{width:min(1480px,calc(100% - 40px))!important;max-width:1480px!important;padding:18px 0 54px!important}
.rm-top-actions{grid-template-columns:auto minmax(320px,560px)!important;gap:20px!important;margin-bottom:12px!important}
.rm-back{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#586579!important;font-size:12px;font-weight:800!important}
.rm-back:hover{color:var(--rm-primary)!important}
.rm-catalog-search{gap:7px!important}
.rm-catalog-search-input{height:42px!important;padding:0 14px!important;border:1px solid #dfe4eb!important;border-radius:10px!important;box-shadow:none!important;font-size:12px!important}
.rm-catalog-search-input:focus{border-color:#73B5FF!important;box-shadow:0 0 0 3px rgba(0,122,250,.08)!important}
.rm-catalog-search-btn{height:42px!important;padding:0 16px!important;border-radius:10px!important;background:var(--rm-primary)!important;box-shadow:none!important;font-size:12px!important}
.rm-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 18px;color:#899284;font-size:10px;font-weight:750}
.rm-breadcrumbs a{color:#66705F;text-decoration:none}
.rm-breadcrumbs a:hover{color:var(--rm-primary)}
.rm-breadcrumbs strong{color:#45546B}
.rm-product-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:46px;align-items:start;padding-bottom:32px;border-bottom:1px solid #edf0f3}
.rm-media-column{min-width:0}
.rm-main-image-wrap{width:100%}
.rm-main-image{width:100%;min-height:560px!important;height:min(62vw,650px);padding:0!important;border:0!important;border-radius:18px!important;background:#fff!important;display:flex;align-items:center!important;justify-content:center;overflow:hidden}
.rm-main-image img{width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;cursor:zoom-in}
.rm-no-image{color:#98A293;font-size:13px;font-weight:800}
.rm-gallery-row{margin-top:10px}
.rm-mini-gallery{display:flex!important;gap:8px!important;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:thin}
.rm-mini-gallery-item{width:72px!important;height:72px!important;flex:0 0 72px;aspect-ratio:1;padding:2px!important;border:0!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
.rm-mini-gallery-item:hover{transform:translateY(-2px)!important;box-shadow:none!important}
.rm-mini-gallery-item img{width:100%;height:100%;object-fit:contain}
.rm-product-info{min-width:0;padding-top:22px}
.rm-product-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;color:var(--rm-primary);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.rm-product-code{color:#818A7B;letter-spacing:.03em}
.rm-title{margin:0!important;color:var(--rm-ink)!important;font-size:clamp(34px,4vw,58px)!important;line-height:.98!important;font-weight:950!important;letter-spacing:-.048em!important}
.rm-subtitle{max-width:670px;margin-top:16px;color:#626B5D!important;font-size:14px!important;line-height:1.65!important}
.rm-price-stock-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-top:26px;padding:22px 0;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.rm-price-hero span{display:block;margin-bottom:4px;color:#7A8374;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.rm-price-hero strong{display:block;color:var(--rm-ink);font-size:32px;line-height:1;font-weight:950;letter-spacing:-.035em}
.rm-price-hero small{display:block;margin-top:7px;color:#98A293;font-size:9px}
.rm-stock-hero{display:flex;align-items:center;gap:10px;text-align:right}
.rm-stock-hero i{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#98A293}
.rm-stock-hero strong{display:block;font-size:12px;font-weight:950}
.rm-stock-hero span{display:block;margin-top:2px;color:#7A8374;font-size:9px}
.rm-stock-hero.in strong{color:var(--rm-green)}
.rm-stock-hero.in i{background:#12b76a}
.rm-stock-hero.low strong{color:var(--rm-orange)}
.rm-stock-hero.low i{background:#f79009}
.rm-stock-hero.out strong{color:var(--rm-red)}
.rm-stock-hero.out i{background:#f04438}
.rm-product-facts{display:flex;gap:28px;padding:16px 0 4px}
.rm-product-facts>div{min-width:0}
.rm-product-facts span{display:block;color:#8a94a4;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.rm-product-facts strong{display:block;margin-top:3px;color:#273142;font-size:12px;font-weight:900}
.rm-variant-section{margin-top:26px}
.rm-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}
.rm-section-head h2{margin:2px 0 0!important;color:var(--rm-ink);font-size:22px!important;line-height:1.15;font-weight:950!important;letter-spacing:-.025em}
.rm-eyebrow{display:block;color:#8a94a4;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.rm-selected-variant-title{margin:0!important;color:#45546B!important;font-size:11px!important;font-weight:900!important}
.rm-variant-thumbs{display:flex!important;align-items:flex-start;flex-wrap:wrap;gap:10px!important}
.rm-variant-thumb-item{width:62px!important;min-width:62px!important}
.rm-variant-thumb{width:58px!important;max-width:none!important;height:58px!important;padding:0!important;border:0!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;overflow:hidden;opacity:.9}
.rm-variant-thumb:hover{transform:translateY(-2px)!important;border:0!important;box-shadow:none!important;opacity:1}
.rm-variant-thumb.active{border:0!important;box-shadow:0 0 0 2px #007AFA!important;opacity:1}
.rm-variant-thumb img{width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:contain!important}
.rm-variant-thumb-label{margin-top:5px!important;color:#5e6979!important;font-size:9px!important;line-height:1.15!important}
.rm-variant-thumb-qty{margin-top:2px!important;color:#98A293!important;font-size:8px!important}
.rm-b2b-inline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:13px 14px;border-radius:12px;background:#f5f8ff}
.rm-b2b-inline strong{display:block;color:#253041;font-size:11px}
.rm-b2b-inline span{display:block;margin-top:2px;color:#768196;font-size:9px}
.rm-b2b-inline a{color:var(--rm-primary);font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap}
.rm-section{margin-top:28px;padding:24px;border:1px solid var(--rm-line);border-radius:18px;background:#fff}
.rm-stock-section{padding:0;border:0;border-radius:0}
.rm-stock-section>.rm-section-head{padding:28px 0 0}
.rm-section-head-wide{align-items:flex-end}
.rm-section-note{color:#899284;font-size:10px}
.rm-variants-table-wrap{overflow-x:auto!important;border:1px solid var(--rm-line)!important;border-radius:14px!important}
.rm-table{width:100%;min-width:680px!important;table-layout:auto!important;border-collapse:collapse}
.rm-table th{padding:11px 14px!important;border-bottom:1px solid var(--rm-line)!important;background:#f8f9fb!important;color:#7A8374!important;font-size:9px!important;font-weight:900!important;letter-spacing:.06em;text-transform:uppercase}
.rm-table td{padding:13px 14px!important;border-bottom:1px solid #eef0f3!important;color:#45546B;font-size:11px!important}
.rm-table tbody tr:last-child td{border-bottom:0!important}
.rm-table tr.rm-clickable-row:hover{background:#FBFDFF!important}
.rm-table tr.rm-clickable-row.rm-row-selected{background:#f2f6ff!important;box-shadow:inset 3px 0 0 var(--rm-primary)!important}
.rm-code-main{font-size:12px;font-weight:950!important}
.rm-code-sub{font-size:9px!important}
.rm-price-main{color:#101523!important;font-size:13px!important}
.rm-stock-in{color:var(--rm-green)!important}
.rm-stock-out{color:var(--rm-red)!important}
.rm-arrival-compact{font-size:10px!important}
.rm-order-box{position:static!important;display:flex!important;justify-content:space-between;gap:16px;align-items:center;margin-top:12px!important;padding:14px 16px!important;border:0!important;border-radius:13px!important;background:#101523!important;box-shadow:none!important}
.rm-order-title{color:#fff!important}
.rm-order-note{color:#aeb7c5!important}
.rm-selected-code,.rm-min-badge{border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}
.rm-qty-input{border:1px solid rgba(255,255,255,.2)!important;background:#fff!important}
.rm-cart-btn{background:var(--rm-primary)!important;box-shadow:none!important}
.rm-detail-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}
.rm-detail-grid .rm-section{margin-top:28px}
.rm-description-card{margin-top:28px!important}
.rm-description-text{color:#536071!important;font-size:13px!important;line-height:1.75!important}
.rm-status-box{gap:7px!important;margin-bottom:13px!important}
.rm-status-badge{padding:4px 7px!important;border:0!important;border-radius:7px!important;background:#f6f8fb!important;font-size:9px!important}
.rm-status-badge img{width:22px!important;height:22px!important}
.rm-specs-box.two-columns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 24px!important}
.rm-specs-box.two-columns .rm-spec-row{grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr)!important;gap:10px!important;padding:9px 0!important;border:0!important;border-bottom:1px solid #eef0f3!important;border-radius:0!important;background:transparent!important}
.rm-spec-label{color:#7A8374!important;font-size:10px!important}
.rm-spec-value{color:#273142!important;font-size:10px!important}
.rm-print-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rm-print-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:10px;border:1px solid #eceff3;border-radius:13px}
.rm-print-image{width:88px;height:88px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#fafbfc}
.rm-print-image img{width:100%;height:100%;object-fit:contain}
.rm-print-copy strong{display:block;color:#202938;font-size:11px;font-weight:950}
.rm-print-copy>span{display:block;margin-top:4px;color:#66705F;font-size:9px}
.rm-print-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.rm-print-meta small{padding:3px 5px;border-radius:5px;background:#f1f4f8;color:#5e6979;font-size:8px;font-weight:850}
.rm-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rm-resource-grid .rm-section{margin-top:18px}
.rm-resource-list{display:flex;flex-direction:column}
.rm-resource-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef0f3;color:#253041;text-decoration:none}
.rm-resource-item:last-child{border-bottom:0}
.rm-resource-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#fff1f2;color:#c01048;font-size:8px;font-weight:950}
.rm-resource-item strong{display:block;font-size:10px}
.rm-resource-item small{display:block;margin-top:2px;color:#98A293;font-size:8px}
.rm-resource-item>b{color:#98A293}
.rm-catalog-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.rm-catalog-page{padding:12px;border:1px solid #eceff3;border-radius:12px}
.rm-catalog-page span{display:block;color:#66705F;font-size:9px;font-weight:850}
.rm-catalog-page strong{display:block;margin-top:8px;color:#101523;font-size:26px;line-height:1;font-weight:950}
.rm-catalog-page small{display:block;margin-top:4px;color:#98A293;font-size:8px}
.rm-floating-cart{border-radius:12px!important;background:#101523!important}
.rm-lightbox{background:rgba(10,15,25,.92)!important}
.rm-lightbox img{border-radius:12px!important}
@media (max-width:1180px){
  .rm-product-hero{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:26px}
  .rm-main-image{min-height:460px!important;height:520px}
  .rm-print-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){

  .rm-product-info{padding-top:0}
  .rm-main-image{height:min(90vw,600px)}
  .rm-detail-grid, .rm-resource-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .rm-container{width:calc(100% - 22px)!important;padding-top:12px!important}
  .rm-top-actions{grid-template-columns:1fr!important}
  .rm-back{width:max-content}
  .rm-title{font-size:36px!important}
  .rm-main-image{min-height:330px!important;height:92vw;max-height:460px;border-radius:12px!important}
  .rm-price-stock-row{align-items:flex-start;flex-direction:column}
  .rm-stock-hero{text-align:left}
  .rm-product-facts{gap:18px;flex-wrap:wrap}
  .rm-section{padding:16px;border-radius:14px}
  .rm-stock-section{padding:0}
  .rm-section-head{align-items:flex-start;flex-direction:column;gap:5px}
  .rm-specs-box.two-columns{grid-template-columns:1fr!important}
  .rm-print-grid{grid-template-columns:1fr}
  .rm-catalog-pages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rm-order-box{align-items:stretch!important;flex-direction:column}
  .rm-order-actions{width:100%;justify-content:stretch!important}
  .rm-qty-input, .rm-cart-btn{width:100%!important}
}
.rm-container{width:min(1320px,calc(100% - 40px))!important;max-width:1320px!important}
.rm-product-hero{grid-template-columns:minmax(0,1.02fr) minmax(390px,.88fr);gap:36px}
.rm-resource-grid{grid-template-columns:1fr!important}
.rm-resource-grid .rm-section{max-width:760px}
@media (max-width:900px){
  .rm-container{width:calc(100% - 24px)!important}
  .rm-product-hero{grid-template-columns:1fr}
}
.rm-variant-thumb-qty{margin-top:3px!important;color:#98A293!important;font-size:8px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}
.rm-variant-thumb-label{font-weight:850!important}
/* ========================================================================== SLIČNI PROIZVODI — ISTI PRODUCT CARD KAO SHOP ========================================================================== */
.rm-similar{margin-top:42px;min-width:0}
.rm-similar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.rm-similar-head h2{margin:3px 0 0;color:#101523;font-size:26px;line-height:1;font-weight:950;letter-spacing:-.035em}
.rm-similar-nav{display:flex;align-items:center;gap:7px}
.rm-similar-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dfe4eb;border-radius:12px;background:#fff;color:#101523;font-size:18px;font-weight:900;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}
.rm-similar-arrow:hover:not(:disabled){border-color:#007AFA;background:#f6f9ff;color:#007AFA;transform:translateY(-1px)}
.rm-similar-arrow:disabled{opacity:.28;cursor:default}
.rm-similar-viewport{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.rm-similar-viewport::-webkit-scrollbar{display:none}
.rm-similar-track{display:flex;align-items:stretch;gap:14px;width:max-content}
.rm-similar-slide{width:calc((min(1320px,100vw - 40px) - 42px) / 4);min-width:285px;max-width:318px;display:flex;scroll-snap-align:start}
.rm-similar-slide > .mp-product-card{width:100%;height:100%}
.rm-similar-slide .mp-product-card__media{height:260px}
@media (max-width:1100px){
  .rm-similar-slide{width:300px;min-width:300px}
}
@media (max-width:700px){
  .rm-similar{margin-top:30px}
  .rm-similar-head h2{font-size:23px}
  .rm-similar-arrow{width:38px;height:38px;border-radius:10px}
  .rm-similar-track{gap:10px}
  .rm-similar-slide{width:min(82vw,300px);min-width:min(82vw,300px)}
  .rm-similar-slide .mp-product-card__media{height:235px}
}
.rm-variant-thumb-label{min-height:34px}
.rm-variant-thumb-qty{display:inline-flex!important;align-items:baseline;justify-content:center;gap:3px;margin-top:4px!important;color:#98A293!important;font-size:8px!important;line-height:1!important;font-weight:700!important;white-space:nowrap}
.rm-variant-thumb-qty strong{color:#7c8798;font-size:9px;font-weight:850;line-height:1}
.rm-variant-thumb-qty small{color:#a5adba;font-size:7px;font-weight:700;line-height:1;text-transform:lowercase}
/* ===== REKLAMNI MATERIJAL / MODEL FINAL LIME — START ===== */
.rm-page{--rm-primary:#007AFA;--rm-primary-dark:#0007C4;--rm-primary-soft:#EAF4FF;--rm-card:#fff;--rm-text:#101523;--rm-muted:#66705F;--rm-border:#DCE6F2;--rm-danger:#B42318}
.rm-page{background:linear-gradient(180deg,#F7FAFE 0%,#fff 100%)!important}
.rm-back, .rm-pill, .rm-product-kicker, .rm-breadcrumbs a:hover, .rm-table .rm-min-cell, .rm-login-link{color:#647617!important}
.rm-back, .rm-pill, .rm-order-box, .rm-b2b-notice{border-color:rgba(0,122,250,.24)!important}
.rm-catalog-search-input:focus, .rm-qty-input:focus{border-color:#007AFA!important;box-shadow:0 0 0 4px rgba(0,122,250,.13)!important}
.rm-catalog-search-btn, .rm-cart-btn, .rm-select-variant-btn{background:#007AFA!important;color:#090B12!important;box-shadow:0 10px 22px rgba(0,122,250,.18)!important}

.rm-main-image, .rm-meta-card, .rm-variant-thumb, .rm-mini-gallery-item, .rm-status-badge, .rm-spec-row{background:#fff!important;border-color:#DCE6F2!important}
.rm-variant-thumb:hover{border-color:rgba(0,122,250,.45)!important;box-shadow:0 8px 18px rgba(0,122,250,.10)!important}

.rm-table th{background:linear-gradient(180deg,#F7FAFE 0%,#EAF4FF 100%)!important}
.rm-table tr.rm-row-selected, .rm-table tr.rm-clickable-row.rm-row-selected{background:#F4F8E7!important;box-shadow:inset 4px 0 0 #007AFA!important}
.rm-order-box{background:linear-gradient(135deg,#F7FAFE 0%,#EAF4FF 100%)!important;box-shadow:0 18px 38px rgba(0,122,250,.14)!important}
.rm-min-badge{border-color:#DDE7CD!important;color:#647617!important}
.rm-selected-code{background:#101523!important;border-color:#101523!important;color:#fff!important}
.rm-b2b-notice{background:linear-gradient(135deg,#EAF4FF 0%,#fff 100%)!important;color:#101523!important}
.rm-b2b-notice strong, .rm-b2b-price-current, .rm-price-main, .rm-price-discount{color:#647617!important}
.rm-b2b-discount-badge, .rm-price-discount{background:#EAF4FF!important;border-color:#D0DEB9!important}
.rm-floating-cart{background:#101523!important;color:#fff!important}
.rm-floating-cart:hover{background:#007AFA!important;color:#090B12!important}
.rm-similar-arrow:hover:not(:disabled){border-color:#007AFA!important;background:#F7FAFE!important;color:#647617!important}
/* ===== REKLAMNI MATERIJAL / MODEL FINAL LIME — END ===== */
/* ===== REKLAMNI MATERIJAL / MODEL — END ===== */
/* ===== MODEL WHITE CLEANUP — START ===== */
.rm-page{background:#fff!important}
.rm-container, .rm-product-hero, .rm-right-column, .rm-card, .rm-main-image, .rm-meta-card, .rm-mini-gallery-item, .rm-status-badge, .rm-spec-row, .rm-description-card, .rm-order-box, .rm-b2b-notice{background:#fff!important}
.rm-card, .rm-main-image, .rm-meta-card, .rm-variant-thumb, .rm-mini-gallery-item, .rm-status-badge, .rm-spec-row, .rm-variants-table-wrap{border-color:#E5E7EB!important}
.rm-table{background:#fff!important}
.rm-table th{background:#F7F7F5!important;color:#6B7267!important;border-bottom-color:#E5E7EB!important}
.rm-table td{background:#fff;border-bottom-color:#ECEEEA!important}
.rm-table tr.rm-row-selected td, .rm-table tr.rm-clickable-row.rm-row-selected td{background:#F7FAEE!important}
.rm-table tr.rm-row-selected, .rm-table tr.rm-clickable-row.rm-row-selected{background:#F7FAEE!important;box-shadow:inset 4px 0 0 #007AFA!important}
.rm-table tr.rm-row-out td{background:#FFF9F9!important}
.rm-table .rm-price-main, .rm-table .rm-b2b-price-current, .rm-table .rm-price-clean strong, .rm-table td:nth-child(2){color:#101523!important}
.rm-stock-in, .rm-table .rm-stock-in, .rm-stock-hero.is-in, .rm-table td .rm-stock-in{color:#1F8A4C!important}
.rm-back, .rm-pill, .rm-product-kicker, .rm-breadcrumbs a:hover, .rm-table .rm-min-cell, .rm-login-link{color:#7A9118!important}
.rm-catalog-search-btn, .rm-cart-btn, .rm-select-variant-btn{background:#007AFA!important;color:#090B12!important}
.rm-catalog-search-btn:hover, .rm-cart-btn.is-ready:hover, .rm-select-variant-btn:hover:not(:disabled){background:#0007C4!important}
.rm-catalog-search-input, .rm-qty-input, .rm-min-badge, .rm-selected-code{background:#fff!important}
.rm-variant-thumb{background:#fff!important}
.rm-variant-thumb.active{border-color:#007AFA!important;box-shadow:0 0 0 2px rgba(0,122,250,.16)!important}
.rm-order-box, .rm-b2b-notice{border-color:#DCE6F2!important;box-shadow:none!important}
.rm-b2b-discount-badge, .rm-price-discount{background:#F3F5ED!important;border-color:#E1E5D8!important;color:#66705F!important}
/* ===== MODEL WHITE CLEANUP — END ===== */
/* ===== MODEL MAIN IMAGE SIZE FIX — START ===== */
.rm-main-image{width:100%!important;height:430px!important;min-height:430px!important;max-height:430px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}
.rm-main-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:414px!important;object-fit:contain!important;object-position:center!important}
@media (max-width:991px){
  .rm-main-image{height:390px!important;min-height:390px!important;max-height:390px!important}
  .rm-main-image img{max-height:374px!important}
}
@media (max-width:640px){
  .rm-main-image{height:320px!important;min-height:320px!important;max-height:320px!important;padding:6px!important}
  .rm-main-image img{max-height:308px!important}
}
/* ===== MODEL MAIN IMAGE SIZE FIX — END ===== */
/* ===== PRODUCT CARD PRICE NOTE — START ===== */
.mp-product-card__price-note{display:block;margin-top:4px;color:#8A9183;font-size:8px;font-weight:700;line-height:1.25;letter-spacing:.01em;text-transform:none}
@media (max-width:640px){
  .mp-product-card__price-note{font-size:7.5px}
}
/* ===== PRODUCT CARD PRICE NOTE — END ===== */

/* ==========================================================================
   MULTIPRINT PREMIUM LIME — FINAL IDENTITY
   White + graphite base, lime only as accent.
   ========================================================================== */
:root{
  --mp-brand-green:#007AFA;
  --mp-brand-green-dark:#0007C4;
  --mp-brand-green-light:#73B5FF;
  --mp-brand-green-soft:#EAF4FF;
  --mp-brand-deep:#0A1026;
  --mp-brand-black:#090B12;
  --mp-brand-brown:#0007C4;

  --mp-brand-green-rgb:178,204,50;
  --mp-brand-green-light-rgb:216,232,106;
  --mp-brand-brown-rgb:125,132,42;

  --mp-ui-white:#fff;
  --mp-ui-ink:#101523;
  --mp-ui-text:#5F6B7C;
  --mp-ui-line:#E4E7DE;
  --mp-ui-soft:#F8F9F5;
}

/* Global surfaces */
html,
body{
  background:#fff !important;
  color:#101523;
}

main,
.mpx-page,
.mp-contact-page,
.mp-about-page,
.gr-page,
.mp-page,
.mp-info-page,
.b2b-page,
.webdev-page,
.api-page,
.rm-page{
  background:#fff !important;
}

/* Header */
.mp-topline{
  background:#090B12 !important;
  color:#fff !important;
}

.mp-topline i{
  color:#73B5FF !important;
}

.mp-mainbar{
  background:#fff !important;
}

.mp-nav-main{
  color:#33382F;
}

.mp-nav-main:hover,
.mp-nav-main.active,
.mp-nav-item:hover > .mp-nav-main,
.mp-nav-item.open > .mp-nav-main{
  color:#101523 !important;
  background:#F5F7ED !important;
}

.mp-nav-main.is-shop{
  background:#007AFA !important;
  border-color:#007AFA !important;
  color:#090B12 !important;
}

.mp-nav-main.is-shop:hover,
.mp-nav-main.is-shop.active{
  background:#0007C4 !important;
  border-color:#0007C4 !important;
  color:#090B12 !important;
}

.mp-nav-main.is-shop i{
  color:#090B12 !important;
}

.mp-shop-cart{
  color:#0007C4 !important;
}

.mp-shop-cart-count{
  background:#007AFA !important;
  color:#090B12 !important;
  border-color:#090B12 !important;
}

/* Generic buttons / CTA */
.mpx-btn.primary,
.mp-btn,
.b2b-btn,
.rm-catalog-search-btn,
.rm-cart-btn,
.rm-select-variant-btn{
  background:#007AFA !important;
  color:#090B12 !important;
  border-color:#007AFA !important;
  box-shadow:none !important;
}

.mpx-btn.primary:hover,
.mp-btn:hover,
.b2b-btn:hover,
.rm-catalog-search-btn:hover,
.rm-cart-btn.is-ready:hover,
.rm-select-variant-btn:hover:not(:disabled){
  background:#0007C4 !important;
  color:#090B12 !important;
}

/* Lime as accent, not page fill */
.mpx-kicker,
.mp-kicker,
.mp-eyebrow,
.b2b-kicker,
.webdev-kicker,
.api-eyebrow,
.rm-product-kicker,
.rm-breadcrumbs a:hover{
  color:#0007C4 !important;
}

.mp-icon,
.mp-contact-icon,
.b2b-card-icon,
.b2b-service-icon,
.webdev-page .bento-icon,
.mpx-category-icon{
  background:#EAF4FF !important;
  color:#0007C4 !important;
}

/* Home: clean white/light neutral base */
.mpx-home-page{
  background:#fff !important;
}

.mpx-home-page .mpx-hero{
  background:
    linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.62)),
    url("/images/index/multiprint-pressroom-dark.png") center top/cover no-repeat,
    #F6F7F3 !important;
}

.mpx-home-page .mpx-hero::after{
  background:linear-gradient(180deg,transparent,#fff) !important;
}

.mpx-home-page .mpx-glass{
  background:rgba(255,255,255,.88) !important;
  border-color:#E4E7DE !important;
}

.mpx-home-page .mpx-news-tech,
.mpx-home-page .mpx-local,
.mpx-home-page .mpx-category,
.mpx-home-page .mpx-proof-stat{
  background:#fff !important;
  border-color:#E4E7DE !important;
}

/* Dark premium sections */
.mpx-b2b,
.mpx-software,
.mpx-news-code,
.b2b-dark,
.b2b-cta,
.webdev-cta,
.api-tech,
.api-cta-box,
.mp-cta{
  background:
    radial-gradient(circle at 88% 14%,rgba(0,122,250,.16),transparent 27%),
    linear-gradient(135deg,#090B12 0%,#0A1026 72%,#30342A 100%) !important;
}

/* Product cards */
.mp-product-card{
  background:#fff !important;
  border-color:#E4E7DE !important;
}

.mp-product-card:hover{
  border-color:#CDD3C3 !important;
}

.mp-product-card__meta span{
  color:#0007C4 !important;
}

.mp-product-card__badge--new,
.mp-product-card__badge--novo{
  background:#007AFA !important;
  color:#090B12 !important;
}

.mp-product-card__arrow{
  background:#101523 !important;
  color:#fff !important;
}

.mp-product-card:hover .mp-product-card__arrow{
  background:#007AFA !important;
  color:#090B12 !important;
}

/* Model page */
.rm-page,
.rm-container,
.rm-card,
.rm-main-image,
.rm-meta-card,
.rm-mini-gallery-item,
.rm-status-badge,
.rm-spec-row,
.rm-description-card,
.rm-order-box,
.rm-b2b-notice{
  background:#fff !important;
}

.rm-table{
  background:#fff !important;
}

.rm-table th{
  background:#F7F8F5 !important;
  color:#676E61 !important;
}

.rm-table td{
  background:#fff;
}

.rm-table tr.rm-row-selected td,
.rm-table tr.rm-clickable-row.rm-row-selected td{
  background:#F8FAF0 !important;
}

.rm-table tr.rm-row-selected,
.rm-table tr.rm-clickable-row.rm-row-selected{
  box-shadow:inset 4px 0 0 #007AFA !important;
}

.rm-table .rm-price-main,
.rm-table .rm-b2b-price-current,
.rm-table .rm-price-clean strong,
.rm-table td:nth-child(2){
  color:#101523 !important;
}

.rm-stock-in,
.rm-table .rm-stock-in{
  color:#23844B !important;
}

/* Forms */
input:focus,
select:focus,
textarea:focus{
  border-color:#007AFA !important;
  box-shadow:0 0 0 4px rgba(0,122,250,.12) !important;
  outline:none;
}

/* Neutral card / panel language */
.mp-card,
.mp-info-card,
.mp-soft-card,
.b2b-card,
.api-card,
.webdev-card{
  border-color:#E4E7DE;
}

/* Mobile */
@media(max-width:991.98px){
  .mp-mobile-shop{
    background:#007AFA !important;
    border-color:#007AFA !important;
    color:#090B12 !important;
  }

  .mp-mobile-shop i{
    color:#090B12 !important;
  }
}

/* ===== PREMIUM LIME CRITICAL FIXES — START ===== */

/* ----------------------------------------------------------
   HOMEPAGE — dark cards must stay dark
   The generic .mpx-home-page .mpx-glass rule is intentionally
   overridden here with higher specificity.
   ---------------------------------------------------------- */
.mpx-home-page .mpx-b2b,
.mpx-home-page .mpx-software,
.mpx-home-page .mpx-news-code{
  background:
    radial-gradient(circle at 88% 14%,rgba(0,122,250,.16),transparent 28%),
    linear-gradient(135deg,#090B12 0%,#0A1026 72%,#30342A 100%) !important;
  border-color:rgba(115,181,255,.16) !important;
  color:#fff !important;
}

.mpx-home-page .mpx-b2b h2,
.mpx-home-page .mpx-b2b p,
.mpx-home-page .mpx-software h2,
.mpx-home-page .mpx-software p{
  color:#fff !important;
}

.mpx-home-page .mpx-b2b p,
.mpx-home-page .mpx-software p{
  color:rgba(255,255,255,.68) !important;
}

.mpx-home-page .mpx-b2b-side-item,
.mpx-home-page .mpx-soft-stat{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.10) !important;
}

.mpx-home-page .mpx-b2b-side-item strong,
.mpx-home-page .mpx-soft-stat strong{
  color:#fff !important;
}

.mpx-home-page .mpx-b2b-side-item span,
.mpx-home-page .mpx-soft-stat span{
  color:rgba(255,255,255,.62) !important;
}

.mpx-home-page .mpx-b2b-side-item i{
  color:#73B5FF !important;
}

/* ----------------------------------------------------------
   ABOUT — floating company-data PDF button
   The element is outside .mp-about-page in the PHP markup,
   so it must not depend on that parent selector.
   ---------------------------------------------------------- */
.mp-sticky-doc{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1085;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:190px;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:#090B12;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 18px 46px rgba(20,21,18,.22);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.mp-sticky-doc:hover{
  transform:translateY(-3px);
  background:#0A1026;
  color:#fff !important;
  box-shadow:0 22px 54px rgba(20,21,18,.28);
}

.mp-sticky-doc-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#007AFA;
  color:#090B12;
  font-size:18px;
}

.mp-sticky-doc > span:last-child{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.mp-sticky-doc strong{
  display:block;
  color:#fff;
  font-size:14px;
  font-weight:900;
  line-height:1.15;
}

.mp-sticky-doc small{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.62);
  font-size:10px;
  font-weight:750;
}

@media(max-width:640px){
  .mp-sticky-doc{
    right:12px;
    bottom:12px;
    min-width:0;
    padding:10px 13px;
    border-radius:15px;
  }

  .mp-sticky-doc-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}

/* ===== PREMIUM LIME CRITICAL FIXES — END ===== */


/* ===== A3DA24 BRAND FINAL OVERRIDES ===== */
:root{
  --mp-brand-green:#007AFA;
  --mp-brand-green-dark:#0007C4;
  --mp-brand-green-light:#73B5FF;
  --mp-brand-green-soft:#EAF4FF;
  --mp-brand-green-rgb:163,218,36;
  --mp-brand-green-light-rgb:213,240,131;
}
.mp-nav-main.is-shop,
.mpx-btn.primary,
.mp-btn,
.b2b-btn,
.rm-catalog-search-btn,
.rm-cart-btn,
.rm-select-variant-btn,
.mp-product-card__badge--new,
.mp-product-card__badge--novo{
  background:#007AFA!important;
  border-color:#007AFA!important;
  color:#090B12!important;
}
.mp-nav-main.is-shop:hover,
.mp-nav-main.is-shop.active,
.mpx-btn.primary:hover,
.mp-btn:hover,
.b2b-btn:hover,
.rm-catalog-search-btn:hover,
.rm-cart-btn.is-ready:hover,
.rm-select-variant-btn:hover:not(:disabled){
  background:#0007C4!important;
  border-color:#0007C4!important;
  color:#090B12!important;
}
.mp-product-card:hover .mp-product-card__arrow{
  background:#007AFA!important;
  color:#090B12!important;
}

/* ==========================================================================
   HOMEPAGE V2 — SIMPLE NAVIGATION
   ========================================================================== */
.mp-home2{background:#fff;color:#101523}
.mp-home2 *{box-sizing:border-box}
.mp-home2-wrap{width:min(1320px,calc(100% - 36px));margin:0 auto}
.mp-home2-kicker{display:inline-flex;align-items:center;gap:10px;color:#0007C4;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.mp-home2-kicker::before{content:"";width:30px;height:2px;background:#007AFA}

.mp-home2-hero{padding:42px 0 54px;background:#fff}
.mp-home2-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:54px;align-items:center}
.mp-home2-hero-copy h1{margin:16px 0 0;max-width:720px;color:#11130F;font-size:clamp(50px,5.8vw,82px);line-height:.90;letter-spacing:-.065em;font-weight:950}
.mp-home2-hero-copy h1 span{display:block;color:#0007C4}
.mp-home2-hero-copy p{max-width:680px;margin:24px 0 0;color:#5F6B7C;font-size:17px;line-height:1.7}
.mp-home2-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.mp-home2-btn{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;text-decoration:none;font-size:13px;font-weight:900;transition:.18s ease}
.mp-home2-btn:hover{transform:translateY(-2px)}
.mp-home2-btn-primary{background:#007AFA;color:#090B12;border:1px solid #007AFA}
.mp-home2-btn-primary:hover{background:#0007C4;color:#090B12;border-color:#0007C4}
.mp-home2-btn-secondary{background:#fff;color:#101523;border:1px solid #DDE2D7}
.mp-home2-btn-secondary:hover{background:#F8FAF3;color:#101523}
.mp-home2-btn-dark{background:#23261F;color:#fff;border:1px solid #32362B}
.mp-home2-btn-dark:hover{background:#2D3127;color:#fff}

.mp-home2-hero-visual{position:relative;min-height:500px;border-radius:30px;overflow:hidden;background:#F4F6F0}
.mp-home2-hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.mp-home2-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(16,18,14,.65))}
.mp-home2-hero-badge{position:absolute;z-index:2;left:22px;bottom:22px;max-width:245px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(15,23,42,.16)}
.mp-home2-hero-badge strong{display:block;color:#151711;font-size:25px;font-weight:950}
.mp-home2-hero-badge span{display:block;margin-top:4px;color:#64748B;font-size:11px;line-height:1.45}

.mp-home2-services{padding:70px 0;background:#F7F8F5}
.mp-home2-section-head{max-width:760px;margin-bottom:28px}
.mp-home2-section-head h2{margin:10px 0 0;color:#151711;font-size:clamp(34px,4vw,56px);line-height:.98;letter-spacing:-.05em;font-weight:950}
.mp-home2-section-head p{margin:12px 0 0;color:#6B7166;font-size:14px}
.mp-home2-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mp-home2-service-card{position:relative;min-height:320px;padding:26px;border-radius:24px;background:#fff;border:1px solid #E2E6DD;color:#101523;text-decoration:none;transition:.2s ease;overflow:hidden}
.mp-home2-service-card:hover{transform:translateY(-4px);border-color:#CCD4C2;box-shadow:0 20px 50px rgba(20,25,16,.08)}
.mp-home2-service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#F2F8E1;color:#0007C4;font-size:20px}
.mp-home2-service-no{position:absolute;right:22px;top:24px;color:#CDD2C7;font-size:12px;font-weight:900;letter-spacing:.12em}
.mp-home2-service-card h3{margin:58px 0 0;color:inherit;font-size:25px;line-height:1.04;letter-spacing:-.035em;font-weight:950}
.mp-home2-service-card p{margin:13px 0 0;color:#64748B;font-size:13px;line-height:1.55}
.mp-home2-service-card strong{position:absolute;left:26px;right:26px;bottom:24px;display:flex;align-items:center;justify-content:space-between;color:#0007C4;font-size:11px;font-weight:900}
.mp-home2-service-card-dark{background:#171916;color:#fff;border-color:#171916}
.mp-home2-service-card-dark .mp-home2-service-icon{background:#007AFA;color:#090B12}
.mp-home2-service-card-dark .mp-home2-service-no{color:rgba(255,255,255,.26)}
.mp-home2-service-card-dark p{color:rgba(255,255,255,.62)}
.mp-home2-service-card-dark strong{color:#73B5FF}

.mp-home2-proof{padding:0;background:#F7F8F5}
.mp-home2-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#171916;border-radius:24px;overflow:hidden}
.mp-home2-proof-grid>div{padding:26px 28px;border-right:1px solid rgba(255,255,255,.08)}
.mp-home2-proof-grid>div:last-child{border-right:0}
.mp-home2-proof-grid strong{display:block;color:#007AFA;font-size:32px;line-height:1;font-weight:950}
.mp-home2-proof-grid span{display:block;margin-top:7px;color:rgba(255,255,255,.65);font-size:11px}

.mp-home2-production{padding:78px 0;background:#fff}
.mp-home2-production-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}
.mp-home2-production-image{height:520px;border-radius:28px;overflow:hidden;background:#ECEFE8}
.mp-home2-production-image img{width:100%;height:100%;object-fit:cover}
.mp-home2-production-copy h2{margin:13px 0 0;color:#151711;font-size:clamp(38px,4.4vw,62px);line-height:.96;letter-spacing:-.055em;font-weight:950}
.mp-home2-production-copy p{margin:18px 0 0;color:#5F6B7C;font-size:15px;line-height:1.72}
.mp-home2-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.mp-home2-tags span{padding:8px 11px;border-radius:999px;background:#F4F7EC;border:1px solid #E0E5D9;color:#596052;font-size:10px;font-weight:850}
.mp-home2-text-link{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:#0007C4;text-decoration:none;font-size:12px;font-weight:900}
.mp-home2-text-link:hover{color:#5F8213}

.mp-home2-software{padding:70px 0;background:#171916;color:#fff}
.mp-home2-software-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.72fr);gap:54px;align-items:center}
.mp-home2-software h2{margin:12px 0 0;color:#fff;font-size:clamp(38px,4.4vw,62px);line-height:.96;letter-spacing:-.05em;font-weight:950}
.mp-home2-software p{max-width:730px;margin:18px 0 0;color:rgba(255,255,255,.65);font-size:14px;line-height:1.7}
.mp-home2-software .mp-home2-kicker{color:#73B5FF}
.mp-home2-software-cards{display:grid;gap:9px}
.mp-home2-software-cards>div{padding:18px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}
.mp-home2-software-cards strong{display:block;color:#fff;font-size:15px;font-weight:950}
.mp-home2-software-cards span{display:block;margin-top:6px;color:rgba(255,255,255,.58);font-size:11px;line-height:1.5}

.mp-home2-clients{padding:70px 0 56px;background:#fff}
.mp-home2-section-head-inline{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:28px}
.mp-home2-section-head-inline p{max-width:430px;text-align:right}
.mp-home2-logo-marquee{overflow:hidden;padding:14px 0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.mp-home2-logo-track{display:flex;align-items:center;gap:48px;width:max-content;animation:mpHome2Logos 58s linear infinite}
.mp-home2-logo-item{width:160px;height:64px;flex:0 0 auto;display:grid;place-items:center}
.mp-home2-logo-item img{max-width:100%;max-height:42px;object-fit:contain;filter:grayscale(1);opacity:.48}
@keyframes mpHome2Logos{to{transform:translateX(-50%)}}

.mp-home2-final{padding:0 0 72px;background:#fff}
.mp-home2-final-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border-radius:26px;background:#F3F5EF;border:1px solid #E0E4DA}
.mp-home2-final-box h2{margin:8px 0 0;color:#151711;font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:-.045em;font-weight:950}
.mp-home2-final-box p{margin:10px 0 0;color:#64748B;font-size:13px}

@media(max-width:1050px){
  .mp-home2-hero-grid,.mp-home2-production-grid,.mp-home2-software-grid{grid-template-columns:1fr}
  .mp-home2-hero-visual{min-height:430px}
  .mp-home2-service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .mp-home2-wrap{width:calc(100% - 22px)}
  .mp-home2-hero{padding:28px 0 36px}
  .mp-home2-hero-copy h1{font-size:44px}
  .mp-home2-hero-copy p{font-size:14px}
  .mp-home2-hero-visual{min-height:320px;border-radius:22px}
  .mp-home2-services,.mp-home2-production,.mp-home2-software,.mp-home2-clients{padding:48px 0}
  .mp-home2-service-grid{grid-template-columns:1fr}
  .mp-home2-service-card{min-height:260px}
  .mp-home2-service-card h3{margin-top:38px}
  .mp-home2-proof-grid{grid-template-columns:repeat(2,1fr)}
  .mp-home2-proof-grid>div:nth-child(2){border-right:0}
  .mp-home2-proof-grid>div{border-bottom:1px solid rgba(255,255,255,.08)}
  .mp-home2-production-image{height:340px}
  .mp-home2-section-head-inline{display:block}
  .mp-home2-section-head-inline p{text-align:left}
  .mp-home2-final-box{align-items:flex-start;flex-direction:column;padding:26px}
  .mp-home2-final-box .mp-home2-btn{width:100%}
}

/* ==========================================================================
   MULTIPRINT TEMP BLUE BRAND — FINAL OVERRIDES
   Primary: #007AFA
   Dark:    #0007C4
   ========================================================================== */
:root{
  --mp-brand-green:#007AFA !important;
  --mp-brand-green-dark:#0007C4 !important;
  --mp-brand-green-light:#73B5FF !important;
  --mp-brand-green-soft:#EAF4FF !important;
  --mp-brand-deep:#0A1026 !important;
  --mp-brand-black:#090B12 !important;
  --mp-brand-brown:#0007C4 !important;

  --mp-brand-green-rgb:0,122,250 !important;
  --mp-brand-green-light-rgb:115,181,255 !important;
  --mp-brand-brown-rgb:0,7,196 !important;

  --mp-green:#007AFA !important;
  --mp-green-dark:#0007C4 !important;
  --mp-green-light:#73B5FF !important;
  --mp-green-soft:#EAF4FF !important;
  --mp-earth:#0007C4 !important;

  --mp-ui-ink:#101523 !important;
  --mp-ui-text:#5B6474 !important;
  --mp-ui-line:#DCE6F2 !important;
  --mp-ui-soft:#F7FAFE !important;

  --mph-blue:#007AFA !important;
  --mph-cyan:#73B5FF !important;
  --mpx-blue:#007AFA !important;
  --mpx-blue-2:#0007C4 !important;
  --mpx-cyan:#73B5FF !important;
}

/* Header / navigation */
.mp-topline{
  background:#090B12 !important;
}
.mp-topline i{
  color:#73B5FF !important;
}
.mp-nav-main:hover,
.mp-nav-main.active,
.mp-nav-item:hover > .mp-nav-main,
.mp-nav-item.open > .mp-nav-main{
  color:#101523 !important;
  background:#EAF4FF !important;
}
.mp-nav-main:hover i,
.mp-nav-main.active i,
.mp-nav-item:hover > .mp-nav-main i,
.mp-nav-item.open > .mp-nav-main i{
  color:#007AFA !important;
}
.mp-nav-main.is-shop,
.mp-mobile-shop{
  background:#007AFA !important;
  border-color:#007AFA !important;
  color:#fff !important;
}
.mp-nav-main.is-shop:hover,
.mp-nav-main.is-shop.active,
.mp-mobile-shop:hover,
.mp-mobile-shop.active{
  background:#0007C4 !important;
  border-color:#0007C4 !important;
  color:#fff !important;
}
.mp-nav-main.is-shop i,
.mp-mobile-shop i{
  color:#fff !important;
}

/* Generic accents / CTA */
.mpx-btn.primary,
.mp-btn,
.b2b-btn,
.rm-catalog-search-btn,
.rm-cart-btn,
.rm-select-variant-btn,
.mp-home2-btn-primary,
.mp-home3-cta{
  background:#007AFA !important;
  border-color:#007AFA !important;
  color:#fff !important;
}
.mpx-btn.primary:hover,
.mp-btn:hover,
.b2b-btn:hover,
.rm-catalog-search-btn:hover,
.rm-cart-btn.is-ready:hover,
.rm-select-variant-btn:hover:not(:disabled),
.mp-home2-btn-primary:hover,
.mp-home3-cta:hover{
  background:#0007C4 !important;
  border-color:#0007C4 !important;
  color:#fff !important;
}

/* Product card */
.mp-product-card__badge--new,
.mp-product-card__badge--novo{
  background:#007AFA !important;
  color:#fff !important;
}
.mp-product-card:hover .mp-product-card__arrow{
  background:#007AFA !important;
  color:#fff !important;
}
.mp-product-card__meta span{
  color:#0007C4 !important;
}

/* Model / selected states */
.rm-table tr.rm-row-selected,
.rm-table tr.rm-clickable-row.rm-row-selected{
  box-shadow:inset 4px 0 0 #007AFA !important;
}
.rm-table tr.rm-row-selected td,
.rm-table tr.rm-clickable-row.rm-row-selected td{
  background:#F2F7FF !important;
}

/* Homepage v3 / editorial */
.mp-home3-hero-copy h1 em,
.mp-home3-section-label>span,
.mp-home3-kicker,
.mp-home3-section-num,
.mp-home3-software-points strong{
  color:#007AFA !important;
}
.mp-home3-hero-stamp,
.mp-home3-area-accent,
.mp-home3-final{
  background:#007AFA !important;
}
.mp-home3-area-accent:hover{
  background:#0007C4 !important;
  color:#fff !important;
}
.mp-home3-area-accent:hover p,
.mp-home3-area-accent:hover .mp-home3-area-no{
  color:rgba(255,255,255,.72) !important;
}
.mp-home3-hero-stamp,
.mp-home3-final,
.mp-home3-final h2,
.mp-home3-final a{
  color:#fff !important;
}
.mp-home3-final a{
  border-color:#fff !important;
}
.mp-home3-cta{
  border-radius:0 !important;
}

/* Focus */
input:focus,
select:focus,
textarea:focus{
  border-color:#007AFA !important;
  box-shadow:0 0 0 4px rgba(0,122,250,.12) !important;
}

/* ==========================================================================\n   HOMEPAGE — ROYAL BLUE MULTIPRINT DESIGN\n   ========================================================================== */
.mp-home-royal{background:#fff;color:#0A0D16}
.mpr-wrap{width:min(1260px,calc(100% - 32px));margin:0 auto}
.mpr-hero{padding:24px 0 0;background:linear-gradient(180deg,#F5F8FC 0,#fff 34%)}
.mpr-hero-image{width:100%;overflow:hidden;background:#EEF2F7}
.mpr-hero-image img{display:block;width:100%;height:auto}
.mpr-intro{padding:18px 0 15px;border-bottom:1px solid #E1E7F0}
.mpr-intro h1{margin:0;max-width:1120px;color:#0B0D13;font-size:clamp(22px,2.5vw,34px);line-height:1.08;letter-spacing:-.035em;font-weight:950}
.mpr-intro p{margin:5px 0 0;color:#3D4655;font-size:15px;line-height:1.45;font-weight:650}
.mpr-service-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #DCE5F0;background:#F7FAFE}
.mpr-service-strip a{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;min-height:72px;padding:12px 16px;border-right:1px solid #DCE5F0;color:#111827;text-decoration:none;transition:.18s ease}
.mpr-service-strip a:last-child{border-right:0}
.mpr-service-strip a:hover{background:linear-gradient(135deg,#EEF6FF,#F8FBFF)}
.mpr-service-strip i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#E7F2FF;color:#007AFA;font-size:13px}
.mpr-service-strip strong{display:block;font-size:11px;font-weight:950}
.mpr-service-strip small{display:block;margin-top:4px;color:#6B7280;font-size:8.5px;line-height:1.35}
.mpr-products{padding:26px 0 30px;background:#fff}
.mpr-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mpr-products-grid .mp-product-card{border-radius:16px!important;box-shadow:none!important;border:1px solid #DFE6F0!important}
.mpr-products-grid .mp-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,26,70,.08)!important}
.mpr-software{padding:28px 0;background:linear-gradient(110deg,#F2F3F5 0%,#E6E8EB 48%,#F4F5F6 100%);border-top:1px solid #DADDE2;border-bottom:1px solid #DADDE2}
.mpr-software-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:28px}
.mpr-software-device{min-height:250px;display:flex;align-items:center;justify-content:center}
.mpr-software-device img{max-width:100%;max-height:310px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.18))}
.mpr-software-copy>span{display:inline-block;color:#007AFA;font-size:9px;font-weight:950;letter-spacing:.13em}
.mpr-software-copy h2{margin:2px 0 0;color:#05070C;font-size:clamp(54px,6vw,90px);line-height:.9;letter-spacing:-.065em;font-weight:950}
.mpr-software-copy h3{margin:7px 0 0;color:#0007C4;font-size:clamp(25px,3vw,40px);line-height:1;font-weight:950}
.mpr-software-copy p{max-width:820px;margin:12px 0 0;color:#10151F;font-size:17px;line-height:1.35;font-weight:800}
.mpr-software-copy a{display:inline-flex;margin-top:15px;padding:12px 18px;background:linear-gradient(135deg,#007AFA,#0007C4);color:#fff;text-decoration:none;font-size:14px;font-weight:950;box-shadow:0 8px 18px rgba(0,7,196,.18)}
.mpr-two-col{padding:38px 0;background:#fff}
.mpr-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.mpr-about-panel{padding:8px 10px 0 0}
.mpr-kicker{display:inline-flex;align-items:center;gap:8px;color:#007AFA;font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.mpr-kicker::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,#007AFA,#0007C4)}
.mpr-about-panel h2{margin:10px 0 0;max-width:560px;color:#111827;font-size:clamp(31px,3vw,48px);line-height:.98;letter-spacing:-.045em;font-weight:950}
.mpr-about-panel>p{margin:12px 0 0;color:#5F6B7C;font-size:12px;line-height:1.55}
.mpr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.mpr-stats div{padding:16px 14px;border:1px solid #DCE5F0;border-radius:12px;background:#fff}
.mpr-stats strong{display:block;color:#111827;font-size:24px;font-weight:950}
.mpr-stats span{display:block;margin-top:5px;color:#748095;font-size:9px;line-height:1.35}
.mpr-rating{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;margin-top:10px;padding:12px 16px;border:1px solid #CFE2FF;border-radius:12px;background:linear-gradient(90deg,#EDF6FF,#fff)}
.mpr-rating strong{color:#0007C4;font-size:36px;font-weight:950}
.mpr-rating span{color:#526071;font-size:10px;line-height:1.4}
.mpr-web-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;padding:32px;background:radial-gradient(circle at 92% 12%,rgba(0,122,250,.30),transparent 28%),linear-gradient(145deg,#07111F,#06102B 56%,#0007C4 180%);color:#fff;text-decoration:none}
.mpr-web-panel::after{content:"</>";position:absolute;right:24px;top:18px;color:rgba(0,122,250,.14);font-size:110px;font-weight:950}
.mpr-web-panel .mpr-kicker{position:relative;z-index:1;color:#73B5FF}
.mpr-web-panel h2{position:relative;z-index:1;max-width:560px;margin:14px 0 0;color:#fff;font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.04em;font-weight:950}
.mpr-web-panel p{position:relative;z-index:1;max-width:560px;margin:13px 0 0;color:rgba(255,255,255,.67);font-size:11px;line-height:1.6}
.mpr-web-panel>strong{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:38px;color:#fff;font-size:10px;font-weight:900}
.mpr-clients{padding:24px 0 30px;background:#fff;border-top:1px solid #E7ECF3}
.mpr-clients-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.mpr-clients-head h2{margin:0;color:#111827;font-size:18px;font-weight:950}
.mpr-clients-head span{color:#007AFA;font-size:9px;font-weight:950;letter-spacing:.14em}
.mpr-logo-marquee{overflow:hidden;margin-top:14px;padding:12px 0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.mpr-logo-track{display:flex;align-items:center;gap:50px;width:max-content;animation:mprLogos 55s linear infinite}
.mpr-logo-item{width:150px;height:54px;display:grid;place-items:center;flex:0 0 auto}
.mpr-logo-item img{max-width:100%;max-height:35px;object-fit:contain;filter:grayscale(1);opacity:.5}
@keyframes mprLogos{to{transform:translateX(-50%)}}
.mpr-local{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px;padding:12px 14px;border:1px solid #E2E8F0;border-radius:12px;background:#FAFCFF}
.mpr-local>div:first-child{display:flex;flex-direction:column;gap:3px}
.mpr-local strong{color:#111827;font-size:10px;font-weight:900}
.mpr-local span{color:#667085;font-size:8.5px}
.mpr-local-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.mpr-local-tags span{padding:5px 8px;border-radius:999px;border:1px solid #D8E5F5;background:#F2F7FF;color:#0007C4;font-size:7.5px;font-weight:850}
@media(max-width:1000px){.mpr-products-grid{grid-template-columns:repeat(2,1fr)}.mpr-software-grid,.mpr-two-col-grid{grid-template-columns:1fr}.mpr-service-strip{grid-template-columns:repeat(2,1fr)}.mpr-service-strip a:nth-child(2){border-right:0}}
@media(max-width:640px){.mpr-wrap{width:calc(100% - 20px)}.mpr-hero{padding-top:12px}.mpr-intro h1{font-size:24px}.mpr-intro p{font-size:12px}.mpr-service-strip{grid-template-columns:1fr}.mpr-service-strip a{border-right:0;border-bottom:1px solid #DCE5F0}.mpr-products-grid{grid-template-columns:1fr 1fr;gap:8px}.mpr-software-grid{gap:10px}.mpr-software-device{min-height:180px}.mpr-software-copy h2{font-size:48px}.mpr-software-copy p{font-size:13px}.mpr-stats{grid-template-columns:1fr 1fr}.mpr-local{align-items:flex-start;flex-direction:column}.mpr-local-tags{justify-content:flex-start}.mpr-web-panel{min-height:300px}}

/* ==========================================================================
   HOMEPAGE — USER MOCKUP FINAL MATCH
   ========================================================================== */
.mpr-homepage{
  background:#fff;
  color:#0A0D16;
}

.mpr-homepage .mpr-wrap{
  width:min(1320px,calc(100% - 32px));
  margin-inline:auto;
}

/* HERO — dominant visual first */
.mpr-homepage .mpr-hero{
  padding:22px 0 0;
  background:linear-gradient(180deg,#F3F6FA 0,#FFFFFF 30%);
}

.mpr-homepage .mpr-hero-image{
  width:100%;
  background:#EEE9E2;
  overflow:hidden;
}

.mpr-homepage .mpr-hero-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* Intro below visual */
.mpr-homepage .mpr-intro{
  padding:14px 0 12px;
}

.mpr-homepage .mpr-intro h1{
  max-width:1180px;
  margin:0;
  color:#080A0F;
  font-size:clamp(24px,2.25vw,35px);
  line-height:1.03;
  letter-spacing:-.035em;
  font-weight:950;
}

.mpr-homepage .mpr-intro p{
  max-width:1160px;
  margin:5px 0 0;
  color:#0F1420;
  font-size:clamp(14px,1.25vw,19px);
  line-height:1.25;
  font-weight:850;
}

/* Four horizontal services */
.mpr-homepage .mpr-service-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#F5F9FE;
  border-top:1px solid #E4EDF8;
  border-bottom:1px solid #DCE6F2;
}

.mpr-homepage .mpr-service-strip a{
  min-height:76px;
  padding:12px 15px;
  border-right:1px solid #DFE9F5;
}

.mpr-homepage .mpr-service-strip a:last-child{
  border-right:0;
}

.mpr-homepage .mpr-service-strip i{
  background:#E6F2FF;
  color:#007AFA;
}

.mpr-homepage .mpr-service-strip strong{
  color:#0A0D16;
  font-size:11px;
  font-weight:950;
}

.mpr-homepage .mpr-service-strip small{
  color:#667085;
  font-size:8.5px;
}

/* Products sit immediately under strip */
.mpr-homepage .mpr-products{
  padding:18px 0 28px;
  background:#fff;
}

.mpr-homepage .mpr-products-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.mpr-homepage .mp-product-card{
  box-shadow:none !important;
  border-color:#E1E6EC !important;
  border-radius:16px !important;
}

/* RadniNALOZI — full strong banner */
.mpr-homepage .mpr-software{
  padding:22px 0;
  background:
    linear-gradient(105deg,#E8E9EB 0%,#F1F2F4 46%,#E5E6E8 100%);
  border-block:1px solid #D4D6DA;
}

.mpr-homepage .mpr-software-grid{
  grid-template-columns:.72fr 1.28fr;
  gap:24px;
}

.mpr-homepage .mpr-software-device{
  min-height:255px;
}

.mpr-homepage .mpr-software-copy>span{
  color:#007AFA;
}

.mpr-homepage .mpr-software-copy h2{
  color:#05070C;
  font-size:clamp(58px,6.2vw,96px);
}

.mpr-homepage .mpr-software-copy h3{
  color:#0007C4;
  font-size:clamp(28px,3vw,44px);
}

.mpr-homepage .mpr-software-copy p{
  color:#0B101A;
  font-size:clamp(15px,1.45vw,21px);
  font-weight:850;
}

.mpr-homepage .mpr-software-copy a{
  background:linear-gradient(135deg,#007AFA 0%,#0007C4 100%);
  border-radius:5px;
}

/* Lower two-column section */
.mpr-homepage .mpr-two-col{
  padding:36px 0 32px;
}

.mpr-homepage .mpr-two-col-grid{
  gap:20px;
}

.mpr-homepage .mpr-about-panel,
.mpr-homepage .mpr-web-panel{
  border-radius:0;
}

.mpr-homepage .mpr-about-panel{
  padding:12px 4px 0;
}

.mpr-homepage .mpr-about-panel h2{
  color:#101A34;
  font-size:clamp(31px,3.1vw,48px);
  line-height:.94;
}

.mpr-homepage .mpr-about-panel .mpr-kicker{
  color:#007AFA;
}

.mpr-homepage .mpr-stats{
  gap:7px;
}

.mpr-homepage .mpr-stats>div{
  background:#fff;
  border:1px solid #DDE5EF;
}

.mpr-homepage .mpr-rating{
  background:linear-gradient(90deg,#ECF6FF,#F9FCFF);
  border-color:#CAE0FA;
}

.mpr-homepage .mpr-rating strong{
  color:#0007C4;
}

/* Web block: dark royal blue like mockup */
.mpr-homepage .mpr-web-panel{
  min-height:315px;
  padding:32px;
  background:
    radial-gradient(circle at 85% 10%,rgba(0,122,250,.22),transparent 34%),
    linear-gradient(135deg,#071022 0%,#0A1530 55%,#071022 100%);
  border:1px solid #101C38;
  color:#fff;
}

.mpr-homepage .mpr-web-panel .mpr-kicker{
  color:#73B5FF;
}

.mpr-homepage .mpr-web-panel h2{
  color:#fff;
}

.mpr-homepage .mpr-web-panel p{
  color:rgba(255,255,255,.65);
}

.mpr-homepage .mpr-web-panel strong{
  color:#fff;
}

/* Clients */
.mpr-homepage .mpr-clients{
  padding:24px 0 30px;
}

.mpr-homepage .mpr-clients-head span{
  color:#007AFA;
}

.mpr-homepage .mpr-local{
  background:#fff;
  border:1px solid #DFE6EF;
}

.mpr-homepage .mpr-local-tags span{
  color:#0007C4;
  background:#EEF6FF;
  border-color:#D5E7FC;
}

@media(max-width:1000px){
  .mpr-homepage .mpr-products-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .mpr-homepage .mpr-service-strip{
    grid-template-columns:repeat(2,1fr);
  }

  .mpr-homepage .mpr-software-grid,
  .mpr-homepage .mpr-two-col-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .mpr-homepage .mpr-wrap{
    width:calc(100% - 20px);
  }

  .mpr-homepage .mpr-service-strip{
    grid-template-columns:1fr;
  }

  .mpr-homepage .mpr-products-grid{
    grid-template-columns:1fr 1fr;
  }

  .mpr-homepage .mpr-software-copy h2{
    font-size:48px;
  }

  .mpr-homepage .mpr-software-copy h3{
    font-size:27px;
  }

  .mpr-homepage .mpr-web-panel{
    min-height:280px;
  }
}
/* ===== USER MOCKUP FINAL MATCH END ===== */

/* ==========================================================================\n   HOMEPAGE HERO — MOCKUP SIZE + TEXT OVER IMAGE\n   ========================================================================== */
.mpr-homepage .mpr-hero-image{
  position:relative;
  height:520px;
  overflow:hidden;
  background:#EDE7DE;
}

.mpr-homepage .mpr-hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,transparent 28%,transparent 72%,rgba(255,255,255,.10) 100%);
}

.mpr-homepage .mpr-hero-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 58%;
}

.mpr-homepage .mpr-hero-copy-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  padding:24px 30px 22px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  pointer-events:none;
}

.mpr-homepage .mpr-hero-kicker{
  display:block;
  color:#080A0F;
  font-size:16px;
  line-height:1.1;
  font-weight:900;
}

.mpr-homepage .mpr-hero-copy-overlay h1{
  max-width:790px;
  margin:5px 0 0;
  color:#050609;
  font-size:clamp(36px,4vw,62px);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:950;
  text-align:right;
}

.mpr-homepage .mpr-hero-copy-overlay strong{
  margin-top:auto;
  color:#050609;
  font-size:18px;
  line-height:1.1;
  font-weight:950;
}

.mpr-homepage .mpr-intro h2{
  max-width:1180px;
  margin:0;
  color:#080A0F;
  font-size:clamp(24px,2.25vw,35px);
  line-height:1.03;
  letter-spacing:-.035em;
  font-weight:950;
}

@media(max-width:900px){
  .mpr-homepage .mpr-hero-image{height:430px}
  .mpr-homepage .mpr-hero-copy-overlay{padding:18px 20px}
  .mpr-homepage .mpr-hero-kicker{font-size:12px}
  .mpr-homepage .mpr-hero-copy-overlay h1{font-size:clamp(30px,6vw,48px)}
  .mpr-homepage .mpr-hero-copy-overlay strong{font-size:14px}
}

@media(max-width:640px){
  .mpr-homepage .mpr-hero-image{height:320px}
  .mpr-homepage .mpr-hero-copy-overlay{padding:14px}
  .mpr-homepage .mpr-hero-kicker{font-size:9px}
  .mpr-homepage .mpr-hero-copy-overlay h1{max-width:92%;font-size:28px}
  .mpr-homepage .mpr-hero-copy-overlay strong{font-size:11px}
}
/* ===== HOMEPAGE HERO FIX END ===== */

/* ===== MOCKUP READABILITY + RANDOM PRODUCTS UI — START ===== */

/* Opšta čitljivost početne — mikro tekst više nije presitan */
.mpr-homepage{
  font-size:16px;
}

/* Hero tekst */
.mpr-homepage .mpr-hero-kicker{
  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

.mpr-homepage .mpr-hero-copy-overlay h1{
  font-size:clamp(38px,4vw,62px) !important;
  line-height:1.02 !important;
}

.mpr-homepage .mpr-hero-copy-overlay strong{
  font-size:18px !important;
  line-height:1.25 !important;
}

/* Uvod ispod hero slike */
.mpr-homepage .mpr-intro h2{
  font-size:clamp(24px,2.35vw,36px) !important;
  line-height:1.12 !important;
}

.mpr-homepage .mpr-intro p{
  font-size:17px !important;
  line-height:1.45 !important;
}

/* 4 glavne oblasti — blaži krajevi i veća slova */
.mpr-homepage .mpr-service-strip{
  margin-top:12px !important;
  margin-bottom:2px !important;
  border:1px solid #D7E3F1 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#F5F9FE !important;
  box-shadow:0 4px 14px rgba(15,23,42,.035) !important;
}

.mpr-homepage .mpr-service-strip a{
  min-height:84px !important;
  padding:14px 18px !important;
  border-right:1px solid #D7E3F1 !important;
}

.mpr-homepage .mpr-service-strip a:first-child{
  border-top-left-radius:13px;
  border-bottom-left-radius:13px;
}

.mpr-homepage .mpr-service-strip a:last-child{
  border-right:0 !important;
  border-top-right-radius:13px;
  border-bottom-right-radius:13px;
}

.mpr-homepage .mpr-service-strip i{
  width:38px !important;
  height:38px !important;
  font-size:15px !important;
}

.mpr-homepage .mpr-service-strip strong{
  font-size:13px !important;
  line-height:1.2 !important;
}

.mpr-homepage .mpr-service-strip small{
  margin-top:5px !important;
  font-size:10px !important;
  line-height:1.38 !important;
}

/* Product cards — sitne informacije čitljivije */
.mpr-homepage .mp-product-card__eyebrow,
.mpr-homepage .mp-product-card__meta,
.mpr-homepage .mp-product-card__meta span,
.mpr-homepage .mp-product-card__code,
.mpr-homepage .mp-product-card__stock,
.mpr-homepage .mp-product-card__price-note,
.mpr-homepage .mp-product-card small{
  font-size:10px !important;
  line-height:1.35 !important;
}

.mpr-homepage .mp-product-card__title{
  font-size:15px !important;
  line-height:1.2 !important;
}

.mpr-homepage .mp-product-card__description{
  font-size:11px !important;
  line-height:1.45 !important;
}

.mpr-homepage .mp-product-card__price{
  font-size:17px !important;
}

/* Donji deo — sitni tekstovi malo veći */
.mpr-homepage .mpr-kicker{
  font-size:11px !important;
}

.mpr-homepage .mpr-about-panel > p{
  font-size:14px !important;
  line-height:1.6 !important;
}

.mpr-homepage .mpr-stats span{
  font-size:10.5px !important;
  line-height:1.4 !important;
}

.mpr-homepage .mpr-rating span{
  font-size:11px !important;
}

.mpr-homepage .mpr-web-panel p{
  font-size:13px !important;
  line-height:1.6 !important;
}

.mpr-homepage .mpr-web-panel > strong{
  font-size:11px !important;
}

.mpr-homepage .mpr-clients-head span{
  font-size:10px !important;
}

.mpr-homepage .mpr-local strong{
  font-size:11px !important;
}

.mpr-homepage .mpr-local span,
.mpr-homepage .mpr-local-tags span{
  font-size:9px !important;
}

/* Tablet */
@media(max-width:1000px){
  .mpr-homepage .mpr-service-strip{
    border-radius:12px !important;
  }

  .mpr-homepage .mpr-service-strip a:nth-child(2){
    border-right:0 !important;
  }

  .mpr-homepage .mpr-service-strip a:nth-child(-n+2){
    border-bottom:1px solid #D7E3F1 !important;
  }
}

/* Telefon */
@media(max-width:640px){
  .mpr-homepage .mpr-hero-kicker{
    font-size:11px !important;
  }

  .mpr-homepage .mpr-hero-copy-overlay h1{
    font-size:29px !important;
  }

  .mpr-homepage .mpr-hero-copy-overlay strong{
    font-size:12px !important;
  }

  .mpr-homepage .mpr-intro h2{
    font-size:22px !important;
  }

  .mpr-homepage .mpr-intro p{
    font-size:14px !important;
  }

  .mpr-homepage .mpr-service-strip a{
    min-height:74px !important;
    border-right:0 !important;
    border-bottom:1px solid #D7E3F1 !important;
  }

  .mpr-homepage .mpr-service-strip a:last-child{
    border-bottom:0 !important;
  }

  .mpr-homepage .mpr-service-strip strong{
    font-size:13px !important;
  }

  .mpr-homepage .mpr-service-strip small{
    font-size:10px !important;
  }
}

/* ===== MOCKUP READABILITY + RANDOM PRODUCTS UI — END ===== */

/* ===== HERO COLLAGE — 2 LEFT + 1 RIGHT START ===== */
.mpr-homepage .mpr-hero-collage{
  display:grid;
  grid-template-columns:26% minmax(0,1fr);
  gap:10px;
  height:520px;
}

.mpr-homepage .mpr-hero-left{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:10px;
  min-width:0;
  min-height:0;
}

.mpr-homepage .mpr-hero-left-item{
  overflow:hidden;
  min-height:0;
  background:#eee9e2;
}

.mpr-homepage .mpr-hero-left-item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.mpr-homepage .mpr-hero-collage .mpr-hero-image{
  height:520px !important;
  min-height:520px !important;
}

.mpr-homepage .mpr-hero-collage .mpr-hero-image>img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center !important;
}

.mpr-homepage .mpr-hero-kicker{
  top:18px !important;
  right:24px !important;
  font-size:15px !important;
}

.mpr-homepage .mpr-hero-copy-overlay h1{
  top:48px !important;
  right:24px !important;
  width:min(92%,880px) !important;
  font-size:clamp(38px,4.2vw,65px) !important;
  line-height:.96 !important;
}

.mpr-homepage .mpr-hero-copy-overlay>strong{
  right:24px !important;
  bottom:20px !important;
  font-size:16px !important;
}

.mpr-homepage .mpr-intro h2{
  font-size:25px !important;
  line-height:1.08 !important;
}

.mpr-homepage .mpr-intro p{
  font-size:14px !important;
  line-height:1.4 !important;
}

/* Traka 4 oblasti — blagi krajevi */
.mpr-homepage .mpr-service-strip{
  border-radius:12px !important;
  overflow:hidden !important;
  border:1px solid #D7E3F1 !important;
}

@media(max-width:1000px){
  .mpr-homepage .mpr-hero-collage{
    grid-template-columns:30% minmax(0,1fr);
    height:430px;
  }

  .mpr-homepage .mpr-hero-collage .mpr-hero-image{
    height:430px !important;
    min-height:430px !important;
  }
}

@media(max-width:700px){
  .mpr-homepage .mpr-hero-collage{
    display:flex;
    flex-direction:column;
    height:auto;
    gap:8px;
  }

  .mpr-homepage .mpr-hero-collage .mpr-hero-image{
    order:1;
    height:310px !important;
    min-height:310px !important;
  }

  .mpr-homepage .mpr-hero-left{
    order:2;
    grid-template-columns:1fr 1fr;
    grid-template-rows:none;
    height:150px;
    gap:8px;
  }

  .mpr-homepage .mpr-hero-kicker{
    top:12px !important;
    right:14px !important;
    font-size:10px !important;
  }

  .mpr-homepage .mpr-hero-copy-overlay h1{
    top:38px !important;
    right:14px !important;
    width:88% !important;
    font-size:29px !important;
  }

  .mpr-homepage .mpr-hero-copy-overlay>strong{
    right:14px !important;
    bottom:12px !important;
    font-size:11px !important;
  }
}
/* ===== HERO COLLAGE — 2 LEFT + 1 RIGHT END ===== */

/* ===== HERO COLLAGE SIZE + LINKS — START ===== */
.mpr-homepage .mpr-hero-collage{
  grid-template-columns:34% minmax(0,1fr) !important;
  height:560px !important;
  gap:10px !important;
}

.mpr-homepage .mpr-hero-left{
  gap:10px !important;
}

.mpr-homepage .mpr-hero-left-item{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  min-height:0 !important;
  background:#eee9e2 !important;
  text-decoration:none !important;
  cursor:pointer;
}

.mpr-homepage .mpr-hero-left-item img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  transition:transform .28s ease !important;
}

.mpr-homepage .mpr-hero-left-item:hover img{
  transform:scale(1.025) !important;
}

.mpr-homepage .mpr-hero-collage .mpr-hero-image{
  height:560px !important;
  min-height:560px !important;
}

@media(max-width:1000px){
  .mpr-homepage .mpr-hero-collage{
    grid-template-columns:35% minmax(0,1fr) !important;
    height:470px !important;
  }
  .mpr-homepage .mpr-hero-collage .mpr-hero-image{
    height:470px !important;
    min-height:470px !important;
  }
}

@media(max-width:700px){
  .mpr-homepage .mpr-hero-collage{
    height:auto !important;
  }
  .mpr-homepage .mpr-hero-collage .mpr-hero-image{
    height:320px !important;
    min-height:320px !important;
  }
  .mpr-homepage .mpr-hero-left{
    height:170px !important;
  }
}
/* ===== HERO COLLAGE SIZE + LINKS — END ===== */

/* ===== STOCK STATUS COLORS — ROYAL BLUE / ORANGE / RED START ===== */

/* ----------------------------------------------------------
   STANDARD:
   IN  = royal blue
   LOW = orange
   OUT = red
   ---------------------------------------------------------- */

/* Product card */
.mp-product-card__stock--in,
.mp-product-card__stock.in{
  color:#007AFA !important;
}

.mp-product-card__stock--in i,
.mp-product-card__stock.in i{
  background:#007AFA !important;
}

.mp-product-card__stock--low,
.mp-product-card__stock.low{
  color:#D97706 !important;
}

.mp-product-card__stock--low i,
.mp-product-card__stock.low i{
  background:#F79009 !important;
}

.mp-product-card__stock--out,
.mp-product-card__stock.out{
  color:#D92D20 !important;
}

.mp-product-card__stock--out i,
.mp-product-card__stock.out i{
  background:#F04438 !important;
}

/* Model hero */
.rm-stock-hero.in strong,
.rm-stock-hero.is-in strong{
  color:#007AFA !important;
}

.rm-stock-hero.in i,
.rm-stock-hero.is-in i{
  background:#007AFA !important;
}

.rm-stock-hero.low strong{
  color:#D97706 !important;
}

.rm-stock-hero.low i{
  background:#F79009 !important;
}

.rm-stock-hero.out strong{
  color:#D92D20 !important;
}

.rm-stock-hero.out i{
  background:#F04438 !important;
}

/* Model variants table */
.rm-stock-in,
.rm-table .rm-stock-in,
.rm-table td.rm-stock-in{
  color:#007AFA !important;
  font-weight:900 !important;
}

.rm-stock-low,
.rm-table .rm-stock-low,
.rm-table td.rm-stock-low{
  color:#D97706 !important;
  font-weight:900 !important;
}

.rm-stock-out,
.rm-table .rm-stock-out,
.rm-table td.rm-stock-out{
  color:#D92D20 !important;
  font-weight:900 !important;
}

/* Keep selected rows neutral; stock color itself carries status */
.rm-table tr.rm-row-selected td.rm-stock-in{
  color:#007AFA !important;
}

.rm-table tr.rm-row-selected td.rm-stock-low{
  color:#D97706 !important;
}

.rm-table tr.rm-row-out td.rm-stock-out{
  color:#D92D20 !important;
}

/* ===== STOCK STATUS COLORS — ROYAL BLUE / ORANGE / RED END ===== */

/* ===== GLOBAL SMALL TEXT READABILITY — START ===== */

/* Header */
.mp-topline-item,
.mp-topline a{
  font-size:14px !important;
}

.mp-nav-main{
  font-size:15px !important;
}

.mp-service-group-title{
  font-size:12px !important;
}

.mp-mega-card strong{
  font-size:14px !important;
}

.mp-mega-card span span{
  font-size:12px !important;
}

/* Homepage — 4 glavne oblasti */
.mpr-homepage .mpr-service-strip strong{
  font-size:15px !important;
}

.mpr-homepage .mpr-service-strip small{
  font-size:12px !important;
  line-height:1.45 !important;
}

/* Homepage — statistike */
.mpr-homepage .mpr-stats strong{
  font-size:28px !important;
}

.mpr-homepage .mpr-stats span{
  font-size:13px !important;
  line-height:1.45 !important;
}

.mpr-homepage .mpr-rating strong{
  font-size:34px !important;
}

.mpr-homepage .mpr-rating span{
  font-size:13px !important;
  line-height:1.5 !important;
}

/* Homepage — lokalni / klijenti blok */
.mpr-homepage .mpr-local strong{
  font-size:14px !important;
}

.mpr-homepage .mpr-local span{
  font-size:12px !important;
  line-height:1.45 !important;
}

.mpr-homepage .mpr-local-tags span{
  font-size:11px !important;
}

/* Product cards */
.mp-product-card__eyebrow,
.mp-product-card__meta,
.mp-product-card__meta span,
.mp-product-card__code,
.mp-product-card__stock,
.mp-product-card__price-note,
.mp-product-card small{
  font-size:12px !important;
}

.mp-product-card__description{
  font-size:13px !important;
  line-height:1.5 !important;
}

.mp-product-card__title{
  font-size:16px !important;
}

/* Model page — sitan tekst */
.rm-table th{
  font-size:14px !important;
}

.rm-table td{
  font-size:15px !important;
}

.rm-code-main{
  font-size:14px !important;
}

.rm-price-main{
  font-size:15px !important;
}

.rm-arrival-compact,
.rm-section-note,
.rm-b2b-inline a{
  font-size:12px !important;
}

.rm-price-hero span,
.rm-price-hero small,
.rm-stock-hero span,
.rm-product-facts span{
  font-size:11px !important;
}

.rm-stock-hero strong,
.rm-product-facts strong{
  font-size:14px !important;
}

/* Floating promo */
.availability-float-kicker{
  font-size:10px !important;
}

.availability-float-text{
  font-size:13px !important;
}

.availability-float-actions a{
  font-size:12.5px !important;
}

/* Old homepage / shared sections, if still used */
.mpx-production-stats span{
  font-size:12px !important;
}

.mpx-b2b-side-item span,
.mpx-capability p,
.mpx-soft-stat span,
.mpx-category p,
.mpx-news-card p,
.mpx-local p,
.mpx-local-cities span{
  font-size:12px !important;
}

.mpx-kicker,
.mpx-category small,
.mpx-news-label{
  font-size:11px !important;
}

/* Mobile stays readable */
@media(max-width:640px){
  .mpr-homepage .mpr-service-strip small{
    font-size:11.5px !important;
  }

  .mpr-homepage .mpr-stats span,
  .mpr-homepage .mpr-rating span,
  .mpr-homepage .mpr-local span{
    font-size:12px !important;
  }

  .mp-product-card__description{
    font-size:12px !important;
  }
}

/* ===== GLOBAL SMALL TEXT READABILITY — END ===== */

/* ===== HERO SIMPLE CLEANUP — START ===== */

/* Desna hero slika: bez fade sloja / bez horizontalne linije */
.mpr-homepage .mpr-hero-copy-overlay{
  pointer-events:auto !important;
  user-select:text !important;
  -webkit-user-select:text !important;
  z-index:4 !important;
}

.mpr-homepage .mpr-hero-copy-overlay::before{
  display:none !important;
  content:none !important;
}

/* Tekst ostaje direktno na fotografiji, samo vrlo blag shadow radi čitljivosti */
.mpr-homepage .mpr-hero-kicker,
.mpr-homepage .mpr-hero-copy-overlay h1,
.mpr-homepage .mpr-hero-copy-overlay > strong{
  cursor:text;
  text-shadow:0 1px 1px rgba(255,255,255,.38) !important;
}

.mpr-homepage .mpr-hero-copy-overlay h1{
  color:#05070C !important;
}

.mpr-homepage .mpr-hero-kicker,
.mpr-homepage .mpr-hero-copy-overlay > strong{
  color:#070A10 !important;
}

/* Intro ispod slika: potpuno otvoren, simple, bez AI kartice */
.mpr-homepage .mpr-intro{
  margin-top:0 !important;
  padding:15px 0 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Diskretna donja linija, više kao editorial separator nego card */
.mpr-homepage .mpr-intro::after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-top:13px;
  background:#DCE4EE;
}

.mpr-homepage .mpr-intro h2{
  max-width:1200px;
  margin:0 !important;
  color:#0A1020 !important;
  font-size:27px !important;
  line-height:1.10 !important;
  letter-spacing:-.025em !important;
  font-weight:950 !important;
}

.mpr-homepage .mpr-intro p{
  margin:6px 0 0 !important;
  color:#344258 !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:750 !important;
}

/* 4 polja odmah prirodno nastavljaju sadržaj */
.mpr-homepage .mpr-service-strip{
  margin-top:0 !important;
}

/* Mobile */
@media(max-width:700px){
  .mpr-homepage .mpr-intro{
    padding:13px 0 12px !important;
  }

  .mpr-homepage .mpr-intro h2{
    font-size:22px !important;
  }

  .mpr-homepage .mpr-intro p{
    font-size:14px !important;
  }

  .mpr-homepage .mpr-intro::after{
    margin-top:11px;
  }
}

/* ===== HERO SIMPLE CLEANUP — END ===== */

/* ===== HERO TITLE ONE LINE — START ===== */

/* Čist hero naslov: jedan red, bez glow/shadow efekata */
.mpr-homepage .mpr-hero-copy-overlay h1{
  top:58px !important;
  right:24px !important;
  width:auto !important;
  max-width:calc(100% - 48px) !important;
  margin:0 !important;
  color:#000 !important;
  font-size:clamp(34px,3.25vw,52px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  text-shadow:none !important;
}

.mpr-homepage .mpr-hero-kicker{
  color:#000 !important;
  text-shadow:none !important;
}

.mpr-homepage .mpr-hero-copy-overlay > strong{
  color:#000 !important;
  text-shadow:none !important;
}

/* Nikakav dodatni efekat preko fotografije */
.mpr-homepage .mpr-hero-copy-overlay::before,
.mpr-homepage .mpr-hero-copy-overlay::after{
  display:none !important;
  content:none !important;
}

/* Tablet — dozvoli prelom ako nema dovoljno širine */
@media(max-width:1180px){
  .mpr-homepage .mpr-hero-copy-overlay h1{
    font-size:38px !important;
    white-space:normal !important;
    max-width:88% !important;
  }
}

/* Mobilni */
@media(max-width:700px){
  .mpr-homepage .mpr-hero-copy-overlay h1{
    top:38px !important;
    right:14px !important;
    max-width:88% !important;
    font-size:29px !important;
    white-space:normal !important;
  }
}

/* ===== HERO TITLE ONE LINE — END ===== */

/* ===== HERO TITLE FIT FIX — START ===== */

/* Desktop: jedan red, ali da sigurno stane u širinu */
.mpr-homepage .mpr-hero-copy-overlay h1{
  top:62px !important;
  left:34px !important;
  right:34px !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  color:#000 !important;
  font-size:clamp(31px,2.75vw,45px) !important;
  line-height:1 !important;
  letter-spacing:-.042em !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  text-align:right !important;
  text-shadow:none !important;
}

.mpr-homepage .mpr-hero-kicker{
  right:34px !important;
  color:#000 !important;
  text-shadow:none !important;
}

.mpr-homepage .mpr-hero-copy-overlay > strong{
  right:34px !important;
  color:#000 !important;
  text-shadow:none !important;
}

/* Tablet: može u dva reda ako više nema mesta */
@media(max-width:1180px){
  .mpr-homepage .mpr-hero-copy-overlay h1{
    left:auto !important;
    right:22px !important;
    width:88% !important;
    font-size:36px !important;
    white-space:normal !important;
  }
}

/* Mobile */
@media(max-width:700px){
  .mpr-homepage .mpr-hero-copy-overlay h1{
    top:38px !important;
    right:14px !important;
    width:88% !important;
    font-size:28px !important;
    white-space:normal !important;
  }
}

/* ===== HERO TITLE FIT FIX — END ===== */

/* ===== HOMEPAGE NOVO AUTO SLIDER — START ===== */

.mpr-homepage .mpr-new-slider-section{
  padding:22px 0 34px !important;
  background:#fff !important;
}

.mpr-homepage .mpr-new-slider-head{
  margin-bottom:14px !important;
}

.mpr-homepage .mpr-new-slider-head h2{
  margin:4px 0 0 !important;
  color:#0A1020 !important;
  font-size:26px !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  font-weight:950 !important;
}

.mpr-homepage .mpr-new-slider-head .rm-eyebrow{
  color:#007AFA !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.11em !important;
}

.mpr-homepage .mpr-new-slider-head .rm-similar-nav{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

.mpr-homepage .mpr-new-slider-head .rm-similar-arrow{
  width:38px !important;
  height:38px !important;
  border-radius:10px !important;
  border:1px solid #DCE6F2 !important;
  background:#fff !important;
  color:#101523 !important;
  box-shadow:none !important;
}

.mpr-homepage .mpr-new-slider-head .rm-similar-arrow:hover:not(:disabled){
  background:#007AFA !important;
  border-color:#007AFA !important;
  color:#fff !important;
}

.mpr-homepage .mpr-new-slider-head .rm-similar-arrow:disabled{
  opacity:.35 !important;
  cursor:default !important;
}

.mpr-homepage .mpr-new-slider-all{
  margin-left:5px;
  color:#0007C4;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
}

.mpr-homepage .mpr-new-slider-all:hover{
  text-decoration:underline;
}

.mpr-homepage .mpr-new-slider-viewport{
  width:100%;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.mpr-homepage .mpr-new-slider-viewport::-webkit-scrollbar{
  display:none;
}

.mpr-homepage .mpr-new-slider-viewport .rm-similar-track{
  display:flex !important;
  align-items:stretch !important;
  gap:12px !important;
  width:max-content !important;
}

.mpr-homepage .mpr-new-slider-viewport .rm-similar-slide{
  flex:0 0 calc((min(1320px,100vw - 34px) - 36px) / 4) !important;
  min-width:0 !important;
}

.mpr-homepage .mpr-new-slider-viewport .mp-product-card{
  height:100% !important;
}

@media(max-width:1050px){
  .mpr-homepage .mpr-new-slider-viewport .rm-similar-slide{
    flex-basis:calc((100vw - 58px) / 3) !important;
  }
}

@media(max-width:760px){
  .mpr-homepage .mpr-new-slider-head{
    align-items:flex-end !important;
  }

  .mpr-homepage .mpr-new-slider-head h2{
    font-size:22px !important;
  }

  .mpr-homepage .mpr-new-slider-all{
    display:none;
  }

  .mpr-homepage .mpr-new-slider-viewport .rm-similar-slide{
    flex-basis:calc((100vw - 44px) / 2) !important;
  }
}

@media(max-width:520px){
  .mpr-homepage .mpr-new-slider-viewport .rm-similar-slide{
    flex-basis:calc(100vw - 42px) !important;
  }
}

/* ===== HOMEPAGE NOVO AUTO SLIDER — END ===== */