/* PRODUCT PREMIUM V311 — software / Dispo AI / pricing.
   Loaded ONLY on these three public product templates after DOM is ready.
   Colors and depth match the subject without changing any board or checkout state. */
html body.bu-public-unified main.bu-pro[data-pro="softver"]{--v311-accent:#6ef5d4;--v311-blue:#79cfff;--v311-glow:rgba(46,189,191,.23);--v311-ink:#082b43}
html body.bu-public-unified main.bu-pro[data-pro="dispo-ai"]{--v311-accent:#a9ceff;--v311-blue:#b9a2ff;--v311-glow:rgba(114,128,236,.25);--v311-ink:#17264c}
html body.bu-public-unified main.bu-pro[data-pro="cijene"]{--v311-accent:#a4f0dc;--v311-blue:#ffd8a4;--v311-glow:rgba(71,184,171,.20);--v311-ink:#092d44}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]){max-width:100%!important;min-width:0!important;overflow-x:clip!important}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx{
 position:relative!important;isolation:isolate;
 padding-block:clamp(53px,6vw,95px)!important;
 background:radial-gradient(ellipse 79% 81% at 85% 17%,var(--v311-glow),transparent 80%),linear-gradient(142deg,#051c2f,var(--v311-ink) 64%,#042c40)!important;
 overflow:hidden!important;box-shadow:inset 0 -1px rgba(166,244,231,.16)!important;
}
html body.bu-public-unified main.bu-pro[data-pro="dispo-ai"] .bu-nx{
 background:radial-gradient(ellipse at 84% 16%,rgba(114,131,243,.26),transparent 73%),linear-gradient(144deg,#10162d,#123f5b 61%,#071c38)!important;
}
html body.bu-public-unified main.bu-pro[data-pro="cijene"] .bu-nx{
 background:radial-gradient(ellipse at 86% 25%,rgba(64,203,174,.23),transparent 74%),linear-gradient(140deg,#08273d,#0b4852 57%,#092c40)!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx:before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 opacity:.7;background-image:repeating-radial-gradient(circle at 95% 88%,transparent 0 41px,rgba(164,253,241,.03) 42px 43px,transparent 44px 85px);
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx>*{
 position:relative;z-index:1;min-width:0!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx h1{
 max-width:18ch!important;font-size:clamp(37px,4.6vw,68px)!important;
 line-height:1.075!important;letter-spacing:-.058em!important;text-wrap:balance!important;
 text-shadow:0 2px rgba(2,22,39,.45),0 18px 45px rgba(0,12,35,.25)!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx p{
 line-height:1.66!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx .bu-nx-cta{
 display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:17px!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx .bu-nx-cta a{
 box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:45px!important;padding:11px 16px!important;border-radius:12px!important;
 border:1px solid rgba(160,250,238,.32)!important;
 font-weight:820!important;line-height:1.3!important;text-decoration:none!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx .bu-nx-cta a.is-solid{
 background:linear-gradient(114deg,#11afaa,#0c93cc)!important;
 color:#f6fffd!important;box-shadow:0 11px 24px rgba(3,73,101,.23)!important;
}
html body.bu-public-unified main.bu-pro[data-pro="softver"] .bu-nx-windows{
 min-width:0!important;max-width:100%!important;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)!important;
 filter:none!important;
}
html body.bu-public-unified main.bu-pro[data-pro="softver"] .bu-nx-windows article{
 border-radius:15px!important;border-color:rgba(135,245,229,.27)!important;
 box-shadow:0 17px 35px rgba(3,29,48,.14)!important;
}
html body.bu-public-unified main.bu-pro[data-pro="dispo-ai"] .bu-nx-chips{
 flex-wrap:wrap!important;max-width:100%!important;gap:5px!important;
}
html body.bu-public-unified main.bu-pro[data-pro="dispo-ai"] .bu-nx-chips span{
 border:1px solid rgba(153,240,240,.3)!important;border-radius:9px!important;
 background:rgba(232,255,251,.085)!important;padding:6px!important;
}
html body.bu-public-unified main.bu-pro[data-pro="cijene"] .bu-nx-plain{
 max-width:940px!important;
}
html body.bu-public-unified main.bu-pro.bu311-enhanced:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) :is(.bu-pro-story,.bu-pro-ba){
 display:none!important;
}
html body.bu-public-unified main.bu-pro .bu311{
 width:min(calc(100% - clamp(26px,5vw,82px)),1380px)!important;max-width:1380px!important;
 min-width:0!important;margin:clamp(19px,3vw,45px) auto 54px!important;
 overflow:visible!important;isolation:isolate;position:relative;
 color:#0e3850!important;
}
html body.bu-public-unified main.bu-pro .bu311__scene{
 position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
 align-items:center;min-height:440px;min-width:0;
 border:1px solid rgba(157,244,233,.29);border-radius:30px;overflow:hidden!important;
 background:radial-gradient(ellipse 93% 96% at 84% 37%,var(--v311-glow),transparent 75%),
  linear-gradient(140deg,#041b2e,var(--v311-ink) 60%,#062b42)!important;
 box-shadow:0 32px 65px rgba(2,42,65,.18),inset 0 1px rgba(255,255,255,.08)!important;
}
html body.bu-public-unified main.bu-pro .bu311__scene:before{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
 background-image:radial-gradient(rgba(146,250,236,.17) .75px,transparent 1px);
 background-size:34px 34px;
 mask-image:linear-gradient(90deg,transparent 23%,black 100%);
 -webkit-mask-image:linear-gradient(90deg,transparent 23%,black 100%);
}
html body.bu-public-unified main.bu-pro .bu311__scene:after{
 content:"";position:absolute;inset:auto 0 0;height:32%;pointer-events:none;
 background:linear-gradient(180deg,transparent,rgba(1,18,38,.22));
}
html body.bu-public-unified main.bu-pro .bu311__copy{
 position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;
 justify-content:center;padding:clamp(25px,5.4vw,65px)!important;min-width:0!important;
}
html body.bu-public-unified main.bu-pro .bu311__eyebrow{
 display:flex;align-items:center;gap:8px;color:var(--v311-accent)!important;
 margin:0 0 17px!important;font-weight:850!important;letter-spacing:.12em!important;
 font-size:clamp(10px,1vw,12px)!important;text-transform:uppercase;
}
html body.bu-public-unified main.bu-pro .bu311__eyebrow>span:first-child{
 display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;
 border:1px solid rgba(164,250,235,.27);background:rgba(164,253,242,.08);
 font-size:19px;line-height:1;
}
html body.bu-public-unified main.bu-pro .bu311__copy h2{
 max-width:16ch!important;margin:0!important;color:#f5fffd!important;
 font-size:clamp(34px,3.8vw,55px)!important;line-height:1.09!important;
 letter-spacing:-.058em!important;text-wrap:balance!important;
 text-shadow:0 2px 0 rgba(0,16,34,.35),0 15px 39px rgba(0,9,26,.29)!important;
}
html body.bu-public-unified main.bu-pro .bu311__lead{
 color:#c3dfe6!important;margin:18px 0 0!important;
 max-width:57ch!important;line-height:1.72!important;
 font-size:clamp(13px,1.16vw,16px)!important;
}
html body.bu-public-unified main.bu-pro .bu311__actions{
 display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:23px;
}
html body.bu-public-unified main.bu-pro .bu311__actions>a{
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:11px;
 min-height:47px;padding:10px 15px;border-radius:12px;
 font-size:clamp(11px,1.1vw,14px);font-weight:800;line-height:1.35;
 white-space:normal;text-align:center;text-decoration:none!important;
 transition:transform .2s ease,border-color .2s ease;
}
html body.bu-public-unified main.bu-pro .bu311__actions>a.bu311__primary{
 border:1px solid rgba(196,252,239,.4);color:#042e42!important;
 background:linear-gradient(120deg,var(--v311-accent),#ddfffc);
 box-shadow:0 12px 25px rgba(0,18,34,.13);
}
html body.bu-public-unified main.bu-pro .bu311__actions>a.bu311__secondary{
 border:1px solid rgba(171,240,243,.34);color:#e2fbff!important;
 background:rgba(219,253,254,.064);
}
html body.bu-public-unified main.bu-pro .bu311__note{
 color:#a3c6d3!important;font-size:10px!important;
 line-height:1.45!important;margin:22px 0 0!important;max-width:54ch;
}
html body.bu-public-unified main.bu-pro .bu311__note:before{content:"• ";color:var(--v311-accent)}
html body.bu-public-unified main.bu-pro .bu311__visual{
 position:relative;z-index:2;min-width:0;display:flex;align-items:center;justify-content:center;
 margin:0;padding:12px 11px;perspective:1150px;transform-style:preserve-3d;
}
html body.bu-public-unified main.bu-pro .bu311__visual:before{
 content:"";position:absolute;inset:15% 11%;
 border-radius:50%;background:radial-gradient(ellipse at center,var(--v311-glow),transparent 72%);
 pointer-events:none;
}
html body.bu-public-unified main.bu-pro .bu311__art{
 width:100%;min-width:0;display:grid;place-items:center;
}
html body.bu-public-unified main.bu-pro .bu311__art svg{
 display:block;width:min(100%,650px);height:auto;max-height:410px;
 overflow:visible;transform:perspective(1050px) rotateX(3deg) rotateY(-4deg);
 transform-origin:center;transition:transform .36s ease;
}
html body.bu-public-unified main.bu-pro .bu311__visual figcaption{
 position:absolute;bottom:12px;right:16px;max-width:70%;
 color:#a1cad4;font-size:10px;line-height:1.35;
 text-align:right;padding:5px 8px;border-radius:8px;
 border:1px solid rgba(162,250,231,.13);background:rgba(5,24,40,.38);
}
html body.bu-public-unified main.bu-pro .bu311__cards{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;
 margin:-14px 10px 0;position:relative;z-index:3;
}
html body.bu-public-unified main.bu-pro .bu311__card{
 min-width:0;min-height:184px;position:relative;overflow:hidden;
 border:1px solid rgba(96,176,191,.25);border-radius:20px;
 padding:clamp(19px,2.2vw,28px);
 background:linear-gradient(153deg,#ffffff,#edf8fa);
 box-shadow:0 17px 37px rgba(5,54,81,.08),inset 0 1px #fff;
 transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease;
}
html body.bu-public-unified main.bu-pro .bu311__card:before{
 content:"";position:absolute;top:0;left:0;right:0;height:3px;
 background:linear-gradient(90deg,var(--v311-accent),rgba(81,156,216,.61),transparent);
}
html body.bu-public-unified main.bu-pro .bu311__card>span{
 display:block;color:#17869d;font-size:11px;font-weight:900;letter-spacing:.14em;
}
html body.bu-public-unified main.bu-pro .bu311__card h3{
 margin:16px 0 9px!important;color:#0a344d!important;
 font-size:clamp(18px,1.6vw,24px)!important;letter-spacing:-.041em!important;
 line-height:1.2!important;max-width:25ch;
}
html body.bu-public-unified main.bu-pro .bu311__card p{
 margin:0!important;color:#4c7080!important;
 font-size:clamp(12px,1.06vw,14px)!important;line-height:1.66!important;
}
html body.bu-public-unified main.bu-pro .bu311__interactive{
 margin-top:17px;padding:18px;
 background:linear-gradient(135deg,#0a344c,#07555d);color:#e9fffa;
 border-radius:19px;border:1px solid rgba(117,215,220,.28);
 box-shadow:0 15px 33px rgba(5,51,76,.12);
}
html body.bu-public-unified main.bu-pro .bu311__interactive[hidden]{display:none!important}
html body.bu-public-unified main.bu-pro .bu311__demo{
 display:flex;align-items:center;justify-content:space-between;gap:15px;
}
html body.bu-public-unified main.bu-pro .bu311__demo p{
 color:#daf8f4!important;font-weight:800;font-size:13px;margin:0!important;
}
html body.bu-public-unified main.bu-pro .bu311__sample{
 max-width:100%;min-height:46px;padding:11px 14px;
 border:1px solid rgba(173,255,240,.47);border-radius:12px;
 background:linear-gradient(114deg,#b2ffe9,#b5d8ff);
 color:#063649;font-size:clamp(11px,1.15vw,14px);
 font-weight:850;line-height:1.35;white-space:normal;cursor:pointer;
}
html body.bu-public-unified main.bu-pro .bu311__billing{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
 align-items:center;gap:8px 18px;
}
html body.bu-public-unified main.bu-pro .bu311__billing-top{
 display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
html body.bu-public-unified main.bu-pro .bu311__period{
 display:flex;gap:4px;padding:4px;border-radius:12px;
 border:1px solid rgba(170,252,233,.26);
 background:rgba(0,24,45,.36);
}
html body.bu-public-unified main.bu-pro .bu311__period button{
 cursor:pointer;border:0;background:transparent;color:#d4edf2;
 min-height:40px;padding:8px 13px;border-radius:9px;
 font-size:12px;font-weight:760;
}
html body.bu-public-unified main.bu-pro .bu311__period button[aria-pressed="true"]{
 color:#063749;background:#b9fff1;box-shadow:0 7px 14px rgba(0,17,29,.18);
}
html body.bu-public-unified main.bu-pro .bu311__price-value{
 display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;color:#fff;
}
html body.bu-public-unified main.bu-pro .bu311__price-value strong{
 font-size:clamp(25px,2.8vw,39px);line-height:1.1;letter-spacing:-.04em;color:#c0ffeb;
}
html body.bu-public-unified main.bu-pro .bu311__price-value span{
 font-size:12px;color:#b2d2da;
}
html body.bu-public-unified main.bu-pro .bu311__driver-free{
 font-size:clamp(15px,1.4vw,19px)!important;font-weight:850;
 color:#bcfff0!important;margin:0!important;line-height:1.3!important;
}
html body.bu-public-unified main.bu-pro .bu311__bank-disabled{
 grid-column:1/-1;display:inline-flex;width:fit-content;
 min-height:34px;align-items:center;
 padding:7px 10px;border-radius:9px;border:1px dashed rgba(196,226,237,.27);
 color:#bbd4dc;font-size:11px;line-height:1.35;opacity:.83;
}
html body.bu-public-unified main.bu-pro .bu311__bottom{
 display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
 gap:15px;margin-top:20px;
}
html body.bu-public-unified main.bu-pro .bu311__faq,
html body.bu-public-unified main.bu-pro .bu311__related{
 padding:clamp(18px,2.4vw,28px);min-width:0;border-radius:20px;
 border:1px solid rgba(91,174,195,.23);
 background:linear-gradient(140deg,#ffffff,#f0f8fb);
 box-shadow:0 12px 29px rgba(6,49,75,.067);
}
html body.bu-public-unified main.bu-pro .bu311__faq .bu311__eyebrow,
html body.bu-public-unified main.bu-pro .bu311__related .bu311__eyebrow{
 color:#16849b!important;margin:0 0 13px!important;
}
html body.bu-public-unified main.bu-pro .bu311__faq h3{
 color:#113d51!important;margin:0 0 14px!important;
 font-size:clamp(21px,2.1vw,29px)!important;letter-spacing:-.045em!important;
}
html body.bu-public-unified main.bu-pro .bu311__faq details{
 border-top:1px solid #d6e9ee;
}
html body.bu-public-unified main.bu-pro .bu311__faq details:last-child{
 border-bottom:1px solid #d6e9ee;
}
html body.bu-public-unified main.bu-pro .bu311__faq summary{
 cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:9px;
 padding:13px 0;min-height:54px;list-style:none;
 font-size:clamp(12px,1.2vw,15px);line-height:1.45;font-weight:780;
 color:#123a50;
}
html body.bu-public-unified main.bu-pro .bu311__faq summary::-webkit-details-marker{display:none}
html body.bu-public-unified main.bu-pro .bu311__faq summary span{
 width:30px;height:30px;min-width:30px;display:grid;place-items:center;border-radius:9px;
 border:1px solid #d0e5e8;background:#e9f7f7;color:#087d90;
 font-size:20px;transition:transform .19s ease;
}
html body.bu-public-unified main.bu-pro .bu311__faq details[open] summary span{transform:rotate(45deg)}
html body.bu-public-unified main.bu-pro .bu311__faq details p{
 color:#547786!important;margin:0 18px 14px 0!important;
 font-size:13px!important;line-height:1.63!important;
}
html body.bu-public-unified main.bu-pro .bu311__related{
 background:linear-gradient(136deg,#082a47,#0e5165)!important;
 border-color:rgba(133,220,230,.23);
}
html body.bu-public-unified main.bu-pro .bu311__related .bu311__eyebrow{color:#9beedb!important}
html body.bu-public-unified main.bu-pro .bu311__related a{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 border-bottom:1px solid rgba(168,235,231,.16);
 padding:13px 1px;min-height:46px;
 text-decoration:none!important;font-weight:770;line-height:1.3;
 color:#edfffb!important;font-size:clamp(12px,1.12vw,14px);
}
html body.bu-public-unified main.bu-pro .bu311__related a span:last-child{
 color:#8be9df;font-size:18px;
}
html body.bu-public-unified main.bu-pro .bu311 :is(a,button,summary):focus-visible{
 outline:3px solid #51e7d5!important;outline-offset:3px!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) :is(.bu-pro-grid3,.bu-pro-grid2,.bu-pro-steps,.bu-pro-more,.bu-pro-price,.bu-dispo-stage){
 width:min(calc(100% - 24px),1390px)!important;max-width:1390px!important;min-width:0!important;
 margin-inline:auto!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) :is(.bu-pro-grid3,.bu-pro-grid2,.bu-pro-steps,.bu-pro-more,.bu-pro-price,.bu-dispo-stage) :is(article,.bu-pro-card,.bu-pro-tile){
 min-width:0!important;max-width:100%!important;
 border-radius:19px!important;border:1px solid rgba(112,182,198,.25)!important;
 box-shadow:0 11px 29px rgba(3,52,77,.08)!important;
}
html body.bu-public-unified main.bu-pro[data-pro="cijene"] .bu-pro-price-card.is-hero{
 border-color:rgba(28,180,170,.37)!important;
 box-shadow:0 17px 43px rgba(8,76,93,.13)!important;
}
html body.bu-public-unified main.bu-pro[data-pro="cijene"] .bu-pro-price-card ul li{line-height:1.55!important}
html body.bu-public-unified main.bu-pro[data-pro="dispo-ai"] .bu-dispo-stage{
 border-radius:23px!important;overflow:hidden!important;
}
html body.bu-public-unified main.bu-pro[data-pro="dispo-ai"] .bu-dispo-form input{
 font-size:16px!important;max-width:100%!important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html body.bu-public-unified main.bu-pro .bu311__float{
  animation:bu311-float 6.5s ease-in-out infinite alternate;
 }
 html body.bu-public-unified main.bu-pro .bu311__sat{
  animation:bu311-orbit 5.5s ease-in-out infinite alternate;
 }
 html body.bu-public-unified main.bu-pro .bu311__art svg:hover{
  transform:perspective(1050px) rotateX(0) rotateY(0) translateY(-4px);
 }
 html body.bu-public-unified main.bu-pro .bu311__card:hover{
  transform:translateY(-5px);border-color:rgba(23,170,180,.46);
  box-shadow:0 24px 44px rgba(5,55,80,.13);
 }
 html body.bu-public-unified main.bu-pro .bu311__actions a:hover{transform:translateY(-3px)}
}
@keyframes bu311-float{from{transform:translate3d(0,2px,0)}to{transform:translate3d(0,-8px,0)}}
@keyframes bu311-orbit{from{transform:translate3d(0,-2px,0)}to{transform:translate3d(0,5px,0)}}
@media(max-width:1020px){
 html body.bu-public-unified main.bu-pro .bu311__scene{min-height:375px;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}
 html body.bu-public-unified main.bu-pro .bu311__copy{padding:27px!important}
 html body.bu-public-unified main.bu-pro .bu311__copy h2{font-size:clamp(31px,4.2vw,44px)!important}
 html body.bu-public-unified main.bu-pro .bu311__card{min-height:185px;padding:18px}
 html body.bu-public-unified main.bu-pro .bu311__bottom{grid-template-columns:minmax(0,1fr) minmax(230px,.68fr)}
}
@media(max-width:760px){
 html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;padding:36px 14px 46px!important;
  gap:14px!important;
 }
 html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx h1{
  max-width:100%!important;font-size:clamp(32px,8vw,46px)!important;line-height:1.08!important;
 }
 html body.bu-public-unified main.bu-pro[data-pro="softver"] .bu-nx-windows{transform:none!important;filter:none!important}
 html body.bu-public-unified main.bu-pro .bu311{width:calc(100% - 24px)!important;margin:19px auto 36px!important}
 html body.bu-public-unified main.bu-pro .bu311__scene{grid-template-columns:minmax(0,1fr)!important;gap:0;min-height:0;border-radius:22px}
 html body.bu-public-unified main.bu-pro .bu311__copy{padding:clamp(21px,5vw,30px)!important}
 html body.bu-public-unified main.bu-pro .bu311__copy h2{max-width:21ch!important;font-size:clamp(29px,7.3vw,39px)!important}
 html body.bu-public-unified main.bu-pro .bu311__lead{font-size:clamp(12px,3.5vw,14px)!important;line-height:1.65!important}
 html body.bu-public-unified main.bu-pro .bu311__visual{min-height:224px;max-height:330px;padding:0 7px 14px}
 html body.bu-public-unified main.bu-pro .bu311__art svg{
  width:min(100%,490px);max-height:300px;transform:none!important;filter:none!important;
 }
 html body.bu-public-unified main.bu-pro .bu311__visual figcaption{font-size:9px;max-width:84%;right:9px;bottom:8px}
 html body.bu-public-unified main.bu-pro .bu311__cards{grid-template-columns:minmax(0,1fr)!important;margin:11px 0 0!important;gap:9px!important}
 html body.bu-public-unified main.bu-pro .bu311__card{min-height:0!important;padding:17px 19px!important;border-radius:16px}
 html body.bu-public-unified main.bu-pro .bu311__card h3{font-size:18px!important;margin:8px 0 7px!important}
 html body.bu-public-unified main.bu-pro .bu311__card p{font-size:12px!important;line-height:1.55!important}
 html body.bu-public-unified main.bu-pro .bu311__bottom{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin-top:13px!important}
 html body.bu-public-unified main.bu-pro .bu311__faq,
 html body.bu-public-unified main.bu-pro .bu311__related{padding:18px!important;border-radius:17px!important}
 html body.bu-public-unified main.bu-pro .bu311__interactive{padding:13px;margin-top:12px;border-radius:15px}
 html body.bu-public-unified main.bu-pro .bu311__demo{flex-direction:column;align-items:stretch}
 html body.bu-public-unified main.bu-pro .bu311__sample{min-height:46px;font-size:13px}
 html body.bu-public-unified main.bu-pro .bu311__billing{grid-template-columns:minmax(0,1fr)}
 html body.bu-public-unified main.bu-pro .bu311__bank-disabled{grid-column:1}
 html body.bu-public-unified main.bu-pro .bu311__float,
 html body.bu-public-unified main.bu-pro .bu311__sat{animation:none!important}
}
@media(max-width:415px){
 html body.bu-public-unified main.bu-pro .bu311__copy h2{font-size:clamp(27px,7.2vw,34px)!important}
 html body.bu-public-unified main.bu-pro .bu311__actions{display:grid!important;width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 html body.bu-public-unified main.bu-pro .bu311__actions a{min-width:0!important;padding:9px 7px!important;font-size:11px!important}
 html body.bu-public-unified main.bu-pro .bu311__visual{min-height:190px;max-height:250px}
 html body.bu-public-unified main.bu-pro .bu311__art svg{max-height:240px}
 html body.bu-public-unified main.bu-pro .bu311__billing-top{gap:10px}
 html body.bu-public-unified main.bu-pro .bu311__price-value strong{font-size:27px}
 html body.bu-public-unified main.bu-pro .bu311__period button{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce),(update:slow){
 html body.bu-public-unified main.bu-pro .bu311__float,
 html body.bu-public-unified main.bu-pro .bu311__sat{animation:none!important}
 html body.bu-public-unified main.bu-pro .bu311__art svg,
 html body.bu-public-unified main.bu-pro .bu311__card,
 html body.bu-public-unified main.bu-pro .bu311__actions a{transition:none!important;transform:none!important}
}


/* V313 | SOFTWARE / DISPO AI / PRICING HERO & MOBILE DETAIL PASS */
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx{
 background-size:cover!important;border-bottom:1px solid rgba(157,248,242,.14)!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx h1{
 font-weight:900!important;line-height:1.065!important;letter-spacing:-.058em!important;
 text-wrap:balance!important;
 text-shadow:0 2px 0 rgba(0,20,43,.5),0 19px 46px rgba(1,11,30,.36)!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx :is(.bu-nx-plain,.bu-nx-ai-copy,.bu-nx-soft-copy){
 min-width:0!important;max-width:100%!important;
}
html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx .bu-nx-cta a{
 min-height:46px!important;border-radius:13px!important;
 box-shadow:0 10px 26px rgba(0,18,37,.15)!important;
}
html body.bu-public-unified main.bu-pro .bu311__scene{
 box-shadow:0 36px 77px rgba(0,24,52,.2),inset 0 1px rgba(203,255,248,.12)!important;
}
html body.bu-public-unified main.bu-pro .bu311__copy h2{
 max-width:18ch!important;text-wrap:balance!important;
 text-shadow:0 2px rgba(0,18,38,.4),0 19px 36px rgba(0,12,28,.32)!important;
}
html body.bu-public-unified main.bu-pro .bu311__visual{
 isolation:isolate;background:radial-gradient(ellipse 66% 68% at 50% 54%,rgba(112,223,235,.10),transparent 85%);
}
html body.bu-public-unified main.bu-pro .bu311__art{
 position:relative;transform:translateZ(8px);
 filter:drop-shadow(0 22px 30px rgba(1,14,28,.2));
}
html body.bu-public-unified main.bu-pro .bu311__card{
 box-shadow:0 21px 45px rgba(3,47,75,.1),inset 0 1px #fff!important;
}
html body.bu-public-unified main.bu-pro .bu311__faq details[open]{
 background:linear-gradient(103deg,rgba(103,198,227,.06),transparent);
}
html body.bu-public-unified main.bu-pro .bu311__actions a{
 min-height:48px!important;line-height:1.36!important;
}
html body.bu-public-unified main.bu-pro[data-pro="dispo-ai"] .bu-nx-chips{
 display:flex!important;align-items:center!important;gap:6px!important;
}
html body.bu-public-unified main.bu-pro[data-pro="dispo-ai"] .bu-nx-chips span{
 min-height:31px!important;display:inline-flex!important;align-items:center!important;
 font-size:clamp(10px,1vw,13px)!important;
}
html body.bu-public-unified main.bu-pro[data-pro="cijene"] .bu-pro-price{
 gap:clamp(12px,2vw,24px)!important;
}
html body.bu-public-unified main.bu-pro[data-pro="cijene"] .bu-pro-price-card{
 padding:clamp(19px,3vw,36px)!important;
}
html body.bu-public-unified main.bu-pro[data-pro="cijene"] .bu-pro-price-card .bu-pro-sum{
 margin:13px 0 9px!important;
}
@media(max-width:1100px){
 html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx{
  padding-left:clamp(14px,3vw,28px)!important;padding-right:clamp(14px,3vw,28px)!important;
 }
 html body.bu-public-unified main.bu-pro .bu311__copy h2{font-size:clamp(30px,4.5vw,45px)!important}
}
@media(max-width:760px){
 html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx{
  padding:clamp(29px,6.5vw,44px) 14px 39px!important;gap:13px!important;
 }
 html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx h1{
  max-width:100%!important;font-size:clamp(30px,7.5vw,46px)!important;
  line-height:1.08!important;overflow-wrap:break-word!important;
 }
 html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx p{
  line-height:1.61!important;font-size:clamp(12px,3.6vw,15px)!important;
 }
 html body.bu-public-unified main.bu-pro:is([data-pro="softver"],[data-pro="dispo-ai"],[data-pro="cijene"]) .bu-nx .bu-nx-cta a{
  flex:1 1 145px!important;min-width:0!important;
  min-height:47px!important;padding:10px!important;font-size:clamp(11px,3vw,13px)!important;
  line-height:1.3!important;white-space:normal!important;
 }
 html body.bu-public-unified main.bu-pro .bu311__scene{
  box-shadow:0 17px 35px rgba(0,26,47,.16)!important;
 }
 html body.bu-public-unified main.bu-pro .bu311__copy{padding:clamp(19px,5.3vw,30px)!important}
 html body.bu-public-unified main.bu-pro .bu311__copy h2{font-size:clamp(29px,7vw,40px)!important}
 html body.bu-public-unified main.bu-pro .bu311__lead{max-width:100%!important}
 html body.bu-public-unified main.bu-pro .bu311__visual{background:none!important;transform:none!important}
 html body.bu-public-unified main.bu-pro .bu311__art{transform:none!important;filter:none!important}
 html body.bu-public-unified main.bu-pro .bu311__actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;gap:8px!important;
 }
 html body.bu-public-unified main.bu-pro .bu311__actions a{
  min-width:0!important;padding:10px 7px!important;
  white-space:normal!important;font-size:clamp(10.5px,2.8vw,12px)!important;
 }
 html body.bu-public-unified main.bu-pro .bu311__cards{margin:11px 0 0!important}
 html body.bu-public-unified main.bu-pro .bu311__billing{
  gap:12px!important;padding:15px!important;
 }
 html body.bu-public-unified main.bu-pro .bu311__billing-top{flex-wrap:wrap}
 html body.bu-public-unified main.bu-pro .bu311__related a{min-height:46px!important}
}
@media(max-width:360px){
 html body.bu-public-unified main.bu-pro .bu311__actions{grid-template-columns:minmax(0,1fr)!important}
 html body.bu-public-unified main.bu-pro .bu311__copy h2{font-size:clamp(27px,7.7vw,32px)!important}
 html body.bu-public-unified main.bu-pro .bu311__visual{min-height:180px!important}
 html body.bu-public-unified main.bu-pro .bu311__price-value strong{font-size:26px!important}
}