/**
 * Midu Cookie Consent
 * Scoped and hardened against WoodMart theme overrides.
 */

#midu-cookie-root.midu-cookie-root {
    --midu-ink: #11100d;
    --midu-ink-soft: #26221c;
    --midu-white: #ffffff;
    --midu-ivory: #fbfaf7;
    --midu-ivory-deep: #f5f0e7;
    --midu-muted: #746f66;
    --midu-muted-light: #a29b8f;
    --midu-line: rgba(29, 25, 19, 0.12);
    --midu-line-mid: rgba(29, 25, 19, 0.22);
    --midu-line-strong: rgba(29, 25, 19, 0.34);
    --midu-gold: #b99a5d;

    position: relative !important;
    z-index: 99999 !important;
    color: var(--midu-ink) !important;
    font-family: inherit !important;
}

#midu-cookie-root.midu-cookie-root *,
#midu-cookie-root.midu-cookie-root *::before,
#midu-cookie-root.midu-cookie-root *::after {
    box-sizing: border-box !important;
}

#midu-cookie-root.midu-cookie-root button {
    appearance: none !important;
    -webkit-appearance: none !important;
    font-family: inherit !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    outline: none !important;
}

/* =========================
   Permanent Settings Trigger
========================= */

#midu-cookie-root .midu-cookie-trigger {
    position: fixed !important;
    left: 24px !important;
    bottom: 24px !important;
    z-index: 99998 !important;
    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    border: 1px solid var(--midu-line-strong) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--midu-ink) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    letter-spacing: 0.12em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06) !important;
    transition:
        background-color 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease !important;
}

#midu-cookie-root .midu-cookie-trigger:hover {
    background: var(--midu-ink) !important;
    border-color: var(--midu-ink) !important;
    color: var(--midu-white) !important;
}

#midu-cookie-root.midu-cookie-root:not(.has-consent) .midu-cookie-trigger {
    display: none !important;
}

/* =========================
   Hover Follow Border
========================= */

#midu-cookie-root .midu-follow-border {
    --midu-x: 50%;
    --midu-y: 50%;
    position: relative !important;
}

#midu-cookie-root .midu-follow-border::after {
    content: "";
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    padding: 1px !important;
    border-radius: 0 !important;
    background:
        radial-gradient(
            220px circle at var(--midu-x) var(--midu-y),
            rgba(185, 154, 93, 0.78),
            rgba(185, 154, 93, 0.28) 28%,
            transparent 58%
        ) !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    transition: opacity 0.22s ease !important;
}

#midu-cookie-root .midu-follow-border:hover::after {
    opacity: 1 !important;
}

/* =========================
   Banner Card
========================= */

#midu-cookie-root .midu-cookie-banner {
    position: fixed !important;
    left: 34px !important;
    bottom: 34px !important;
    z-index: 99999 !important;
    display: none !important;
    width: min(440px, calc(100vw - 68px)) !important;
}

#midu-cookie-root .midu-cookie-banner.is-visible {
    display: block !important;
}

#midu-cookie-root .midu-cookie-banner-inner {
    position: relative !important;
    overflow: hidden !important;
    padding: 26px 26px 24px !important;
    border: 1px solid var(--midu-line) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(251, 250, 247, 0.985)) !important;
    box-shadow:
        0 32px 90px rgba(17, 16, 13, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.95) inset !important;
    backdrop-filter: blur(16px) !important;
}

#midu-cookie-root .midu-cookie-banner-inner::before {
    content: "";
    position: absolute !important;
    left: 22px !important;
    right: 22px !important;
    top: 0 !important;
    height: 1px !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(185, 154, 93, 0.58),
        transparent
    ) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

#midu-cookie-root .midu-cookie-mark {
    margin: 0 0 16px !important;
    color: var(--midu-ink) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

/* =========================
   Text
========================= */

#midu-cookie-root .midu-cookie-text span,
#midu-cookie-root .midu-cookie-panel-header span {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--midu-muted-light) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

#midu-cookie-root .midu-cookie-text h3,
#midu-cookie-root .midu-cookie-panel-header h3 {
    margin: 0 !important;
    color: var(--midu-ink) !important;
    font-size: 21px !important;
    line-height: 1.1 !important;
    font-weight: 650 !important;
    letter-spacing: -0.03em !important;
    text-transform: none !important;
}

