/* GoldenKey — UI.1.0 floating-button fix (loaded on every page by inc/shield.php)
   Problem: the left cluster (GK AI + Share) and the right cluster (WhatsApp / Call / Top) sat on top of the content below ~1000px.
   Fix: under 1100px both clusters live on the RIGHT edge, stacked, smaller; the page gets a right gutter so nothing is ever covered.
   Nothing changes on desktop ≥ 1101px except the size. */
.gk-fab{z-index:1200}
.gk-fab-btn{width:52px;height:52px}
@media (max-width:1100px){
  :root{--gk-fab-gutter:66px}
  .gk-fab--left{left:auto!important;right:12px!important;bottom:calc(16px + 3*48px + 2*8px + 14px + env(safe-area-inset-bottom,0px))!important;flex-direction:column}
  .gk-fab--right{right:12px!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;flex-direction:column}
  .gk-fab{display:flex;gap:8px;align-items:flex-end}
  .gk-fab-btn{width:48px;height:48px}
  .gk-fab-tip{display:none!important}
  /* right gutter for page content so the stacked buttons never cover text or prices */
  main#main,.gp-hero-in,.gp-main,.gp-cards,.gkz-main,.hb-main,.ga-wrap,.af-wrap,.gk-container,.container{padding-right:var(--gk-fab-gutter)!important;box-sizing:border-box}
  .gp-main .gp-cards{padding-right:0!important}   /* cards already inside the padded wrapper */
  .gp-quote,.gp-dock{right:var(--gk-fab-gutter)!important}
}
@media (max-width:640px){
  :root{--gk-fab-gutter:58px}
  .gk-fab-btn{width:42px;height:42px}
  .gk-fab--left{bottom:calc(14px + 3*42px + 2*6px + 12px + env(safe-area-inset-bottom,0px))!important}
  .gk-fab--right{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
  .gk-fab{gap:6px}
  .gk-fab-btn svg,.gk-fab-btn img{width:20px;height:20px}
  .gp-dock{right:0!important}   /* the bottom quote dock spans the full width on phones; the FABs sit above it */
  body.gp-q-open .gk-fab{display:none}   /* quote sheet open → hide buttons */
}
@media print{.gk-fab{display:none!important}}