/* HQ Remodeling — support CSS for the imported page content.
   The page sections carry their own inline styles (fully editable in the
   block editor); these rules only add hover states, reveal animation,
   FAQ behaviour and the responsive collapses. */

.hq-reveal{opacity:0;transform:translateY(18px)}
.hq-reveal.is-in{opacity:1;transform:translateY(0)}
.hq-nojs .hq-reveal{opacity:1;transform:none}

.hq-faq-a{display:none}
.hq-faq-item.is-open .hq-faq-a{display:block}

.hq-hidden{display:none !important}

.hqx1:focus{border-color:#E9A81E;outline:none}
.hqx2:hover{background:#d3960f}
.hqx3:hover{transform:scale(1.07)}
.hqx4:hover{box-shadow:0 30px 50px -34px rgba(27,26,23,0.45)}

img{max-width:100%}

@media (max-width:1280px){
  .hq-grid-multi{grid-template-columns:repeat(2,1fr) !important;height:auto !important}
}
@media (max-width:1024px){
  .hq-grid{grid-template-columns:1fr !important;gap:34px !important;height:auto !important}
  .hq-pad{padding-left:22px !important;padding-right:22px !important}
  div[style*="min-height:440px"],div[style*="min-height:360px"]{min-height:260px !important}
}
@media (max-width:640px){
  .hq-pad{padding-left:16px !important;padding-right:16px !important}
}