:root{ --sgs-aspect: 3 / 4; }
/* Aspect lock */
.sq .sg-thumb-link .sg-thumb, .sg-thumb-link .sg-thumb{ width:100%; height:auto; aspect-ratio: var(--sgs-aspect); object-fit: cover; display:block; }
/* Tooltip */
.sgs-tooltip{
  position:fixed; z-index:100000; padding:6px 8px; background:#111; color:#fff;
  border-radius:6px; font-size:12px; pointer-events:none; white-space:nowrap;
  transform:translate(-50%,-120%); display:none;
}
/* Header home */
.sgs-home-nav{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:9999px;
  border:1px solid #E5E7EB; background:#fff; color:#374151; text-decoration:none; line-height:1; font-size:14px; margin-right:8px; }
@media (max-width:640px){ .sgs-home-nav{ font-size:13px; padding:6px 10px; } }
[data-sgs-colorchip]{ cursor:copy; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06); border-radius:4px; }

/* Bottom nav (mobile) */
#sgs-bottomnav{ position:fixed; left:0; right:0; bottom:0; display:none; gap:8px; padding:10px;
  background:rgba(255,255,255,.95); backdrop-filter:saturate(150%) blur(6px); border-top:1px solid #e5e7eb; z-index:100000; }
#sgs-bottomnav a{ flex:1; display:flex; justify-content:center; align-items:center; padding:10px 12px; border-radius:12px;
  text-decoration:none; color:#374151; border:1px solid #e5e7eb; }
@media (max-width:768px){ #sgs-bottomnav{ display:flex; } }

/* Back to top */
#sgs-topbtn{ position:fixed; right:16px; bottom:80px; display:none; z-index:100000; }
#sgs-topbtn button{ padding:10px 12px; border-radius:9999px; border:1px solid #e5e7eb; background:#fff; color:#111; }

/* Overlay fix (generic) */
#sgs-overlay, .sgs-overlay{ z-index:100000 !important; }