.consent-panel{position:fixed;z-index:10000;right:24px;bottom:24px;width:min(520px,calc(100vw - 32px));padding:24px;border:1px solid rgba(20,31,58,.18);border-radius:24px;background:#fffdf9;color:#141f3a;box-shadow:0 24px 70px rgba(20,31,58,.22)}
.consent-panel[hidden],.consent-options[hidden]{display:none}.consent-panel h2{margin:0 0 10px;font-size:1.25rem}.consent-panel p{margin:0 0 16px;line-height:1.55;color:#59615f}.consent-panel a{color:inherit;text-decoration:underline}.consent-actions{display:flex;flex-wrap:wrap;gap:10px}.consent-actions button{min-height:44px;padding:10px 16px;border:1px solid #141f3a;border-radius:999px;background:#fff;color:#141f3a;font:inherit;font-weight:700;cursor:pointer}.consent-actions .consent-primary{background:#c1ff24;border-color:#c1ff24}.consent-options{display:grid;gap:10px;margin:0 0 16px;padding:14px;border-radius:14px;background:#f4f1ea}.consent-options label{display:flex;align-items:center;gap:10px}.consent-options input{width:18px;height:18px}@media(max-width:600px){.consent-panel{right:16px;bottom:16px;padding:20px}.consent-actions button{flex:1 1 100%}}

/* Hair-BG mobile consent refinement v1.1 */
@media(max-width:600px){
  .consent-panel{
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    max-height:calc(100dvh - 24px);
    overflow:auto;
    padding:18px;
    border-radius:20px;
  }
  .consent-panel h2{font-size:1.15rem;line-height:1.2}
  .consent-panel p{margin-bottom:13px;font-size:.92rem;line-height:1.48}
  .consent-actions{gap:8px}
  .consent-actions button{min-height:42px;padding:9px 14px}
  .consent-options{padding:12px;margin-bottom:13px}
}
@media(max-width:390px){
  .consent-panel{left:10px;right:10px;bottom:10px;padding:16px}
}