/* Deal & Voucher cards */

.wp-block-ut-deal-voucher,
.wp-block-ut-deal-voucher-editor {
    display: grid;
    gap: 25px;

    --ut-deal-grid-columns: 4;
    grid-template-columns: repeat(var(--ut-deal-grid-columns), minmax(0, 1fr));
}

.wp-block-ut-deal-voucher:where(.columns-1),
.wp-block-ut-deal-voucher-editor:where(.columns-1) {
    --ut-deal-grid-columns: 1;
}

.wp-block-ut-deal-voucher:where(.columns-2),
.wp-block-ut-deal-voucher-editor:where(.columns-2) {
    --ut-deal-grid-columns: 2;
}

.wp-block-ut-deal-voucher:where(.columns-3),
.wp-block-ut-deal-voucher-editor:where(.columns-3) {
    --ut-deal-grid-columns: 3;
}

.wp-block-ut-deal-voucher:where(.columns-4),
.wp-block-ut-deal-voucher-editor:where(.columns-4) {
    --ut-deal-grid-columns: 4;
}

.wp-block-ut-deal-voucher:where(.columns-5),
.wp-block-ut-deal-voucher-editor:where(.columns-5) {
    --ut-deal-grid-columns: 5;
}

@media (max-width: 1024px) {
    .wp-block-ut-deal-voucher,
    .wp-block-ut-deal-voucher-editor {
        --ut-deal-grid-columns: 2;
    }
    .wp-block-ut-deal-voucher:where(.columns-1),
    .wp-block-ut-deal-voucher-editor:where(.columns-1) {
        --ut-deal-grid-columns: 1;
    }
    .wp-block-ut-deal-voucher.columns-1 .ut-deal-card {
        gap: 25px;
    }

}

@media (max-width: 800px) {
    .wp-block-ut-deal-voucher,
    .wp-block-ut-deal-voucher-editor {
        --ut-deal-grid-columns: 1;
    }
}

/*
 * useBlockProps adds the frontend block class to Gutenberg's outer wrapper.
 * Keep that wrapper structural so only the inner editor grid applies the
 * selected column count; otherwise a four-column grid is nested in column one.
 */
.wp-block-ut-deal-voucher.ut-deal-voucher-editor-shell {
    display: block;
}

.wp-block-ut-deal-voucher-editor .ut-deal-card--editing {
    box-sizing: border-box;
    max-width: none;
    padding: var(--ut-spacing-md);
    width: 100%;
}
.ut-deal-card {
    background: none;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    gap: 10px;
    color: inherit;
    position: relative;
    box-shadow: none;
}

/* wpautop inserts <br> and <p> between block elements inside <a> — neutralize them */
.ut-deal-card br {
    display: none;
}

.ut-deal-card > p,
.wp-block-ut-deal-voucher > p {
    display: contents;
    margin: 0;
    padding: 0;
}

/* When card is an <a> link — remove link styling */
a.ut-deal-card,
a.ut-deal-card:visited,
a.ut-deal-card:hover {
    text-decoration: none;
    color: inherit;
}

a.ut-deal-card:hover {
    opacity: 0.9;
}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.columns-1 .ut-deal-card {
    flex-direction: row;
    align-items: stretch;
    gap: 64px;
    text-align: left;

}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.columns-1 .ut-deal-card__image {
    flex: 0 0 50%;
    max-width: 50%;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 280px;
}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.columns-1 .ut-deal-card__body {
    flex: 1 1 0%;
    align-items: flex-start;
    text-align: left;
    gap: 12px;
}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.columns-1 .ut-deal-card__actions {
    align-items: flex-start;
}

.ut-deal-card--editing {
    background: var(--ut-gray-50);
    color: inherit;
    border: 1px solid #dcdcdc;
    box-shadow: 0 12px 24px rgb(14, 48, 131, 0.08);
}

.ut-deal-card--editing .ut-deal-card__button-placeholder {
    color: #757575;
    background: #f4f4f4;
    border: 1px dashed #d0d0d0;
}

.ut-deal-card__controls {
    display: flex;
    justify-content: space-between;
    gap: var(--ut-spacing-sm);
}

.ut-deal-card__controls .components-button {
    min-width: 0;
}