#midu-cookie-root .midu-cookie-text p {
    margin: 9px 0 0 !important;
    color: var(--midu-muted) !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;
}

#midu-cookie-root .midu-cookie-panel-header p,
#midu-cookie-root .midu-cookie-row p {
    margin: 10px 0 0 !important;
    color: var(--midu-muted) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

#midu-cookie-root .midu-cookie-policy-link {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: 12px !important;
    color: var(--midu-ink) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;
}

#midu-cookie-root .midu-cookie-policy-link:hover {
    color: var(--midu-gold) !important;
}

/* =========================
   Banner Buttons
========================= */

#midu-cookie-root .midu-cookie-actions,
#midu-cookie-root .midu-cookie-actions-compliant {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
}

#midu-cookie-root .midu-cookie-actions-compliant .midu-cookie-manage-main,
#midu-cookie-root .midu-cookie-manage-main {
    grid-column: 1 / -1 !important;
}

/* =========================
   Base Button
========================= */

#midu-cookie-root .midu-cookie-btn,
#midu-cookie-root button.midu-cookie-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
    border-radius: 0 !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.12em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transform: none !important;
    box-shadow: none !important;
    transition:
        background-color 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        opacity 0.22s ease !important;
}

/* Global button types */
#midu-cookie-root .midu-cookie-btn-dark,
#midu-cookie-root button.midu-cookie-btn-dark {
    border: 1px solid var(--midu-ink) !important;
    background: var(--midu-ink) !important;
    color: var(--midu-white) !important;
}

#midu-cookie-root .midu-cookie-btn-dark:hover,
#midu-cookie-root button.midu-cookie-btn-dark:hover {
    background: var(--midu-white) !important;
    border-color: var(--midu-ink) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-btn-line,
#midu-cookie-root button.midu-cookie-btn-line {
    border: 1px solid rgba(29, 25, 19, 0.22) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-btn-line:hover,
#midu-cookie-root button.midu-cookie-btn-line:hover {
    border-color: rgba(29, 25, 19, 0.42) !important;
    background: var(--midu-ivory-deep) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-btn-muted,
#midu-cookie-root button.midu-cookie-btn-muted {
    border: 1px solid rgba(29, 25, 19, 0.16) !important;
    background: rgba(246, 240, 231, 0.58) !important;
    color: var(--midu-muted) !important;
}

#midu-cookie-root .midu-cookie-btn-muted:hover,
#midu-cookie-root button.midu-cookie-btn-muted:hover {
    border-color: rgba(29, 25, 19, 0.36) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--midu-ink) !important;
}

/* Banner hierarchy */
#midu-cookie-root .midu-cookie-actions-compliant [data-midu-cookie-accept] {
    background: var(--midu-ink) !important;
    border: 1px solid var(--midu-ink) !important;
    color: var(--midu-white) !important;
}

#midu-cookie-root .midu-cookie-actions-compliant [data-midu-cookie-accept]:hover {
    background: var(--midu-white) !important;
    border-color: var(--midu-ink) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-actions-compliant [data-midu-cookie-reject] {
    background: #f5f0e7 !important;
    border: 1px solid rgba(29, 25, 19, 0.22) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-actions-compliant [data-midu-cookie-reject]:hover {
    background: var(--midu-white) !important;
    border-color: rgba(29, 25, 19, 0.42) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-actions-compliant [data-midu-cookie-open] {
    background: var(--midu-white) !important;
    border: 1px solid rgba(29, 25, 19, 0.18) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-actions-compliant [data-midu-cookie-open]:hover {
    background: #f8f5ee !important;
    border-color: rgba(29, 25, 19, 0.38) !important;
    color: var(--midu-ink) !important;
}

/* =========================
   Modal
========================= */

#midu-cookie-root .midu-cookie-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 32px !important;
    overflow: hidden !important;
}

#midu-cookie-root .midu-cookie-modal.is-open {
    display: flex !important;
}

#midu-cookie-root .midu-cookie-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(17, 16, 13, 0.52) !important;
    backdrop-filter: blur(6px) !important;
}

#midu-cookie-root .midu-cookie-panel {
    position: relative !important;
    z-index: 1 !important;
    width: min(780px, calc(100vw - 64px)) !important;
    max-height: calc(100vh - 64px) !important;
    max-height: calc(100dvh - 64px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid rgba(29, 25, 19, 0.28) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, var(--midu-white), var(--midu-ivory)) !important;
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.18) !important;
}

