/* Preserve the existing THEA layout; scoped fixes for consent and off-canvas UI. */
#open_preferences_center[hidden] { display: none !important; }
.site-cookie-settings { color: inherit; background: transparent; border: 0; padding: 8px 4px; text-decoration: underline; font: inherit; cursor: pointer; }
.site-cookie-settings:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.termsfeed-com---nb button, .termsfeed-com---pc-dialog button {
    background: #2d2d2f !important; color: #fff !important; border: 1px solid #b7b7b7 !important;
}
.termsfeed-com---nb button:hover, .termsfeed-com---pc-dialog button:hover { background: #494949 !important; }
.termsfeed-com---nb button:focus-visible, .termsfeed-com---pc-dialog button:focus-visible { outline: 3px solid #fff !important; outline-offset: 3px; }
#inputSearch { margin-right: 0 !important; right: 0; max-width: calc(100vw - 40px); }
#cart-panel:not(.open) { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
    #cart-panel { transition: none !important; }
}

.termsfeed-com---pc-dialog input[type="checkbox"] { accent-color: #2d2d2f; }

.up.site-fixed-header { position: fixed !important; top: 0; left: 0; right: 0; z-index: 900; }
.up.site-header-scrolled { background-color: #2d2d2f; }
html { scroll-padding-top: var(--site-header-height, 0px); }
:where([id], input, textarea, select, button, a[href]) { scroll-margin-top: 16px; }
body.site-header-offset { padding-top: var(--site-header-height, 0px); }
.site-cookie-settings, .termsfeed-com---nb button, .termsfeed-com---pc-dialog button { min-height: 44px; }

/* Native TermsFeed switch uses pseudo-elements, rather than accent-color. */
.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked + label:before { background: #2d2d2f !important; border-color: #fff !important; }
.termsfeed-com---pc-dialog .cc-cp-body-tabs-item[active="true"] .cc-cp-body-tabs-item-link { box-shadow: inset 4px 0 #fff !important; background: #2d2d2f !important; color: #fff !important; }

/* Contain the native mobile one-step Bootstrap grid. */
@media (max-width: 767.98px) { .checkout-grid { margin-left: 0; margin-right: 0; } }