.ut-deal-card__image,
.ut-deal-card__image-control {
    border-radius: 14px;
    background: var(--ut-gray-50);
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.ut-deal-card__image img,
.ut-deal-card__image-preview img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.post-content .ut-deal-card__image img,
.post-content .ut-deal-card__image-preview img {
    max-width: 100%;
    height: auto;
    height: 145.5px;
    margin: 0;
    object-fit: contain;
}

.ut-deal-card__image-preview {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.ut-deal-card__body {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
}

.ut-deal-card__kicker {
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0;
    color: rgb(255, 255, 255, 0.8);
}
body.post-template-wrapper-black .ut-deal-card__title,
.ut-deal-card__title {
    margin: 0;
    font-size: var(--ut-font-size-md);
    font-weight: 600;
    text-transform: none;
    text-align: left;
    align-self: stretch;
    display: block;
    padding: 5px 0px;
}
body.post-template-wrapper-black .columns-1 .ut-deal-card__title,
.ut-deal-card__title {
    font-size: 25px;
}

.ut-deal-card__description {
    margin: 0;
    color: rgb(255, 255, 255, 0.82);
}

.ut-deal-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: grid;
    gap: var(--ut-spacing-sm);
    text-align: left;
}

.block-editor-page .wp-block-ut-deal-voucher-editor .ut-deal-card__list {
    display: list-item;
    list-style: disc;
}

.ut-deal-card__list li {
    position: relative;
    padding-left: 20px;
    line-height: var(--ut-line-height-md);
    font-size: var(--ut-font-size-sm);
    font-weight: 400;
    margin-bottom: var(--ut-spacing-sm);
    color: inherit;
}

.post-content .ut-deal-card__list li {
    font-size: var(--ut-font-size-sm);
    line-height: var(--ut-line-height-md);
}

.ut-deal-card__list li::before {
    position: absolute;
    left: 0;
    top: 0.2em;
    color: var(--ut-deal-card-bullet-color, var(--ut-orange-500));
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1;
    content: '\2022';
}

.ut-deal-card--bullet-check .ut-deal-card__list li::before {
    content: '\2713';
}

.ut-deal-card--bullet-checkbox .ut-deal-card__list li::before {
    content: '\2611';
}

.ut-deal-card--bullet-dot .ut-deal-card__list li::before {
    content: '\2022';
}

.ut-deal-card--bullet-none .ut-deal-card__list li::before {
    display: none;
}

.ut-deal-card--bullet-none .ut-deal-card__list li {
    padding-left: 0;
}

.ut-deal-card__bullet-settings {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: var(--ut-spacing-md);
    border-radius: var(--ut-radius-lg);
    background: #f7f9ff;
    box-sizing: border-box;
}

.ut-deal-card__bullet-settings h4 {
    margin: 0;
}

.ut-deal-card__color-control {
    display: flex;
    flex-direction: column;
    gap: var(--ut-spacing-sm);
}

.ut-deal-card__bullet-settings .components-circular-option-picker__swatches {
    display: none;
}

/* Older WordPress releases may ignore ColorPalette's clearable prop. */
.ut-deal-card__color-control .components-circular-option-picker__clear {
    display: none;
}

.ut-deal-card__color-label {
    font-size: 13px;
    font-weight: 600;
}

.ut-deal-card__actions {
    display: flex;
    flex-direction: column;
    gap: var(--ut-spacing-sm);
    width: 100%;
    align-items: center;
}

.ut-deal-card__actions--app {
    display: none;
}

.ut-deal-card--editing .ut-deal-card__actions--app {
    display: flex;
    opacity: 0.75;
}

.ut-deal-card__actions p {
    margin: 0;
}

.ut-deal-card__actions > p {
    width: 100%;
}

.ut-deal-card__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ut-spacing-sm);
    border-radius: 999px;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(90deg, #ff6a00 0%, #ff9b3d 100%);
    color: #0b0b0f;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
body.post-template-wrapper-black .entry  .columns-1 .ut-deal-card__actions a {
    max-width: 286px;
    align-items: center;
}

.ut-deal-card__actions a:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgb(255, 106, 0, 0.35);
}

.ut-deal-card__voucher {
    width: 100%;
    text-align: left;
}

