.privacy-consent { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 82%; max-width: 800px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 16px 20px; box-sizing: border-box; display: none; z-index: 10001; border-radius: 8px 8px 0 0; box-shadow: 0 -4px 20px rgba(0,0,0,0.3); font-family: Arial, sans-serif; font-size: 14px; line-height: 1.4; } .privacy-consent.show { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; } .privacy-consent p { margin: 0; flex: 1; min-width: 200px; } .privacy-consent a { color: #b3d9ff; text-decoration: underline; } .privacy-consent a:hover { color: #ffffff; } .privacy-consent .cookie-buttons { display: flex; gap: 8px; flex-shrink: 0; } .privacy-consent button { background: rgba(255,255,255,0.2); color: white; border: 1px solid rgba(255,255,255,0.3); padding: 8px 16px; border-radius: 4px; cursor: pointer; font-size: 13px; transition: all 0.3s ease; } .privacy-consent button:hover { background: rgba(255,255,255,0.3); transform: translateY(-1px); } .privacy-consent button.accept { background: rgba(76,175,80,0.8); border-color: rgba(76,175,80,1); } .privacy-consent button.accept:hover { background: rgba(76,175,80,1); } @media (max-width: 768px) { .privacy-consent { width: 95%; padding: 14px 16px; flex-direction: column; align-items: stretch; text-align: center; } .privacy-consent p { margin-bottom: 12px; min-width: auto; } .privacy-consent .cookie-buttons { justify-content: center; } }