/* v2.82 FINAL CHROME GATE: preheader/header, drawer, floating layers, footer readability */
html{scroll-padding-top:82px!important;}
.site-chrome{
  position:sticky!important;
  top:0!important;
  z-index:3200!important;
  isolation:isolate!important;
  overflow:visible!important;
  background:linear-gradient(180deg,rgba(13,15,18,.96),rgba(13,15,18,.78) 74%,rgba(13,15,18,0))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding-top:0!important;
  padding-bottom:6px!important;
}
.site-chrome .preheader{
  display:flex!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
  align-items:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  transform:none!important;
  transition:max-height .16s ease,height .16s ease,min-height .16s ease,opacity .12s ease,visibility .12s ease!important;
}
.site-chrome.is-scrolled .preheader,
html.mm-scrolled .site-chrome .preheader,
body.mm-scrolled .site-chrome .preheader{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border:0!important;
}
.site-chrome .header-row{
  position:relative!important;
  top:auto!important;
  z-index:2!important;
  min-height:68px!important;
  margin-top:0!important;
  background:rgba(13,15,18,.74)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.site-chrome.is-scrolled .header-row,
html.mm-scrolled .site-chrome .header-row,
body.mm-scrolled .site-chrome .header-row{
  min-height:62px!important;
  background:rgba(13,15,18,.90)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.32)!important;
}
.drawer-backdrop:not([hidden]){z-index:3290!important;}
.drawer{
  z-index:3300!important;
  top:82px!important;
  right:max(18px,calc((100vw - var(--shell))/2))!important;
  width:min(318px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 116px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  padding:12px!important;
  border-radius:20px!important;
}
.drawer::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
.drawer-top{margin-bottom:8px!important;}
.drawer-title{font-size:14px!important;line-height:1.1!important;}
.drawer-close{width:32px!important;height:32px!important;border-radius:10px!important;}
.drawer-grid{gap:7px!important;}
.drawer-card{border-radius:14px!important;}
.drawer-card summary{min-height:38px!important;padding:9px 12px!important;font-size:10.5px!important;letter-spacing:.10em!important;line-height:1.1!important;}
.drawer-links{padding:0 12px 9px!important;}
.drawer-card a{font-size:12.3px!important;line-height:1.12!important;padding:5px 0!important;}
.drawer-cta{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:9px!important;}
.drawer-cta .btn{min-width:0!important;min-height:34px!important;padding:7px 8px!important;font-size:11px!important;line-height:1.08!important;white-space:normal!important;text-align:center!important;}
body.drawer-open .sticky-cta,
body.drawer-open .hero-whatsapp-desktop,
body.drawer-open .messenger-float-1440,
body.drawer-open .mm-install-float,
body.drawer-open .mm-translate-box{opacity:0!important;pointer-events:none!important;}
.mm1440-consent-banner.cookie-consent-banner{z-index:1350!important;}
body.mm-consent-visible .sticky-cta,
body.mm-consent-visible .mobile-sticky-cta,
body.mm-consent-visible .messenger-float-1440,
body.mm-consent-visible .mm-install-float{display:none!important;}
.mm-translate-box{
  z-index:1850!important;
  right:18px!important;
  bottom:118px!important;
  max-width:min(300px,calc(100vw - 36px))!important;
  pointer-events:auto!important;
}
body.mm-consent-visible .mm-translate-box{bottom:108px!important;}
.mm-translate-box.mm-translate-at-footer{opacity:1!important;pointer-events:auto!important;transform:none!important;}
.mm-translate-toggle{min-height:34px!important;padding:8px 12px!important;font-size:12px!important;}
.mm-translate-close{width:32px!important;height:32px!important;font-size:16px!important;}
.site-footer.std-footer-std1{padding-bottom:54px!important;overflow:visible!important;}
.footer-std-bottom{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:18px 4px 34px!important;
  color:rgba(245,247,250,.82)!important;
  font-size:13px!important;
  line-height:1.45!important;
  overflow:visible!important;
}
.footer-std-bottom span{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  color:rgba(245,247,250,.92)!important;
  font-weight:900!important;
  opacity:1!important;
}
.footer-std-bottom nav{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px 14px!important;
  max-width:720px!important;
  min-width:0!important;
}
.footer-std-bottom a{
  color:rgba(245,247,250,.82)!important;
  font-weight:850!important;
  text-decoration:none!important;
  opacity:1!important;
  white-space:nowrap!important;
}
.footer-std-bottom a:hover{color:#FF8D05!important;}
@media(max-width:900px){
  .footer-std-bottom{display:grid!important;grid-template-columns:1fr!important;justify-items:start!important;gap:10px!important;padding-bottom:42px!important;}
  .footer-std-bottom span{white-space:normal!important;}
  .footer-std-bottom nav{justify-content:flex-start!important;max-width:none!important;}
}
@media(max-width:760px){
  html{scroll-padding-top:76px!important;}
  .site-chrome{padding-bottom:4px!important;background:rgba(13,15,18,.94)!important;}
  .site-chrome .preheader{height:28px!important;min-height:28px!important;max-height:28px!important;}
  .site-chrome.is-scrolled .preheader,
  html.mm-scrolled .site-chrome .preheader,
  body.mm-scrolled .site-chrome .preheader{height:0!important;min-height:0!important;max-height:0!important;}
  .site-chrome .header-row{min-height:62px!important;}
  .drawer{top:74px!important;right:10px!important;width:min(300px,calc(100vw - 20px))!important;max-height:calc(100dvh - 94px)!important;padding:11px!important;}
  .drawer-cta{grid-template-columns:1fr!important;}
  .mm-translate-box{right:12px!important;bottom:102px!important;max-width:min(280px,calc(100vw - 24px))!important;}
  body.mm-consent-visible .mm-translate-box{bottom:96px!important;}
}
@media(max-width:420px){
  .drawer{width:calc(100vw - 18px)!important;right:9px!important;}
  .footer-std-bottom nav{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px 10px!important;}
  .footer-std-bottom a{white-space:normal!important;}
}

/* v2.83 global layout alignment gate
   Scope: container rhythm, grid/card containment, rails/carousels, poziv na upit/footer alignment and floating layer spacing. */
:root{
  --po-layout-max:1180px;
  --po-layout-pad:44px;
  --po-layout-pad-mobile:28px;
  --po-layout-gap:clamp(16px,2vw,24px);
  --po-layout-gap-tight:clamp(12px,1.5vw,18px);
  --po-layout-radius:24px;
}
:where(.shell,.wrap,.subpage-wrap,.legal-wrap,.footer-std-shell){
  width:min(var(--po-layout-max),calc(100vw - var(--po-layout-pad)))!important;
  max-width:var(--po-layout-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
:where(.section,.hero,.subpage-hero,.povjerenje-hero-section,.site-footer){
  max-width:100%!important;
  box-sizing:border-box!important;
}
:where(.section>.shell,.section>.wrap,.hero>.shell,.hero>.wrap,.subpage-hero>.shell,.subpage-hero>.wrap,.site-footer .footer-std-shell){
  display:block;
}
:where(.section-head){
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
:where(.card-grid,.process-grid,.two-col,.scenario-grid,.matrix-grid,.prikaz-grid,.izvedba-grid,.package-grid,.calc-mini-summary,.povjerenje-grid-std1,.povjerenje-grid-std2,.povjerenje-risk-grid,.povjerenje-system-grid,.service-povjerenje-grid,.home-povjerenje-grid,.people-grid,.calc-standard-grid,.izvedba-standard,.readiness-grid,.calc-standard-strip,.thermo-price-grid,.thermo-form-grid,.link-grid,.service-grid,.reference-case-grid,.standard-card-grid,.fit-grid,.quick-izvedba-grid,.quick-estimate-grid,.google-review-grid,.povjerenje-izvedba-grid,.seo-decision-grid,.case-facts-grid,.case-gallery-grid,.footer-std-main){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  gap:var(--po-layout-gap)!important;
  box-sizing:border-box!important;
}
:where(.card-grid,.process-grid,.two-col,.scenario-grid,.matrix-grid,.prikaz-grid,.izvedba-grid,.package-grid,.calc-mini-summary,.povjerenje-grid-std1,.povjerenje-grid-std2,.povjerenje-risk-grid,.povjerenje-system-grid,.service-povjerenje-grid,.home-povjerenje-grid,.people-grid,.calc-standard-grid,.izvedba-standard,.readiness-grid,.calc-standard-strip,.thermo-price-grid,.thermo-form-grid,.link-grid,.service-grid,.reference-case-grid,.standard-card-grid,.fit-grid,.quick-izvedba-grid,.quick-estimate-grid,.google-review-grid,.povjerenje-izvedba-grid,.seo-decision-grid,.case-facts-grid,.case-gallery-grid,.footer-std-main)>*{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
:where(.card,.info-card,.risk-card,.process-card,.scenario,.signal-card,.sidebar-card,.service-card,.price-note-card,.download-box,.note-box,.content-depth-card-std1,.content-depth-card-std2,.izvedba-tile,.izvedba-case,.person-card,.thermo-panel,.thermo-price-card,.link-card,.case-povjerenje-cta,.povjerenje-panel,.povjerenje-system-panel,.form-povjerenje-card,.form-block,.legal-card,.b2b-povjerenje-panel,.b2b-side-card,.pwa-inline-card){
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-wrap:break-word!important;
}
:where(.lead-cta-box,.cta-band,.faq-note.cta-band,.readiness-cta,.decision-panel,.scope-edu-card,.suta-putanja-shell,.adaptation-logistics-shell,.price-logistics-panel,.suta-education-panel,.bath-calc-crosslink-card,.intent-strip,.content-depth-note,.footer-std-cta,.footer-std-main,.povjerenje-download-box,.case-povjerenje-cta){
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
:where(.rail-wrap,.reference-prikaz-carousel-shell,.reference-slider-shell,.review-slider-shell,.services-slider-shell,.work-izvedba-slider,.case-gallery-slider,.before-after-slider,.project-slider,.gallery-slider){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
:where(.rail,.reference-izvedba-carousel,.reference-slider-track,.review-slider-track,.services-slider,.services-slider-track,.work-izvedba-viewport,.work-izvedba-track,.case-gallery-slider,.case-slider,.case-media-slider,.case-study-slider,.project-slider,.gallery-slider,.package-grid){
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  box-sizing:border-box!important;
}
:where(.rail,.reference-izvedba-carousel,.reference-slider-track,.review-slider-track,.services-slider,.services-slider-track,.work-izvedba-viewport,.work-izvedba-track,.case-gallery-slider,.case-slider,.case-media-slider,.case-study-slider,.project-slider,.gallery-slider,.package-grid)::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.rail{padding-left:0!important;padding-right:0!important;scroll-padding-left:0!important;}
.rail-card{flex:0 0 min(360px,calc((100% - var(--po-layout-gap)*2)/3))!important;min-width:0!important;max-width:100%!important;}
.rail-arrow.prev{left:8px!important;}
.rail-arrow.next{right:8px!important;}
.reference-prikaz-carousel{width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;}
.reference-prikaz-track{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.reference-prikaz-track .prikaz-tile{min-width:0!important;max-width:100%!important;}
:where(.risk-checker-form,.risk-checker-fieldset,.risk-options,.risk-option){
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.risk-options{gap:var(--po-layout-gap-tight)!important;}
.risk-option{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;overflow:hidden!important;}
:where(.link-list,.link-list li,.link-list a,.footer-std-col a,.footer-std-contactline a,.footer-std-bottom a){
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.site-footer.std-footer-std1{overflow:visible!important;}
.footer-std-shell{overflow:visible!important;}
.footer-std-cta,.footer-std-main{align-self:stretch!important;}
.drawer{max-width:calc(100vw - 28px)!important;}
.sticky-cta,.mobile-sticky-cta,.mm-install-float,.mm-translate-box,.mm1440-consent-banner.cookie-consent-banner{box-sizing:border-box!important;}
.sticky-cta{z-index:1800!important;max-width:min(540px,calc(100vw - 36px))!important;right:18px!important;left:auto!important;bottom:18px!important;}
.mm-install-float{z-index:1750!important;max-width:min(420px,calc(100vw - 36px))!important;}
.mm-translate-box{z-index:1850!important;}
.mm1440-consent-banner.cookie-consent-banner{z-index:2050!important;}
body.mm-consent-visible .sticky-cta,
body.mm-consent-visible .mobile-sticky-cta,
body.mm-consent-visible .messenger-float-1440,
body.mm-consent-visible .mm-install-float{display:none!important;}
@media(max-width:1180px){
  .rail-card{flex-basis:min(360px,calc((100% - var(--po-layout-gap))/2))!important;}
}
@media(max-width:760px){
  :root{--po-layout-pad:var(--po-layout-pad-mobile);--po-layout-gap:16px;--po-layout-gap-tight:12px;}
  :where(.shell,.wrap,.subpage-wrap,.legal-wrap,.footer-std-shell){
    width:calc(100vw - var(--po-layout-pad-mobile))!important;
    max-width:calc(100vw - var(--po-layout-pad-mobile))!important;
  }
  :where(.card-grid,.process-grid,.two-col,.scenario-grid,.matrix-grid,.prikaz-grid,.izvedba-grid,.package-grid,.calc-mini-summary,.povjerenje-grid-std1,.povjerenje-grid-std2,.povjerenje-risk-grid,.povjerenje-system-grid,.service-povjerenje-grid,.home-povjerenje-grid,.people-grid,.calc-standard-grid,.izvedba-standard,.readiness-grid,.calc-standard-strip,.thermo-price-grid,.thermo-form-grid,.link-grid,.service-grid,.reference-case-grid,.standard-card-grid,.fit-grid,.quick-izvedba-grid,.quick-estimate-grid,.google-review-grid,.povjerenje-izvedba-grid,.seo-decision-grid,.case-facts-grid,.case-gallery-grid,.footer-std-main){
    gap:16px!important;
  }
  .rail{padding-left:0!important;padding-right:0!important;}
  .rail-card{flex-basis:min(86vw,342px)!important;}
  .rail-arrow{display:none!important;}
  .sticky-cta{left:72px!important;right:12px!important;bottom:12px!important;max-width:none!important;}
  .mm-install-float,.mm-translate-box,.mm1440-consent-banner.cookie-consent-banner{max-width:calc(100vw - 24px)!important;}
}
@media(max-width:420px){
  :where(.shell,.wrap,.subpage-wrap,.legal-wrap,.footer-std-shell){width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}
  .sticky-cta{left:64px!important;right:10px!important;}
}

/* v2.83 micro-containment after browser sweep */
.risk-option{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;column-gap:10px!important;}
.risk-option input{min-width:0!important;max-width:22px!important;}
.thermo-checkbox,.checkbox-label{min-width:0!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important;}
.checkbox-label.thermo-checkbox,.thermo-checkbox{grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;}
.thermo-form-grid,.form-grid{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}

/* v2.83 shell-combo override: shell must stay the master container even when it carries a panel/rail class */
:where(.shell.rail-wrap,.shell.price-logistics-panel,.shell.suta-putanja-shell,.shell.adaptation-logistics-shell,.shell.suta-education-panel,.shell.footer-std-shell,.shell.hero-shell,.shell.hero-inner,.wrap.rail-wrap,.wrap.price-logistics-panel,.wrap.suta-putanja-shell,.wrap.adaptation-logistics-shell,.wrap.suta-education-panel){
  width:min(var(--po-layout-max),calc(100vw - var(--po-layout-pad)))!important;
  max-width:var(--po-layout-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
:where(.shell.rail-wrap,.wrap.rail-wrap){position:relative!important;overflow:visible!important;}
:where(.shell.rail-wrap,.wrap.rail-wrap)>.rail{width:100%!important;max-width:100%!important;}
@media(max-width:760px){
  :where(.shell.rail-wrap,.shell.price-logistics-panel,.shell.suta-putanja-shell,.shell.adaptation-logistics-shell,.shell.suta-education-panel,.shell.footer-std-shell,.shell.hero-shell,.shell.hero-inner,.wrap.rail-wrap,.wrap.price-logistics-panel,.wrap.suta-putanja-shell,.wrap.adaptation-logistics-shell,.wrap.suta-education-panel){
    width:calc(100vw - var(--po-layout-pad-mobile))!important;
    max-width:calc(100vw - var(--po-layout-pad-mobile))!important;
  }
}
@media(max-width:420px){
  :where(.shell.rail-wrap,.shell.price-logistics-panel,.shell.suta-putanja-shell,.shell.adaptation-logistics-shell,.shell.suta-education-panel,.shell.footer-std-shell,.shell.hero-shell,.shell.hero-inner,.wrap.rail-wrap,.wrap.price-logistics-panel,.wrap.suta-putanja-shell,.wrap.adaptation-logistics-shell,.wrap.suta-education-panel){
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* v2.83 mobile brand containment */
.brand-lockup{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
.brand-copy{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
.brand-name,.brand-tagline{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:760px){
  .site-chrome .header-row{grid-template-columns:minmax(0,1fr) auto!important;}
  .brand-lockup{max-width:min(220px,calc(100vw - 150px))!important;}
  .brand-copy{max-width:calc(100% - 48px)!important;}
  .brand-tagline{font-size:10px!important;line-height:1.1!important;}
}
@media(max-width:420px){.brand-lockup{max-width:190px!important;}.brand-tagline{max-width:128px!important;}}

/* v2.83 footer heading containment for translated/localized labels */
.footer-std-col,.footer-std-col h3{min-width:0!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important;}
.footer-std-col h3{white-space:normal!important;overflow:hidden!important;}

/* v2.84 Precision Ops visual consistency gate
   Scope: full-site design rhythm including translated pages, hero/media cards, rails and floating layers. */
:root{
  --po-content-max:1180px;
  --po-content-pad-desktop:44px;
  --po-content-pad-tablet:36px;
  --po-content-pad-mobile:24px;
  --po-section-y:clamp(54px,6vw,88px);
  --po-card-gap:clamp(16px,2vw,24px);
  --po-card-radius:24px;
  --po-card-pad:clamp(20px,2.2vw,28px);
  --po-media-radius:24px;
  --po-hero-media-h:clamp(280px,30vw,420px);
  --po-z-header:1900;
  --po-z-drawer:1950;
  --po-z-translate:1850;
  --po-z-sticky:1800;
  --po-z-install:1750;
  --po-z-cookie:2050;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{max-width:100%;}
body{overflow-x:clip;}
main,.page,.site-main{max-width:100%;min-width:0;overflow:visible;}
:where(img,svg,video,canvas,iframe){max-width:100%;}
:where(img,video){height:auto;}

/* One master container line. Use 100%, not 100vw, to avoid scrollbar-width bleed. */
:where(.shell,.wrap,.container,.subpage-wrap,.legal-wrap,.footer-std-shell,.hero-shell,.hero-inner){
  width:min(var(--po-content-max),calc(100% - var(--po-content-pad-desktop)))!important;
  max-width:var(--po-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  min-width:0!important;
}
:where(.hero-full){width:100%!important;margin-left:0!important;margin-right:0!important;}
:where(.section,.hero,.subpage-hero,.service-hero,.case-hero-section,.povjerenje-hero-section,.form-hero-section,.standard-hero,.legal-section,.site-footer){
  width:100%!important;
  max-width:100%!important;
  overflow-x:clip!important;
}
:where(.section){padding-top:var(--po-section-y);padding-bottom:var(--po-section-y);}
:where(.section-head,.section-copy,.center-copy,.subpage-lead,.hero-copy,.hero-lead){max-width:min(100%,980px)!important;}

/* Grid/card rhythm: same edge, sane minmax, no fixed-width blowouts. */
:where(.card-grid,.process-grid,.two-col,.scenario-grid,.matrix-grid,.prikaz-grid,.izvedba-grid,.package-grid,.calc-mini-summary,.povjerenje-grid-std1,.povjerenje-grid-std2,.povjerenje-risk-grid,.povjerenje-system-grid,.service-povjerenje-grid,.home-povjerenje-grid,.people-grid,.calc-standard-grid,.izvedba-standard,.readiness-grid,.calc-standard-strip,.thermo-price-grid,.thermo-form-grid,.link-grid,.service-grid,.reference-case-grid,.standard-card-grid,.fit-grid,.quick-izvedba-grid,.quick-estimate-grid,.google-review-grid,.povjerenje-izvedba-grid,.seo-decision-grid,.case-facts-grid,.case-gallery-grid,.footer-std-main,.povjerenje-prodaja-grid,.scope-edu-grid,.adaptation-izvedba-grid,.suta-putanja-grid,.moved-depth-grid,.legal-grid,.legal-link-grid,.bath-option-grid,.bath-field-grid,.form-grid,.lead-form-layout,.case-layout,.povjerenje-two-col,.service-hero-grid,.povjerenje-hero-grid,.form-hero-grid,.case-hero-grid,.povjerenje-system-hero){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  gap:var(--po-card-gap)!important;
  margin-left:0!important;
  margin-right:0!important;
}
:where(.service-hero-grid,.povjerenje-hero-grid,.form-hero-grid,.case-hero-grid,.povjerenje-system-hero){
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  align-items:center;
}
:where(.card-grid.four,.four){grid-template-columns:repeat(4,minmax(0,1fr))!important;}
:where(.card-grid.three,.three){grid-template-columns:repeat(3,minmax(0,1fr))!important;}
:where(.card-grid.two,.two){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
:where(.card-grid.compact-grid,.compact-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;}
:where(.card-grid)>*,
:where(.process-grid,.two-col,.scenario-grid,.matrix-grid,.prikaz-grid,.izvedba-grid,.package-grid,.povjerenje-grid-std1,.povjerenje-grid-std2,.povjerenje-risk-grid,.povjerenje-system-grid,.service-povjerenje-grid,.home-povjerenje-grid,.people-grid,.calc-standard-grid,.izvedba-standard,.readiness-grid,.calc-standard-strip,.thermo-price-grid,.thermo-form-grid,.link-grid,.service-grid,.reference-case-grid,.standard-card-grid,.fit-grid,.quick-izvedba-grid,.quick-estimate-grid,.google-review-grid,.povjerenje-izvedba-grid,.seo-decision-grid,.case-facts-grid,.case-gallery-grid,.footer-std-main,.povjerenje-prodaja-grid,.scope-edu-grid,.adaptation-izvedba-grid,.suta-putanja-grid,.moved-depth-grid,.legal-grid,.legal-link-grid,.bath-option-grid,.bath-field-grid,.form-grid,.lead-form-layout,.case-layout,.povjerenje-two-col) > *{
  min-width:0!important;
  max-width:100%!important;
}

/* Unified box language without creating a new visual identity. */
:where(.info-card,.risk-card,.process-card,.step-card,.scenario,.signal-card,.sidebar-card,.price-note-card,.download-box,.note-box,.content-depth-card-std1,.content-depth-card-std2,.izvedba-tile,.izvedba-case,.person-card,.thermo-panel,.thermo-price-card,.link-card,.povjerenje-panel,.povjerenje-system-panel,.form-povjerenje-card,.form-block,.legal-card,.b2b-povjerenje-panel,.b2b-side-card,.pwa-inline-card,.povjerenje-prodaja-card,.adaptation-izvedba-card,.suta-link-card,.package-card,.price-logistics-card,.legal-link-card,.mm-std-card,.cta-panel,.decision-panel,.scope-edu-card,.bath-calc-crosslink-card,.intent-strip,.content-depth-note,.povjerenje-download-box,.case-povjerenje-cta,.lead-cta-box,.readiness-cta,.footer-std-cta){
  border-radius:var(--po-card-radius)!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:break-word!important;
}
:where(.info-card,.risk-card,.process-card,.step-card,.scenario,.signal-card,.sidebar-card,.price-note-card,.download-box,.note-box,.content-depth-card-std1,.content-depth-card-std2,.izvedba-tile,.izvedba-case,.person-card,.thermo-panel,.thermo-price-card,.link-card,.povjerenje-panel,.povjerenje-system-panel,.form-povjerenje-card,.form-block,.legal-card,.b2b-povjerenje-panel,.b2b-side-card,.pwa-inline-card,.povjerenje-prodaja-card,.adaptation-izvedba-card,.suta-link-card,.package-card,.price-logistics-card,.legal-link-card,.mm-std-card,.cta-panel,.decision-panel,.scope-edu-card,.bath-calc-crosslink-card,.intent-strip,.content-depth-note,.povjerenje-download-box,.case-povjerenje-cta,.lead-cta-box,.readiness-cta,.footer-std-cta):not(.service-card):not(.reference-case-card){
  padding:var(--po-card-pad)!important;
}
:where(.service-card,.reference-case-card,.reference-hero-card,.case-hero-media,.service-hero-card){
  min-width:0!important;
  max-width:100%!important;
  border-radius:var(--po-card-radius)!important;
  overflow:hidden!important;
}
:where(.service-body,.reference-case-copy){padding:var(--po-card-pad)!important;}

/* Hero/media standard: consistent object-fit, clipping, aspect rhythm. */
:where(.hero-media,.hero-image,.hero-visual,.hero-visual-card,.service-media,.case-hero-media,.reference-case-media,.card-thumb,.izvedba-media,.gallery-media,.case-gallery-media,.reference-slider-shell-sales .reference-case-media){
  border-radius:var(--po-media-radius)!important;
  overflow:hidden!important;
  max-width:100%!important;
  min-width:0!important;
  background:#111316;
}
:where(.hero-media img,.hero-image img,.hero-visual img,.hero-visual-card img,.service-media img,.case-hero-media img,.reference-case-media img,.card-thumb img,.izvedba-media img,.gallery-media img,.case-gallery-media img,.reference-slider-shell-sales .reference-case-media img){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
:where(.case-hero-media,.hero-media,.hero-image,.hero-visual-card){min-height:var(--po-hero-media-h)!important;}
:where(.service-media,.card-thumb,.reference-case-media){min-height:clamp(210px,23vw,320px)!important;}
:where(.reference-slider-shell-sales .reference-hero-card .reference-case-media,.reference-slider-shell-sales .reference-hero-card .reference-case-media img){min-height:clamp(260px,28vw,420px)!important;}

/* Rails/carousels: rail scroll only inside rail, same start edge as content. */
:where(.rail-wrap,.reference-prikaz-carousel-shell,.reference-slider-shell,.review-slider-shell,.services-slider-shell,.work-izvedba-slider,.case-gallery-slider,.before-after-slider,.project-slider,.gallery-slider,.reference-slider-shell-sales){
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}
:where(.rail,.reference-izvedba-carousel,.reference-prikaz-carousel,.reference-prikaz-track,.reference-slider-track,.review-slider-track,.services-slider,.services-slider-track,.work-izvedba-viewport,.work-izvedba-track,.case-gallery-slider,.case-slider,.case-media-slider,.case-study-slider,.project-slider,.gallery-slider,.reference-slider-shell-sales .reference-slider-track){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-left:0!important;
  padding-right:0!important;
  scroll-padding-inline:0!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
}
:where(.rail,.reference-izvedba-carousel,.reference-prikaz-carousel,.reference-prikaz-track,.reference-slider-track,.review-slider-track,.services-slider,.services-slider-track,.work-izvedba-viewport,.work-izvedba-track,.case-gallery-slider,.case-slider,.case-media-slider,.case-study-slider,.project-slider,.gallery-slider,.reference-slider-shell-sales .reference-slider-track)::-webkit-scrollbar{display:none!important;}
:where(.rail-card,.reference-case-card,.reference-hero-card,.prikaz-tile){min-width:0!important;max-width:100%!important;}
.reference-slider-shell-sales .reference-case-card{flex:0 0 min(360px,calc((100% - var(--po-card-gap)*2)/3))!important;}
.reference-slider-shell-sales .reference-hero-card{flex:0 0 min(760px,66%)!important;}

/* poziv na upit/footer/floating layers: same container and no overlay collisions. */
:where(.lead-cta-box,.cta-band,.faq-note.cta-band,.readiness-cta,.decision-panel,.scope-edu-card,.suta-putanja-shell,.adaptation-logistics-shell,.price-logistics-panel,.suta-education-panel,.bath-calc-crosslink-card,.intent-strip,.content-depth-note,.footer-std-cta,.footer-std-main,.povjerenje-download-box,.case-povjerenje-cta){
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.site-chrome{z-index:var(--po-z-header)!important;}
.drawer{z-index:var(--po-z-drawer)!important;max-width:min(360px,calc(100vw - 28px))!important;}
.mm-translate-box{z-index:var(--po-z-translate)!important;}
.sticky-cta,.mobile-sticky-cta{z-index:var(--po-z-sticky)!important;}
.mm-install-float{z-index:var(--po-z-install)!important;}
.mm1440-consent-banner,.cookie-consent-banner{z-index:var(--po-z-cookie)!important;}
:where(.sticky-cta,.mobile-sticky-cta,.mm-install-float,.mm-translate-box,.mm1440-consent-banner,.cookie-consent-banner){max-width:calc(100vw - 24px)!important;}
body.mm-consent-visible :where(.sticky-cta,.mobile-sticky-cta,.mm-install-float,.messenger-float-1440){display:none!important;}

@media(max-width:1180px){
  :root{--po-content-pad-desktop:var(--po-content-pad-tablet);}
  :where(.card-grid.four,.four){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .reference-slider-shell-sales .reference-hero-card{flex-basis:min(82%,760px)!important;}
  .reference-slider-shell-sales .reference-case-card{flex-basis:calc((100% - var(--po-card-gap))/2)!important;}
}
@media(max-width:980px){
  :where(.service-hero-grid,.povjerenje-hero-grid,.form-hero-grid,.case-hero-grid,.povjerenje-system-hero,.lead-cta-box,.lead-form-layout,.case-layout,.povjerenje-two-col){grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  :root{
    --po-content-pad-desktop:var(--po-content-pad-mobile);
    --po-card-gap:16px;
    --po-card-radius:20px;
    --po-card-pad:18px;
  }
  :where(.shell,.wrap,.container,.subpage-wrap,.legal-wrap,.footer-std-shell,.hero-shell,.hero-inner){
    width:calc(100% - var(--po-content-pad-mobile))!important;
    max-width:calc(100% - var(--po-content-pad-mobile))!important;
  }
  :where(.card-grid.four,.four,.card-grid.three,.three,.card-grid.two,.two,.povjerenje-risk-grid,.povjerenje-system-grid,.service-povjerenje-grid,.home-povjerenje-grid,.povjerenje-timeline,.standard-card-grid,.legal-meta-grid){grid-template-columns:1fr!important;}
  :where(.hero-inner){min-height:auto!important;padding-top:76px!important;padding-bottom:76px!important;}
  :where(.case-hero-media,.hero-media,.hero-image,.hero-visual-card){min-height:260px!important;}
  :where(.service-media,.card-thumb,.reference-case-media){min-height:220px!important;}
  :where(.rail-card,.reference-case-card,.reference-hero-card,.prikaz-tile){flex-basis:min(100%,342px)!important;}
  .reference-slider-shell-sales .reference-hero-card,
  .reference-slider-shell-sales .reference-case-card{flex-basis:100%!important;}
  .sticky-cta{left:72px!important;right:12px!important;bottom:12px!important;}
}
@media(max-width:420px){
  :where(.shell,.wrap,.container,.subpage-wrap,.legal-wrap,.footer-std-shell,.hero-shell,.hero-inner){width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;}
  :where(.footer-std-bottom nav){grid-template-columns:1fr!important;}
}

/* v2.84 drawer containment brzi ispravak: menu panel must not sit partly outside mobile viewport. */
@media(max-width:760px){
  .drawer{
    width:min(300px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    right:14px!important;
    transform:none!important;
  }
}
@media(max-width:420px){
  .drawer{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    right:12px!important;
  }
}


/* v2.91 Precision Ops microinteraction restoration gate
   Controlled motion only: reveal, poziv na upit press/focus, link-card lift, non-click card glow without fake click behaviour. */
@media (prefers-reduced-motion:no-preference){
  html.micro-ready [data-reveal][data-reveal-level="card"]{
    transform:translateY(10px);
    transition-duration:.36s!important;
  }
  html.micro-ready [data-reveal][data-reveal-level="card"].is-visible{transform:none;}

  html.micro-ready .btn,
  html.micro-ready .primary-nav a,
  html.micro-ready .drawer-links a,
  html.micro-ready .footer-action a,
  html.micro-ready a.card,
  html.micro-ready a.info-card,
  html.micro-ready a.link-card,
  html.micro-ready a.povjerenje-card,
  html.micro-ready a.step-card,
  html.micro-ready .rail-card[href],
  html.micro-ready .signal-card[href]{
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,filter .18s ease!important;
  }
  html.micro-ready .btn:hover,
  html.micro-ready .primary-nav a:hover,
  html.micro-ready .drawer-links a:hover,
  html.micro-ready .footer-action a:hover,
  html.micro-ready a.card:hover,
  html.micro-ready a.info-card:hover,
  html.micro-ready a.link-card:hover,
  html.micro-ready a.povjerenje-card:hover,
  html.micro-ready a.step-card:hover,
  html.micro-ready .rail-card[href]:hover,
  html.micro-ready .signal-card[href]:hover{
    transform:translateY(-2px);
    border-color:rgba(255,141,5,.34)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.24),0 0 0 1px rgba(255,141,5,.08)!important;
  }
  html.micro-ready .btn:active,
  html.micro-ready a.card:active,
  html.micro-ready a.info-card:active,
  html.micro-ready a.link-card:active,
  html.micro-ready a.povjerenje-card:active,
  html.micro-ready a.step-card:active{
    transform:translateY(0) scale(.992);
  }

  html.micro-ready main .povjerenje-card:not(a):hover,
  html.micro-ready main .step-card:not(a):hover,
  html.micro-ready main .info-card:not(a):hover,
  html.micro-ready main .process-card:not(a):hover,
  html.micro-ready main .scenario:not(a):hover,
  html.micro-ready main .risk-card:not(a):hover,
  html.micro-ready main .service-card:not(a):hover,
  html.micro-ready main .price-note-card:not(a):hover{
    border-color:rgba(255,141,5,.24)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 0 1px rgba(255,141,5,.05)!important;
  }

  html.micro-ready details>summary{
    transition:color .18s ease,background .18s ease,border-color .18s ease!important;
  }
  html.micro-ready details>summary::after{
    transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
  }
  html.micro-ready details[open]>summary::after{transform:rotate(45deg);}

  html.micro-ready :focus-visible{
    outline:2px solid rgba(255,141,5,.78)!important;
    outline-offset:3px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html.micro-ready [data-reveal],
  html.micro-ready [data-reveal][data-reveal-level="card"]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* v2.99B chrome top-gap / scroll-line correction */
html body,
html body[class]{
  padding-top:0!important;
  margin-top:0!important;
}
html body .site-chrome,
html body[class] .site-chrome,
html body.index-std-clean-index .site-chrome{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  margin-top:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(13,15,18,.97),rgba(13,15,18,.90))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:translateZ(0)!important;
  overflow:visible!important;
  contain:none!important;
}
html body .site-chrome::before,
html body .site-chrome::after{
  content:none!important;
  display:none!important;
}
html body .site-chrome .preheader{
  margin-top:0!important;
  margin-bottom:0!important;
  border:0!important;
}
html body .site-chrome.is-scrolled,
html.mm-scrolled body .site-chrome,
html body.mm-scrolled .site-chrome{
  border-bottom:0!important;
  padding-bottom:0!important;
  background:rgba(13,15,18,.94)!important;
}
html body .site-chrome .header-row{
  margin-top:0!important;
  border-top-color:rgba(255,255,255,.10)!important;
  border-bottom-color:rgba(255,255,255,.075)!important;
}

/* v2.99E - drawer blur layer must not cover or disable drawer itself
   Page/header can be dimmed and blurred through the backdrop; drawer stays above it, sharp and clickable/scrollable. */
body.drawer-open{
  overflow:hidden!important;
  touch-action:auto!important;
}
.drawer-backdrop:not([hidden]){
  position:fixed!important;
  inset:0!important;
  z-index:5900!important;
  pointer-events:auto!important;
  background:rgba(5,7,10,.54)!important;
  backdrop-filter:blur(4px) saturate(.88)!important;
  -webkit-backdrop-filter:blur(4px) saturate(.88)!important;
}
.drawer{
  position:fixed!important;
  z-index:6000!important;
  isolation:isolate!important;
  filter:none!important;
  -webkit-filter:none!important;
  backface-visibility:hidden!important;
  transform:translate3d(16px,0,0)!important;
  will-change:opacity,transform!important;
  pointer-events:none!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}
.drawer.open{
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0)!important;
  pointer-events:auto!important;
}
.drawer.open,
.drawer.open *{
  filter:none!important;
  -webkit-filter:none!important;
}
.drawer .drawer-top,
.drawer .drawer-grid,
.drawer .drawer-cta{
  position:relative!important;
  z-index:1!important;
}
.drawer a,
.drawer button,
.drawer summary{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.drawer .drawer-grid,
.drawer .drawer-links{
  touch-action:pan-y!important;
}

/* v2.99E - preserve transparent sticky chrome after drawer layer correction */
html body .site-chrome,
html body .site-chrome.is-scrolled,
html.mm-scrolled body .site-chrome,
html body.mm-scrolled .site-chrome{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body .site-chrome .header-row{
  background:rgba(13,15,18,.64)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-top:0!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
html body .site-chrome.is-scrolled .header-row,
html.mm-scrolled body .site-chrome .header-row,
html body.mm-scrolled .site-chrome .header-row{
  background:rgba(13,15,18,.74)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.24)!important;
}


/* v2.99N - global chrome no-flicker fix
   Keep sticky chrome visually transparent, but stop background-color jump while scroll state changes. */
html body .site-chrome,
html body .site-chrome.is-scrolled,
html.mm-scrolled body .site-chrome,
html body.mm-scrolled .site-chrome{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:none!important;
}
html body .site-chrome .preheader,
html body .site-chrome.is-scrolled .preheader,
html.mm-scrolled body .site-chrome .preheader,
html body.mm-scrolled .site-chrome .preheader{
  background:transparent!important;
  box-shadow:none!important;
  border-bottom:0!important;
  transition:max-height .14s ease,height .14s ease,min-height .14s ease,opacity .10s ease,visibility .10s ease!important;
}
html body .site-chrome .header-row,
html body .site-chrome.is-scrolled .header-row,
html.mm-scrolled body .site-chrome .header-row,
html body.mm-scrolled .site-chrome .header-row{
  background:rgba(13,15,18,.70)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  transition:min-height .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
@media (max-width:760px){
  html body .site-chrome .header-row,
  html body .site-chrome.is-scrolled .header-row,
  html.mm-scrolled body .site-chrome .header-row,
  html body.mm-scrolled .site-chrome .header-row{
    background:rgba(13,15,18,.78)!important;
  }
}


/* v2.99O – contact page and reusable UX card polish */
a.signal-card{display:block;text-decoration:none;color:inherit;cursor:pointer!important;}
a.signal-card b,a.signal-card span{pointer-events:none;}
a.signal-card span{line-height:1.45;font-weight:650!important;}
.hero-brand-title-link{color:var(--amber)!important;text-decoration:none;text-shadow:0 0 26px rgba(255,141,5,.34),0 0 1px rgba(255,255,255,.16);}
.hero-brand-title-link:hover{filter:brightness(1.12);}
.premium-brand-panel{overflow:hidden;}
.premium-logo-plate{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;text-decoration:none;color:inherit;border:1px solid rgba(255,141,5,.22);border-radius:24px;padding:18px;background:radial-gradient(circle at 20% 15%,rgba(255,141,5,.18),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10);margin-bottom:18px;}
.premium-logo-orb{width:82px;height:82px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,238,240,.88));box-shadow:0 16px 38px rgba(0,0,0,.26);overflow:hidden;}
.premium-logo-orb img{width:78%!important;height:78%!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;}
.premium-logo-copy b{display:block;color:var(--amber);font-size:24px;letter-spacing:.02em;text-shadow:0 0 20px rgba(255,141,5,.22);}
.premium-logo-copy small{display:block;margin-top:4px;color:var(--text-soft);font-weight:800;}
.contact-vcard-premium .contact-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;}
.contact-action-card{display:grid;gap:10px;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.030));box-shadow:0 18px 46px rgba(0,0,0,.22);}
.contact-action-card span,.qr-copy span{color:var(--amber);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;}
.contact-action-card h3,.qr-copy h3{margin:0;color:var(--text-primary);}
.contact-action-card p,.qr-copy p{margin:0;color:var(--text-secondary);line-height:1.58;}
.contact-action-card strong,.qr-copy a{margin-top:4px;color:var(--amber);font-weight:950;text-decoration:none;}
.qr-premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.qr-premium-card{display:grid;grid-template-rows:auto 1fr;gap:16px;border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:20px;background:radial-gradient(circle at 20% 0%,rgba(255,141,5,.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.026));box-shadow:0 20px 52px rgba(0,0,0,.24);}
.qr-copy{display:grid;gap:8px;}
.qr-frame{min-height:220px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(232,236,240,.90));padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.60),0 18px 40px rgba(0,0,0,.20);}
.qr-frame img{max-width:100%;max-height:210px;width:auto!important;height:auto!important;object-fit:contain!important;image-rendering:auto;}
.pwa-inline-card .pwa-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 22px;}
.pwa-inline-card .pwa-benefits span{border:1px solid var(--border-soft);border-radius:16px;padding:14px 15px;background:rgba(21,24,28,.58);color:var(--text-soft);font-weight:800;font-size:13px;}
@media(max-width:900px){.contact-vcard-premium .contact-action-grid,.qr-premium-grid{grid-template-columns:1fr}.premium-logo-plate{grid-template-columns:1fr}.premium-logo-orb{width:74px;height:74px}.pwa-inline-card .pwa-benefits{grid-template-columns:1fr}}

/* v2.99S — chrome background lock / no scroll color flicker
   Single source of scroll state is assets/js/1440mm-chrome-final-fix.js. */
.site-chrome,
.site-chrome.is-scrolled,
html.mm-scrolled .site-chrome,
body.mm-scrolled .site-chrome{
  background:rgba(13,15,18,.86)!important;
  background-image:none!important;
  transition:none!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.site-chrome .header-row,
.site-chrome.is-scrolled .header-row,
html.mm-scrolled .site-chrome .header-row,
body.mm-scrolled .site-chrome .header-row{
  background:rgba(13,15,18,.72)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
  transition:min-height .16s ease, box-shadow .16s ease!important;
}
.site-chrome .preheader{
  background:transparent!important;
  transition:opacity .10s ease!important;
  will-change:opacity!important;
}
.site-chrome.is-scrolled .preheader,
html.mm-scrolled .site-chrome .preheader,
body.mm-scrolled .site-chrome .preheader{
  background:transparent!important;
}
@media(max-width:760px){
  .site-chrome,
  .site-chrome.is-scrolled,
  html.mm-scrolled .site-chrome,
  body.mm-scrolled .site-chrome{
    background:rgba(13,15,18,.88)!important;
    background-image:none!important;
  }
}


/* v2.99W GLOBAL ANTI-GHOSTLINK / FLOATING UI FIX
   Outer floating/sticky shells must not create invisible click zones.
   Only visible buttons and links inside them remain clickable. */
.sticky-cta,
.mobile-sticky-cta,
.mm-install-float,
.mm-translate-box,
.install-strip,
.footer-std-cta{
  pointer-events:none!important;
}
.sticky-cta a,
.sticky-cta button,
.mobile-sticky-cta a,
.mobile-sticky-cta button,
.mm-install-actions a,
.mm-install-actions button,
.mm-install-close,
.mm-translate-toggle,
.mm-translate-close,
.mm-translate-links a,
.mm-translate-small,
.install-strip a,
.install-strip button,
.footer-std-cta-actions a,
.footer-std-cta-actions button{
  pointer-events:auto!important;
}
.sticky-cta::before,
.sticky-cta::after,
.mobile-sticky-cta::before,
.mobile-sticky-cta::after,
.mm-install-float::before,
.mm-install-float::after,
.mm-translate-box::before,
.mm-translate-box::after,
.footer-std-cta::before,
.footer-std-cta::after,
.install-strip::before,
.install-strip::after{
  pointer-events:none!important;
}
.mm-install-float > div:not(.mm-install-actions),
.mm-translate-panel,
.footer-std-cta-copy{
  pointer-events:none!important;
}
.mm-translate-panel a,
.mm-translate-panel button,
.mm-install-actions,
.footer-std-cta-actions{
  pointer-events:auto!important;
}
body.drawer-open .sticky-cta,
body.drawer-open .mobile-sticky-cta,
body.drawer-open .mm-install-float,
body.drawer-open .mm-translate-box,
body.mm-consent-visible .sticky-cta,
body.mm-consent-visible .mobile-sticky-cta,
body.mm-consent-visible .mm-install-float,
body.mm-consent-visible .mm-translate-box{
  pointer-events:none!important;
}


/* v2.99Y GLOBAL HEADER / PREHEADER STABILITY LOCK
   Fixes scroll-threshold flicker and body color mismatch under sticky chrome. */
:root{
  --mm-chrome-bg-solid:#111418;
  --mm-chrome-bg-row:rgba(17,20,24,.92);
  --mm-page-bg:#1B1D20;
}
html,
body{
  background:#1B1D20!important;
}
.site-chrome,
.site-chrome.is-scrolled,
html.mm-scrolled .site-chrome,
body.mm-scrolled .site-chrome{
  background:linear-gradient(180deg,rgba(17,20,24,.96),rgba(17,20,24,.96))!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:none!important;
  transform:translateZ(0)!important;
}
.site-chrome .preheader{
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:opacity .10s ease, visibility .10s ease!important;
  background:transparent!important;
  will-change:opacity!important;
}
.site-chrome.is-scrolled .preheader,
html.mm-scrolled .site-chrome .preheader,
body.mm-scrolled .site-chrome .preheader{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  pointer-events:none!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border:0!important;
  transition:opacity .08s ease, visibility .08s ease!important;
}
.site-chrome .header-row,
.site-chrome.is-scrolled .header-row,
html.mm-scrolled .site-chrome .header-row,
body.mm-scrolled .site-chrome .header-row{
  min-height:68px!important;
  background:rgba(17,20,24,.92)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  transition:none!important;
}
.site-chrome::before,
.site-chrome::after,
.site-chrome .header-row::before,
.site-chrome .header-row::after{
  pointer-events:none!important;
}
@media(max-width:760px){
  html{scroll-padding-top:74px!important;}
  .site-chrome .header-row,
  .site-chrome.is-scrolled .header-row,
  html.mm-scrolled .site-chrome .header-row,
  body.mm-scrolled .site-chrome .header-row{
    min-height:64px!important;
  }
}