/* Site Preference Notice (GDPR / cookie consent foundation).
   Design adapted from TCL Ultra UG12 landing page. */
.site-pref-panel {
  position:fixed;
  bottom:-130px;
  left:50%;
  transform:translateX(-50%);
  width:90%;
  max-width:600px;
  background:#3d3d3d;
  border:1px solid rgba(187,187,187,0.30);
  padding:16px 12px;
  border-radius:16px;
  z-index:99999;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  box-sizing:border-box;
}
.site-pref-panel.show {
  bottom:24px;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.site-pref-content {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
  color:#E4E4E7;
  font-family:Montserrat, Arial, sans-serif;
  font-size:13px;
  line-height:1.45;
  font-weight:500;
}
.site-pref-text { width:100%; text-align:center; }
.site-pref-actions { display:flex; justify-content:center; align-items:center; gap:12px; padding-left:30px; padding-right:30px; box-sizing:border-box; }
.site-pref-link { color:#0088FF; text-decoration:underline; font-weight:600; }
.site-pref-link:hover { color:#00f0ff; }
.site-pref-secondary,
.site-pref-primary {
  padding:8px 20px;
  border-radius:30px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  cursor:pointer;
  box-sizing:border-box;
}
.site-pref-secondary { order:1; background:transparent; color:#A1A1AA; border:1px solid rgba(255,255,255,0.20); }
.site-pref-secondary:hover { background:rgba(255,255,255,0.05); color:#FFFFFF; border-color:rgba(255,255,255,0.40); }
.site-pref-primary { order:2; background:#1d5dda; color:#ffffff; border:0; }
.site-pref-primary:hover { background:#0088FF; color:#ffffff; box-shadow:0 0 15px rgba(0,136,255,0.50); transform:translateY(-1px); }
@media (max-width:600px) {
  .site-pref-panel {
    width:100%;
    max-width:100%;
    left:0;
    bottom:-260px;
    transform:none;
    border-radius:0;
    border-left:0;
    border-right:0;
    border-bottom:0;
    padding:16px 10px calc(16px + env(safe-area-inset-bottom, 0px));
  }
  .site-pref-panel.show { bottom:0; }
  .site-pref-content { flex-direction:column; text-align:center; gap:12px; }
  .site-pref-text { min-width:100%; text-align:center; margin-bottom:4px; }
  .site-pref-actions { flex-direction:column; width:100%; gap:8px; padding-left:30px; padding-right:30px; box-sizing:border-box; }
  .site-pref-primary { order:1; width:100%; padding:10px; }
  .site-pref-secondary { order:2; width:100%; padding:10px; }
}