.measurement-consent[hidden], .measurement-settings[hidden] { display: none !important; }
.measurement-consent { position: fixed; z-index: 10000; bottom: 0; left: 0; right: 0; display: flex; align-items: center; gap: 24px; padding: 22px 30px; border-top: 4px solid #efc65d; background: #49416f; color: #fff; box-shadow: 0 -6px 24px #0006; font: 16px/1.45 avenir, Arial, sans-serif; }
.measurement-consent__copy { flex: 1; max-width: 1000px; }
.measurement-consent h2 { font: 700 23px/1.2 avenir, Arial, sans-serif; margin: 0 0 8px; color: #efc65d; }
.measurement-consent p { margin: 0 0 10px; }
.measurement-consent label { display: block; font-size: 14px; margin-bottom: 8px; }
.measurement-consent input { accent-color: #efc65d; width: 18px; height: 18px; vertical-align: middle; margin-right: 6px; }
.measurement-consent a { color: #fff; text-decoration: underline; }
.measurement-consent__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.measurement-consent button, .measurement-settings { font: 700 16px/1.3 avenir, Arial, sans-serif; cursor: pointer; border: 2px solid #efc65d; border-radius: 26px; min-height: 48px; padding: 12px 20px; }
#measurement-reject { background: #49416f; color: #fff; }
#measurement-accept { background: #efc65d; color: #211c34; }
.measurement-settings { position: static; background: transparent; color: #fff; font-size: 14px; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 0; text-align: center; }
.menu-main > li.measurement-menu-item { padding-inline: 12px; flex-shrink: 0; }
.menu-main .measurement-settings { max-width: 140px; width: 100%; font-weight: 400; line-height: 1.3; }
.measurement-settings:hover { text-decoration: underline; text-underline-offset: 4px; }
.measurement-preferences-host { position: relative; }
.measurement-preferences-host > .measurement-settings { display: block; margin-left: auto; margin-right: 100px; width: max-content; max-width: calc(100% - 110px); background: #49416f; }
.measurement-preferences-header { background: #49416f; }
@media (max-width: 1024px) { .menu-main { max-height: 100dvh; overflow-y: auto; } .menu-main .measurement-settings { max-width: none; } .measurement-preferences-host > .measurement-settings { margin-right: 75px; max-width: calc(100% - 85px); font-size: 12px; } }
@media (min-width: 1025px) { .menu-main > li.item { padding-inline: clamp(10px, 2vw, 32px); min-width: 0; } .menu-main > li.item.close { margin-right: clamp(16px, 3vw, 64px); padding: 0; flex-shrink: 0; width: 90px; } .menu-main > li.item:not(.close) { flex: 1; } .menu-main > li.measurement-menu-item { padding-inline: 12px; flex: 0 0 150px; } }
.measurement-consent button:focus-visible, .measurement-consent a:focus-visible, .measurement-consent input:focus-visible, .measurement-settings:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 767px) { .measurement-consent { padding: 18px; flex-direction: column; align-items: stretch; gap: 14px; max-height: 85vh; overflow-y: auto; } .measurement-consent h2 { font-size: 20px; } .measurement-consent__actions button { flex: 1; } }