/* TARWEEJ Liquid Glass v1 — mobile-only, scoped */
.tr-liquid-nav{display:none}
@media(max-width:767px){
  /* The shared desktop footer must not appear on mobile pages. */
  #tf-stitch-footer,.tf-global-footer{display:none!important}
  /* Keep the last content and its focus targets above the fixed dock. */
  body:has(.tr-liquid-nav){padding-bottom:calc(136px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}
  .tr-liquid-nav,.tr-liquid-nav *{box-sizing:border-box}
  .tr-liquid-nav{display:block;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;width:85vw;max-width:none;height:108px;z-index:1200;transform:translateX(-50%);direction:rtl;font-family:Mada,Arial,sans-serif;isolation:isolate;filter:drop-shadow(0 12px 20px rgba(0,0,0,.7));transition:none}
  .tr-liquid-nav.is-scroll-hidden{transform:translate(-50%,calc(110% + 20px));opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}
  .tr-liquid-shell{position:relative;height:108px;width:100%;border-radius:30px;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
  .tr-liquid-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 6px rgba(15,93,136,.22))}
  .tr-liquid-shape{stroke-linejoin:round}
  .tr-liquid-orb{position:absolute;top:11px;left:0;width:54px;height:54px;border-radius:50%;border:1px solid rgba(111,195,233,.65);background:radial-gradient(circle at 35% 25%,rgba(62,137,179,.35),rgba(8,51,78,.94) 67%,#070f1b);box-shadow:0 0 12px rgba(6,169,230,.22),inset 0 1px 8px rgba(175,224,250,.17);pointer-events:none;transform:translateX(-50%);will-change:left}
  .tr-liquid-items{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;padding:0 12%}
  .tr-liquid-item{position:relative;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:27px 0 17px;color:#cbd9e5!important;text-align:center;text-decoration:none!important;gap:5px;transition:color .22s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .tr-liquid-item>.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;direction:ltr;font-feature-settings:'liga';transition:transform .35s cubic-bezier(.2,.8,.2,1),color .25s;will-change:transform}
  .tr-liquid-label{font:600 11px Mada,Arial,sans-serif;white-space:nowrap;line-height:1.1;opacity:.82;transition:transform .3s,opacity .2s}
  .tr-liquid-item.is-active{color:#fff!important}
  .tr-liquid-item.is-active>.material-symbols-outlined{transform:translateY(-25px) scale(1.04);color:#f3fbff;text-shadow:0 0 10px rgba(66,164,209,.62)}
  .tr-liquid-item.is-active .tr-liquid-label{opacity:1;transform:translateY(6px)}
  .tr-liquid-item:focus-visible{outline:2px solid #7fd0ff;outline-offset:-5px;border-radius:13px}
  .tr-liquid-nav::after{content:'';position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:32%;height:2px;border-radius:99px;background:rgba(220,238,247,.55);pointer-events:none}
  body:has(.tr-liquid-nav) footer{scroll-margin-bottom:140px}
}
@media(max-width:360px){.tr-liquid-items{padding:0 12%}.tr-liquid-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tr-liquid-nav *{transition:none!important;animation:none!important}}