.kt-optin-wrap {
    --kt-primary: #ffffff;
    --kt-text: #111827;
    --kt-btn-bg: #0b57d0;
    --kt-btn-text: #ffffff;
    --kt-input-bg: #ffffff;
    --kt-input-text: #111827;
    --kt-space: 12px;
    --kt-font-size: 16px;
    --kt-font-family: inherit;
    --kt-radius: 8px;
    --kt-wrap-max-width: 520px;
    --kt-border: #d1d5db;
    --kt-bg: #ffffff;

    position: relative;
    overflow: visible;
    box-sizing: border-box;
    font-family: var(--kt-font-family);
    font-size: var(--kt-font-size);
    color: var(--kt-text);
    background: var(--kt-primary);
    border: 1px solid var(--kt-border);
    border-radius: calc(var(--kt-radius) + 6px);
    padding: calc(var(--kt-space) * 1.35);
    width: 100%;
    max-width: var(--kt-wrap-max-width);
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 14px 30px rgba(16, 35, 72, 0.12);
}

.kt-optin-wrap.kt-align-center {
    width: 100%;
    max-width: var(--kt-wrap-max-width);
    margin-left: auto;
    margin-right: auto;
}

html body.klicktipp-plugin-frontend-preview {
    margin: 0 !important;
    padding: 0 !important;
}

html.klicktipp-plugin-frontend-preview,
body.klicktipp-plugin-frontend-preview {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.klicktipp-plugin-frontend-preview #wpadminbar {
    display: none !important;
}

body.klicktipp-plugin-frontend-preview :is(
    #query-monitor-main,
    #query-monitor-container,
    #qm-wrapper,
    #qm-panel-menu,
    #qm-overview,
    #qm-admin-bar-menu,
    [id^="qm-"],
    [class*="query-monitor"]
) {
    display: none !important;
    visibility: hidden !important;
}

.kt-optin-preview-shell {
    max-width: var(--wp--style--global--content-size, 645px);
    width: 100%;
    margin: 0 auto;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.kt-optin-preview-shell .kt-optin-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
}

