.cookie-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.65); z-index: 9998; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.6s ease, visibility 0.6s ease; } .cookie-overlay.show { opacity: 1; visibility: visible; pointer-events: all; } .cookie-consent { background: #1e3a8a; color: white; border-radius: 16px; padding: 2rem 2.5rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); z-index: 99999; opacity: 0; transform: translateY(30px); transition: all 0.6s ease; margin: 0 auto; } .cookie-consent.show { opacity: 1; transform: translate(-50%, 0); } .cookie-content h3 { font-size: 1.6rem; margin-bottom: 1rem; color: #d4af37; } .cookie-content p { font-size: 1.05rem; margin-bottom: 1.5rem; line-height: 1.6; } .cookie-content a { color: #d4af37; text-decoration: underline; } .cookie-buttons { display: flex; gap: 1rem; justify-content: flex-end; } .cookie-buttons button { padding: 0.8rem 1.8rem; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .btn-reject { background: transparent; color: white; border: 1px solid white; } .btn-reject:hover { background: rgba(255, 255, 255, 0.15); } .btn-accept { background: #d4af37; color: #1e3a8a; } .btn-accept:hover { background: #f5c771; transform: translateY(-2px); } @media (min-width: 769px) { .cookie-consent { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 720px; } .cookie-consent.show { opacity: 1; transform: translateX(-50%) translateY(0); } } @media (max-width: 768px) { .cookie-consent { position: absolute; width: auto; max-width: 100%; margin: 2rem auto; border-radius: 12px; padding: 1.5rem; display: flex; justify-content: center; top: 25%; } .cookie-consent.show { opacity: 1; transform: translateY(0); } .cookie-buttons { flex-direction: column; gap: 0.8rem; } .cookie-buttons button { width: 100%; } }