/* ============================================================
 * VYLTRION COOKIE CONSENT — Standalone styles
 * Used when vyltrion.css is not loaded (existing product pages)
 * ============================================================ */
.vy-cookie {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  max-width: 600px;
  margin: 0 auto;
  background: #0e0b14;
  border: 1px solid #c9a227;
  border-radius: 14px;
  padding: 1.2rem 1.4rem;
  z-index: 9998;
  display: none;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7);
  font-family: 'DM Sans', system-ui, sans-serif;
}
.vy-cookie.visible {
  display: block;
  animation: vySlideUp 0.4s;
}
@keyframes vySlideUp {
  from { transform: translateY(100px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}
.vy-cookie p {
  font-size: 0.88rem;
  color: #a8a8b5;
  margin-bottom: 1rem;
  line-height: 1.55;
}
.vy-cookie a {
  color: #c9a227;
  text-decoration: underline;
}
.vy-cookie-actions {
  display: flex;
  gap: 0.7rem;
  flex-wrap: wrap;
}
.vy-cookie button {
  padding: 0.6rem 1.2rem;
  border-radius: 30px;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  font-family: 'DM Sans', system-ui, sans-serif;
  transition: 0.25s;
}
.vy-cookie .accept {
  background: #c9a227;
  color: #050507;
}
.vy-cookie .accept:hover {
  background: #ecd68a;
}
.vy-cookie .refuse {
  background: transparent;
  color: #a8a8b5;
  border: 1px solid rgba(201, 162, 39, 0.35);
}
.vy-cookie .refuse:hover {
  color: #c9a227;
  border-color: #c9a227;
}
