/**
 * EdenBoost pages after the purchase (mu-plugins/eb-pages.php), design canvas version 15: thank you page, order
 * status, Mein Konto, 404. Scoped with body.eb-pg:not(#eb) so the rules win over Flatsome, WooCommerce and
 * automate-smm's inline styles without !important (used only where those use it themselves).
 */

body.eb-pg {
	--eb-ink: #0f1f33;
	--eb-text: #34465a;
	--eb-muted: #56687b;
	--eb-line: #e2ecf3;
	--eb-field: #c9dbe8;
	--eb-soft: #f4f9fc;
	--eb-tint: #eef8fd;
	--eb-pd: #0b7fb3;
	--eb-pd-h: #096d9a;
	--eb-green: #157347;
	--eb-font: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
body.eb-pg:not(#eb) { background: #f4f9fc; }
body.eb-pg:not(#eb) :is(.eb-ty, .eb-acc-login, .eb-acc-dash, .eb-st, .eb-404, .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation) { font-family: var(--eb-font); color: var(--eb-text); }
body.eb-pg:not(#eb) :is(.eb-ty, .eb-acc-login, .eb-acc-dash, .eb-st, .eb-404, .woocommerce-MyAccount-content) :is(h1, h2, h3) { font-family: var(--eb-font); letter-spacing: -.01em; text-transform: none; color: var(--eb-ink); }
body.eb-pg:not(#eb) :is(.eb-ty, .eb-acc-login, .eb-acc-dash, .eb-st, .eb-404, .woocommerce-MyAccount-content) a { color: var(--eb-pd); }

/* ---- shared parts ---- */
body.eb-pg:not(#eb) .eb-pg-ic { display: block; flex: none; }
body.eb-pg:not(#eb) .eb-pg-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; margin: 0; padding: 0 22px; border: 0; border-radius: 16px;
	background: #0b7fb3; color: #fff; font-family: var(--eb-font); font-size: 16px; font-weight: 800; line-height: 1; letter-spacing: 0; text-transform: none; text-decoration: none;
	box-shadow: 0 10px 24px rgba(11, 127, 179, .24); cursor: pointer;
}
body.eb-pg:not(#eb) .eb-pg-btn:hover { background: var(--eb-pd-h); color: #fff; }
/* The page link color set further up is one element stronger than .eb-pg-btn; buttons keep white text. */
body.eb-pg:not(#eb) :is(.eb-ty, .eb-acc-login, .eb-acc-dash, .eb-st, .eb-404, .woocommerce-MyAccount-content) :is(a.eb-pg-btn, a.eb-pg-btn:hover) { color: #fff; }
body.eb-pg:not(#eb) .eb-pg-chip { flex: none; display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 800; line-height: 1.5; white-space: nowrap; }
body.eb-pg:not(#eb) .eb-pg-chip.is-ok { background: #e5f5ec; color: #157347; }
body.eb-pg:not(#eb) .eb-pg-chip.is-run { background: #eef8fd; color: #0b7fb3; }
body.eb-pg:not(#eb) .eb-pg-chip.is-wait { background: #eef3f7; color: #56687b; }
body.eb-pg:not(#eb) .eb-pg-chip.is-bad { background: #fdf1f0; color: #a12622; }
body.eb-pg:not(#eb) .eb-pg-help { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border: 1px solid var(--eb-line); border-radius: 16px; background: #fff; font-size: 13.5px; line-height: 1.5; }
body.eb-pg:not(#eb) .eb-pg-help strong { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg:not(#eb) .eb-pg-help a { font-weight: 800; }
body.eb-pg:not(#eb) .eb-pg-live { width: 8px; height: 8px; border-radius: 50%; background: #1c9a5b; }
/* Team photos (eb_pg_faces): Mazie and Jane on the help cards, overlapping. */
body.eb-pg:not(#eb) .eb-pg-faces { flex: none; display: inline-flex; margin-right: 2px; }
body.eb-pg:not(#eb) .eb-pg-faces img { display: block; width: 32px; height: 32px; margin: 0; border: 2px solid #fff; border-radius: 50%; object-fit: cover; background: var(--eb-line); }
body.eb-pg:not(#eb) .eb-pg-faces img + img { margin-left: -10px; }
body.eb-pg:not(#eb) .eb-pg-prom { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
body.eb-pg:not(#eb) .eb-pg-prom li { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px; line-height: 1.4; color: var(--eb-text); }
body.eb-pg:not(#eb) .eb-pg-prom li > span { flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--eb-tint); color: #0b7fb3; display: flex; align-items: center; justify-content: center; }
body.eb-pg:not(#eb) .eb-pg-acc { margin: 0 0 8px; border: 1px solid var(--eb-line); border-radius: 16px; background: #fff; }
body.eb-pg:not(#eb) .eb-pg-acc summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; padding: 12px 14px; font-size: 15px; font-weight: 800; line-height: 1.35; color: var(--eb-ink); list-style: none; cursor: pointer; }
body.eb-pg:not(#eb) .eb-pg-acc summary::-webkit-details-marker { display: none; }
body.eb-pg:not(#eb) .eb-pg-acc summary .eb-pg-ic { color: var(--eb-muted); transition: transform .2s; }
body.eb-pg:not(#eb) .eb-pg-acc[open] summary .eb-pg-ic { transform: rotate(180deg); }
body.eb-pg:not(#eb) .eb-pg-acc > p { margin: 0; padding: 0 14px 14px; font-size: 14px; line-height: 1.6; color: var(--eb-text); }
body.eb-pg:not(#eb) .ebh-b { flex: none; }

/* =============================================================================================
 * Thank you page (T-Thanks, D-Thanks)
 * ========================================================================================== */
body.eb-pg-thanks:not(#eb) #content.page-wrapper { padding-top: 18px; padding-bottom: 32px; }
body.eb-pg-thanks:not(#eb) .row-main > .col { padding-bottom: 0; }
body.eb-pg-thanks:not(#eb) .eb-ty-grid { display: flex; flex-direction: column; gap: 14px; }
body.eb-pg-thanks:not(#eb) .eb-ty-main, body.eb-pg-thanks:not(#eb) .eb-ty-side { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
body.eb-pg-thanks:not(#eb) .eb-ty-hero { display: flex; flex-direction: column; gap: 10px; padding: 20px 18px; border: 1px solid #cfe9da; border-radius: 20px; background: linear-gradient(180deg, #fff 0%, #f3faf6 100%); }
body.eb-pg-thanks:not(#eb) .eb-ty-hero.is-bank, body.eb-pg-thanks:not(#eb) .eb-ty-hero.is-wait { border-color: #cfe3f0; background: linear-gradient(180deg, #fff 0%, #f1f8fd 100%); }
body.eb-pg-thanks:not(#eb) .eb-ty-hero.is-failed { border-color: #f3c7c4; background: linear-gradient(180deg, #fff 0%, #fdf5f4 100%); }
body.eb-pg-thanks:not(#eb) .eb-ty-hero > div { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
body.eb-pg-thanks:not(#eb) .eb-ty-hero-ic { flex: none; width: 48px; height: 48px; border-radius: 50%; background: #1c9a5b; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(28, 154, 91, .25); }
body.eb-pg-thanks:not(#eb) .eb-ty-hero.is-bank .eb-ty-hero-ic, body.eb-pg-thanks:not(#eb) .eb-ty-hero.is-wait .eb-ty-hero-ic { background: #0b7fb3; box-shadow: 0 8px 20px rgba(11, 127, 179, .25); }
body.eb-pg-thanks:not(#eb) .eb-ty-hero.is-failed .eb-ty-hero-ic { background: #c2392f; box-shadow: 0 8px 20px rgba(194, 57, 47, .22); }
body.eb-pg-thanks:not(#eb) .eb-ty-hero h1 { margin: 0; font-size: 26px; font-weight: 800; line-height: 1.2; }
body.eb-pg-thanks:not(#eb) .eb-ty-hero p { margin: 0; font-size: 15px; line-height: 1.5; }
body.eb-pg-thanks:not(#eb) .eb-ty-meta { font-size: 13.5px; line-height: 1.5; color: var(--eb-muted); overflow-wrap: anywhere; }
body.eb-pg-thanks:not(#eb) .eb-ty-meta strong { color: var(--eb-ink); }
body.eb-pg-thanks:not(#eb) .eb-ty-card { display: flex; flex-direction: column; gap: 12px; padding: 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; }
body.eb-pg-thanks:not(#eb) .eb-ty-card h2 { margin: 0; font-size: 17px; font-weight: 800; }
body.eb-pg-thanks:not(#eb) .eb-ty-card > p { margin: 0; font-size: 14px; line-height: 1.5; }
body.eb-pg-thanks:not(#eb) .eb-ty-pay.is-bank { border: 1.5px solid #b9dcef; }
body.eb-pg-thanks:not(#eb) .eb-ty-bank { display: flex; flex-direction: column; gap: 8px; }
body.eb-pg-thanks:not(#eb) .eb-ty-bank-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "l b" "v b"; align-items: center; column-gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--eb-soft); }
body.eb-pg-thanks:not(#eb) .eb-ty-bank-row > span { grid-area: l; font-size: 12px; font-weight: 700; color: var(--eb-muted); }
body.eb-pg-thanks:not(#eb) .eb-ty-bank-row > strong { grid-area: v; font-size: 14.5px; color: var(--eb-ink); overflow-wrap: anywhere; }
body.eb-pg-thanks:not(#eb) .eb-ty-copy { grid-area: b; min-height: 34px; margin: 0; padding: 0 12px; border: 1px solid #b9dcef; border-radius: 10px; background: #fff; color: var(--eb-pd); font-family: var(--eb-font); font-size: 13px; font-weight: 800; letter-spacing: 0; text-transform: none; box-shadow: none; }
body.eb-pg-thanks:not(#eb) .eb-ty-copy.is-done { border-color: #9fd8b8; color: #157347; }
body.eb-pg-thanks:not(#eb) .eb-ty-gw { font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
body.eb-pg-thanks:not(#eb) .eb-ty-gw :is(h2, h3) { font-size: 16px; }
body.eb-pg-thanks:not(#eb) .eb-ty-note { margin: 0; font-size: 13px; line-height: 1.5; color: var(--eb-muted); }
body.eb-pg-thanks:not(#eb) .eb-ty-steps { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
body.eb-pg-thanks:not(#eb) .eb-ty-steps li { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; margin: 0; padding: 0 0 16px; }
body.eb-pg-thanks:not(#eb) .eb-ty-steps li:last-child { padding-bottom: 0; }
body.eb-pg-thanks:not(#eb) .eb-ty-steps li:not(:last-child)::before { content: ""; position: absolute; top: 32px; bottom: 4px; left: 13px; width: 2px; background: #e2ecf3; }
body.eb-pg-thanks:not(#eb) .eb-ty-steps li.is-done:not(:last-child)::before { background: #9fd8b8; }
body.eb-pg-thanks:not(#eb) .eb-ty-dot { width: 28px; height: 28px; border-radius: 50%; background: #e9eff4; color: #56687b; display: flex; align-items: center; justify-content: center; font-size: 13.5px; font-weight: 800; }
body.eb-pg-thanks:not(#eb) .is-done .eb-ty-dot { background: #1c9a5b; color: #fff; }
body.eb-pg-thanks:not(#eb) .is-now .eb-ty-dot { background: #0b7fb3; color: #fff; box-shadow: 0 0 0 5px rgba(11, 127, 179, .15); }
body.eb-pg-thanks:not(#eb) .eb-ty-steps li > span:last-child { display: flex; flex-direction: column; gap: 2px; font-size: 13.5px; line-height: 1.45; }
body.eb-pg-thanks:not(#eb) .eb-ty-steps strong { font-size: 15px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-thanks:not(#eb) .eb-ty-steps .is-next strong { color: var(--eb-muted); }
body.eb-pg-thanks:not(#eb) .eb-ty-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
body.eb-pg-thanks:not(#eb) .eb-ty-track { order: 9; width: 100%; }
body.eb-pg-thanks:not(#eb) .eb-ty-line { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-top: 1px solid var(--eb-line); }
body.eb-pg-thanks:not(#eb) .eb-ty-line-b { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; }
body.eb-pg-thanks:not(#eb) .eb-ty-line-t { display: flex; justify-content: space-between; gap: 8px; font-size: 14.5px; color: var(--eb-ink); }
body.eb-pg-thanks:not(#eb) .eb-ty-line-t strong { font-weight: 800; }
body.eb-pg-thanks:not(#eb) .eb-ty-price { white-space: nowrap; }
body.eb-pg-thanks:not(#eb) .eb-ty-pack { font-size: 13.5px; color: var(--eb-text); }
body.eb-pg-thanks:not(#eb) .eb-ty-pack strong { color: var(--eb-ink); }
body.eb-pg-thanks:not(#eb) .eb-ty-pack .eb-co-bonus { font-weight: 800; color: #157347; }
body.eb-pg-thanks:not(#eb) .eb-ty-target { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; overflow-wrap: anywhere; word-break: break-all; font-size: 12.5px; color: var(--eb-muted); }
body.eb-pg-thanks:not(#eb) .eb-ty-state { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 4px; font-size: 12.5px; color: var(--eb-muted); }
body.eb-pg-thanks:not(#eb) .eb-ty-sum { display: flex; flex-direction: column; gap: 6px; margin: 0; padding-top: 12px; border-top: 1px solid var(--eb-line); }
body.eb-pg-thanks:not(#eb) .eb-ty-sum > div { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
body.eb-pg-thanks:not(#eb) .eb-ty-sum dt { margin: 0; font-weight: 600; color: var(--eb-text); }
body.eb-pg-thanks:not(#eb) .eb-ty-sum dd { margin: 0; font-weight: 700; color: var(--eb-ink); text-align: right; }
body.eb-pg-thanks:not(#eb) .eb-ty-sum .is-total dt { font-size: 15px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-thanks:not(#eb) .eb-ty-sum .is-total dd { font-size: 18px; font-weight: 800; }
body.eb-pg-thanks:not(#eb) .eb-ty-points { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border: 1px solid #f3dfae; border-radius: 16px; background: #fff7e6; font-size: 14px; line-height: 1.5; color: #5a4300; }
body.eb-pg-thanks:not(#eb) .eb-ty-points .eb-pg-star { flex: none; margin-top: 1px; }
body.eb-pg-thanks:not(#eb) .eb-ty-points.is-guest { flex-direction: column; gap: 8px; }
body.eb-pg-thanks:not(#eb) .eb-ty-points.is-guest strong { display: flex; align-items: center; gap: 10px; font-size: 15.5px; font-weight: 800; color: #5a4300; }
body.eb-pg-thanks:not(#eb) .eb-ty-points.is-guest > span { overflow-wrap: anywhere; }
body.eb-pg-thanks:not(#eb) a.eb-ty-points-btn { align-self: flex-start; display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px; border: 1px solid #e5c979; border-radius: 12px; background: #fff; color: #5a4300; font-size: 14px; font-weight: 800; text-decoration: none; }
body.eb-pg-thanks:not(#eb) .eb-ty-cross { display: flex; flex-direction: column; gap: 10px; }
body.eb-pg-thanks:not(#eb) .eb-ty-cross h2 { margin: 4px 0 0; font-size: 17px; font-weight: 800; }
body.eb-pg-thanks:not(#eb) a.eb-ty-x { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--eb-line); border-radius: 16px; background: #fff; color: var(--eb-ink); text-decoration: none; }
body.eb-pg-thanks:not(#eb) a.eb-ty-x > span:not(.ebh-b) { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; font-size: 13px; color: var(--eb-text); }
body.eb-pg-thanks:not(#eb) a.eb-ty-x strong { font-size: 14.5px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-thanks:not(#eb) a.eb-ty-x > .eb-pg-ic { color: var(--eb-pd); }
@media (min-width: 1000px) {
	body.eb-pg-thanks:not(#eb) .eb-ty-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; align-items: start; gap: 24px; }
	body.eb-pg-thanks:not(#eb) .eb-ty-hero { flex-direction: row; align-items: flex-start; gap: 20px; padding: 28px 30px; }
	body.eb-pg-thanks:not(#eb) .eb-ty-hero-ic { width: 58px; height: 58px; }
	body.eb-pg-thanks:not(#eb) .eb-ty-hero h1 { font-size: 32px; }
	body.eb-pg-thanks:not(#eb) .eb-ty-card { padding: 22px 24px; }
	body.eb-pg-thanks:not(#eb) .eb-ty-card h2 { font-size: 20px; }
	body.eb-pg-thanks:not(#eb) .eb-ty-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
	body.eb-pg-thanks:not(#eb) .eb-ty-steps li { grid-template-columns: 1fr; padding: 0; }
	body.eb-pg-thanks:not(#eb) .eb-ty-steps li:not(:last-child)::before { top: 14px; bottom: auto; left: 36px; right: -8px; width: auto; height: 2px; }
	body.eb-pg-thanks:not(#eb) .eb-ty-track { order: 0; width: auto; min-height: 46px; }
	body.eb-pg-thanks:not(#eb) .eb-ty-side { position: sticky; top: 100px; }
}

/* =============================================================================================
 * Mein Konto (T-Account, D-Account)
 * ========================================================================================== */
body.eb-pg-account:not(#eb) .my-account-header { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } /* its H1 stays for screen readers on the logged in pages */
body.eb-pg-account:not(#eb) .page-wrapper.my-account { padding: 18px 0 32px; }
body.eb-pg-account:not(#eb) .page-wrapper.my-account > .container { max-width: 1248px; padding-left: 16px; padding-right: 16px; }
body.eb-pg-account:not(#eb) .row.vertical-tabs { display: flex; flex-direction: column; gap: 16px; margin: 0; }
body.eb-pg-account:not(#eb) .row.vertical-tabs > .col { flex: none; max-width: 100%; width: 100%; padding: 0; border: 0; }
body.eb-pg-account:not(#eb) .row.vertical-tabs > .large-3 { order: 2; }
body.eb-pg-account:not(#eb) .account-user { display: none; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-navigation ul.account-nav { margin: 0; padding: 6px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; list-style: none; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-navigation li { margin: 0; border: 0; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-navigation li a { display: flex; align-items: center; min-height: 48px; padding: 0 12px; border-radius: 12px; font-size: 15px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-navigation li a::before { display: none; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-navigation li.is-active a { background: var(--eb-tint); color: var(--eb-pd); }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-navigation li a:hover { background: var(--eb-soft); }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content { font-size: 15px; line-height: 1.55; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content > :is(h2, h3):first-child { margin-top: 0; }
@media (min-width: 850px) {
	body.eb-pg-account:not(#eb) .row.vertical-tabs { display: grid; grid-template-columns: 280px minmax(0, 1fr); align-items: start; gap: 32px; }
	body.eb-pg-account:not(#eb) .row.vertical-tabs > .large-3 { order: 0; position: sticky; top: 100px; }
}

/* Overview */
body.eb-pg-account:not(#eb) .eb-acc-dash { display: flex; flex-direction: column; gap: 14px; }
body.eb-pg-account:not(#eb) .eb-acc-hi { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
body.eb-pg-account:not(#eb) .eb-acc-hi h2 { margin: 0; font-size: 28px; font-weight: 800; }
body.eb-pg-account:not(#eb) .eb-acc-hi a { font-size: 14px; font-weight: 800; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .eb-acc-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.eb-pg-account:not(#eb) a.eb-acc-card { display: flex; flex-direction: column; gap: 4px; padding: 14px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; color: var(--eb-ink); text-decoration: none; }
body.eb-pg-account:not(#eb) a.eb-acc-card > span { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 800; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) a.eb-acc-card strong { font-size: 26px; font-weight: 800; line-height: 1.1; }
body.eb-pg-account:not(#eb) a.eb-acc-card em { font-size: 12.5px; font-style: normal; line-height: 1.4; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) a.eb-acc-card.is-points { border-color: #f3dfae; background: #fff7e6; color: #5a4300; }
body.eb-pg-account:not(#eb) a.eb-acc-card.is-points > span, body.eb-pg-account:not(#eb) a.eb-acc-card.is-points em { color: #5a4300; }
body.eb-pg-account:not(#eb) a.eb-acc-card.is-orders { grid-column: 1 / -1; }
body.eb-pg-account:not(#eb) .eb-acc-box { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; }
body.eb-pg-account:not(#eb) .eb-acc-box-h { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
body.eb-pg-account:not(#eb) .eb-acc-box h3 { margin: 0; font-size: 17px; font-weight: 800; }
body.eb-pg-account:not(#eb) .eb-acc-box-h a { font-size: 13.5px; font-weight: 800; }
body.eb-pg-account:not(#eb) .eb-acc-note, body.eb-pg-account:not(#eb) .eb-acc-empty { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) a.eb-acc-order { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--eb-line); color: var(--eb-ink); text-decoration: none; }
body.eb-pg-account:not(#eb) .eb-acc-order-b { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; }
body.eb-pg-account:not(#eb) .eb-acc-order-b strong { font-size: 14.5px; font-weight: 800; }
body.eb-pg-account:not(#eb) .eb-acc-order-b > span { font-size: 12.5px; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .eb-acc-profiles { display: grid; gap: 8px; }
body.eb-pg-account:not(#eb) .eb-acc-profile { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: var(--eb-soft); }
body.eb-pg-account:not(#eb) .eb-acc-profile > span:last-child { display: flex; flex-direction: column; gap: 1px; min-width: 0; font-size: 12.5px; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .eb-acc-profile strong { font-size: 14.5px; color: var(--eb-ink); overflow-wrap: anywhere; }
@media (min-width: 850px) {
	body.eb-pg-account:not(#eb) .eb-acc-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
	body.eb-pg-account:not(#eb) a.eb-acc-card { padding: 20px; }
	body.eb-pg-account:not(#eb) a.eb-acc-card strong { font-size: 32px; }
	body.eb-pg-account:not(#eb) a.eb-acc-card.is-orders { grid-column: auto; }
	body.eb-pg-account:not(#eb) .eb-acc-box { padding: 22px 24px; }
	body.eb-pg-account:not(#eb) .eb-acc-profiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Sign in and create an account */
body.eb-pg-account:not(#eb) .eb-acc-login { display: flex; flex-direction: column; gap: 14px; max-width: 560px; margin: 0 auto; }
body.eb-pg-account:not(#eb) .eb-acc-h1 { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.15; }
body.eb-pg-account:not(#eb) .eb-acc-tabs { display: none; grid-template-columns: 1fr 1fr; padding: 4px; border-radius: 14px; background: #e9eff4; }
body.eb-pg-account:not(#eb) .has-tabs .eb-acc-tabs { display: grid; }
body.eb-pg-account:not(#eb) .eb-acc-tab { min-height: 44px; margin: 0; padding: 0 8px; border: 0; border-radius: 11px; background: transparent; color: var(--eb-muted); font-family: var(--eb-font); font-size: 14.5px; font-weight: 800; letter-spacing: 0; text-transform: none; box-shadow: none; cursor: pointer; }
body.eb-pg-account:not(#eb) .eb-acc-tab[aria-selected="true"] { background: #fff; color: var(--eb-ink); box-shadow: 0 2px 8px rgba(15, 31, 51, .08); }
body.eb-pg-account:not(#eb) .eb-acc-pane { padding: 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; }
body.eb-pg-account:not(#eb) .has-tabs .eb-acc-pane-t { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
body.eb-pg-account:not(#eb) .eb-acc-pane-t { margin: 0 0 12px; font-size: 18px; font-weight: 800; }
body.eb-pg-account:not(#eb) .has-tabs .eb-acc-pane.is-reg, body.eb-pg-account:not(#eb) .has-tabs.is-reg .eb-acc-pane.is-login { display: none; }
body.eb-pg-account:not(#eb) .has-tabs.is-reg .eb-acc-pane.is-reg { display: block; }
body.eb-pg-account:not(#eb) .eb-acc-pane form { margin: 0; padding: 0; border: 0; }
body.eb-pg-account:not(#eb) .eb-acc-pane .form-row { width: 100%; margin: 0 0 12px; padding: 0; float: none; }
body.eb-pg-account:not(#eb) .eb-acc-pane label { display: block; margin: 0 0 6px; font-size: 13.5px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .eb-acc-pane label .required { color: var(--eb-muted); text-decoration: none; }
body.eb-pg-account:not(#eb) :is(.eb-acc-pane, .woocommerce-MyAccount-content) :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, textarea) {
	width: 100%; height: 50px; margin: 0; padding: 0 14px; border: 1.5px solid var(--eb-field); border-radius: 14px; background: #fff; box-shadow: none; font-family: var(--eb-font); font-size: 16px; color: var(--eb-ink);
}
body.eb-pg-account:not(#eb) :is(.eb-acc-pane, .woocommerce-MyAccount-content) textarea { height: auto; min-height: 100px; padding: 12px 14px; }
body.eb-pg-account:not(#eb) :is(.eb-acc-pane, .woocommerce-MyAccount-content) :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, textarea):focus { border-color: #1fa8e6; box-shadow: 0 0 0 3px rgba(31, 168, 230, .16); outline: 0; }
body.eb-pg-account:not(#eb) .eb-acc-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
body.eb-pg-account:not(#eb) .eb-acc-row label { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; color: var(--eb-text); }
body.eb-pg-account:not(#eb) .eb-acc-row input[type="checkbox"] { width: 20px; height: 20px; margin: 0; accent-color: #0b7fb3; }
body.eb-pg-account:not(#eb) .eb-acc-lost { font-size: 14px; font-weight: 800; }
body.eb-pg-account:not(#eb) .eb-acc-hint, body.eb-pg-account:not(#eb) .woocommerce-privacy-policy-text p { margin: 0 0 12px; font-size: 13px; line-height: 1.5; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) :is(.eb-acc-pane, .woocommerce-MyAccount-content) :is(button.button, .button, input[type="submit"]) {
	display: inline-flex; align-items: center; justify-content: center; min-height: 50px; margin: 0; padding: 0 22px; border: 0; border-radius: 16px !important;
	background-color: #0b7fb3; color: #fff; font-family: var(--eb-font); font-size: 16px; font-weight: 800; letter-spacing: 0; text-transform: none; box-shadow: 0 10px 24px rgba(11, 127, 179, .22);
}
body.eb-pg-account:not(#eb) .eb-acc-pane :is(.woocommerce-form-login__submit, .woocommerce-form-register__submit) { width: 100%; }
body.eb-pg-account:not(#eb) :is(.eb-acc-pane, .woocommerce-MyAccount-content) :is(button.button, .button, input[type="submit"]):hover { background-color: var(--eb-pd-h); color: #fff; }
body.eb-pg-account:not(#eb) .eb-acc-perks ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
body.eb-pg-account:not(#eb) .eb-acc-perks li { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 14px; line-height: 1.45; }
body.eb-pg-account:not(#eb) .eb-acc-perks li > span:first-child { flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--eb-tint); color: #0b7fb3; display: flex; align-items: center; justify-content: center; }
body.eb-pg-account:not(#eb) .eb-acc-perks li > span.is-star { background: #fff7e6; color: #b7791f; }
body.eb-pg-account:not(#eb) .eb-acc-perks li > span.is-green { background: #e5f5ec; color: #157347; }
body.eb-pg-account:not(#eb) .eb-acc-perks strong { color: var(--eb-ink); }
body.eb-pg-account:not(#eb) a.eb-acc-guest { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border: 1px solid var(--eb-line); border-radius: 16px; background: #fff; color: var(--eb-ink); text-decoration: none; }
body.eb-pg-account:not(#eb) a.eb-acc-guest > span { display: flex; flex-direction: column; gap: 2px; font-size: 13.5px; color: var(--eb-text); }
body.eb-pg-account:not(#eb) a.eb-acc-guest strong { font-size: 15px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) a.eb-acc-guest > .eb-pg-ic { color: var(--eb-pd); }

/* Other account pages: orders, addresses, account details, notices */
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) { margin: 0 0 14px; padding: 12px 14px; border: 1px solid #cfe6f4; border-radius: 14px; background: #eef8fd; font-size: 14px; font-weight: 600; color: var(--eb-text); list-style: none; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content .woocommerce-error { border-color: #f3c7c4; background: #fdf1f0; color: #a12622; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content :is(.woocommerce-info, .woocommerce-message)::before { display: none; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content .message-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
body.eb-pg-account:not(#eb) table.woocommerce-orders-table { width: 100%; border: 0; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--eb-line); border-radius: 18px; overflow: hidden; }
body.eb-pg-account:not(#eb) table.woocommerce-orders-table :is(th, td) { padding: 12px 14px; border: 0; border-bottom: 1px solid var(--eb-line); font-size: 14px; letter-spacing: 0; text-transform: none; vertical-align: middle; color: var(--eb-text); }
body.eb-pg-account:not(#eb) table.woocommerce-orders-table thead th { font-size: 12.5px; font-weight: 800; color: var(--eb-muted); background: var(--eb-soft); }
body.eb-pg-account:not(#eb) table.woocommerce-orders-table tbody tr:last-child :is(th, td) { border-bottom: 0; }
body.eb-pg-account:not(#eb) table.woocommerce-orders-table .button { min-height: 38px; padding: 0 14px; border: 1px solid #b9dcef; background: #fff; color: var(--eb-pd); font-size: 13.5px; box-shadow: none; }
body.eb-pg-account:not(#eb) table.woocommerce-orders-table .button:hover { background: var(--eb-tint); color: var(--eb-pd); }
/* Review reward (eb-review-reward.php): the "Bewerten" button in the order list and the card on the overview */
body.eb-pg-account:not(#eb) table.woocommerce-orders-table .button.eb-bewerten { margin-left: 6px; border-color: #1c9a5b; background: #e5f5ec; color: var(--eb-green); }
body.eb-pg-account:not(#eb) table.woocommerce-orders-table .button.eb-bewerten:hover { background: #d3eedf; color: var(--eb-green); }
body.eb-pg-account:not(#eb) .eb-rr-card { border-color: #cfe9da; background: linear-gradient(180deg, #fff 0%, #f3faf6 100%); }
body.eb-pg-account:not(#eb) .eb-rr-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
body.eb-pg-account:not(#eb) .eb-rr-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 10px 12px; border: 1px solid var(--eb-line); border-radius: 14px; background: #fff; }
body.eb-pg-account:not(#eb) .eb-rr-list li > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.eb-pg-account:not(#eb) .eb-rr-list strong { font-size: 14.5px; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .eb-rr-list em { font-size: 12.5px; font-style: normal; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .eb-rr-list .eb-pg-btn { flex: none; min-height: 40px; padding: 0 16px; border-radius: 12px; background: #1c9a5b; font-size: 14px; box-shadow: none; }
body.eb-pg-account:not(#eb) .eb-rr-list .eb-pg-btn:hover { background: #157347; }
@media (max-width: 767px) {
	body.eb-pg-account:not(#eb) table.woocommerce-orders-table { border: 0; background: none; border-radius: 0; overflow: visible; }
	body.eb-pg-account:not(#eb) table.woocommerce-orders-table thead { display: none; }
	body.eb-pg-account:not(#eb) table.woocommerce-orders-table tbody tr { display: block; margin: 0 0 10px; padding: 12px 14px; border: 1px solid var(--eb-line); border-radius: 16px; background: #fff; }
	body.eb-pg-account:not(#eb) table.woocommerce-orders-table tbody :is(th, td) { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; border: 0; text-align: right; }
	body.eb-pg-account:not(#eb) table.woocommerce-orders-table tbody :is(th, td)::before { content: attr(data-title); font-weight: 700; color: var(--eb-muted); text-align: left; }
}
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content :is(.woocommerce-order-details, .woocommerce-customer-details, .woocommerce-Addresses .woocommerce-Address, form.woocommerce-EditAccountForm, form.edit-account) { padding: 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content .form-row { margin: 0 0 12px; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content label { font-size: 13.5px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content fieldset { margin: 16px 0; padding: 0; border: 0; }
body.eb-pg-account:not(#eb) .woocommerce-MyAccount-content legend { font-size: 16px; font-weight: 800; color: var(--eb-ink); }

/* =============================================================================================
 * Order status (T-Status)
 * ========================================================================================== */
body.eb-pg-status:not(#eb) #content.content-area { padding: 18px 16px 32px; }
body.eb-pg-status:not(#eb) .eb-st { display: flex; flex-direction: column; gap: 14px; max-width: 760px; margin: 0 auto; }
body.eb-pg-status:not(#eb) .eb-st-h1 { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.15; }
body.eb-pg-status:not(#eb) .eb-st-lead { margin: 0; font-size: 15px; line-height: 1.5; }
body.eb-pg-status:not(#eb) .eb-st-card { display: flex; flex-direction: column; gap: 12px; padding: 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; }
body.eb-pg-status:not(#eb) .eb-st-card > p:empty { display: none; }
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form { max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form .form-field { margin: 0 0 12px; }
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form br { display: none; }
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form label { display: block; margin: 0 0 6px; font-size: 13.5px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--eb-ink); }
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form :is(input[type="text"], input[type="email"]) { width: 100%; height: 50px; margin: 0; padding: 0 14px; border: 1.5px solid var(--eb-field); border-radius: 14px; background: #fff; box-shadow: none; font-family: var(--eb-font); font-size: 16px; color: var(--eb-ink); }
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form :is(input[type="text"], input[type="email"]):focus { border-color: #1fa8e6; box-shadow: 0 0 0 3px rgba(31, 168, 230, .16); outline: 0; }
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form input[type="submit"] {
	width: 100%; min-height: 52px; margin: 4px 0 0; padding: 0 22px; border: 0; border-radius: 16px; background: #0b7fb3; color: #fff; font-family: var(--eb-font); font-size: 16px; font-weight: 800;
	letter-spacing: 0; text-transform: none; box-shadow: 0 10px 24px rgba(11, 127, 179, .24); cursor: pointer;
}
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form input[type="submit"]:hover { background: var(--eb-pd-h); }
body.eb-pg-status:not(#eb) .eb-st :is(.form-error-message, .form-messages p) { margin: 8px 0 0; padding: 10px 12px !important; border: 1px solid #f3c7c4 !important; border-radius: 12px !important; background: #fdf1f0 !important; color: #a12622 !important; font-size: 14px; }
body.eb-pg-status:not(#eb) .eb-st .form-error-message:empty { display: none; }
body.eb-pg-status:not(#eb) .eb-st-acc { margin: 0; font-size: 13px; color: var(--eb-muted); }
body.eb-pg-status:not(#eb) .eb-st-acc a { font-weight: 800; }
body.eb-pg-status:not(#eb) .eb-st table { width: 100%; margin: 12px 0 0; border: 1px solid var(--eb-line); border-collapse: separate; border-spacing: 0; border-radius: 16px; overflow: hidden; background: #fff; font-size: 14px; }
body.eb-pg-status:not(#eb) .eb-st table :is(th, td) { padding: 10px 12px; border: 0; border-bottom: 1px solid var(--eb-line); text-align: left; vertical-align: top; letter-spacing: 0; text-transform: none; color: var(--eb-text); overflow-wrap: anywhere; }
body.eb-pg-status:not(#eb) .eb-st table thead th { background: var(--eb-soft); font-size: 12.5px; font-weight: 800; color: var(--eb-muted); }
body.eb-pg-status:not(#eb) .eb-st table .table-header { background: #fff; font-size: 15px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-status:not(#eb) .eb-st table .attention-header { color: #a12622; }
body.eb-pg-status:not(#eb) .eb-st :is(.confirm-button, .order-again-button, .smm-heal-btn) { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; margin: 6px 0 0; padding: 0 14px; border: 0; border-radius: 12px; background: #0b7fb3; color: #fff !important; font-size: 14px; font-weight: 800; text-decoration: none; }
body.eb-pg-status:not(#eb) .eb-st .link-input { width: 100%; height: 44px; padding: 0 12px; border: 1.5px solid var(--eb-field); border-radius: 12px; font-size: 15px; }
body.eb-pg-status:not(#eb) .eb-st-faq h2 { margin: 6px 0 10px; font-size: 20px; font-weight: 800; }
@media (max-width: 700px) {
	body.eb-pg-status:not(#eb) .eb-st table thead tr:not(:first-child) { display: none; }
	body.eb-pg-status:not(#eb) .eb-st table tbody tr { display: block; border-bottom: 1px solid var(--eb-line); }
	body.eb-pg-status:not(#eb) .eb-st table tbody td { display: block; border: 0; padding: 4px 12px; }
	body.eb-pg-status:not(#eb) .eb-st table tbody td:first-child { padding-top: 10px; font-weight: 800; color: var(--eb-ink); }
	body.eb-pg-status:not(#eb) .eb-st table tbody td:last-child { padding-bottom: 12px; }
}

/* =============================================================================================
 * 404 (T-404, D-404)
 * ========================================================================================== */
body.eb-pg-404:not(#eb) { background: linear-gradient(180deg, #eef8fd 0%, #f4f9fc 420px); }
body.eb-pg-404:not(#eb) .eb-404 { padding: 28px 16px 40px; }
body.eb-pg-404:not(#eb) .eb-404-in { display: flex; flex-direction: column; gap: 20px; max-width: 1248px; margin: 0 auto; }
body.eb-pg-404:not(#eb) .eb-404-main { display: flex; flex-direction: column; gap: 14px; }
body.eb-pg-404:not(#eb) .eb-404-num { font-size: 72px; font-weight: 800; line-height: 1; letter-spacing: -.04em; color: #cfe3f0; }
body.eb-pg-404:not(#eb) .eb-404 h1 { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.15; }
body.eb-pg-404:not(#eb) .eb-404 p { margin: 0; font-size: 15px; line-height: 1.55; }
body.eb-pg-404:not(#eb) .eb-404-search { display: flex; gap: 8px; margin: 0; }
body.eb-pg-404:not(#eb) .eb-404-field { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 14px; border: 1.5px solid var(--eb-field); border-radius: 16px; background: #fff; color: var(--eb-muted); }
body.eb-pg-404:not(#eb) .eb-404-field input { flex: 1 1 auto; min-width: 0; height: 48px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; font-family: var(--eb-font); font-size: 16px; color: var(--eb-ink); }
body.eb-pg-404:not(#eb) .eb-404-field input:focus { outline: 0; }
body.eb-pg-404:not(#eb) .eb-404-field:focus-within { border-color: #1fa8e6; box-shadow: 0 0 0 3px rgba(31, 168, 230, .16); }
body.eb-pg-404:not(#eb) .eb-404-search .eb-pg-btn { min-height: 52px; box-shadow: none; }
body.eb-pg-404:not(#eb) .eb-404-h2 { margin: 6px 0 0; font-size: 17px; font-weight: 800; }
body.eb-pg-404:not(#eb) .eb-404-plats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.eb-pg-404:not(#eb) .eb-404-plats a { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--eb-line); border-radius: 16px; background: #fff; color: var(--eb-ink); font-size: 14.5px; text-decoration: none; }
body.eb-pg-404:not(#eb) .eb-404-plats a:hover { border-color: #b9dcef; }
body.eb-pg-404:not(#eb) .eb-404-ways { align-self: stretch; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; overflow: hidden; }
body.eb-pg-404:not(#eb) .eb-404-ways a { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 16px; border-bottom: 1px solid var(--eb-line); color: var(--eb-ink); text-decoration: none; }
body.eb-pg-404:not(#eb) .eb-404-ways a:last-child { border-bottom: 0; }
body.eb-pg-404:not(#eb) .eb-404-ways a > span:nth-child(2) { display: flex; flex-direction: column; gap: 1px; flex: 1 1 auto; font-size: 12.5px; color: var(--eb-muted); }
body.eb-pg-404:not(#eb) .eb-404-ways strong { font-size: 15px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-404:not(#eb) .eb-404-ways a > .eb-pg-ic { color: #9aabbb; }
body.eb-pg-404:not(#eb) .eb-404-ic { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--eb-tint); color: #0b7fb3; display: flex; align-items: center; justify-content: center; }
@media (min-width: 1000px) {
	body.eb-pg-404:not(#eb) .eb-404 { padding: 56px 24px 64px; }
	body.eb-pg-404:not(#eb) .eb-404-in { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 56px; align-items: start; }
	body.eb-pg-404:not(#eb) .eb-404-num { font-size: 110px; }
	body.eb-pg-404:not(#eb) .eb-404 h1 { font-size: 44px; }
	body.eb-pg-404:not(#eb) .eb-404 p { font-size: 17px; }
	body.eb-pg-404:not(#eb) :is(.eb-404-search, .eb-404-plats) { max-width: 640px; }
	body.eb-pg-404:not(#eb) .eb-404-plats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
	body.eb-pg-404:not(#eb) .eb-404-ways { margin-top: 110px; }
	body.eb-pg-404:not(#eb) .eb-404-ways a { min-height: 76px; padding: 10px 20px; }
}

/* =============================================================================================
 * Ratgeber (T-Blog, T-Post, D-Post) and category pages (T-Category, D-Category), canvas version 16
 * ========================================================================================== */
body.eb-pg:not(#eb) :is(.eb-rg, .eb-cat) { font-family: var(--eb-font); color: var(--eb-text); }
body.eb-pg:not(#eb) :is(.eb-rg, .eb-cat) :is(h1, h2, h3, h4) { font-family: var(--eb-font); letter-spacing: -.01em; text-transform: none; color: var(--eb-ink); }
body.eb-pg:not(#eb) :is(.eb-rg, .eb-cat) a { color: var(--eb-pd); }
body.eb-pg:not(#eb) :is(.eb-rg, .eb-cat) { padding: 16px 16px 36px; }
body.eb-pg:not(#eb) :is(.eb-rg-in, .eb-cat-in) { display: flex; flex-direction: column; gap: 16px; max-width: 1248px; margin: 0 auto; }
body.eb-pg:not(#eb) .eb-rg-crumbs { font-size: 13px; color: var(--eb-muted); }
body.eb-pg:not(#eb) .eb-rg-crumbs a { font-weight: 700; }
body.eb-pg-post:not(#eb) { background: #fff; }

/* Covers in the platform colours (eb-header.php sets --c and --i per platform class) */
body.eb-pg:not(#eb) .eb-rg-cover { flex: none; position: relative; display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 14px; overflow: hidden;
	background: var(--c, #0b7fb3); background-image: linear-gradient(135deg, rgba(255, 255, 255, .16) 0%, rgba(0, 0, 0, .22) 100%); color: #fff; }
body.eb-pg:not(#eb) .eb-rg-cover.is-neutral { background-color: #0b7fb3; background-image: linear-gradient(135deg, #1fa8e6 0%, #0b5f87 100%); }
body.eb-pg:not(#eb) .eb-rg-cover .ebh-i { display: block; width: 40%; height: 40%; background: #fff; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
body.eb-pg:not(#eb) .eb-rg-cover .eb-pg-ic { opacity: .9; }
body.eb-pg:not(#eb) .eb-rg-cover.is-big { width: 100%; height: 170px; border-radius: 0; }
body.eb-pg:not(#eb) .eb-rg-cover.is-big .ebh-i { width: 64px; height: 64px; }
body.eb-pg:not(#eb) .eb-rg-cover.is-hero { width: 100%; height: 190px; border-radius: 20px; }
body.eb-pg:not(#eb) .eb-rg-cover.is-hero .ebh-i { width: 72px; height: 72px; }

/* Ratgeber index */
body.eb-pg-blog:not(#eb) .eb-rg-h1 { margin: 0; font-size: 30px; font-weight: 800; line-height: 1.12; }
body.eb-pg-blog:not(#eb) .eb-rg-lead { margin: 0; font-size: 15px; line-height: 1.55; }
body.eb-pg-blog:not(#eb) .eb-rg-filter { display: flex; flex-wrap: wrap; gap: 8px; }
body.eb-pg-blog:not(#eb) .eb-rg-filter a { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 13px; border: 1px solid var(--eb-field); border-radius: 999px; background: #fff; color: var(--eb-ink); font-size: 13.5px; font-weight: 800; text-decoration: none; }
body.eb-pg-blog:not(#eb) .eb-rg-filter a.is-on { border-color: #0f1f33; background: #0f1f33; color: #fff; }
body.eb-pg-blog:not(#eb) .eb-rg-fi { display: block; width: 15px; height: 15px; background: var(--c, #0b7fb3); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
body.eb-pg-blog:not(#eb) .eb-rg-fi .ebh-i { display: none; }
body.eb-pg-blog:not(#eb) .eb-rg-filter a.is-on .eb-rg-fi { background: #fff; }
body.eb-pg-blog:not(#eb) .eb-rg-list { display: grid; gap: 10px; }
body.eb-pg:not(#eb) a.eb-rg-card { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid var(--eb-line); border-radius: 16px; background: #fff; color: var(--eb-ink); text-decoration: none; }
body.eb-pg:not(#eb) a.eb-rg-card:hover { border-color: #b9dcef; }
body.eb-pg:not(#eb) .eb-rg-card-b { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
body.eb-pg:not(#eb) .eb-rg-card-k { font-size: 11.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--eb-muted); }
body.eb-pg:not(#eb) .eb-rg-card-b strong { font-size: 14.5px; font-weight: 800; line-height: 1.3; color: var(--eb-ink); }
body.eb-pg:not(#eb) .eb-rg-card-x { font-size: 14px; line-height: 1.5; color: var(--eb-text); }
body.eb-pg:not(#eb) .eb-rg-card-m { font-size: 12.5px; color: var(--eb-muted); }
body.eb-pg-blog:not(#eb) a.eb-rg-card.is-big { flex-direction: column; align-items: stretch; gap: 0; padding: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 28px rgba(15, 31, 51, .06); }
body.eb-pg-blog:not(#eb) a.eb-rg-card.is-big .eb-rg-card-b { gap: 6px; padding: 14px 16px 16px; }
body.eb-pg-blog:not(#eb) a.eb-rg-card.is-big .eb-rg-card-k { color: var(--eb-pd); }
body.eb-pg-blog:not(#eb) a.eb-rg-card.is-big strong { font-size: 19px; line-height: 1.25; }
body.eb-pg-blog:not(#eb) .eb-rg-pages { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
body.eb-pg-blog:not(#eb) .eb-rg-pages .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 10px; border: 1px solid var(--eb-line); border-radius: 12px; background: #fff; color: var(--eb-ink); font-size: 15px; font-weight: 800; text-decoration: none; }
body.eb-pg-blog:not(#eb) .eb-rg-pages .page-numbers.current { border-color: #0b7fb3; background: #0b7fb3; color: #fff; }
body.eb-pg-blog:not(#eb) .eb-rg-pages .page-numbers.dots { border: 0; background: none; min-width: 20px; }
body.eb-pg-blog:not(#eb) a.eb-rg-tools { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; border-radius: 18px; background: linear-gradient(135deg, #0f1f33, #173654); color: #fff; text-decoration: none; }
body.eb-pg-blog:not(#eb) a.eb-rg-tools span { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #9fd3ef; }
body.eb-pg-blog:not(#eb) a.eb-rg-tools strong { font-size: 17px; line-height: 1.3; color: #fff; }
body.eb-pg-blog:not(#eb) a.eb-rg-tools em { font-size: 14px; font-style: normal; font-weight: 800; color: #9fd3ef; }
@media (min-width: 750px) {
	body.eb-pg-blog:not(#eb) .eb-rg-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.eb-pg-blog:not(#eb) a.eb-rg-card.is-big { grid-column: 1 / -1; flex-direction: row; }
	body.eb-pg-blog:not(#eb) a.eb-rg-card.is-big .eb-rg-cover { width: 44%; height: auto; min-height: 240px; }
	body.eb-pg-blog:not(#eb) a.eb-rg-card.is-big .eb-rg-card-b { justify-content: center; padding: 24px 28px; }
	body.eb-pg-blog:not(#eb) a.eb-rg-card.is-big strong { font-size: 24px; }
}
@media (min-width: 1100px) {
	body.eb-pg-blog:not(#eb) .eb-rg-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	body.eb-pg-blog:not(#eb) .eb-rg-h1 { font-size: 40px; }
}

/* Article */
body.eb-pg-post:not(#eb) .eb-rg-post-grid { display: flex; flex-direction: column; gap: 20px; }
body.eb-pg-post:not(#eb) .eb-rg-art { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
body.eb-pg-post:not(#eb) a.eb-rg-chip { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: var(--eb-tint); color: var(--eb-ink); font-size: 12.5px; font-weight: 800; text-decoration: none; }
body.eb-pg-post:not(#eb) a.eb-rg-chip .ebh-i { display: block; width: 14px; height: 14px; background: var(--c, #0b7fb3); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
body.eb-pg-post:not(#eb) .eb-rg-title { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.18; }
body.eb-pg-post:not(#eb) .eb-rg-by { display: flex; align-items: center; gap: 10px; font-size: 13px; line-height: 1.5; color: var(--eb-muted); }
body.eb-pg-post:not(#eb) .eb-rg-by a { font-weight: 800; color: var(--eb-ink); }
body.eb-pg-post:not(#eb) .eb-rg-av { flex: none; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #0b7fb3, #1fa8e6); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; }
body.eb-pg-post:not(#eb) .eb-rg-av.is-big { width: 52px; height: 52px; font-size: 18px; }
body.eb-pg-post:not(#eb) img.eb-rg-av { display: block; margin: 0; padding: 0; object-fit: cover; background: var(--eb-line); }
body.eb-pg-post:not(#eb) .eb-rg-toc-m { border: 1px solid var(--eb-line); border-radius: 16px; background: var(--eb-soft); }
body.eb-pg-post:not(#eb) .eb-rg-toc-m summary { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 12px 14px; font-size: 15px; font-weight: 800; color: var(--eb-ink); list-style: none; cursor: pointer; }
body.eb-pg-post:not(#eb) .eb-rg-toc-m summary::-webkit-details-marker { display: none; }
body.eb-pg-post:not(#eb) .eb-rg-toc-m[open] summary .eb-pg-ic { transform: rotate(180deg); }
body.eb-pg-post:not(#eb) .eb-rg-toc-m ol { margin: 0; padding: 0 14px 14px 34px; display: flex; flex-direction: column; gap: 8px; font-size: 14px; line-height: 1.4; }
body.eb-pg-post:not(#eb) .eb-rg-toc-m a { font-weight: 700; }
body.eb-pg-post:not(#eb) .eb-rg-text { font-size: 16px; line-height: 1.7; color: #26384b; }
body.eb-pg-post:not(#eb) .eb-rg-text h2 { margin: 1.4em 0 .5em; font-size: 22px; font-weight: 800; line-height: 1.25; scroll-margin-top: 90px; }
body.eb-pg-post:not(#eb) .eb-rg-text h3 { margin: 1.2em 0 .4em; font-size: 18px; font-weight: 800; line-height: 1.3; }
body.eb-pg-post:not(#eb) .eb-rg-text p { margin: 0 0 1em; }
body.eb-pg-post:not(#eb) .eb-rg-text :is(ul, ol) { margin: 0 0 1em; padding-left: 1.3em; }
body.eb-pg-post:not(#eb) .eb-rg-text li { margin: 0 0 .5em; }
body.eb-pg-post:not(#eb) .eb-rg-text li strong, body.eb-pg-post:not(#eb) .eb-rg-text p strong { color: var(--eb-ink); }
body.eb-pg-post:not(#eb) .eb-rg-text a { font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
body.eb-pg-post:not(#eb) .eb-rg-text img { max-width: 100%; height: auto; border-radius: 14px; }
body.eb-pg-post:not(#eb) .eb-rg-text table { display: block; width: 100%; overflow-x: auto; margin: 0 0 1em; border-collapse: collapse; font-size: 14.5px; }
body.eb-pg-post:not(#eb) .eb-rg-text :is(th, td) { padding: 8px 10px; border: 1px solid var(--eb-line); text-align: left; }
body.eb-pg-post:not(#eb) .eb-rg-text blockquote { margin: 0 0 1em; padding: 14px 16px; border: 1px solid #f3dfae; border-radius: 14px; background: #fff7e6; color: #5a4300; font-style: normal; }
body.eb-pg-post:not(#eb) .eb-rg-text .eb-rg-faq { margin: 0 0 8px; background: var(--eb-soft); }
body.eb-pg-post:not(#eb) .eb-rg-text .eb-rg-faq summary { font-size: 15.5px; }
body.eb-pg-post:not(#eb) .eb-rg-faq-a { padding: 0 14px 4px; font-size: 15px; line-height: 1.6; }
body.eb-pg-post:not(#eb) .eb-rg-prod { display: flex; flex-direction: column; gap: 10px; margin: 8px 0 20px; padding: 16px; border: 1.5px solid #b9dcef; border-radius: 18px; background: #fff; box-shadow: 0 12px 28px rgba(15, 31, 51, .06); font-size: 15px; line-height: 1.45; }
body.eb-pg-post:not(#eb) .eb-rg-prod-k { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--eb-muted); }
body.eb-pg-post:not(#eb) .eb-rg-prod-h { display: flex; align-items: center; gap: 12px; }
body.eb-pg-post:not(#eb) .eb-rg-prod-h > span:last-child { display: flex; flex-direction: column; gap: 1px; font-size: 13px; color: var(--eb-muted); }
body.eb-pg-post:not(#eb) .eb-rg-prod-h strong { font-size: 16px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-post:not(#eb) .eb-rg-prod-p { color: var(--eb-text); }
body.eb-pg-post:not(#eb) .eb-rg-prod-p strong { font-size: 18px; color: var(--eb-ink); }
body.eb-pg-post:not(#eb) .eb-rg-prod .eb-pg-btn { width: 100%; min-height: 46px; color: #fff; text-decoration: none; box-shadow: none; }
body.eb-pg-post:not(#eb) .eb-rg-author { display: flex; gap: 12px; padding: 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: var(--eb-soft); }
body.eb-pg-post:not(#eb) .eb-rg-author > span:last-child { display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; line-height: 1.55; }
body.eb-pg-post:not(#eb) .eb-rg-author strong { font-size: 16px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-post:not(#eb) .eb-rg-author a { font-weight: 800; }
/* One author box per post (29 Sep 2026): the name links to the author page (as in the schema), the links row adds the
   personal site. The name keeps its ink colour. */
body.eb-pg-post:not(#eb) .eb-rg-author strong a { color: inherit; text-decoration: none; }
body.eb-pg-post:not(#eb) .eb-rg-author strong a:hover { text-decoration: underline; }
body.eb-pg-post:not(#eb) .eb-rg-author-links { color: var(--eb-muted, #56687b); }
body.eb-pg-post:not(#eb) .eb-rg-rel { display: flex; flex-direction: column; gap: 10px; }
body.eb-pg-post:not(#eb) .eb-rg-rel h2 { margin: 4px 0 0; font-size: 18px; font-weight: 800; }
body.eb-pg-post:not(#eb) .eb-rg-rel .eb-rg-cover { width: 64px; height: 64px; }
body.eb-pg-post:not(#eb) .eb-rg-side { display: flex; flex-direction: column; gap: 16px; }
body.eb-pg-post:not(#eb) .eb-rg-side .eb-rg-prod, body.eb-pg-post:not(#eb) .eb-rg-toc { display: none; }
@media (min-width: 1000px) {
	body.eb-pg-post:not(#eb) .eb-rg { padding-top: 26px; }
	body.eb-pg-post:not(#eb) .eb-rg-post-grid { display: grid; grid-template-columns: minmax(0, 760px) 340px; justify-content: space-between; gap: 48px; align-items: start; }
	body.eb-pg-post:not(#eb) .eb-rg-title { font-size: 40px; }
	body.eb-pg-post:not(#eb) .eb-rg-cover.is-hero { height: 320px; border-radius: 24px; }
	body.eb-pg-post:not(#eb) .eb-rg-cover.is-hero .ebh-i { width: 104px; height: 104px; }
	body.eb-pg-post:not(#eb) .eb-rg-toc-m { display: none; }
	body.eb-pg-post:not(#eb) .eb-rg-text { font-size: 18px; line-height: 1.75; }
	body.eb-pg-post:not(#eb) .eb-rg-text h2 { font-size: 28px; }
	body.eb-pg-post:not(#eb) .eb-rg-text h3 { font-size: 20px; }
	body.eb-pg-post:not(#eb) .eb-rg-text .eb-rg-prod { display: none; }
	body.eb-pg-post:not(#eb) .eb-rg-side { position: sticky; top: 100px; padding-top: 44px; }
	body.eb-pg-post:not(#eb) .eb-rg-side .eb-rg-prod { display: flex; margin: 0; }
	body.eb-pg-post:not(#eb) .eb-rg-toc { display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid var(--eb-line); border-radius: 18px; background: var(--eb-soft); }
	body.eb-pg-post:not(#eb) .eb-rg-toc strong { font-size: 15px; font-weight: 800; color: var(--eb-ink); }
	body.eb-pg-post:not(#eb) .eb-rg-toc a { padding-left: 10px; border-left: 3px solid transparent; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--eb-text); text-decoration: none; }
	body.eb-pg-post:not(#eb) .eb-rg-toc a:hover { border-left-color: #0b7fb3; color: #0b7fb3; }
}

/* Category pages */
body.eb-pg-cat:not(#eb) .eb-cat-top { display: flex; flex-direction: column; gap: 14px; }
body.eb-pg-cat:not(#eb) .eb-cat-head { display: flex; flex-direction: column; gap: 12px; }
body.eb-pg-cat:not(#eb) .eb-cat-count { display: flex; align-items: center; gap: 12px; font-size: 13px; line-height: 1.4; color: var(--eb-muted); }
body.eb-pg-cat:not(#eb) .eb-cat-count strong { color: var(--eb-ink); }
body.eb-pg-cat:not(#eb) .eb-cat-h1 { margin: 0; font-size: 30px; font-weight: 800; line-height: 1.12; }
body.eb-pg-cat:not(#eb) .eb-cat-intro p { margin: 0; font-size: 15px; line-height: 1.6; }
body.eb-pg-cat:not(#eb) .eb-cat-prom { padding: 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; }
body.eb-pg-cat:not(#eb) .eb-cat-goals { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.eb-pg-cat:not(#eb) .eb-cat-goals strong { width: 100%; font-size: 16px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-cat:not(#eb) .eb-cat-goals button { min-height: 40px; margin: 0; padding: 0 14px; border: 1px solid var(--eb-field); border-radius: 999px; background: #fff; color: var(--eb-ink); font-family: var(--eb-font); font-size: 14px; font-weight: 800; letter-spacing: 0; text-transform: none; box-shadow: none; cursor: pointer; }
body.eb-pg-cat:not(#eb) .eb-cat-goals button.is-on { border-color: #0b7fb3; background: #0b7fb3; color: #fff; }
body.eb-pg-cat:not(#eb) .eb-cat-grid { display: grid; gap: 10px; }
body.eb-pg-cat:not(#eb) a.eb-cat-card { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; color: var(--eb-ink); text-decoration: none; }
body.eb-pg-cat:not(#eb) a.eb-cat-card[hidden] { display: none; }
body.eb-pg-cat:not(#eb) a.eb-cat-card:hover { border-color: #b9dcef; }
body.eb-pg-cat:not(#eb) a.eb-cat-card.is-top { border: 1.5px solid #b9dcef; box-shadow: 0 10px 24px rgba(15, 31, 51, .06); }
body.eb-pg-cat:not(#eb) .eb-cat-card-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
body.eb-pg-cat:not(#eb) .eb-cat-card-n { font-size: 16px; font-weight: 800; line-height: 1.25; }
body.eb-pg-cat:not(#eb) .eb-cat-card-o { font-size: 12.5px; color: var(--eb-muted); }
body.eb-pg-cat:not(#eb) .eb-cat-card-p { font-size: 15px; color: var(--eb-text); }
body.eb-pg-cat:not(#eb) .eb-cat-card-p strong { font-size: 18px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-cat:not(#eb) .eb-cat-card-e { min-height: 18px; font-size: 13px; color: var(--eb-muted); }
body.eb-pg-cat:not(#eb) .eb-cat-card-b { margin-top: auto; display: flex; align-items: center; justify-content: center; min-height: 42px; border: 1.5px solid #b9dcef; border-radius: 12px; color: var(--eb-pd); font-size: 14px; font-weight: 800; }
body.eb-pg-cat:not(#eb) .eb-cat-countries { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.eb-pg-cat:not(#eb) .eb-cat-countries strong { width: 100%; font-size: 16px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-cat:not(#eb) .eb-cat-countries a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--eb-line); border-radius: 999px; background: #fff; color: var(--eb-ink); font-size: 14px; font-weight: 700; text-decoration: none; }
body.eb-pg-cat:not(#eb) .eb-cat-bottom { display: flex; flex-direction: column; gap: 16px; }
body.eb-pg-cat:not(#eb) .eb-cat-chapters h2, body.eb-pg-cat:not(#eb) .eb-cat-side h2 { margin: 4px 0 10px; font-size: 19px; font-weight: 800; }
body.eb-pg-cat:not(#eb) .eb-cat-ch { padding: 0 14px 14px; font-size: 14.5px; line-height: 1.6; }
body.eb-pg-cat:not(#eb) .eb-cat-ch p { margin: 0 0 .8em; }
body.eb-pg-cat:not(#eb) .eb-cat-rows { margin: 0 0 12px; padding: 0; list-style: none; border: 1px solid var(--eb-line); border-radius: 14px; overflow: hidden; }
body.eb-pg-cat:not(#eb) .eb-cat-rows li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin: 0; padding: 10px 12px; border-bottom: 1px solid var(--eb-line); }
body.eb-pg-cat:not(#eb) .eb-cat-rows li:last-child { border-bottom: 0; }
body.eb-pg-cat:not(#eb) .eb-cat-rows li > span:first-child { color: var(--eb-text); }
body.eb-pg-cat:not(#eb) .eb-cat-rows a { font-weight: 800; }
body.eb-pg-cat:not(#eb) .eb-cat-side { display: flex; flex-direction: column; gap: 14px; }
body.eb-pg-cat:not(#eb) .eb-cat-how { padding: 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; }
body.eb-pg-cat:not(#eb) .eb-cat-how h2 { margin-top: 0; font-size: 17px; }
body.eb-pg-cat:not(#eb) .eb-cat-how ol { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
body.eb-pg-cat:not(#eb) .eb-cat-how li { display: flex; gap: 12px; align-items: flex-start; margin: 0; font-size: 13.5px; line-height: 1.45; }
body.eb-pg-cat:not(#eb) .eb-cat-how li > span:first-child { flex: none; width: 28px; height: 28px; border-radius: 50%; background: #0b7fb3; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13.5px; font-weight: 800; }
body.eb-pg-cat:not(#eb) .eb-cat-how li > span:last-child { display: flex; flex-direction: column; gap: 2px; }
body.eb-pg-cat:not(#eb) .eb-cat-how li strong { font-size: 14.5px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-cat:not(#eb) .eb-cat-posts { display: flex; flex-direction: column; gap: 10px; }
body.eb-pg-cat:not(#eb) .eb-cat-posts .eb-rg-cover { width: 64px; height: 64px; }
@media (min-width: 750px) {
	body.eb-pg-cat:not(#eb) .eb-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.eb-pg-cat:not(#eb) .eb-cat-goals strong, body.eb-pg-cat:not(#eb) .eb-cat-countries strong { width: auto; margin-right: 4px; font-size: 15px; }
}
@media (min-width: 1000px) {
	body.eb-pg-cat:not(#eb) .eb-cat { padding-top: 22px; }
	body.eb-pg-cat:not(#eb) .eb-cat-top { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 40px; align-items: end; }
	body.eb-pg-cat:not(#eb) .eb-cat-h1 { font-size: 44px; }
	body.eb-pg-cat:not(#eb) .eb-cat-intro p { font-size: 17px; }
	body.eb-pg-cat:not(#eb) .eb-cat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
	body.eb-pg-cat:not(#eb) a.eb-cat-card { min-height: 250px; padding: 18px; }
	body.eb-pg-cat:not(#eb) .eb-cat-bottom { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 40px; align-items: start; }
	body.eb-pg-cat:not(#eb) .eb-cat-chapters h2 { font-size: 24px; }
}

/* Category cards: what the product delivers (heart, eye, speech bubble …) on the platform color, platform logo in the corner */
body.eb-pg-cat:not(#eb) .eb-cat-ico { flex: none; position: relative; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: var(--c, #0b7fb3); color: #fff; }
body.eb-pg-cat:not(#eb) .eb-cat-ico .eb-cat-k { display: block; }
body.eb-pg-cat:not(#eb) .eb-cat-ico-p { position: absolute; right: -6px; bottom: -6px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(15, 31, 51, .18); }
body.eb-pg-cat:not(#eb) .eb-cat-ico-p .ebh-i { display: block; width: 14px; height: 14px; background: var(--c, #0b7fb3); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
body.eb-pg-cat:not(#eb) .eb-cat-goals button { display: inline-flex; align-items: center; gap: 7px; }
body.eb-pg-cat:not(#eb) .eb-cat-goals button .eb-cat-k { flex: none; color: #0b7fb3; }
body.eb-pg-cat:not(#eb) .eb-cat-goals button.is-on .eb-cat-k { color: #fff; }
body.eb-pg-cat:not(#eb) .eb-cat-countries a { gap: 8px; }
body.eb-pg-cat:not(#eb) .eb-cat-flag { flex: none; display: block; width: 22px; height: 22px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(15, 31, 51, .08); }
body.eb-pg-cat:not(#eb) .eb-cat-aud { flex: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--eb-tint); color: #0b7fb3; font-size: 14px; font-weight: 800; line-height: 1; }

/* Admin preview of the thank you page */
body.eb-pg-thanks:not(#eb) .eb-ty-preview { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; max-width: 1180px; margin: 12px auto 0; padding: 10px 14px; border: 1px dashed #b9dcef; border-radius: 12px; background: #fff; font-family: var(--eb-font); font-size: 13.5px; color: var(--eb-text); }
body.eb-pg-thanks:not(#eb) .eb-ty-preview a { padding: 4px 10px; border-radius: 999px; background: var(--eb-tint); color: var(--eb-pd); font-weight: 800; text-decoration: none; }
body.eb-pg-thanks:not(#eb) .eb-ty-preview a[aria-current] { background: #0b7fb3; color: #fff; }

/* Order status results (canvas T-Status): automate-smm's tables as cards, see eb-pages.js. The plugin sets its button
   styles with !important, so those overrides need it too. */
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form::before { display: none; }
body.eb-pg-status:not(#eb) .eb-st .smm_order_status_form.eb-st-res { display: flex; flex-direction: column; gap: 14px; }
body.eb-pg-status:not(#eb) .eb-st-res .progress-bar-wrapper { display: none; }
body.eb-pg-status:not(#eb) .eb-st-rhead { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; }
body.eb-pg-status:not(#eb) .eb-st-rhead h2 { margin: 0; font-size: 19px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-status:not(#eb) .eb-st-rhead a { font-size: 13.5px; font-weight: 800; color: var(--eb-pd); }
body.eb-pg-status:not(#eb) .eb-st-prog { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
body.eb-pg-status:not(#eb) .eb-st-prog li { display: flex; flex-direction: column; gap: 6px; margin: 0; }
body.eb-pg-status:not(#eb) .eb-st-bar { display: block; height: 6px; border-radius: 999px; background: var(--eb-line); }
body.eb-pg-status:not(#eb) .eb-st-prog li.is-done .eb-st-bar { background: #0b7fb3; }
body.eb-pg-status:not(#eb) .eb-st-lbl { font-size: 12.5px; font-weight: 700; line-height: 1.3; color: var(--eb-muted); }
body.eb-pg-status:not(#eb) .eb-st-prog li.is-done .eb-st-lbl { color: var(--eb-ink); }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp { display: block; width: 100%; margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp :is(thead, tbody) { display: block; }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp thead tr { display: block; background: none; }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp thead tr + tr { display: none; }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp th.table-header { display: block; padding: 4px 0 8px; border: 0; background: none; font-size: 15px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp.is-help { padding: 14px; border: 1px solid #f3c7c4; border-radius: 16px; background: #fdf1f0; }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp.is-help th.table-header { color: #a12622; }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp tbody tr.eb-st-line { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px 0; border-top: 1px solid var(--eb-line); background: none; }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp.is-help tbody tr.eb-st-line { border-top-color: #f3c7c4; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td { display: block; min-width: 0; padding: 0; border: 0; background: none; font-size: 14px; font-weight: 400; line-height: 1.45; color: var(--eb-text); }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(1) { position: absolute; top: 12px; left: 0; padding: 0; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(1) a { display: block; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(1) img { display: block; width: 48px; height: 48px; max-width: none; max-height: none; border-radius: 14px; object-fit: cover; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line .eb-cat-ico { flex: none; position: relative; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: var(--c, #0b7fb3); color: #fff; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line .eb-cat-ico-p { position: absolute; right: -6px; bottom: -6px; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(15, 31, 51, .18); }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line .eb-cat-ico-p .ebh-i { display: block; width: 13px; height: 13px; background: var(--c, #0b7fb3); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(2) { grid-column: 1 / -1; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 48px; padding-left: 62px; overflow-wrap: anywhere; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line .eb-st-name { font-size: 14.5px; font-weight: 800; line-height: 1.3; color: var(--eb-ink); }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(2) > a:not(.confirm-button) { overflow: hidden; font-size: 12.5px; font-weight: 600; color: var(--eb-muted); text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(2) .link-static { font-size: 12.5px; color: var(--eb-muted); }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line .link-input { min-width: 0; width: 100%; height: 46px; margin: 6px 0 0; padding: 0 12px; border: 1.5px solid var(--eb-field); border-radius: 12px; background: #fff; font-size: 15px; color: var(--eb-ink); }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line :is(.confirm-button, .smm-heal-btn) { display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 46px; margin: 8px 0 0; padding: 0 14px !important; border: 0 !important; border-radius: 14px !important; background: #0b7fb3 !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; transform: none !important; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line :is(td:nth-child(3), td:nth-child(4)) { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 12px; background: var(--eb-soft); font-size: 14.5px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp.is-help tr.eb-st-line :is(td:nth-child(3), td:nth-child(4)) { background: #fff; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line :is(td:nth-child(3), td:nth-child(4))::before { content: attr(data-l); font-size: 12px; font-weight: 700; color: var(--eb-muted); }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td.is-empty { display: none; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td.is-wide { grid-column: 1 / -1; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(5) { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: 13px; color: var(--eb-muted); }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(6) { grid-column: 1 / -1; padding: 0; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line .order-again-button { display: inline-flex !important; align-items: center; gap: 8px; min-height: 40px; margin: 0; padding: 0 14px !important; border: 1.5px solid #b9dcef !important; border-radius: 12px !important; background: #fff !important; color: var(--eb-pd) !important; font-size: 14px !important; font-weight: 800 !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; transform: none !important; }
body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line .order-again-button:hover { border-color: #0b7fb3 !important; }
body.eb-pg-status:not(#eb) .eb-st-refill { margin: 0; padding-top: 12px; border-top: 1px solid var(--eb-line); font-size: 13px; line-height: 1.45; color: var(--eb-text); }
body.eb-pg-status:not(#eb) .eb-st-refill a { font-weight: 800; }
@media (min-width: 750px) {
	body.eb-pg-status:not(#eb) .eb-st table.eb-st-grp tbody tr.eb-st-line { grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr) minmax(0, 1fr) auto; align-items: start; }
	body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(2) { grid-column: 1; }
	body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td.is-wide { grid-column: auto / span 2; }
	body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(5) { grid-column: 1 / 4; grid-row: 2; padding-left: 62px; }
	body.eb-pg-status:not(#eb) .eb-st tr.eb-st-line td:nth-child(6) { grid-column: 4; grid-row: 1; }
}

/* Mein Konto without the wallet: Sternpunkte and Bestellungen side by side */
body.eb-pg-account:not(#eb) .eb-acc-cards.no-wallet a.eb-acc-card.is-orders { grid-column: auto; }
@media (min-width: 850px) {
	body.eb-pg-account:not(#eb) .eb-acc-cards.no-wallet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Mein Konto › Sternpunkte (tpl/account-points.php) */
body.eb-pg-account:not(#eb) .eb-acc-pts { display: flex; flex-direction: column; gap: 14px; }
body.eb-pg-account:not(#eb) .eb-acc-pts-hero { display: flex; flex-direction: column; gap: 4px; padding: 18px; border: 1px solid #f3dfae; border-radius: 18px; background: #fff7e6; color: #5a4300; }
body.eb-pg-account:not(#eb) .eb-acc-pts-k { display: flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 800; }
body.eb-pg-account:not(#eb) .eb-acc-pts-n { font-size: 40px; font-weight: 800; line-height: 1.05; color: #0f1f33; }
body.eb-pg-account:not(#eb) .eb-acc-pts-m { font-size: 14px; }
body.eb-pg-account:not(#eb) .eb-acc-pts-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 8px; font-size: 13px; }
body.eb-pg-account:not(#eb) .eb-acc-lvl { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #fff; color: #0f1f33; font-size: 12.5px; font-weight: 800; box-shadow: inset 0 0 0 1.5px var(--lvl, #cd7f32); }
body.eb-pg-account:not(#eb) .eb-acc-lvl::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--lvl, #cd7f32); }
body.eb-pg-account:not(#eb) .eb-acc-bar { display: block; height: 8px; border-radius: 999px; background: var(--eb-line); overflow: hidden; }
body.eb-pg-account:not(#eb) .eb-acc-bar > span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #f5b623, #e0a100); }
body.eb-pg-account:not(#eb) .eb-acc-lvls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; margin: 4px 0 0; padding: 0; list-style: none; }
body.eb-pg-account:not(#eb) .eb-acc-lvls li { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .eb-acc-lvls li > span { flex: none; width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--lvl, #cd7f32); }
body.eb-pg-account:not(#eb) .eb-acc-lvls li.is-done > span, body.eb-pg-account:not(#eb) .eb-acc-lvls li.is-cur > span { background: var(--lvl, #cd7f32); }
body.eb-pg-account:not(#eb) .eb-acc-lvls li.is-cur { font-weight: 800; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .eb-acc-lvls li em { margin-left: auto; font-style: normal; font-size: 12px; }
body.eb-pg-account:not(#eb) .eb-acc-ways { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
body.eb-pg-account:not(#eb) .eb-acc-ways li { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 10px 0; border-top: 1px solid var(--eb-line); font-size: 14px; }
body.eb-pg-account:not(#eb) .eb-acc-ways li:first-child { border-top: 0; padding-top: 0; }
body.eb-pg-account:not(#eb) .eb-acc-ways strong { font-size: 14.5px; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .eb-acc-ref { display: flex; gap: 8px; }
body.eb-pg-account:not(#eb) .eb-acc-ref input[type="text"] { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 14px; color: var(--eb-text); }
body.eb-pg-account:not(#eb) .eb-acc-ref .eb-ty-copy { flex: none; min-height: 50px; margin: 0; padding: 0 16px; border: 0; border-radius: 14px; background: #0b7fb3; color: #fff; font-family: var(--eb-font); font-size: 14.5px; font-weight: 800; letter-spacing: 0; text-transform: none; cursor: pointer; }
body.eb-pg-account:not(#eb) .eb-acc-ref .eb-ty-copy.is-done { background: #157347; }
body.eb-pg-account:not(#eb) .eb-acc-hist { margin: 0; padding: 0; list-style: none; }
body.eb-pg-account:not(#eb) .eb-acc-hist li { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 10px 0; border-top: 1px solid var(--eb-line); }
body.eb-pg-account:not(#eb) .eb-acc-hist li:first-child { border-top: 0; padding-top: 0; }
body.eb-pg-account:not(#eb) .eb-acc-hist li > span { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
body.eb-pg-account:not(#eb) .eb-acc-hist strong { font-size: 14px; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .eb-acc-hist em { font-size: 12.5px; font-style: normal; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .eb-acc-hist b { flex: none; font-size: 15px; font-weight: 800; }
body.eb-pg-account:not(#eb) .eb-acc-hist b.is-plus { color: #157347; }
body.eb-pg-account:not(#eb) .eb-acc-hist b.is-minus { color: var(--eb-muted); }
@media (min-width: 850px) {
	body.eb-pg-account:not(#eb) .eb-acc-pts-hero { padding: 24px; }
	body.eb-pg-account:not(#eb) .eb-acc-pts-n { font-size: 48px; }
	body.eb-pg-account:not(#eb) .eb-acc-lvls { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Mein Konto › Meine Profile (automate-smm's markup, saved-accounts-account.php) */
body.eb-pg-account:not(#eb) .smm-sa-page { display: flex; flex-direction: column; gap: 14px; }
body.eb-pg-account:not(#eb) .smm-sa-page__intro { margin: 0; font-size: 15px; line-height: 1.55; color: var(--eb-text); }
body.eb-pg-account:not(#eb) form.smm-sa-page__add { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 16px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; }
body.eb-pg-account:not(#eb) .smm-sa-page__add-label { margin: 0; font-size: 17px; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .smm-sa-page__platforms { display: flex; flex-wrap: wrap; gap: 8px; }
body.eb-pg-account:not(#eb) label.smm-sa-page__platform { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; margin: 0; padding: 0 12px; border: 1px solid var(--eb-field); border-radius: 999px; background: #fff; font-size: 13.5px; font-weight: 800; color: var(--eb-ink); cursor: pointer; }
body.eb-pg-account:not(#eb) label.smm-sa-page__platform input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
body.eb-pg-account:not(#eb) label.smm-sa-page__platform:has(input:checked) { border-color: #0f1f33; background: #0f1f33; color: #fff; }
body.eb-pg-account:not(#eb) label.smm-sa-page__platform:has(input:focus-visible) { outline: 3px solid rgba(31, 168, 230, .55); outline-offset: 2px; }
body.eb-pg-account:not(#eb) .smm-sa-page__platform :is(svg, img), body.eb-pg-account:not(#eb) .smm-sa-card__platform :is(svg, img) { flex: none; width: 18px; height: 18px; }
body.eb-pg-account:not(#eb) .smm-sa-page__row { display: flex; gap: 8px; }
body.eb-pg-account:not(#eb) .smm-sa-page__row .smm-sa-page__input { flex: 1 1 auto; min-width: 0; margin: 0; }
body.eb-pg-account:not(#eb) .smm-sa-page__row .smm-sa-page__submit { flex: none; margin: 0; }
body.eb-pg-account:not(#eb) .smm-sa__promise { margin: 0; font-size: 13px; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .smm-sa-page__empty { margin: 0; padding: 14px 16px; border: 1px dashed var(--eb-field); border-radius: 16px; font-size: 14px; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .smm-sa-page__count { display: flex; align-items: baseline; gap: 8px; margin: 4px 0 0; font-size: 17px; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .smm-sa-page__count span { padding: 2px 8px; border-radius: 999px; background: var(--eb-tint); color: var(--eb-pd); font-size: 13px; font-weight: 800; }
body.eb-pg-account:not(#eb) ul.smm-sa-page__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.eb-pg-account:not(#eb) li.smm-sa-card { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 14px; border: 1px solid var(--eb-line); border-radius: 18px; background: #fff; }
body.eb-pg-account:not(#eb) .smm-sa-card__head { display: flex; align-items: center; gap: 12px; }
body.eb-pg-account:not(#eb) img.smm-sa-card__avatar { flex: none; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
body.eb-pg-account:not(#eb) .smm-sa-card__id { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; }
body.eb-pg-account:not(#eb) .smm-sa-card__name { font-size: 15px; font-weight: 800; color: var(--eb-ink); overflow-wrap: anywhere; }
body.eb-pg-account:not(#eb) .smm-sa-card__platform { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) form.smm-sa-card__delete { flex: none; margin: 0; }
body.eb-pg-account:not(#eb) form.smm-sa-card__delete button { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: var(--eb-soft); color: var(--eb-muted); font-size: 22px; line-height: 1; box-shadow: none; }
body.eb-pg-account:not(#eb) form.smm-sa-card__delete button:hover { background: #fdf1f0; color: #a12622; }
body.eb-pg-account:not(#eb) .smm-sa-card__count { margin: 0; font-size: 14px; color: var(--eb-text); }
body.eb-pg-account:not(#eb) .smm-sa-card__count strong { font-size: 20px; font-weight: 800; color: var(--eb-ink); }
body.eb-pg-account:not(#eb) .smm-sa-card__growth { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 800; }
body.eb-pg-account:not(#eb) .smm-sa-card__growth.is-up { background: #e5f5ec; color: #157347; }
body.eb-pg-account:not(#eb) .smm-sa-card__growth.is-down { background: #eef3f7; color: var(--eb-muted); }
body.eb-pg-account:not(#eb) .smm-sa-card__chart svg { display: block; width: 100%; height: auto; }
body.eb-pg-account:not(#eb) .smm-sa__spark-line { stroke: #0b7fb3; stroke-width: 2; }
body.eb-pg-account:not(#eb) .smm-sa__spark-area { fill: #eef8fd; }
body.eb-pg-account:not(#eb) .smm-sa-card__meta { margin: 0; font-size: 12.5px; color: var(--eb-muted); }
@media (min-width: 850px) {
	body.eb-pg-account:not(#eb) form.smm-sa-page__add { padding: 22px 24px; }
	body.eb-pg-account:not(#eb) ul.smm-sa-page__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---- Type scale (29 Sep 2026, owner: the same body text and heading sizes on every page) ----
   Page H1 28 / 40 px (phone / desktop, set per template), section H2 20 / 24, card and sidebar titles 17 to 18,
   reading text 15 / 16, secondary text 14 to 14.5, meta 12.5 to 13. The overrides below bring the outliers in line. */
body.eb-pg:not(#eb) .eb-pg-acc > p { font-size: 15px; }
body.eb-pg-cat:not(#eb) .eb-cat-chapters h2 { font-size: 20px; }
body.eb-pg-cat:not(#eb) :is(.eb-cat-side, .eb-cat-how) h2 { font-size: 18px; }
body.eb-pg-cat:not(#eb) .eb-cat-ch { font-size: 15px; }
body.eb-pg-status:not(#eb) .eb-st-faq h2 { font-size: 20px; }
body.eb-pg-post:not(#eb) .eb-rg-art .wp-block-table :is(td, th) { font-size: 15px; }
@media (min-width: 850px) {
	body.eb-pg:not(#eb) .eb-pg-acc > p { font-size: 16px; }
	body.eb-pg-cat:not(#eb) .eb-cat-chapters h2 { font-size: 24px; }
	body.eb-pg-cat:not(#eb) .eb-cat-ch { font-size: 16px; }
	body.eb-pg-status:not(#eb) .eb-st-faq h2 { font-size: 24px; }
}