.kt-optin-block-scope .kt-optin-wrap {
    width: 100% !important;
    max-width: var(--kt-wrap-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Shared preview surface for both admin form editor and Gutenberg block editor */
.kt-unified-preview-canvas {
    border: 1px solid #cfdcf2;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: #f4f8ff;
}

.kt-optin-wrap.kt-with-gradient {
    background:
        radial-gradient(circle at 14% 10%, color-mix(in srgb, var(--kt-primary), #ffffff 82%) 0%, rgba(15, 118, 110, 0) 45%),
        linear-gradient(160deg, var(--kt-primary) 0%, color-mix(in srgb, var(--kt-primary), #000000 8%) 100%);
}

.kt-optin-wrap * {
    box-sizing: border-box;
}

.kt-optin-wrap.kt-strict-mode :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote) {
    margin: 0;
}

.kt-optin-wrap.kt-strict-mode :where(input, select, textarea, button) {
    margin: 0 !important;
    font: inherit !important;
    line-height: 1.35 !important;
}

.kt-optin-wrap form,
.kt-optin-wrap p {
    margin: 0;
}

.kt-optin-wrap .kt-field-group,
.kt-optin-wrap .kt-input,
.kt-optin-wrap .kt-textarea,
.kt-optin-wrap .kt-multi-dropdown,
.kt-optin-wrap .kt-submit-group,
.kt-optin-wrap .kt-privacy-text {
    margin: 0 !important;
}

.kt-optin-wrap label,
.kt-optin-wrap input,
.kt-optin-wrap select,
.kt-optin-wrap textarea,
.kt-optin-wrap button {
    font-family: inherit;
    font-size: inherit;
    line-height: 1.35;
}

/* Theme variants: use strict, high-specificity selectors and !important to resist host theme overrides. */
.kt-optin-wrap.kt-theme-clean {
    border-color: var(--kt-border) !important;
    box-shadow: 0 14px 30px rgba(16, 35, 72, 0.12) !important;
}

.kt-optin-wrap.kt-theme-minimal {
    border: 1px solid var(--kt-border) !important;
    box-shadow: none !important;
    border-radius: 12px !important;
}

.kt-optin-wrap.kt-theme-minimal .kt-field-group {
    border-color: var(--kt-border) !important;
    background: #ffffff !important;
}

.kt-optin-wrap.kt-theme-minimal .kt-submit-btn {
    background: var(--kt-btn-bg) !important;
    box-shadow: none !important;
}

.kt-optin-wrap.kt-theme-bold {
    border: 2px solid var(--kt-border) !important;
    box-shadow: 0 22px 42px rgba(16, 35, 72, 0.2) !important;
}

.kt-optin-wrap.kt-theme-bold .kt-optin-title {
    font-size: 1.42em !important;
    font-weight: 800 !important;
}

.kt-optin-wrap.kt-theme-bold .kt-submit-btn {
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 14px 26px rgba(16, 38, 83, 0.26) !important;
}

.kt-optin-wrap.kt-theme-soft {
    background: color-mix(in srgb, var(--kt-primary), #fff2f8 32%) !important;
    border-color: var(--kt-border) !important;
    box-shadow: 0 12px 26px rgba(119, 59, 97, 0.12) !important;
}

.kt-optin-wrap.kt-theme-soft .kt-field-group {
    border-color: var(--kt-border) !important;
    background: #fff9fc !important;
}

.kt-optin-wrap.kt-theme-soft .kt-submit-btn {
    background: linear-gradient(120deg, var(--kt-btn-bg) 0%, color-mix(in srgb, var(--kt-btn-bg), #ffeff8 24%) 100%) !important;
}

.kt-optin-wrap.kt-theme-ocean {
    border-color: var(--kt-border) !important;
    box-shadow: 0 14px 30px rgba(2, 132, 199, 0.18) !important;
    background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #ffffff 42%) 0%, color-mix(in srgb, var(--kt-primary), #dbeafe 54%) 100%) !important;
}

.kt-optin-wrap.kt-theme-ocean .kt-field-group {
    border-color: var(--kt-border) !important;
    background: color-mix(in srgb, var(--kt-input-bg), #f0f9ff 28%) !important;
}

.kt-optin-wrap.kt-theme-ocean .kt-submit-btn {
    box-shadow: 0 14px 24px rgba(3, 105, 161, 0.24) !important;
}

.kt-optin-wrap.kt-theme-sunset {
    border-color: var(--kt-border) !important;
    box-shadow: 0 16px 30px rgba(194, 65, 12, 0.2) !important;
    background: linear-gradient(170deg, color-mix(in srgb, var(--kt-primary), #fff7ed 44%) 0%, color-mix(in srgb, var(--kt-primary), #ffedd5 46%) 100%) !important;
}

.kt-optin-wrap.kt-theme-sunset .kt-optin-title {
    color: color-mix(in srgb, var(--kt-text), #7c2d12 38%) !important;
}

.kt-optin-wrap.kt-theme-sunset .kt-submit-btn {
    background: linear-gradient(130deg, var(--kt-btn-bg) 0%, color-mix(in srgb, var(--kt-btn-bg), #fef3c7 20%) 100%) !important;
}

.kt-optin-wrap.kt-theme-forest {
    border-color: var(--kt-border) !important;
    box-shadow: 0 14px 26px rgba(21, 128, 61, 0.18) !important;
    background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #f0fdf4 42%) 0%, color-mix(in srgb, var(--kt-primary), #dcfce7 46%) 100%) !important;
}

.kt-optin-wrap.kt-theme-forest .kt-field-group {
    border-color: var(--kt-border) !important;
}

.kt-optin-wrap.kt-theme-forest .kt-submit-btn {
    box-shadow: 0 12px 24px rgba(22, 101, 52, 0.22) !important;
}

.kt-optin-wrap.kt-theme-noir {
    border: 1px solid var(--kt-border) !important;
    box-shadow: 0 18px 34px rgba(2, 6, 23, 0.5) !important;
    background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #020617 24%) 0%, color-mix(in srgb, var(--kt-primary), #0f172a 72%) 100%) !important;
}

.kt-optin-wrap.kt-theme-noir .kt-optin-title,
.kt-optin-wrap.kt-theme-noir .kt-optin-desc,
.kt-optin-wrap.kt-theme-noir .kt-field-label,
.kt-optin-wrap.kt-theme-noir .kt-field-help,
.kt-optin-wrap.kt-theme-noir .kt-privacy-text,
.kt-optin-wrap.kt-theme-noir .kt-gdpr-label,
.kt-optin-wrap.kt-theme-noir .kt-gdpr-text {
    color: var(--kt-text) !important;
}

.kt-optin-wrap.kt-theme-noir .kt-field-group {
    border-color: var(--kt-border) !important;
    background: color-mix(in srgb, var(--kt-input-bg), #0f172a 16%) !important;
}

.kt-optin-wrap.kt-theme-noir .kt-submit-btn {
    box-shadow: none !important;
}

.kt-optin-wrap.kt-theme-noir .kt-privacy-text a,
.kt-optin-wrap.kt-theme-noir .kt-gdpr-text a {
    color: var(--kt-btn-bg) !important;
}

.kt-optin-wrap.kt-theme-aurora {
    border-color: var(--kt-border) !important;
    box-shadow: 0 16px 30px rgba(99, 102, 241, 0.2) !important;
    background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #ffffff 32%) 0%, color-mix(in srgb, var(--kt-primary), #ddd6fe 42%) 100%) !important;
}

.kt-optin-wrap.kt-theme-aurora .kt-field-group {
    border-color: var(--kt-border) !important;
    background: color-mix(in srgb, var(--kt-input-bg), #ffffff 82%) !important;
}

.kt-optin-wrap.kt-theme-rose {
    border-color: var(--kt-border) !important;
    box-shadow: 0 14px 28px rgba(225, 29, 72, 0.16) !important;
    background: linear-gradient(170deg, color-mix(in srgb, var(--kt-primary), #ffe4e6 34%) 0%, color-mix(in srgb, var(--kt-primary), #fff1f2 46%) 100%) !important;
}

.kt-optin-wrap.kt-theme-rose .kt-field-group {
    border-color: var(--kt-border) !important;
}

.kt-optin-wrap.kt-theme-slate {
    border-color: var(--kt-border) !important;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1) !important;
    background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #ffffff 28%) 0%, color-mix(in srgb, var(--kt-primary), #e2e8f0 36%) 100%) !important;
}

.kt-optin-wrap.kt-theme-slate .kt-submit-btn {
    box-shadow: none !important;
}

.kt-optin-wrap.kt-theme-citrus {
    border-color: var(--kt-border) !important;
    box-shadow: 0 14px 24px rgba(101, 163, 13, 0.18) !important;
    background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #ffffff 22%) 0%, color-mix(in srgb, var(--kt-primary), #ecfccb 42%) 100%) !important;
}

.kt-optin-wrap.kt-theme-citrus .kt-field-group {
    border-color: var(--kt-border) !important;
}

.kt-optin-wrap.kt-no-shadow,
.kt-optin-wrap.kt-no-shadow .kt-submit-btn,
.kt-optin-wrap.kt-no-shadow .kt-submit-btn:hover {
    box-shadow: none !important;
}

.kt-optin-wrap.kt-no-border {
    border: 0 !important;
}

.kt-optin-wrap.kt-no-background {
    background: transparent !important;
}

.kt-hp-field {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.kt-optin-wrap h3.kt-optin-title {
    margin: 0 0 calc(var(--kt-space) * 0.35);
    font-size: 1.34em;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--kt-text);
}

.kt-optin-wrap .kt-optin-desc {
    margin: 0 0 calc(var(--kt-space) * 1.15);
    color: color-mix(in srgb, var(--kt-text), #ffffff 30%);
    line-height: 1.5;
}

.kt-optin-desc > :first-child {
    margin-top: 0;
}

.kt-optin-desc > :last-child {
    margin-bottom: 0;
}

.kt-optin-desc + .kt-optin-form .kt-optin-fields {
    margin-top: calc(var(--kt-space) * 0.2);
}

.kt-optin-fields {
    display: grid;
    gap: calc(var(--kt-space) * 0.78);
    margin-bottom: calc(var(--kt-space) * 0.7);
}

.kt-field-group {
    position: relative;
    padding: 9px;
    border: 1px solid var(--kt-border);
    border-radius: calc(var(--kt-radius) + 2px);
    background: rgba(255, 255, 255, 0.9);
}

.kt-optin-wrap.kt-flat-fields .kt-field-group {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.kt-input {
    width: 100%;
    max-width: none;
    margin: 0;
    display: block;
    border: 1px solid var(--kt-border);
    border-radius: var(--kt-radius);
    padding: 0.7em 0.84em;
    font: inherit;
    color: var(--kt-input-text) !important;
    background: var(--kt-input-bg) !important;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.kt-input[multiple] {
    min-height: 108px;
}

.kt-input-select {
    width: 100%;
    max-width: none !important;
}

.kt-input-select:not([multiple]) {
    padding-right: 2.3em;
    background-image:
        linear-gradient(45deg, transparent 50%, #5b6d8c 50%),
        linear-gradient(135deg, #5b6d8c 50%, transparent 50%);
    background-position:
        calc(100% - 17px) calc(50% - 3px),
        calc(100% - 11px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.kt-input-select option {
    padding: 8px 10px;
    color: var(--kt-input-text) !important;
    background: var(--kt-input-bg) !important;
}

.kt-multi-dropdown {
    width: 100%;
    position: relative;
}

.kt-multi-dropdown:not([open]) .kt-multi-dropdown-panel {
    display: none;
}

.kt-multi-dropdown-trigger {
    list-style: none;
    width: 100%;
    border: 1px solid var(--kt-border);
    border-radius: var(--kt-radius);
    background: var(--kt-input-bg) !important;
    color: var(--kt-input-text) !important;
    padding: 0.72em 0.88em;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.kt-multi-dropdown-trigger::-webkit-details-marker {
    display: none;
}

.kt-multi-dropdown-caret {
    width: 8px;
    height: 8px;
    border-right: 2px solid #5b6d8c;
    border-bottom: 2px solid #5b6d8c;
    transform: rotate(45deg);
    transition: transform 0.15s ease;
    flex: 0 0 auto;
}

.kt-multi-dropdown[open] .kt-multi-dropdown-caret {
    transform: rotate(-135deg);
}

.kt-multi-dropdown-trigger:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--kt-primary), #ffffff 74%);
    outline-offset: 1px;
    border-color: var(--kt-primary);
    box-shadow: 0 0 0 4px rgba(11, 87, 208, 0.1);
}

.kt-multi-dropdown-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 30;
    border: 1px solid var(--kt-border);
    border-radius: calc(var(--kt-radius) + 2px);
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(14, 36, 80, 0.2);
    padding: 8px;
    max-height: 220px;
    overflow-y: auto;
}

.kt-multi-dropdown-option-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 7px 8px;
    border-radius: 8px;
    cursor: pointer;
    color: color-mix(in srgb, var(--kt-text), #ffffff 12%);
    font-size: 0.95em;
}

.kt-multi-dropdown-option-row:hover {
    background: #f3f7ff;
}

.kt-multi-dropdown-option-row input[type="checkbox"] {
    margin: 0;
}

.kt-single-dropdown-option {
    display: block;
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: color-mix(in srgb, var(--kt-text), #ffffff 12%);
    text-align: left;
    padding: 9px 10px;
    font: inherit;
    font-size: 0.95em;
    cursor: pointer;
}

.kt-single-dropdown-option:hover {
    background: #f3f7ff;
}

.kt-single-dropdown-option.is-selected {
    background: #eaf2ff;
    color: #114182;
    font-weight: 600;
}

.kt-optin-wrap.kt-input-style-liniert .kt-input {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: var(--kt-border);
    border-radius: 0;
    background: var(--kt-input-bg) !important;
    padding-left: 0.4em;
    padding-right: 0.4em;
}

.kt-optin-wrap.kt-input-style-liniert .kt-input:focus {
    border-color: var(--kt-primary);
}

.kt-optin-wrap.kt-input-style-liniert .kt-multi-dropdown-trigger {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: var(--kt-border);
    border-radius: 0;
    background: var(--kt-input-bg) !important;
    padding-left: 0.4em;
    padding-right: 0.7em;
}

.kt-optin-wrap.kt-input-style-abgerundet .kt-input {
    border-radius: 999px;
}

.kt-optin-wrap.kt-input-style-abgerundet .kt-multi-dropdown-trigger {
    border-radius: 999px;
}

.kt-optin-wrap.kt-input-style-abgerundet .kt-textarea {
    border-radius: 24px;
}

.kt-optin-wrap.kt-input-style-abgerundet .kt-submit-btn {
    border-radius: 999px;
}

.kt-optin-wrap.kt-input-style-eckig .kt-input {
    border-radius: 0;
}

.kt-optin-wrap.kt-input-style-eckig .kt-multi-dropdown-trigger,
.kt-optin-wrap.kt-input-style-eckig .kt-multi-dropdown-panel {
    border-radius: 0;
}

.kt-optin-wrap.kt-input-style-eckig .kt-submit-btn {
    border-radius: 0;
}

.kt-input:focus {
    outline: 2px solid color-mix(in srgb, var(--kt-primary), #ffffff 74%);
    outline-offset: 1px;
    border-color: var(--kt-primary);
    box-shadow: 0 0 0 4px rgba(11, 87, 208, 0.1);
    background: var(--kt-input-bg) !important;
}

.kt-input::placeholder {
    color: var(--kt-placeholder, #9ca3af) !important;
    opacity: 1;
}

.kt-input::-webkit-input-placeholder {
    color: var(--kt-placeholder, #9ca3af) !important;
    opacity: 1;
}

.kt-input::-moz-placeholder {
    color: var(--kt-placeholder, #9ca3af) !important;
    opacity: 1;
}

.kt-input:-ms-input-placeholder {
    color: var(--kt-placeholder, #9ca3af) !important;
}

.kt-input::-ms-input-placeholder {
    color: var(--kt-placeholder, #9ca3af) !important;
}

.kt-optin-wrap textarea.kt-input,
.kt-optin-wrap select.kt-input,
.kt-optin-wrap .kt-multi-dropdown-trigger {
    background: var(--kt-input-bg) !important;
    color: var(--kt-input-text) !important;
}

.kt-field-label {
    display: block;
    margin: 0 0 4px;
    font-weight: 700;
    font-size: 0.94em;
    line-height: 1.35;
    color: var(--kt-text);
}

.kt-optin-wrap.kt-with-background .kt-field-label {
    background: var(--kt-primary) !important;
}

.kt-optin-wrap.kt-no-background .kt-field-label {
    background: transparent !important;
}

.kt-field-help {
    margin: 0 0 5px;
    font-size: 0.84em;
    line-height: 1.45;
    color: color-mix(in srgb, var(--kt-text), #ffffff 38%);
}

.kt-textarea {
    min-height: 106px;
    resize: vertical;
}

.kt-optin-wrap .kt-gdpr-group {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.kt-privacy-text {
    margin: 0 0 var(--kt-space);
    font-size: 0.88em;
    line-height: 1.45;
    color: color-mix(in srgb, var(--kt-text), #ffffff 34%);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.kt-privacy-text > :first-child {
    margin-top: 0;
}

.kt-privacy-text > :last-child {
    margin-bottom: 0;
}

.kt-privacy-text + .kt-gdpr-group {
    margin-top: calc(var(--kt-space) * 0.35);
}

.kt-gdpr-label {
    display: flex !important;
    gap: 8px;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    font-size: 0.9em;
    color: color-mix(in srgb, var(--kt-text), #ffffff 24%);
    text-align: left !important;
}

.kt-gdpr-label input[type="checkbox"] {
    margin: 0.16em 0 0 !important;
    width: auto;
    max-width: none;
    height: auto;
    align-self: flex-start !important;
    flex: 0 0 auto;
    display: inline-block !important;
    position: static !important;
    float: none !important;
    transform: none !important;
}

.kt-gdpr-label .kt-gdpr-text {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.kt-optin-wrap.kt-strict-mode .kt-gdpr-label {
    display: grid !important;
    grid-template-columns: 16px minmax(0, 1fr);
    column-gap: 8px;
    align-items: start !important;
}

.kt-optin-wrap.kt-strict-mode .kt-gdpr-label input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0.16em 0 0 !important;
}

.kt-gdpr-text > :first-child {
    margin-top: 0;
}

.kt-gdpr-text > :last-child {
    margin-bottom: 0;
}

.kt-privacy-text a,
.kt-gdpr-text a {
    color: var(--kt-primary);
    font-weight: 600;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.kt-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 0;
    border-radius: calc(var(--kt-radius) + 2px);
    background: linear-gradient(120deg, var(--kt-btn-bg) 0%, color-mix(in srgb, var(--kt-btn-bg), #ffffff 18%) 100%);
    color: var(--kt-btn-text);
    font: inherit;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 0.78em 1.1em;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(16, 38, 83, 0.18);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.kt-optin-wrap .kt-btn-loading {
    display: none;
}

.kt-submit-btn:hover {
    filter: brightness(0.98);
    transform: translateY(-1px);
    box-shadow: 0 14px 26px rgba(16, 38, 83, 0.2);
}

.kt-optin-wrap.kt-strict-mode .kt-submit-btn {
    margin: 12px 0 0 !important;
}

.kt-submit-btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.kt-optin-wrap .kt-submit-group {
    margin: 3px 0 0 !important;
}

.kt-optin-message {
    margin-top: calc(var(--kt-space) * 0.35);
    border-radius: calc(var(--kt-radius) + 2px);
    padding: 0.75em 0.95em;
    font-size: 0.92em;
}

.kt-optin-message.kt-msg-success {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.kt-optin-message.kt-msg-error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.kt-optin-warning {
    margin-top: 8px;
    font-size: 0.94em;
    color: #92400e;
}

.kt-optin-message.kt-embed-error {
    display: block;
    margin: 10px 0;
}

@media (max-width: 640px) {
    .kt-optin-wrap {
        padding: calc(var(--kt-space) * 1.15);
    }

    .kt-field-group {
        padding: 10px;
    }
}