.popup{display:none;border-radius:8px;display:flex;position:fixed;bottom:5px;left:10px;right:10px;min-width:256px;max-width:555px;margin:auto;flex-flow:row;background-color:#fafafa;padding:5px 8px;z-index:999;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);border-top:2px solid #13c636}.close,.popup-small{bottom:0;right:0;cursor:pointer}.custom-btn,.custom-btn:hover{background-color:#218838;text-decoration:none}.logo{margin:15px 20px 10px 25px;display:inline-flex}.logo-img{display:block;width:100%;max-width:176px;height:auto;object-fit:contain;margin-right:auto}.risk-wa{display:block;font-size:12px;color:#333;font-weight:300;line-height:1.2}.box{display:flex;width:100%;margin:8px;align-items:center;margin-right:calc(48px + 16px)}.box-button{text-align:center;margin-left:auto;white-space:nowrap}.custom-btn{color:#fff;padding:8px 16px;text-align:center;display:inline-block;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s,transform .1s;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:5px}.custom-btn:hover{color:#fff}.custom-btn:active{background-color:#0f9f2d;transform:translateY(2px);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff}.custom-btn:focus{outline:0}@media (max-width:600px){.custom-btn{width:100%;font-size:18px;padding:18px}}.close,.close svg{width:28px;height:28px}.close{position:absolute;top:0;display:flex;margin:auto 20px}.popup-small{display:none;display:flex;position:fixed;background-color:#fafafa;padding:4px;z-index:999;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);border-top-left-radius:24px}.popup-small .logo-img{display:flex;height:auto;width:96px;max-height:48px}@media only screen and (max-width:800px){.popup{display:flex;left:0;right:0;bottom:0;max-width:unset;border-radius:0}}@media only screen and (max-width:650px){.popup .logo{margin:8px 16px 8px 8px}.box{margin:0;margin-right:calc(40px + 16px)}.custom-btn{padding:8px 16px;font-size:12px}.logo-img{max-width:96px;height:32px}.close{margin:16px}}@media only screen and (max-width:450px){.popup .logo{margin:8px}.box{margin-right:8px}.logo-img,.popup-small .logo-img{max-width:80px}.close{margin:0;top:-14px;left:2px;background-color:#fff;border-radius:50%}.cookie-banner { position: fixed; left: 0; right: 0; bottom: 0; background-color: #cff5ff; color: #000000; border-top: 1px solid #5e99c2; z-index: 9999999; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .cookie-content { display: flex; align-items: center; justify-content: space-between; padding: 1rem; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; gap: 1rem; } .cookie-button { padding: 0.5rem 1rem; background-color: #0056b3; color: #ffffff; border: none; border-radius: 4px; cursor: pointer; font-weight: 500; min-width: 44px; min-height: 44px; } @media (max-width: 768px) { .cookie-content { flex-direction: column; text-align: center; } .cookie-button { width: 100%; max-width: 300px; } }}