.iao-cod-sbn {
    --iao-animation-duration: 300ms;
    --iao-viewport-offset: 16px;
    --iao-column-gap: 12px;
    --iao-content-rows-gap: 0px;
    --iao-separator-width: 1px;
    --iao-separator-height: 55%;
    --iao-separator-marker-size: 7px;
    --iao-promo-badge-color: #ffffff;
    --iao-promo-badge-bg: linear-gradient(180deg, #e4aa3b 0%, #cf8614 100%);
    --iao-promo-badge-padding: 7px 18px;
    --iao-promo-badge-radius: 12px;
    --iao-item-icon-circle-size: 72px;
    --iao-item-icon-circle-bg: #fee8c0;
    --iao-price-width: 320px;
    --iao-price-height: 96px;
    --iao-button-width: 300px;
    --iao-button-height: 96px;
    --iao-mobile-top-row-font-family: Cairo, sans-serif;
    --iao-mobile-top-row-font-size: 12px;
    --iao-mobile-top-row-font-weight: 700;
    --iao-mobile-top-row-line-height: 16px;
    --iao-mobile-top-row-text-color: #2F2118;
    position: fixed;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px);
    transition: opacity var(--iao-animation-duration) ease, transform var(--iao-animation-duration) ease, visibility var(--iao-animation-duration) ease;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 9999;
    box-sizing: border-box;
}

.iao-cod-sbn.iao-position-bottom {
    bottom: calc(var(--iao-viewport-offset) + env(safe-area-inset-bottom, 0px));
}

.iao-cod-sbn.iao-position-top {
    top: var(--iao-viewport-offset);
}

.iao-cod-sbn.is-visible {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
}

.iao-cod-sbn.is-hiding {
    pointer-events: none;
}

.iao-cod-sbn.iao-enter-none,
.iao-cod-sbn.iao-exit-none {
    transition: none;
}

.iao-cod-sbn.iao-enter-fade,
.iao-cod-sbn.iao-exit-fade {
    transform: none;
}

.iao-cod-sbn.iao-enter-slide-down {
    transform: translateY(-100%);
}

.iao-cod-sbn.iao-enter-slide-up,
.iao-cod-sbn.iao-enter-fade-up {
    transform: translateY(20px);
}

.iao-cod-sbn.iao-exit-slide-down:not(.is-visible) {
    transform: translateY(100%);
}

.iao-cod-sbn.iao-exit-slide-up:not(.is-visible) {
    transform: translateY(-100%);
}

.iao-cod-sbn__bar {
    width: 100%;
    max-width: 1200px;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--iao-column-gap);
    padding: 8px 12px;
    background: linear-gradient(180deg, #fffdf7 0%, #fff6e7 100%);
    border: 1px solid #ddb873;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(77, 45, 13, 0.22);
    box-sizing: border-box;
    overflow: hidden;
}


.iao-cod-sbn__mobile-top-row {
    display: none;
}

.iao-cod-sbn.iao-dir-rtl {
    direction: rtl;
}

.iao-cod-sbn.iao-dir-ltr {
    direction: ltr;
}

.iao-cod-sbn.iao-dir-auto {
    direction: inherit;
}

.iao-cod-sbn__segment,
.iao-cod-sbn__major-segment {
    position: relative;
}

.iao-cod-sbn.has-separators .iao-cod-sbn__major-segment + .iao-cod-sbn__major-segment::before,
.iao-cod-sbn.has-separators .iao-cod-sbn__item + .iao-cod-sbn__item::before {
    content: "";
    position: absolute;
    top: 50%;
    width: var(--iao-separator-width);
    height: var(--iao-separator-height);
    transform: translateY(-50%);
    background: #d7b98c;
    pointer-events: none;
}

.iao-cod-sbn.has-separators .iao-cod-sbn__major-segment + .iao-cod-sbn__major-segment::before {
    inset-inline-start: calc((var(--iao-separator-width) + var(--iao-column-gap)) / -2);
}

.iao-cod-sbn.has-separators .iao-cod-sbn__item + .iao-cod-sbn__item::before {
    inset-inline-start: calc(var(--iao-separator-width) / -2);
}

.iao-cod-sbn__price-slot,
.iao-cod-sbn__button-slot {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-width: 0;
    box-sizing: border-box;
}

