html.wcag-motion {
    scroll-behavior: auto !important;
}

html.wcag-motion *,
html.wcag-motion *::before,
html.wcag-motion *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
    scroll-behavior: auto !important;
}

html.wcag-font :where(body, h1, h2, h3, h4, h5, h6, p, li, a, span, label, small, button, input, select, textarea, td, th):not(.material-icons):not(#wcag-dock *) {
    font-family: Verdana, Tahoma, "Segoe UI", system-ui, sans-serif !important;
}

html.wcag-line :where(p, li, dd, dt, a, label, span, td, th, small, button):not(.material-icons):not(#wcag-dock *):not(#header *) {
    line-height: 1.85 !important;
}

html.wcag-line :where(h1, h2, h3, h4, h5, h6):not(#wcag-dock *) {
    line-height: 1.5 !important;
}

html.wcag-line :where(p, dd):not(#wcag-dock *) {
    margin-bottom: 2em !important;
}

html.wcag-letter :where(p, li, dd, dt, a, label, span, td, th, small, strong, em, button, h1, h2, h3, h4, h5, h6):not(.material-icons):not(#wcag-dock *) {
    letter-spacing: 0.12em !important;
    word-spacing: 0.16em !important;
}

html.wcag-links a:not(.btn):not(#wcag-dock *) {
    text-decoration: underline 2px !important;
    text-underline-offset: 4px !important;
    background-color: #fff3a3 !important;
    color: #111 !important;
    border-radius: 3px;
    box-shadow: 0 0 0 2px #fff3a3;
}

html.wcag-links a:not(.btn):not(#wcag-dock *) * {
    color: #111 !important;
}

html.wcag-links :is(.btn):not(#wcag-dock *) {
    outline: 2px dashed currentColor;
    outline-offset: 3px;
}

html.wcag-focus :focus-visible:not(.wcag-panel) {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 7px #0b0c0c !important;
    border-radius: 4px;
}

html.wcag-cursor,
html.wcag-cursor * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'%3E%3Cpath d='M4 2.5 19.5 13l-7 1.2 4.2 7.3-2.6 1.5-4.2-7.3L5 20z' fill='%23111' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 6 3, auto !important;
}

html.wcag-cursor :is(a, button, summary, label, select, [role="button"], .btn),
html.wcag-cursor :is(a, button, summary, label, .btn) * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'%3E%3Cpath d='M4 2.5 19.5 13l-7 1.2 4.2 7.3-2.6 1.5-4.2-7.3L5 20z' fill='%230b69f6' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 6 3, pointer !important;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) {
    color-scheme: light;
    --bs-body-bg: #fff;
    --bs-body-color: #000;
    --bs-link-color: #0000d0;
    --bs-border-color: #000;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) :where(body, body *:not(img, picture, video, canvas, iframe, svg, svg *, option, .modal-backdrop, .offcanvas-backdrop, #wcag-dock, #wcag-dock *, .mfb-overlay, .mfb-overlay *, [class*="overlay"], [class*="backdrop"], .mzbyt-hb-content, .mzbyt-hb-content *, .new-promo-slider, .new-promo-slider *, .mfb-overlay, .mfb-overlay *, [class*="overlay"], [class*="backdrop"], .mzbyt-hb-content, .mzbyt-hb-content *)) {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) a:not(.btn):not(#wcag-dock *):not(.new-promo-slider *) {
    color: #0000d0 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) a:not(.btn):not(#wcag-dock *):not(.new-promo-slider *) * {
    color: inherit !important;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) .btn:not(#wcag-dock *) {
    border: 2px solid #000 !important;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) :is(.btn-primary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-dark, .badge, .header-block__badge):not(#wcag-dock *) {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) :is(.btn-primary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-dark, .badge, .header-block__badge) * {
    background-color: transparent !important;
    color: #fff !important;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) :is(input, select, textarea, .form-control, .form-select):not(#wcag-dock *) {
    border: 2px solid #000 !important;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) ::placeholder {
    color: #333 !important;
    opacity: 1;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) .btn:disabled,
html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) .btn.disabled {
    opacity: 0.55;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) img[src*="_white"] {
    filter: invert(1);
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) :focus-visible:not(.wcag-panel) {
    outline: 3px solid #000 !important;
    box-shadow: 0 0 0 6px #ffbf47 !important;
}

html.wcag-contrast:not(#wcag-s1):not(#wcag-s2):not(#wcag-s3):not(#wcag-s4):not(#wcag-s5) .wcag-icon {
    filter: brightness(0);
}


html.wcag-invert,
html.wcag-dark {
    filter: invert(1) hue-rotate(180deg);
}

html.wcag-dark {
    filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9);
}

html.wcag-gray {
    filter: grayscale(1);
}

html.wcag-gray.wcag-invert {
    filter: invert(1) hue-rotate(180deg) grayscale(1);
}

html.wcag-gray.wcag-dark {
    filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9) grayscale(1);
}

html:is(.wcag-invert, .wcag-dark) :is(img:not([src$=".svg"]):not(.logo):not(#_desktop_logo img), video, canvas, iframe, .wcag-bg, .mzbyt-hb-content) {
    filter: hue-rotate(180deg) invert(1);
}

html:is(.wcag-invert, .wcag-dark) :is(img, video, canvas, iframe, .wcag-bg, .mzbyt-hb-content) :is(img, video, canvas, iframe, .wcag-bg) {
    filter: none;
}

html:is(.wcag-invert, .wcag-dark) #wcag-dock {
    filter: hue-rotate(180deg) invert(1);
}

html.wcag-sized #header .header-top > .container,
html.wcag-sized #header .header-top > .container > .row {
    height: auto !important;
    min-height: 48px;
    align-items: center !important;
}

html.wcag-sized #header .header-top-right {
    align-items: center !important;
}

html.wcag-sized #header :is(#_desktop_cart, #_desktop_user_info, .wishlistTop, .blockcart, .user-info) {
    position: relative;
    align-self: center;
}

html.wcag-sized #header #_desktop_cart .cart-products-count {
    top: -6px !important;
    right: -10px !important;
    left: auto !important;
    transform: none !important;
}

html.wcag-sized #blockcart-modal .cart-products-count {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 0 10px !important;
    padding: 6px 14px !important;
    border-radius: 14px !important;
    transform: none !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

html.wcag-sized .gbr-widget:not(.collapsed) {
    width: min(calc(248px * var(--wcag-scale, 1)), calc(100vw - 24px)) !important;
}

html.wcag-sized .gbr-track {
    min-height: 0 !important;
}

html.wcag-sized .gbr-panel-head strong {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

html.wcag-sized .gbr-reopen {
    max-width: none !important;
    min-height: 0 !important;
    white-space: nowrap;
}

html.wcag-sized .wcag-vh {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

html.wcag-sized #desktop_top_menu #top-menu > li > a.productshowmenu {
    min-width: 28px;
}

html.wcag-sized #desktop_top_menu #top-menu > li {
    white-space: nowrap;
}