#midu-cookie-root .midu-cookie-panel::before {
    content: "";
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    top: 0 !important;
    height: 1px !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(185, 154, 93, 0.58),
        transparent
    ) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

#midu-cookie-root .midu-cookie-panel-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: start !important;
    gap: 24px !important;
    padding: 30px !important;
    border-bottom: 1px solid rgba(29, 25, 19, 0.09) !important;
    flex: 0 0 auto !important;
}

#midu-cookie-root .midu-cookie-panel-title {
    min-width: 0 !important;
}

/* Close Button */
#midu-cookie-root .midu-cookie-close,
#midu-cookie-root button.midu-cookie-close {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(29, 25, 19, 0.2) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.86) !important;
    color: var(--midu-ink) !important;
    cursor: pointer !important;
    line-height: 1 !important;
    transition:
        background-color 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease !important;
}

#midu-cookie-root .midu-cookie-close svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: currentColor !important;
    color: currentColor !important;
}

#midu-cookie-root .midu-cookie-close svg path {
    fill: currentColor !important;
}

#midu-cookie-root .midu-cookie-close:hover,
#midu-cookie-root button.midu-cookie-close:hover {
    background: var(--midu-ink) !important;
    border-color: var(--midu-ink) !important;
    color: var(--midu-white) !important;
}

/* =========================
   Rows
========================= */

#midu-cookie-root .midu-cookie-list {
    padding: 0 30px !important;
    overflow: visible !important;
    flex: 1 1 auto !important;
}

#midu-cookie-root .midu-cookie-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 22px 0 !important;
    border-bottom: 1px solid rgba(29, 25, 19, 0.09) !important;
}

#midu-cookie-root .midu-cookie-row strong {
    display: block !important;
    color: var(--midu-ink) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
}

#midu-cookie-root .midu-cookie-status {
    min-width: 116px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(29, 25, 19, 0.12) !important;
    background: rgba(246, 240, 231, 0.68) !important;
    color: var(--midu-muted) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* =========================
   Switches
========================= */

#midu-cookie-root .midu-cookie-switch,
#midu-cookie-root button.midu-cookie-switch {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 32px !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 3px !important;
    margin: 0 !important;
    border: 1px solid rgba(29, 25, 19, 0.16) !important;
    border-radius: 0 !important;
    background: #f4f0e8 !important;
    cursor: pointer !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transform: none !important;
    transition:
        background-color 0.22s ease,
        border-color 0.22s ease !important;
}

#midu-cookie-root .midu-cookie-switch::before,
#midu-cookie-root .midu-cookie-switch::after {
    display: none !important;
    content: none !important;
}

#midu-cookie-root .midu-cookie-switch span {
    display: block !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(29, 25, 19, 0.36) !important;
    box-shadow: none !important;
    transform: translateX(0) !important;
    transition:
        transform 0.22s ease,
        background-color 0.22s ease !important;
}

#midu-cookie-root .midu-cookie-switch.is-active,
#midu-cookie-root button.midu-cookie-switch.is-active {
    background: var(--midu-ink) !important;
    border-color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-switch.is-active span {
    background: var(--midu-white) !important;
    transform: translateX(26px) !important;
}

/* =========================
   Modal Footer Buttons
   Primary / Secondary / Tertiary
========================= */

#midu-cookie-root .midu-cookie-panel-footer {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 24px 30px 30px !important;
    border-top: 1px solid rgba(29, 25, 19, 0.09) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    flex: 0 0 auto !important;
}

#midu-cookie-root .midu-cookie-panel-footer .midu-cookie-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
}

/* Primary: Accept All */
#midu-cookie-root .midu-cookie-panel-footer [data-midu-cookie-accept] {
    background: var(--midu-ink) !important;
    border: 1px solid var(--midu-ink) !important;
    color: var(--midu-white) !important;
}

#midu-cookie-root .midu-cookie-panel-footer [data-midu-cookie-accept]:hover {
    background: var(--midu-white) !important;
    border-color: var(--midu-ink) !important;
    color: var(--midu-ink) !important;
}