.iao-cod-sbn__price-slot {
    flex: 0 1 auto;
}

.iao-cod-sbn__button-slot {
    flex: 0 1 auto;
}

.iao-cod-sbn__price {
    flex: 0 1 var(--iao-price-width);
    width: var(--iao-price-width);
    height: var(--iao-price-height);
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: row;
    direction: ltr;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    cursor: default;
    box-sizing: border-box;
}

.iao-cod-sbn.iao-dir-rtl .iao-cod-sbn__price-copy {
    direction: rtl;
    text-align: right;
}

.iao-cod-sbn.iao-dir-ltr .iao-cod-sbn__price-copy {
    direction: ltr;
    text-align: left;
}

.iao-cod-sbn__price[role="button"] {
    cursor: pointer;
}

.iao-cod-sbn__price-copy {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.iao-cod-sbn__price-eyebrow {
    font-family: Cairo, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #6f4a2b;
    margin-bottom: 4px;
}

.iao-cod-sbn__price-line {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 5px;
}

.iao-cod-sbn__price-current {
    font-size: 45px;
    font-weight: 800;
    line-height: 0.9;
    color: #c77d18;
}

.iao-cod-sbn__currency {
    font-size: 14px;
    font-weight: 700;
    color: #4e3827;
}

.iao-cod-sbn__old-price {
    text-decoration: line-through;
    margin-top: 5px;
    font-size: 13px;
}

.iao-cod-sbn__promo-title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    color: #6f4a2b;
}

.iao-cod-sbn__promo-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: 6px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--iao-promo-badge-color);
    background: var(--iao-promo-badge-bg);
    padding: var(--iao-promo-badge-padding);
    border-radius: var(--iao-promo-badge-radius);
}

.iao-cod-sbn__price-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.iao-cod-sbn__price-icon--premium-default {
    display: inline-flex;
}

.iao-cod-sbn__items {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex: 1 1 auto;
}

.iao-cod-sbn__item {
    min-width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    padding: 5px 12px;
    text-decoration: none;
    box-sizing: border-box;
}

.iao-cod-sbn__item-icon,
.iao-cod-sbn__button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex: 0 0 auto;
}

.iao-cod-sbn__item-icon {
    width: var(--iao-item-icon-circle-size);
    height: var(--iao-item-icon-circle-size);
    min-width: var(--iao-item-icon-circle-size);
    min-height: var(--iao-item-icon-circle-size);
    max-width: var(--iao-item-icon-circle-size);
    max-height: var(--iao-item-icon-circle-size);
    padding: 0;
    font-size: 30px;
    color: #6f4a2b;
    background: var(--iao-item-icon-circle-bg);
    border: 1px solid rgba(221, 175, 93, 0.22);
    border-radius: 50%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
    box-sizing: border-box;
}

.iao-cod-sbn__item-copy,
.iao-cod-sbn__button-copy {
    display: flex;
    flex-direction: column;
}

.iao-cod-sbn__item-primary,
.iao-cod-sbn__item-secondary {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    color: #3f2b1d;
}

.iao-cod-sbn__button {
    flex: 0 0 auto;
    width: var(--iao-button-width);
    height: var(--iao-button-height);
    max-width: 100%;
    min-width: 145px;
    min-height: 59px;
    display: inline-flex;
    direction: ltr;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0;
    border: 2px solid #d38a13;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffd975 0%, #ee9b16 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 10px rgba(145, 83, 5, 0.35);
    color: #25160d;
    text-decoration: none;
    font-size: 25px;
    font-weight: 800;
    line-height: 30px;
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
    box-sizing: border-box;
}

.iao-cod-sbn__button-copy {
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
}

.iao-cod-sbn__button-main {
    display: block;
    font-family: Cairo, sans-serif;
    font-size: 25px;
    line-height: 30px;
}

.iao-cod-sbn__button-subtitle {
    display: block;
    font-family: Cairo, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
    color: #5f3b13;
}