.ut-deal-card__voucher-preview,
.ut-deal-card__app-preview-button {
    align-items: center;
    background: var(--ut-blue-900, #050745);
    border-radius: 99px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 24px;
    min-height: 48px;
    padding: 12px 20px;
    text-align: center;
    width: 100%;
}

.ut-deal-card__app-preview {
    background: #f7f9ff;
    border: 1px dashed rgb(14, 48, 131, 0.2);
    border-radius: var(--ut-radius-lg);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    width: 100%;
}

.ut-deal-card__app-preview-label,
.ut-deal-card__app-preview-code {
    color: var(--text-secondary-color, rgb(5, 7, 69, 0.7));
    font-size: 12px;
    line-height: 18px;
}

.ut-deal-card__app-preview-label {
    font-weight: 600;
    text-transform: uppercase;
}

.ut-deal-card__note {
    font-size: 0.85rem;
    color: rgb(255, 255, 255, 0.75);
}

.ut-deal-card--editing .ut-deal-card__note {
    color: inherit;
}

.ut-deal-card__button-placeholder {
    width: 100%;
    text-align: center;
    padding: 12px;
    border-radius: var(--ut-radius-lg);
    background: rgb(14, 48, 131, 0.08);
    border: 1px dashed rgb(14, 48, 131, 0.2);
    color: rgb(14, 48, 131, 0.7);
    font-size: 0.85rem;
}

@media (max-width: 800px) {
    .wp-block-ut-deal-voucher.columns-1 .ut-deal-card {
        flex-direction: column;
    }

    .wp-block-ut-deal-voucher.columns-1 .ut-deal-card__image {
        flex: none;
        max-width: 100%;
    }

    .wp-block-ut-deal-voucher.columns-1 .ut-deal-card__body {
        align-items: center;
        text-align: center;
    }

    .wp-block-ut-deal-voucher.columns-1 .ut-deal-card__actions {
        align-items: center;
    }
}

.ut-deal-card__button-settings {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: var(--ut-spacing-md);
    border-radius: var(--ut-radius-lg);
    background: #f7f9ff;
    box-sizing: border-box;
}

.ut-deal-card__button-settings h4 {
    margin: 0;
}

.ut-deal-card__button-settings hr {
    margin: 0;
    border: 0;
    border-top: 1px solid rgb(14, 48, 131, 0.1);
}

.ut-deal-card__button-placeholder--app {
    display: none;
}

.ut-deal-card--editing .ut-deal-card__button-placeholder--app {
    display: block;
}

.ut-deal-card__add {
    display: flex;
    justify-content: center;
}

/* App fields editor panel (shown when appButtonEnabled is true) */
.ut-deal-card__app-settings {
    display: flex;
    flex-direction: column;
    gap: var(--ut-spacing-sm);
    padding: 12px;
    border-radius: var(--ut-radius-md);
    background: #f7f9ff;
    border: 1px dashed rgb(14, 48, 131, 0.2);
}

body.post-template-wrapper-black .post-content .ut-deal-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

body.post-template-wrapper-black .post-content .ut-deal-card__list li {
    color: rgb(255, 255, 255, 0.85);
}

body.post-template-wrapper-black .post-content .ut-deal-card__list li::before {
    color: var(--ut-deal-card-bullet-color, var(--ut-orange-500));
}

body.post-template-wrapper-black .entry .ut-deal-card__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: var(--ut-radius-2xl);
    background: var(--Background-Brand-Secondary, var(--ut-orange-500));
    border: none;
    color: var(--Text-Default-Primary, rgb(5, 7, 69, 0.9)); /* originally !important to beat style.css's `.entry .post-content a` link color — dropped post-nuke */
    font-family: var(--ut-font-family); /* was the hard-coded Poppins stack — use the token */
    font-size: var(--ut-font-size-md);
    font-style: normal;
    font-weight: 600;
    line-height: var(--ut-line-height-lg);
    text-decoration: none;
    box-shadow: none;
    padding: 12px var(--ut-spacing-lg);
    width: 100%;
    max-width: none;
    margin: 0;
}

body.post-template-wrapper-black .post-content p {
    padding: 10px 0px;
}

.wp-block-ut-deal-voucher {
    padding: 10px 0px;
}

.wp-block-ut-countdown {
    position: relative;
    overflow: hidden;
    padding: 10px var(--ut-spacing-xl) 40px var(--ut-spacing-xl);
    border-radius: var(--ut-radius-2xl);
    background: var(--ut-countdown-background, var(--ut-gray-50));
    box-shadow: 0 16px 40px rgb(14, 48, 131, 0.08);
    text-align: center;
    color: var(--ut-countdown-headline-color, inherit);
    transition: background-color 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    border: 1px solid rgb(14, 48, 131, 0.08);
}

.wp-block-ut-countdown.is-editor-preview {
    box-shadow: 0 20px 48px rgb(14, 48, 131, 0.12);
    border-color: rgb(14, 48, 131, 0.16);
    background-image: radial-gradient(circle at top right, rgb(14, 48, 131, 0.08), transparent 55%);
}

.wp-block-ut-countdown .ut-countdown__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: 760px;
    margin: 0 auto;
}

.wp-block-ut-countdown .ut-countdown__headline {
    margin: 0;
    font-weight: 700;
    font-size: var(--ut-countdown-headline-size, clamp(1.75rem, 4vw, 3rem));
    line-height: 1.1;
    color: var(--ut-countdown-headline-color, currentColor);
    padding-top: 10px;
}

.wp-block-ut-countdown .ut-countdown__subtitle {
    margin: 0;
    max-width: 800px;
    color: var(--ut-countdown-subtitle-color, rgb(10, 18, 41, 0.72));
    font-size: var(--ut-countdown-subtitle-size, 1.05rem);
    line-height: 1.5;
}

.wp-block-ut-countdown .ut-countdown__timer {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.wp-block-ut-countdown .ut-countdown__segment {
    min-width: 50px;
    padding: 0px 5px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}


.wp-block-ut-countdown.is-segment-background-disabled .ut-countdown__segment {
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
}


body.post-template-wrapper-black .wp-block-ut-countdown .ut-countdown__value,
.wp-block-ut-countdown .ut-countdown__value {
    font-size: var(--ut-countdown-timer-size, clamp(2.5rem, 6vw, 3.75rem));
    font-weight: 700;
    line-height: 1.1;
    color: var(--ut-countdown-timer-color, currentColor);
}

.wp-block-ut-countdown .ut-countdown__label {
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ut-countdown-label-color, var(--ut-countdown-timer-color, currentColor));
}