/* Secondary: Save Settings */
#midu-cookie-root .midu-cookie-panel-footer [data-midu-cookie-save] {
    background: var(--midu-white) !important;
    border: 1px solid rgba(29, 25, 19, 0.24) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-panel-footer [data-midu-cookie-save]:hover {
    background: #f8f5ee !important;
    border-color: rgba(29, 25, 19, 0.44) !important;
    color: var(--midu-ink) !important;
}

/* Tertiary but still clear: Reject Optional */
#midu-cookie-root .midu-cookie-panel-footer [data-midu-cookie-reject] {
    background: #f5f0e7 !important;
    border: 1px solid rgba(29, 25, 19, 0.18) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-panel-footer [data-midu-cookie-reject]:hover {
    background: var(--midu-white) !important;
    border-color: rgba(29, 25, 19, 0.4) !important;
    color: var(--midu-ink) !important;
}

#midu-cookie-root .midu-cookie-panel-footer .midu-cookie-btn:focus-visible,
#midu-cookie-root .midu-cookie-actions .midu-cookie-btn:focus-visible {
    outline: 1px solid var(--midu-gold) !important;
    outline-offset: 3px !important;
}

/* =========================
   Tablet
========================= */

@media (max-width: 1024px) and (min-width: 769px) {
    #midu-cookie-root .midu-cookie-banner {
        left: 24px !important;
        bottom: 24px !important;
        width: min(460px, calc(100vw - 48px)) !important;
    }

    #midu-cookie-root .midu-cookie-banner-inner {
        padding: 24px !important;
    }

    #midu-cookie-root .midu-cookie-modal {
        padding: 28px !important;
    }

    #midu-cookie-root .midu-cookie-panel {
        width: min(760px, calc(100vw - 56px)) !important;
        max-height: calc(100vh - 56px) !important;
        max-height: calc(100dvh - 56px) !important;
    }

    #midu-cookie-root .midu-cookie-panel-header {
        padding: 28px !important;
    }

    #midu-cookie-root .midu-cookie-list {
        padding: 0 28px !important;
    }

    #midu-cookie-root .midu-cookie-panel-footer {
        padding: 24px 28px 28px !important;
    }
}

/* =========================
   Mobile
========================= */