.iao-cod-sbn__button:hover {
    color: #25160d;
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.iao-cod-sbn__button:focus-visible {
    outline-style: solid;
    outline-color: #1e73be;
    outline-width: 3px;
    outline-offset: 3px;
}

.iao-cod-sbn__button-icon {
    font-size: 45px;
}

.iao-cod-sbn__price-icon svg,
.iao-cod-sbn__item-icon svg,
.iao-cod-sbn__button-icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

/* Premium desktop composition based on the approved desktop mockup. */
@media (min-width: 1025px) {
    .iao-cod-sbn.iao-hide-desktop {
        display: none;
    }

    .iao-item-hide-desktop {
        display: none !important;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__bar {
        min-height: 126px;
        padding: 14px 18px;
        gap: var(--iao-column-gap);
        background:
            radial-gradient(circle at 15% 20%, rgba(255, 222, 153, 0.18), transparent 22%),
            linear-gradient(180deg, #fffefa 0%, #fff9ee 100%);
        border-color: #dfbd78;
        box-shadow: 0 10px 32px rgba(82, 50, 18, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-dir-rtl .iao-cod-sbn__bar {
        direction: ltr;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-dir-rtl .iao-cod-sbn__price-copy,
    .iao-cod-sbn:where(.iao-desktop-premium).iao-dir-rtl .iao-cod-sbn__item-copy,
    .iao-cod-sbn:where(.iao-desktop-premium).iao-dir-rtl .iao-cod-sbn__button-copy {
        direction: rtl;
        text-align: right;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-dir-rtl .iao-cod-sbn__price-copy {
        direction: rtl;
        text-align: right;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-dir-ltr .iao-cod-sbn__price-copy {
        direction: ltr;
        text-align: left;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__price-slot,
    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__button-slot {
        flex: 1 1 0;
        min-width: 0;
        padding-inline: 8px;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__price {
        align-self: center;
        min-width: 0;
        min-height: 0;
        padding: 14px 18px;
        border-radius: 18px;
        justify-content: center;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-mode-promotion .iao-cod-sbn__price {
        justify-content: flex-start;
        text-align: start;
        gap: 18px;
        background:
            radial-gradient(circle, rgba(225, 164, 58, 0.22) 1.4px, transparent 1.6px) 0 0 / 11px 11px,
            linear-gradient(135deg, #fffdf8 0%, #fff5df 100%);
        border: 1px solid #efcf91;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 5px 14px rgba(128, 78, 18, 0.08);
        overflow: hidden;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-mode-promotion .iao-cod-sbn__price::after {
        content: "";
        position: absolute;
        width: 130px;
        height: 130px;
        inset-inline-end: -66px;
        bottom: -82px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(235, 178, 70, 0.2) 0%, rgba(235, 178, 70, 0) 70%);
        pointer-events: none;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-mode-promotion .iao-cod-sbn__price-icon {
        min-width: 76px;
        min-height: 76px;
        color: #d89a27;
        filter: drop-shadow(0 6px 5px rgba(166, 101, 11, 0.18));
        z-index: 1;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-mode-promotion .iao-cod-sbn__price-copy {
        align-items: flex-start;
        justify-content: center;
        gap: 9px;
        line-height: 1.1;
        z-index: 1;
        min-width: 0;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-mode-promotion .iao-cod-sbn__promo-title {
        font-size: 25px;
        font-weight: 800;
        line-height: 1.15;
        white-space: nowrap;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).iao-mode-promotion .iao-cod-sbn__promo-subtitle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin-top: 0;
        font-size: 21px;
        font-weight: 800;
        line-height: 1;
        color: var(--iao-promo-badge-color);
        background: var(--iao-promo-badge-bg);
        padding: var(--iao-promo-badge-padding);
        border-radius: var(--iao-promo-badge-radius);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42), 0 4px 9px rgba(154, 91, 10, 0.16);
        white-space: nowrap;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__items {
        flex: 2 1 0;
        align-self: stretch;
        justify-content: center;
        min-width: 0;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__item {
        flex: 1 1 0;
        min-width: 0;
        max-width: none;
        padding: 8px 16px;
        text-align: start;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__item-copy {
        align-items: flex-start;
        justify-content: center;
        gap: 6px;
        min-width: 0;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__item-primary {
        font-size: 22px;
        font-weight: 800;
        line-height: 1.15;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__item-secondary {
        font-size: 15px;
        font-weight: 650;
        line-height: 1.2;
        opacity: 0.92;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__button {
        align-self: center;
        min-height: 59px;
        padding: 0;
        border-radius: 22px;
        gap: 22px;
        background: linear-gradient(180deg, #ffdf86 0%, #e8a82f 58%, #d7931e 100%);
        border-color: #c98616;
        box-shadow:
            inset 0 2px 0 rgba(255, 255, 255, 0.7),
            inset 0 -2px 0 rgba(155, 86, 8, 0.18),
            0 7px 0 rgba(145, 82, 7, 0.26),
            0 12px 18px rgba(112, 64, 8, 0.2);
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.26);
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__button:hover {
        filter: brightness(1.035) saturate(1.03);
        transform: translateY(-2px);
        box-shadow:
            inset 0 2px 0 rgba(255, 255, 255, 0.74),
            inset 0 -2px 0 rgba(155, 86, 8, 0.18),
            0 8px 0 rgba(145, 82, 7, 0.24),
            0 15px 22px rgba(112, 64, 8, 0.22);
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__button-copy {
        gap: 10px;
        min-width: 0;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__button-main {
        font-family: Cairo, sans-serif;
        font-size: 25px;
        font-weight: 850;
        line-height: 30px;
        white-space: nowrap;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__button-subtitle {
        font-family: Cairo, sans-serif;
        font-size: 15px;
        font-weight: 750;
        line-height: 1.1;
        white-space: nowrap;
    }

    .iao-cod-sbn:where(.iao-desktop-premium) .iao-cod-sbn__button-icon {
        filter: drop-shadow(0 2px 0 rgba(255, 255, 255, 0.28));
    }

    .iao-cod-sbn:where(.iao-desktop-premium).has-separators .iao-cod-sbn__major-segment + .iao-cod-sbn__major-segment::before,
    .iao-cod-sbn:where(.iao-desktop-premium).has-separators .iao-cod-sbn__item + .iao-cod-sbn__item::before {
        height: var(--iao-separator-height);
        opacity: 0.95;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).has-separators.has-separator-marker .iao-cod-sbn__major-segment + .iao-cod-sbn__major-segment::after,
    .iao-cod-sbn:where(.iao-desktop-premium).has-separators.has-separator-marker .iao-cod-sbn__item + .iao-cod-sbn__item::after {
        content: "";
        position: absolute;
        top: 50%;
        width: var(--iao-separator-marker-size);
        height: var(--iao-separator-marker-size);
        background: #d9b56f;
        transform: translateY(-50%) rotate(45deg);
        border-radius: 1px;
        pointer-events: none;
        z-index: 2;
    }

    .iao-cod-sbn:where(.iao-desktop-premium).has-separators.has-separator-marker .iao-cod-sbn__major-segment + .iao-cod-sbn__major-segment::after {
        inset-inline-start: calc((var(--iao-column-gap) + var(--iao-separator-marker-size)) / -2);
    }

    .iao-cod-sbn:where(.iao-desktop-premium).has-separators.has-separator-marker .iao-cod-sbn__item + .iao-cod-sbn__item::after {
        inset-inline-start: calc(var(--iao-separator-marker-size) / -2);
    }
}

@media (max-width: 1024px) {
    .iao-cod-sbn.iao-hide-tablet {
        display: none;
    }

    .iao-item-hide-tablet {
        display: none !important;
    }

    .iao-cod-sbn__bar {
        min-height: 76px;
    }

    .iao-cod-sbn__price-current {
        font-size: 36px;
    }

}

@media (max-width: 767px) {
    .iao-cod-sbn.iao-hide-mobile {
        display: none;
    }

    .iao-item-hide-mobile {
        display: none !important;
    }

    .iao-cod-sbn {
        padding-left: 8px;
        padding-right: 8px;
        --iao-column-gap: 7px;
        --iao-viewport-offset: 35px;
        --iao-price-width: 100%;
        --iao-price-height: 65px;
        --iao-button-width: 100%;
        --iao-button-height: 63px;
        --iao-item-icon-circle-size: 32px;
        --iao-item-icon-circle-bg: rgba(0, 0, 0, 0);
        --iao-promo-badge-color: #2f2118;
        --iao-promo-badge-bg: rgba(0, 0, 0, 0);
        --iao-promo-badge-padding: 0;
        --iao-promo-badge-radius: 0;
    }

    /*
     * Approved mobile composition:
     * - first row: promotion + two compact reassurance items;
     * - second row: dominant full-width CTA.
     * The responsive Elementor control remains authoritative: this layout is
     * applied when Mobile Layout Mode is set to Button Dominant (the default).
     */
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__bar {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        grid-template-areas:
            "items promotion"
            "button button";
        align-items: stretch;
        justify-content: stretch;
        column-gap: 0;
        row-gap: var(--iao-content-rows-gap);
        width: 100%;
        padding: 8px;
        border-radius: 22px;
        overflow: hidden;
        background: linear-gradient(180deg, #fffdf8 0%, #fff8ec 100%);
        box-shadow:
            0 7px 24px rgba(69, 43, 18, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.iao-dir-ltr .iao-cod-sbn__bar {
        grid-template-areas:
            "promotion items"
            "button button";
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price-slot {
        grid-area: promotion;
        width: 100%;
        min-width: 0;
        align-self: stretch;
        justify-content: center;
        padding: 0 0 0 5px;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.iao-dir-ltr .iao-cod-sbn__price-slot {
        padding: 0 5px 0 0;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price {
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto;
        min-height: var(--iao-price-height);
        display: grid;
        grid-template-rows: var(--iao-item-icon-circle-size) auto;
        align-content: start;
        justify-items: center;
        row-gap: 4px;
        padding: 4px 5px;
        text-align: center;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        overflow: visible;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price-copy {
        grid-row: 2;
        min-width: 0;
        min-height: calc(var(--iao-mobile-top-row-line-height) + var(--iao-mobile-top-row-line-height));
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        line-height: var(--iao-mobile-top-row-line-height);
        text-align: center;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__promo-title {
        display: none;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__promo-subtitle {
        width: 100%;
        max-width: 100%;
        min-height: calc(var(--iao-mobile-top-row-line-height) + var(--iao-mobile-top-row-line-height));
        margin: 0;
        padding: 1px 0 2px;
        border-radius: var(--iao-promo-badge-radius);
        font-family: var(--iao-mobile-top-row-font-family);
        font-size: var(--iao-mobile-top-row-font-size);
        font-weight: var(--iao-mobile-top-row-font-weight);
        line-height: var(--iao-mobile-top-row-line-height);
        color: var(--iao-mobile-top-row-text-color);
        background: var(--iao-promo-badge-bg);
        box-shadow: none;
        align-items: flex-start;
        justify-content: center;
        box-sizing: border-box;
        text-align: center;
        white-space: normal;
        overflow: visible;
        overflow-wrap: anywhere;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price-icon {
        grid-row: 1;
        align-self: center;
        justify-self: center;
        flex: 0 0 var(--iao-item-icon-circle-size);
        width: var(--iao-item-icon-circle-size);
        height: var(--iao-item-icon-circle-size);
        min-width: var(--iao-item-icon-circle-size);
        min-height: var(--iao-item-icon-circle-size);
        filter: none;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__items {
        grid-area: items;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        justify-content: stretch;
        width: 100%;
        min-width: 0;
        align-self: stretch;
        direction: rtl;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.iao-dir-ltr .iao-cod-sbn__items {
        direction: ltr;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item {
        width: 100%;
        min-width: 0;
        max-width: none;
        height: auto;
        min-height: var(--iao-price-height);
        display: grid;
        grid-template-rows: var(--iao-item-icon-circle-size) auto;
        align-content: start;
        justify-items: center;
        row-gap: 4px;
        padding: 4px 3px;
        text-align: center;
        white-space: normal;
        overflow: visible;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-copy {
        grid-row: 2;
        min-width: 0;
        min-height: calc(var(--iao-mobile-top-row-line-height) + var(--iao-mobile-top-row-line-height));
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-primary {
        width: 100%;
        min-height: calc(var(--iao-mobile-top-row-line-height) + var(--iao-mobile-top-row-line-height));
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 1px 0 2px;
        font-family: var(--iao-mobile-top-row-font-family);
        font-size: var(--iao-mobile-top-row-font-size);
        font-weight: var(--iao-mobile-top-row-font-weight);
        line-height: var(--iao-mobile-top-row-line-height);
        color: var(--iao-mobile-top-row-text-color);
        text-align: center;
        box-sizing: border-box;
        white-space: normal;
        overflow: visible;
        overflow-wrap: anywhere;
    }

    /*
     * The dedicated Mobile Three-Compartment Row controls must win over the
     * separate desktop-oriented promotion/item typography controls. Applying
     * the same variables to both label types guarantees that color, size, font
     * family, weight, and line-height change together in all three compartments.
     */
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__promo-subtitle,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-primary {
        font-family: var(--iao-mobile-top-row-font-family) !important;
        font-size: var(--iao-mobile-top-row-font-size) !important;
        font-weight: var(--iao-mobile-top-row-font-weight) !important;
        line-height: var(--iao-mobile-top-row-line-height) !important;
        color: var(--iao-mobile-top-row-text-color) !important;
    }

    /*
     * Keep all three mobile labels on the same shared text row. The previous
     * flex-based label boxes could position the promotion label differently
     * from the two repeater labels after responsive typography changes.
     * A fixed two-line grid cell gives every compartment the same top edge
     * and the same available text height without clipping Arabic glyphs.
     */
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price-copy,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-copy {
        display: grid;
        grid-template-rows: calc(var(--iao-mobile-top-row-line-height) * 2 + 3px);
        align-items: start;
        justify-items: center;
        width: 100%;
        height: calc(var(--iao-mobile-top-row-line-height) * 2 + 3px);
        min-height: calc(var(--iao-mobile-top-row-line-height) * 2 + 3px);
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__promo-subtitle,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-primary {
        display: block !important;
        align-self: start;
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 0 !important;
        padding: 1px 0 2px;
        text-align: center;
        overflow: visible;
        box-sizing: border-box;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-secondary {
        display: none;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-icon {
        grid-row: 1;
        align-self: center;
        justify-self: center;
        width: var(--iao-item-icon-circle-size);
        height: var(--iao-item-icon-circle-size);
        min-width: var(--iao-item-icon-circle-size);
        min-height: var(--iao-item-icon-circle-size);
        max-width: var(--iao-item-icon-circle-size);
        max-height: var(--iao-item-icon-circle-size);
        padding: 0;
        color: #c68a24;
        background: var(--iao-item-icon-circle-bg);
        border-color: transparent;
        box-shadow: none;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__button-slot {
        grid-area: button;
        width: 100%;
        min-width: 0;
        align-self: stretch;
        justify-content: center;
        padding: 0;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__button {
        width: var(--iao-button-width);
        max-width: 100%;
        min-width: 0;
        height: var(--iao-button-height);
        min-height: 58px;
        margin: 0 auto;
        padding: 6px 12px;
        gap: 12px;
        direction: ltr;
        border-radius: 16px;
        color: #25160D;
        background: linear-gradient(173deg, #FEAE5B 42%, #FFAE3A 84%);
        border: 2px solid #d59a28;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.68),
            0 4px 0 rgba(126, 73, 9, 0.2),
            0 7px 14px rgba(91, 52, 8, 0.2);
        text-shadow: 0 1px 0 rgba(92, 52, 8, 0.18);
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__button-copy {
        min-width: 0;
        align-items: center;
        justify-content: center;
        gap: 2px;
        direction: rtl;
        text-align: center;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__button-main {
        font-size: clamp(21px, 6.3vw, 27px);
        font-weight: 850;
        white-space: nowrap;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__button-subtitle {
        display: block;
        font-size: clamp(11px, 3.5vw, 14px);
        font-weight: 600;
        line-height: 1.1;
        color: #5F3B13;
        white-space: nowrap;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__button-icon {
        flex: 0 0 auto;
        font-size: 34px;
        color: #25160D;
        filter: none;
    }

    /* Keep only the two compact vertical separators in the first row. */
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__button-slot::before,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__button-slot::after,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__major-segment::after,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__item::after {
        display: none;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__items::before,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__item + .iao-cod-sbn__item::before {
        display: block;
        top: 50%;
        width: var(--iao-separator-width);
        height: 68%;
        transform: translateY(-50%);
        background: #d7b98c;
        opacity: 0.9;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__items::before {
        content: "";
        position: absolute;
        inset-inline-start: auto;
        inset-inline-end: auto;
        right: auto;
        left: 0;
        pointer-events: none;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.iao-dir-ltr.has-separators .iao-cod-sbn__items::before {
        right: auto;
        left: 0;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__item + .iao-cod-sbn__item::before {
        inset-inline-start: calc(var(--iao-separator-width) / -2);
    }


    /*
     * v0.1.23 — definitive mobile alignment fix.
     *
     * The promotion block and the two information blocks previously lived in
     * two separate nested grids. Even with matching font metrics, those grids
     * could calculate their second row independently, leaving the third block
     * (the promotion block, on the left in RTL) a few pixels out of alignment.
     *
     * On the approved Button Dominant mobile layout, expose the promotion and
     * the two information items directly to one shared three-column grid. All
     * three icons therefore occupy the same grid row and all three labels the
     * same grid row, so their horizontal alignment is deterministic.
     */
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: auto auto;
        grid-template-areas: none;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price-slot,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__items {
        display: contents;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item {
        grid-row: 1;
        min-height: var(--iao-price-height);
        display: grid;
        grid-template-rows:
            var(--iao-item-icon-circle-size)
            calc(var(--iao-mobile-top-row-line-height) * 2 + 3px);
        align-content: start;
        align-items: start;
        justify-items: center;
        row-gap: 4px;
        margin: 0;
        padding: 4px 3px;
        box-sizing: border-box;
    }

    /* Physical mobile order for RTL: Promotion | COD | Fast delivery. */
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price {
        grid-column: 3;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item:nth-child(1) {
        grid-column: 1;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item:nth-child(2) {
        grid-column: 2;
    }

    /* LTR keeps the promotion first, followed by the two reassurance items. */
    .iao-cod-sbn.iao-layout-mobile-button-dominant.iao-dir-ltr .iao-cod-sbn__price {
        grid-column: 1;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.iao-dir-ltr .iao-cod-sbn__item:nth-child(1) {
        grid-column: 2;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.iao-dir-ltr .iao-cod-sbn__item:nth-child(2) {
        grid-column: 3;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price-icon,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-icon {
        grid-row: 1;
        align-self: center;
        justify-self: center;
        margin: 0;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price-copy,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-copy {
        grid-row: 2;
        align-self: start;
        justify-self: stretch;
        width: 100%;
        height: calc(var(--iao-mobile-top-row-line-height) * 2 + 3px);
        min-height: calc(var(--iao-mobile-top-row-line-height) * 2 + 3px);
        margin: 0;
        padding: 0;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__promo-subtitle,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__item-primary {
        margin: 0 !important;
        padding: 1px 0 2px;
        vertical-align: top;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__button-slot {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    /* Rebuild the two separators on the shared grid boundaries. */
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__items::before,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__item::before {
        display: none;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__item:nth-child(1)::before,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__item:nth-child(2)::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: var(--iao-separator-width);
        height: 68%;
        transform: translateY(-50%);
        background: #d7b98c;
        opacity: 0.9;
        pointer-events: none;
    }


    /*
     * v0.1.24 — stable mobile top-row structure.
     *
     * The approved mobile composition now has its own three-cell row instead
     * of trying to merge the desktop promotion and repeater wrappers. This
     * guarantees identical icon/text rows and fixes the separator at the exact
     * boundary between Promotion and Cash on Delivery.
     */
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__bar {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        grid-template-areas:
            "mobile-row"
            "button";
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__price-slot,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__items {
        display: none !important;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__mobile-top-row {
        grid-area: mobile-row;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: start;
        width: 100%;
        min-width: 0;
        direction: ltr;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__mobile-cell {
        position: relative;
        display: grid;
        grid-template-rows:
            var(--iao-item-icon-circle-size)
            calc(var(--iao-mobile-top-row-line-height) * 2 + 3px);
        align-content: start;
        align-items: start;
        justify-items: center;
        row-gap: 4px;
        width: 100%;
        min-width: 0;
        min-height: var(--iao-price-height);
        margin: 0;
        padding: 4px 3px;
        direction: rtl;
        text-align: center;
        text-decoration: none;
        box-sizing: border-box;
        overflow: visible;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant.iao-dir-ltr .iao-cod-sbn__mobile-cell {
        direction: ltr;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__mobile-cell-icon {
        grid-row: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        justify-self: center;
        width: var(--iao-item-icon-circle-size);
        height: var(--iao-item-icon-circle-size);
        min-width: var(--iao-item-icon-circle-size);
        min-height: var(--iao-item-icon-circle-size);
        max-width: var(--iao-item-icon-circle-size);
        max-height: var(--iao-item-icon-circle-size);
        margin: 0;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        line-height: 1;
        overflow: visible;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__mobile-cell-icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__mobile-cell-text {
        grid-row: 2;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
        height: calc(var(--iao-mobile-top-row-line-height) * 2 + 3px);
        min-height: calc(var(--iao-mobile-top-row-line-height) * 2 + 3px);
        margin: 0;
        padding: 0;
        overflow: visible;
        box-sizing: border-box;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__mobile-cell-text .iao-cod-sbn__promo-subtitle,
    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__mobile-cell-text .iao-cod-sbn__item-primary {
        display: block !important;
        align-self: flex-start;
        width: 100%;
        min-width: 0;
        min-height: 0;
        margin: 0 !important;
        padding: 1px 0 2px;
        font-family: var(--iao-mobile-top-row-font-family) !important;
        font-size: var(--iao-mobile-top-row-font-size) !important;
        font-weight: var(--iao-mobile-top-row-font-weight) !important;
        line-height: var(--iao-mobile-top-row-line-height) !important;
        color: var(--iao-mobile-top-row-text-color) !important;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        text-align: center;
        white-space: normal;
        overflow: visible;
        overflow-wrap: anywhere;
        box-sizing: border-box;
    }

    .iao-cod-sbn.iao-layout-mobile-button-dominant .iao-cod-sbn__button-slot {
        grid-area: button;
        grid-column: 1;
        grid-row: 2;
    }

    /* Remove every legacy mobile separator before drawing the single approved one. */
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__price-slot::before,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__price-slot::after,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__items::before,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__items::after,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__item::before,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__item::after,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__button-slot::before,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__button-slot::after {
        display: none !important;
        content: none !important;
    }

    /*
     * Exactly two internal separators for the three mobile compartments:
     * Promotion | Cash on Delivery | Fast Delivery.
     * No separator is drawn on the outer right edge of Fast Delivery.
     */
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__mobile-cell--promotion::after,
    .iao-cod-sbn.iao-layout-mobile-button-dominant.has-separators .iao-cod-sbn__mobile-cell--promotion + .iao-cod-sbn__mobile-cell--item::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: var(--iao-separator-width);
        height: var(--iao-separator-height);
        transform: translate(50%, -50%);
        background: #d7b98c;
        opacity: 0.9;
        pointer-events: none;
    }

    /* Other mobile modes remain available as simpler alternatives. */
    .iao-cod-sbn.iao-layout-mobile-stacked .iao-cod-sbn__bar {
        flex-direction: column;
        align-items: stretch;
    }

    .iao-cod-sbn.iao-layout-mobile-stacked .iao-cod-sbn__price,
    .iao-cod-sbn.iao-layout-mobile-stacked .iao-cod-sbn__button {
        width: 100%;
        max-width: 100%;
    }

    .iao-cod-sbn.iao-layout-mobile-compact .iao-cod-sbn__bar,
    .iao-cod-sbn.iao-layout-mobile-horizontal .iao-cod-sbn__bar {
        gap: var(--iao-column-gap);
        padding: 6px;
        min-height: 64px;
        border-radius: 14px;
    }

    .iao-cod-sbn.iao-layout-mobile-compact .iao-cod-sbn__item,
    .iao-cod-sbn.iao-layout-mobile-horizontal .iao-cod-sbn__item {
        min-width: 58px;
        padding: 3px 5px;
        gap: 4px;
        flex-direction: column;
    }

    .iao-cod-sbn.iao-layout-mobile-compact .iao-cod-sbn__item-primary,
    .iao-cod-sbn.iao-layout-mobile-compact .iao-cod-sbn__item-secondary,
    .iao-cod-sbn.iao-layout-mobile-horizontal .iao-cod-sbn__item-primary,
    .iao-cod-sbn.iao-layout-mobile-horizontal .iao-cod-sbn__item-secondary {
        font-size: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .iao-cod-sbn,
    .iao-cod-sbn__button {
        transition: none !important;
        animation: none !important;
    }
}