/* Fashionbymilox — cookie consent banner, ported from r2hu1/shadcn-cookie-consent
   ("default" variant) into plain HTML/CSS/vanilla-JS. Colors/spacing taken
   from that project's light-theme tokens, sized down from the original. */

.fbm-cc {
  position: fixed;
  z-index: 99999;
  bottom: 0; left: 0; right: 0;
  padding: 12px;
  width: 100%;
  font-family: Inter, "Inter Placeholder", sans-serif;
  transition: opacity 0.7s, transform 0.7s;
  transform: translateY(2rem);
  opacity: 0;
}
.fbm-cc.fbm-cc-open { transform: translateY(0); opacity: 1; }
.fbm-cc.fbm-cc-hidden { display: none; }
@media (min-width: 640px) {
  .fbm-cc { left: 12px; right: auto; bottom: 12px; padding: 0; width: 100%; max-width: 380px; }
}

.fbm-cc-card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
  display: grid;
  gap: 4px;
}
@media (min-width: 640px) { .fbm-cc-card { border-radius: 8px; } }

.fbm-cc-header {
  border-bottom: 1px solid #e5e5e5;
  height: 40px;
  display: flex; align-items: center;
  padding: 0 14px;
}
.fbm-cc-title { font-size: 15px; font-weight: 600; margin: 0; color: #000; }

.fbm-cc-body { padding: 12px 14px; }
.fbm-cc-body p { font-size: 14px; font-weight: 400; color: #4d4d4d; margin: 0; line-height: 1.55; }
.fbm-cc-body strong { font-weight: 600; color: #000; }
.fbm-cc-body a { font-size: 14px; font-weight: 500; text-decoration: underline; color: #000; }

.fbm-cc-footer {
  border-top: 1px solid #e5e5e5;
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  padding: 12px 14px 14px;
}
.fbm-cc-btn {
  width: 100%; height: 34px; border-radius: 6px;
  font-size: 13px; font-weight: 500; font-family: inherit;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.fbm-cc-btn-accept { background: #1a1a1a; color: #fafafa; border: none; }
.fbm-cc-btn-accept:hover { background: #2b2b2b; }
.fbm-cc-btn-decline { background: #fff; color: #000; border: 1px solid #e5e5e5; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
.fbm-cc-btn-decline:hover { background: #f7f7f7; }