/* ============================================================
   COOKIE CONSENT — translucent glass style to match the rest
   of the site (notification toasts, cart sidebar, etc.)
   Loaded on every page, independent of styles.css / checkout.css
   so it works consistently across the whole site.
   ============================================================ */
#cc-main {
  --cc-font-family: 'Montserrat', sans-serif;
  --cc-bg: rgba(15, 15, 15, 0.86);
  --cc-primary-color: #ffffff;
  --cc-secondary-color: rgba(255, 255, 255, 0.65);
  --cc-btn-primary-bg: #ffffff;
  --cc-btn-primary-color: #0a0a0a;
  --cc-btn-primary-hover-bg: rgba(255, 255, 255, 0.85);
  --cc-btn-secondary-bg: rgba(255, 255, 255, 0.08);
  --cc-btn-secondary-color: #ffffff;
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.16);
  --cc-btn-border-radius: 10px;
  --cc-modal-border-radius: 18px;
  --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.18);
  --cc-separator-border-color: rgba(255, 255, 255, 0.12);
  --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.05);
  --cc-cookie-category-block-border: rgba(255, 255, 255, 0.1);
  --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.08);
  --cc-toggle-on-bg: #ffffff;
  --cc-toggle-off-bg: rgba(255, 255, 255, 0.18);
  --cc-toggle-on-knob-bg: #0a0a0a;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-readonly-bg: rgba(255, 255, 255, 0.3);
}

#cc-main .cm {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.4);
}

#cc-main .pm {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

#cc-main a {
  color: #ffffff;
  text-decoration: underline;
}

@media (max-width: 480px) {
  #cc-main .cm {
    inset: auto 12px 12px 12px;
    width: auto;
  }
}