#cs-timed-notice[hidden],
#cs-timed-notice [hidden] {
    display: none !important;
}

#cs-timed-notice {
    --cs-notice-red: #b70e0c;
    --cs-notice-red-dark: #8f0b09;
    box-sizing: border-box;
    display: block;
    position: relative;
    clear: both;
    width: 100%;
    max-width: none;
    container-type: inline-size;
    container-name: cs-timed-notice;
    margin: 0;
    padding: 20px 28px 28px;
    border: 0;
    background: linear-gradient(180deg, #fff 0%, #f7f8fa 100%);
    color: #fff;
    font-family: var(--body_typography-font-family, inherit);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    overflow-wrap: anywhere;
    -webkit-text-size-adjust: 100%;
}

#cs-timed-notice .cs-timed-notice__inner {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    /* Match the Medizinprodukte hero shell; do not constrain the text again. */
    max-width: 1680px;
    min-width: 0;
    margin: 0 auto;
    padding: 25px clamp(24px, 2vw, 36px) 27px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 16px;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.055), transparent 48%),
        linear-gradient(115deg, var(--cs-notice-red) 0%, #ab100e 65%, var(--cs-notice-red-dark) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 -2px 0 rgba(70, 4, 3, 0.12),
        0 4px 0 #7b100e,
        0 9px 16px rgba(104, 12, 10, 0.12),
        0 20px 38px rgba(18, 24, 32, 0.10);
}

#cs-timed-notice .cs-timed-notice__title {
    max-width: none;
    margin: 0 0 14px;
    padding: 0;
    color: #fff;
    font-family: var(--h2_typography-font-family, var(--body_typography-font-family, inherit));
    font-size: clamp(21px, 1.55vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
    text-transform: none;
}

#cs-timed-notice .cs-timed-notice__body,
#cs-timed-notice .cs-timed-notice__body p,
#cs-timed-notice .cs-timed-notice__body li {
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    max-width: none;
}

#cs-timed-notice .cs-timed-notice__body > :first-child {
    margin-top: 0;
}

#cs-timed-notice .cs-timed-notice__body > :last-child {
    margin-bottom: 0;
}

#cs-timed-notice .cs-timed-notice__body p {
    margin: 0 0 8px;
}

#cs-timed-notice .cs-timed-notice__body ul,
#cs-timed-notice .cs-timed-notice__body ol {
    margin: 8px 0;
    padding-inline-start: 1.4em;
}

#cs-timed-notice .cs-timed-notice__body strong,
#cs-timed-notice .cs-timed-notice__body b {
    color: #fff;
    font-weight: 700;
}

#cs-timed-notice .cs-timed-notice__body a,
#cs-timed-notice .cs-timed-notice__body a:visited,
#cs-timed-notice .cs-timed-notice__body a:hover,
#cs-timed-notice .cs-timed-notice__body a:focus {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

#cs-timed-notice .cs-timed-notice__body a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

/* Follow the width available between archive drawers, not the viewport width. */
@container cs-timed-notice (min-width: 1124px) {
    #cs-timed-notice .cs-timed-notice__body {
        column-count: 2;
        column-gap: clamp(40px, 4vw, 72px);
        column-rule: 1px solid rgba(255, 255, 255, 0.22);
    }

    #cs-timed-notice .cs-timed-notice__body > * {
        break-inside: avoid-column;
    }
}

/* The archive grid owns horizontal spacing and drawer clearance. Align the
   panel with its products, including when cart/filter columns change width. */
.cpg-center-column > #cs-timed-notice {
    padding: 0 0 28px;
    background: transparent;
}

.cpg-center-column > #cs-timed-notice .cs-timed-notice__inner {
    max-width: none;
}

@media (min-width: 901px) {
    .cpg-center-column > #cs-timed-notice {
        /* The fixed archive drawers start at header height + 56px. The main
           flow already includes WordPress's toolbar when an editor is signed in. */
        padding-top: max(0px, calc(56px - var(--wp-admin--admin-bar--height, 0px)));
    }
}

@media (max-width: 600px) {
    #cs-timed-notice {
        font-size: 16px;
        line-height: 1.6;
        padding: 14px 12px 22px;
    }

    #cs-timed-notice .cs-timed-notice__inner {
        padding: 21px 20px 23px;
        border-radius: 14px;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.22),
            0 3px 0 #7b100e,
            0 10px 22px rgba(18, 24, 32, 0.14);
    }

    #cs-timed-notice .cs-timed-notice__title {
        margin-bottom: 12px;
    }
}

@media print {
    #cs-timed-notice {
        display: none !important;
    }
}