.wp-block-ut-countdown .ut-countdown__complete-message {
    display: none;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--ut-countdown-subtitle-color, rgb(10, 18, 41, 0.72));
}

.wp-block-ut-countdown .ut-countdown__editor-notice {
    margin: 0;
    font-size: 0.85rem;
    color: #646970;
}

.ut-countdown__svg-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: var(--ut-spacing-md);
}

.ut-countdown__color-control .components-base-control__label {
    font-weight: 500;
}

.ut-countdown__color-control-inner {
    display: flex;
    gap: 12px;
    align-items: center;
}

.ut-countdown__color-input {
    width: 48px;
    height: 32px;
    padding: 0;
    border: 1px solid rgb(0, 0, 0, 0.2);
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
}

.ut-countdown__color-input:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.ut-countdown__color-text:disabled {
    opacity: 0.6;
}

.ut-countdown__color-text {
    flex: 1 1 auto;
}

.ut-countdown__color-control .components-button.is-tertiary {
    margin-left: auto;
}

.wp-block-ut-countdown .ut-countdown__background {
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -40px;
}

.wp-block-ut-countdown .ut-countdown__background img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Media-library artwork is validated against the Countdown frame and fills it
   directly; legacy filename-based SVGs retain their historical positioning. */
.wp-block-ut-countdown.has-background-media .ut-countdown__background {
    left: 0;
}

.wp-block-ut-countdown.has-background-media .ut-countdown__background img {
    object-fit: cover;
}

.wp-block-ut-countdown.has-background-svg {
    background: var(--ut-countdown-background, #f8f9ff);
}

.wp-block-ut-countdown.is-countdown-complete .ut-countdown__timer {
    opacity: 0.55;
}

.wp-block-ut-countdown.is-countdown-complete .ut-countdown__complete-message {
    display: block;
}

.ut-countdown__background-preview {
    margin-top: 12px;
    padding: 12px;
    border-radius: var(--ut-radius-lg);
    border: 1px dashed rgb(14, 48, 131, 0.25);
    background: var(--ut-gray-50);
}

.ut-countdown__background-preview img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.ut-countdown__date-control .ut-countdown__clear-date {
    margin-top: 12px;
}

@media (max-width: 800px) {
    .wp-block-ut-countdown {
        padding: var(--ut-spacing-xl) 20px;
    }

    .wp-block-ut-countdown .ut-countdown__segment {
        min-width: 41px;
        padding: var(--ut-spacing-xs) 0px;
    }

    .wp-block-ut-countdown .ut-countdown__value {
        font-size: var(--ut-countdown-timer-size, clamp(2rem, 9vw, 3.25rem));
    }
}

/* Deal card type variations */
/* Figma: EipWVj74Jb4Y7uuesQVW8T node-id=866:723 */
.ut-deal-card-type--article .ut-deal-card__actions a {
    background: var(--button-bg-primary);
    color: var(--ut-gray-50);
}

.ut-deal-card-type--voucher .ut-deal-card {
    border-style: dashed;
    border-width: 2px;
    border-color: var(--border-default-primary, var(--ut-blue-20));
}

.ut-deal-card-type--voucher .ut-deal-card__actions a {
    background: linear-gradient(90deg, #ff6a00 0%, #ff9b3d 100%);
}

/* ================================================================== */
/*  XS: Horizontal compact row — small image left, title+price right  */
/*  Figma: 856:1913                                                    */
/* ================================================================== */
.ut-deal-card-size--xs .ut-deal-card {
    flex-direction: row;
    align-items: center;
    gap: var(--ut-spacing-md, 16px);
    padding: var(--ut-spacing-sm, 8px);
    border-radius: var(--ut-radius-lg, 12px);
    border: none;
    box-shadow: none;
    text-align: left;
}

.ut-deal-card-size--xs .ut-deal-card__image,
.ut-deal-card-size--xs .ut-deal-card__image-control {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border-radius: var(--ut-radius-md, 8px);
    padding: 0;
    background: transparent;
    overflow: hidden;
}

.ut-deal-card-size--xs .ut-deal-card__image img,
.ut-deal-card-size--xs .post-content .ut-deal-card__image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: var(--ut-radius-md, 8px);
    margin: 0;
}

.ut-deal-card-size--xs .ut-deal-card__body {
    flex: 1 1 0;
    min-width: 0;
    text-align: left;
    align-items: flex-start;
    gap: 2px;
}

.ut-deal-card-size--xs .ut-deal-card__title {
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-sm, 14px);
    font-weight: 600;
    line-height: var(--ut-line-height-md, 22px);
    color: var(--text-primary-color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ut-deal-card-size--xs .ut-deal-card__price-chip {
    flex: 0 0 auto;
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-sm, 14px);
    font-weight: 600;
    color: var(--text-primary-color);
    white-space: nowrap;
    margin-left: auto;
}

/* XS stays horizontal on mobile */
@media (max-width: 800px) {
    .ut-deal-card-size--xs .ut-deal-card {
        flex-direction: row;
        align-items: center;
    }
}

/* M size: borderless card, image 16:9, gap 8px per Figma 797:1705 */
.ut-deal-card-size--m .ut-deal-card {
    gap: var(--ut-spacing-sm);
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
}

/* Override base .ut-deal-card__image which has padding:10px + bg:white */
.ut-deal-card-size--m .ut-deal-card__image,
.ut-deal-card-size--m .ut-deal-card__image-control,
.post-content .ut-deal-card-size--m .ut-deal-card__image {
    border-radius: var(--ut-radius-xl, 16px);
    padding: 0;
    background: transparent;
    overflow: hidden;
    position: relative;
}

/* Override base .post-content img height:145.5px + object-fit:contain */
.ut-deal-card-size--m .ut-deal-card .ut-deal-card__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 0;
    margin: 0;
    max-width: 100%;
    padding: 0;
}

