.phuket-consent[hidden], .phuket-privacy-choices[hidden], .phuket-consent button[hidden] { display: none !important; }
.phuket-consent { position: fixed; z-index: 10000; left: 16px; bottom: 16px; width: min(610px, calc(100vw - 32px)); box-sizing: border-box; max-height: 70vh; overflow-y: auto; padding: 22px; border: 1px solid #c9ced7; border-radius: 12px; background: #fff; color: #17202b; box-shadow: 0 8px 36px #17202b30; font: 15px/1.5 system-ui, sans-serif; }
.phuket-consent h2 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; }
.phuket-consent p { margin: 10px 0; }
.phuket-consent a { color: #b20b43; text-decoration: underline; }
.phuket-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.phuket-consent-actions button { flex: 1 1 200px; min-height: 44px; padding: 10px 14px; border: 1px solid #b20b43; border-radius: 7px; background: #fff; color: #a6083d; font: 600 14px/1.4 system-ui, sans-serif; cursor: pointer; }
.phuket-consent-actions button:hover { background: #fff0f5; }
.phuket-consent-actions #phuket-consent-close { flex-basis: 100%; border-color: #64748b; color: #334155; }
.phuket-consent button:focus-visible, .phuket-consent a:focus-visible, .phuket-privacy-choices:focus-visible { outline: 3px solid #006db8; outline-offset: 3px; }
.phuket-privacy-choices { position: fixed; z-index: 9999; bottom: 12px; left: 12px; min-height: 44px; padding: 9px 14px; border: 1px solid #b20b43; border-radius: 7px; background: #fff; color: #a6083d; box-shadow: 0 2px 12px #17202b20; font: 600 13px/1.4 system-ui, sans-serif; cursor: pointer; }
.phuket-consent-status { font-size: 13px; color: #475569; }
@media (max-width: 480px) { .phuket-consent { padding: 16px; } .phuket-consent-actions { gap: 8px; } .phuket-consent-actions button { flex-basis: 100%; } }