@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
    #midu-cookie-root .midu-cookie-trigger {
        left: 12px !important;
        bottom: calc(12px + env(safe-area-inset-bottom)) !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        font-size: 10px !important;
        letter-spacing: 0.08em !important;
    }

    #midu-cookie-root .midu-cookie-banner {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: auto !important;
        padding: 11px !important;
        padding-bottom: calc(11px + env(safe-area-inset-bottom)) !important;
    }

    #midu-cookie-root .midu-cookie-banner-inner {
        width: 100% !important;
        max-height: calc(92vh - env(safe-area-inset-bottom)) !important;
        max-height: calc(92dvh - env(safe-area-inset-bottom)) !important;
        overflow: auto !important;
        padding: 26px 20px 22px !important;
        border: 1px solid #111111 !important;
        background: #ffffff !important;
        box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.12) !important;
        backdrop-filter: none !important;
    }

    #midu-cookie-root .midu-cookie-banner-inner::before,
    #midu-cookie-root .midu-cookie-banner-inner::after {
        display: none !important;
    }

    #midu-cookie-root .midu-cookie-mark {
        display: none !important;
    }

    #midu-cookie-root .midu-cookie-text span {
        margin-bottom: 16px !important;
        color: #77736d !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.22em !important;
        text-transform: uppercase !important;
    }

    #midu-cookie-root .midu-cookie-text h3 {
        margin: 0 !important;
        color: #111111 !important;
        font-size: 28px !important;
        line-height: 1.08 !important;
        font-weight: 650 !important;
        letter-spacing: -0.035em !important;
    }

    #midu-cookie-root .midu-cookie-text p {
        margin: 18px 0 0 !important;
        color: #66625c !important;
        font-size: 19px !important;
        line-height: 1.48 !important;
    }

    #midu-cookie-root .midu-cookie-policy-link {
        margin-top: 16px !important;
        font-size: 11px !important;
        letter-spacing: 0.08em !important;
    }

    #midu-cookie-root .midu-cookie-actions,
    #midu-cookie-root .midu-cookie-actions-compliant {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 9px !important;
        margin-top: 24px !important;
    }

    #midu-cookie-root .midu-cookie-actions-compliant .midu-cookie-manage-main,
    #midu-cookie-root .midu-cookie-manage-main {
        grid-column: 1 / -1 !important;
    }

    #midu-cookie-root .midu-cookie-btn {
        width: 100% !important;
        min-width: 0 !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        letter-spacing: 0.12em !important;
        white-space: normal !important;
        line-height: 1.2 !important;
    }

    #midu-cookie-root .midu-cookie-modal {
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    #midu-cookie-root .midu-cookie-panel {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 92vh !important;
        max-height: 92dvh !important;
        overflow: hidden !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        box-shadow: 0 -18px 60px rgba(0, 0, 0, 0.22) !important;
    }

    #midu-cookie-root .midu-cookie-panel::before {
        left: 18px !important;
        right: 18px !important;
    }

    #midu-cookie-root .midu-cookie-panel-header {
        grid-template-columns: minmax(0, 1fr) 38px !important;
        gap: 14px !important;
        padding: 20px !important;
    }

    #midu-cookie-root .midu-cookie-panel-header span {
        margin-bottom: 7px !important;
        font-size: 9px !important;
        letter-spacing: 0.14em !important;
    }

    #midu-cookie-root .midu-cookie-panel-header h3 {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }

    #midu-cookie-root .midu-cookie-panel-header p {
        margin-top: 8px !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    #midu-cookie-root .midu-cookie-close {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    #midu-cookie-root .midu-cookie-close svg {
        width: 17px !important;
        height: 17px !important;
    }

    #midu-cookie-root .midu-cookie-list {
        display: grid !important;
        gap: 10px !important;
        padding: 14px 14px 16px !important;
        background: var(--midu-white) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    #midu-cookie-root .midu-cookie-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 14px !important;
        border: 1px solid rgba(29, 25, 19, 0.09) !important;
        background: var(--midu-white) !important;
    }

    #midu-cookie-root .midu-cookie-row-copy {
        min-width: 0 !important;
    }

    #midu-cookie-root .midu-cookie-row strong {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    #midu-cookie-root .midu-cookie-row p {
        margin-top: 7px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    #midu-cookie-root .midu-cookie-row-essential {
        align-items: start !important;
    }

    #midu-cookie-root .midu-cookie-status {
        min-width: auto !important;
        height: 30px !important;
        padding: 0 9px !important;
        font-size: 8.5px !important;
        letter-spacing: 0.08em !important;
        white-space: nowrap !important;
    }

    #midu-cookie-root .midu-cookie-switch {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 28px !important;
        min-height: 28px !important;
        justify-self: end !important;
        align-self: center !important;
    }

    #midu-cookie-root .midu-cookie-switch span {
        width: 20px !important;
        min-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
    }

    #midu-cookie-root .midu-cookie-switch.is-active span {
        transform: translateX(22px) !important;
    }

    #midu-cookie-root .midu-cookie-panel-footer {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 14px 14px calc(16px + env(safe-area-inset-bottom)) !important;
        border-top: 1px solid rgba(29, 25, 19, 0.09) !important;
    }

    #midu-cookie-root .midu-cookie-panel-footer .midu-cookie-btn {
        height: 48px !important;
        min-height: 48px !important;
    }
}

@media screen and (max-width: 380px), screen and (max-device-width: 380px) {
    #midu-cookie-root .midu-cookie-text h3 {
        font-size: 26px !important;
    }

    #midu-cookie-root .midu-cookie-text p {
        font-size: 18px !important;
    }

    #midu-cookie-root .midu-cookie-btn {
        height: 54px !important;
        min-height: 54px !important;
    }

    #midu-cookie-root .midu-cookie-panel-footer .midu-cookie-btn {
        height: 46px !important;
        min-height: 46px !important;
    }
}
/* =========================
   Hide Permanent Cookie Settings Trigger
   隐藏左下角固定 COOKIE SETTINGS 按钮
   Keep footer Cookie Settings link available via JS.
========================= */

#midu-cookie-root .midu-cookie-trigger,
#midu-cookie-root.midu-cookie-root .midu-cookie-trigger,
#midu-cookie-root.midu-cookie-root.has-consent .midu-cookie-trigger,
#midu-cookie-root.midu-cookie-root:not(.has-consent) .midu-cookie-trigger {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}