/* AquaFit polish layer: buttons, info card, readable credit */
#aqToggle{position:fixed;left:16px;bottom:120px;z-index:2147483001}
#aqToggle.aqOpen{background:#01C5A9;color:#fff}
#aqBar{position:fixed;left:16px;bottom:120px;transition:opacity .25s,transform .25s;z-index:2147483000;display:flex;flex-direction:column;gap:10px}
.aqBtn{width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#07161c;cursor:pointer;
  font:700 17px Lato,Montserrat,Arial,sans-serif;box-shadow:0 4px 16px rgba(0,0,0,.35);
  transition:transform .15s,background .15s,color .15s;display:flex;align-items:center;justify-content:center}
.aqBtn:hover{transform:scale(1.08);background:#01C5A9;color:#fff}
.aqBtn.aqOff{opacity:.55}
.aqBtn.aqLang{font-size:13px;letter-spacing:.05em}
#aqInfo{font-style:italic;font-family:Georgia,serif;font-size:21px}
#aqGhid{text-decoration:none;font-size:20px;display:flex;align-items:center;justify-content:center}

#aqBar.aqHidden{opacity:0;pointer-events:none;transform:translateY(8px)}
#aqCard{position:fixed;left:76px;bottom:120px;z-index:2147482999;width:min(380px,calc(100vw - 100px));
  max-height:52vh;overflow-y:auto;background:rgba(7,22,28,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-radius:16px;padding:20px 22px;color:#f0f6f6;opacity:0;transform:translateY(12px);
  pointer-events:none;transition:opacity .3s,transform .3s;font-family:Lato,Montserrat,Arial,sans-serif}
#aqCard.aqShow{opacity:1;transform:translateY(0);pointer-events:auto}
#aqCard h3{margin:0 26px 6px 0;font-size:17px;color:#fff}
#aqCard .aqLine{width:46px;height:4px;border-radius:2px;background:#01C5A9;margin-bottom:12px}
#aqCard p{margin:0;font-size:13.5px;line-height:1.65;color:rgba(240,246,246,.92)}
#aqClose{position:absolute;top:12px;right:12px;width:28px;height:28px;border:0;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
#aqClose:hover{background:rgba(255,255,255,.28)}

/* the 360 Business Tour credit: readable instead of barely visible */
a[href*="360businesstour"], [class*="watermark" i]{
  font-size:14px !important;font-weight:700 !important;color:#ffffff !important;
  text-shadow:0 1px 4px rgba(0,0,0,.85) !important;opacity:1 !important;letter-spacing:.02em}
a[href*="360businesstour"]:hover{color:#01C5A9 !important}

@media (max-width:640px){
  #aqBar{bottom:130px}
  #aqCard{left:12px;bottom:186px;width:calc(100vw - 24px)}
}

/* aerial media album */
#aqMediaOv{position:fixed;inset:0;z-index:2147483002;background:rgba(4,14,18,.94);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center}
#aqMediaOv.aqShow{display:flex}
#aqMediaBox{width:min(980px,calc(100vw - 24px));max-height:calc(100vh - 40px);display:flex;flex-direction:column}
#aqMediaTabs{display:flex;gap:8px;align-items:center;padding:10px 4px}
.aqTab{border:0;border-radius:999px;padding:9px 22px;background:rgba(255,255,255,.12);color:#fff;
  font:600 14px Lato,Arial,sans-serif;cursor:pointer}
.aqTab.aqTabOn{background:#01C5A9;color:#04222b}
#aqMediaClose{margin-left:auto;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.14);
  color:#fff;font-size:15px;cursor:pointer}
#aqMediaClose:hover{background:#01C5A9}
#aqMediaGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;overflow-y:auto;padding:4px}
.aqCell{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:16/10;background:#0a2530}
.aqCell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.aqCell:hover img{transform:scale(1.05)}
.aqPlayIc{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:rgba(1,197,169,.92)}
.aqPlayIc::after{content:"";position:absolute;left:21px;top:16px;border-left:16px solid #fff;
  border-top:10px solid transparent;border-bottom:10px solid transparent}
#aqMediaView{display:none;flex-direction:column;align-items:center;gap:10px;overflow-y:auto;padding:4px}
#aqMediaView video,#aqMediaView img{max-width:100%;max-height:calc(100vh - 170px);border-radius:12px}
.aqCap{color:rgba(240,246,246,.85);font:14px Lato,Arial,sans-serif}
#aqMediaBack{border:0;border-radius:999px;padding:9px 22px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
#aqMediaBack:hover{background:#01C5A9;color:#04222b}