.ut-deal-card-size--m .ut-deal-card__title {
    font-family: var(--ut-font-family, var(--ut-font-family, 'Poppins', sans-serif));
    font-size: var(--ut-font-size-md, 16px);
    font-weight: 600;
    line-height: var(--ut-line-height-lg, 24px);
    color: var(--text-primary-color, rgb(5, 7, 69, 0.9));
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 48px;
}

/* Price chip overlay (bottom-right of image) */
.ut-deal-card-size--m .ut-deal-card__price-chip {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: var(--ut-gray-50);
    border-radius: 18px;
    padding: var(--ut-spacing-sm) 20px;
    box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-sm, 14px);
    font-weight: 600;
    line-height: var(--ut-line-height-md, 22px);
    color: var(--text-primary-color);
}

/* Label badge overlay (top-left of image) */
.ut-deal-card-size--m .ut-deal-card__label {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #eaffcd;
    border-radius: var(--ut-radius-pill);
    padding: var(--ut-spacing-xs) var(--ut-spacing-md);
    box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
    /* Font family inherits the base Poppins (--ut-font-family) — designer:
       no non-Poppins faces (was 'Open Sans'). */
    font-size: 13px;
    font-weight: 600;
    line-height: 21px;
    color: var(--text-primary-color);
}

/* Button per design system */
.ut-deal-card-size--m .ut-deal-card__actions a {
    background: var(--ut-blue-900, var(--ut-blue-900));
    color: var(--ut-gray-50);
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-md, 16px);
    font-weight: 600;
    line-height: var(--ut-line-height-lg, 24px);
    border-radius: var(--ut-radius-pill, 99px);
    padding: var(--ut-spacing-sm) var(--ut-spacing-lg);
    height: 44px;
}

.ut-deal-card-size--m .ut-deal-card__actions a:hover {
    background: var(--color-primary-hover, var(--ut-blue-700));
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgb(5, 7, 69, 0.2);
}

/* ================================================================== */
/*  S: Horizontal row — square image left, text right, card wrapper    */
/*  Figma: 797:1677                                                    */
/* ================================================================== */
.ut-deal-card-size--s .ut-deal-card {
    flex-direction: row;
    align-items: center;
    gap: var(--ut-spacing-md, 16px);
    padding: var(--ut-spacing-md, 16px);
    border-radius: var(--ut-radius-2xl, 24px);
    box-shadow: 0px 2px 10px rgb(5, 7, 69, 0.1);
    border: 0.5px solid var(--ut-blue-30);
    background: var(--ut-gray-50);
    text-align: left;
}

.ut-deal-card-size--s .ut-deal-card__image,
.ut-deal-card-size--s .ut-deal-card__image-control {
    flex: 0 0 auto;
    width: 112px;
    height: 112px;
    border-radius: var(--ut-radius-xl, 16px);
    padding: 0;
    background: transparent;
    overflow: hidden;
}

.ut-deal-card-size--s .ut-deal-card__image img,
.ut-deal-card-size--s .post-content .ut-deal-card__image img {
    width: 112px;
    height: 112px;
    object-fit: cover;
    border-radius: var(--ut-radius-xl, 16px);
    margin: 0;
}

.ut-deal-card-size--s .ut-deal-card__body {
    flex: 1 1 0;
    min-width: 0;
    text-align: left;
    align-items: flex-start;
    gap: var(--ut-spacing-xs);
}

.ut-deal-card-size--s .ut-deal-card__title {
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-md, 16px);
    font-weight: 600;
    line-height: var(--ut-line-height-lg, 24px);
    color: var(--text-primary-color);
}

.ut-deal-card-size--s .ut-deal-card__list li {
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-md, 16px);
    line-height: var(--ut-line-height-lg, 24px);
    color: var(--text-secondary-color);
}

.ut-deal-card-size--s .ut-deal-card__price-chip {
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-md, 16px);
    font-weight: 700;
    color: var(--ut-blue-900);
}

/* S stays horizontal on mobile */
@media (max-width: 800px) {
    .ut-deal-card-size--s .ut-deal-card {
        flex-direction: row;
        align-items: center;
    }

    .ut-deal-card-size--s .ut-deal-card__image,
    .ut-deal-card-size--s .ut-deal-card__image-control {
        width: 64px;
        height: 64px;
    }

    .ut-deal-card-size--s .ut-deal-card__image img,
    .ut-deal-card-size--s .post-content .ut-deal-card__image img {
        width: 64px;
        height: 64px;
    }
}

