.ontb-self-service-display{max-width:620px;padding:16px;background:#fff;border:1px solid #e1e4e7;border-radius:8px;color:#25282b}.ontb-self-service-display__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.ontb-self-service-display__eyebrow{display:block;color:#6b737b;font-size:12px;letter-spacing:.08em}.ontb-self-service-display__header h2{margin:2px 0 0;font-size:20px;line-height:1.3}.ontb-self-service-display__list{display:grid;gap:10px}.ontb-self-service-display__item{display:block;position:relative;border:1px solid #e1e4e7;border-radius:6px;overflow:hidden;background:#f5f7f8}.ontb-self-service-display__item picture,.ontb-self-service-display__item img{display:block;width:100%}.ontb-self-service-display__item img{height:auto;max-height:180px;object-fit:cover}.ontb-self-service-display__item>span{position:absolute;right:8px;top:8px;padding:2px 6px;background:rgba(37,40,43,.78);border-radius:3px;color:#fff;font-size:11px}.ontb-self-service-display__placeholder{display:grid;gap:8px;justify-items:start;padding:24px 18px;border:1px dashed #c8ced3;border-radius:6px;background:#f7f8f9;color:#5e6870}.ontb-self-service-display__placeholder strong{color:#25282b}.ontb-self-service-display__note{margin:12px 0 0;color:#737b82;font-size:12px}.ontb-placement-entry{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid #e1e4e7;border-radius:6px;background:#fff;color:#25282b}.ontb-placement-entry span{flex:1;color:#6b737b;font-size:13px}.ontb-placement-entry .ontb-placement-button{margin-left:auto}.ontb-placement-entry .ontb-placement-button,.ontb-self-service-display__header .ontb-placement-button{min-height:34px;padding:0 13px;font-size:13px}@media(max-width:600px){.ontb-self-service-display{padding:12px}.ontb-self-service-display__header{align-items:flex-start}.ontb-placement-entry{display:grid}.ontb-placement-entry .ontb-placement-button{margin-left:0}}
.ontb-placement-widget{max-width:620px;padding:22px;background:#fff;border:1px solid rgba(30,35,40,.12);border-radius:8px;box-shadow:0 8px 24px rgba(20,24,28,.06);color:#25282b;font-size:14px;line-height:1.6}.ontb-placement-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.ontb-placement-kicker{display:block;color:#6b737b;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ontb-placement-heading h2{margin:2px 0 0;font-size:23px;line-height:1.25}.ontb-placement-price{color:#1d5f9f;font-weight:600;white-space:nowrap}.ontb-placement-intro{margin:0 0 18px;color:#5e6870}.ontb-placement-form:not([data-theme-native]) label{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;color:#3d454c;font-weight:600}.ontb-placement-form:not([data-theme-native]) input[type=text],.ontb-placement-form:not([data-theme-native]) input[type=url],.ontb-placement-form:not([data-theme-native]) input[type=number],.ontb-placement-form:not([data-theme-native]) input[type=file],.ontb-placement-form:not([data-theme-native]) select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #c8ced3;border-radius:5px;background:#fff;color:#25282b;font:inherit;font-weight:400}.ontb-placement-form:not([data-theme-native]) input:focus,.ontb-placement-form:not([data-theme-native]) select:focus{border-color:#2271b1;outline:2px solid rgba(34,113,177,.2);outline-offset:1px}.ontb-placement-form:not([data-theme-native]) small{color:#707980;font-weight:400}.ontb-placement-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ontb-placement-consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px;font-weight:400!important}.ontb-placement-consent input{margin-top:4px}.ontb-placement-feedback{min-height:24px;margin:0 0 8px;color:#5e6870}.ontb-placement-feedback.is-error{color:#b32d2e}.ontb-placement-feedback.is-success{color:#16734b}.ontb-placement-payment{margin-top:18px;padding-top:18px;border-top:1px solid #e1e4e7}.ontb-placement-payment-note{margin:10px 0 0;color:#6b737b;font-size:13px}.ontb-placement-history{margin-top:22px;padding-top:16px;border-top:1px solid #e1e4e7}.ontb-placement-history h3{margin:0 0 8px;font-size:16px}.ontb-placement-history ul{list-style:none;margin:0;padding:0}.ontb-placement-history li{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:8px 0;border-bottom:1px solid #edf0f2}.ontb-placement-history li strong{color:#2271b1}.ontb-placement-history li small{grid-column:1 / -1;color:#b32d2e}.ontb-placement-login{padding:14px;background:#f5f7f8;border:1px solid #e1e4e7;border-radius:5px}.ontb-placement-login p{margin:0 0 10px}.ontb-placement-footnote{margin:18px 0 0;color:#737b82;font-size:12px}.ontb-placement-notice{padding:14px;border:1px solid #e1e4e7;background:#f5f7f8;color:#5e6870}@media(max-width:600px){.ontb-placement-widget{padding:16px}.ontb-placement-heading{display:block}.ontb-placement-price{display:block;margin-top:6px}.ontb-placement-grid{grid-template-columns:1fr}}
.ontb-placement-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid #1d5f9f;border-radius:5px;background:#2271b1;color:#fff;text-decoration:none;font-weight:600;cursor:pointer}.ontb-placement-button:hover,.ontb-placement-button:focus{background:#135e96;color:#fff}.ontb-placement-button:disabled{opacity:.6;cursor:wait}

/* Shared theme-aware surface overrides. The same tokens cover the widget and the OneNav modal form. */
.ontb-self-service-display,.ontb-placement-widget{--ontb-accent:var(--theme-color,#f1404b);--ontb-text:var(--main-color,#484b4f);--ontb-muted:#7b838b;--ontb-border:#dfe3e7;--ontb-soft:#f4f6f8;max-width:620px;border-color:var(--ontb-border);color:var(--ontb-text)}
.ontb-self-service-display{padding:24px;background:#fff;border-radius:12px;box-shadow:0 12px 28px rgba(34,40,46,.08)}
.ontb-self-service-display__header{margin-bottom:18px;align-items:center}.ontb-self-service-display__eyebrow{color:var(--ontb-muted);font-size:16px;font-weight:700;letter-spacing:.18em;text-transform:none}.ontb-self-service-display__header .ontb-placement-button{min-height:38px;padding:0 16px;border-color:var(--ontb-accent);border-radius:6px;background:transparent;color:var(--ontb-accent);font-size:16px;font-weight:700;white-space:nowrap}.ontb-self-service-display__header .ontb-placement-button:hover,.ontb-self-service-display__header .ontb-placement-button:focus{background:var(--ontb-accent);color:#fff}
.ontb-self-service-display__brand{display:flex;align-items:center;gap:10px}.ontb-self-service-display__mark{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:2px solid var(--ontb-accent);border-radius:50%;color:var(--ontb-accent);font-weight:800;line-height:1}.ontb-placement-duration-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px}.ontb-placement-duration-row input,.ontb-placement-duration-row select{min-width:0}
.ontb-self-service-display__placeholder{min-height:104px;align-content:center;justify-items:center;padding:20px;border:1px dashed #c6cdd3;border-radius:8px;background:#fafbfc;text-align:center}.ontb-self-service-display__placeholder strong{color:var(--ontb-muted);font-size:24px;letter-spacing:.08em}.ontb-self-service-display__placeholder span{color:var(--ontb-muted);font-size:13px}.ontb-self-service-display__placeholder .ontb-placement-button{min-height:40px;margin-top:4px;background:var(--ontb-accent);border-color:var(--ontb-accent)}
.ontb-self-service-display__note{margin-top:16px;color:var(--ontb-muted);font-size:13px;line-height:1.7}
.ontb-placement-widget{padding:24px;border-radius:10px;box-shadow:0 10px 24px rgba(34,40,46,.08)}.ontb-placement-heading{padding-bottom:16px;border-bottom:1px solid var(--ontb-border)}.ontb-placement-kicker{color:var(--ontb-muted);font-size:12px;font-weight:700;letter-spacing:.14em}.ontb-placement-heading h2{color:var(--ontb-text);font-size:22px}.ontb-placement-price{color:var(--ontb-accent)}.ontb-placement-intro{color:var(--ontb-muted)}
.ontb-placement-image-dimensions{display:block;margin-top:4px;color:var(--ontb-accent)!important;font-weight:600!important}
.ontb-placement-duration-presets{display:flex;gap:6px;flex-wrap:wrap}.ontb-placement-duration-preset{min-height:30px;padding:3px 9px;border:1px solid var(--ontb-border);border-radius:5px;background:#fff;color:var(--ontb-muted);cursor:pointer;font:inherit;font-size:12px}.ontb-placement-duration-preset:hover,.ontb-placement-duration-preset:focus,.ontb-placement-duration-preset.is-selected{border-color:var(--ontb-accent);background:color-mix(in srgb,var(--ontb-accent) 8%,#fff);color:var(--ontb-accent)}
.ontb-placement-form:not([data-theme-native]) label{color:var(--ontb-text);font-size:14px}.ontb-placement-form:not([data-theme-native]) input[type=text],.ontb-placement-form:not([data-theme-native]) input[type=email],.ontb-placement-form:not([data-theme-native]) input[type=url],.ontb-placement-form:not([data-theme-native]) input[type=number],.ontb-placement-form:not([data-theme-native]) input[type=file],.ontb-placement-form:not([data-theme-native]) select{min-height:44px;border-color:transparent;border-radius:7px;background:var(--ontb-soft);color:var(--ontb-text)}.ontb-placement-form:not([data-theme-native]) input[type=file]{padding:10px}.ontb-placement-form:not([data-theme-native]) input:focus,.ontb-placement-form:not([data-theme-native]) select:focus{border-color:var(--ontb-accent);outline:2px solid color-mix(in srgb,var(--ontb-accent) 22%,transparent);background:#fff}.ontb-placement-form:not([data-theme-native]) small{color:var(--ontb-muted)}.ontb-placement-consent{color:var(--ontb-muted)!important}.ontb-placement-feedback.is-error{color:#b42318}.ontb-placement-feedback.is-success{color:#147a52}.ontb-placement-payment{border-top-color:var(--ontb-border)}.ontb-placement-payment-form .iopay-pay-button,.ontb-placement-payment-form button,.ontb-placement-payment-form input[type=submit]{width:100%;min-height:46px;border-color:var(--ontb-accent);border-radius:7px;background:var(--ontb-accent);color:#fff;font-size:16px;font-weight:700}.ontb-placement-history{border-top-color:var(--ontb-border)}.ontb-placement-history li strong{color:var(--ontb-accent)}
.ontb-placement-button{border-color:var(--ontb-accent);background:var(--ontb-accent);color:#fff}.ontb-placement-button:hover,.ontb-placement-button:focus{border-color:var(--ontb-accent);background:color-mix(in srgb,var(--ontb-accent) 86%,#000);color:#fff}.ontb-placement-button:focus-visible{outline:2px solid var(--ontb-accent);outline-offset:2px}
@supports not (color:color-mix(in srgb,red 10%,white)){.ontb-placement-form:not([data-theme-native]) input:focus,.ontb-placement-form:not([data-theme-native]) select:focus{outline-color:rgba(241,64,75,.22)}.ontb-placement-button:hover,.ontb-placement-button:focus{background:#c93640}}
@media(max-width:600px){.ontb-self-service-display,.ontb-placement-widget{padding:16px}.ontb-self-service-display__header{gap:10px}.ontb-self-service-display__header .ontb-placement-button{padding:0 14px;font-size:14px}.ontb-self-service-display__placeholder strong{font-size:21px}}

/* The theme controls the card width; all visible content shares one centered
 * column. Apply the sponsor header's vertical spacing only once. */
.ontb-self-service-display {
    --ontb-display-content-width: 278px;
    --ontb-display-image-height: 70px;
    --ontb-display-inline-inset: 20px;
    --ontb-display-block-gap: 12px;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    padding: 0 0 var(--ontb-display-block-gap);
    border-radius: 12px;
}
.ontb-self-service-display__header,
.ontb-self-service-display__list,
.ontb-self-service-display__placeholder,
.ontb-self-service-display__note {
    box-sizing: border-box;
    width: var(--ontb-display-content-width);
    max-width: calc(100% - 2 * var(--ontb-display-inline-inset));
    margin-right: auto;
    margin-left: auto;
}
.ontb-self-service-display__header {
    position: relative;
    min-height: 0;
    margin-top: 0;
    margin-bottom: var(--ontb-display-block-gap);
    padding: 16px 0 12px;
    align-items: center;
    gap: 12px;
}
.ontb-self-service-display__header::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: rgba(116, 116, 116, .1);
}
.ontb-self-service-display__brand {
    display: block;
    min-width: 0;
}
.ontb-self-service-display__eyebrow {
    display: block;
    margin: 0;
    overflow: hidden;
    color: var(--main-color, #1d1d1f);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ontb-self-service-display__header .ontb-placement-button {
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--theme-color, #0066cc);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}
.ontb-self-service-display__header .ontb-placement-button:hover,
.ontb-self-service-display__header .ontb-placement-button:focus {
    background: transparent;
    color: var(--theme-color, #0066cc);
    text-decoration: underline;
}
.ontb-self-service-display__item {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    border: 0;
    height: var(--ontb-display-image-height);
}
.ontb-self-service-display__item picture {
    position: absolute;
    inset: 0;
    height: 100%;
}
.ontb-self-service-display__item picture,
.ontb-self-service-display__item img {
    width: 100%;
}
.ontb-self-service-display__item img {
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center;
}
.ontb-self-service-display__note {
    margin-top: 16px;
    margin-bottom: calc(20px - var(--ontb-display-block-gap));
}
@media (max-width: 600px) {
    .ontb-self-service-display {
        --ontb-display-inline-inset: 16px;
    }
}

/* The upload control exposes one deliberate action: the button. The filename and
 * measured dimensions remain readable status text and never proxy a file click. */
.ontb-placement-field{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;color:var(--ontb-text);font-size:14px;font-weight:600}
.ontb-placement-field-label{display:block}
.ontb-placement-file-picker{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 6px;border:1px solid transparent;border-radius:7px;background:var(--ontb-soft);font-weight:400}
.ontb-placement-file-picker input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ontb-placement-file-button{display:inline-flex!important;min-height:34px!important;margin:0!important;padding:0 14px!important;align-items:center!important;justify-content:center!important;border:1px solid var(--ontb-accent);border-radius:6px;background:var(--ontb-accent);color:#fff!important;cursor:pointer;font-size:13px!important;font-weight:700!important;line-height:1!important}
.ontb-placement-file-button:hover,.ontb-placement-file-button:focus{background:color-mix(in srgb,var(--ontb-accent) 86%,#000);color:#fff!important}
.ontb-placement-file-picker input[type=file]:focus-visible + .ontb-placement-file-button{outline:2px solid var(--ontb-accent);outline-offset:2px}
.ontb-placement-file-name{min-width:0;overflow:hidden;color:var(--ontb-muted);font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.ontb-placement-field .ontb-placement-image-dimensions{margin:0;color:var(--ontb-accent)!important;font-size:12px;font-weight:600!important}
.ontb-placement-modal .ontb-placement-widget{max-width:none;padding:0;border:0;box-shadow:none}
.ontb-placement-modal .ontb-placement-footnote{display:none}
@supports not (color:color-mix(in srgb,red 10%,white)){
    .ontb-placement-file-button:hover,.ontb-placement-file-button:focus{background:#c93640}
}
@media(max-width:600px){.ontb-placement-file-picker{align-items:flex-start;flex-direction:column;padding:8px}.ontb-placement-file-button{width:100%}.ontb-placement-file-name{max-width:100%}}

/* OneNav owns the purchase dialog dimensions, typography and form controls. */
.ontb-placement-purchase-surface .ontb-placement-products button{font:inherit;color:inherit;background:transparent}
.ontb-placement-purchase-surface [hidden]{display:none!important}
.ontb-placement-purchase-surface .ontb-placement-products{--ontb-product-columns:4;--ontb-product-gap:10px;display:flex!important;flex-wrap:wrap;gap:var(--ontb-product-gap)}
.ontb-placement-purchase-surface .ontb-placement-product{min-width:0;min-height:88px;padding:8px;border:1px solid var(--muted-bg-a-color);border-radius:var(--theme-border-radius-md);cursor:pointer;text-align:center}
.ontb-placement-purchase-surface .ontb-placement-product{flex:1 1 calc((100% - (var(--ontb-product-columns) - 1) * var(--ontb-product-gap)) / var(--ontb-product-columns))!important;max-width:100%;margin:0}
.ontb-placement-purchase-surface .ontb-placement-product.active{border-color:var(--theme-color);box-shadow:inset 0 0 0 1px var(--theme-color)}
.ontb-placement-purchase-surface .ontb-placement-product:focus-visible{outline:2px solid var(--theme-color);outline-offset:2px}
.ontb-placement-purchase-surface .ontb-placement-price-group{width:100%;min-width:0;line-height:1.5;overflow-wrap:anywhere}
.ontb-placement-purchase-surface .ontb-placement-card-price{font-size:14px!important;font-weight:600}
.ontb-placement-purchase-surface .ontb-placement-product .original-price{display:block;width:fit-content;max-width:100%;margin:0 auto;color:var(--muted-color);font-size:12px!important;text-decoration:line-through;overflow-wrap:anywhere}
.ontb-placement-purchase-surface .ontb-placement-upload{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--input-bg-color);border-radius:var(--theme-border-radius-md)}
.ontb-placement-purchase-surface .ontb-placement-file-name{min-width:0;flex:1;font:inherit;color:var(--muted-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ontb-placement-purchase-surface .ontb-placement-upload input:focus-visible+label{outline:2px solid var(--theme-color);outline-offset:2px}
.ontb-placement-purchase-surface .ontb-placement-location-option:focus-within{outline:0;box-shadow:inset 0 0 0 1px rgba(34,113,177,.45)}
.ontb-placement-purchase-surface .ontb-placement-feedback:empty{display:none}
.ontb-placement-purchase-surface .ontb-placement-payment{margin:0;padding:0;border:0}
.ontb-placement-purchase-surface .ontb-placement-file-button{background:var(--ontb-accent,#f1404b)!important;border-color:var(--ontb-accent,#f1404b)!important;color:#fff!important;opacity:1!important}
.ontb-placement-purchase-surface .ontb-placement-review-notice{margin:12px 0 0;padding:10px 12px;border-radius:var(--theme-border-radius-md,8px);background:var(--danger-bg-color,rgba(241,64,75,.08));color:var(--danger-color,#f1404b);font-size:13px;line-height:1.7;text-align:center;white-space:pre-line;overflow-wrap:anywhere}
.ontb-self-service-display__note{white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:600px){.ontb-placement-purchase-surface .ontb-placement-products{--ontb-product-columns:2}}