:root{--bg:#fff;--panel:#fff;--line:#e5e7eb;--line-strong:#e2e8f0;--input:#d1d5db;--text:#111827;--head:#1f2937;--muted:#6b7280;--soft:#f8fafc;--hint:#9ca3af;--brand:#4f46e5;--brand-dark:#4338ca;--brand-light:#eef2ff;--brand-pale:#c7d2fe;--brand2:#6366f1;--danger:#dc2626;--ok:#166534}
body.theme-ocean{--brand:#2563eb;--brand2:#3b82f6;--brand-dark:#1d4ed8;--brand-light:#eff6ff;--brand-pale:#bfdbfe}body.theme-sky{--brand:#0284c7;--brand2:#0ea5e9;--brand-dark:#0369a1;--brand-light:#eff8ff;--brand-pale:#bae6fd}body.theme-mono{--brand:#0891b2;--brand2:#06b6d4;--brand-dark:#0e7490;--brand-light:#ecfeff;--brand-pale:#a5f3fc}body.theme-teal{--brand:#0d9488;--brand2:#14b8a6;--brand-dark:#0f766e;--brand-light:#f0fdfa;--brand-pale:#99f6e4}body.theme-forest{--brand:#059669;--brand2:#10b981;--brand-dark:#047857;--brand-light:#ecfdf5;--brand-pale:#a7f3d0}body.theme-violet{--brand:#7c3aed;--brand2:#8b5cf6;--brand-dark:#6d28d9;--brand-light:#f5f3ff;--brand-pale:#ddd6fe}body.theme-rose{--brand:#e11d48;--brand2:#f43f5e;--brand-dark:#be123c;--brand-light:#fff1f3;--brand-pale:#fecdd3}body.theme-amber{--brand:#d97706;--brand2:#f59e0b;--brand-dark:#b45309;--brand-light:#fffbeb;--brand-pale:#fde68a}body.theme-slate{--brand:#334155;--brand2:#475569;--brand-dark:#1e293b;--brand-light:#f1f5f9;--brand-pale:#cbd5e1}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;font-size:14px}
a{color:inherit;text-decoration:none}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10;overflow:hidden}
.brand{height:68px;border-bottom:2px solid var(--brand);padding:14px 18px;display:flex;flex-direction:column;gap:2px;justify-content:center}.brand strong{font-size:18px;line-height:1.1;color:var(--head);white-space:nowrap}.brand span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
nav{padding:12px}nav a{display:flex;align-items:center;min-height:34px;padding:8px 10px;border-radius:8px;color:#374151;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav a:hover{background:var(--brand-light);color:var(--brand-dark)}nav a.danger{color:var(--danger)}
.content{padding:24px;margin-left:236px;min-width:0}.content.centered{margin-left:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.content.public-shop{margin-left:0;max-width:1180px;margin-right:auto;margin-left:auto}
.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--brand)}.page-head h1{margin:0;font-size:24px;color:var(--head);letter-spacing:-.01em}.page-head p{margin:4px 0 0;color:var(--muted)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:16px;box-shadow:none}.panel h2{margin:0 0 14px;font-size:16px;color:var(--text)}
.collapsible summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:var(--brand);color:#fff;border-radius:9px;padding:12px 14px;font-weight:800}.collapsible summary::-webkit-details-marker{display:none}.collapsible summary small{color:#e0e7ff;font-weight:600}.collapsible form{margin-top:18px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stats div{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--line);border-radius:12px;padding:20px}.stats strong{display:block;font-size:28px}.stats span{color:var(--muted)}
.dashboard-extended div{background:linear-gradient(180deg,#fff,#f0fdfa)}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-grid a{border:1px solid var(--line);border-radius:10px;padding:16px;background:#f8fafc;color:#1f2937}.quick-grid a:hover{border-color:#c7d2fe;color:var(--brand)}
.login-card{width:min(430px,92vw);background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 20px 45px #1018281a}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);margin:0 0 24px}
form{margin:0}label{display:flex;flex-direction:column;gap:5px;font-weight:600;color:#374151}input,select,textarea{width:100%;border:1px solid var(--input);border-radius:8px;padding:9px 13px;font:inherit;background:#fff;color:var(--text);transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(99,102,241,.1)}textarea{min-height:80px;resize:vertical}
button,.button{border:0;background:var(--brand);color:#fff;border-radius:8px;padding:9px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s}button:hover,.button:hover{background:var(--brand-dark);filter:none}.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand-pale)}.ghost:hover{background:var(--brand-light);color:var(--brand-dark)}
.mini-form{display:grid;grid-template-columns:minmax(110px,1fr);gap:7px;min-width:210px}.mini-form input,.mini-form select,.mini-form textarea{padding:7px 8px;font-size:12px}.mini-form textarea{min-height:54px}.mini-form button{padding:7px 9px;font-size:12px}.inline-check{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12px;font-weight:600}.inline-check input{width:auto}.doc-link{display:block;color:var(--brand);font-weight:700;margin:3px 0}.tracking-line{display:grid;gap:2px;margin:3px 0}.tracking-line a{color:var(--brand);font-weight:700}.history-line,.comment-line,.return-box{display:grid;gap:3px;border-left:3px solid #c7d2fe;padding:5px 0 5px 8px;margin:5px 0;background:#f8fafc}.comment-line{border-left-color:#67e8f9}.return-box{border-left-color:#facc15}.return-form{border:1px solid var(--line);border-radius:8px;padding:8px;background:#f8fafc;margin-bottom:8px}
.grid-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:end}.grid-form .wide{grid-column:1/-1}.grid-form .check{flex-direction:row;align-items:center}.grid-form .check input{width:auto}
.tabs{display:flex;gap:0;flex-wrap:wrap;margin:0 0 22px;border-bottom:2px solid var(--line-strong);padding:0}.tabs a{padding:12px 22px;color:#64748b;font-weight:700;border-radius:0;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}.tabs a:hover{background:rgba(99,102,241,.04);color:var(--brand)}.tabs a.active{background:transparent;color:var(--brand);border-bottom-color:var(--brand);box-shadow:none}.route-tabs{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.tab-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;grid-column:1/-1;align-items:end;border-bottom:1px solid #f3f4f6;padding:0 0 14px;margin-bottom:2px}.tab-section h2{grid-column:1/-1;margin:0}.subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subgrid fieldset{border:1px solid var(--line);border-radius:8px;padding:10px;background:#f9fafb;display:grid;gap:8px}.subgrid legend{font-weight:800;color:#374151;padding:0 6px}.is-hidden{display:none!important}
table{width:100%;border-collapse:collapse}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;text-align:left;background:#f9fafb}th,td{padding:10px 14px;border-bottom:1px solid #f3f4f6;vertical-align:middle}tr:hover td{background:#f9fafb}small{color:var(--muted)}code{background:#f3f4f6;color:#374151;border:0;border-radius:4px;padding:2px 5px}
.pill{display:inline-flex;border-radius:999px;padding:4px 9px;background:#ecfdf3;color:var(--ok);font-size:12px;font-weight:800;text-transform:uppercase}.flash{background:#ecfdf3;color:#065f46;border:1px solid #a7f3d0;border-radius:10px;padding:12px 14px;margin-bottom:18px}.content.centered .flash{width:min(430px,92vw);margin:0}.flash.error{background:#fff1f2;color:#991b1b;border-color:#fecdd3}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lane{background:#eef2f7;border:1px solid var(--line);border-radius:12px;padding:12px;min-height:260px}.lane h2{font-size:15px;margin:4px 4px 12px}.task{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px}.task p{color:var(--muted);margin:8px 0}.task-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.task-actions a{font-size:12px;background:#f8fafc;border:1px solid var(--line);border-radius:6px;padding:4px 6px;color:#475467}
.template-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.template-list article{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:14px}.template-list strong{display:block}.template-list small{display:block;color:var(--muted);margin:4px 0 8px}.template-list ol{margin:0;padding-left:18px;color:#475467}
.profile dl{display:grid;grid-template-columns:160px 1fr;gap:12px}.profile dt{color:var(--muted);font-weight:700}.profile dd{margin:0}
.switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.switches label{flex-direction:row;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:10px}.switches input{width:auto}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,#f5f7fb00,#f5f7fb 35%);padding:16px 0 4px}
.compact-head{align-items:flex-start}.settings-search{width:min(360px,38vw);font-weight:500}.settings-layout{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start}.settings-index{position:sticky;top:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px}.settings-index a{padding:8px 9px;margin:0;border-radius:7px;font-weight:700}.settings-index a.active{background:var(--brand-light);color:var(--brand)}.settings-grid{display:grid;grid-template-columns:1fr;gap:14px}.settings-card{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}.settings-card h2{grid-column:1/-1}.settings-card .wide{grid-column:1/-1}.settings-card .switch{flex-direction:row;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:9px}.settings-card .switch input{width:auto}.settings-grid .wide{grid-column:1/-1}.compact-switches{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.compact-actions{display:flex;justify-content:flex-end}
.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.commerce-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 1px 2px #1018280d}.commerce-card.disabled{opacity:.58}.commerce-card h2{margin:12px 0 8px;font-size:18px}.commerce-card p{color:var(--muted);min-height:42px}.commerce-top{display:flex;align-items:center;justify-content:space-between}.commerce-top strong{font-size:24px}.feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-columns li{margin:9px 0;color:#344054}
.page-builder-form .code-area{min-height:270px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;background:#0f172a;color:#e5e7eb;border-color:#1e293b}.page-template-list{grid-template-columns:repeat(3,minmax(0,1fr))}.page-template-list p{color:var(--muted);min-height:42px}.frontend-top{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:22px}.frontend-top strong{font-size:20px;color:var(--head)}.frontend-top nav{display:flex;gap:10px;padding:0}.frontend-top nav a{margin:0;border:1px solid var(--line);border-radius:8px;padding:8px 12px}.frontend-hero{border:1px solid var(--line);border-radius:18px;padding:56px 48px;margin-bottom:22px;background:linear-gradient(135deg,#eef2ff,#fff 52%,#f8fafc);box-shadow:0 20px 45px #1018280d}.frontend-hero h1{font-size:42px;line-height:1.08;max-width:780px;margin:0 0 14px;color:var(--head)}.frontend-hero p{font-size:18px;color:#475569;max-width:720px;margin:0 0 24px}.frontend-section{margin:22px 0}.frontend-section h2,.frontend-cta h2{font-size:26px;color:var(--head);margin:0 0 14px}.frontend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.frontend-grid article,.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.frontend-grid article strong{display:block;color:var(--head);margin-bottom:6px}.frontend-grid article p,.frontend-section>p,.frontend-cta p{color:var(--muted);line-height:1.55}.faq-list{display:grid;gap:10px}.faq-list summary{cursor:pointer;font-weight:800;color:var(--head)}.frontend-cta{border:1px solid var(--brand-pale);background:var(--brand-light);border-radius:16px;padding:28px;margin:24px 0}
.theme-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}.theme-picker h2{grid-column:1/-1;margin:0 0 4px}.theme-option{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;cursor:pointer}.theme-option:hover{border-color:var(--brand-pale);background:#f8fafc}.theme-option input{position:absolute;opacity:0;pointer-events:none}.theme-option:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.theme-swatch{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--swatch),var(--swatch) 48%,var(--swatch-bg) 49%,var(--swatch-bg));border:1px solid #00000012}.theme-option strong{font-size:12px;line-height:1.2;color:var(--head)}
@media(max-width:900px){.sidebar{position:static;width:auto}.content{margin-left:0;padding:16px}.stats,.quick-grid,.kanban,.grid-form,.commerce-grid,.feature-columns,.tab-section,.subgrid,.settings-layout,.settings-grid,.settings-card,.compact-switches,.frontend-grid,.page-template-list,.theme-picker{grid-template-columns:1fr}.settings-index{position:static}.settings-search{width:100%}.frontend-hero{padding:34px 24px}.frontend-hero h1{font-size:32px}table{display:block;overflow:auto}}

/* 2026 backend shell refresh */
body{background:#f6f8fb;color:#172033;font-size:13px}.shell{background:linear-gradient(180deg,#f8fafc,#f3f6fb)}.sidebar{width:264px;background:linear-gradient(180deg,#ffffff,#f8fafc);border-right:1px solid #dde5ef;box-shadow:8px 0 28px #0f172a08}.brand{height:84px;border-bottom:1px solid #e6ecf3;padding:18px 16px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:.02em;box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 24%,transparent)}.brand strong{font-size:17px;color:#0f172a}.brand span:not(.brand-mark){font-size:10px;color:#64748b;letter-spacing:.08em}.main-nav{padding:14px 12px 18px;overflow:auto}.nav-label{display:block;margin:14px 10px 7px;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.main-nav a{position:relative;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:38px;margin:2px 0;padding:9px 11px;border-radius:10px;color:#475569;font-weight:700}.main-nav a span{font-size:10px;color:#94a3b8;font-weight:900}.main-nav a:hover{background:#f1f5f9;color:#0f172a}.main-nav a.active{background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.main-nav a.active span{color:var(--brand)}.main-nav a.danger{margin-top:12px;color:#dc2626}.main-nav a.danger:hover{background:#fff1f2}.content{margin-left:264px;padding:28px 30px}.page-head{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;margin-bottom:16px;box-shadow:0 8px 24px #0f172a08}.page-head h1{font-size:25px;color:#0f172a}.page-head p{font-size:13px;color:#64748b}.panel{border-color:#e1e8f0;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0f172a08}.panel h2{font-size:15px;color:#172033}.grid-form{gap:13px}.grid-form label{font-size:12px;color:#334155}input,select,textarea{border-color:#cfd8e3;border-radius:10px;padding:10px 12px;background:#fff;font-size:13px}input:disabled{background:#f8fafc;color:#334155}button,.button{border-radius:10px;padding:10px 16px;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 20%,transparent)}.ghost{box-shadow:none}.tabs{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:5px;margin-bottom:16px}.tabs a{border-bottom:0;border-radius:10px;margin:0;padding:10px 14px;color:#64748b}.tabs a.active{background:color-mix(in srgb,var(--brand) 11%,#fff);color:var(--brand);border-bottom:0}.section-title{display:grid!important;gap:4px;border-top:1px solid #edf2f7;padding-top:16px;margin-top:2px}.section-title h2{margin:0;font-size:15px}.section-title small{font-weight:600;color:#64748b}.form-actions{display:flex!important;justify-content:flex-end}.form-actions button{min-width:260px}.theme-picker{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.theme-option{position:relative!important;display:grid!important;grid-template-columns:44px 1fr;gap:12px;align-items:center;min-height:70px;border:1px solid #dce5ef;border-radius:14px;padding:12px;background:linear-gradient(180deg,#fff,#f8fafc);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.theme-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 35%,#dce5ef);box-shadow:0 10px 24px #0f172a0d}.theme-radio{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}.theme-option.selected,.theme-option:has(.theme-radio:checked){border-color:var(--brand);box-shadow:0 0 0 3px rgba(99,102,241,.12),0 10px 24px #0f172a0d}.theme-option.selected:after,.theme-option:has(.theme-radio:checked):after{content:"";position:absolute;right:12px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--brand)}.theme-swatch{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--swatch) 0 50%,var(--swatch-bg) 50% 100%);box-shadow:inset 0 0 0 1px #00000012}.theme-option strong{display:block;font-size:13px;color:#0f172a}.theme-option small{display:block;margin-top:2px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:900px){.sidebar{position:static;width:auto}.content{margin-left:0;padding:16px}.brand{height:auto}.theme-picker{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions button{width:100%;min-width:0}}

/* Awwwards-inspired product-grade polish: expressive but work-focused */
.topbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,520px) auto;gap:14px;align-items:center;margin-bottom:18px}.topbar>div{display:grid;gap:2px}.topbar strong{font-size:14px;color:#0f172a}.topbar span{font-size:12px;color:#64748b}.topbar-search input{height:42px;border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E") no-repeat 14px center;padding-left:42px}.dashboard-hero{min-height:170px;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 34%),linear-gradient(135deg,#fff,#f8fbff 48%,color-mix(in srgb,var(--brand) 8%,#fff));align-items:flex-end}.eyebrow{display:inline-flex;margin-bottom:8px;color:var(--brand);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.hero-actions{display:flex;gap:10px;align-items:center}.stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-strip a,.metric-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 12px 30px #0f172a08}.stat-strip a:before,.metric-panel:before{content:"";position:absolute;inset:auto 18px 0 18px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2));opacity:.7}.stat-strip span,.metric-panel span{display:block;color:#64748b;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.stat-strip strong,.metric-panel strong{display:block;margin:8px 0 2px;font-size:32px;line-height:1;color:#0f172a}.stat-strip small,.metric-panel small{color:#64748b}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-panel{margin:0}.accent-ok:before{background:#10b981}.accent-warn:before{background:#f59e0b}.accent-cool:before{background:#06b6d4}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{margin:0}.panel-head small,.panel-head a{color:#64748b;font-weight:700}.action-grid a{display:grid;gap:5px}.action-grid strong{color:#0f172a}.action-grid small{color:#64748b}.builder-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.block-library{position:sticky;top:18px}.block-library details{border:1px solid #e2e8f0;border-radius:12px;background:#fff;margin-bottom:9px;overflow:hidden}.block-library summary{cursor:pointer;padding:12px 14px;font-weight:900;color:#172033}.block-library textarea{border:0;border-top:1px solid #edf2f7;border-radius:0;min-height:130px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;background:#f8fafc}.builder-preview{display:flex!important;gap:8px;align-items:center;flex-wrap:wrap;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:12px}.builder-preview strong{margin-right:4px}.builder-preview span{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;color:#475569;font-size:12px;font-weight:800}.frontend-stats>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.frontend-stats article{background:#0f172a;color:#fff;border-radius:18px;padding:22px}.frontend-stats article strong{display:block;font-size:34px}.frontend-stats article span{color:#cbd5e1}.frontend-split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;border:1px solid #e2e8f0;border-radius:22px;padding:30px;background:#fff;margin:24px 0}.frontend-split h2{font-size:30px;margin:0 0 10px}.frontend-split p{color:#64748b}.frontend-split ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.frontend-split li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-weight:800}.frontend-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.frontend-steps article{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px}.frontend-steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-weight:900;margin-bottom:12px}.pricing-grid article{display:grid;gap:10px}.pricing-grid ul{margin:0;padding-left:18px;color:#64748b}
@media(max-width:1100px){.dashboard-grid,.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-shell{grid-template-columns:1fr}.block-library{position:static}.topbar{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.frontend-stats>div,.frontend-steps,.frontend-split{grid-template-columns:1fr}}

/* === v0.11.1 Shell-Refinement === */
.brand{align-items:center}
.brand-text,.brand>div{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.2;gap:1px}
.brand-text strong,.brand>div strong{display:block;font-size:16px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-text span,.brand>div span:not(.brand-mark){display:block;font-size:10px;color:#64748b;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main-nav a span{justify-self:center;text-align:center}
.content>.page-head:first-child,.content>.dashboard-hero:first-child{margin-top:2px}
table tbody td[colspan]{color:#94a3b8;text-align:center;padding:22px 14px}
.panel+.panel{margin-top:16px}
.inline-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#334155}
.inline-check input{width:auto;margin:0}
.button.ghost.danger{color:#dc2626;border-color:#fecaca}

/* === v0.13.0 Dichte & Typografie === */
body{font-size:12.5px;line-height:1.45}
.content{padding:22px 24px}
.page-head{padding:14px 18px;margin-bottom:14px}
.page-head h1{font-size:21px;line-height:1.2}
.page-head p{font-size:12px}
.panel{padding:16px}
.panel h2,.panel-head h2{font-size:14px}
.panel+.panel{margin-top:14px}
h1{font-size:21px}h2{font-size:15px}h3{font-size:13px}
table{font-size:12px;border-collapse:collapse;width:100%}
table th{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-weight:800;padding:8px 10px;border-bottom:1px solid #e6ecf3;text-align:left}
table td{padding:8px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle}
table tbody tr:hover{background:#f8fafc}
input,select,textarea{font-size:12.5px;padding:8px 10px}
.grid-form label{font-size:11.5px;gap:4px}
button,.button{font-size:12.5px;padding:8px 14px}
.main-nav{padding:10px 10px 16px}
.main-nav a{min-height:33px;padding:7px 10px;font-weight:600;font-size:12.5px}
.nav-label{margin:12px 8px 5px;font-size:9.5px}
.brand{height:70px}
.brand-text strong{font-size:15px}
.pill{font-size:10.5px;padding:3px 8px}
.topbar strong{font-size:13px}.topbar span{font-size:11px}
.stat-strip strong,.metric-panel strong{font-size:26px}

/* === v0.14.0 === */
.inline-search{margin:0}
.inline-search input{height:32px;min-width:240px;border-radius:999px;font-size:12px}
.panel-head{flex-wrap:wrap;gap:10px}

/* === v0.15.0 Legal/DSGVO === */
.public-footer{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center;padding:22px 16px;margin-top:30px;border-top:1px solid #e6ecf3;font-size:12px}
.public-footer a{color:#475569;text-decoration:none}
.public-footer a:hover{text-decoration:underline}
.public-footer .widerruf-link{font-weight:700;color:#0f172a}
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:#0f172a;color:#fff;padding:13px 18px;border-radius:12px;font-size:12.5px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:760px;margin:auto}
.cookie-banner a{color:#cbd5e1}
.cookie-banner button{background:#fff;color:#0f172a;border:0;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer}
.legal-form{max-width:680px;margin:24px auto}
.legal-step{color:#64748b;font-size:13px}
.legal-summary{background:#f8fafc;border:1px solid #e6ecf3;border-radius:10px;padding:14px 16px;margin:12px 0;font-size:13px}
.legal-confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.legal-success{background:#ecfdf3;border:1px solid #a7f3d0;border-radius:12px;padding:20px}
.muted{color:#94a3b8;font-size:12px}

/* === v0.16.0 Kanal-Settings === */
.grid-form .form-section{grid-column:1/-1;margin:14px 0 0;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-weight:800;border-top:1px solid #eef2f7;padding-top:12px}
.grid-form .form-section:first-of-type{border-top:0;padding-top:0;margin-top:0}

/* === v0.18.0 Visual Page Builder === */
.pb{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start}
.pb-lib-buttons,.pb-presets{display:flex;flex-direction:column;gap:6px}
.pb-lib-buttons button,.pb-presets button{text-align:left;background:#f8fafc;border:1px solid #e6ecf3;color:#0f172a;border-radius:8px;padding:8px 10px;font-weight:600;cursor:pointer}
.pb-lib-buttons button:hover,.pb-presets button:hover{background:#eef2f7}
.pb-presets button{background:var(--brand);color:#fff;border-color:transparent}
.pb-canvas-title{display:block;margin:6px 0 8px;font-size:12px;color:#475569}
.pb-canvas{display:flex;flex-direction:column;gap:12px}
.pb-empty{border:1px dashed #cbd5e1;border-radius:10px;padding:24px;text-align:center;color:#94a3b8;font-size:12.5px}
.pb-block{border:1px solid #e6ecf3;border-radius:10px;background:#fff;overflow:hidden}
.pb-block-head{display:flex;align-items:center;justify-content:space-between;background:#f1f5f9;padding:8px 12px;font-size:12.5px}
.pb-tools button{background:#fff;border:1px solid #d6deea;border-radius:6px;width:26px;height:26px;margin-left:4px;cursor:pointer;font-size:12px}
.pb-tools button.danger{color:#dc2626;border-color:#fecaca}
.pb-block-body{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pb-block-body label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#475569}
.pb-block-body label:has(textarea){grid-column:1/-1}
.pb-list{grid-column:1/-1;border-top:1px solid #eef2f7;padding-top:10px;display:flex;flex-direction:column;gap:6px}
.pb-list-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
.pb-list-head button{background:var(--brand);color:#fff;border:0;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer}
.pb-item{display:flex;gap:6px;align-items:center}
.pb-item input{flex:1;min-width:0}
.pb-item button.danger{background:#fff;border:1px solid #fecaca;color:#dc2626;border-radius:6px;width:28px;cursor:pointer}
.pb-advanced summary{cursor:pointer;font-weight:700;color:#64748b;font-size:12px;padding:6px 0}
@media(max-width:780px){.pb{grid-template-columns:1fr}.pb-block-body{grid-template-columns:1fr}}

/* === v0.20.0 Einstellungen: konsistente Reiter + Versand === */
[hidden]{display:none!important}
.settings-index{display:flex;flex-direction:column;gap:2px}
.settings-index button{display:block;width:100%;text-align:left;padding:8px 10px;margin:0;border:0;border-radius:7px;background:transparent;box-shadow:none;color:#475569;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.settings-index button:hover{background:#f1f5f9;color:#0f172a}
.settings-index button.active{background:var(--brand-light);color:var(--brand);box-shadow:none}
.settings-index button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.pill.muted{background:#eef2f7;color:#64748b}
.legal-note{font-size:12px;color:#475569;line-height:1.55;border-left:3px solid var(--brand);background:#f8fafc}
.legal-note strong{color:#0f172a}
#shipForm summary{cursor:pointer;font-size:13px;padding:2px 0}
#shipForm[open] summary{margin-bottom:4px}
.muted{color:#64748b}

/* === v0.20.0 collapse-panel (Uebersicht-first, Formular per Button) === */
details.collapse-panel>summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:#172033;list-style:none}
details.collapse-panel>summary::-webkit-details-marker{display:none}
details.collapse-panel>summary::before{content:"+";display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:7px;background:var(--brand-light);color:var(--brand);font-weight:900}
details.collapse-panel[open]>summary::before{content:"\2212"}
details.collapse-panel>summary .collapse-aside{margin-left:auto;font-size:12px;font-weight:700;color:var(--brand)}

/* === v0.21.0 Seiten-Schnellaktionen + Kanal-Uebersicht === */
.pb-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;grid-column:1/-1;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.pb-quick>span{font-size:12px;font-weight:800;color:#64748b}
.pb-quick button{padding:6px 12px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#334155;font-weight:700;font-size:12.5px;box-shadow:none;cursor:pointer}
.pb-quick button:hover{border-color:var(--brand);color:var(--brand)}
.channel-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}
.channel-table tbody tr:hover{background:#f8fafc}
.channel-table td{vertical-align:middle}
.pill.ok{background:#dcfce7;color:#166534}

/* === v0.27.0 Lesbarkeit: Nav-Badges blau/weiss + Domain-Manager === */
.main-nav a span{background:var(--brand);color:#fff;border-radius:7px;min-width:24px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;padding:0 4px}
.main-nav a:hover span{background:var(--brand-dark)}
.main-nav a.active span{background:var(--brand-dark);color:#fff}
.main-nav a.danger span{background:#dc2626;color:#fff}
.domain-field .dom-label{display:block;font-size:12px;color:#334155;margin-bottom:6px;font-weight:600}
.domain-list{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}
.domain-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:340px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px 6px 4px 12px;font-size:12.5px;color:#172033}
.domain-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.domain-chip button{background:none;box-shadow:none;color:#dc2626;padding:2px 8px;font-size:16px;line-height:1;border:0}
.domain-chip button:hover{background:#fee2e2}
.domain-empty{font-size:12px;color:#94a3b8}
.domain-add{display:flex;gap:8px;max-width:420px}
.domain-input{flex:1;max-width:300px}

/* === v0.28.0 Farben: Nav-Zahlen dezent, Buttons + Logo kraeftig blau === */
.main-nav a span{background:none!important;color:#94a3b8!important;min-width:0!important;height:auto!important;padding:0!important;border-radius:0!important;font-weight:900}
.main-nav a.active span{background:none!important;color:var(--brand)!important}
.main-nav a.danger span{background:none!important;color:#dc2626!important}
button,.button{background:#2563eb;color:#fff}
button:hover,.button:hover{background:#1d4ed8}
.button.ghost,.ghost{background:#fff;color:#2563eb;border:1px solid #bfdbfe;box-shadow:none}
.button.ghost:hover,.ghost:hover{background:#eff6ff;color:#1d4ed8}
.button.ghost.danger{background:#fff;color:#dc2626;border-color:#fecaca}
.button.ghost.danger:hover{background:#fef2f2;color:#b91c1c}
.brand-mark{background:#2563eb!important;color:#fff!important}

/* === v0.29.0 Page Builder: Drag-and-Drop + Vorlagen === */
.pb-drag{cursor:grab;user-select:none;color:#94a3b8;font-size:14px;padding:0 8px 0 2px;margin-right:4px}
.pb-drag:active{cursor:grabbing}
.pb-block.dragging{opacity:.45}
.pb-block.drop-target{outline:2px dashed #2563eb;outline-offset:2px}
.page-template-list article .button{margin-top:12px;display:inline-flex}

/* === v0.30.0 Import/Export === */
.data-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.import-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:10px}
.import-card{border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:8px}
.import-card h3{font-size:14px;color:#0f172a;margin:0}
.import-card input[type=file]{font-size:12px}
.import-card button{margin-top:auto}

/* === v0.31.0 Page Builder Redesign (Inspector-Layout) === */
.pb-editor{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}
.pb-editor-main{min-width:0}
.pb-editor-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.pb-editor-head strong{font-size:14px}
.pb-editor-head small{color:#94a3b8;font-size:11px}
.pb-canvas{display:flex;flex-direction:column;gap:10px;min-height:120px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}
.pb-empty{color:#94a3b8;font-size:13px;text-align:center;padding:30px 10px}
.pb-editor-inspector{position:sticky;top:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;min-height:200px}
.pb-block{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .12s,box-shadow .12s}
.pb-block:hover{border-color:#bfdbfe}
.pb-block.selected{border-color:#2563eb;box-shadow:0 0 0 2px #bfdbfe}
.pb-block.dragging{opacity:.45}
.pb-block.drop-target{outline:2px dashed #2563eb;outline-offset:2px}
.pb-block-head{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-size:12px}
.pb-block-type{font-weight:700;color:#334155;flex:1}
.pb-tools{display:flex;gap:3px}
.pb-tools button{background:#fff;border:1px solid #e2e8f0;color:#475569;border-radius:6px;padding:1px 7px;font-size:12px;line-height:1.4;box-shadow:none}
.pb-tools button:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}
.pb-tools button.danger{color:#dc2626}
.pb-tools button.danger:hover{background:#fef2f2;border-color:#fecaca}
.pb-block-preview{padding:14px 16px}
.pv h2{font-size:20px;margin:0 0 6px}
.pv h3{font-size:15px;margin:0 0 6px}
.pv p{margin:0 0 8px;color:#475569;font-size:13px}
.pv-hero{text-align:center;background:linear-gradient(135deg,#eff6ff,#f8fafc);border-radius:10px;padding:22px}
.pv-cta{text-align:center;background:#0f172a;color:#fff;border-radius:10px;padding:18px}
.pv-cta h3,.pv-cta p{color:#e2e8f0}
.pv-btn{display:inline-block;background:#2563eb;color:#fff;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}
.pv-cta .pv-btn{background:#fff;color:#0f172a}
.pv-list ul{margin:0;padding-left:18px;color:#475569;font-size:13px}
.pv-list li{margin:2px 0}
.pv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.pv-stat{text-align:center;background:#f8fafc;border-radius:8px;padding:10px}
.pv-stat strong{display:block;font-size:18px;color:#2563eb}
.pv-stat span{font-size:11px;color:#64748b}
.pv-quotes blockquote{margin:0 0 8px;padding:8px 12px;border-left:3px solid #2563eb;background:#f8fafc;font-size:13px;color:#334155}
.pv-quotes cite{display:block;font-size:11px;color:#94a3b8;margin-top:3px}
.pv-faq-i{padding:6px 0;border-bottom:1px solid #f1f5f9}
.pv-faq-i strong{font-size:13px}
.pv-faq-i p{font-size:12px;margin:2px 0 0}
.pv-pkg{text-align:center;background:#f8fafc;border-radius:8px;padding:12px}
.pv-pkg strong{display:block;font-size:13px}
.pv-pkg span{font-size:16px;color:#2563eb;font-weight:800}
.pv-prod{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;padding:18px 8px;text-align:center;font-size:11px;color:#94a3b8}
.pb-inspector-empty{color:#94a3b8;font-size:13px;text-align:center;padding:20px 6px}
.pb-inspector-empty strong{display:block;color:#475569;margin-bottom:6px}
.pb-inspector-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:10px}
.pb-inspector-head strong{font-size:14px;color:#0f172a}
.pb-inspector-head span{font-size:11px;color:#94a3b8}
.pb-editor-inspector label{display:block;font-size:12px;color:#475569;margin-bottom:8px}
.pb-editor-inspector input,.pb-editor-inspector textarea{width:100%;margin-top:3px}
@media(max-width:1100px){.pb-editor{grid-template-columns:1fr}.pb-editor-inspector{position:static}}

/* === v0.32.0 Page Builder aufgeraeumt (Topbar + zugeklappte Einstellungen) === */
.pb-shell{padding:16px}
.pb-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.pb-title-field{flex:1;min-width:240px;display:block;margin:0}
.pb-title-field span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:4px;font-weight:700}
.pb-title-field input{width:100%;font-size:18px;font-weight:700;padding:10px 12px}
.pb-topbar-actions{display:flex;gap:8px;align-items:center}
.pb-settings{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:14px}
.pb-settings>summary{cursor:pointer;padding:11px 14px;font-size:13px;font-weight:600;color:#475569;list-style:none;display:flex;align-items:center;gap:8px}
.pb-settings>summary::-webkit-details-marker{display:none}
.pb-settings>summary::after{content:"oeffnen";margin-left:auto;font-size:11px;color:#94a3b8;font-weight:500}
.pb-settings[open]>summary::after{content:"schliessen"}
.pb-settings[open]>summary{border-bottom:1px solid var(--line)}
.pb-settings-grid{padding:14px}
.pb-advanced{margin-top:14px}
.pb-advanced>summary{cursor:pointer;font-size:12px;color:#64748b}

/* === v0.33.0 Storefront-Menue === */
.sf-menu-wrap{display:flex;align-items:center}
.sf-menu-desktop{display:flex;gap:18px;flex-wrap:wrap}
.sf-menu-desktop a{font-size:14px}
.sf-menu-mobile{display:none}
@media(max-width:760px){
.sf-menu-desktop{display:none}
.sf-menu-mobile{display:block;position:relative}
.sf-menu-mobile>summary{cursor:pointer;list-style:none;font-weight:600;padding:6px 10px;border:1px solid var(--line);border-radius:8px}
.sf-menu-mobile>summary::-webkit-details-marker{display:none}
.sf-menu-mobile nav{display:flex;flex-direction:column;gap:8px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:6px;position:absolute;right:0;z-index:20;min-width:180px}
}

/* === v0.33.2 Widerruf-Button im Footer === */
.widerruf-link{display:inline-flex;align-items:center;background:#2563eb;color:#fff!important;font-weight:700;border-radius:8px;padding:8px 16px;font-size:12.5px;text-decoration:none}
.widerruf-link:hover{background:#1d4ed8;color:#fff}

/* === v0.34.0 Footer-Feinschliff === */
.widerruf-link{background:#fff;color:#2563eb!important;border:1px solid #bfdbfe}
.widerruf-link:hover{background:#eff6ff;color:#1d4ed8}
.public-footer a:not(.widerruf-link){color:#475569}
.public-footer a:not(.widerruf-link):hover{color:#2563eb}

/* === v0.35.0 Sidebar-Collapse, Builder-Fokus, Bild-Block === */
.nav-toggle{margin-left:auto;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:7px;padding:2px 8px;font-size:13px;box-shadow:none}
.nav-toggle:hover{background:#e2e8f0;color:#0f172a}
.shell.nav-min .sidebar{width:64px;min-width:64px}
.shell.nav-min .brand-text{display:none}
.shell.nav-min .nav-label{display:none}
.shell.nav-min .main-nav a{font-size:0;gap:0;justify-content:center;padding-left:0;padding-right:0}
.shell.nav-min .main-nav a span{font-size:10px}
.shell.nav-min .nav-toggle{margin:0 auto}
body.pb-focus .sidebar,body.pb-focus .topbar,body.pb-focus .page-head,body.pb-focus .route-tabs{display:none!important}
body.pb-focus .content{padding-top:10px}
.pv-hero-right .pv-hero-body,.pv-hero-left .pv-hero-body{flex:1}
.pv-hero-right,.pv-hero-left{display:flex;gap:16px;align-items:center;text-align:left}
.pv-hero-left{flex-direction:row-reverse}
.pv-hero-img{max-width:38%;border-radius:8px}
.pv-hero-bg .pv-hero-img{display:none}
.pv-image img{max-width:100%;border-radius:10px;display:block}
.pv-image small{color:#94a3b8;display:block;margin-top:4px}
.pv-img-wide img{max-width:80%;margin:0 auto}
.pv-img-left,.pv-img-right{display:flex;gap:12px;align-items:flex-start}
.pv-img-left img,.pv-img-right img{max-width:45%}
.pv-img-ph{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:10px;padding:26px;text-align:center;color:#94a3b8;font-size:12px}
/* Frontend */
.frontend-hero.hero-img-right .hero-body,.frontend-hero.hero-img-left .hero-body{flex:1}
.frontend-hero.hero-img-right,.frontend-hero.hero-img-left{display:flex;gap:28px;align-items:center;text-align:left}
.frontend-hero.hero-img-left{flex-direction:row-reverse}
.hero-side-img{max-width:42%;border-radius:14px}
.blk-image figure{margin:0}
.blk-image img{max-width:100%;border-radius:14px;display:block}
.blk-image figcaption{color:#64748b;font-size:12.5px;margin-top:6px}
.blk-image.layout-wide img{max-width:860px;margin:0 auto}
.blk-image.layout-left,.blk-image.layout-right{display:flex;gap:24px;align-items:flex-start}
.blk-image.layout-right{flex-direction:row-reverse}
.blk-image.layout-left figure,.blk-image.layout-right figure{flex:0 0 46%}
.blk-image .blk-image-text{flex:1}
@media(max-width:760px){.frontend-hero.hero-img-right,.frontend-hero.hero-img-left,.blk-image.layout-left,.blk-image.layout-right{flex-direction:column}.hero-side-img{max-width:100%}}

/* === v0.36.0 Themes === */
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.theme-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:6px}
.theme-card strong{font-size:13px}
.theme-card small{color:#94a3b8;font-size:11px}
.theme-card .button{margin-top:6px;justify-content:center}
.theme-swatch{height:44px;border-radius:8px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:6px;padding:0 10px}
.theme-swatch span{width:20px;height:20px;border-radius:6px;display:inline-block}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.theme-card-modern{padding:14px;border-radius:14px;gap:10px;background:#fff;transition:transform .16s,border-color .16s,box-shadow .16s}
.theme-card-modern:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 30%,#e2e8f0);box-shadow:0 14px 34px rgba(15,23,42,.10)}
.theme-card-modern strong{font-size:14px;color:#0f172a}
.theme-card-modern small{text-transform:none;letter-spacing:0;color:#64748b}
.theme-mini{height:126px;border-radius:calc(var(--th-radius) + 2px);background:var(--th-bg);border:1px solid rgba(15,23,42,.08);padding:10px;display:grid;grid-template-rows:auto 1fr auto;gap:8px;overflow:hidden}
.theme-mini-head{height:22px;border-radius:max(4px,var(--th-radius));background:var(--th-surface);display:flex;align-items:center;gap:6px;padding:0 8px;box-shadow:0 4px 10px rgba(15,23,42,.06)}
.theme-mini-head span{width:34px;height:8px;border-radius:999px;background:var(--th-text)}
.theme-mini-head i{width:18px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--th-muted) 55%,transparent)}
.theme-mini-head i:first-of-type{margin-left:auto}
.theme-mini-hero{border-radius:var(--th-radius);background:linear-gradient(135deg,var(--th-primary),var(--th-accent));padding:13px 12px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.theme-mini-hero b{width:60%;height:10px;border-radius:999px;background:#fff}
.theme-mini-hero em{width:42%;height:7px;border-radius:999px;background:rgba(255,255,255,.7)}
.theme-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.theme-mini-grid span{height:24px;border-radius:max(4px,var(--th-radius));background:var(--th-surface);border:1px solid rgba(15,23,42,.08);position:relative}
.theme-mini-grid span:after{content:"";position:absolute;left:7px;right:20%;bottom:6px;height:4px;border-radius:999px;background:var(--th-primary)}
.theme-card-modern .theme-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
.theme-card-modern .theme-actions .button{margin-top:0;min-height:34px;padding:8px 10px}

/* === v0.36.1 Fixes: Toggle-Position + Vorlagen-Vorschau === */
.nav-toggle{position:absolute;top:16px;right:10px;margin:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;z-index:5}
.shell.nav-min .nav-toggle{position:static;margin:8px auto 0;transform:rotate(180deg)}
.shell.nav-min .brand{flex-direction:column;gap:6px}
.tpl-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;margin-bottom:10px;min-height:120px}
.tpl-b{background:#fff;border:1px solid #e9eef5;border-radius:6px;padding:7px 9px;display:flex;flex-direction:column;gap:4px}
.tpl-hero{background:linear-gradient(135deg,#eff6ff,#f8fafc);align-items:center;padding:12px}
.tpl-cta{background:#0f172a;align-items:center}
.tpl-line{display:block;height:6px;border-radius:3px;background:#cbd5e1}
.tpl-line.thin{height:4px;background:#e2e8f0}
.tpl-line.light{background:#475569}
.tpl-line.w80{width:80%}.tpl-line.w70{width:70%}.tpl-line.w60{width:60%}.tpl-line.w50{width:50%}.tpl-line.w40{width:40%}
.tpl-btn{width:52px;height:12px;border-radius:6px;background:#2563eb;margin-top:2px}
.tpl-btn.light{background:#e2e8f0}
.tpl-grid{flex-direction:row;gap:6px}
.tpl-grid i{flex:1;height:26px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px}
.tpl-stats{flex-direction:row;gap:6px}
.tpl-stats i{flex:1;height:18px;background:#eff6ff;border-radius:5px}
.tpl-img{background:repeating-linear-gradient(45deg,#f1f5f9,#f1f5f9 8px,#e8edf4 8px,#e8edf4 16px);color:#94a3b8;font-size:10px;text-align:center;justify-content:center;min-height:34px;display:flex;align-items:center}
.tpl-more{font-size:10px;color:#94a3b8;text-align:center}

/* === v0.37.0 Bereiche + Artikeldetailseite === */
.pb-areas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:12px;font-size:12.5px}
.pb-areas span{color:#64748b;font-weight:600}
.pb-areas a{background:#fff;border:1px solid #bfdbfe;color:#2563eb;border-radius:8px;padding:4px 12px;font-weight:600;text-decoration:none}
.pb-areas a:hover{background:#eff6ff}
.page-area-head{margin:20px 0 8px;font-size:14px;color:#0f172a;border-bottom:2px solid #e2e8f0;padding-bottom:6px}
.page-area-head small{color:#94a3b8;font-weight:500}
.product-detail .pd-breadcrumb{font-size:12.5px;color:#94a3b8;margin-bottom:14px}
.product-detail .pd-breadcrumb a{color:#64748b}
.pd-grid{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}
.pd-main h1{margin:0 0 4px}
.pd-meta{color:#94a3b8;display:block;margin-bottom:14px}
.pd-desc{line-height:1.65}
.pd-buy{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;position:sticky;top:16px}
.pd-price{font-size:26px;font-weight:900;color:#0f172a}
.pd-vat{color:#94a3b8;margin-bottom:6px}
.pd-buy .button{justify-content:center;text-align:center}
.pd-rel-link{display:flex;flex-direction:column;gap:4px;text-decoration:none}
.pd-rel-link span{color:#2563eb;font-weight:700}
.product-link{text-decoration:none;color:inherit}
.product-link:hover{color:#2563eb}
.card-btn{margin-top:8px;font-size:12px}
@media(max-width:760px){.pd-grid{grid-template-columns:1fr}.pd-buy{position:static}}

/* === v0.37.1 Fix: Sidebar bleibt fixed; Inhalt folgt beim Einklappen === */
.shell.nav-min .content{margin-left:88px}
@media(max-width:900px){.shell.nav-min .content{margin-left:0}}

/* === v0.37.2 Vorlagen-Vorschau mit echten Inhalten === */
.tpl-b b{display:block;font-size:11px;font-weight:800;color:#0f172a;font-style:normal}
.tpl-b u{display:block;text-decoration:none;font-size:10px;color:#64748b;margin-top:2px}
.tpl-hero b{font-size:13px}
.tpl-cta b{color:#fff}
.tpl-btn-real{display:inline-block;background:#2563eb;color:#fff;border-radius:6px;padding:2px 8px;font-size:9.5px;font-style:normal;font-weight:700;margin-top:4px}
.tpl-btn-real.light{background:#fff;color:#0f172a}
.tpl-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.tpl-chips em{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:1px 8px;font-size:9.5px;font-style:normal;color:#475569;white-space:nowrap}
.tpl-stats-real div{display:flex;gap:6px;margin-top:4px}
.tpl-stats-real span{flex:1;background:#eff6ff;border-radius:6px;padding:4px 6px;text-align:center;font-size:9px;color:#64748b}
.tpl-stats-real span b{font-size:12px;color:#2563eb;display:block}
.tpl-quote u{font-style:italic;border-left:2px solid #2563eb;padding-left:6px}
.tpl-grid-real div{display:flex;gap:5px;margin-top:4px}
.tpl-grid-real i{flex:1;height:22px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:5px}

/* === v0.37.3 Status farbig in der Topbar === */
.pb-status{font-weight:800;border-radius:10px;padding:9px 12px;border:1px solid transparent;cursor:pointer}
.pb-status.st-draft{background:#fef3c7;color:#92400e;border-color:#fcd34d}
.pb-status.st-published{background:#dcfce7;color:#166534;border-color:#86efac}
.pb-status.st-archived{background:#f1f5f9;color:#475569;border-color:#cbd5e1}

/* === v0.38.0 Topbar-Buttons einheitlich === */
.pb-topbar-actions{flex-wrap:nowrap}
.pb-topbar-actions .button,.pb-topbar-actions button,.pb-topbar-actions select{white-space:nowrap;height:42px;display:inline-flex;align-items:center}

/* === v0.38.1 Fokus: linker Leerraum weg === */
body.pb-focus .content{margin-left:0;padding-top:14px}

/* === v0.39.0 Theme-Vorschau Buttons === */
.theme-actions{display:flex;gap:6px;margin-top:6px}
.theme-actions .button{flex:1;justify-content:center;font-size:12px;padding:6px 8px}

/* === v0.40.0 Sprachumschalter + Sprach-Checkboxen === */
.sf-lang{display:inline-flex;gap:4px;margin-left:14px;vertical-align:middle}
.sf-lang a{border:1px solid #cbd5e1;border-radius:7px;padding:3px 9px;font-size:11.5px;font-weight:800;color:#64748b;text-decoration:none}
.sf-lang a.active{background:#2563eb;border-color:#2563eb;color:#fff}
.lang-checks{display:flex;flex-wrap:wrap;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}

/* === v0.41.0 Kategorien-Block === */
.blk-cats h2{text-align:center;margin-bottom:22px}
.blk-cats.layout-list .cats-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.blk-cats.layout-list .cat-item{display:flex;align-items:center;gap:16px;padding:14px 4px;border-bottom:1px solid #e2e8f0;text-decoration:none;color:inherit}
.blk-cats.layout-list .cat-item:hover .cat-label{color:#2563eb}
.blk-cats.layout-list img,.blk-cats.layout-list .cat-ph{width:56px;height:56px;object-fit:contain;flex:0 0 56px}
.blk-cats.layout-cards .cats-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.blk-cats.layout-cards .cat-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:inherit;text-align:center}
.blk-cats.layout-cards .cat-item:hover{border-color:#2563eb}
.blk-cats.layout-cards img,.blk-cats.layout-cards .cat-ph{width:72px;height:72px;object-fit:contain}
.blk-cats.layout-pills .cats-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.blk-cats.layout-pills .cat-item{border:1px solid #cbd5e1;border-radius:999px;padding:9px 18px;text-decoration:none;color:inherit;font-weight:600}
.blk-cats.layout-pills .cat-item:hover{border-color:#2563eb;color:#2563eb}
.cat-ph{display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px;font-weight:900;color:#94a3b8;font-size:15px}
.cat-label{font-size:15px;font-weight:600}
.cat-label small{color:#94a3b8;font-weight:400}
.pv-cat{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px;text-align:center;font-size:10.5px;color:#475569}
@media(max-width:800px){.blk-cats.layout-list .cats-wrap{grid-template-columns:1fr}}

/* === v0.41.1 Eigenschaften-Tabelle (Artikeldetail) === */
.pd-specs h2{margin-bottom:14px}
.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start}
.specs-table{width:100%;border-collapse:collapse}
.specs-table th{font-weight:400;color:#334155;text-align:left;padding:11px 8px}
.specs-table td{font-weight:800;color:#0f172a;text-align:right;padding:11px 8px}
.specs-table tr{border-bottom:1px solid #e2e8f0}
.specs-table tr:nth-child(odd){background:#f8fafc}
.spec-extra{display:none}
.specs-more{background:none;border:0;box-shadow:none;color:#0f172a;font-weight:700;padding:12px 4px;font-size:14px;cursor:pointer}
.specs-more:hover{color:#2563eb;background:none}
@media(max-width:760px){.specs-grid{grid-template-columns:1fr}}

/* === v0.42.1 Bestätigungs-Overlay === */
.rk-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px)}
.rk-modal-backdrop[hidden]{display:none}
.rk-modal{background:#fff;border-radius:16px;padding:24px 26px;max-width:420px;width:calc(100% - 40px);box-shadow:0 24px 60px rgba(15,23,42,.3)}
.rk-modal h3{margin:0 0 8px;font-size:16px;color:#0f172a}
.rk-modal p{margin:0 0 18px;color:#475569;font-size:14px;line-height:1.55}
.rk-modal-actions{display:flex;gap:10px;justify-content:flex-end}
.button.danger-solid{background:#dc2626;color:#fff}
.button.danger-solid:hover{background:#b91c1c}

/* === v0.42.2 Button-Links: Schrift immer lesbar === */
a.button{color:#fff!important;text-decoration:none}
a.button:hover{color:#fff!important}
a.button.ghost{color:#2563eb!important}
a.button.ghost:hover{color:#1d4ed8!important}
a.button.ghost.danger{color:#dc2626!important}

/* === v0.44.0 Kundenportal === */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}
.panel.stat{text-align:center;padding:20px}
.panel.stat strong{display:block;font-size:24px;color:#0f172a;margin-bottom:4px}
.panel.stat span{color:#64748b;font-size:13px}

/* === v0.45.0 Kategorien + Login-Politur === */
.cat-inline{display:contents}
td input{width:100%;box-sizing:border-box}
.login-card{max-width:400px;margin:9vh auto 0;background:#fff;border-radius:18px;padding:34px 34px 28px;box-shadow:0 24px 70px rgba(15,23,42,.12);border:1px solid #eef2f7}
.login-card h1{margin:0 0 4px;font-size:22px}
.login-card>p{color:#64748b;font-size:13px;margin:0 0 18px}
.login-card label{display:block;font-weight:600;font-size:13px;margin-bottom:12px;color:#0f172a}
.login-card input{margin-top:5px}
.login-card button{width:100%;justify-content:center;margin-top:6px;padding:12px}
.login-card .rks-small{text-align:center}

/* === v0.46.0 Seitenstruktur === */
.pg-table td{vertical-align:middle}
.pg-title{display:flex;align-items:center;gap:8px}
.pg-title a{text-decoration:none;color:#0f172a}
.pg-title a:hover{color:#2563eb}
.pg-branch{color:#94a3b8;font-size:15px}
.pg-count{background:#eff6ff;color:#2563eb;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700}
.pg-row.pg-child td:first-child{background:linear-gradient(90deg,#f8fafc 0,transparent 40px)}
.pg-actions{text-align:right;white-space:nowrap}
.pg-actions .button{font-size:12px;padding:5px 10px}
.pb-parent-hint{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:9px 14px;margin-bottom:12px;font-size:12.5px}
.page-crumb{font-size:13px;color:#64748b;padding-bottom:0}
.page-crumb a{color:#64748b}
.page-crumb span{color:#cbd5e1;margin:0 2px}

/* === v0.47.0 Builder: Bibliothek mit Vorschau, Gerätevorschau === */
.pb-lib-modes{display:flex;gap:4px;padding:0 12px 8px}
.pb-lib-modes button{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px;font-size:11.5px;font-weight:600;color:#64748b;box-shadow:none}
.pb-lib-modes button.on{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}
.pb-lib-cards{display:grid;grid-template-columns:1fr;gap:9px}
.pb-lib-cards button{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0;overflow:hidden;box-shadow:none}
.pb-lib-cards button:hover{border-color:#2563eb;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.pb-lib-prev{display:block;height:74px;overflow:hidden;position:relative;background:#f8fafc;pointer-events:none}
.pb-lib-prev>*{transform:scale(.42);transform-origin:top left;width:238%;display:block}
.pb-lib-cap{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-top:1px solid var(--line);font-size:12.5px;font-weight:700;color:#0f172a}
.pb-lib-cap em{font-style:normal;font-size:11px;font-weight:600;color:#94a3b8}
.pb-editor-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pb-devices{margin-left:auto;display:flex;gap:4px}
.pb-devices button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 11px;font-size:11.5px;font-weight:600;color:#64748b;box-shadow:none}
.pb-devices button.on{background:#0f172a;border-color:#0f172a;color:#fff}
.pb-stage{transition:max-width .18s ease;margin:0 auto;width:100%}
.pb-stage.dev-tablet{max-width:720px}
.pb-stage.dev-phone{max-width:390px}
.pb-stage.dev-tablet .pb-canvas,.pb-stage.dev-phone .pb-canvas{border:1px solid var(--line);border-radius:14px;background:#fff;padding:8px}
.pb-stage.dev-phone .pv-grid,.pb-stage.dev-phone .frontend-grid{grid-template-columns:1fr!important}
.pb-stage.dev-tablet .pv-grid,.pb-stage.dev-tablet .frontend-grid{grid-template-columns:repeat(2,1fr)!important}

/* === v0.48.0 Kopf & Fuß === */
.sf-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sf-head .sf-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.sf-head .sf-brand img{max-height:38px;width:auto;display:block}
.sf-head .sf-brand strong{font-size:17px}
.sf-head-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.sf-head .sf-link{font-size:14px;text-decoration:none}
.sf-login{border:1px solid #cbd5e1;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none}
.sf-login:hover{border-color:#2563eb}
.sf-sticky{position:sticky;top:0;z-index:30;background:#fff}
.sf-head-bar{flex-wrap:wrap}
.sf-head-bar .sf-menu-wrap{order:3;flex-basis:100%;border-top:1px solid #e6ecf3;padding-top:10px;margin-top:4px}
.sf-head-centered{flex-direction:column;text-align:center;gap:10px}
.sf-head-centered .sf-head-right{margin:0}
.sf-note{background:#0f172a;color:#fff;text-align:center;font-size:12.5px;padding:7px 14px}
.sf-footer{flex-direction:column;align-items:stretch;gap:0;justify-content:flex-start}
.sf-foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px;padding:8px 4px 22px;text-align:left}
.sf-foot-col strong{display:block;font-size:13.5px;margin-bottom:9px;color:#0f172a}
.sf-foot-col a{display:block;font-size:13px;margin-bottom:6px;color:#475569;text-decoration:none}
.sf-foot-col a:hover{color:#2563eb}
.sf-foot-about p{font-size:13px;color:#64748b;margin:0}
.sf-foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;border-top:1px solid #e6ecf3;padding-top:16px}
.sf-foot-copy,.sf-foot-pay{color:#94a3b8;font-size:12px}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:0 4px 6px}
.foot-col label{display:block;font-size:12.5px;font-weight:600;color:#475569;margin-bottom:8px}
.foot-col input,.foot-col textarea{width:100%}
.layout-preview{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.layout-preview-body{padding:44px;text-align:center;color:#94a3b8;font-size:13px;background:#f8fafc}
@media(max-width:760px){.sf-head-right{width:100%;margin-left:0;justify-content:space-between}}

/* === v0.49.0 Webauftritt-Übersicht === */
.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:16px}
.app-card{display:flex;flex-direction:column}
.app-card .panel-head{align-items:center}
.app-body{padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex:1}
.app-num{font-size:30px;font-weight:800;line-height:1;color:#0f172a}
.app-body .muted{color:#64748b;font-size:12.5px}
.app-body .button{margin-top:auto}
.app-facts{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:#64748b;width:100%}
.app-facts strong{color:#0f172a}
.app-theme{display:flex;align-items:center;gap:12px;width:100%}
.app-theme small{display:block}
.app-sw{width:52px;height:38px;border-radius:9px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;gap:4px;flex:none}
.app-sw i{width:12px;height:20px;border-radius:3px;display:block}

/* === v0.50.0 Inline-Bereiche im Webauftritt === */
.collapse-panel>details>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:700;font-size:13.5px;color:#0f172a;display:flex;align-items:center;gap:8px}
.collapse-panel>details>summary::-webkit-details-marker{display:none}
.collapse-panel>details>summary::before{content:"+";width:20px;height:20px;border-radius:6px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:800;font-size:13px}
.collapse-panel>details[open]>summary::before{content:"–"}
.collapse-panel>details[open]>summary{border-bottom:1px solid var(--line)}
.collapse-panel>details>*:not(summary){padding-left:16px;padding-right:16px;padding-bottom:14px}

/* === v0.50.1 Nav-Gruppen einklappbar + Widerruf-Link schlicht === */
.nav-label-toggle{cursor:pointer;display:flex;align-items:center;gap:6px;user-select:none}
.nav-label-toggle::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #94a3b8;margin-left:auto;transition:transform .15s}
.nav-label-toggle.is-collapsed::after{transform:rotate(-90deg)}
.nav-label-toggle:hover{color:#2563eb}
.shell.nav-min .nav-label-toggle::after{display:none}
.widerruf-link{background:transparent!important;border:0!important;color:#475569!important;font-weight:400!important;padding:0!important;border-radius:0!important;font-size:12px}
.widerruf-link:hover{color:#2563eb!important;background:transparent!important}

/* === v0.51.0 Live-Vorschau im Builder === */
.pb-viewmode{display:flex;gap:4px;margin-left:auto}
.pb-viewmode button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 12px;font-size:11.5px;font-weight:700;color:#64748b;box-shadow:none}
.pb-viewmode button.on{background:#2563eb;border-color:#2563eb;color:#fff}
.pb-devices{margin-left:8px}
/* Vorschaumodus: Blöcke fließen wie im Storefront */
/* Vorschau: Bloecke bleiben als eigenstaendige Einheiten erkennbar - gleicher
   Abstand zwischen allen Bloecken, jeder Block als eigene Flaeche. */
body.pb-preview .pb-canvas{gap:10px;background:#eef2f7;border-radius:14px;padding:10px;border:1px solid var(--line)}
body.pb-preview .pb-block{position:relative;margin:0;background:#fff;border:1px solid #e4eaf2;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04);overflow:hidden;transition:border-color .12s,box-shadow .12s}
body.pb-preview .pb-block:hover{border-color:#93b4f7;box-shadow:0 6px 18px rgba(37,99,235,.13)}
body.pb-preview .pb-block.selected{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.18)}
/* Inhalt darf nicht an den Blockrand kleben - gleiche Innenabstaende ueberall */
body.pb-preview .pb-block-preview{padding:20px 22px}
body.pb-preview .pb-block-preview > .pv{margin:0}
body.pb-preview .pb-block-preview > .pv > h2,body.pb-preview .pb-block-preview > .pv > h3{margin:0 0 10px}
body.pb-preview .pb-block-preview > .pv > .pv-note{margin:-6px 0 12px!important}
body.pb-preview .pb-block-preview > .pv > :last-child{margin-bottom:0}
/* Hero und CTA fuellen den Block bewusst randlos - dort sitzt die Optik im Block selbst */
body.pb-preview .pb-block-preview > .pv-hero,body.pb-preview .pb-block-preview > .pv-cta{margin:-20px -22px;border-radius:0;padding:38px 26px}
/* Werkzeugleiste: hell, schwebt rechts oben, nur ueber dem angefassten Block */
body.pb-preview .pb-block-head{display:flex;align-items:center;position:absolute;top:8px;right:8px;left:auto;width:auto;gap:6px;padding:4px 6px;background:rgba(255,255,255,.97);border:1px solid #dde5f0;border-bottom:1px solid #dde5f0;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,.13);opacity:0;pointer-events:none;transition:opacity .12s;z-index:6}
body.pb-preview .pb-block:hover > .pb-block-head{opacity:1;pointer-events:auto}
body.pb-preview .pb-block-head .pb-block-type{color:#334155;font-size:11px;font-weight:800;letter-spacing:.02em}
body.pb-preview .pb-block-head .pb-drag{color:#94a3b8;cursor:grab}
body.pb-preview .pb-tools button{background:#f4f7fb;border:1px solid #e0e7f1;color:#475569}
body.pb-preview .pb-tools button:hover{background:#e8f0fe;border-color:#bfdbfe;color:#1d4ed8}
body.pb-preview .pb-tools button.danger{color:#dc2626;border-color:#f2d5d5}
body.pb-preview .pb-tools button.danger:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}
body.pb-preview .pb-inspector{opacity:.55}
body.pb-preview .pb-editor-head small{display:none}
.preview-notice{background:#fef3c7;color:#92400e;border-bottom:1px solid #fcd34d;padding:9px 16px;font-size:13px;text-align:center}

/* === v0.52.0 Verkaufskanäle: Liste + Detail === */
.ch-shell{display:grid;grid-template-columns:280px 1fr;gap:14px;align-items:start;margin-bottom:16px}
.ch-list{position:sticky;top:14px;display:flex;flex-direction:column;overflow:hidden}
.ch-items{display:flex;flex-direction:column;padding:6px;gap:2px;max-height:60vh;overflow:auto}
.ch-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;text-decoration:none;color:inherit}
.ch-item:hover{background:#f8fafc}
.ch-item.on{background:#eff6ff}
.ch-item.on strong{color:#2563eb}
.ch-text{display:flex;flex-direction:column;min-width:0;flex:1}
.ch-text strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-text small{font-size:11.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-meta{font-size:11px;color:#94a3b8;font-weight:700}
.ch-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;flex:none}
.ch-dot.off{background:#cbd5e1}
.ch-dot.warn{background:#f59e0b}
.ch-new{display:block;margin:6px;padding:10px;border:1px dashed #cbd5e1;border-radius:9px;text-align:center;font-size:12.5px;font-weight:600;color:#475569;text-decoration:none}
.ch-new:hover{border-color:#2563eb;color:#2563eb;background:#f8fafc}
.ch-detail{display:flex;flex-direction:column;overflow:hidden}
.ch-detail-head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.ch-detail-head h2{margin:0 0 2px;font-size:17px}
.ch-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ch-tabs{display:flex;gap:4px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:#fcfcfd}
.ch-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;color:#64748b;box-shadow:none}
.ch-tabs button.on{background:#0f172a;border-color:#0f172a;color:#fff}
.ch-form{display:flex;flex-direction:column}
.ch-pane{display:none;padding:18px}
.ch-pane.on{display:grid}
.ch-save{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 18px;background:rgba(255,255,255,.95);border-top:1px solid var(--line);backdrop-filter:blur(6px)}
.ch-save .spacer{margin-left:auto}
@media(max-width:900px){.ch-shell{grid-template-columns:1fr}.ch-list{position:static;max-height:none}}

/* === v0.53.0 Theme-Bereich: Reiter + Gerätevorschau === */
.th-shell{display:block;margin-bottom:16px}
.th-shell > .panel{margin-bottom:14px}
.th-tools{overflow:hidden;position:static}
.th-tabs{display:flex;border-bottom:1px solid var(--line)}
.th-tabs button{flex:1;border:0;background:transparent;padding:12px 6px;font-size:12.5px;font-weight:650;color:#64748b;border-bottom:2px solid transparent;box-shadow:none;border-radius:0}
.th-tabs button.on{color:#2563eb;border-bottom-color:#2563eb;background:#f8fafc}
.th-pane{display:none;padding:14px}
.th-pane.on{display:block}
.th-label{display:block;font-size:12.5px;font-weight:600;color:#475569;margin-bottom:8px}
.th-field{display:block;font-size:12.5px;font-weight:600;color:#475569;margin-bottom:14px}
.th-field input,.th-field select,.th-field textarea{width:100%;margin-top:5px}
.th-field input[type=range]{padding:0}
.th-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}
.th-sw{height:36px;border-radius:9px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:3px;padding:0;box-shadow:none;cursor:pointer}
.th-sw:hover{border-color:#cbd5e1}
.th-sw.on{border-color:#0f172a}
.th-sw i{width:7px;height:18px;border-radius:2px;display:block}
.th-colors{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.th-color{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:#475569;border:1px solid var(--line);border-radius:9px;padding:7px 9px}
.th-color input[type=color]{width:34px;height:26px;border:1px solid var(--line);border-radius:6px;padding:1px;background:#fff}
.th-save{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px;border-bottom:1px solid var(--line);background:#fbfcfe;align-items:end}
.th-save .th-field{margin:0}
.th-save .th-field input{width:100%}
.th-save .button{grid-column:span 2;justify-content:center}
.th-save .th-opt{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#94a3b8;background:#eef2f7;border-radius:999px;padding:1px 6px;margin-left:5px}
.th-save-hint{grid-column:span 2;margin:-4px 0 0;font-size:11px;color:#94a3b8;line-height:1.4}
.th-preview{overflow:hidden}
.th-devbar{display:flex;align-items:center;gap:5px;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfcfe;flex-wrap:wrap}
.th-devbar button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;color:#64748b;box-shadow:none}
.th-devbar button.on{background:#0f172a;border-color:#0f172a;color:#fff}
.th-devbar .spacer{margin-left:auto}
.th-stage{background:#eef0f4;padding:16px;min-height:420px;display:flex;justify-content:center;align-items:flex-start}
.th-device{width:100%;background:#fff;border-radius:12px;overflow:hidden;transition:max-width .18s ease;box-shadow:0 6px 22px rgba(15,23,42,.10)}
.th-device.phone{border-radius:26px;border:7px solid #0f172a}
.th-device.tablet-port,.th-device.tablet-land{border-radius:16px;border:5px solid #1e293b}
@media(max-width:1000px){.th-tools{position:static}}

/* === v0.54.0 Schnelleinrichtung + Cache === */
.ch-quick{display:flex;flex-direction:column;gap:5px;padding:8px 6px 10px;border-top:1px solid var(--line);margin-top:4px}
.ch-quick .button{width:100%;justify-content:center;font-size:12px}
.ch-quick form{margin:0}

/* === v0.54.3 Dashboard ruhiger === */
.dashboard-hero{background:#fff!important;border:1px solid var(--line)!important}
.dashboard-hero .eyebrow{color:#94a3b8!important;letter-spacing:.1em}
.stat-strip .stat,.metric-panel{border-bottom:0!important}
.metric-panel::after,.stat-strip .stat::after{display:none!important}
.metric-panel.accent-ok,.metric-panel.accent-warn,.metric-panel.accent-cool{border-color:var(--line)}
.metric-panel.accent-ok strong,.metric-panel.accent-warn strong,.metric-panel.accent-cool strong{color:#0f172a}
.metric-panel .metric-bar,.stat-strip .metric-bar{background:#e2e8f0!important}
.metric-panel .metric-bar span{background:#94a3b8!important}

/* === v0.56.0 Artikelbereich === */
.prod-table .prod-row{cursor:pointer}
.prod-table .prod-row:hover{background:#f8fafc}
.prod-table code{font-size:11.5px;color:#64748b}
.prod-search input{border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:13px;min-width:230px}
.pd-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pd-form{overflow:hidden}
.pd-tabs{display:flex;gap:4px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fbfcfe;flex-wrap:wrap}
.pd-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;color:#64748b;box-shadow:none}
.pd-tabs button.on{background:#0f172a;border-color:#0f172a;color:#fff}
.pd-pane{display:none;padding:18px}
.pd-pane.on{display:grid}
.pd-pane[data-p="eigenschaften"].on,.pd-pane[data-p="kanaele"].on,.pd-pane[data-p="sprachen"].on{display:block}
.pd-save{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 18px;background:rgba(255,255,255,.95);border-top:1px solid var(--line);backdrop-filter:blur(6px)}
.pd-save .spacer{margin-left:auto}
.pd-langs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.pd-lang{border:1px solid var(--line);border-radius:12px;padding:14px}
.pd-lang legend{font-size:12.5px;font-weight:700;padding:0 6px}
.pd-lang label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:10px}
.pd-lang input,.pd-lang textarea{width:100%;margin-top:4px}
.split-list{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:start}
@media(max-width:900px){.split-list{grid-template-columns:1fr}}

/* === v0.56.1 Bestellungen === */
.ord-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.ord-grid .mini-form{display:flex;flex-direction:column;gap:7px}
.ord-grid .mini-form input,.ord-grid .mini-form select,.ord-grid .mini-form textarea{width:100%}
.history-line{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:7px 0;font-size:12.5px}
.history-line small{color:#94a3b8}

/* === v0.56.2 Kundenliste === */
.compact-head .button.ghost{font-size:12.5px;padding:6px 13px}
.collapse-panel>details>summary small,.panel.collapse-panel summary small{display:none}

/* === v0.57.0 Medienverwaltung === */
.media-shell{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start}
.media-folders{position:sticky;top:14px;padding-bottom:10px}
.media-folder{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;text-decoration:none;color:#475569;font-size:13px}
.media-folder:hover{background:#f8fafc}
.media-folder.on{background:#eff6ff;color:#2563eb;font-weight:650}
.media-folder small{color:#94a3b8}
.media-search{padding:10px 12px}
.media-search input{width:100%;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:12.5px}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;padding:14px}
.media-item{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}
.media-thumb{height:130px;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 8px,#f1f5f9 8px,#f1f5f9 16px);display:grid;place-items:center;overflow:hidden}
.media-thumb img{max-width:100%;max-height:130px;object-fit:contain;display:block}
.media-file{font-weight:800;color:#94a3b8;font-size:15px}
.media-item figcaption{padding:9px 11px;border-top:1px solid var(--line)}
.media-item figcaption strong{display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-item figcaption small{color:#94a3b8;font-size:11px}
.media-actions{display:flex;gap:5px;padding:0 11px 11px}
.media-actions .button{flex:1;font-size:11.5px;padding:5px 6px;justify-content:center}
.media-edit{padding:0 11px 11px;display:flex;flex-direction:column;gap:6px}
.media-edit label{font-size:11.5px;font-weight:600;color:#475569}
.media-edit input{width:100%;font-size:12px;padding:6px 8px}
.media-del{position:absolute;top:6px;right:6px}
.media-del .button{padding:2px 8px;background:rgba(255,255,255,.9)}
.media-modal{max-width:none;width:min(1080px,calc(100% - 40px));padding:0;overflow:hidden}
.media-modal-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
.media-modal-head input{flex:1;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:13px}
.media-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:16px;max-height:70vh;overflow:auto;align-content:start}
.media-modal-grid .mp-item{border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 0 8px;overflow:hidden;box-shadow:none;text-align:left;min-width:0}
.mp-item:hover{border-color:#2563eb}
.media-modal-grid .mp-thumb{display:grid;place-items:center;width:100%;height:142px;min-height:142px;background:linear-gradient(135deg,#f8fafc,#eef2f7);overflow:hidden}
.media-modal-grid .mp-thumb img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;background:transparent}
.media-modal-grid .mp-meta{display:block;padding:7px 9px 0;min-width:0}
.media-modal-grid .mp-item span{display:block;padding:0;font-size:11.5px;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-field-row{display:flex;gap:8px;align-items:center}
.media-field-row input{flex:1}
.media-preview{width:70px;height:54px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;overflow:hidden;background:#f8fafc;flex:none}
.media-preview img{max-width:100%;max-height:54px;object-fit:contain}
.media-preview span{font-size:10.5px;color:#94a3b8}
.media-cell{display:flex;gap:6px;align-items:center}
.prod-thumb{width:46px}
.prod-thumb img{width:38px;height:38px;object-fit:contain;border-radius:6px;background:#f8fafc}
.card-img img{width:100%;height:150px;object-fit:contain;background:#f8fafc;border-radius:10px;margin-bottom:8px;display:block}
.pd-image img{max-width:100%;border-radius:14px;margin-bottom:14px}
@media(max-width:900px){.media-shell{grid-template-columns:1fr}.media-folders{position:static}}

/* === v0.58.0 Eigenschaften === */
.prop-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.prop-group{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.prop-group legend{font-size:12.5px;font-weight:700;padding:0 6px}
.prop-values{display:flex;flex-wrap:wrap;gap:7px}
.prop-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;cursor:pointer;background:#fff}
.prop-chip:hover{border-color:#2563eb}
.prop-chip input{margin:0}
.prop-chip i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:block}
.prop-chip:has(input:checked){border-color:#2563eb;background:#eff6ff;color:#2563eb;font-weight:600}

/* === v0.59.0 HTML-Editor === */
.rte{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}
.rte-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line);background:#fbfcfe}
.rte-bar button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:600;color:#475569;box-shadow:none;min-width:30px}
.rte-bar button:hover{border-color:#2563eb;color:#2563eb}
.rte-bar button.on{background:#0f172a;border-color:#0f172a;color:#fff}
.rte-bar .rte-sep{width:1px;height:18px;background:#e2e8f0;margin:0 3px}
.rte-bar .spacer{margin-left:auto}
.rte-body{min-height:190px;padding:14px 16px;font-size:14px;line-height:1.6;outline:none}
.rte-body:focus{box-shadow:inset 0 0 0 2px rgba(47,91,234,.12)}
.rte-body h2{font-size:18px;margin:14px 0 6px}
.rte-body h3{font-size:15.5px;margin:12px 0 5px}
.rte-body p{margin:0 0 10px}
.rte-body ul,.rte-body ol{margin:0 0 10px 20px}
.rte-body img{max-width:100%;border-radius:8px}
.rte-source{width:100%;border:0;border-top:1px solid var(--line);min-height:200px;padding:12px 14px}
.pd-desc.rich h2{font-size:19px;margin:16px 0 8px}
.pd-desc.rich h3{font-size:16px;margin:14px 0 6px}
.pd-desc.rich ul,.pd-desc.rich ol{margin:0 0 12px 20px}
.pd-desc.rich img{max-width:100%;border-radius:10px}
.pd-desc.rich table{border-collapse:collapse;width:100%;margin:12px 0}
.pd-desc.rich td,.pd-desc.rich th{border:1px solid #e2e8f0;padding:7px 10px;font-size:13.5px}

/* === v0.60.0 Auslieferung === */
.ff-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:18px}
.ff-type{border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:3px;background:#fff}
.ff-type:hover{border-color:#2563eb}
.ff-type.on{border-color:#2563eb;background:#eff6ff}
.ff-type input{position:absolute;opacity:0;pointer-events:none}
.ff-type strong{font-size:13.5px}
.ff-type small{color:#64748b;font-size:11.5px;line-height:1.45}
.ff-fields[hidden]{display:none!important}
.pd-ship{display:flex;flex-direction:column;gap:3px;border-top:1px solid #e6ecf3;border-bottom:1px solid #e6ecf3;padding:10px 0;margin:10px 0;font-size:12.5px;color:#475569}
.pd-ship strong{color:#0f172a;font-size:13px}

/* === v0.60.2 Kopfleiste ohne Titel-Dopplung === */
.topbar-meta span{font-size:12px;color:#94a3b8}
.topbar{padding-top:10px;padding-bottom:10px}
.page-head.compact-head{padding-top:18px;padding-bottom:18px}

/* === v0.61.0 Medien: Drag&Drop + Ordner === */
.media-main{position:relative}
.drop-overlay{position:absolute;inset:0;background:rgba(37,99,235,.08);border:2px dashed #2563eb;border-radius:12px;display:none;align-items:center;justify-content:center;z-index:5;pointer-events:none}
.drop-overlay.on{display:flex}
.drop-overlay span{background:#2563eb;color:#fff;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700}
.upload-status{position:absolute;left:14px;bottom:14px;background:#0f172a;color:#fff;border-radius:9px;padding:8px 14px;font-size:12.5px;z-index:6}
.media-item{position:relative}
.media-item.picked{border-color:#2563eb;box-shadow:0 0 0 3px rgba(47,91,234,.15)}
.media-pick{position:absolute;top:7px;left:7px;z-index:2;background:rgba(255,255,255,.92);border-radius:6px;padding:3px 5px;line-height:0}
.media-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#eff6ff;border-bottom:1px solid #bfdbfe}
.media-bulk select{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12.5px}
.media-empty{grid-column:1/-1;padding:34px;text-align:center;color:#94a3b8;font-size:13px;border:1px dashed var(--line);border-radius:12px}
.media-folder.drop-on{background:#dbeafe;outline:2px dashed #2563eb;outline-offset:-3px}
.media-folder-tools{border-top:1px solid var(--line);margin-top:6px;padding:8px 12px}
.media-folder-tools summary{cursor:pointer;font-size:12px;font-weight:700;color:#64748b;list-style:none}
.media-folder-tools summary::-webkit-details-marker{display:none}
.mf-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.mf-form input,.mf-form select{width:100%;font-size:12.5px;padding:6px 9px}
.mf-form .button{justify-content:center;font-size:12px}
.media-edit-form{display:flex;flex-direction:column;gap:8px;margin:0 14px 14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}
.media-edit-form label{font-size:12px;font-weight:600;color:#475569}
.media-edit-form input,.media-edit-form select{width:100%;margin-top:4px}
.media-edit-actions{display:flex;gap:8px}

/* === v0.62.0 Dunkle Kopfleiste === */
.topbar.topbar-dark{background:#101828;border-bottom:0;display:flex;align-items:center;gap:12px;padding:10px 18px;position:sticky;top:0;z-index:40;border-radius:0}
.topbar-dark .tb-brand{color:#fff;font-size:13.5px;font-weight:500;letter-spacing:.01em}
.topbar-dark .tb-brand b{font-weight:750}
.topbar-dark .tb-ver{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;background:#1f2a44;color:#9db2ff;border-radius:5px;padding:2px 7px}
.topbar-dark .tb-spacer{margin-left:auto}
.topbar-dark .topbar-search{flex:0 1 340px;margin-left:18px}
.topbar-dark .topbar-search input{width:100%;background:#1a2438;border:1px solid #26314f;color:#e5e9f2;border-radius:9px;padding:8px 13px;font-size:13px}
.topbar-dark .topbar-search input::placeholder{color:#7d8bab}
.topbar-dark .topbar-search input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.22)}
.topbar-dark .tb-link{color:#cdd5e0;font-size:12.5px;text-decoration:none;padding:6px 8px;border-radius:7px}
.topbar-dark .tb-link:hover{background:#1f2a44;color:#fff}
.topbar-dark .tb-front{background:var(--brand);color:#fff!important;font-size:12.5px;font-weight:650;text-decoration:none;border-radius:8px;padding:7px 14px}
.topbar-dark .tb-front:hover{background:var(--brand-dark)}
.topbar-dark .tb-user{color:#7d8bab;font-size:11.5px;white-space:nowrap}
.topbar-dark .tb-logout{color:#f0a3a3;font-size:11.5px;text-decoration:none}
.topbar-dark .tb-logout:hover{color:#fecaca}
.shell .sidebar{top:0}
@media(max-width:900px){.topbar-dark .tb-user,.topbar-dark .tb-link{display:none}}

/* === v0.63.0 Einstellungs-Übersicht === */
.sys-group{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:22px 0 10px}
.sys-group:first-of-type{margin-top:4px}
.sys-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:6px}
.sys-tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;transition:.14s}
.sys-tile:hover{border-color:#2563eb;box-shadow:0 8px 22px rgba(16,24,40,.08);transform:translateY(-1px)}
.sys-tile-head{display:flex;align-items:center;gap:8px}
.sys-tile-head b{font-size:14px}
.sys-tile-head .pill{margin-left:auto;font-size:11px}
.sys-tile-head .pill.warn{background:#fffaeb;border:1px solid #fedf89;color:#b54708}
.sys-tile small{color:#64748b;font-size:12.5px;line-height:1.45}

/* === v0.64.0 Einheitliches Kopfband === */
.topbar.topbar-dark{gap:14px;padding:9px 18px;align-items:center}
.tb-left{min-width:0}
.tb-titles{display:flex;flex-direction:column;gap:1px;min-width:0}
.tb-brandmini{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7d8bab}
.tb-title{margin:0;font-size:16.5px;font-weight:700;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
.tb-sub{font-size:11.5px;color:#8fa0bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}
.tb-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;margin-left:18px}
.tb-actions form{margin:0;display:inline-flex}
.tb-actions .button,.tb-actions button{background:#1c2947;border:1px solid #2b3a5f;color:#dbe3f0;border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:600;box-shadow:none;white-space:nowrap}
.tb-actions .button:hover,.tb-actions button:hover{background:#26355a;border-color:#3b4d7d;color:#fff}
.tb-actions .button.ghost{background:transparent;color:#cdd5e0!important;border-color:#2b3a5f}
.tb-actions .button.danger,.tb-actions button.danger,.tb-actions .button.ghost.danger{color:#fca5a5!important;border-color:#5b2b2b;background:transparent}
.tb-actions .button:not(.ghost):first-child{background:var(--brand);border-color:var(--brand);color:#fff}
.tb-actions .button:not(.ghost):first-child:hover{background:var(--brand-dark)}
.tb-actions input,.tb-actions select{background:#1a2438;border:1px solid #26314f;color:#e5e9f2;border-radius:8px;padding:6px 10px;font-size:12.5px}
.tb-actions input::placeholder{color:#7d8bab}
.topbar-dark .topbar-search{flex:0 1 250px;margin-left:auto}
.topbar-dark .tb-user{color:#7d8bab;font-size:11.5px}
.topbar-dark .tb-logout{color:#8fa0bd;font-size:15px;text-decoration:none;padding:0 2px}
.topbar-dark .tb-logout:hover{color:#fecaca}
.content > .panel:first-of-type,.content > .split-list:first-of-type,.content > div:first-of-type{margin-top:0}
@media(max-width:1100px){.tb-sub{display:none}}
@media(max-width:900px){.topbar-dark .tb-user,.tb-brandmini{display:none}.tb-actions{margin-left:8px}}

/* v0.64 – Einstellungen ohne Alt-Menü + Konto-Feinschliff */
.settings-single{display:block}
.settings-single .settings-grid{max-width:960px}
.back-link{display:inline-block;margin-bottom:6px;font-size:12px;font-weight:700;color:#64748b;text-decoration:none}
.back-link:hover{color:var(--brand)}
.account-panel{max-width:1040px}
.account-panel .grid-form{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-panel input:disabled{color:#64748b;border-style:dashed}
@media(max-width:900px){.settings-single .settings-grid{max-width:none}.account-panel .grid-form{grid-template-columns:1fr}}

/* v0.64 – Kopfband: Suche links & hell, Aktionen rechts, durchgehend, nur Titel */
.content .topbar.topbar-dark{background:#075985;margin:-28px -30px 18px;padding:12px 30px;border-radius:0;gap:16px}
.topbar-dark .tb-brandmini,.topbar-dark .tb-sub{display:none}
.topbar-dark .tb-left{order:1;flex:0 0 auto}
.topbar-dark .tb-title{max-width:none}
.topbar-dark .topbar-search{order:2;flex:0 0 auto;width:clamp(260px,34vw,480px);margin-left:auto}
.topbar-dark .tb-actions{order:3;margin-left:auto}
.topbar-dark .tb-front{order:4}
.topbar-dark .tb-user{order:5}
.topbar-dark .tb-logout{order:6}
.topbar-dark .topbar-search input{width:100%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E") no-repeat 14px center;border:1px solid #d5deec;color:#0f172a;border-radius:999px;padding:9px 16px 9px 40px;font-size:13px}
.topbar-dark .topbar-search input::placeholder{color:#94a3b8}
.topbar-dark .topbar-search input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.18)}
@media(max-width:900px){.content .topbar.topbar-dark{margin:-16px -16px 14px;padding:10px 16px;flex-wrap:wrap}.topbar-dark .topbar-search{order:6;width:100%;margin:6px 0 0}.topbar-dark .tb-actions{margin-left:auto}}

/* v0.67 – Kopfband-Aktionen: klarer Kontrast auf dem blauen Band (#075985) */
.content .topbar-dark .tb-actions .button,
.content .topbar-dark .tb-actions button{background:transparent;border:1px solid rgba(255,255,255,.7);color:#fff!important;font-weight:600}
.content .topbar-dark .tb-actions .button:hover,
.content .topbar-dark .tb-actions button:hover{background:rgba(255,255,255,.16);border-color:#fff;color:#fff!important}
.content .topbar-dark .tb-actions .button:not(.ghost):first-child,
.content .topbar-dark .tb-actions button:not(.ghost):first-child{background:#fff;border-color:#fff;color:#075985!important;box-shadow:0 1px 2px rgba(0,0,0,.14)}
.content .topbar-dark .tb-actions .button:not(.ghost):first-child:hover,
.content .topbar-dark .tb-actions button:not(.ghost):first-child:hover{background:#eaf2f8;color:#054a6b!important}
.content .topbar-dark .tb-actions input,
.content .topbar-dark .tb-actions select{background:#fff;border:1px solid #d5deec;color:#0f172a}
.content .topbar-dark .tb-actions input::placeholder{color:#94a3b8}
.content .topbar-dark .tb-actions .button.danger,
.content .topbar-dark .tb-actions button.danger,
.content .topbar-dark .tb-actions .button.ghost.danger{background:transparent;border-color:rgba(252,165,165,.85);color:#fecaca!important}

/* v0.70 – Überall-Suchbutton im Kopfband */
.content .topbar-dark .topbar-search{display:flex;align-items:center;gap:6px}
.content .topbar-dark .topbar-search input{flex:1;min-width:0}
.content .topbar-dark .tb-search-all{background:#fff;border:1px solid #d5deec;color:#075985;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.content .topbar-dark .tb-search-all:hover{background:#eaf2f8;color:#054a6b}

/* v0.71 – Favoriten-Herz auf Produktkarten */
.commerce-card{position:relative}
.fav-form{position:absolute;top:10px;right:10px;margin:0;z-index:2}
.fav-btn{background:rgba(255,255,255,.92);border:1px solid #e2e8f0;border-radius:999px;width:34px;height:34px;font-size:17px;line-height:1;color:#94a3b8;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:0}
.fav-btn.on{color:#e11d48;border-color:#f7c6d2}
.fav-btn:hover{color:#e11d48}

/* v0.73 – moderne Storefront (Katalog) */
.public-shop .sf-hero{padding:54px 40px;margin-bottom:26px;box-shadow:0 20px 50px rgba(15,23,42,.18);position:relative;overflow:hidden}
.public-shop .sf-hero-inner{max-width:640px;position:relative;z-index:1}
.public-shop .sf-hero h1{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}
.public-shop .sf-hero p{font-size:16px;margin:0}
.public-shop .sf-shop{margin-bottom:44px}
.public-shop .sf-shophead{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 16px}
.public-shop .sf-shophead h2{font-size:20px;font-weight:800;margin:0}
.public-shop .sf-shophead span{font-size:13px;color:#94a3b8}
.public-shop .sf-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.public-shop .sf-card{position:relative;background:#fff;border:1px solid #eef2f7;box-shadow:0 6px 20px rgba(15,23,42,.06);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.public-shop .sf-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,23,42,.13)}
.public-shop .sf-media{display:block;aspect-ratio:4/3;background:#f4f6fb;overflow:hidden}
.public-shop .sf-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.public-shop .sf-card:hover .sf-media img{transform:scale(1.04)}
.public-shop .sf-media-ph{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:44px;font-weight:800;opacity:.94}
.public-shop .sf-card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.public-shop .sf-cat{align-self:flex-start;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:999px}
.public-shop .sf-title{margin:0;font-size:15.5px;font-weight:700;line-height:1.3}
.public-shop .sf-title a{color:#0f172a;text-decoration:none}
.public-shop .sf-title a:hover{text-decoration:underline}
.public-shop .sf-desc{margin:0;font-size:12.5px;color:#64748b;line-height:1.45;flex:1}
.public-shop .sf-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.public-shop .sf-price{font-size:20px;font-weight:800;letter-spacing:-.01em}
.public-shop .sf-btn{color:#fff;font-size:13px;font-weight:700;padding:9px 16px;text-decoration:none;white-space:nowrap;box-shadow:none}
.public-shop .sf-card .fav-form{top:12px;right:12px}
.public-shop .sf-empty{padding:40px;text-align:center;color:#94a3b8}
@media(max-width:640px){.public-shop .sf-hero{padding:36px 22px}.public-shop .sf-hero h1{font-size:30px}}

/* v0.75 – eingeklappte Seitenleiste als saubere Chips */
.nav-min .main-nav{padding:10px 0}
.nav-min .main-nav a{width:42px;height:38px;margin:3px auto;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0;gap:0;box-shadow:none}
.nav-min .main-nav a span{font-size:12px;font-weight:800;color:#94a3b8}
.nav-min .main-nav a:hover{background:#f1f5f9}
.nav-min .main-nav a.active{background:color-mix(in srgb,var(--brand) 12%,#fff);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--brand) 30%,#fff)}
.nav-min .main-nav a.active span{color:var(--brand)}
.nav-min .main-nav a.danger span{color:#dc2626}
.nav-min .main-nav a.danger:hover{background:#fff1f2}

/* v0.75 – Status-Punkte (Bestell-/Zahlungsstatus) */
.st-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:middle}
.st-green{background:#22c55e}
.st-amber{background:#f59e0b}
.st-red{background:#ef4444}
.st-grey{background:#94a3b8}
.public-shop .st-dot{box-shadow:0 0 0 2px rgba(0,0,0,.04)}

/* v0.75.1 – Brand-Header: Toggle in den Grid-Fluss statt absolut (kein Überlappen) */
.sidebar:not(.nav-min) .brand{grid-template-columns:42px 1fr auto}
.sidebar:not(.nav-min) .nav-toggle{position:static;top:auto;right:auto;margin:0;align-self:center}

/* v0.75.2 – dunkles Kopfband exakt bündig mit der Brand-Trennlinie (Desktop) */
@media(min-width:901px){
  .content .topbar.topbar-dark{height:71px;min-height:71px;padding-top:0;padding-bottom:0}
}

/* v0.76 – Storefront Layout 01: Kategorie-Tiles, USP, Hero-CTA */
.public-shop .sf-hero-cta{display:inline-block;margin-top:18px;font-weight:800;font-size:14px;padding:12px 24px;border-radius:999px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.public-shop .sf-cats{margin-bottom:30px}
.public-shop .sf-cat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.public-shop .sf-cat-tiles a{height:110px;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 20px rgba(2,6,23,.12);transition:transform .15s}
.public-shop .sf-cat-tiles a:hover{transform:translateY(-2px)}
.public-shop .sf-cat-tiles a small{font-weight:600;opacity:.85;font-size:11.5px;margin-top:2px}
.public-shop .sf-cat-tiles a:nth-child(3n){filter:brightness(.94)}
.public-shop .sf-usp{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #eef2f7;border-radius:14px;overflow:hidden;background:#fff;margin-bottom:38px}
.public-shop .sf-usp div{padding:18px 16px;text-align:center;border-right:1px solid #eef2f7}
.public-shop .sf-usp div:last-child{border-right:0}
.public-shop .sf-usp b{display:block;font-size:14px;color:#0f172a}
.public-shop .sf-usp small{color:#64748b;font-size:12px}
@media(max-width:760px){.public-shop .sf-usp{grid-template-columns:1fr 1fr}}

/* v0.79.1 – Sprachen als einklappbares Akkordeon (statt Raster) */
.pd-langs-acc{display:flex;flex-direction:column;gap:8px;max-width:840px}
.pd-lang-acc{border:1px solid #e2e8f0;border-radius:10px;background:#fff;overflow:hidden}
.pd-lang-acc>summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:14px;user-select:none}
.pd-lang-acc>summary::-webkit-details-marker{display:none}
.pd-lang-acc>summary::before{content:"\25B8";color:#94a3b8;font-size:13px;transition:transform .15s}
.pd-lang-acc[open]>summary::before{transform:rotate(90deg)}
.pd-lang-acc>summary:hover{background:#f8fafc}
.pd-lang-acc .muted{font-weight:600}
.pd-lang-acc .lang-dot{color:#22c55e;margin-left:auto;font-size:12px}
.pd-lang-body{padding:2px 16px 16px;display:grid;gap:10px}
.pd-lang-body label{display:block;font-size:12px;color:#334155}
.pd-lang-body input,.pd-lang-body textarea{width:100%}

/* Mehrfach-Kategorien im Produktformular */
.pd-full{grid-column:1/-1}
.pd-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 14px;margin:4px 0 2px}
.pd-cat-chk{display:flex;align-items:center;gap:7px;font-weight:400;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:.9rem}
.pd-cat-chk:hover{background:#f1f5f9}
.pd-cat-chk input{width:auto;margin:0}

/* Kategorie-Dropdown (Mehrfachauswahl) */
.pd-dd{position:relative;border:1px solid #cbd5e1;border-radius:9px;background:#fff}
.pd-dd>summary{list-style:none;cursor:pointer;padding:10px 34px 10px 12px;position:relative;font-size:.92rem;color:#0f172a}
.pd-dd>summary::-webkit-details-marker{display:none}
.pd-dd>summary::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:translateY(-70%) rotate(45deg)}
.pd-dd[open]>summary::after{transform:translateY(-30%) rotate(225deg)}
.pd-dd-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 14px;padding:10px 12px;border-top:1px solid #e2e8f0;max-height:260px;overflow:auto}
.pd-dd-opt{display:flex;align-items:center;gap:7px;font-weight:400;font-size:.9rem;cursor:pointer;padding:3px 0}
.pd-dd-opt input{width:auto;margin:0}

/* Eigenschaften-Akkordeon */
.prop-acc-wrap{display:flex;flex-direction:column;gap:8px}
.prop-acc{border:1px solid #e2e8f0;border-radius:10px;background:#fff;overflow:hidden}
.prop-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px 14px;font-weight:600;color:#0f172a;background:#f8fafc}
.prop-acc>summary::-webkit-details-marker{display:none}
.prop-acc>summary::before{content:"";width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(-45deg);transition:transform .15s;flex:none}
.prop-acc[open]>summary::before{transform:rotate(45deg)}
.prop-acc-name{flex:1}
.prop-acc-count{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#e2e8f0;color:#475569;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center}
.prop-acc-count.on{background:#2563eb;color:#fff}
.prop-acc .prop-values{padding:12px 14px}

/* ===== Storefront Eigenschaften-Filter ===== */
.public-shop .sf-layout{display:flex;gap:26px;align-items:flex-start}
.public-shop .sf-results{flex:1;min-width:0}
.public-shop .sf-filter-toggle{display:none;margin-left:auto;background:var(--sf-primary,#2563eb);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer}
.public-shop .sf-filters{flex:0 0 260px;width:260px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;position:sticky;top:16px}
.public-shop .sf-filters-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.public-shop .sf-filters-head strong{font-size:1.05rem}
.public-shop .sf-filters-close{display:none;background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:#475569}
.public-shop .sf-active-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.public-shop .sf-chip{display:inline-flex;align-items:center;gap:5px;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 10px;font-size:.82rem;text-decoration:none}
.public-shop .sf-chip span{font-weight:700}
.public-shop .sf-chip-clear{background:#f1f5f9;color:#475569}
.public-shop .sf-fgroup{border-bottom:1px solid #eef2f6;padding:4px 0}
.public-shop .sf-fgroup>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 2px;font-weight:600}
.public-shop .sf-fgroup>summary::-webkit-details-marker{display:none}
.public-shop .sf-fgroup>summary::before{content:"";width:7px;height:7px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(-45deg);transition:transform .15s}
.public-shop .sf-fgroup[open]>summary::before{transform:rotate(45deg)}
.public-shop .sf-fgroup>summary>span{flex:1}
.public-shop .sf-fcount{font-style:normal;background:var(--sf-primary,#2563eb);color:#fff;border-radius:999px;font-size:.72rem;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.public-shop .sf-fvals{display:flex;flex-direction:column;gap:2px;padding:4px 0 10px;max-height:280px;overflow:auto}
.public-shop .sf-fopt{display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:8px;cursor:pointer;font-size:.9rem}
.public-shop .sf-fopt:hover{background:#f8fafc}
.public-shop .sf-fopt input{width:auto;margin:0}
.public-shop .sf-fopt-t{flex:1}
.public-shop .sf-fopt-n{color:#94a3b8;font-size:.8rem}
.public-shop .sf-swatch{width:14px;height:14px;border-radius:50%;border:1px solid #d1d5db;flex:none}
.public-shop .sf-filter-actions{margin-top:14px;display:flex;align-items:center;gap:12px}
.public-shop .sf-btn-apply{border:0;cursor:pointer}
.public-shop .sf-filter-reset{color:#64748b;font-size:.85rem;text-decoration:none}
.public-shop .sf-filter-backdrop{display:none}
/* Position rechts */
.public-shop .sf-fp-right .sf-layout{flex-direction:row-reverse}
/* Position oben (horizontale Leiste) */
.public-shop .sf-fp-top .sf-layout{flex-direction:column}
.public-shop .sf-fp-top .sf-filters{position:static;width:100%;flex-basis:auto}
.public-shop .sf-fp-top .sf-filter-groups{display:flex;flex-wrap:wrap;gap:6px 20px}
.public-shop .sf-fp-top .sf-fgroup{border-bottom:0;flex:0 0 auto}
/* Tablet / Mobil: Filter als Off-canvas-Drawer */
@media (max-width:900px){
  .public-shop .sf-filter-toggle{display:inline-block}
  .public-shop .sf-layout,.public-shop .sf-fp-right .sf-layout,.public-shop .sf-fp-top .sf-layout{flex-direction:column}
  .public-shop .sf-filters{position:fixed;top:0;left:0;height:100%;width:86%;max-width:340px;border-radius:0;z-index:1000;transform:translateX(-105%);transition:transform .25s;overflow:auto;box-shadow:0 0 40px rgba(0,0,0,.25)}
  .public-shop .sf-filters.open{transform:none}
  .public-shop .sf-filters-close{display:block}
  .public-shop .sf-filter-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:999}
  .public-shop .sf-fp-top .sf-filters,.public-shop .sf-fp-top .sf-filter-groups{position:fixed;display:block;width:86%}
}

/* Fix: Haken vorne, Name dahinter in Dropdown-Optionen */
.pd-dd-opt{justify-content:flex-start;text-align:left;white-space:nowrap}
.pd-dd-opt input[type=checkbox]{display:inline-block!important;width:16px!important;height:16px;flex:none;margin:0}
.public-shop .sf-fopt input[type=checkbox]{display:inline-block!important;width:16px!important;height:16px;flex:none;margin:0}


/* Upload-Fortschrittsbalken */
.upload-status{margin:10px 0;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}
.upload-status .up-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-bottom:8px}
.upload-status .up-pct{font-weight:700;color:#2563eb;font-variant-numeric:tabular-nums}
.upload-status .up-track{height:10px;background:#e2e8f0;border-radius:6px;overflow:hidden}
.upload-status .up-fill{height:100%;width:0;background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:6px;transition:width .2s ease}
.upload-status .up-fill.done{background:#16a34a}
.upload-status .up-fill.err{background:#dc2626}

/* Variantengruppen (Admin) */
.var-group{border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-bottom:14px;background:#fff}
.var-group-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.var-lead input{width:auto}
.var-group-actions{margin-top:8px;display:flex;gap:10px}

/* Varianten-Umschalter (Storefront) */
.public-shop .pd-variants{margin:10px 0 6px}
.public-shop .pd-variants-label{display:block;font-size:.85rem;color:#64748b;margin-bottom:6px}
.public-shop .pd-variant-opts{display:flex;flex-wrap:wrap;gap:8px}
.public-shop .pd-variant{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #d1d5db;border-radius:10px;padding:5px 10px;text-decoration:none;color:#0f172a;background:#fff;font-size:.88rem}
.public-shop .pd-variant img{width:26px;height:26px;object-fit:cover;border-radius:5px}
.public-shop .pd-variant.on{border-color:var(--sf-primary,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,.15)}
.public-shop .pd-variant:hover{border-color:var(--sf-primary,#2563eb)}

/* Variantengruppen – einklappbar */
.var-acc{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden}
.var-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 16px;background:#f8fafc;font-weight:600}
.var-acc>summary::-webkit-details-marker{display:none}
.var-acc>summary::before{content:"";width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(-45deg);transition:transform .15s;flex:none}
.var-acc[open]>summary::before{transform:rotate(45deg)}
.var-acc-title{flex:1}
.var-acc-meta{color:#64748b;font-weight:400;font-size:.85rem}
.var-acc-body{padding:14px 16px}
.var-rename{display:block;max-width:280px;margin-bottom:10px}
.var-lead input{width:auto;margin:0}
.var-group-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}

/* Dropdown-Optionen: vertikale Liste, Haken vorne, Name dahinter */
.pd-dd-panel{display:flex!important;flex-direction:column;gap:2px}
.pd-dd-opt{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;text-align:left;gap:8px;white-space:nowrap}
.pd-dd-opt input[type=checkbox]{display:inline-block!important;width:16px!important;height:16px;flex:none;margin:0}

/* Eigenschaften-Werte: kompakter, Auswahl = blau gefüllt ohne sichtbaren Haken */
.prop-values{gap:5px}
.prop-chip{gap:5px;padding:3px 9px;font-size:12px;border-radius:7px;user-select:none}
.prop-chip input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
.prop-chip:has(input:checked){background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}
.prop-chip:has(input:checked) i{border-color:rgba(255,255,255,.6)}

/* v0.99.7 - Mebef Storefront: clean wie mebef.de */
.public-shop.sf-theme-mebef{max-width:none;padding:0;background:#edf5fb;color:#14233a;font-family:"Barlow Condensed","Arial Narrow","Segoe UI",Arial,sans-serif}
.public-shop.sf-theme-mebef .sf-note{display:none}
.public-shop.sf-theme-mebef .frontend-top{height:64px;margin:0;padding:0 44px;background:#fff;border:0;border-bottom:1px solid #e7edf3;box-shadow:0 2px 14px rgba(20,35,58,.05);position:sticky;top:0;z-index:30}
.public-shop.sf-theme-mebef .sf-brand{min-width:120px}
.public-shop.sf-theme-mebef .sf-brand strong{font-size:15px;color:#14233a;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.public-shop.sf-theme-mebef .sf-brand img{height:34px;width:auto}
.public-shop.sf-theme-mebef .frontend-top nav{gap:30px;justify-content:center}
.public-shop.sf-theme-mebef .frontend-top nav a{margin:0;padding:0;min-height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;color:#14233a;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.32em}
.public-shop.sf-theme-mebef .frontend-top nav a:hover,.public-shop.sf-theme-mebef .frontend-top nav a.active{background:transparent;color:#f2a20d}
.public-shop.sf-theme-mebef .sf-head-right{gap:14px}
.public-shop.sf-theme-mebef .sf-login{border:1px solid #dbe5ef;border-radius:0;background:#fff;color:#14233a;padding:8px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:none}
.public-shop.sf-theme-mebef .lang-switch a{border:0;background:transparent;color:#14233a;font-size:11px;font-weight:900}
.public-shop.sf-theme-mebef .frontend-hero,.public-shop.sf-theme-mebef .sf-hero{position:relative;min-height:620px;margin:0;padding:0;border:0;border-radius:0;display:flex;align-items:center;background:linear-gradient(90deg,rgba(10,25,45,.98) 0%,rgba(10,25,45,.94) 33%,rgba(10,25,45,.78) 57%,rgba(10,25,45,.92) 100%),radial-gradient(ellipse at 66% 50%,rgba(160,178,196,.36) 0 7%,rgba(71,93,117,.28) 8% 18%,rgba(11,29,52,.08) 31%,transparent 56%),linear-gradient(135deg,#0d1b31,#152943);overflow:hidden;box-shadow:none}
.public-shop.sf-theme-mebef .frontend-hero:before,.public-shop.sf-theme-mebef .sf-hero:before{content:"";position:absolute;right:-7vw;top:8%;width:68vw;height:78%;background:repeating-linear-gradient(18deg,transparent 0 38px,rgba(185,202,220,.12) 39px 47px,transparent 48px 82px);filter:blur(1px);opacity:.72;transform:rotate(-9deg);pointer-events:none}
.public-shop.sf-theme-mebef .frontend-hero:after,.public-shop.sf-theme-mebef .sf-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 88%,#edf5fb 88% 100%);pointer-events:none}
.public-shop.sf-theme-mebef .frontend-hero .hero-body,.public-shop.sf-theme-mebef .sf-hero-inner{position:relative;z-index:1;width:min(1080px,calc(100% - 88px));margin:0 auto}
.public-shop.sf-theme-mebef .frontend-hero .hero-body:before,.public-shop.sf-theme-mebef .sf-hero-inner:before{content:"- BEFESTIGUNGSMATERIAL ORGANISIEREN & LIEFERN LASSEN";display:block;margin-bottom:18px;color:#f2a20d;font-size:12px;font-weight:900;letter-spacing:.38em}
.public-shop.sf-theme-mebef .frontend-hero h1,.public-shop.sf-theme-mebef .sf-hero h1{max-width:540px;margin:0 0 24px;color:#fff;font-size:clamp(44px,5.6vw,78px);line-height:.96;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.public-shop.sf-theme-mebef .frontend-hero p,.public-shop.sf-theme-mebef .sf-hero p{max-width:520px;margin:0 0 30px;color:#94a3b8;font-family:"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.75}
.public-shop.sf-theme-mebef .button,.public-shop.sf-theme-mebef .sf-hero-cta,.public-shop.sf-theme-mebef .sf-btn{border-radius:0;background:#f2a20d;color:#fff;padding:15px 24px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;box-shadow:none}
.public-shop.sf-theme-mebef .button:hover,.public-shop.sf-theme-mebef .sf-hero-cta:hover,.public-shop.sf-theme-mebef .sf-btn:hover{background:#d98d00;color:#fff}
.public-shop.sf-theme-mebef .frontend-section,.public-shop.sf-theme-mebef .frontend-split,.public-shop.sf-theme-mebef .frontend-cta,.public-shop.sf-theme-mebef .sf-shop,.public-shop.sf-theme-mebef .sf-cats,.public-shop.sf-theme-mebef .sf-usp{width:min(1080px,calc(100% - 88px));margin-left:auto;margin-right:auto}
.public-shop.sf-theme-mebef .frontend-section{margin-top:54px;margin-bottom:54px}
.public-shop.sf-theme-mebef .frontend-section h2,.public-shop.sf-theme-mebef .frontend-cta h2,.public-shop.sf-theme-mebef .sf-shophead h2{margin-bottom:24px;color:#14233a;font-size:42px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.public-shop.sf-theme-mebef .frontend-section h2:before,.public-shop.sf-theme-mebef .frontend-cta h2:before,.public-shop.sf-theme-mebef .sf-shophead h2:before{content:"- ";color:#f2a20d;font-size:18px;vertical-align:middle}
.public-shop.sf-theme-mebef .frontend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.public-shop.sf-theme-mebef .frontend-grid article{position:relative;min-height:210px;padding:34px 32px;background:#fff;border:0;border-radius:0;box-shadow:none}
.public-shop.sf-theme-mebef .frontend-grid article:after{content:"0" counter(mebef-card);counter-increment:mebef-card;position:absolute;right:28px;top:18px;color:#edf2f7;font-size:42px;font-weight:900}
.public-shop.sf-theme-mebef .frontend-grid{counter-reset:mebef-card}
.public-shop.sf-theme-mebef .frontend-grid article strong{display:block;margin:28px 0 12px;color:#14233a;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.public-shop.sf-theme-mebef .frontend-grid article p,.public-shop.sf-theme-mebef .frontend-section p{color:#9aa8b7;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.75}
.public-shop.sf-theme-mebef .blk-cats.layout-cards{background:#fff;padding:54px 0;margin-top:0;width:100%;max-width:none}
.public-shop.sf-theme-mebef .blk-cats.layout-cards h2,.public-shop.sf-theme-mebef .blk-cats.layout-cards .cats-wrap{width:min(1080px,calc(100% - 88px));margin-left:auto;margin-right:auto}
.public-shop.sf-theme-mebef .blk-cats.layout-cards .cats-wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e7edf3}
.public-shop.sf-theme-mebef .blk-cats.layout-cards .cat-item{min-height:132px;padding:28px;background:#fff;border:0;border-radius:0;box-shadow:none;align-items:flex-start;justify-content:center;text-align:left}
.public-shop.sf-theme-mebef .blk-cats.layout-cards .cat-label{color:#14233a;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.public-shop.sf-theme-mebef .commerce-card,.public-shop.sf-theme-mebef .sf-card,.public-shop.sf-theme-mebef .faq-list details{border:0;border-radius:0;background:#fff;box-shadow:none}
.public-shop.sf-theme-mebef .sf-empty{border:0;border-radius:0;background:#fff;color:#9aa8b7;padding:44px;text-align:left}
.public-shop.sf-theme-mebef .sf-empty:before{content:"Online-Store";display:block;margin-bottom:8px;color:#14233a;font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.public-shop.sf-theme-mebef .frontend-split{border:0;border-radius:0;background:#fff;padding:48px;margin-top:0;box-shadow:none}
.public-shop.sf-theme-mebef .frontend-split li{border:0;border-left:3px solid #f2a20d;border-radius:0;background:#f4f8fb;color:#14233a;text-transform:uppercase;letter-spacing:.05em}
.public-shop.sf-theme-mebef .frontend-cta{border:0;border-radius:0;background:#14233a;color:#fff;padding:46px 52px;margin-bottom:70px;box-shadow:none}
.public-shop.sf-theme-mebef .frontend-cta h2,.public-shop.sf-theme-mebef .frontend-cta p{color:#fff}
.public-shop.sf-theme-mebef .sf-usp{border:0;border-radius:0;background:#fff;box-shadow:none}
.public-shop.sf-theme-mebef .sf-usp div{border-color:#e7edf3}
.public-shop.sf-theme-mebef .sf-footer{width:100%;max-width:none;margin:0;padding:34px max(44px,calc((100vw - 1080px)/2));background:#14233a;color:#fff;border:0}
.public-shop.sf-theme-mebef .sf-footer a,.public-shop.sf-theme-mebef .sf-footer p,.public-shop.sf-theme-mebef .sf-footer span,.public-shop.sf-theme-mebef .sf-footer small{color:#9aa8b7}
@media(max-width:900px){.public-shop.sf-theme-mebef .frontend-top{height:auto;min-height:64px;padding:14px 18px;gap:14px;flex-wrap:wrap}.public-shop.sf-theme-mebef .frontend-top nav{gap:16px;order:3;width:100%;justify-content:flex-start}.public-shop.sf-theme-mebef .frontend-top nav a{font-size:12px;letter-spacing:.18em}.public-shop.sf-theme-mebef .frontend-hero,.public-shop.sf-theme-mebef .sf-hero{min-height:560px}.public-shop.sf-theme-mebef .frontend-hero .hero-body,.public-shop.sf-theme-mebef .sf-hero-inner,.public-shop.sf-theme-mebef .frontend-section,.public-shop.sf-theme-mebef .frontend-split,.public-shop.sf-theme-mebef .frontend-cta,.public-shop.sf-theme-mebef .sf-shop,.public-shop.sf-theme-mebef .sf-cats,.public-shop.sf-theme-mebef .sf-usp,.public-shop.sf-theme-mebef .blk-cats.layout-cards h2,.public-shop.sf-theme-mebef .blk-cats.layout-cards .cats-wrap{width:min(100% - 36px,1080px)}.public-shop.sf-theme-mebef .frontend-grid,.public-shop.sf-theme-mebef .blk-cats.layout-cards .cats-wrap{grid-template-columns:1fr}.public-shop.sf-theme-mebef .frontend-section h2,.public-shop.sf-theme-mebef .frontend-cta h2,.public-shop.sf-theme-mebef .sf-shophead h2{font-size:32px}.public-shop.sf-theme-mebef .frontend-split{grid-template-columns:1fr;padding:34px 24px}}

/* v0.99.8 - Mebef Storefront: Vorlage 02 Kategorie-Shop */
.public-shop.sf-theme-mebef{background:#edf5fb;color:#17243a}
.public-shop.sf-theme-mebef .frontend-top{height:76px;padding:0 44px;background:#fff;border-bottom:1px solid #e9eef4;box-shadow:0 2px 14px rgba(16,33,58,.05)}
.public-shop.sf-theme-mebef .sf-brand strong{font-size:16px;color:#10213a;font-weight:900;text-transform:none;letter-spacing:.02em}
.public-shop.sf-theme-mebef .frontend-top nav{gap:24px}
.public-shop.sf-theme-mebef .frontend-top nav a{font-size:11px;letter-spacing:.24em;color:#10213a}
.public-shop.sf-theme-mebef .sf-login{border:1px solid #d8e1eb;border-radius:0;background:#fff;color:#10213a;padding:9px 12px;font-size:11px;letter-spacing:.08em}
.public-shop.sf-theme-mebef .sf-hero{min-height:310px;padding:42px 44px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(16,33,58,.98),rgba(16,33,58,.82)),radial-gradient(circle at 72% 48%,rgba(169,184,200,.36),transparent 34%)!important;border:0;border-radius:0!important;margin:0;box-shadow:none}
.public-shop.sf-theme-mebef .sf-hero:after{display:none}
.public-shop.sf-theme-mebef .sf-hero:before{right:-30px;top:18px;width:44%;height:80%;background:repeating-linear-gradient(18deg,transparent 0 25px,rgba(255,255,255,.12) 26px 31px,transparent 32px 52px);filter:none;opacity:.65;transform:none}
.public-shop.sf-theme-mebef .sf-hero-inner{width:min(1180px,calc(100% - 20px));margin:0 auto}
.public-shop.sf-theme-mebef .sf-hero-inner:before{content:"- SCHNELL FINDEN";margin-bottom:10px;color:#f2a20d;font-size:10px;letter-spacing:.26em}
.public-shop.sf-theme-mebef .sf-hero h1{max-width:620px;margin:0 0 12px;color:#fff;font-size:clamp(36px,4vw,58px);line-height:1;text-transform:uppercase;letter-spacing:.04em}
.public-shop.sf-theme-mebef .sf-hero p{max-width:560px;margin:0 0 20px;color:#aeb9c7;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6}
.public-shop.sf-theme-mebef .sf-hero-cta{background:#f2a20d!important;color:#fff!important;padding:12px 18px;font-size:11px}
.public-shop.sf-theme-mebef .sf-big-search{width:min(1180px,calc(100% - 88px));margin:-38px auto 28px;position:relative;z-index:5}
.public-shop.sf-theme-mebef .sf-big-search form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:18px;background:#fff;border:1px solid #dfe8f0;box-shadow:0 12px 28px rgba(16,33,58,.1)}
.public-shop.sf-theme-mebef .sf-big-search label{display:block;font-weight:900;color:#10213a;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.public-shop.sf-theme-mebef .sf-big-search label span{display:block;margin-bottom:8px}
.public-shop.sf-theme-mebef .sf-big-search input{height:50px;border:1px solid #dfe8f0;border-radius:0;background:#f7fafc;color:#17243a;font-size:14px;font-family:"Segoe UI",Arial,sans-serif}
.public-shop.sf-theme-mebef .sf-big-search button{height:50px;border-radius:0;background:#f2a20d;color:#fff;padding:0 28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;box-shadow:none}
.public-shop.sf-theme-mebef .sf-cats,.public-shop.sf-theme-mebef .sf-shop,.public-shop.sf-theme-mebef .sf-usp{width:min(1180px,calc(100% - 88px));margin-left:auto;margin-right:auto}
.public-shop.sf-theme-mebef .sf-cats{margin-bottom:28px}
.public-shop.sf-theme-mebef .sf-cat-tiles{display:flex;gap:8px;flex-wrap:wrap}
.public-shop.sf-theme-mebef .sf-cat-tiles a{height:auto;min-height:0;padding:10px 13px;background:#fff!important;border:1px solid #dfe8f0;border-radius:0;box-shadow:none;color:#10213a;font-size:12px}
.public-shop.sf-theme-mebef .sf-cat-tiles a span{font-weight:900}
.public-shop.sf-theme-mebef .sf-cat-tiles a small{color:#8492a4}
.public-shop.sf-theme-mebef .sf-shop{background:transparent;margin-bottom:34px}
.public-shop.sf-theme-mebef .sf-shophead{align-items:center;margin-bottom:16px}
.public-shop.sf-theme-mebef .sf-shophead h2{font-size:30px;margin:0;color:#10213a;text-transform:uppercase;letter-spacing:.04em}
.public-shop.sf-theme-mebef .sf-shophead span{color:#8492a4;font-family:"Segoe UI",Arial,sans-serif}
.public-shop.sf-theme-mebef .sf-layout{display:block}
.public-shop.sf-theme-mebef .sf-filters{display:none}
.public-shop.sf-theme-mebef .sf-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.public-shop.sf-theme-mebef .sf-card{border:1px solid #dfe8f0;border-radius:0;background:#fff;box-shadow:none;transition:border-color .16s,transform .16s}
.public-shop.sf-theme-mebef .sf-card:hover{border-color:#c4d0dc;transform:translateY(-2px);box-shadow:none}
.public-shop.sf-theme-mebef .sf-media{aspect-ratio:1.2;background:linear-gradient(135deg,#d6e0ea,#f7fafc)}
.public-shop.sf-theme-mebef .sf-media-ph{background:linear-gradient(135deg,#d6e0ea,#6b7d90);color:#fff}
.public-shop.sf-theme-mebef .sf-card-body{padding:14px;gap:8px}
.public-shop.sf-theme-mebef .sf-cat{padding:0;background:transparent;color:#f2a20d;font-size:10px;letter-spacing:.08em}
.public-shop.sf-theme-mebef .sf-title{font-size:15px;text-transform:none;letter-spacing:0}
.public-shop.sf-theme-mebef .sf-desc{font-family:"Segoe UI",Arial,sans-serif;color:#8492a4;font-size:12px}
.public-shop.sf-theme-mebef .sf-price{color:#10213a;font-size:16px}
.public-shop.sf-theme-mebef .sf-btn{background:#10213a!important;color:#fff!important;border-radius:0;padding:9px 10px;font-size:10px}
.public-shop.sf-theme-mebef .sf-empty{border:0;border-radius:0;background:#fff;color:#8492a4;padding:44px}
.public-shop.sf-theme-mebef .sf-empty:before{content:"Online-Store";font-size:24px;color:#10213a}
.public-shop.sf-theme-mebef .sf-usp{height:auto;grid-template-columns:repeat(4,1fr);border:1px solid #dfe8f0;border-radius:0;background:#fff;margin-bottom:38px}
.public-shop.sf-theme-mebef .sf-usp div{padding:18px 14px;border-color:#dfe8f0}
.public-shop.sf-theme-mebef .sf-usp b{color:#10213a}
.public-shop.sf-theme-mebef .sf-usp small{color:#8492a4}
@media(max-width:1100px){.public-shop.sf-theme-mebef .sf-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.public-shop.sf-theme-mebef .frontend-top{height:auto;padding:16px 18px}.public-shop.sf-theme-mebef .sf-hero{min-height:280px;padding:34px 18px}.public-shop.sf-theme-mebef .sf-big-search,.public-shop.sf-theme-mebef .sf-cats,.public-shop.sf-theme-mebef .sf-shop,.public-shop.sf-theme-mebef .sf-usp{width:min(100% - 36px,1180px)}.public-shop.sf-theme-mebef .sf-big-search form{grid-template-columns:1fr}.public-shop.sf-theme-mebef .sf-big-search button{width:100%}.public-shop.sf-theme-mebef .sf-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shop.sf-theme-mebef .sf-usp{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.public-shop.sf-theme-mebef .sf-shop-grid{grid-template-columns:1fr}.public-shop.sf-theme-mebef .sf-usp{grid-template-columns:1fr}.public-shop.sf-theme-mebef .sf-hero h1{font-size:32px}}

/* v0.99.12 - Mebef Footer: minimal, rechtlich sauber, ohne Branding-Doppelung */
.public-shop.sf-theme-mebef .sf-footer{margin-top:54px;padding:0;background:#10213a;border:0;color:#fff}
.public-shop.sf-theme-mebef .sf-footer .sf-foot-cols,.public-shop.sf-theme-mebef .sf-footer .sf-foot-pay,.public-shop.sf-theme-mebef .sf-footer .sf-foot-copy{display:none!important}
.public-shop.sf-theme-mebef .sf-footer .sf-foot-bottom{width:min(1180px,calc(100% - 88px));margin:0 auto;padding:24px 0;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border:0}
.public-shop.sf-theme-mebef .sf-footer a{color:#d7e0ea!important;font-family:"Segoe UI",Arial,sans-serif;font-size:12px;text-decoration:none}
.public-shop.sf-theme-mebef .sf-footer a:hover{color:#fff!important;text-decoration:underline}
.public-shop.sf-theme-mebef .sf-footer .widerruf-link{display:inline-flex!important;align-items:center;background:#f2a20d!important;color:#10213a!important;border:0!important;padding:9px 13px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.08em;text-decoration:none!important}
.public-shop.sf-theme-mebef .sf-footer .widerruf-link:hover{background:#fff!important;color:#10213a!important}
@media(max-width:760px){.public-shop.sf-theme-mebef .sf-footer .sf-foot-bottom{width:min(100% - 36px,1180px);justify-content:flex-start;gap:14px}}

/* v0.99.13 - Alias fuer alte Mebef-V02-Imports */
.public-shop.sf-theme-mebef-store-v02{max-width:none;padding:0;background:#edf5fb;color:#17243a}
.public-shop.sf-theme-mebef-store-v02 .sf-note{display:none}
.public-shop.sf-theme-mebef-store-v02 .frontend-top{height:76px;margin:0;padding:0 44px;background:#fff;border:0;border-bottom:1px solid #e9eef4;box-shadow:0 2px 14px rgba(16,33,58,.05);position:sticky;top:0;z-index:30}
.public-shop.sf-theme-mebef-store-v02 .sf-brand strong{font-size:16px;color:#10213a;font-weight:900;letter-spacing:.02em}
.public-shop.sf-theme-mebef-store-v02 .frontend-top nav{gap:24px;justify-content:center}
.public-shop.sf-theme-mebef-store-v02 .frontend-top nav a{margin:0;padding:0;min-height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;color:#10213a;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.24em}
.public-shop.sf-theme-mebef-store-v02 .frontend-top nav a:hover{color:#f2a20d}
.public-shop.sf-theme-mebef-store-v02 .sf-login{border:1px solid #d8e1eb;border-radius:0;background:#fff;color:#10213a;padding:9px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:none}
.public-shop.sf-theme-mebef-store-v02 .sf-hero{min-height:310px;margin:0;padding:42px 44px;border:0;border-radius:0!important;display:flex;align-items:center;background:linear-gradient(90deg,rgba(16,33,58,.98),rgba(16,33,58,.82)),radial-gradient(circle at 72% 48%,rgba(169,184,200,.36),transparent 34%)!important;color:#fff;box-shadow:none;overflow:hidden}
.public-shop.sf-theme-mebef-store-v02 .sf-hero:after{display:none}
.public-shop.sf-theme-mebef-store-v02 .sf-hero h1{max-width:620px;margin:0 0 12px;color:#fff;font-size:clamp(36px,4vw,58px);line-height:1;text-transform:uppercase;letter-spacing:.04em}
.public-shop.sf-theme-mebef-store-v02 .sf-hero p{max-width:560px;margin:0 0 20px;color:#aeb9c7;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6}
.public-shop.sf-theme-mebef-store-v02 .sf-big-search{width:min(1180px,calc(100% - 88px));margin:-38px auto 28px;position:relative;z-index:5}
.public-shop.sf-theme-mebef-store-v02 .sf-big-search form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:18px;background:#fff;border:1px solid #dfe8f0;box-shadow:0 12px 28px rgba(16,33,58,.1)}
.public-shop.sf-theme-mebef-store-v02 .sf-big-search input{height:50px;border:1px solid #dfe8f0;border-radius:0;background:#f7fafc;color:#17243a;font-size:14px}
.public-shop.sf-theme-mebef-store-v02 .sf-big-search button{height:50px;border-radius:0;background:#f2a20d;color:#fff;padding:0 28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;box-shadow:none}
.public-shop.sf-theme-mebef-store-v02 .sf-cats,.public-shop.sf-theme-mebef-store-v02 .sf-shop,.public-shop.sf-theme-mebef-store-v02 .sf-usp{width:min(1180px,calc(100% - 88px));margin-left:auto;margin-right:auto}
.public-shop.sf-theme-mebef-store-v02 .sf-card{border:1px solid #dfe8f0;border-radius:0;background:#fff;box-shadow:none}
.public-shop.sf-theme-mebef-store-v02 .sf-btn{background:#10213a!important;color:#fff!important;border-radius:0;padding:9px 10px;font-size:10px}
.public-shop.sf-theme-mebef-store-v02 .sf-footer{margin-top:54px;padding:0;background:#10213a;border:0;color:#fff}
.public-shop.sf-theme-mebef-store-v02 .sf-footer .sf-foot-cols,.public-shop.sf-theme-mebef-store-v02 .sf-footer .sf-foot-pay,.public-shop.sf-theme-mebef-store-v02 .sf-footer .sf-foot-copy{display:none!important}
.public-shop.sf-theme-mebef-store-v02 .sf-footer .sf-foot-bottom{width:min(1180px,calc(100% - 88px));margin:0 auto;padding:24px 0;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border:0}
.public-shop.sf-theme-mebef-store-v02 .sf-footer a{color:#d7e0ea!important;font-family:"Segoe UI",Arial,sans-serif;font-size:12px;text-decoration:none}
.public-shop.sf-theme-mebef-store-v02 .sf-footer .widerruf-link{display:inline-flex!important;align-items:center;background:#f2a20d!important;color:#10213a!important;border:0!important;padding:9px 13px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.08em;text-decoration:none!important}

/* v0.99.11 - Store UX: Sortierung, Kaufvertrauen, Kundenstatus */
.public-shop .sf-shophead{gap:14px}
.public-shop .sf-sort-form{margin-left:auto;display:flex;align-items:end;gap:8px}
.public-shop .sf-sort-form label{display:flex;align-items:center;gap:8px;margin:0;color:#64748b;font-size:.82rem}
.public-shop .sf-sort-form select{min-width:170px;height:38px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;color:#0f172a;padding:0 10px}
.public-shop .sf-sort-form button{height:38px;padding:0 12px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;color:#0f172a;font-weight:700}
.public-shop .pd-buy-info{margin:8px 0;display:grid;gap:8px}
.public-shop .pd-buy-info details{border:1px solid #e2e8f0;border-radius:10px;background:#fff;overflow:hidden}
.public-shop .pd-buy-info summary{cursor:pointer;padding:10px 12px;color:#0f172a;font-weight:800}
.public-shop .pd-buy-info p{margin:0;padding:0 12px 12px;color:#64748b;font-size:.9rem;line-height:1.45}
.public-shop.sf-theme-mebef .sf-sort-form label{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;text-transform:none;letter-spacing:0}
.public-shop.sf-theme-mebef .sf-sort-form select,.public-shop.sf-theme-mebef .sf-sort-form button{height:40px;border-radius:0;border-color:#dfe8f0;box-shadow:none}
.public-shop.sf-theme-mebef .sf-sort-form button{background:#10213a;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.public-shop.sf-theme-mebef .pd-buy-info details{border-radius:0;border-color:#dfe8f0;background:#fff}
.public-shop.sf-theme-mebef .pd-buy-info summary{color:#10213a;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.order-timeline .ot-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.order-timeline .ot-step{position:relative;padding:12px 12px 12px 38px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.order-timeline .ot-step i{position:absolute;left:12px;top:15px;width:14px;height:14px;border-radius:50%;border:2px solid #cbd5e1;background:#fff}
.order-timeline .ot-step.done{background:#f0fdf4;border-color:#bbf7d0}
.order-timeline .ot-step.done i{border-color:#16a34a;background:#16a34a}
.order-timeline .ot-step strong{display:block;color:#0f172a}
.order-timeline .ot-step small{display:block;margin-top:3px;color:#64748b}
@media(max-width:760px){.public-shop .sf-shophead{align-items:flex-start}.public-shop .sf-sort-form{width:100%;margin-left:0}.public-shop .sf-sort-form label{flex:1}.public-shop .sf-sort-form select{width:100%;min-width:0}.order-timeline .ot-steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.order-timeline .ot-steps{grid-template-columns:1fr}}

/* v0.99.52 - Storefront B2B Refresh: breiter, ruhiger, aktuelle Produktkarten */
.content.public-shop{max-width:none!important;width:100%;padding:0 0 34px;margin:0;background:#f4f7fb}
.public-shop .frontend-top{width:min(1280px,calc(100% - 48px));min-height:78px;margin:28px auto 22px;padding:0 28px;background:rgba(255,255,255,.96);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 14px 42px rgba(15,23,42,.08);display:flex;align-items:center;gap:24px}
.public-shop .sf-brand{display:flex;align-items:center;min-width:180px;color:#0f172a;text-decoration:none}
.public-shop .sf-brand img{display:block;max-height:38px;max-width:190px;width:auto;object-fit:contain}
.public-shop .sf-brand strong{font-size:17px;font-weight:900;color:#0f172a;letter-spacing:0}
.public-shop .sf-burger{display:none}
.public-shop .sf-head-collapse{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex:1}
.public-shop .frontend-top nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0;margin:0}
.public-shop .frontend-top nav a,.public-shop .sf-link{border:0;border-radius:7px;background:transparent;box-shadow:none;color:#275985;font-size:13px;font-weight:850;padding:9px 11px;margin:0;text-decoration:none}
.public-shop .frontend-top nav a:hover,.public-shop .sf-link:hover{background:#eef5fb;color:#0f436d}
.public-shop .sf-head-right{display:flex;align-items:center;gap:8px}
.public-shop .sf-ico{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #d6e1ec;border-radius:8px;background:#fff;color:#2363a1}
.public-shop .sf-ico:hover{background:#eef5fb;color:#0f436d}
.public-shop .sf-cart-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#0f172a;color:#fff;font-size:10px;display:grid;place-items:center}
.public-shop .sf-hero{width:min(1280px,calc(100% - 48px));min-height:300px;margin:0 auto 0;padding:48px 56px;border:0;border-radius:8px!important;background:linear-gradient(90deg,#0f3f67,#2768a6)!important;box-shadow:0 24px 60px rgba(31,80,130,.20);display:flex;align-items:center;overflow:hidden}
.public-shop .sf-hero:before{content:"";position:absolute;right:-6%;top:-20%;width:55%;height:150%;background:radial-gradient(circle at 45% 50%,rgba(255,255,255,.22),transparent 32%),repeating-linear-gradient(18deg,transparent 0 30px,rgba(255,255,255,.08) 31px 38px,transparent 39px 64px);opacity:.7;pointer-events:none}
.public-shop .sf-hero-inner{max-width:760px;position:relative;z-index:1}
.public-shop .sf-hero h1{margin:0 0 12px;color:#fff!important;font-size:clamp(34px,4vw,58px);font-weight:900;letter-spacing:-.01em;line-height:1}
.public-shop .sf-hero p{max-width:620px;margin:0 0 24px;color:#dbeafe!important;font-size:16px;line-height:1.55}
.public-shop .sf-hero-cta{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:999px!important;background:#fff!important;color:#0f436d!important;font-size:13px;font-weight:900;text-decoration:none;box-shadow:none!important}
.public-shop .sf-big-search{width:min(1180px,calc(100% - 80px));margin:-28px auto 30px;position:relative;z-index:4}
.public-shop .sf-big-search form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:18px;background:#fff;border:1px solid #dfe8f0;border-radius:8px;box-shadow:0 18px 44px rgba(15,23,42,.10)}
.public-shop .sf-big-search label{display:block;color:#26384f;font-size:12px;font-weight:850}
.public-shop .sf-big-search label span{display:block;margin-bottom:7px}
.public-shop .sf-big-search input{height:46px;border:1px solid #d8e2ec;border-radius:7px;background:#f9fbfd;color:#172033;font-size:14px}
.public-shop .sf-big-search button{height:46px;min-width:112px;border-radius:7px;background:#2368aa;color:#fff;box-shadow:none}
.public-shop .sf-cats,.public-shop .sf-shop,.public-shop .sf-usp,.public-shop .sf-footer{width:min(1180px,calc(100% - 80px));margin-left:auto;margin-right:auto}
.public-shop .sf-shophead{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:end;margin:0 0 22px}
.public-shop .sf-shophead h2{margin:0;color:#0f172a;font-size:28px;font-weight:900;letter-spacing:-.01em}
.public-shop .sf-shophead>span{color:#7c8a9b;font-size:13px}
.public-shop .sf-sort-form{display:flex;align-items:end;gap:8px;margin:0}
.public-shop .sf-sort-form label{gap:6px;color:#7c8a9b;font-size:12px;font-weight:800}
.public-shop .sf-sort-form select{height:42px;min-width:170px;border:1px solid #d8e2ec;border-radius:7px;background:#fff}
.public-shop .sf-sort-form button{height:42px;border-radius:7px;border:1px solid #d8e2ec;background:#fff;color:#172033;box-shadow:none}
.public-shop .sf-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.public-shop .sf-layout.sf-no-filter{grid-template-columns:1fr}
.public-shop .sf-results{min-width:0}
.public-shop .sf-filters{position:sticky;top:20px;width:auto;flex:auto;background:#fff;border:1px solid #e0e8f0;border-radius:8px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.public-shop .sf-filters-head strong{font-size:17px;color:#0f172a}
.public-shop .sf-fgroup{border-bottom:1px solid #edf2f7;padding:6px 0}
.public-shop .sf-fgroup>summary{font-weight:850;color:#26384f;padding:9px 2px}
.public-shop .sf-filter-actions{margin-top:16px}
.public-shop .sf-home-sections{display:grid;gap:34px}
.public-shop .sf-home-cat{display:grid;gap:14px}
.public-shop .sf-home-cat-head{display:flex;align-items:end;justify-content:space-between;gap:16px}
.public-shop .sf-home-cat-head h3{margin:0;color:#0f172a;font-size:22px;font-weight:900}
.public-shop .sf-home-cat-head span{display:block;margin-top:2px;color:#7c8a9b;font-size:13px}
.public-shop .sf-home-cat-head a{color:#2368aa;font-weight:850;text-decoration:none}
.public-shop .sf-home-cat-head a:hover{text-decoration:underline}
.public-shop .cat-std-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.public-shop .cat-std{border-radius:8px;border-color:#e0e8f0;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.07)}
.public-shop .cat-std .cs-media{border-bottom:1px solid #edf2f7}
.public-shop .cat-std .cs-media img{object-fit:contain;padding:20px}
.public-shop .cat-std .cs-title a{color:#0f172a}
.public-shop .cat-std .cs-price{color:#2368aa}
.public-shop .sf-usp{margin-top:38px;border:1px solid #e0e8f0;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.public-shop .sf-usp div{padding:18px 14px}
.public-shop .sf-footer{background:transparent;border-top:1px solid #dde6ef;padding-top:22px}
.public-shop .cookie-banner{border-radius:8px}
@media(max-width:900px){.public-shop .frontend-top,.public-shop .sf-hero{width:min(100% - 28px,1280px)}.public-shop .frontend-top{min-height:auto;padding:14px 16px;flex-wrap:wrap}.public-shop .sf-burger{display:grid;width:38px;height:38px;place-items:center;margin-left:auto;background:#fff;color:#0f172a;border:1px solid #d8e2ec;border-radius:8px;box-shadow:none}.public-shop .sf-burger span{display:block;width:18px;height:2px;background:currentColor;margin:2px 0}.public-shop .sf-head-collapse{display:none;width:100%;align-items:flex-start}.public-shop .sf-head.sf-open .sf-head-collapse{display:grid;gap:12px}.public-shop .frontend-top nav{display:grid;width:100%;justify-content:stretch}.public-shop .sf-head-right{justify-content:flex-start}.public-shop .sf-hero{padding:34px 24px;min-height:250px}.public-shop .sf-big-search,.public-shop .sf-cats,.public-shop .sf-shop,.public-shop .sf-usp,.public-shop .sf-footer{width:min(100% - 28px,1180px)}.public-shop .sf-big-search form{grid-template-columns:1fr}.public-shop .sf-big-search button{width:100%}.public-shop .sf-shophead{grid-template-columns:1fr}.public-shop .sf-sort-form{width:100%}.public-shop .sf-layout{grid-template-columns:1fr}.public-shop .sf-filters{position:static}.public-shop .sf-usp{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.public-shop .cat-std-grid{grid-template-columns:1fr}.public-shop .sf-usp{grid-template-columns:1fr}}

/* ── Mobiles Hamburger-Menü (Storefront) ───────────────────────────── */
.sf-head-collapse{display:flex;align-items:center;gap:18px;margin-left:auto;flex-wrap:wrap}
.sf-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:38px;padding:8px;border:1px solid var(--line,rgba(15,23,42,.15));border-radius:9px;background:transparent;cursor:pointer;color:inherit}
.sf-burger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:.2s}
.sf-head.sf-open .sf-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sf-head.sf-open .sf-burger span:nth-child(2){opacity:0}
.sf-head.sf-open .sf-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:860px){
  .public-shop .frontend-top,.public-shop .sf-head{flex-wrap:wrap;position:relative}
  .sf-burger{display:flex;margin-left:auto}
  .sf-head-collapse{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:6px;margin:12px 0 0;order:3}
  .sf-head.sf-open .sf-head-collapse{display:flex}
  .sf-head-collapse .sf-menu-wrap{width:100%}
  .sf-head-collapse .sf-menu-wrap nav,.sf-head-collapse .sf-menu-wrap ul{display:flex;flex-direction:column;gap:2px;width:100%;padding:0;margin:0}
  .sf-head-collapse .sf-menu-wrap a{display:block;padding:11px 8px;border-bottom:1px solid var(--line,rgba(15,23,42,.08));border-radius:0}
  .sf-head-right{width:100%;flex-direction:column;align-items:stretch;gap:6px}
  .sf-head-right a,.sf-head-right .sf-cart,.sf-head-right .sf-login,.sf-head-right .sf-link{display:block;padding:11px 8px;text-align:left}
}

/* ── Header-Icons (Warenkorb / Konto) ─────────────────────────────── */
.sf-ico{display:inline-flex;align-items:center;justify-content:center;position:relative;color:inherit;padding:6px;border-radius:8px;line-height:0}
.sf-ico:hover{background:rgba(15,23,42,.06)}
.sf-ico svg{display:block}
.sf-cart-badge{position:absolute;top:-1px;right:-2px;min-width:16px;height:16px;padding:0 4px;background:var(--lt-p,#1f5eff);color:#fff;border-radius:9px;font-size:10px;line-height:16px;text-align:center;font-weight:700}
@media(max-width:860px){.sf-head-collapse .sf-head-right{flex-direction:row;flex-wrap:wrap}}

/* ===== v0.99.69: Seiten-Werkzeugleiste unter dem blauen Band ===== */
.page-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;
  background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 14px;margin:0 0 16px;
  box-shadow:0 6px 18px rgba(15,23,42,.05)}
.page-toolbar[hidden]{display:none}
.ptb-tabs{display:flex;align-items:center;gap:6px;min-width:0}
.ptb-tabs .tabs{margin:0!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.ptb-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.ptb-actions form{margin:0}
.ptb-actions input[type=search],.ptb-actions input[type=text],.ptb-actions select{padding:8px 11px;border:1px solid #dbe1e8;border-radius:9px;font-size:13px;background:#fff}
.ptb-actions .button,.ptb-actions button{padding:8px 15px;font-size:13px}
@media(max-width:820px){.page-toolbar{flex-direction:column;align-items:stretch}.ptb-actions{margin-left:0}}
/* blaues Band bleibt schlank */
.topbar .tb-actions:empty{display:none}

/* ===== Medien: Listenansicht ===== */
.media-grid.mlist .media-item{flex-direction:row!important;align-items:center!important;text-align:left!important}
.media-grid.mlist .media-thumb{width:54px!important;height:54px!important;min-height:0!important;flex:0 0 54px!important}
.media-grid.mlist .media-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
.media-grid.mlist figcaption{border-top:0!important;padding:0 4px!important}
.media-grid.mlist .media-actions{display:flex;gap:6px;margin-left:auto}

/* ===== v0.99.69: EINE globale Suche mit Live-Treffern ===== */
.gsearch{position:relative;flex:1;max-width:520px;margin:0 18px}
.gsearch form{position:relative;display:block}
.gsearch input{width:100%;padding:10px 38px 10px 38px;border:1px solid rgba(255,255,255,.28);border-radius:10px;
  background:rgba(255,255,255,.14);color:#fff;font-size:13.5px}
.gsearch input::placeholder{color:rgba(255,255,255,.72)}
.gsearch input:focus{outline:0;background:#fff;color:#0f172a;border-color:#fff}
.gsearch input:focus::placeholder{color:#94a3b8}
.gsearch form::before{content:"⌕";position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:16px;color:rgba(255,255,255,.8);pointer-events:none}
.gsearch input:focus + .gsearch-kbd{display:none}
.gsearch-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:rgba(255,255,255,.75);
  border:1px solid rgba(255,255,255,.3);border-radius:5px;padding:1px 6px;pointer-events:none}
.gsearch-drop{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:200;background:#fff;border:1px solid #e2e8f0;
  border-radius:13px;box-shadow:0 22px 55px rgba(15,23,42,.22);max-height:70vh;overflow:auto;padding:6px}
.gsearch-drop[hidden]{display:none}
.gs-group{padding:4px 0}
.gs-gl{display:block;padding:6px 11px 4px;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#94a3b8}
.gsearch-drop a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;text-decoration:none;color:#172033}
.gsearch-drop a:hover,.gsearch-drop a.on{background:#f1f5f9}
.gsearch-drop a i{flex:0 0 24px;height:24px;border-radius:7px;background:#eef2f7;color:#64748b;display:grid;place-items:center;
  font-style:normal;font-size:11px;font-weight:800}
.gs-t{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-s{margin-left:auto;font-size:11.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.gs-all{justify-content:center;border-top:1px solid #eef2f7;margin-top:4px;color:var(--brand,#1f5eff)!important;font-weight:700;font-size:12.5px}
.gs-empty{padding:16px;text-align:center;color:#94a3b8;font-size:13px}
@media(max-width:900px){.gsearch{max-width:none;margin:8px 0;flex-basis:100%}}

/* ===== v0.99.71: Shop als reine Artikelliste (wenn der Kanal eine eigene Startseite hat) ===== */
.public-shop .sf-listhead{padding:26px 0 6px}
.public-shop .sf-crumb{font-size:12.5px;margin-bottom:8px}
.public-shop .sf-crumb a{text-decoration:none}
.public-shop .sf-crumb span{opacity:.5;margin:0 5px}
.public-shop .sf-listhead h1{font-size:clamp(24px,3vw,36px);margin:0 0 6px;letter-spacing:-.01em}
.public-shop .sf-listhead p{margin:0;font-size:14px}

/* ===== v0.99.71: Dunkelmodus fuer das Backend ===== */
.tb-dark{width:38px;height:38px;margin-left:6px;border-radius:10px;border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.18);color:#fff;cursor:pointer;font-size:17px;line-height:1;display:grid;place-items:center;
  box-shadow:none;padding:0;flex:0 0 auto}
.tb-dark:hover{background:#fff;color:#12324f;border-color:#fff}
.tb-dark[aria-pressed=true]{background:#fff;color:#12324f;border-color:#fff}
/* Werkzeugleiste: Buttons klar erkennbar */
.ptb-actions .button,.ptb-actions button{border:1px solid #dbe1e8;background:#fff;color:#334155;box-shadow:none;font-weight:600}
.ptb-actions .button:hover,.ptb-actions button:hover{background:#f1f5f9;border-color:#c7d2e0}
.ptb-actions .button:not(.ghost):last-of-type,.ptb-actions .button.primary{background:var(--brand,#1f5eff);border-color:var(--brand,#1f5eff);color:#fff}
html.rk-dark .ptb-actions .button,html.rk-dark .ptb-actions button{background:#1a2230;border-color:#2f3b4d;color:#cbd5e1}
html.rk-dark body{background:#0e1219;color:#dbe3ee}
html.rk-dark .shell{background:linear-gradient(180deg,#0e1219,#11161f)}
html.rk-dark .sidebar{background:linear-gradient(180deg,#141a24,#111620);border-right-color:#232c3a;box-shadow:none}
html.rk-dark .brand{border-bottom-color:#232c3a}
html.rk-dark .brand strong{color:#f1f5f9}
html.rk-dark .main-nav a{color:#9fb0c6}
html.rk-dark .main-nav a:hover{background:#1b2330;color:#f1f5f9}
html.rk-dark .main-nav a.active{background:#1c2a44;color:#7fb0ff;box-shadow:inset 3px 0 0 #3b82f6}
html.rk-dark .nav-label{color:#5c6b80}
html.rk-dark .page-head,html.rk-dark .panel,html.rk-dark .page-toolbar,html.rk-dark .app-card,
html.rk-dark .sys-tile,html.rk-dark .pb-shell,html.rk-dark .pb-lib,html.rk-dark .media-folders,
html.rk-dark .media-main,html.rk-dark .th-tools,html.rk-dark .th-preview{background:#161c26;border-color:#242e3d;
  box-shadow:0 8px 24px rgba(0,0,0,.32);color:#dbe3ee}
html.rk-dark h1,html.rk-dark h2,html.rk-dark h3,html.rk-dark .page-head h1,html.rk-dark .panel h2,
html.rk-dark strong,html.rk-dark b{color:#f1f5f9}
html.rk-dark p,html.rk-dark small,html.rk-dark .muted,html.rk-dark label{color:#93a4ba}
html.rk-dark input,html.rk-dark select,html.rk-dark textarea{background:#101620;border-color:#2a3547;color:#e6edf7}
html.rk-dark input::placeholder,html.rk-dark textarea::placeholder{color:#5d6c81}
html.rk-dark input:focus,html.rk-dark select:focus,html.rk-dark textarea:focus{border-color:#3b82f6;outline:0}
html.rk-dark table{color:#dbe3ee}
html.rk-dark thead th{color:#7e8ea4;border-bottom-color:#242e3d}
html.rk-dark tbody tr{border-bottom-color:#1e2733}
html.rk-dark tbody tr:hover{background:#1a2230}
html.rk-dark .button.ghost,html.rk-dark button.ghost{background:transparent;border:1px solid #2f3b4d;color:#9fb0c6;box-shadow:none}
html.rk-dark .button.ghost:hover,html.rk-dark button.ghost:hover{background:#1e2734;color:#e6edf7}
html.rk-dark .pill{background:#12291d;color:#4ade80}
html.rk-dark .pill:not(.ok){background:#1e2734;color:#93a4ba}
html.rk-dark .tabs{background:#161c26;border-color:#242e3d}
html.rk-dark .tabs a{color:#93a4ba}
html.rk-dark .tabs a.active{background:#1c2a44;color:#7fb0ff}
html.rk-dark .gsearch-drop{background:#161c26;border-color:#2a3547;box-shadow:0 22px 55px rgba(0,0,0,.55)}
html.rk-dark .gsearch-drop a{color:#dbe3ee}
html.rk-dark .gsearch-drop a:hover,html.rk-dark .gsearch-drop a.on{background:#1e2734}
html.rk-dark .gsearch-drop a i{background:#232e3e;color:#93a4ba}
html.rk-dark .mtools-menu,html.rk-dark .media-modal,html.rk-dark .rk-modal-backdrop>div{background:#161c26;border-color:#2a3547}
html.rk-dark .mtools .mtools-menu form>button,html.rk-dark .mtools .mtools-menu a{color:#cbd5e1}
html.rk-dark .mtools .mtools-menu form>button:hover{background:#1e2734}
html.rk-dark .flash{background:#12291d;border-color:#1f5133;color:#86efac}
html.rk-dark .flash.error{background:#2a1416;border-color:#5b2126;color:#fca5a5}
html.rk-dark code{background:#1e2734;color:#cbd5e1}
html.rk-dark .mf-rename,html.rk-dark .pay-ch-card,html.rk-dark .prod-filterbar{background:#131924;border-color:#242e3d}

/* ===== v0.99.74: Kanal-Umschalter im Band (Variante 12) + Kennfarbe ===== */
.chsw{position:relative;flex:0 0 auto}
.chsw-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:9px;cursor:pointer;
  border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.16);color:#fff;font-size:12.5px;font-weight:700;box-shadow:none}
.chsw-btn:hover{background:rgba(255,255,255,.26)}
.chsw-btn b{opacity:.8;font-size:10px}
.chsw-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.chsw-menu{position:absolute;left:0;top:calc(100% + 7px);z-index:250;min-width:240px;background:#fff;border:1px solid #e2e8f0;
  border-radius:12px;box-shadow:0 20px 46px rgba(15,23,42,.24);padding:6px}
.chsw-menu[hidden]{display:none}
.chsw-menu form{display:flex;flex-direction:column;margin:0}
.chsw-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 11px;border:0;border-radius:8px;
  background:none;color:#334155;font:inherit;font-size:13px;cursor:pointer;box-shadow:none}
.chsw-item:hover{background:#f1f5f9}
.chsw-item.on{background:#eef4ff;color:#1f5eff;font-weight:700}
.chsw-item .chsw-dot{box-shadow:0 0 0 2px #fff}
.chsw-edit{display:block;padding:8px 11px;margin-top:4px;border-top:1px solid #eef2f7;font-size:11.5px;color:#94a3b8;text-decoration:none}
.chsw-edit:hover{color:#1f5eff}
/* Kennfarbe faerbt das Band, sobald ein Kanal gewaehlt ist */
.topbar[style*="--ch-col"]{background:linear-gradient(90deg,var(--ch-col),color-mix(in srgb,var(--ch-col) 72%,#000))!important}
html.rk-dark .chsw-menu{background:#161c26;border-color:#2a3547}
html.rk-dark .chsw-item{color:#cbd5e1}
html.rk-dark .chsw-item:hover{background:#1e2734}
html.rk-dark .chsw-item.on{background:#1c2a44;color:#7fb0ff}
/* Farbfeld in den Verkaufskanaelen */
.ch-color{display:flex;align-items:center;gap:9px}
.ch-color input[type=color]{width:44px;height:38px;padding:2px;border:1px solid #dbe1e8;border-radius:9px;background:#fff;cursor:pointer}
.ch-color input[type=text]{width:110px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}
.ch-color .ch-clear{font-size:11.5px;color:#94a3b8;background:none;border:0;cursor:pointer;text-decoration:underline;box-shadow:none;padding:0}

/* ===== v0.99.78: Bedienelemente im Band einheitlich hoch und lesbar ===== */
.topbar .chsw-btn,
.topbar .tb-front,
.topbar .tb-logout,
.topbar .tb-dark,
.topbar .pb{height:38px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  border-radius:9px;font-size:12.5px;font-weight:700;line-height:1;padding:0 14px;text-decoration:none;white-space:nowrap}
.topbar .tb-dark,
.topbar .tb-logout{width:38px;padding:0;flex:0 0 38px}
/* Kanal-Umschalter: klar lesbar auf dem Band */
.topbar .chsw-btn{gap:9px;color:#fff!important;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.45)}
.topbar .chsw-btn span{color:#fff!important;font-weight:700}
.topbar .chsw-btn b{color:rgba(255,255,255,.85)!important;font-size:10px;font-weight:700}
.topbar .chsw-btn:hover{background:#fff;border-color:#fff}
.topbar .chsw-btn:hover span,.topbar .chsw-btn:hover b{color:#12324f!important}
.topbar .chsw-btn:hover .chsw-dot{box-shadow:0 0 0 2px rgba(15,23,42,.15)}
/* Dunkelmodus-Schalter: weisses Symbol im weissen Rahmen */
.topbar .tb-dark{color:#fff!important;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.45);font-size:16px}
.topbar .tb-dark .tb-dark-i{color:#fff;line-height:1}
.topbar .tb-dark:hover{background:#fff;border-color:#fff}
.topbar .tb-dark:hover .tb-dark-i{color:#12324f}
.topbar .tb-dark[aria-pressed=true]{background:#fff;border-color:#fff}
.topbar .tb-dark[aria-pressed=true] .tb-dark-i{color:#12324f}
/* Abmelden gleiche Optik */
.topbar .tb-logout{color:#fff!important;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.45);font-size:15px}
.topbar .tb-logout:hover{background:#fff;border-color:#fff;color:#12324f!important}
/* Frontend-Button */
.topbar .tb-front{background:#fff;color:#12324f!important;border:1px solid #fff}
.topbar .tb-front:hover{background:rgba(255,255,255,.88)}
/* Benutzername lesbar */
.topbar .tb-user{color:rgba(255,255,255,.92)!important;font-size:12.5px;font-weight:600;white-space:nowrap}
/* Globale Suche auf dieselbe Hoehe */
.topbar .gsearch input{height:38px;padding:0 38px 0 38px;box-sizing:border-box}
.topbar .gsearch{display:flex;align-items:center}
.topbar .gsearch form{width:100%}

/* ===== v0.99.83: Artikelliste als Page-Builder-Block ===== */
.public-shop .sf-pl-search{display:flex;gap:10px;margin-bottom:16px}
.public-shop .sf-pl-search input{flex:1;padding:12px 14px;border:1px solid rgba(15,23,42,.16);border-radius:10px;font-size:14px;background:#fff}
.public-shop .sf-pl-search button{padding:12px 22px;border:0;border-radius:10px;background:var(--lt-p,#2563eb);color:#fff;font-weight:800;cursor:pointer}
.public-shop .sf-pl-cats{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.public-shop .sf-pl-cats a{padding:7px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.14);text-decoration:none;font-size:12.5px;font-weight:700;background:#fff}
.public-shop .sf-pl-cats a.on{background:var(--lt-p,#2563eb);border-color:var(--lt-p,#2563eb);color:#fff!important}
.public-shop .sf-pl-cats a span{opacity:.6;font-weight:600}
.public-shop .sf-pl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.public-shop .sf-pl-head h2{margin:0}
.public-shop .sf-pl-meta{display:flex;align-items:center;gap:14px;margin-left:auto}
.public-shop .sf-pl-sort label{display:flex;align-items:center;gap:8px;font-size:12px;color:inherit}
.public-shop .sf-pl-sort select{padding:8px 11px;border:1px solid rgba(15,23,42,.16);border-radius:9px;background:#fff;font-size:13px;width:auto}
.public-shop .sf-pl-count{font-size:12.5px;opacity:.7;white-space:nowrap}
.public-shop .sf-pl-card{display:flex;flex-direction:column;gap:7px}
.public-shop .sf-pl-media{display:grid;place-items:center;aspect-ratio:1/1;border-radius:9px;overflow:hidden;
  background:linear-gradient(180deg,#f7fafc,#eef3f8);margin:-4px -4px 6px}
.public-shop .sf-pl-media img{width:100%;height:100%;object-fit:contain;padding:14px}
.public-shop .sf-pl-ph{font-size:34px;font-weight:900;color:#cbd5e1}
.public-shop .sf-pl-cat{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;opacity:.6}
.public-shop .sf-pl-price{font-size:17px;font-weight:900;color:var(--lt-p,#2563eb);margin-top:auto}
.public-shop .sf-pl-lock{font-size:12.5px;font-weight:700;text-decoration:none;border-bottom:1px dashed currentColor;margin-top:auto;align-self:flex-start}
.public-shop .sf-pl-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;font-size:13px}
.public-shop .sf-pl-pager a{font-weight:700;text-decoration:none}
@media(max-width:760px){.public-shop .sf-pl-head{flex-direction:column;align-items:flex-start}.public-shop .sf-pl-meta{margin-left:0}}

/* ---- Seiten-Builder: Erreichbarkeit (v0.99.84) ---- */
.pb-reach{margin:10px 0 0;border:1px solid #dbe7f5;background:#f4f9ff;border-radius:10px;padding:10px 14px}
.pb-reach.warn{border-color:#fcd34d;background:#fffbeb}
.pb-reach-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pb-reach-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}
.pb-reach-url{font-size:12.5px;font-weight:700;color:#1f5eff;text-decoration:none;word-break:break-all}
.pb-reach-url:hover{text-decoration:underline}
.pb-reach-tag{font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;background:#e0f2fe;color:#0369a1}
.pb-reach .button{margin-left:auto;padding:5px 10px;font-size:11.5px}
.pb-reach-list{margin:8px 0 0;padding-left:18px;font-size:12px;color:#92400e}
.pb-reach-list li{margin:3px 0}
.pb-reach-ok{margin:6px 0 0;font-size:12px;color:#067647}
html.rk-dark .pb-reach{background:#152033;border-color:#24344a}
html.rk-dark .pb-reach.warn{background:#2a2113;border-color:#5b4517}
html.rk-dark .pb-reach-lbl{color:#93a4ba}

/* ---- Storefront: Vorschau-Leiste (v0.99.84) ---- */
.pv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 16px;background:#0f172a;color:#e6edf7;font-size:12.5px}
.pv-bar.guest{background:#7c2d12}
.pv-tag{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.16)}
.pv-meta{opacity:.85}
.pv-meta strong{color:#fff}
.pv-btn{margin-left:auto;color:#fff;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,.35);border-radius:7px;padding:4px 10px;white-space:nowrap}
.pv-btn + .pv-btn{margin-left:0}
.pv-btn:hover{background:rgba(255,255,255,.12)}
.pv-hint{padding:8px 16px;background:#fffbeb;color:#92400e;font-size:12px;border-bottom:1px solid #fde68a}

/* ---- Verkaufskanal: strukturierte Reiter-Inhalte (v0.99.85) ---- */
.ch-pane[data-p="allgemein"]{display:none;padding:0}
.ch-pane[data-p="allgemein"].on{display:block}
.ch-sec{border-top:1px solid #eef2f7;padding:16px 18px 18px}
.ch-sec:first-of-type{border-top:0}
.ch-sec > header{margin:0 0 12px}
.ch-sec > header h3{margin:0;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#0f172a}
.ch-sec > header p{margin:3px 0 0;font-size:11.5px;color:#94a3b8}
.ch-grid{display:grid;gap:14px 16px;align-items:start}
.ch-grid + .ch-grid{margin-top:14px}
.ch-grid.c1{grid-template-columns:minmax(0,1fr)}
.ch-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ch-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ch-grid > label{display:flex;flex-direction:column;gap:5px;font-size:11.5px;font-weight:700;color:#334155;min-width:0}
.ch-grid > label > input,.ch-grid > label > select{width:100%;font-weight:500}
.ch-grid > label > small{font-size:11px;font-weight:500;color:#94a3b8;line-height:1.45}
.ch-grid .opt{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;background:#f1f5f9;border-radius:999px;padding:2px 7px;margin-left:5px}
.ch-prev{display:inline-flex;align-items:center;padding:6px 10px;background:#f8fafc;border:1px solid #e6edf5;border-radius:8px;width:max-content}
.ch-prev img{max-height:40px;max-width:190px;display:block}
.ch-prev.sm img{max-height:20px;max-width:20px}
@media(max-width:1100px){.ch-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.ch-grid.c2,.ch-grid.c3{grid-template-columns:1fr}}
html.rk-dark .ch-sec{border-top-color:#212b39}
html.rk-dark .ch-sec > header h3{color:#e6edf7}
html.rk-dark .ch-grid > label{color:#c4d0e0}
html.rk-dark .ch-prev{background:#151d29;border-color:#233043}


/* ---- Page Builder: Sichtbarkeit je Block (v0.99.86) ---- */
.pb-vis{display:flex;flex-direction:column;gap:5px;margin:0 0 12px;padding:10px;background:#f8fbff;border:1px solid #dbe7f5;border-radius:9px;font-size:11.5px;font-weight:800;color:#475569}
.pb-vis select{width:100%;font-weight:500}
.pb-vis-tag{font-size:9.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#fef3c7;color:#b45309;white-space:nowrap}
.pb-vis-tag.on{background:#dcfce7;color:#15803d}
html.rk-dark .pb-vis{background:#152033;border-color:#24344a;color:#c4d0e0}


/* ---- Page Builder: helle Werkzeugleiste auch im Bearbeiten-Modus (v0.99.87) ---- */
.pb-block-head{background:#f7f9fc;border-bottom:1px solid #e6ecf4}
.pb-tools button{background:#fff;border:1px solid #e0e7f1;color:#475569;box-shadow:none}
.pb-tools button:hover{background:#e8f0fe;border-color:#bfdbfe;color:#1d4ed8}
.pb-tools button.danger{color:#dc2626;border-color:#f2d5d5}
.pb-tools button.danger:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}
html.rk-dark body.pb-preview .pb-canvas{background:#111823;border-color:#212b39}
html.rk-dark body.pb-preview .pb-block{background:#151d29;border-color:#233043}
html.rk-dark body.pb-preview .pb-block-head{background:rgba(24,33,47,.97);border-color:#2c3a4e}
html.rk-dark body.pb-preview .pb-block-head .pb-block-type{color:#dbe5f2}


/* ---- Page Builder: ruhigere Innenabstaende in der Vorschau (v0.99.88) ---- */
body.pb-preview .pv-grid{gap:12px}
body.pb-preview .pv-prod{padding:26px 10px}
body.pb-preview .pv-list ul{margin:0;padding-left:20px}
body.pb-preview .pv-list li{margin:5px 0}
body.pb-preview .pv-faq-i{padding:10px 0}
body.pb-preview .pv-faq-i:last-child{border-bottom:0;padding-bottom:0}
body.pb-preview .pv-cats .pv-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
body.pb-preview .pv-cat{padding:14px 10px}

/* ---- Kundenportal im Storefront (v0.99.89) ---- */
.cp-nav{margin:0 0 18px}
.cp-nav-inner{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:11px 16px;background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.cp-who{display:inline-flex;align-items:center;gap:10px;min-width:0}
.cp-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--lt-p,#1f5eff);color:#fff;font-weight:900;font-size:12px;letter-spacing:.02em;flex:none}
.cp-who-t{display:flex;flex-direction:column;min-width:0}
.cp-who-t strong{font-size:12.5px;line-height:1.2}
.cp-who-t small{font-size:11px;color:#8a94a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.cp-links{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}
.cp-links a{padding:7px 12px;border-radius:9px;font-size:12.5px;font-weight:700;color:#5a6779;text-decoration:none;white-space:nowrap}
.cp-links a:hover{background:rgba(15,23,42,.05);color:#0f172a}
.cp-links a.on{background:color-mix(in srgb,var(--lt-p,#1f5eff) 12%,#fff);color:var(--lt-p,#1f5eff)}
.cp-out a{font-size:12.5px;font-weight:700;color:#dc2626;text-decoration:none;white-space:nowrap;padding:7px 10px;border-radius:9px}
.cp-out a:hover{background:#fef2f2}
@media(max-width:820px){.cp-nav-inner{gap:10px}.cp-links{order:3;width:100%}.cp-who-t small{max-width:120px}}

/* Backend-Bausteine im Kundenportal an die Storefront-Optik angleichen */
.public-shop>.page-head{background:transparent;border:0;box-shadow:none;padding:6px 0 2px;margin-bottom:12px}
.public-shop>.page-head h1{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em}
.public-shop>.page-head p{font-size:13.5px}
.public-shop .panel{background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:18px 20px;margin-bottom:16px}
.public-shop .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.public-shop .panel-head h2{margin:0;font-size:16px}
.public-shop .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px}
.public-shop .panel.stat{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:22px 18px;margin:0}
.public-shop .panel.stat strong{font-size:30px;font-weight:900;color:var(--lt-p,#1f5eff);line-height:1.1}
.public-shop .panel.stat span{font-size:12px;color:#8a94a4}
.public-shop .data-actions{display:flex;flex-wrap:wrap;gap:9px}
.public-shop .panel table{width:100%;border-collapse:collapse;font-size:13px}
.public-shop .panel th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8a94a4;padding:8px 10px;border-bottom:1px solid rgba(15,23,42,.08)}
.public-shop .panel td{padding:10px;border-bottom:1px solid rgba(15,23,42,.05)}
.public-shop .panel tr:last-child td{border-bottom:0}
.public-shop .button.ghost{background:#fff!important;color:var(--lt-p,#1f5eff)!important;border:1px solid color-mix(in srgb,var(--lt-p,#1f5eff) 32%,#fff);box-shadow:none;font-weight:700}
.public-shop .button.ghost:hover{background:color-mix(in srgb,var(--lt-p,#1f5eff) 8%,#fff)!important}

/* ---- Themes: "Du bearbeitest ..."-Hinweis (v0.99.91) ---- */
.th-editing{display:flex;flex-direction:column;gap:3px;margin:0 0 14px;padding:11px 14px;border-radius:11px;background:#eef6ff;border:1px solid #cfe1fb}
.th-editing.copy{background:#fffbeb;border-color:#fcd34d}
.th-editing strong{font-size:12.5px;color:#0f172a}
.th-editing span{font-size:11.5px;color:#5a6779;line-height:1.45}
@keyframes thPulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.35)}100%{box-shadow:0 0 0 12px rgba(37,99,235,0)}}
.th-editing.pulse{animation:thPulse .7s ease-out}
html.rk-dark .th-editing{background:#152033;border-color:#24344a}
html.rk-dark .th-editing.copy{background:#2a2113;border-color:#5b4517}
html.rk-dark .th-editing strong{color:#e6edf7}

/* ---- Theme-Editor: erweiterte Optik-Felder (v0.99.93) ---- */
.th-two{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:end}
.th-check{display:flex;align-items:center;gap:8px;padding:9px 11px;background:#f8fafc;border:1px solid #e6ecf3;border-radius:9px;font-size:12px;font-weight:650;color:#475569;cursor:pointer}
.th-check input{width:auto;margin:0}
.th-color.off{opacity:.42}
.th-tabs button{padding:11px 4px;font-size:11.5px}
html.rk-dark .th-check{background:#151d29;border-color:#233043;color:#c4d0e0}

.th-pane .th-label{margin-top:16px;padding-top:12px;border-top:1px solid #eef2f7;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}
.th-pane .th-label:first-child{margin-top:0;padding-top:0;border-top:0}
html.rk-dark .th-pane .th-label{border-top-color:#212b39}

/* ---- Storefront-Kopf: Warenkorb- und Konto-Symbol vereinheitlichen (v0.99.94) ----
   Vorher konkurrierten drei Regelsaetze (.sf-login, .sf-ico, .public-shop .sf-ico).
   Je nach Reihenfolge bekam das Konto-Symbol Rahmen + Textpolsterung und stand
   dadurch aus dem Kopf heraus. Diese Regeln sind bewusst die letzten im Blatt. */
.public-shop .frontend-top,.public-shop .sf-head{align-items:center}
.public-shop .sf-head-right{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin-left:auto}
.public-shop .sf-head-right > *{flex:0 0 auto;align-self:center}
.public-shop .sf-ico,.public-shop .sf-head-right .sf-login,.public-shop .sf-head-right .sf-cart{
    box-sizing:border-box;width:40px;height:40px;min-width:40px;max-height:40px;padding:0;margin:0;
    display:inline-flex;align-items:center;justify-content:center;
    border:1px solid #d6e1ec;border-radius:10px;background:#fff;color:#2363a1;
    font-size:0;line-height:0;text-decoration:none;box-shadow:none;overflow:visible;position:relative}
.public-shop .sf-ico:hover{background:#eef5fb;color:#0f436d;border-color:#bcd3e8}
.public-shop .sf-ico svg{width:20px;height:20px;display:block}
.public-shop .sf-cart-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;
    border-radius:999px;background:#0f172a;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center}
@media(max-width:860px){
  .public-shop .sf-head-right{flex-wrap:wrap}
  .public-shop .sf-head-right .sf-login,.public-shop .sf-head-right .sf-cart{display:inline-flex;text-align:center}
}

/* ---- Page Builder: SKU-Liste mit Artikelnamen (v0.99.95) ---- */
.pb-list-empty{margin:8px 12px 10px;padding:9px 11px;background:#f4f9ff;border:1px solid #dbe7f5;border-radius:8px;font-size:11.5px;color:#5a6779;line-height:1.5}
.pb-sku-row{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.pb-sku-row input{width:100%}
.pb-sku-name{font-size:11px;color:#94a3b8;padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-sku-name.ok{color:#067647;font-weight:700}
.pb-sku-name.warn{color:#b45309;font-weight:700}
html.rk-dark .pb-list-empty{background:#152033;border-color:#24344a;color:#93a4ba}

/* ---- Storefront: Diagnose für leere Produktblöcke (nur Admin) ---- */
.sf-blockdiag{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:14px 16px;color:#92400e}
.sf-blockdiag strong{display:block;margin-bottom:6px;font-size:13.5px}
.sf-blockdiag ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.6}
.sf-blockdiag code{background:rgba(146,64,14,.1);padding:1px 5px;border-radius:4px}
.sf-blockdiag small{display:block;margin-top:8px;font-size:11px;opacity:.75}

/* ---- Page Builder: Listeneinträge mit Beschriftung (v0.99.96) ---- */
.pb-item{display:block;gap:6px}
.pb-obj{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;background:#f8fbff;border:1px solid #e3ecf7;border-radius:10px;margin-bottom:8px}
.pb-obj-n{flex:none;width:20px;height:20px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:10.5px;font-weight:900;display:grid;place-items:center;margin-top:2px}
.pb-obj-f{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.pb-obj-l{display:flex;flex-direction:column;gap:3px;margin:0}
.pb-obj-l > span{font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#94a3b8}
.pb-obj-l input{width:100%}
.pb-obj .pb-media-row{display:flex;gap:6px}
.pb-obj .pb-media-row input{flex:1;min-width:0}
.pb-obj .pb-media-row .button{flex:none;padding:6px 11px;font-size:11.5px}
.pb-item-del{flex:none;width:26px;height:26px;padding:0;border-radius:7px;border:1px solid #f2d5d5;background:#fff;color:#dc2626;font-size:15px;line-height:1;cursor:pointer;box-shadow:none;margin-top:2px}
.pb-item-del:hover{background:#fee2e2;border-color:#fca5a5}
html.rk-dark .pb-obj{background:#151d29;border-color:#233043}
html.rk-dark .pb-obj-l > span{color:#7f8ea3}

/* ---- Themes: Einstellungen unter der Vorschau, mehrspaltig (v0.99.96) ---- */
.th-tools .th-tabs{position:sticky;top:0;z-index:4;background:#fff;border-bottom:1px solid var(--line);flex-wrap:nowrap;overflow:auto}
.th-tools .th-tabs button{flex:0 0 auto;min-width:120px;padding:13px 18px;font-size:13px;white-space:nowrap}
.th-tools .th-editing{margin:14px 16px 0}
.th-save{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;align-items:end;padding:14px 16px}
.th-save .button{grid-column:auto;min-width:190px;height:40px}
.th-save-hint{grid-column:1/-1}
.th-pane{padding:18px 16px 20px}
.th-pane.on{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4px 22px;align-items:start}
.th-pane .th-label{grid-column:1/-1;margin-top:14px;padding-top:12px;border-top:1px solid #eef2f7}
.th-pane .th-label:first-child{margin-top:0;padding-top:0;border-top:0}
.th-pane > p.muted{grid-column:1/-1;margin:2px 0 0}
.th-pane .th-two{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:end}
.th-pane[data-p="css"].on{grid-template-columns:1fr}
.th-pane[data-p="farbe"] .th-swatches{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}
.th-pane[data-p="farbe"] .th-colors{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.th-stage{min-height:340px}
@media(max-width:760px){.th-save{grid-template-columns:1fr}.th-save .button{width:100%}.th-pane .th-two{grid-template-columns:1fr}}
html.rk-dark .th-tools .th-tabs{background:#161c26}
html.rk-dark .th-pane .th-label{border-top-color:#212b39}

/* ---- Artikelkarte (Shop + CMS-Bloecke) - aus shop_catalog.php hierher, damit sie ueberall gilt (v0.99.96) ---- */
/* Standard-Kategorielayout. Ruhige B2B-Karten, produktbildfreundlich und theme-faehig. */
.cat-std-grid{--p:var(--lt-p,#2563eb);--pd:var(--lt-pd,#1d4ed8);--line:rgba(15,23,42,.10);display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.cat-std{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06);transition:border-color .16s,box-shadow .16s,transform .16s;position:relative}
.cat-std:hover{border-color:rgba(15,23,42,.18);box-shadow:0 18px 40px rgba(15,23,42,.10);transform:translateY(-2px)}
.cat-std .cs-media{display:block;aspect-ratio:1/1;background:#ffffff;position:relative;overflow:hidden;border-bottom:1px solid rgba(15,23,42,.07)}
.cat-std .cs-media img{width:100%;height:100%;object-fit:contain;display:block;padding:18px}
.cat-std .cs-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:900;color:#cbd5e1}
.cat-std .cs-fav{position:absolute;top:10px;right:10px;border:0;background:rgba(255,255,255,.9);border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:16px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.cat-std .cs-fav.on{color:#e11d48}
.cat-std .cs-body{padding:15px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.cat-std .cs-cat{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#7c8a9b;font-weight:800}
.cat-std .cs-title{font-size:15px;font-weight:850;line-height:1.25;margin:0;min-height:38px}
.cat-std .cs-title a{color:#0f172a;text-decoration:none}
.cat-std .cs-desc{font-size:12.5px;color:#64748b;line-height:1.45;margin:0}
.cat-std .cs-foot{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.cat-std .cs-price{font-size:18px;font-weight:900;color:var(--p)}
.cat-std .cs-price-lock{font-size:12.5px;font-weight:700;color:var(--p);text-decoration:none;border-bottom:1px dashed currentColor}
.cat-std .cs-actions{display:flex;gap:6px}
.cat-std .cs-btn{border:1px solid var(--p);background:transparent;color:var(--p);border-radius:9px;padding:8px 12px;font-weight:700;font-size:13px;text-decoration:none;cursor:pointer}
.cat-std .cs-btn.primary{background:var(--p);color:#fff}
.cat-std .cs-btn.primary:hover{background:var(--pd)}

/* ---- Eingeklappte Seitenleiste: Markenzeichen ganz ausblenden (v0.99.97) ---- */
.shell.nav-min .brand-mark{display:none!important}
.shell.nav-min .brand{grid-template-columns:1fr!important;height:auto;min-height:52px;padding:10px 8px;justify-items:center}