/* ================================================================== */
/*  L: Vertical — large image top, title+desc+button below, card       */
/*  Figma: 812:816                                                     */
/* ================================================================== */
.ut-deal-card-size--l .ut-deal-card {
    flex-direction: column;
    gap: 0;
    padding: 0;
    border-radius: var(--ut-radius-xl, 16px);
    box-shadow: none;
    border: none;
    overflow: hidden;
    text-align: left;
}

.ut-deal-card-size--l .ut-deal-card__image,
.ut-deal-card-size--l .ut-deal-card__image-control {
    border-radius: var(--ut-radius-xl, 16px) var(--ut-radius-xl, 16px) 0 0;
    padding: 0;
    background: transparent;
    overflow: hidden;
    position: relative;
}

.ut-deal-card-size--l .ut-deal-card__image img,
.ut-deal-card-size--l .post-content .ut-deal-card__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 0;
    margin: 0;
}

.ut-deal-card-size--l .ut-deal-card__body {
    padding: var(--ut-spacing-md, 16px);
    text-align: left;
    align-items: flex-start;
    gap: var(--ut-spacing-sm, 8px);
}

.ut-deal-card-size--l .ut-deal-card__title {
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-xl, 20px);
    font-weight: 700;
    line-height: 26px;
    color: var(--text-primary-color);
}

.ut-deal-card-size--l .ut-deal-card__list li {
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-md, 16px);
    line-height: var(--ut-line-height-lg, 24px);
    color: var(--text-secondary-color);
}

/* L-size button: design system */
.ut-deal-card-size--l .ut-deal-card__actions a {
    background: var(--ut-blue-900, var(--ut-blue-900));
    color: var(--ut-gray-50);
    font-family: var(--ut-font-family);
    font-size: var(--ut-font-size-md, 16px);
    font-weight: 600;
    line-height: var(--ut-line-height-lg, 24px);
    border-radius: var(--ut-radius-pill, 99px);
    padding: var(--ut-spacing-sm, 8px) var(--ut-spacing-lg, 24px);
}

.ut-deal-card-size--l .ut-deal-card__actions {
    align-items: flex-start;
}

/* Slider mode */
.ut-deal-voucher--slider {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: var(--ut-spacing-md);
    padding-bottom: 12px;
}

.ut-deal-voucher--slider .ut-deal-card {
    flex: 0 0 auto;
    width: 260px;
    scroll-snap-align: start;
}

.ut-deal-voucher--slider.ut-deal-card-size--xs .ut-deal-card {
    width: 180px;
}

.ut-deal-voucher--slider.ut-deal-card-size--s .ut-deal-card {
    width: 220px;
}

.ut-deal-voucher--slider.ut-deal-card-size--l .ut-deal-card {
    width: 320px;
}

/*
 * Black Friday mirrors the maintained theme's campaign cards. Every override
 * is scoped to the saved design hook so Standard and historical serializers
 * retain their existing type, size, visibility, and slider presentation.
 */
.ut-deal-voucher-design--black-friday {
    align-items: stretch;
    display: grid;
    gap: 32px;
    overflow: visible;
}

/* Editor cards contain controls of different heights. Keep each card compact
 * instead of stretching every card in the row to the tallest settings panel. */
.wp-block-ut-deal-voucher-editor.ut-deal-voucher-design--black-friday {
    align-items: start;
}

.wp-block-ut-deal-voucher-editor.ut-deal-voucher-design--black-friday .ut-deal-card--editing {
    height: auto;
}

.ut-deal-voucher-design--black-friday .ut-deal-card,
.ut-deal-voucher-design--black-friday.ut-deal-card-type--voucher .ut-deal-card,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday .ut-deal-card {
    align-items: stretch;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--text-primary-color, rgb(5, 7, 69, 0.9));
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    min-width: 0;
    overflow: visible;
    padding: 0;
    text-align: left;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__image,
