/* Shared interaction states. No changes to sticky stack positioning. */
.ui-action {
  transition: filter 180ms ease, box-shadow 180ms ease, translate 180ms ease;
}
.ui-action:focus-visible {outline:3px solid #f65a30;outline-offset:5px}
@media (hover:hover) and (pointer:fine) {
  .ui-action:hover {filter:brightness(.94);translate:0 -2px;box-shadow:0 6px 16px rgb(18 62 50 / 12%)}
}
.ui-action:active {translate:0 0;filter:brightness(.9);box-shadow:none}
/* Identical columns and gaps align the enquiry panel with the directory below. */
@media (min-width:761px) {
  #hero .n-124-268,#hero .n-124-281 {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}
  #hero .n-124-268>*,#hero .n-124-281>* {width:100%;min-width:0}
  #hero .n-124-272>.n-124-274 {width:100%}
}
@media (prefers-reduced-motion:reduce) {
  .ui-action {transition:none;translate:none!important}
}

#back-to-top{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid white;border-radius:50%;background:#123e32;color:white;box-shadow:0 4px 18px #123e3226;transition:background .2s,translate .2s}
#back-to-top[hidden]{display:none}
#back-to-top:hover{background:#f65a30;translate:0 -2px}
/* Floating stack: WhatsApp sits above back-to-top and takes its place when that is hidden. */
.kk-float{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;align-items:center;gap:12px}
.kk-float #back-to-top{position:static}
#whatsapp-float{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid white;border-radius:50%;background:#123e32;color:white;box-shadow:0 4px 18px #123e3226;transition:background .2s,translate .2s}
#whatsapp-float:hover{background:#f65a30;translate:0 -2px;filter:none}
