/* Gromadis V21.3.0.2 — stability / visual / entity consistency closure */

/* Canonical logo presentation: one sizing system, no negative offsets. */
.site-header .brand{
  display:flex;
  align-items:center;
  align-self:stretch;
}
.site-header .brand img,
.footer-brand img{
  display:block;
  height:auto;
  background:transparent;
  box-shadow:none;
}

@media (min-width:701px){
  .site-header{height:76px}
  .site-header .brand img{width:118px;max-width:118px}
  .mobile-menu{top:76px}
}

/* Keep the established compact mobile header proportions. */
@media (min-width:371px) and (max-width:700px){
  .site-header .brand img{width:92px;max-width:92px}
}
@media (max-width:370px){
  .site-header .brand img{width:86px;max-width:86px}
}

/* Passive calculator benefits: informational chips, not pseudo-buttons. */
.service-calc-bridge-points span{
  min-height:0;
  padding:6px 10px;
  border:1px solid #e6e1d7;
  border-radius:999px;
  background:#f4f2ed;
  color:#686b6d;
  box-shadow:none;
  font-size:12px;
  font-weight:600;
  line-height:1.25;
  cursor:default;
}

/* Keep chips compact as whole tags in the two-column tablet layout. */
.service-calc-bridge-points span{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Mobile CRO bar fallback: some newer hubs did not load the older CRO layer.
   Keep one consistent fixed implementation and reserve safe-area space site-wide. */
.cro-mobile-bar{display:none}
@media (max-width:760px){
  body.cro-bar-visible{
    padding-bottom:calc(88px + env(safe-area-inset-bottom)) !important;
  }
  .cro-mobile-bar{
    position:fixed;
    z-index:998;
    left:0;
    right:0;
    bottom:0;
    display:grid;
    grid-template-columns:minmax(108px,.72fr) minmax(0,1.28fr);
    gap:8px;
    padding:9px max(10px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));
    background:rgba(20,23,25,.97);
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow:0 -12px 36px rgba(0,0,0,.18);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    transform:translateY(115%);
    opacity:0;
    pointer-events:none;
    transition:transform .22s ease,opacity .22s ease;
  }
  body.cro-bar-visible .cro-mobile-bar{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .cro-mobile-bar a,
  .cro-mobile-bar button{
    min-width:0;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 12px;
    border-radius:0;
    font:700 14px/1.2 Montserrat,Arial,sans-serif;
    text-decoration:none;
    cursor:pointer;
  }
  .cro-mobile-phone{
    color:#fff;
    background:transparent;
    border:1px solid rgba(255,255,255,.34);
  }
  .cro-mobile-estimate{
    color:#fff;
    background:#d8632f;
    border:1px solid #d8632f;
  }
}
.cro-mobile-bar a:focus-visible,
.cro-mobile-bar button:focus-visible{
  outline:3px solid rgba(216,99,47,.34);
  outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  .cro-mobile-bar,.cro-mobile-bar *{transition:none!important}
}
.service-calc-bridge-points{align-items:flex-start}