.ut-deal-voucher-design--black-friday .ut-deal-card__image-control,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday .ut-deal-card__image {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border: 0;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 166.5px;
    height: 166.5px;
    justify-content: center;
    max-width: none;
    min-height: 166.5px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__image img,
.post-content .ut-deal-voucher-design--black-friday .ut-deal-card__image img,
.ut-deal-voucher-design--black-friday .ut-deal-card__image-preview img {
    border-radius: inherit;
    height: 100%;
    margin: 0;
    max-height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: center;
    padding: 0;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__body,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday .ut-deal-card__body {
    align-items: flex-start;
    box-sizing: border-box;
    color: inherit;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
    min-width: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__title,
body.post-template-wrapper-black .ut-deal-voucher-design--black-friday .ut-deal-card__title {
    align-self: stretch;
    color: var(--text-primary-color, rgb(5, 7, 69, 0.9));
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    max-height: none;
    overflow: visible;
    padding: 0;
    text-align: left;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__list,
body.post-template-wrapper-black .post-content .ut-deal-voucher-design--black-friday .ut-deal-card__list {
    color: inherit;
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__list li,
body.post-template-wrapper-black .post-content .ut-deal-voucher-design--black-friday .ut-deal-card__list li {
    color: var(--text-primary-color, rgb(5, 7, 69, 0.9));
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    min-height: 24px;
    padding-left: 32px;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__list li::before {
    color: var(--ut-orange-500, #fc7d21);
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    top: 0;
    width: 24px;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__actions,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday .ut-deal-card__actions {
    align-items: stretch;
    box-sizing: border-box;
    margin-top: auto;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__actions > p {
    box-sizing: border-box;
    margin: 0;
    max-width: none;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__actions a,
.ut-deal-voucher-design--black-friday .magazin-action a,
body.post-template-wrapper-black .entry .ut-deal-voucher-design--black-friday .ut-deal-card__actions a {
    align-items: center;
    background: var(--ut-blue-900, #050745) !important;
    border: 0 !important;
    border-radius: 99px !important;
    box-shadow: none !important;
    box-sizing: border-box;
    color: #fff !important;
    display: inline-flex;
    font-size: 16px !important;
    font-weight: 600 !important;
    justify-content: center;
    line-height: 24px !important;
    margin: 0 !important;
    max-width: none;
    min-height: 48px;
    padding: 12px 32px !important;
    text-align: center;
    text-decoration: none !important;
    transform: none;
    width: 100% !important;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__actions a:hover,
.ut-deal-voucher-design--black-friday .ut-deal-card__actions a:focus-visible,
.ut-deal-voucher-design--black-friday .magazin-action a:hover,
.ut-deal-voucher-design--black-friday .magazin-action a:focus-visible {
    background: var(--ut-blue-700, #001bab) !important;
}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card {
    align-items: stretch;
    flex-direction: row;
    gap: 64px;
    min-height: 333px;
}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__image {
    border-radius: 19px;
    flex: 0 0 calc(50% - 32px);
    height: 333px;
    max-width: calc(50% - 32px);
    min-height: 333px;
}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__body {
    flex: 0 0 calc(50% - 32px);
    gap: 16px;
    min-height: 0;
}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__actions {
    margin-top: 16px;
    width: auto;
}

body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__actions a {
    width: auto !important;
}

@media (max-width: 800px) {
    .ut-deal-voucher-design--black-friday {
        grid-template-columns: minmax(0, 1fr);
    }

    body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card {
        flex-direction: column;
        gap: 16px;
        min-height: 0;
    }

    .ut-deal-voucher-design--black-friday .ut-deal-card__image,
    .ut-deal-voucher-design--black-friday .ut-deal-card__image-control,
    body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__image {
        flex: none;
        height: 166.5px;
        max-width: none;
        min-height: 166.5px;
        width: 100%;
    }

    body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__body {
        flex: none;
    }

    body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__title {
        font-size: 22px;
        line-height: 26px;
    }

    body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__actions {
        margin-top: 0;
        width: 100%;
    }

    body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__actions a {
        width: 100% !important;
    }
}

/*
 * Black Friday promotional-card refinement. The campaign keeps the shared UT
 * colour, type, spacing and radius tokens, while the white card surface and
 * inset media match the approved promotional composition. Standard cards are
 * unaffected because every rule remains scoped to the explicit design hook.
 */
.ut-deal-voucher-design--black-friday {
    gap: var(--ut-spacing-md, 16px);
}

.ut-deal-voucher-design--black-friday .ut-deal-card,
.ut-deal-voucher-design--black-friday.ut-deal-card-type--voucher .ut-deal-card,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday .ut-deal-card,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card {
    background: var(--background-secondary, #fff);
    border: 1px solid var(--border-default-secondary, #e7edfa);
    border-radius: var(--ut-radius-xl, 16px);
    box-shadow: var(--ut-shadow-md, 0 4px 15px rgba(5, 7, 69, 0.08));
    flex-direction: column;
    gap: 0;
    min-height: 0;
    overflow: hidden;
    padding: var(--ut-spacing-sm, 8px);
}

.ut-deal-voucher-design--black-friday .ut-deal-card__image,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday .ut-deal-card__image,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__image {
    aspect-ratio: 5 / 4;
    background: var(--ut-blue-30, #e7edfa);
    border-radius: var(--ut-radius-lg, 12px);
    flex: none;
    height: auto;
    max-width: none;
    min-height: 0;
    position: relative;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__image img,
.post-content .ut-deal-voucher-design--black-friday .ut-deal-card__image img,
.ut-deal-voucher-design--black-friday .ut-deal-card__image-preview img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__image img[alt*="logo" i],
.ut-deal-voucher-design--black-friday .ut-deal-card__image img[src*="logo" i],
.ut-deal-voucher-design--black-friday .ut-deal-card__image img[data-lazy-src*="logo" i] {
    object-fit: contain;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__image-preview {
    aspect-ratio: 5 / 4;
    background: var(--ut-blue-30, #e7edfa);
    border-radius: var(--ut-radius-lg, 12px);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__image-actions {
    align-items: center;
    bottom: var(--ut-spacing-sm, 8px);
    display: flex;
    gap: var(--ut-spacing-sm, 8px);
    position: absolute;
    right: var(--ut-spacing-sm, 8px);
    z-index: 2;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__image-actions .components-button {
    background: var(--background-secondary, #fff);
}

.ut-deal-voucher-design--black-friday .ut-deal-card__image-size-help {
    color: var(--text-secondary-color, rgba(5, 7, 69, 0.7));
    font-size: var(--ut-font-size-sm, 14px);
    line-height: var(--ut-line-height-md, 22px);
    margin: 0;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__campaign-badge {
    align-items: center;
    background: var(--ut-orange-50, #fff0e5);
    border-radius: var(--ut-radius-pill, 99px);
    color: var(--ut-orange-500, #fc7d21);
    display: inline-flex;
    font-size: var(--ut-font-size-sm, 14px);
    font-weight: 600;
    gap: var(--ut-spacing-xs, 4px);
    left: var(--ut-spacing-sm, 8px);
    line-height: var(--ut-line-height-md, 22px);
    max-width: calc(100% - 16px);
    padding: 6px 12px;
    position: absolute;
    top: var(--ut-spacing-sm, 8px);
    z-index: 1;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__campaign-badge::before {
    background: currentColor;
    content: '';
    flex: 0 0 16px;
    height: 16px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 11.6 12.4 2.6A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7c0 .5.2 1 .6 1.4l9 9a2 2 0 0 0 2.8 0l7-7a2 2 0 0 0 0-2.8ZM7.5 9A1.5 1.5 0 1 1 7.5 6a1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 11.6 12.4 2.6A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7c0 .5.2 1 .6 1.4l9 9a2 2 0 0 0 2.8 0l7-7a2 2 0 0 0 0-2.8ZM7.5 9A1.5 1.5 0 1 1 7.5 6a1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 16px;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__body,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday .ut-deal-card__body,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__body {
    flex: 1 1 auto;
    gap: var(--ut-spacing-xs, 4px);
    padding: var(--ut-spacing-md, 16px) var(--ut-spacing-sm, 8px) var(--ut-spacing-sm, 8px);
}

.ut-deal-voucher-design--black-friday .ut-deal-card__category {
    color: var(--text-secondary-color, rgba(5, 7, 69, 0.7));
    font-size: var(--ut-font-size-sm, 14px);
    font-weight: 500;
    line-height: var(--ut-line-height-md, 22px);
    margin: 0;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__title,
body.post-template-wrapper-black .ut-deal-voucher-design--black-friday .ut-deal-card__title,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__title {
    font-size: var(--ut-font-size-lg, 20px);
    font-weight: 700;
    line-height: 1.3;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__description {
    align-self: stretch;
    color: var(--text-secondary-color, rgba(5, 7, 69, 0.7));
    font-size: var(--ut-font-size-md, 16px);
    line-height: var(--ut-line-height-lg, 24px);
    margin: 0;
    text-align: left;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__list,
body.post-template-wrapper-black .post-content .ut-deal-voucher-design--black-friday .ut-deal-card__list {
    gap: var(--ut-spacing-sm, 8px);
    margin-top: var(--ut-spacing-md, 16px);
}

.ut-deal-voucher-design--black-friday .ut-deal-card__actions,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday .ut-deal-card__actions,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__actions {
    border-top: 0;
    margin-top: auto;
    padding-top: var(--ut-spacing-lg, 24px);
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__actions > .magazin-action,
.ut-deal-voucher-design--black-friday .ut-deal-card__actions > .ut-deal-card__voucher {
    display: block;
    margin: 0;
    max-width: none;
    width: 100%;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__actions a,
.ut-deal-voucher-design--black-friday .magazin-action a,
body.post-template-wrapper-black .entry .ut-deal-voucher-design--black-friday .ut-deal-card__actions a,
body:not(.block-editor-page) .wp-block-ut-deal-voucher.ut-deal-voucher-design--black-friday.columns-1 .ut-deal-card__actions a {
    border-radius: var(--ut-radius-lg, 12px) !important;
    font-size: var(--ut-font-size-sm, 14px) !important;
    gap: var(--ut-spacing-sm, 8px);
    line-height: var(--ut-line-height-md, 22px) !important;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: var(--ut-spacing-sm, 8px) 12px !important;
    white-space: normal;
    width: 100% !important;
}

.ut-deal-voucher-design--black-friday .ut-deal-card__actions a::after,
.ut-deal-voucher-design--black-friday .magazin-action a::after {
    content: '\2192';
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}

.block-editor-page .ut-deal-voucher-design--black-friday .ut-deal-card__image-control {
    flex: none;
    height: auto;
    min-height: 0;
}

@media (max-width: 800px) {
    .ut-deal-voucher-design--black-friday {
        gap: var(--ut-spacing-md, 16px);
    }
}