#gvx-consent-open{position:fixed;bottom:12px;left:12px;z-index:1000000;background:#143a45;color:#fff;border:2px solid #143a45;border-radius:6px;padding:9px 14px;font-size:14px;cursor:pointer}
#gvx-consent-panel{position:fixed;bottom:60px;left:12px;z-index:1000001;background:#fff;color:#18252c;border:1px solid #647780;border-radius:10px;box-shadow:0 8px 32px #0003;padding:20px;right:12px;width:auto;max-width:560px;max-height:75vh;overflow:auto;font:15px/1.5 system-ui,sans-serif}
#gvx-consent-panel[hidden]{display:none!important}#gvx-consent-panel h2{font-size:21px;margin:0 0 10px;color:inherit}#gvx-consent-panel p{margin:8px 0}#gvx-consent-panel label{display:block;padding:9px 0}#gvx-consent-panel input{width:18px;height:18px;vertical-align:middle;margin-right:8px;accent-color:#143a45}.gvx-consent-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.gvx-consent-actions button{flex:1 1 140px;padding:10px;background:#143a45;color:#fff;border:2px solid #143a45;border-radius:6px;font:inherit;cursor:pointer}#gvx-consent-panel :focus-visible,#gvx-consent-open:focus-visible{outline:3px solid #bd5900;outline-offset:3px}@media(max-width:480px){#gvx-consent-panel{padding:14px;max-height:70vh}.gvx-consent-actions button{flex-basis:120px}}


/* M4-R3: normal-flow privacy access. Never occupies a commerce tap target.
 * Keep the M4-R2 theme dock measurements and all consent semantics intact. */
.gvx-consent-access{display:flex;justify-content:center;align-items:center;padding:12px 16px 24px;background:#fff;color:#143a45;clear:both}
html body .gvx-consent-access #gvx-consent-open{position:static;inset:auto;z-index:auto;min-height:44px;padding:9px 14px;background:transparent;color:#143a45;border:2px solid transparent;text-decoration:underline;text-underline-offset:3px;font:14px/1.5 system-ui,sans-serif}
html body .gvx-consent-access #gvx-consent-open:hover{background:#eef4f5;border-color:#647780}
html body #gvx-consent-panel.gvx-consent-dialog{top:16px;bottom:auto;left:16px;right:16px;margin:0 auto;box-sizing:border-box;width:calc(100% - 32px);max-width:560px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain}
#gvx-consent-panel .gvx-consent-actions button{min-height:44px}
@media(max-width:921px){
.gvx-consent-access{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}
html body #gvx-consent-panel.gvx-consent-dialog{max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px)}
}

/* C3 (2026-10-06): per-category help text and the Privacy Policy link. Copy only; consent logic unchanged. */
#gvx-consent-panel label{padding:9px 0 2px}
#gvx-consent-panel .gvx-consent-help{margin:0 0 8px 26px;font-size:14px;line-height:1.5;color:#3d4a50}
#gvx-consent-panel .gvx-consent-policy{font-size:14px}
#gvx-consent-panel a{color:#143a45;font-weight:600;text-decoration:underline;text-underline-offset:2px}
#gvx-consent-panel a:hover{color:#0b2a33}
/* C3: on small screens the panel scrolls; keep Reject/Accept/Save/Close in view at its bottom. */
@media(max-width:600px){#gvx-consent-panel .gvx-consent-actions{position:sticky;bottom:-14px;margin:10px -14px -14px;padding:10px 14px 14px;background:#fff;border-top:1px solid #d5dde0}}

/* 1.0.2 (2026-10-06): compact first-layer bottom bar. Reject and Accept have equal weight; Customise opens the full panel.
 * JS sets `bottom` above any fixed bottom dock (sticky buy bar, bottom nav) so commerce tap targets stay free. */
#gvx-consent-bar{position:fixed;left:0;right:0;bottom:0;z-index:1000000;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;padding:12px 52px 12px 16px;background:#fff;color:#18252c;border-top:1px solid #d5dde0;box-shadow:0 -6px 24px #0002;font:14px/1.45 system-ui,sans-serif}
#gvx-consent-bar[hidden]{display:none!important}
#gvx-consent-bar .gvx-consent-bar__text{margin:0;max-width:640px}
#gvx-consent-bar .gvx-consent-bar__text a{color:#143a45;font-weight:600;text-decoration:underline;text-underline-offset:2px}
#gvx-consent-bar .gvx-consent-bar__actions{display:flex;flex-wrap:wrap;gap:8px}
#gvx-consent-bar .gvx-consent-bar__actions button{min-height:40px;padding:8px 14px;border:2px solid #143a45;border-radius:6px;background:#143a45;color:#fff;font:600 14px/1.2 system-ui,sans-serif;cursor:pointer}
#gvx-consent-bar #gvx-consent-bar-customise{background:#fff;color:#143a45}
#gvx-consent-bar .gvx-consent-bar__close{position:absolute;top:6px;right:8px;width:40px;height:40px;padding:0;border:0;background:transparent;color:#3d4a50;font:24px/1 system-ui,sans-serif;cursor:pointer}
#gvx-consent-bar :focus-visible{outline:3px solid #bd5900;outline-offset:2px}
@media(max-width:600px){
#gvx-consent-bar{gap:8px;padding:10px 44px 10px 12px}
#gvx-consent-bar .gvx-consent-bar__text{font-size:13px}
#gvx-consent-bar .gvx-consent-bar__actions{width:100%}
#gvx-consent-bar .gvx-consent-bar__actions button{flex:1 1 0;padding:8px 4px;font-size:13px}
}

/* 1.0.2a (2026-10-06): tighter first-layer bar on phones (137px -> 110px with
 * the same copy and buttons). Layout only; consent semantics unchanged. */
@media(max-width:600px){
html body #gvx-consent-bar{gap:6px;padding:8px 38px 8px 12px}
html body #gvx-consent-bar .gvx-consent-bar__text{font-size:12px;line-height:1.35}
html body #gvx-consent-bar .gvx-consent-bar__actions{gap:6px}
html body #gvx-consent-bar .gvx-consent-bar__actions button{min-height:36px;padding:6px 4px;font-size:12.5px}
html body #gvx-consent-bar .gvx-consent-bar__close{top:2px;right:2px;width:36px;height:36px;font-size:22px}
}