:root{
  --black:#111315;
  --text:#1b1d1f;
  --muted:#666b70;
  --line:#dfe2e5;
  --line-strong:#c8cdd2;
  --surface:#ffffff;
  --surface-soft:#f6f5f1;
  --surface-warm:#efede7;
  --yellow:#ffd200;
  --yellow-dark:#d7b000;
  --success:#1f6b45;
  --danger:#a22b2b;
  --radius:12px;
  --radius-sm:8px;
  --shadow:0 8px 24px rgba(17,19,21,.08);
  --max:1680px;
  --focus:0 0 0 3px rgba(255,210,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--surface-soft);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
img{max-width:100%}
[hidden]{display:none!important}
.noscript{padding:12px 16px;background:#fff1c6;border-bottom:1px solid #e3c45d;text-align:center;font-weight:700}
.skip-link{position:fixed;left:12px;top:12px;z-index:300;transform:translateY(-160%);background:var(--yellow);color:#000;padding:10px 14px;border-radius:8px;font-weight:800;text-decoration:none}
.skip-link:focus{transform:none}
:focus-visible{outline:none;box-shadow:var(--focus)}
.app{width:min(100%,var(--max));margin:0 auto;padding:18px 22px 56px}
.topbar{position:sticky;top:0;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:12px 16px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:0 0 14px 14px;backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(17,19,21,.07)}
.brand-zone{display:flex;align-items:center;gap:18px;min-width:0}
.logo-lockup{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.krueger-logo{width:44px;height:44px;object-fit:cover;border-radius:7px;background:#111}
.company-text{display:grid;line-height:1.1}.company-text strong{font-size:14px;letter-spacing:.02em}.company-text span{font-size:12px;color:var(--muted)}
.header-title{display:grid;gap:1px;padding-left:18px;border-left:1px solid var(--line)}
.header-title strong{font-size:17px}.header-title span{font-size:12px;color:var(--muted)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.header-cart-button,.secondary-button,.button,.mobile-cart-toggle,.cutting-button,.manual-add-button{min-height:44px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;padding:10px 14px;font-weight:750;transition:.16s ease}
.header-cart-button{background:var(--yellow);border-color:var(--yellow-dark);white-space:nowrap}
.header-cart-button:hover,.manual-add-button:hover,.cutting-button.primary:hover{filter:brightness(.98);transform:translateY(-1px)}
.catalog-status{font-size:12px;color:var(--muted);white-space:nowrap}
.quick-contact-bar{display:flex;gap:8px}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);text-decoration:none;font-weight:700;font-size:13px}
.contact-button:hover{border-color:#aab0b6;background:#fafafa}
.button-icon{width:18px;height:18px;flex:0 0 auto}
.search-panel{margin-top:18px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.search-intro{max-width:900px;margin-bottom:18px}.search-intro h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.035em}.search-intro p{margin:10px 0 0;color:var(--muted);font-size:17px}
.search-main{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(250px,.85fr);gap:16px;align-items:start}
.field{display:grid;gap:6px;min-width:0}.field label{font-size:13px;font-weight:800;color:#34383c}.field-hint,.calculation-note{font-size:12px;color:var(--muted)}
.calculation-note{padding:8px 10px;background:var(--surface-soft);border-left:3px solid var(--yellow-dark);border-radius:6px}
input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}
select:disabled{cursor:not-allowed;background:#f1f2f2;color:#747a7f;border-color:#d9dde0;opacity:1}.filters>.field:first-child select{font-weight:800;border-color:#b9bdc1}.filters>.field:first-child select:focus{border-color:#b49100}
textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#b49100;box-shadow:var(--focus)}
.search-input-wrap{position:relative}.search-input-wrap input{min-height:58px;padding:14px 58px 14px 16px;font-size:18px;font-weight:650;border-width:2px;border-color:#aeb4b9}.search-input-wrap input:focus{border-color:#8a7300}
.search-brand-badge{appearance:none;border:0;padding:0;cursor:pointer;position:absolute;right:9px;top:50%;translate:0 -50%;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#111;overflow:hidden}.search-brand-badge__img{width:100%;height:100%;object-fit:cover}
.query-suggestions{margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.suggestion-title{font-size:12px;font-weight:800;margin-bottom:8px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:7px}.suggestion-chip{min-height:36px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;padding:7px 11px;font-size:13px;font-weight:700}.suggestion-chip.sample{border-color:#d2ae00;background:#fff8cc}.suggestion-chip:hover{border-color:#8e9499}
.filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.5fr);gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.advanced-filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}
.filter-tools{grid-column:1/-1;display:flex;align-items:center;gap:12px;justify-content:space-between}.active-filters{font-size:12px;color:var(--muted)}
.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto;min-height:auto}
.alias-panel{margin-top:10px}.alias-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.alias-item{display:grid;gap:2px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.alias-item span{font-size:12px;color:var(--muted)}
.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,410px);gap:18px;align-items:start;margin-top:18px}
.results-summary{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;color:var(--muted);font-size:14px}.actions{display:flex;gap:8px}
.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.empty{grid-column:1/-1;padding:28px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--muted);text-align:center}
.card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 3px 14px rgba(17,19,21,.045)}
.card:hover{border-color:#c3c7ca;box-shadow:0 8px 20px rgba(17,19,21,.07)}
.decor-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e2e4e7;border-radius:10px;background:#fafafa}.decor-preview-thumb-wrap{flex:0 0 72px;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #d7dbdf;background:#fff;position:relative}.decor-preview-thumb{display:block;width:100%;height:100%;object-fit:cover}.decor-preview-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.decor-preview-badge{display:inline-flex;align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7a6700;background:#fff5bf;border:1px solid #ead66a;border-radius:999px;padding:2px 7px}.decor-preview-title{font-size:13px;font-weight:800;color:#111;line-height:1.2}.decor-preview-note{font-size:11px;line-height:1.35;color:#5d6469}.decor-preview.kind-worktop .decor-preview-thumb-wrap,.decor-preview.kind-platte .decor-preview-thumb-wrap{height:72px}.decor-preview.kind-hpl .decor-preview-thumb-wrap{height:46px;align-self:center;overflow:visible;background:transparent;border:none}.decor-preview.kind-hpl .decor-preview-thumb{height:42px;border-radius:7px;border:1px solid #cfd3d7;box-shadow:0 4px 0 #eef0f2,0 8px 0 #d7dbdf}.decor-preview.kind-hpl .decor-preview-badge{background:#eef4ff;border-color:#c4d7ff;color:#264b8c}.decor-preview.kind-abs .decor-preview-thumb-wrap{height:40px;align-self:center;overflow:visible;background:transparent;border:none}.decor-preview.kind-abs .decor-preview-thumb{height:14px;margin-top:13px;border-radius:999px;border:1px solid #cfd3d7;box-shadow:0 0 0 3px #f7f8f9 inset,0 2px 6px rgba(17,19,21,.12)}.decor-preview.kind-abs.abs-thick .decor-preview-thumb{height:18px;margin-top:11px}.decor-preview.kind-abs .decor-preview-badge{background:#f1f8ef;border-color:#cfe5c9;color:#386137}.decor-preview.kind-worktop .decor-preview-badge{background:#fff5bf;border-color:#ead66a;color:#7a6700}.decor-preview.kind-platte .decor-preview-badge{background:#f7f7f7;border-color:#d7dbdf;color:#4d555a}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.section{font-size:11px;font-weight:850;letter-spacing:.04em;color:#4d5358}.page{font-size:11px;color:var(--muted)}
.article{margin:0;font-size:18px;line-height:1.25;font-weight:850;letter-spacing:-.012em}.variant{font-size:14px;color:#444a4f}.details-row{display:flex;flex-wrap:wrap;gap:6px}.detail-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);font-size:11px;color:#4e555a}.leimholz-quality-chip{border-color:#d2ad00;background:#fff7c8;color:#171717;font-weight:850}.leimholz-lamella-chip{border-color:#cfd3d6;background:#fff;color:#30363a}.hpl-info-chip{border-color:#b9bcc0;background:#f2f3f4;color:#111}
.prices{display:grid;gap:8px;margin-top:auto}.price{display:grid;gap:2px;padding:10px 11px;border-radius:8px;background:#f7f7f4;border:1px solid #e6e4dc}.price-main{font-size:18px;font-weight:900}.price-sub{font-size:11px;color:var(--muted)}.small-quantity-price-note{margin-top:4px;padding-top:5px;border-top:1px dashed #d7b94b;color:#6c5700;font-weight:700;line-height:1.35}.price.request{background:#fff6e8;border-color:#e4cda7}.price.request .price-main{font-size:16px}.hpl-price{border-left:4px solid #222}
.card-actions{display:flex;gap:8px;flex-wrap:wrap}.add-button{flex:1 1 150px;min-height:44px;border:1px solid #c2a300;border-radius:8px;background:var(--yellow);padding:10px 12px;font-weight:850}.add-button:hover{filter:brightness(.98)}.sample-button{background:#fff;border-color:var(--line-strong)}.backsplash-button{flex-basis:100%;background:#fffdf1;border-color:#d2ad00;color:#111}.backsplash-button:hover{background:#fff8cf}
.card details{border-top:1px solid var(--line);padding-top:8px}.card summary{cursor:pointer;font-size:12px;color:var(--muted);font-weight:700}.source-row{margin-top:8px;padding:10px;border-radius:7px;background:var(--surface-soft);font-size:12px;color:#50565a;overflow-wrap:anywhere}
.decor-compare-card{grid-column:1/-1;border-color:#d1ad00;background:#fffdf0}.decor-compare-list{display:flex;flex-wrap:wrap;gap:7px}.decor-compare-chip,.decor-compare-sample-btn{min-height:40px;border:1px solid #caaa00;border-radius:8px;background:#fff;padding:8px 10px;font-weight:750}.decor-compare-actions{display:flex}.decor-compare-sample-note,.decor-compare-hint{font-size:12px;color:var(--muted)}
.order-panel{position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--line)}.order-head-main{min-width:0}.order-head h2{margin:0;font-size:21px}.order-head p{margin:5px 0 0;font-size:13px;color:var(--muted)}.order-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.desktop-cart-expand,.mobile-cart-toggle{min-height:40px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;padding:8px 11px;font-weight:800}.desktop-cart-expand:hover,.desktop-cart-expand[aria-expanded="true"]{background:var(--yellow);border-color:#b99d00}.mobile-cart-toggle{display:none}
.order-body{max-height:calc(100vh - 205px);overflow:auto;padding:14px}.toast{min-height:20px;color:var(--success);font-size:12px;font-weight:750}.order-list{display:grid;gap:10px}.order-empty{padding:16px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);font-size:13px}
.order-item{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.order-item-heading{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px}.order-item-heading strong{font-size:14px;line-height:1.3}.order-position-number{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--yellow);color:#111;font-size:13px;font-weight:900}.order-item>span{font-size:12px;color:#555c61}.backsplash-linked-decor,.cart-linked-addon{padding:8px 9px;border:1px solid #e0c33b;border-radius:7px;background:#fffbea;color:#27230f!important}.backsplash-linked-decor strong,.cart-linked-addon strong{color:#111}.backsplash-linked-decor small,.cart-linked-addon small{color:#6a6240}.cart-addon-suggestion{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px dashed #d8c15a;border-radius:8px;background:#fffdf2}.cart-addon-copy{display:grid;gap:2px}.cart-addon-copy strong{font-size:12px;color:#111}.cart-addon-copy span{font-size:11px;line-height:1.35;color:#6a6240}.cart-addon-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.cart-addon-button{min-height:32px;border:1px solid #cfb333;border-radius:7px;background:#fff;color:#111;padding:6px 9px;font-size:11px;font-weight:850;cursor:pointer}.cart-addon-button:hover{background:#ffed9e}.cart-addon-button:disabled{cursor:default;color:#6a6240;background:#f4f1df;border-color:#ded6a5}.order-item-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.remove-button{min-height:40px;border:1px solid #ddb9b9;border-radius:8px;background:#fff7f7;color:#8b2020;padding:8px 10px;font-weight:750}
.calc-box{display:grid;gap:8px;margin-top:5px;padding:10px;border-radius:8px;background:var(--surface-soft)}.calc-title{font-size:12px;font-weight:850}.calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.calc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-grid.one{grid-template-columns:1fr}.calc-mini-field{display:grid;gap:4px}.calc-mini-field label{font-size:10px;font-weight:800}.calc-mini-field input,.calc-mini-field select{min-height:38px;padding:7px 8px;font-size:12px}.calc-result{font-size:11px;color:#4f565b}.calc-result.small-quantity-surcharge{padding:6px 8px;border-radius:6px;background:#f1f2f0}.calc-result.small-quantity-surcharge.active{background:#fff7d7;color:#6c5700;font-weight:700}.incomplete{color:#8a6200}
.cart-calculation{display:grid;gap:7px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.cart-calculation-title{font-weight:850}.cart-total-row{display:flex;justify-content:space-between;gap:14px;font-size:13px}.cart-total-muted{color:var(--muted)}.cart-total-final{padding-top:7px;border-top:1px solid var(--line-strong);font-size:15px;font-weight:900}.shipping-cost,.provisional-note,.delivery-info-box,.order-note{font-size:12px;color:var(--muted)}
.manual-add-box{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fafafa}.manual-add-title{font-weight:850}.manual-add-box p{margin:0;font-size:12px;color:var(--muted)}.manual-input{min-height:70px}.manual-add-button,.cutting-button.primary{background:var(--yellow);border-color:#caaa00}
.order-form{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.form-section-title{margin:0;font-size:15px}.required-mark{color:var(--danger)}.optional-hint{margin-left:6px;font-size:11px;font-weight:700;color:var(--muted)}.send-mode-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fafafa}.send-mode-heading{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.send-mode-heading p{margin:2px 0 0;font-size:11px;color:var(--muted)}.send-mode-step{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--yellow);font-weight:900}.send-mode-panel .field{gap:5px}.send-mode-panel select{background:#fff}.legal-box{display:grid;gap:8px;padding:12px 14px;border:1px solid #dcc45f;border-radius:10px;background:#fffaf0}.legal-box label{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.legal-box input{width:18px;height:18px;min-height:18px;margin-top:1px}.legal-title{font-size:13px;font-weight:850}.order-required-note{padding-left:28px;font-size:11px;color:var(--muted)}.order-send-summary{display:grid;gap:5px;padding:11px 12px;border-left:3px solid var(--yellow-dark);background:#fafafa;font-size:11px;color:var(--muted)}.order-send-summary strong{color:var(--text);font-size:12px}
.send-actions{display:grid;grid-template-columns:1fr;gap:8px}.send-button{min-height:46px;border:1px solid #caaa00;border-radius:9px;background:var(--yellow);padding:10px 12px;font-weight:900}.send-button.whatsapp-send{background:#fff;border-color:#8eb9a2}.send-button:disabled{opacity:.45;cursor:not-allowed}.legal-notice{display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fafafa;font-size:11px;color:var(--muted)}
.contact-box{display:grid;gap:8px}.contact-title{font-weight:850}.message-contact .contact-button{justify-self:start}.chat-field{min-height:82px}
.mobile-cart-backdrop,.mobile-cart-close,.desktop-cart-backdrop{display:none}.desktop-cart-backdrop{position:fixed;inset:0;z-index:109;background:rgba(17,17,17,.44);backdrop-filter:blur(1px)}body.desktop-cart-open{overflow:hidden}body.desktop-cart-open .desktop-cart-backdrop{display:block}.order-panel.desktop-expanded{position:fixed;top:22px;right:22px;bottom:22px;left:auto;z-index:110;width:min(980px,calc(100vw - 44px));max-height:none;border-radius:14px;box-shadow:0 28px 90px rgba(0,0,0,.3)}.order-panel.desktop-expanded .order-head{position:sticky;top:0;z-index:4;background:#fff;border-radius:14px 14px 0 0}.order-panel.desktop-expanded .order-body{max-height:calc(100vh - 118px);padding:18px}.order-panel.desktop-expanded .order-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-panel.desktop-expanded .order-item{align-content:start}.order-panel.desktop-expanded .cart-calculation,.order-panel.desktop-expanded .shipping-cost,.order-panel.desktop-expanded .manual-add-box,.order-panel.desktop-expanded .order-form{max-width:760px;margin-left:auto;margin-right:auto}
.cutting-panel,.workflow-section,.service-section,.partner-section,.site-footer{margin-top:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.cutting-panel details>summary{list-style:none;cursor:pointer;padding:18px 20px}.cutting-panel details>summary::-webkit-details-marker{display:none}.cutting-summary-text{display:grid;gap:2px;font-weight:850}.cutting-summary-text small{font-weight:500;color:var(--muted)}.cutting-body{padding:0 20px 20px}.cutting-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.cutting-box{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fafafa}.cutting-box-title{margin:0;font-size:16px}.cutting-hint,.cutting-import-note,.cutting-ai-note{font-size:12px;color:var(--muted)}.cutting-ai-note{padding:10px;border-left:3px solid var(--yellow-dark);background:#fff}.cutting-file-types{display:flex;flex-wrap:wrap;gap:5px}.cutting-file-pill{padding:4px 7px;border-radius:999px;background:#eceeea;font-size:10px;font-weight:800}.cutting-actions{display:flex;flex-wrap:wrap;gap:8px}.cutting-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.cutting-checks{display:grid;gap:7px}.cutting-checks label{display:flex;gap:7px;align-items:center;font-size:13px}.cutting-checks input{width:auto;min-height:auto}.cutting-status{margin-top:12px;padding:10px;border-radius:8px;background:var(--surface-soft);font-size:13px}.cutting-result{margin-top:12px}.cutting-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;margin-bottom:12px}.cutting-result-actions .cutting-hint{margin:0}.cutting-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cutting-kpi{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.cutting-kpi strong{display:block}.cutting-table-wrap{overflow:auto}.cutting-table{width:100%;border-collapse:collapse;font-size:12px}.cutting-table th,.cutting-table td{padding:7px;border-bottom:1px solid var(--line);text-align:left}.cutting-plan{display:grid;gap:14px;margin-top:14px}.cutting-sheet-card{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.cutting-sheet-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.cutting-sheet-head span{color:var(--muted);font-size:12px;font-weight:700}.cutting-sheet-title{margin:0;font-weight:850}.cutting-sheet-frame{display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:12px;border-radius:9px;background:#f2f1ec}.cutting-sheet{position:relative;flex:0 0 auto;max-width:100%;padding:0;border:2px solid #242424;border-radius:4px;box-sizing:border-box;overflow:hidden;background-color:#fffdf5;background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:24px 24px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.cutting-piece{position:absolute;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;overflow:hidden;padding:4px;border:1px solid rgba(17,17,17,.75);color:#111;font-size:10px;line-height:1.15;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.cutting-piece span,.cutting-piece small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cutting-piece small{margin-top:2px;font-size:9px;font-weight:700}.cutting-piece-shade-0{background:#ffd633}.cutting-piece-shade-1{background:#f5c96a}.cutting-piece-shade-2{background:#eadb8c}.cutting-piece-shade-3{background:#f0b56f}.cutting-piece-shade-4{background:#d9c96e}.cutting-piece-shade-5{background:#f7df91}.cutting-plan-more{padding:10px;border-radius:8px;background:var(--surface-soft)}.cutting-error-list,.cutting-import-warning{padding:10px;border-radius:8px;background:#fff3e7;color:#7b4b00;font-size:12px}.cutting-ocr-progress{font-size:12px;color:var(--muted)}
.workflow-section{padding:20px}.workflow-section h2{margin:0 0 14px;font-size:22px}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow-step{padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.workflow-step h3{margin:8px 0 4px;font-size:15px}.workflow-step p{margin:0;font-size:12px;color:var(--muted)}.step-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--yellow);font-weight:900}
.service-section{display:flex;gap:24px;justify-content:center;padding:14px 18px}.service-section>div{display:flex;gap:8px;align-items:center}.service-section span{color:var(--muted);font-size:13px}
.partner-section{padding:16px}.partner-kicker{font-size:13px;font-weight:850;margin-bottom:10px}.partner-logos{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.partner-logo-card{display:flex;align-items:center;justify-content:center;min-height:54px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none}.partner-logo-img{max-width:90%;max-height:26px;object-fit:contain}.partner-logo-card.valchromat{background:#111}.partner-logo-fallback{font-size:11px;font-weight:850;color:#333}
.site-footer{padding:18px}.footer-top{display:flex;justify-content:space-between;gap:20px}.footer-top>div:first-child{display:grid;gap:2px}.footer-top span{font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:14px}.footer-links a{color:var(--text);font-weight:750}.site-footer details{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.site-footer summary{cursor:pointer;font-weight:750}.site-footer p{font-size:12px;color:var(--muted)}
.message-fallback-card{position:fixed;inset:50% auto auto 50%;translate:-50% -50%;z-index:200;width:min(680px,calc(100vw - 30px));max-height:84vh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.26)}.message-fallback-actions{display:flex;gap:8px;margin-top:10px}
mark{background:#fff0a8;color:inherit;padding:0 .05em}
.customer-hidden-control,.internal-only-control,.copy-results-button,.search-help{display:none!important}
@media (min-width:1500px){.results{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench{grid-template-columns:minmax(0,1fr) 420px}}
@media (max-width:1100px){.header-title,.catalog-status{display:none}.quick-contact-bar .contact-button span{display:none}.advanced-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench{grid-template-columns:minmax(0,1fr) 360px}.results{grid-template-columns:1fr}.partner-logos{grid-template-columns:repeat(5,1fr)}.workflow-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:961px) and (max-width:1050px){.order-panel.desktop-expanded .order-list{grid-template-columns:1fr}.order-panel.desktop-expanded{top:12px;right:12px;bottom:12px;width:calc(100vw - 24px)}}
@media (max-width:960px){
  body{padding-bottom:72px}.app{padding:10px 12px 28px}.topbar{min-height:58px;padding:8px 10px;border-radius:0 0 10px 10px}.krueger-logo{width:38px;height:38px}.company-text span{display:none}.company-text strong{font-size:12px}.quick-contact-bar{display:none}.header-cart-button{min-height:40px;padding:8px 10px;font-size:12px}.search-panel{padding:16px;margin-top:10px}.search-intro{margin-bottom:14px}.search-intro h1{font-size:30px}.search-intro p{font-size:14px}.search-main{grid-template-columns:1fr}.search-input-wrap input{min-height:54px;font-size:16px}.filters{grid-template-columns:1fr 130px}.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-tools{align-items:flex-start;flex-direction:column}.workbench{display:block;margin-top:12px}.results-summary{position:sticky;top:60px;z-index:20;background:rgba(246,245,241,.96);padding:9px 2px}.results{grid-template-columns:1fr}.order-panel{position:fixed;left:8px;right:8px;bottom:8px;top:auto;z-index:100;max-height:86vh;border-radius:14px;transform:translateY(calc(100% - 68px));transition:transform .2s ease;box-shadow:0 20px 55px rgba(0,0,0,.25)}.order-panel.mobile-open{transform:translateY(0)}.order-head{display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 12px;min-height:60px}.order-head-main{min-width:0}.order-head h2{font-size:16px}.order-head p{display:none}.order-head-actions{display:block}.desktop-cart-expand{display:none}.mobile-cart-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;font-size:12px}.order-body{max-height:calc(86vh - 64px);padding:12px}.mobile-cart-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.38)}body.cart-open .mobile-cart-backdrop{display:block}.cutting-grid{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr 1fr}.service-section{align-items:flex-start;flex-direction:column;gap:7px}.partner-logos{grid-template-columns:repeat(3,1fr);gap:6px}.partner-logo-card{min-height:34px;padding:4px}.partner-logo-img{max-height:15px}.footer-top{flex-direction:column}.send-mode-panel{grid-template-columns:1fr}.send-mode-heading{grid-column:1}.calc-grid{grid-template-columns:1fr 1fr}.cutting-kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:430px){.app{padding-left:8px;padding-right:8px}.topbar{left:0;right:0}.logo-lockup{gap:7px}.company-text strong{font-size:11px}.header-cart-button{max-width:168px;white-space:normal;line-height:1.1}.search-panel{padding:13px}.search-intro h1{font-size:27px}.filters{grid-template-columns:1fr}.advanced-filters{grid-template-columns:1fr}.results-summary{font-size:12px}.card{padding:13px}.article{font-size:17px}.card-actions{flex-direction:column}.add-button{flex-basis:auto;width:100%}.order-item-actions{grid-template-columns:1fr}.remove-button{width:100%}.cart-addon-suggestion{grid-template-columns:1fr}.cart-addon-actions{justify-content:stretch}.cart-addon-button{flex:1 1 130px}.workflow-grid{grid-template-columns:1fr}.service-section>div{align-items:flex-start;flex-direction:column;gap:1px}.partner-logos{grid-template-columns:repeat(3,1fr)}.partner-logo-card{min-height:30px}.partner-logo-img{max-height:12px}.decor-preview{align-items:flex-start}.decor-preview-thumb-wrap{flex-basis:64px;width:64px;height:64px}.decor-preview.kind-hpl .decor-preview-thumb-wrap{height:42px}.decor-preview.kind-hpl .decor-preview-thumb{height:38px}.decor-preview.kind-abs .decor-preview-thumb-wrap{height:36px}.decor-preview.kind-abs .decor-preview-thumb{margin-top:11px}.cutting-options-grid{grid-template-columns:1fr}.cutting-kpis{grid-template-columns:1fr 1fr}.calc-grid,.calc-grid.two{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
/* v100 Ergänzungen: eindeutige Preis- und Sortimentshinweise. */
.advanced-filters{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.catalog-item-status{width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:#f0f1ef;color:#596066;font-size:10px;font-weight:750}.catalog-item-status.non-stock-thickness{background:#fff7d7;color:#6c5700;border:1px solid #ead66a}
.price-label{display:block;margin-bottom:2px;color:var(--muted);font-size:10px;font-weight:750;text-transform:none}
.price-row{display:grid;gap:2px}.price-row strong{font-size:16px}.price-row.customer-price{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.price-row.customer-price strong{font-size:18px}.price-row small{font-size:10px;color:var(--muted)}
.field-error{font-size:12px;font-weight:700;color:var(--danger)}
[aria-invalid="true"]{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(162,43,43,.12)!important}


/* v102: Vertrauensleiste oben mit lesbaren, lokal zugeschnittenen Partnerlogos. */
.search-panel .trust-strip{
  margin:14px 0 16px;
  padding:12px 14px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.search-panel .trust-strip .partner-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  color:#34383f;
  font-size:13px;
  font-weight:850;
  letter-spacing:.01em;
  text-transform:none;
}
.search-panel .trust-strip .partner-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--yellow);
  flex:0 0 auto;
}
.search-panel .trust-strip .partner-logos{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:8px;
}
.search-panel .trust-strip .partner-logo-card{
  min-height:62px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}
.search-panel .trust-strip .partner-logo-card.valchromat{background:#111;}
.search-panel .trust-strip .partner-logo-img{
  display:block;
  max-width:96%;
  max-height:38px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{max-height:36px;}
@media (max-width:1100px){
  .search-panel .trust-strip .partner-logos{grid-template-columns:repeat(5,minmax(0,1fr));}
  .search-panel .trust-strip .partner-logo-card{min-height:58px;}
}
@media (max-width:760px){
  .search-panel .trust-strip{
    margin:11px 0 13px;
    padding:10px;
  }
  .search-panel .trust-strip .partner-kicker{
    font-size:12px;
    margin-bottom:8px;
  }
  .search-panel .trust-strip .partner-logos{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .search-panel .trust-strip .partner-logo-card{
    min-height:50px;
    padding:6px 8px;
    border-radius:8px;
  }
  .search-panel .trust-strip .partner-logo-img{
    max-height:29px;
  }
  .search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{max-height:27px;}
}
@media (max-width:430px){
  .search-panel .trust-strip .partner-logo-card{min-height:46px;}
  .search-panel .trust-strip .partner-logo-img{max-height:26px;}
  .search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{max-height:24px;}
}


/* v103: Direktwerkzeuge sichtbar machen und Partnerlogos auf ca. 90 % der Krüger-Logohöhe skalieren. */
.digital-tools{
  margin:18px 0 16px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-soft);
}
.digital-tools-header{display:flex;justify-content:space-between;gap:18px;margin-bottom:13px}
.digital-tools-eyebrow{display:block;margin-bottom:3px;color:#5d6267;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.digital-tools h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.015em}
.digital-tools-header p{max-width:920px;margin:5px 0 0;color:var(--muted);font-size:13px}
.digital-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.digital-tool-card{
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  align-content:start;
  gap:9px;
  min-width:0;
  padding:15px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.digital-tool-card.featured{border-top:4px solid var(--yellow);padding-top:12px}
.digital-tool-card.compact{background:#fbfbf9}
.digital-tool-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff1a6;color:#17191b}
.digital-tool-icon svg{width:25px;height:25px}
.digital-tool-copy{display:grid;gap:4px}
.digital-tool-copy h3{margin:0;font-size:17px;line-height:1.2}
.digital-tool-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.42}
.digital-tool-card>label{font-size:12px;font-weight:800;color:#34383c}
.digital-tool-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}
.digital-tool-input-row input{min-height:44px;font-size:13px}
.digital-tool-button{min-height:44px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;padding:9px 12px;font-weight:800;white-space:nowrap}
.digital-tool-button:hover{border-color:#9da3a8;background:#fafafa}
.digital-tool-button.primary{border-color:#c5a600;background:var(--yellow)}
.digital-tool-button.primary:hover{filter:brightness(.98)}
.digital-tool-status{min-height:18px;margin-top:8px;color:var(--success);font-size:12px;font-weight:700}
#cuttingDetails{scroll-margin-top:92px}
#orderPanel{scroll-margin-top:92px}
#results{scroll-margin-top:90px}

/* Partnerlogos: sichtbar, aber weiterhin als Vertrauensleiste und nicht als Hauptinhalt. */
.search-panel .trust-strip .partner-logo-card{min-height:72px;padding:8px 10px}
.search-panel .trust-strip .partner-logo-img{max-height:40px;max-width:96%}
.search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{max-height:38px}

@media (max-width:1200px){
  .digital-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .digital-tools{margin:14px 0 13px;padding:14px}
  .digital-tools-header{margin-bottom:11px}
  .digital-tools h2{font-size:20px}
  .digital-tools-grid{grid-template-columns:1fr 1fr}
  .digital-tool-card.featured{grid-column:1/-1}
  .digital-tool-input-row{grid-template-columns:1fr}
  .digital-tool-button{width:100%;white-space:normal}
  .search-panel .trust-strip .partner-logo-card{min-height:62px;padding:7px 8px}
  .search-panel .trust-strip .partner-logo-img{max-height:34px}
  .search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{max-height:32px}
}
@media (max-width:520px){
  .digital-tools{padding:12px}
  .digital-tools-grid{grid-template-columns:1fr}
  .digital-tool-card,.digital-tool-card.featured{grid-column:auto;padding:13px}
  .digital-tool-copy h3{font-size:16px}
  .search-panel .trust-strip .partner-logo-card{min-height:58px;padding:6px}
  .search-panel .trust-strip .partner-logo-img{max-height:34px;max-width:94%}
  .search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{max-height:31px}
}


/* v104: Partnerbereich oben wieder hochwertiger, Warenkorb mobil eindeutig schließbar,
   Schnellkontakt mobil dezent sichtbar. */

/* Partnerleiste: ruhig, aber lesbar. Nicht mehr Mini-Briefmarken im Museumskasten. */
.search-panel .trust-strip{
  margin:18px 0 16px !important;
  padding:14px 16px !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.search-panel .trust-strip .partner-kicker{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 12px !important;
  color:#24282c !important;
  font-size:14px !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.search-panel .trust-strip .partner-kicker::before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--yellow);
  box-shadow:0 0 0 3px rgba(255,210,0,.22);
}
.search-panel .trust-strip .partner-logos{
  display:grid !important;
  grid-template-columns:repeat(9,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}
.search-panel .trust-strip .partner-logo-card{
  min-height:76px !important;
  padding:10px 12px !important;
  border:1px solid #d9dde1 !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(0,0,0,.03) !important;
}
.search-panel .trust-strip .partner-logo-card:hover,
.search-panel .trust-strip .partner-logo-card:focus-visible{
  border-color:#b9bec4 !important;
  box-shadow:0 0 0 3px rgba(255,210,0,.18) !important;
}
.search-panel .trust-strip .partner-logo-card.valchromat{
  background:#111 !important;
}
.search-panel .trust-strip .partner-logo-img{
  width:auto !important;
  height:auto !important;
  max-width:98% !important;
  max-height:40px !important; /* ca. 90 % vom 44px Krüger-Logo */
  object-fit:contain !important;
}
.search-panel .trust-strip .partner-logo-card.bosig .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.egger .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.europlac .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.forbo .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.hoermann .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.jeldwen .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.schoerghuber .partner-logo-img{
  max-height:42px !important;
}
.search-panel .trust-strip .partner-logo-card.horatec .partner-logo-img{
  max-height:38px !important;
}
.search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{
  max-height:38px !important;
}

/* Mobil: Schnellkontakt als dezente Icon-Buttons im Kopf behalten. */
@media (max-width:960px){
  .topbar{
    gap:8px !important;
  }
  .brand-zone{
    flex:1 1 auto !important;
    min-width:128px !important;
  }
  .header-actions{
    flex:0 0 auto !important;
    gap:6px !important;
  }
  .quick-contact-bar{
    display:flex !important;
    gap:5px !important;
    order:2 !important;
  }
  .quick-contact-bar .contact-button{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    border-radius:999px !important;
    background:#fff !important;
  }
  .quick-contact-bar .contact-button span{
    display:none !important;
  }
  .quick-contact-bar .button-icon{
    width:18px !important;
    height:18px !important;
  }
  .header-cart-button{
    order:3 !important;
    max-width:132px !important;
    min-height:38px !important;
    padding:7px 9px !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }

  /* Mobile Artikelauswahl: Kopf bleibt sichtbar, Schließen ist eindeutig. */
  .order-panel.mobile-open{
    overflow:hidden !important;
  }
  .order-head{
    position:sticky !important;
    top:0 !important;
    z-index:3 !important;
    background:#fff !important;
    box-shadow:0 1px 0 var(--line) !important;
  }
  .mobile-cart-toggle{
    display:inline-flex !important;
    justify-content:center !important;
    min-width:138px !important;
    background:#fff !important;
    border-color:#aeb4b9 !important;
  }
  .mobile-cart-toggle[aria-expanded="true"]{
    background:var(--yellow) !important;
    border-color:var(--yellow-dark) !important;
  }
  .mobile-cart-close{
    display:none !important;
  }
  body.cart-open .mobile-cart-close{
    display:inline-flex !important;
    position:fixed !important;
    z-index:130 !important;
    right:14px !important;
    top:70px !important;
    min-height:38px !important;
    padding:8px 11px !important;
    border:1px solid var(--line-strong) !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--text) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
    font-weight:800 !important;
  }

  /* Partner oben: als Vertrauensband, aber endlich lesbar. */
  .search-panel .trust-strip{
    margin:14px 0 14px !important;
    padding:12px !important;
  }
  .search-panel .trust-strip .partner-kicker{
    margin-bottom:10px !important;
    font-size:13px !important;
  }
  .search-panel .trust-strip .partner-logos{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .search-panel .trust-strip .partner-logo-card{
    min-height:68px !important;
    padding:8px 10px !important;
    border-radius:10px !important;
  }
  .search-panel .trust-strip .partner-logo-img{
    max-height:34px !important; /* ca. 90 % vom 38px Mobil-Krüger-Logo */
    max-width:96% !important;
  }
  .search-panel .trust-strip .partner-logo-card.bosig .partner-logo-img,
  .search-panel .trust-strip .partner-logo-card.egger .partner-logo-img,
  .search-panel .trust-strip .partner-logo-card.europlac .partner-logo-img,
  .search-panel .trust-strip .partner-logo-card.forbo .partner-logo-img,
  .search-panel .trust-strip .partner-logo-card.hoermann .partner-logo-img,
  .search-panel .trust-strip .partner-logo-card.jeldwen .partner-logo-img,
  .search-panel .trust-strip .partner-logo-card.schoerghuber .partner-logo-img{
    max-height:35px !important;
  }
  .search-panel .trust-strip .partner-logo-card.horatec .partner-logo-img,
  .search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{
    max-height:32px !important;
  }
}

@media (max-width:430px){
  .company-text strong{
    max-width:102px !important;
  }
  .header-actions{
    gap:4px !important;
  }
  .quick-contact-bar .contact-button{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
  }
  .header-cart-button{
    max-width:118px !important;
    font-size:10.5px !important;
    padding:6px 7px !important;
  }
  body.cart-open .mobile-cart-close{
    top:62px !important;
    right:10px !important;
    font-size:12px !important;
  }
  .search-panel .trust-strip .partner-logos{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .search-panel .trust-strip .partner-logo-card{
    min-height:62px !important;
    padding:7px 8px !important;
  }
  .search-panel .trust-strip .partner-logo-img{
    max-height:31px !important;
  }
}


/* v105: Einheitliche, kompakte Direktwerkzeuge. Vier Funktionen, gleiche Wertigkeit. */
.digital-tools{
  margin:16px 0 14px !important;
  padding:15px 16px !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:#f8f8f5 !important;
}
.digital-tools-header{margin-bottom:11px !important;}
.digital-tools h2{font-size:21px !important;}
.digital-tools-header p{margin-top:4px !important;font-size:12.5px !important;}
.digital-tools-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}
.digital-tool-card,
.digital-tool-card.featured,
.digital-tool-card.compact{
  display:grid !important;
  grid-template-rows:auto minmax(38px,1fr) auto !important;
  gap:9px !important;
  min-height:174px !important;
  padding:13px !important;
  border:1px solid #d9dde1 !important;
  border-top:3px solid var(--yellow) !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.digital-tool-heading{display:flex;align-items:flex-start;gap:9px;min-width:0;}
.digital-tool-heading h3{margin:3px 0 0;font-size:15.5px;line-height:1.18;letter-spacing:-.01em;}
.digital-tool-icon{
  flex:0 0 auto !important;
  width:34px !important;
  height:34px !important;
  border-radius:8px !important;
  background:#fff0a3 !important;
}
.digital-tool-icon svg{width:20px !important;height:20px !important;}
.digital-tool-card>p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:12px !important;
  line-height:1.36 !important;
}
.digital-tool-action{align-self:end;min-width:0;}
.digital-tool-input-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:6px !important;
  align-items:stretch !important;
}
.digital-tool-input-row input{
  min-width:0 !important;
  min-height:40px !important;
  padding:8px 9px !important;
  font-size:12px !important;
  border-radius:7px !important;
}
.digital-tool-button,
.digital-tool-button.primary{
  min-height:40px !important;
  padding:8px 11px !important;
  border:1px solid #c7a900 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:var(--text) !important;
  font-size:12px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  box-shadow:inset 0 -2px 0 rgba(255,210,0,.35) !important;
}
.digital-tool-action>.digital-tool-button{width:100% !important;}
.digital-tool-button:hover,
.digital-tool-button.primary:hover{
  border-color:#a98f00 !important;
  background:#fffbea !important;
  filter:none !important;
}
.digital-tool-status{
  min-height:0 !important;
  margin-top:7px !important;
  padding-left:2px !important;
  font-size:11.5px !important;
}
.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}

/* v105: Partner bleiben Vertrauenssignal, nicht Hauptattraktion. */
.search-panel .trust-strip{
  margin:13px 0 14px !important;
  padding:10px 12px !important;
}
.search-panel .trust-strip .partner-kicker{margin-bottom:8px !important;font-size:12px !important;}
.search-panel .trust-strip .partner-logos{gap:7px !important;}
.search-panel .trust-strip .partner-logo-card{
  min-height:54px !important;
  padding:6px 8px !important;
  border-radius:8px !important;
}
.search-panel .trust-strip .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.bosig .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.egger .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.europlac .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.forbo .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.hoermann .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.jeldwen .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.schoerghuber .partner-logo-img{
  max-height:31px !important;
}
.search-panel .trust-strip .partner-logo-card.horatec .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{max-height:28px !important;}

@media (max-width:1200px){
  .digital-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .digital-tool-card,.digital-tool-card.featured{grid-column:auto !important;}
}
@media (max-width:960px){
  .digital-tools{padding:13px !important;}
  .digital-tools-grid{grid-template-columns:1fr 1fr !important;}
  .digital-tool-card,.digital-tool-card.featured{grid-column:auto !important;min-height:168px !important;}
  .digital-tool-input-row{grid-template-columns:1fr !important;}
  .digital-tool-button{width:100% !important;white-space:normal !important;}
  .search-panel .trust-strip .partner-logo-card{min-height:52px !important;padding:6px !important;}
  .search-panel .trust-strip .partner-logo-img{max-height:28px !important;}
}
@media (max-width:560px){
  .digital-tools-grid{grid-template-columns:1fr !important;}
  .digital-tool-card,.digital-tool-card.featured{min-height:auto !important;grid-template-rows:auto auto auto !important;}
  .digital-tool-heading h3{font-size:16px !important;}
  .search-panel .trust-strip .partner-logo-card{min-height:48px !important;}
  .search-panel .trust-strip .partner-logo-img{max-height:25px !important;}
}


/* v113: Leimholz-Frachtberechnung mit Pflichtadresse und live geschätzten Versandkosten. */
.delivery-address-grid{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:10px;
}
.leimholz-freight-estimate{
  display:grid;
  gap:5px;
  padding:12px 14px;
  border:1px solid #d8c252;
  border-left:4px solid var(--yellow-dark);
  border-radius:10px;
  background:#fffbea;
  font-size:12px;
  line-height:1.4;
}
.leimholz-freight-estimate strong{
  color:var(--text);
  font-size:13px;
}
.leimholz-freight-estimate span,
.leimholz-freight-estimate small{
  color:var(--muted);
}
.leimholz-freight-estimate[data-status="estimated"],
.leimholz-freight-estimate[data-status="free"],
.leimholz-freight-estimate[data-status="pickup"]{
  border-color:#9bc4a8;
  border-left-color:#2e8b57;
  background:#f4fbf6;
}
.leimholz-freight-estimate[data-status="invalid"],
.leimholz-freight-estimate[data-status="dimensions"],
.leimholz-freight-estimate[data-status="invalid-postcode"]{
  border-color:#d59b9b;
  border-left-color:var(--danger);
  background:#fff7f7;
}
@media (max-width:560px){
  .delivery-address-grid{grid-template-columns:1fr;}
}
.leimholz-freight-estimate[hidden]{display:none!important;}


/* v115: frei eingebbares Plattenformat im Zuschnitttool */
.cutting-plate-mode{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.cutting-plate-mode legend{padding:0 5px;font-size:12px;font-weight:850}.cutting-mode-options{display:flex;flex-wrap:wrap;gap:8px 18px}.cutting-mode-options label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;cursor:pointer}.cutting-mode-options input{width:auto;min-height:auto;accent-color:var(--yellow-dark)}#cuttingCatalogPlateFields,.cutting-manual-plate{display:grid;gap:12px}.cutting-manual-plate{padding:12px;border:1px dashed var(--line-strong);border-radius:9px;background:#fff}.cutting-manual-name{grid-column:1/-1}.cutting-manual-note,.cutting-plate-summary{padding:9px 10px;border-radius:8px;background:var(--surface-soft);font-size:12px;color:var(--muted)}.cutting-plate-summary{margin-bottom:10px;color:var(--text)}
@media (max-width:700px){.cutting-mode-options{display:grid;gap:9px}}
.cutting-manual-plate[hidden],#cuttingCatalogPlateFields[hidden]{display:none!important}


.leimholz-species-chip{border-color:#cfb000;background:#fff8c7;color:#191600;font-weight:800}

@media (max-width:700px){.cutting-sheet-head{align-items:flex-start;flex-direction:column;gap:3px}.cutting-sheet-frame{justify-content:flex-start;padding:8px}.cutting-piece{padding:2px;font-size:8px}.cutting-piece small{font-size:7px}.cutting-result-actions{align-items:flex-start;flex-direction:column}}

/* v119: Zuschnittbedarf direkt aus der Artikelauswahl berechnen */
.order-item-cutting{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;border:1px solid #dfd5a5;border-radius:8px;background:#fffbea}
.order-item-cutting span{font-size:11px;line-height:1.35;color:#665d37}
.cart-cutting-button{min-height:38px;border:1px solid #b99d00;border-radius:8px;background:#fff;color:#181400;padding:8px 11px;font-weight:850;cursor:pointer;white-space:nowrap}
.cart-cutting-button:hover,.cart-cutting-button:focus-visible{background:var(--yellow);border-color:#8e7800}
@media (max-width:430px){.order-item-cutting{grid-template-columns:1fr}.cart-cutting-button{width:100%;white-space:normal}}

/* v125: kurze, globale Bestätigung beim Hinzufügen zur Artikelauswahl */
.cart-add-feedback{position:fixed;top:82px;right:22px;z-index:220;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 28px));padding:11px 15px;border:1px solid #caaa00;border-radius:12px;background:#fffef6;color:#171500;font-size:14px;font-weight:850;box-shadow:0 14px 38px rgba(0,0,0,.18);opacity:0;transform:translateY(-10px) scale(.96);pointer-events:none}
.cart-add-feedback[hidden]{display:none!important}
.cart-add-feedback.is-visible{animation:cartAddFeedbackIn .34s cubic-bezier(.2,.8,.2,1) forwards}
.cart-add-feedback__icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--yellow);color:#171500;font-size:17px;font-weight:950;box-shadow:0 0 0 0 rgba(230,196,0,.42)}
.cart-add-feedback.is-visible .cart-add-feedback__icon{animation:cartAddCheckPulse .7s ease-out}
.header-cart-button.cart-add-pulse{animation:cartHeaderPulse .62s ease-out}
.order-panel.cart-add-pulse{animation:cartPanelPulse .62s ease-out}
@keyframes cartAddFeedbackIn{0%{opacity:0;transform:translateY(-10px) scale(.96)}62%{opacity:1;transform:translateY(2px) scale(1.015)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cartAddCheckPulse{0%{transform:scale(.7);box-shadow:0 0 0 0 rgba(230,196,0,.5)}55%{transform:scale(1.12);box-shadow:0 0 0 9px rgba(230,196,0,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(230,196,0,0)}}
@keyframes cartHeaderPulse{0%,100%{transform:scale(1)}38%{transform:scale(1.045);box-shadow:0 0 0 6px rgba(230,196,0,.18)}70%{transform:scale(.99)}}
@keyframes cartPanelPulse{0%,100%{box-shadow:var(--cart-panel-shadow,0 10px 30px rgba(0,0,0,.08))}45%{box-shadow:0 0 0 4px rgba(230,196,0,.28),0 14px 38px rgba(0,0,0,.12)}}
@media (max-width:960px){.cart-add-feedback{top:auto;right:12px;bottom:84px;left:12px;justify-content:center;max-width:none}}
@media (prefers-reduced-motion:reduce){.cart-add-feedback.is-visible,.cart-add-feedback.is-visible .cart-add-feedback__icon,.header-cart-button.cart-add-pulse,.order-panel.cart-add-pulse{animation:none}.cart-add-feedback.is-visible{opacity:1;transform:none}}

/* v126: Rabattabfrage vor der ersten Produktsuche */
body.discount-reminder-open{overflow:hidden}
body.account-dialog-open{overflow:hidden}
.sales-context-banner{position:sticky;top:74px;z-index:59;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:11px 18px;border-bottom:2px solid #7b6500;background:#fff2a8;color:#111;box-shadow:0 4px 12px rgba(0,0,0,.08)}.sales-context-banner[hidden]{display:none!important}.sales-context-banner>div:first-child{display:flex;align-items:center;gap:10px}.sales-context-banner>div:first-child strong{padding:4px 7px;border-radius:5px;background:#111;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.sales-context-banner__actions{display:flex;gap:8px}.sales-context-banner a,.sales-context-banner button{min-height:36px;padding:7px 10px;border:1px solid #887400;border-radius:7px;background:#fff;color:#111;text-decoration:none;font-weight:800}.sales-context-banner button{background:#111;color:#fff;border-color:#111}
.account-button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 11px;border:1px solid rgba(20,24,28,.18);border-radius:12px;background:#fff;color:#202428;font:inherit;font-size:12px;font-weight:850;white-space:nowrap}
.account-button:hover,.account-button:focus-visible{border-color:#9d8400;background:#fffbea}
.account-button.is-active{border-color:#709262;background:#f3faef;color:#27451f}
.account-button__icon{width:9px;height:9px;border-radius:50%;background:#9ca3aa;color:transparent}
.account-button.is-active .account-button__icon{background:#4e8a3d}
.account-dialog{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}
.account-dialog__backdrop{position:absolute;inset:0;background:rgba(10,12,14,.68);backdrop-filter:blur(4px)}
.account-dialog__card{position:relative;width:min(100%,720px);max-height:min(92vh,920px);overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.36)}
.account-dialog__close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;background:transparent;font-size:28px;color:#555}
.account-dialog__eyebrow{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#fff4b8;color:#534600;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.account-dialog__card h2{margin:0 42px 8px 0;font-size:26px;line-height:1.18}
.account-dialog__card>p{margin:0 0 18px;color:var(--muted)}
.account-dialog__status{min-height:22px;margin:0 0 8px;font-size:13px;font-weight:750}
.account-dialog__status[data-kind="error"]{color:var(--danger)}
.account-dialog__status[data-kind="success"]{color:#2d6a2e}
.account-dialog__status[data-kind="notice"]{color:#645a2d}
.account-mode{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-mode button{display:grid;gap:4px;min-height:86px;padding:15px;text-align:left;border:2px solid var(--line-strong);border-radius:12px;background:#fff;color:#111}
.account-mode button:last-child{border-color:#b99d00;background:#fff8ce}
.account-mode button strong{font-size:16px}.account-mode button span{color:var(--muted);font-size:13px;line-height:1.35}
.account-form{display:grid;gap:9px}
.account-form label{font-weight:850}
.account-form input{width:100%;min-height:52px;padding:11px 13px;border:2px solid var(--line-strong);border-radius:10px;font:inherit;font-size:17px}
.account-form button,.account-summary button{min-height:46px;padding:10px 15px;border:1px solid #b99d00;border-radius:9px;background:var(--yellow);color:#111;font-weight:850}
.account-form__secondary{border-color:var(--line-strong)!important;background:#fff!important}
.account-summary{display:grid;gap:6px;padding:14px;border:1px solid #d8e5d1;border-radius:10px;background:#f6fbf3}
.account-summary strong{font-size:18px}.account-summary span{color:var(--muted)}.account-summary p{margin:6px 0 10px}
.account-history,.account-deletion{display:grid;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid #cad8c5}.account-history__heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-history__heading button{min-height:34px;padding:6px 10px;background:#fff;border-color:var(--line-strong);font-size:12px}.account-history>p,.account-deletion>p{margin:0;font-size:12px;color:var(--muted)}.account-history__list{display:grid;gap:7px}.account-history__item{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.account-history__item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;cursor:pointer}.account-history__item summary>span{display:grid;gap:2px}.account-history__item summary strong{font-size:13px}.account-history__item summary small{color:var(--muted)}.account-history__item>div{padding:0 10px 10px}.account-history__item p{font-size:12px}.account-history__item pre{max-height:190px;overflow:auto;margin:0;padding:9px;border-radius:7px;background:#f5f5f5;white-space:pre-wrap;font:11px/1.45 ui-monospace,monospace}.account-history__empty{padding:10px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);font-size:12px}.account-deletion{border-color:#e4c7c7}.account-deletion__request{border-color:#b66!important;background:#fff5f5!important;color:#7b1717!important}
.account-admin-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #111;border-radius:9px;background:#111;color:#fff;text-decoration:none;font-weight:850}
.account-application{display:grid;gap:14px}
.account-application__intro{display:grid;gap:4px;padding:13px;border-left:5px solid var(--yellow);background:#f7f7f7}
.account-application__intro span{color:var(--muted);font-size:13px;line-height:1.4}
.account-application__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-field{display:grid;align-content:start;gap:6px;font-weight:800;font-size:14px}
.account-field--wide{grid-column:1/-1}
.account-field small{font-weight:500;color:var(--muted)}
.account-field input,.account-field select,.account-field textarea{width:100%;min-height:46px;padding:9px 11px;border:2px solid var(--line-strong);border-radius:9px;background:#fff;color:#111;font:inherit;font-weight:500}
.account-field textarea{min-height:84px;resize:vertical}
.account-address{display:grid;gap:10px;margin:0;padding:13px;border:1px solid var(--line-strong);border-radius:11px}
.account-address legend{padding:0 6px;font-weight:900}
.account-check{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fafafa;font-size:13px;line-height:1.45}
.account-check input{flex:0 0 auto;width:18px;height:18px;margin-top:1px}
.account-application__submit{min-height:50px;padding:11px 16px;border:1px solid #b99d00;border-radius:9px;background:var(--yellow);color:#111;font-weight:900}
.account-dialog__legal{display:block;margin-top:16px;color:var(--muted);line-height:1.45}
body.account-pricing-active .header-discount-mini,body.account-pricing-active .order-item-discount--editable{display:none!important}
body.account-pricing-active .discount-reminder{display:none!important}
body.account-pricing-active .price-row:not(.customer-price){display:none}
body.account-pricing-active .customer-price small{display:none}
@media(max-width:700px){.account-button{padding:7px 9px}.account-button__text{display:none}.account-dialog{padding:12px;align-items:end}.account-dialog__card{max-height:94vh;padding:22px 17px 18px;border-radius:16px 16px 10px 10px}.account-mode,.account-application__grid{grid-template-columns:1fr}.account-field--wide{grid-column:auto}}
@media(max-width:700px){.sales-context-banner{top:58px;align-items:flex-start;flex-direction:column}.sales-context-banner>div:first-child{align-items:flex-start;flex-direction:column}.sales-context-banner__actions{width:100%}.sales-context-banner a,.sales-context-banner button{flex:1}}

/* V429: Der mobile Kundenlogin belegt den rechten Headerplatz. Der mobile Warenkorb bleibt über die untere Warenkorbleiste erreichbar. */
@media(max-width:960px){
  .header-actions{display:flex!important;grid-column:3!important;grid-row:1!important;align-items:center!important;justify-content:flex-end!important;overflow:visible!important}
  .header-actions .header-cart-button{display:none!important}
  .header-actions .account-button{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,216,20,.62)!important;border-radius:15px!important;background:#15181d!important;color:#ffd814!important;box-shadow:0 8px 18px rgba(0,0,0,.22)!important}
  .header-actions .account-button__icon{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:0!important;background:transparent!important;color:currentColor!important}
  .header-actions .account-button__icon svg{display:block;width:25px;height:25px}
  .header-actions .account-button__text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  .header-actions .account-button.is-active{border-color:#8fd076!important;background:#18311c!important;color:#b9f0a7!important}
}
@media(max-width:520px){
  .topbar{grid-template-columns:40px minmax(0,1fr) 48px!important}
  .header-actions .account-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
}
.discount-reminder{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.discount-reminder__backdrop{position:absolute;inset:0;background:rgba(10,12,14,.64);backdrop-filter:blur(4px)}
.discount-reminder__dialog{position:relative;width:min(100%,520px);padding:26px;border:1px solid rgba(255,255,255,.34);border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.34)}
.discount-reminder__eyebrow{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#fff4b8;color:#534600;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.discount-reminder__dialog h2{margin:0;font-size:28px;line-height:1.15}
.discount-reminder__dialog p{margin:10px 0 20px;color:var(--muted)}
.discount-reminder__form{display:grid;gap:9px}
.discount-reminder__form label{font-weight:850}
.discount-reminder__input-wrap{position:relative}
.discount-reminder__input-wrap input{width:100%;min-height:58px;padding:12px 48px 12px 14px;border:2px solid var(--line-strong);border-radius:10px;background:#fff;font-size:20px;font-weight:850}
.discount-reminder__input-wrap input:focus{border-color:#9d8400}
.discount-reminder__input-wrap span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:900;color:var(--muted)}
.discount-reminder__help{font-size:12px;color:var(--muted)}
.discount-reminder__error{min-height:20px;color:var(--danger);font-size:13px;font-weight:750}
.discount-reminder__actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:2px}
.discount-reminder__submit,.discount-reminder__zero{min-height:46px;padding:10px 15px;border-radius:9px;font-weight:850}
.discount-reminder__submit{border:1px solid #b99d00;background:var(--yellow);color:#111}
.discount-reminder__zero{border:1px solid var(--line-strong);background:#fff}
.discount-reminder__submit:hover,.discount-reminder__submit:focus-visible{filter:brightness(.97)}
.discount-reminder__zero:hover,.discount-reminder__zero:focus-visible{background:var(--surface-soft)}
@media (max-width:560px){
  .discount-reminder{padding:12px;align-items:end}
  .discount-reminder__dialog{padding:20px 17px 18px;border-radius:16px 16px 10px 10px}
  .discount-reminder__dialog h2{font-size:24px}
  .discount-reminder__actions{grid-template-columns:1fr}
  .discount-reminder__zero{order:2}
}

/* v137: Krüger Türen-Kalkulator */
@media (min-width:1201px){
  .digital-tools-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
}
.door-calculator-panel{margin-top:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.door-calculator-panel details>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:18px 20px}
.door-calculator-panel details>summary::-webkit-details-marker{display:none}
.door-calculator-summary-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#fff0a3;color:#111;font-size:21px;font-weight:850}
.door-calculator-summary-text{display:grid;gap:2px;font-weight:850}
.door-calculator-summary-text small{font-weight:500;color:var(--muted)}
.door-calculator-body{display:grid;gap:16px;padding:0 20px 20px}
.door-calculator-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;align-items:start}
.door-calculator-box,.door-calculator-result,.door-calculator-positions{border:1px solid var(--line);border-radius:10px;background:#fafafa}
.door-calculator-box{display:grid;gap:14px;padding:15px}
.door-calculator-box-head,.door-calculator-positions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.door-calculator-box h3,.door-calculator-positions h3{margin:0;font-size:17px}
.door-calculator-eyebrow{display:block;margin-bottom:3px;color:#62686d;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.door-calculator-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.door-calculator-form-grid .field{min-width:0}
.door-calculator-form-grid select,.door-calculator-form-grid input{width:100%;min-height:42px;border:1px solid #ccd1d5;border-radius:8px;background:#fff;padding:9px 10px}
.door-calculator-actions{display:flex;flex-wrap:wrap;gap:8px}
.door-calculator-button{min-height:42px;border:1px solid #c8a900;border-radius:8px;background:#fff;padding:9px 12px;font-weight:850;cursor:pointer}
.door-calculator-button.primary{background:var(--yellow);color:#111}
.door-calculator-button.secondary{border-color:var(--line-strong);background:#fff}
.door-calculator-button:disabled{cursor:not-allowed;opacity:.45}
.door-calculator-legal{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.door-calculator-result{display:grid;gap:12px;padding:15px;background:#fffdf4;border-color:#e0c968}
.door-calculator-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}
.door-calculator-price-type{display:inline-flex;align-items:center;border:1px solid #bfdcc9;border-radius:999px;background:#edf8f1;color:#356046;padding:4px 8px;font-size:10px;font-weight:850}
.door-calculator-price-type.estimate{border-color:#ead39c;background:#fff5da;color:#805a00}
.door-calculator-main-price{display:grid;gap:3px;padding:15px;border:1px solid #ead66a;border-radius:9px;background:#fff}
.door-calculator-main-price span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.door-calculator-main-price strong{font-size:30px;line-height:1.05}
.door-calculator-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.door-calculator-result-grid>div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.door-calculator-result-grid span{color:var(--muted);font-size:11px}
.door-calculator-result-grid strong{font-size:14px;overflow-wrap:anywhere}
.door-calculator-factor-note{padding:10px;border-radius:8px;background:#f3f3ef;color:#575e63;font-size:11px;line-height:1.45}
.door-calculator-positions{padding:15px;background:#fff}
.door-calculator-positions-head{align-items:center;margin-bottom:12px}
.door-calculator-positions-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.door-calculator-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}
.door-calculator-table{width:100%;min-width:980px;border-collapse:collapse}
.door-calculator-table th,.door-calculator-table td{padding:9px 10px;border-bottom:1px solid var(--line);font-size:12px;text-align:left;vertical-align:middle}
.door-calculator-table th{background:#f0f1ed;color:#50575c;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.door-calculator-table tr:last-child td{border-bottom:0}
.door-calculator-empty{text-align:center !important;color:var(--muted);padding:18px !important}
.door-calculator-remove{border:0;background:transparent;color:#9a2f22;font-weight:800;cursor:pointer}
@media (max-width:980px){
  .door-calculator-layout{grid-template-columns:1fr}
  .door-calculator-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .door-calculator-panel details>summary{padding:15px}
  .door-calculator-body{padding:0 12px 12px}
  .door-calculator-form-grid,.door-calculator-result-grid{grid-template-columns:1fr}
  .door-calculator-box-head,.door-calculator-positions-head{align-items:stretch;flex-direction:column}
  .door-calculator-actions{display:grid;grid-template-columns:1fr}
  .door-calculator-button{width:100%}
  .door-calculator-main-price strong{font-size:26px}
}

/* v138: schliessbarer/skalierbarer Desktop-Warenkorb, PDF-Uebersicht und mobile Tool-Akkordeonsteuerung */
.desktop-cart-launcher{display:none;position:fixed;right:0;top:42%;z-index:108;min-width:72px;min-height:116px;border:1px solid #b99d00;border-right:0;border-radius:12px 0 0 12px;background:var(--yellow);padding:10px 8px;box-shadow:0 14px 34px rgba(0,0,0,.18);font-weight:900;cursor:pointer;align-items:center;justify-content:center;gap:8px;flex-direction:column}
.desktop-cart-launcher span{max-width:58px;font-size:11px;line-height:1.1;text-align:center;overflow-wrap:anywhere}
.desktop-cart-launcher strong{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#111;color:#fff;font-size:12px}
.desktop-cart-launcher:hover{filter:brightness(.97)}
.desktop-cart-close{min-height:40px;border:1px solid #d5bcbc;border-radius:8px;background:#fff8f8;color:#862323;padding:8px 11px;font-weight:800}
.desktop-cart-close:hover{background:#fff0f0}
.order-head-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.order-document-tools{display:grid;gap:6px;padding:12px;border:1px solid #d8be40;border-radius:10px;background:#fffbea}
.order-document-tools span{font-size:11px;line-height:1.4;color:#675f3d}
.order-pdf-button{min-height:46px;border:1px solid #b99d00;border-radius:9px;background:#fff;color:#111;padding:10px 12px;font-weight:900}
.order-pdf-button:hover{background:#fff4b3}
.order-pdf-button:disabled{opacity:.48;cursor:not-allowed}
.digital-tools-toggle{display:none;min-height:40px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;padding:8px 11px;font-weight:850;white-space:nowrap}
.digital-tools-toggle[aria-expanded="true"]{background:var(--yellow);border-color:#b99d00}

@media (min-width:961px){
  body.desktop-cart-collapsed .order-panel{display:none}
  body.desktop-cart-collapsed .workbench{grid-template-columns:minmax(0,1fr)}
  body.desktop-cart-collapsed .desktop-cart-launcher{display:flex}
  body.desktop-cart-collapsed .results{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
  .order-panel.desktop-expanded .order-head-actions{position:sticky;right:0}
}

@media (max-width:960px){
  .desktop-cart-launcher,.desktop-cart-expand,.desktop-cart-close{display:none!important}
  .order-head-actions{display:block!important}
  .digital-tools-header{align-items:center!important}
  .digital-tools-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
  .digital-tools.tools-collapsed .digital-tools-grid,
  .digital-tools.tools-collapsed .digital-tool-status{display:none!important}
  .digital-tools.tools-collapsed{padding-bottom:12px!important}
  .digital-tools.tools-collapsed .digital-tools-header{margin-bottom:0!important}
}

@media (max-width:520px){
  .digital-tools-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important}
  .digital-tools-header p{display:none}
  .digital-tools-toggle{min-height:38px;padding:7px 9px;font-size:12px}
}

/* v142: Türen-Kalkulator auf Smartphones vollständig bedienbar */
@media (max-width:620px){
  .door-calculator-panel{margin-top:14px;border-radius:10px}
  .door-calculator-panel details>summary{gap:9px;padding:13px 12px;align-items:flex-start}
  .door-calculator-summary-icon{flex:0 0 32px;width:32px;height:32px;font-size:18px}
  .door-calculator-summary-text{min-width:0;font-size:14px;line-height:1.25}
  .door-calculator-summary-text small{margin-top:3px;font-size:11px;line-height:1.35}
  .door-calculator-body{gap:12px;padding:0 8px 10px}
  .door-calculator-layout{gap:10px}
  .door-calculator-box,.door-calculator-result,.door-calculator-positions{min-width:0;border-radius:9px}
  .door-calculator-box,.door-calculator-result,.door-calculator-positions{padding:12px}
  .door-calculator-box-head{gap:9px}
  .door-calculator-box-head .door-calculator-button{min-height:42px}
  .door-calculator-form-grid{gap:9px}
  .door-calculator-form-grid label{display:block;margin-bottom:5px;font-size:12px;font-weight:750}
  .door-calculator-form-grid select,.door-calculator-form-grid input{min-width:0;min-height:48px;font-size:16px;padding:10px 11px}
  .door-calculator-form-grid select{max-width:100%;text-overflow:ellipsis}
  .door-calculator-actions{gap:9px}
  .door-calculator-button{min-height:48px;padding:10px 12px;font-size:14px;white-space:normal;line-height:1.25}
  .door-calculator-result-head{align-items:flex-start;flex-direction:column;gap:6px}
  .door-calculator-price-type{max-width:100%;white-space:normal;line-height:1.25}
  .door-calculator-main-price{padding:12px}
  .door-calculator-main-price strong{font-size:24px;overflow-wrap:anywhere}
  .door-calculator-result-grid{gap:7px}
  .door-calculator-result-grid>div{padding:9px}
  .door-calculator-factor-note{overflow-wrap:anywhere}
  .door-calculator-positions-head{gap:10px;margin-bottom:10px}
  .door-calculator-positions-head p{font-size:11px;line-height:1.4}
  .door-calculator-table-wrap{overflow:visible;border:0;border-radius:0}
  .door-calculator-table{display:block;width:100%;min-width:0}
  .door-calculator-table thead{display:none}
  .door-calculator-table tbody{display:grid;gap:10px;width:100%}
  .door-calculator-table tr{display:grid;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fafafa;box-sizing:border-box}
  .door-calculator-table td{display:grid;grid-template-columns:minmax(96px,.8fr) minmax(0,1.2fr);align-items:start;gap:8px;width:100%;padding:7px 0;border:0;border-bottom:1px solid #e4e6e8;font-size:12px;line-height:1.35;box-sizing:border-box;overflow-wrap:anywhere}
  .door-calculator-table td:last-child{border-bottom:0}
  .door-calculator-table td::before{content:attr(data-label);color:#666d72;font-size:10px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
  .door-calculator-table .door-position-number{font-size:14px;font-weight:900}
  .door-calculator-table .door-position-remove-cell{grid-template-columns:1fr;padding-top:10px}
  .door-calculator-table .door-position-remove-cell::before{display:none}
  .door-calculator-remove{width:100%;min-height:42px;border:1px solid #debeb9;border-radius:8px;background:#fff7f6;padding:8px 10px;text-align:center}
  .door-calculator-empty{display:block!important;width:100%!important;padding:15px!important;border:1px dashed var(--line-strong)!important;border-radius:8px!important;text-align:center!important}
  .door-calculator-empty::before{display:none!important}
}

@media (max-width:380px){
  .door-calculator-summary-text small{display:none}
  .door-calculator-body{padding-left:6px;padding-right:6px}
  .door-calculator-box,.door-calculator-result,.door-calculator-positions{padding:10px}
  .door-calculator-table td{grid-template-columns:88px minmax(0,1fr);gap:6px}
}

/* Türen-Anfrage und Hersteller-Auswahl */
.door-upload-card{grid-column:1/-1;border:2px solid #111;background:linear-gradient(135deg,#fff 0%,#fffdf2 100%);box-shadow:0 12px 30px rgba(17,19,21,.09)}
.door-upload-card .card-head{align-items:center}.door-upload-card .section{font-size:12px;letter-spacing:.04em}.door-upload-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;margin-top:8px}.door-upload-copy h3{margin:0 0 7px;font-size:22px}.door-upload-copy p{margin:0;color:#555f64;line-height:1.48}.door-upload-points{display:grid;gap:7px;margin-top:14px}.door-upload-point{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#343a3e}.door-upload-point::before{content:"✓";font-weight:900;color:#1b6f35}.door-upload-form{display:grid;gap:11px;padding:15px;border:1px solid #d9dde1;border-radius:12px;background:#fff}.door-upload-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.door-upload-form .field{min-width:0}.door-upload-form label{font-size:12px;font-weight:800}.door-upload-form input,.door-upload-form select,.door-upload-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfd4d8;border-radius:8px;padding:10px 11px;font:inherit;background:#fff}.door-upload-form textarea{min-height:82px;resize:vertical}.door-upload-file{border:1.5px dashed #aab2b8;border-radius:10px;padding:12px;background:#fafafa}.door-upload-file input{border:0;padding:6px 0;background:transparent}.door-upload-file-hint{display:block;margin-top:5px;font-size:11px;color:#667078}.door-upload-file-list{display:grid;gap:5px;margin-top:8px;font-size:12px}.door-upload-file-item{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;border-radius:7px;background:#f1f3f4}.door-upload-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px}.door-upload-button{min-height:46px;border:1px solid #c5cbd0;border-radius:9px;background:#fff;font-weight:900;padding:9px 12px;cursor:pointer}.door-upload-button.primary{background:#ffd200;border-color:#d6b100;color:#111}.door-upload-button.whatsapp{border-color:#99d6ac;background:#f2fbf5}.door-upload-status{min-height:18px;font-size:12px;font-weight:700;color:#386137}.door-upload-technical-note{font-size:11px;line-height:1.4;color:#687078}
.door-partner-dialog[hidden]{display:none}.door-partner-dialog{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px}.door-partner-dialog-backdrop{position:absolute;inset:0;background:rgba(17,19,21,.58);backdrop-filter:blur(3px)}.door-partner-dialog-card{position:relative;z-index:1;width:min(540px,100%);border-radius:16px;background:#fff;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.door-partner-dialog-close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer}.door-partner-dialog-eyebrow{display:inline-flex;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#fff2a8;border-radius:999px;padding:5px 9px}.door-partner-dialog-card h2{margin:14px 36px 8px 0;font-size:25px;line-height:1.15}.door-partner-dialog-card p{margin:0;color:#5a6369;line-height:1.5}.door-partner-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.door-partner-dialog-button{min-height:50px;border:1px solid #c8cdd1;border-radius:10px;background:#fff;font-weight:900;cursor:pointer;padding:10px 14px}.door-partner-dialog-button.primary{background:#ffd200;border-color:#d6b100}.door-partner-dialog-open{overflow:hidden}
@media(max-width:760px){.door-upload-intro{grid-template-columns:1fr}.door-upload-form-grid{grid-template-columns:1fr}.door-upload-actions{grid-template-columns:1fr}.door-upload-button{width:100%}.door-partner-dialog-card{padding:22px 18px}.door-partner-dialog-actions{grid-template-columns:1fr}.door-upload-copy h3{font-size:20px}.door-upload-card{grid-column:auto}}

/* v153: Schnittholz und Rohfurniere sind feste Einheitspreise ohne Rabatt. */
.price.fixed-price{border-color:#d9c66b;background:#fffdf2}.price.fixed-price .fixed-price-note small{color:#5e5524;font-weight:700}.catalog-item-status.fixed-price-status{border-color:#d9c66b;background:#fff8cf;color:#554900}


/* v158: ruhige Warengruppen-Kennung für schnelles Scannen großer Trefferlisten. */
.product-card{
  --family-accent:#72787d;
  --family-soft:#f1f3f4;
  border-left:3px solid var(--family-accent);
  padding-left:14px;
}
.product-card .card-head{align-items:flex-start}
.card-head-main{display:flex;align-items:center;gap:9px;min-width:0}
.card-head-copy{display:grid;gap:1px;min-width:0}
.product-family-icon{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:1px solid color-mix(in srgb,var(--family-accent) 32%,#fff);
  border-radius:9px;
  background:var(--family-soft);
  color:var(--family-accent);
}
.product-family-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.family-label{font-size:10px;line-height:1.2;color:var(--muted)}
.product-card .page{flex:0 0 auto;padding-top:2px;text-align:right}
.product-card.family-decor{--family-accent:#8b7200;--family-soft:#fff8d5}
.product-card.family-edge{--family-accent:#42634b;--family-soft:#edf6ef}
.product-card.family-worktop{--family-accent:#7b5437;--family-soft:#f7eee7}
.product-card.family-sill{--family-accent:#536975;--family-soft:#edf3f6}
.product-card.family-surface{--family-accent:#60606c;--family-soft:#f0f0f4}
.product-card.family-technical{--family-accent:#8a4b34;--family-soft:#faeee9}
.product-card.family-laminate{--family-accent:#335d7b;--family-soft:#eaf2f8}
.product-card.family-compact{--family-accent:#4c5962;--family-soft:#edf0f2}
.product-card.family-veneer{--family-accent:#7a5c35;--family-soft:#f7f0e6}
.product-card.family-plywood{--family-accent:#8a6634;--family-soft:#f8f0e2}
.product-card.family-blockboard{--family-accent:#6c583e;--family-soft:#f4efe8}
.product-card.family-fibre{--family-accent:#4e6570;--family-soft:#edf3f5}
.product-card.family-solidwood{--family-accent:#735331;--family-soft:#f6eee3}
.product-card.family-panel{--family-accent:#666d72;--family-soft:#f0f2f3}
.product-card.family-service{--family-accent:#5b5d61;--family-soft:#f1f1f2}
@supports not (color:color-mix(in srgb,#000 50%,#fff)){
  .product-family-icon{border-color:#d5d9dc}
}
@media (max-width:430px){
  .product-card{padding-left:11px}
  .product-family-icon{flex-basis:30px;width:30px;height:30px;border-radius:8px}
  .product-family-icon svg{width:20px;height:20px}
  .family-label{font-size:9px}
  .product-card .page{max-width:92px;line-height:1.2}
}

/* v159: Echtholzkanten als eigener Kanten-Typ und direkte Ergänzung zur Eiche-Furnierspanplatte. */
.cart-addon-suggestion-realwood {
  border-color: rgba(121, 83, 45, 0.28);
  background: linear-gradient(135deg, rgba(170, 126, 77, 0.09), rgba(255, 255, 255, 0.92));
}
.cart-linked-realwood {
  border-left-color: #8b6138;
}

/* V167: Originalfarbtöne für Valchromat MDF Colour */
.valchromat-preview{margin-top:12px;padding:11px 12px;border:1px solid #dfe2e5;border-radius:10px;background:#fafafa}.valchromat-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.valchromat-preview-badge{background:#111;border-color:#111;color:#fff}.valchromat-preview-title{font-size:12px;font-weight:850;color:#24282b;text-align:right}.valchromat-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:7px}.valchromat-swatches.single{grid-template-columns:minmax(82px,112px)}.valchromat-swatch{min-width:0;margin:0;padding:4px;border:1px solid #d8dcdf;border-radius:8px;background:#fff;overflow:hidden}.valchromat-swatch img{display:block;width:100%;aspect-ratio:1.16/1;object-fit:cover;border-radius:5px;border:1px solid rgba(17,19,21,.08)}.valchromat-swatch figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:4px;padding:5px 2px 1px;font-size:10px;line-height:1.1;color:#52595e}.valchromat-swatch figcaption strong{font-size:11px;color:#111}.valchromat-swatch figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.valchromat-preview-note{margin-top:8px;font-size:10px;line-height:1.35;color:#62696e}
@media (max-width:430px){.valchromat-preview{padding:10px}.valchromat-preview-head{align-items:flex-start;flex-direction:column;gap:5px}.valchromat-preview-title{text-align:left}.valchromat-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.valchromat-swatches.single{grid-template-columns:minmax(88px,120px)}}


/* V168: echte Forbo-Linoleum-Dekore je Artikel */
.wood-surface-preview{display:flex;align-items:stretch;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid #dfdfd7;border-radius:10px;background:linear-gradient(135deg,#fcfbf7,#f5f1e7)}.wood-surface-thumb-wrap{flex:0 0 112px;width:112px;min-height:92px;border-radius:8px;overflow:hidden;border:1px solid #d1c6b4;background:#fff;box-shadow:0 1px 4px rgba(17,19,21,.08)}.wood-surface-thumb{display:block;width:100%;height:100%;object-fit:cover}.wood-surface-copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:5px}.wood-surface-badge{background:#f6efdb;border-color:#ddc58a;color:#74541f}.wood-surface-title{font-size:14px;font-weight:800;line-height:1.2;color:#111}.wood-surface-meta{display:flex;flex-wrap:wrap;gap:5px}.wood-surface-meta span{font-size:10px;font-weight:750;color:#4f575c;background:#fff;border:1px solid #d9dde0;border-radius:999px;padding:3px 7px}.wood-surface-note{font-size:10px;line-height:1.38;color:#62696e}@media (max-width:430px){.wood-surface-preview{align-items:flex-start;padding:10px}.wood-surface-thumb-wrap{flex-basis:88px;width:88px;min-height:82px}.wood-surface-title{font-size:13px}}.forbo-preview{display:flex;align-items:stretch;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid #dfe3e6;border-radius:10px;background:#fafafa}.forbo-preview-thumb-wrap{flex:0 0 112px;width:112px;min-height:92px;border-radius:8px;overflow:hidden;border:1px solid #d4d9dd;background:#fff}.forbo-preview-thumb{display:block;width:100%;height:100%;object-fit:cover}.forbo-preview-copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:5px}.forbo-preview-badge{background:#eef7fb;border-color:#9bcce4;color:#07557d}.forbo-preview.bulletin .forbo-preview-badge{background:#f4eee7;border-color:#d9b998;color:#704116}.forbo-preview-title{font-size:14px;line-height:1.2;color:#111}.forbo-preview-title strong{font-size:15px}.forbo-preview-meta{display:flex;flex-wrap:wrap;gap:5px}.forbo-preview-meta span{font-size:10px;font-weight:750;color:#4f575c;background:#fff;border:1px solid #d9dde0;border-radius:999px;padding:3px 7px}.forbo-preview-note{font-size:10px;line-height:1.35;color:#62696e}
@media (max-width:430px){.forbo-preview{align-items:flex-start;padding:10px}.forbo-preview-thumb-wrap{flex-basis:88px;width:88px;min-height:82px}.forbo-preview-title{font-size:13px}.forbo-preview-title strong{font-size:14px}}


/* v170: Suchfeld löschen und bestätigter Shop-Neustart */
.logo-lockup.brand-reset-trigger{appearance:none;border:0;background:transparent;padding:0;margin:0;color:inherit;text-align:left;border-radius:9px;cursor:pointer}
.logo-lockup.brand-reset-trigger:hover .krueger-logo{transform:translateY(-1px);box-shadow:0 5px 12px rgba(17,19,21,.18)}
.logo-lockup.brand-reset-trigger .krueger-logo{transition:transform .16s ease,box-shadow .16s ease}
.search-input-wrap input{padding-right:106px}
.query-clear-button{position:absolute;right:57px;top:50%;translate:0 -50%;z-index:2;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #c9cdd1;border-radius:50%;background:#fff;color:#40464b;font-size:25px;font-weight:500;line-height:1;box-shadow:0 2px 7px rgba(17,19,21,.08)}
.query-clear-button:hover{border-color:#8f969c;background:#f5f5f3;color:#111}
.query-clear-button:active{transform:translateY(1px)}
.brand-reset-dialog-card{width:min(580px,100%)}
.brand-reset-warning{margin-top:16px;padding:11px 13px;border-left:4px solid #d2ad00;border-radius:7px;background:#fff8d5;color:#4f4300;font-size:13px}
@media(max-width:760px){.search-input-wrap input{padding-right:100px}.query-clear-button{right:55px;width:34px;height:34px;min-height:34px}.brand-reset-dialog-card{padding:22px 18px}}

.search-brand-badge:hover{filter:brightness(1.12);box-shadow:0 4px 12px rgba(17,19,21,.2)}


/* v171: Tablet-Layout. Portrait-Tablets nutzen bis 960 px die mobile Warenkorbführung;
   die Direktwerkzeuge starten auf Tablets und Touch-Geräten kompakt eingeklappt. */
@media (max-width:1200px), (pointer:coarse) and (max-width:1366px){
  .digital-tools-header{align-items:center!important}
  .digital-tools-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px}
  .digital-tools.tools-collapsed .digital-tools-grid,
  .digital-tools.tools-collapsed .digital-tool-status{display:none!important}
  .digital-tools.tools-collapsed{padding-bottom:13px!important}
  .digital-tools.tools-collapsed .digital-tools-header{margin-bottom:0!important}
  .digital-tools.tools-collapsed .digital-tools-header p{display:none!important}
  .digital-tools.tools-collapsed h2{font-size:19px}
}

@media (min-width:961px) and (max-width:1280px){
  .app{padding-left:16px;padding-right:16px}
  .search-panel{padding:20px}
  .results{grid-template-columns:1fr}
  .workbench{grid-template-columns:minmax(0,1fr) minmax(330px,370px);gap:14px}
  .digital-tools{margin:14px 0;padding:15px}
  .digital-tools-header{gap:14px}
  .digital-tools h2{font-size:20px}
  .digital-tools-header p{font-size:12px;line-height:1.4}
  .partner-logos,.search-panel .trust-strip .partner-logos{grid-template-columns:repeat(5,minmax(0,1fr))}
  .partner-logo-card{min-height:48px}
}

@media (min-width:961px) and (max-width:1080px){
  .search-main{grid-template-columns:minmax(0,1.75fr) minmax(230px,.8fr);gap:12px}
  .topbar{gap:10px;padding-left:12px;padding-right:12px}
  .header-actions{gap:7px}
  .header-cart-button{padding-left:11px;padding-right:11px}
}

@media (max-width:960px){
  .digital-tools.tools-collapsed{padding-top:12px!important}
  .digital-tools.tools-collapsed .digital-tools-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important}
  .digital-tools.tools-collapsed .digital-tools-eyebrow{margin-bottom:1px}
  .digital-tools.tools-collapsed h2{font-size:18px;line-height:1.15}
}

/* v174: ABET Laminati auf direkt verfügbare dünne HPL-Lager-/Standardausführungen begrenzt; Variantendaten werden weiterhin erst bei Bedarf geladen. */
.abet-price .price-sub{margin-top:4px}
.abet-line-calculation{border:1px solid rgba(26,91,130,.18);background:linear-gradient(180deg,#f6fafc,#f3f5f4)}
.calc-abet-variant-field{grid-column:1/-1}
.calc-abet-variant-field select{width:100%;max-width:100%;min-height:44px;font-weight:700}
.abet-line-calculation input[readonly]{background:#fff;color:#41484d}
@media(max-width:960px){.calc-abet-variant-field select{font-size:13px}.abet-line-calculation .calc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.abet-line-calculation .calc-grid{grid-template-columns:1fr}}


/* v174: ABET-Stockdekore mit offizieller Dekorvorschau */
.abet-preview{display:flex;align-items:stretch;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid #d9dde0;border-radius:10px;background:linear-gradient(135deg,#fafafa,#f5f5f2)}
.abet-preview-thumb-wrap{flex:0 0 112px;width:112px;min-height:96px;border-radius:8px;overflow:hidden;border:1px solid #cfd4d7;background:#fff;box-shadow:0 1px 4px rgba(17,19,21,.08)}
.abet-preview-thumb{display:block;width:100%;height:100%;min-height:96px;object-fit:cover}
.abet-preview-copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:6px}
.abet-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.abet-preview-badge{background:#111;border-color:#111;color:#fff}
.abet-preview-status{font-size:10px;font-weight:800;color:#596065;text-transform:uppercase;letter-spacing:.035em}
.abet-preview-title{font-size:14px;line-height:1.25;color:#111}.abet-preview-title strong{font-size:16px}
.abet-preview-note{font-size:10px;line-height:1.4;color:#62696e}
.abet-preview.base-decor{border-style:dashed}.abet-preview.base-decor .abet-preview-status{color:#795b1e}
.abet-preview.code-card{background:#f7f7f4}.abet-preview.code-card .abet-preview-thumb{object-fit:contain}.abet-preview.code-card .abet-preview-status{color:#8a4b34}
@media(max-width:430px){.abet-preview{align-items:flex-start;padding:10px}.abet-preview-thumb-wrap{flex-basis:88px;width:88px;min-height:82px}.abet-preview-thumb{min-height:82px}.abet-preview-title{font-size:13px}.abet-preview-title strong{font-size:14px}.abet-preview-head{align-items:flex-start;flex-direction:column;gap:4px}}


/* V180: Partnerleiste alphabetisch und ausgeglichen */
.partner-section.trust-strip .partner-logos{grid-template-columns:repeat(5,minmax(0,1fr));}
.partner-section.trust-strip .partner-logo-card{min-height:56px;}
.partner-section.trust-strip .partner-logo-card.abet .partner-logo-img{max-height:30px;max-width:92%;}
@media (max-width:960px){
  .partner-section.trust-strip .partner-logos{grid-template-columns:repeat(3,minmax(0,1fr));}
  .partner-section.trust-strip .partner-logo-card.abet .partner-logo-img{max-height:22px;}
}
@media (max-width:430px){
  .partner-section.trust-strip .partner-logos{grid-template-columns:repeat(3,minmax(0,1fr));}
  .partner-section.trust-strip .partner-logo-card.abet .partner-logo-img{max-height:18px;}
}


/* V181: HPL-Trägerplatten- und Verpresskonfigurator */
.order-item-composite{display:grid;gap:7px;margin-top:10px;padding:10px;border:1px solid #d8c56a;border-radius:9px;background:#fffbea}
.cart-composite-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid #caa900;border-radius:8px;background:#ffcf00;color:#111;font-weight:850;cursor:pointer}
.cart-composite-button:hover,.cart-composite-button:focus-visible{background:#f3c400;outline:2px solid rgba(202,169,0,.25);outline-offset:2px}
.order-item-composite span{font-size:12px;line-height:1.45;color:var(--muted)}
.cart-linked-composite{display:block;margin-top:5px;padding:8px 9px;border-left:3px solid var(--yellow-dark);border-radius:6px;background:#fffbea;font-size:12px;line-height:1.4}
.composite-press-dialog-card{width:min(840px,calc(100vw - 28px));max-height:min(90vh,860px);overflow:auto}
.composite-press-source{margin:12px 0;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);font-size:13px;line-height:1.45}
.composite-press-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.composite-press-wide{grid-column:1/-1}
.composite-press-summary{margin-top:14px;padding:12px;border:1px solid #e0d495;border-radius:9px;background:#fffbea;font-size:13px;line-height:1.5}
.composite-press-summary strong{display:block;margin-bottom:3px}
.composite-press-note{margin-top:10px;padding:10px 12px;border-left:3px solid var(--yellow-dark);background:#f7f6f1;font-size:12px;line-height:1.5;color:var(--muted)}
.composite-press-dialog .door-partner-dialog-actions{margin-top:15px}
@media (max-width:700px){
  .composite-press-dialog-card{width:calc(100vw - 16px);padding:20px 15px 16px}
  .composite-press-grid{grid-template-columns:1fr;gap:9px}
  .composite-press-wide{grid-column:auto}
  .composite-press-dialog .door-partner-dialog-actions{display:grid;grid-template-columns:1fr}
}


/* V182: Horatec entfernt, neun Partner ausgewogen in 5 + 4 */
@media (min-width:961px){
  .partner-section.trust-strip .partner-logos{grid-template-columns:repeat(10,minmax(0,1fr));}
  .partner-section.trust-strip .partner-logo-card{grid-column:span 2;}
  .partner-section.trust-strip .partner-logo-card:nth-child(6){grid-column:2 / span 2;}
}


/* V183: erweiterter Verbundplatten-Konfigurator */
.composite-option-box{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}
.composite-check{display:flex!important;align-items:center;gap:8px;font-weight:800!important}
.composite-check input{width:auto;min-height:auto;margin:0}
.composite-finish-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.composite-finish-dimensions label{display:grid;gap:5px;font-size:12px;font-weight:750}
.composite-finish-dimensions input:disabled{opacity:.55;background:#ecece8}
@media (max-width:700px){.composite-finish-dimensions{grid-template-columns:1fr}}


/* V185: ausgewogene Partnerleiste und direkter Verbund-Konfigurator */
@media (min-width:961px){
  .search-panel .trust-strip .partner-logos,
  .partner-section.trust-strip .partner-logos{
    display:grid!important;
    grid-template-columns:repeat(10,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .search-panel .trust-strip .partner-logo-card,
  .partner-section.trust-strip .partner-logo-card{
    grid-column:span 2;
    min-height:58px!important;
    padding:7px 10px!important;
  }
  .search-panel .trust-strip .partner-logo-card:nth-child(6),
  .partner-section.trust-strip .partner-logo-card:nth-child(6){grid-column:2 / span 2;}
  .digital-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (min-width:701px) and (max-width:960px){
  .search-panel .trust-strip .partner-logos,
  .partner-section.trust-strip .partner-logos{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .digital-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:700px){
  .search-panel .trust-strip .partner-logos,
  .partner-section.trust-strip .partner-logos{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .digital-tools-grid{grid-template-columns:1fr!important;}
}
.search-panel .trust-strip .partner-logo-card.abet .partner-logo-img,
.partner-section.trust-strip .partner-logo-card.abet .partner-logo-img{max-width:88%!important;max-height:30px!important;}
.composite-surface-picker{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(210px,1fr) minmax(280px,1.8fr);gap:10px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);}
.composite-surface-picker[hidden]{display:none!important;}
.composite-surface-record-field{min-width:0;}
.composite-surface-picker select{width:100%;}
@media (max-width:820px){.composite-surface-picker{grid-template-columns:1fr;}}

/* V185b: Verbundwerkzeug direkt im Zuschnitt-Werkzeug */
.digital-tool-button-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;}
@media (min-width:961px){.digital-tools-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
@media (max-width:700px){.digital-tool-button-stack{grid-template-columns:1fr;}}


/* V186: klare Plattenbearbeitung und Dekorsuche im Verbundkonfigurator */
@media (min-width:961px){
  .digital-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .production-tool-card{grid-column:1/-1!important;}
}
.production-tool-card{
  display:grid!important;
  grid-template-columns:minmax(210px,.75fr) minmax(0,2.25fr)!important;
  gap:16px!important;
  min-height:auto!important;
  padding:16px!important;
  align-items:stretch!important;
}
.production-tool-intro{display:flex;gap:11px;align-items:flex-start;min-width:0;}
.production-tool-intro .digital-tool-copy{display:grid;gap:5px;}
.production-tool-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.production-tool-action{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  gap:7px 10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  min-width:0;
}
.production-tool-action-icon{
  grid-row:1/3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:9px;
  background:#fff1a9;
  color:#262626;
}
.production-tool-action-icon svg{width:20px;height:20px;}
.production-tool-action strong{display:block;font-size:15px;line-height:1.2;}
.production-tool-action span{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:var(--muted);}
.production-tool-action .digital-tool-button{grid-column:1/-1;width:100%;margin-top:2px;}
.composite-surface-picker{grid-template-columns:minmax(170px,.8fr) minmax(230px,1.2fr)!important;}
.composite-surface-search-field,.composite-surface-record-field{grid-column:1/-1;}
.composite-surface-search-wrap{position:relative;}
.composite-surface-search-wrap input{width:100%;padding-right:44px;}
.composite-surface-search-wrap button{
  position:absolute;
  top:50%;
  right:6px;
  transform:translateY(-50%);
  width:32px;
  min-height:32px;
  padding:0;
  border:0;
  border-radius:7px;
  background:#eceeea;
  color:#333;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.composite-surface-search-status{margin-top:5px;}
@media (max-width:960px){
  .production-tool-card{grid-template-columns:1fr!important;}
  .production-tool-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .production-tool-actions{grid-template-columns:1fr;}
  .composite-surface-picker{grid-template-columns:1fr!important;}
  .composite-surface-search-field,.composite-surface-record-field{grid-column:auto;}
}


/* V187: Plattenbearbeitung deutlich kompakter */
@media (min-width:961px){
  .compact-plate-tool{grid-column:1 / span 2 !important;}
}
.compact-plate-tool{
  min-height:auto !important;
  grid-template-rows:auto auto !important;
  gap:10px !important;
  padding:12px 14px !important;
}
.compact-plate-tool-head{display:flex;align-items:center;gap:10px;min-width:0;}
.compact-plate-tool-head .digital-tool-copy{gap:2px !important;}
.compact-plate-tool-head .digital-tool-copy h3{font-size:16px !important;margin:0;}
.compact-plate-tool-head .digital-tool-copy p{font-size:11.5px !important;line-height:1.35 !important;}
.compact-plate-tool-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.compact-plate-tool-button{
  display:flex;align-items:center;gap:10px;min-width:0;
  min-height:48px;padding:10px 12px;
  border:1px solid var(--line);border-radius:9px;background:#fff;
  text-align:left;cursor:pointer;
}
.compact-plate-tool-button.primary{border-color:#c5a600;background:#fffdf0;}
.compact-plate-tool-button:hover{border-color:#a5abb1;background:#fafafa;}
.compact-plate-tool-button.primary:hover{border-color:#ab9300;background:#fff9df;}
.compact-plate-tool-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:8px;background:#fff1a6;color:#17191b;}
.compact-plate-tool-icon svg{width:19px;height:19px;}
.compact-plate-tool-copy{display:grid;gap:1px;min-width:0;}
.compact-plate-tool-copy strong{display:block;font-size:14px;line-height:1.2;}
.compact-plate-tool-copy small{display:block;font-size:11px;line-height:1.3;color:var(--muted);}
@media (max-width:960px){
  .compact-plate-tool-actions{grid-template-columns:1fr 1fr;}
}
@media (max-width:700px){
  .compact-plate-tool-actions{grid-template-columns:1fr;}
  .compact-plate-tool{padding:12px !important;}
}


/* V188: Digitale Werkzeuge symmetrisch und Plattenbearbeitung eingepasst */
@media (min-width:961px){
  .digital-tools-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:10px !important;}
  .compact-plate-tool{grid-column:auto !important;}
}
.digital-tool-card,
.digital-tool-card.featured,
.digital-tool-card.compact,
.compact-plate-tool{
  min-height:188px !important;
  height:100% !important;
  grid-template-rows:auto auto 1fr auto !important;
  padding:13px !important;
}
.digital-tool-heading{display:flex !important;align-items:flex-start !important;gap:9px !important;min-width:0;}
.digital-tool-copy h3{font-size:15.5px !important;line-height:1.18 !important;}
.digital-tool-copy p{font-size:12px !important;line-height:1.38 !important;}
.compact-plate-tool{gap:8px !important;}
.compact-plate-tool .digital-tool-copy p{margin:2px 0 0 !important;}
.compact-plate-tool-actions.stacked{display:grid !important;grid-template-columns:1fr !important;gap:7px !important;margin-top:auto !important;}
.compact-plate-tool-button.mini{
  min-height:48px !important;
  padding:8px 10px !important;
  border-radius:8px !important;
}
.compact-plate-tool-button.mini .compact-plate-tool-icon{width:28px !important;height:28px !important;border-radius:7px !important;}
.compact-plate-tool-button.mini .compact-plate-tool-icon svg{width:17px !important;height:17px !important;}
.compact-plate-tool-button.mini .compact-plate-tool-copy strong{font-size:13px !important;line-height:1.15 !important;}
.compact-plate-tool-button.mini .compact-plate-tool-copy small{font-size:10.5px !important;line-height:1.25 !important;}
.digital-tool-input-row input{min-height:36px !important;}
.digital-tool-button,.digital-tool-button.primary{min-height:36px !important;padding:7px 10px !important;font-size:12px !important;}
.digital-tool-card>label{font-size:11.5px !important;}
@media (max-width:1200px){
  .digital-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:960px){
  .digital-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .digital-tool-card, .digital-tool-card.featured, .digital-tool-card.compact, .compact-plate-tool{min-height:180px !important;}
}
@media (max-width:700px){
  .digital-tools-grid{grid-template-columns:1fr !important;}
  .digital-tool-card, .digital-tool-card.featured, .digital-tool-card.compact, .compact-plate-tool{min-height:auto !important;}
}


/* V190: sichtbarer Filter-Reset direkt im Filterbereich */
.filter-tool-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.filter-reset-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;}
.filter-reset-icon{font-size:20px;line-height:1;font-weight:500;transform:translateY(-1px);}
.filter-reset-button:hover{border-color:#a98f00;background:#fffbea;}
@media (max-width:960px){
  .filter-tools{width:100%;gap:8px;}
  .filter-tool-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .filter-tool-buttons .secondary-button{width:100%;}
}
@media (max-width:430px){
  .filter-tool-buttons{grid-template-columns:1fr;}
}


/* V195: vereinbarter Rabatt je Warenkorbposition */
.order-item-discount{
  display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:10px;align-items:end;
  margin-top:4px;padding:10px;border:1px solid #d9dde1;border-radius:9px;background:#fffdf2;
}
.order-item-discount .field{margin:0;}
.order-item-discount input{min-height:40px;}
.order-item-discount-note{font-size:11.5px;line-height:1.4;color:#5f5640;padding-bottom:3px;}
@media (max-width:700px){.order-item-discount{grid-template-columns:1fr;}.order-item-discount-note{padding-bottom:0;}}


/* V197: mehrere Verbundaufbauten je Belag */
.cart-composite-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.cart-composite-button.secondary{background:#fff;border-color:var(--line-strong);box-shadow:none;}
.cart-composite-button.secondary:hover{background:#f7f7f4;border-color:#9da3a8;}
@media (max-width:700px){.cart-composite-actions{grid-template-columns:1fr;}}

/* V206: Anfrageführung, Fortschritt, Prüfübersicht und Ansprechpartner */
.config-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px auto;max-width:1500px;padding:0 18px}.config-progress__item{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #d8d8d8;border-radius:12px;background:#fff;color:#555;min-width:0}.config-progress__item span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ededed;font-weight:800;color:#222;flex:0 0 auto}.config-progress__item strong{font-size:.9rem;line-height:1.2}.config-progress__item.is-active,.config-progress__item.is-complete{border-color:#e1b100;background:#fffaf0;color:#111}.config-progress__item.is-active span,.config-progress__item.is-complete span{background:#f6c600}.inquiry-primary-panel{border-color:#e1b100;background:linear-gradient(135deg,#fffdf7,#fff7d6)}.send-confidence-note{font-size:.88rem;color:#3e4a3e;text-align:center;margin:-2px 0 10px}.advisor-dock{position:sticky;bottom:10px;z-index:5;margin-top:18px;padding:12px 14px;border:1px solid #d8d8d8;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 6px 24px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;backdrop-filter:blur(8px)}.advisor-dock>div:first-child{display:flex;flex-direction:column;gap:2px}.advisor-dock span{font-size:.84rem;color:#666}.advisor-dock__actions{display:flex;gap:8px;flex-wrap:wrap}.advisor-dock__actions a{padding:8px 11px;border-radius:9px;border:1px solid #cfcfcf;text-decoration:none;color:#111;font-weight:700;font-size:.82rem;background:#fff}.advisor-dock__actions a:hover{border-color:#e1b100;background:#fff9df}.send-review[hidden]{display:none}.send-review{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px}.send-review__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}.send-review__dialog{position:relative;width:min(900px,100%);max-height:min(88vh,920px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.send-review__head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #e5e5e5;background:#fff}.send-review__head h2{margin:3px 0 0;font-size:1.45rem}.send-review__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;color:#856800}.send-review__close{width:38px;height:38px;border:1px solid #d2d2d2;border-radius:50%;background:#fff;font-size:1.5rem;cursor:pointer}.send-review__content{padding:20px 22px;display:grid;gap:14px}.review-block{border:1px solid #dedede;border-radius:12px;padding:14px 16px}.review-block h3{margin:0 0 10px;font-size:1rem}
.review-customer-note{border-color:#d93025;background:#fff3f1;box-shadow:0 0 0 1px rgba(217,48,37,.08) inset}
.review-customer-note h3{color:#b3261e}.review-customer-note .review-product{border-left:4px solid #d93025;background:#fff8f7;color:#111;font-weight:800}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.review-row{display:flex;flex-direction:column;gap:3px}.review-row span{font-size:.76rem;color:#666;text-transform:uppercase;letter-spacing:.04em}.review-row strong{font-size:.95rem;white-space:pre-wrap}.review-products{display:grid;gap:10px}.review-product{padding:12px;border-radius:9px;background:#f7f7f7;white-space:pre-wrap;font-size:.88rem;line-height:1.45}.send-review__actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #e5e5e5;background:#fff}.send-review__edit,.send-review__confirm{padding:12px 16px;border-radius:10px;font-weight:800;cursor:pointer}.send-review__edit{border:1px solid #bbb;background:#fff}.send-review__confirm{border:1px solid #111;background:#f6c600;color:#111}.send-review__confirm:disabled{opacity:.55;cursor:not-allowed}.send-review__status{margin:0 22px 2px;padding:11px 13px;border:1px solid #d8d8d8;border-radius:10px;background:#f7f7f7;color:#333;font-size:.88rem;font-weight:700;line-height:1.4}.send-review__status.is-sending{border-color:#d8bd45;background:#fff9dd;color:#5d4b00}.send-review__status.is-error{border-color:#d93025;background:#fff3f1;color:#a3221a}
@media(max-width:760px){.config-progress{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px}.config-progress__item{padding:10px}.config-progress__item strong{font-size:.78rem}.advisor-dock{align-items:flex-start;flex-direction:column}.review-grid{grid-template-columns:1fr}.send-review{padding:8px}.send-review__dialog{max-height:94vh;border-radius:12px}.send-review__actions{display:grid;grid-template-columns:1fr 1fr}.send-review__edit,.send-review__confirm{padding:12px 8px}}


/* V208: kompakte Rabattdarstellung, klare Anfrageübersicht, dualer Versand und HPL-Musterbezug */
.order-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
.order-head-main{min-width:0;width:100%}
.order-head h2{white-space:nowrap;overflow:visible;text-overflow:clip;font-size:clamp(18px,2vw,21px)}
.order-head-actions{justify-content:flex-end;width:100%;flex-wrap:wrap}
.order-item-variant{color:#343a3f!important;font-weight:700}
.sample-hpl-reference{padding:8px 9px;border:1px solid #bfcddd;border-radius:8px;background:#f4f8fc;color:#26384b!important;line-height:1.4}
.order-item-discount--compact{display:inline-flex;align-items:center;gap:5px;justify-self:start;width:auto;max-width:100%;margin-top:2px;padding:3px 7px;border:1px solid #ddd7bd;border-radius:999px;background:#faf8ef;color:#655f4b;font-size:10px;line-height:1.2}
.order-item-discount--compact span{font-weight:700}
.order-item-discount--compact strong{font-size:10px;color:#312e24}
.order-item-discount--compact small{font-size:9px;color:#77705a}
.send-actions-dual{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.send-action-card{display:grid;grid-template-rows:auto 1fr;gap:6px;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff}
.send-action-card.is-primary{border-color:#d6b100;background:#fffaf0}
.send-action-card .send-button{width:100%;height:100%;min-height:52px}
.send-action-card.is-order .send-button{background:#fff;border-color:#111}
.send-action-card .send-confidence-note{margin:0;text-align:left;font-size:11px;line-height:1.35;color:#5b6267}
.delivery-date-error{margin-top:1px}
@media(max-width:620px){
  .send-actions-dual{grid-template-columns:1fr}
  .order-head-actions{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}
  .order-head-actions button{width:100%}
  .order-item-discount--compact small{display:none}
}


/* V210: Die Anfrageübersicht ruht als kompakter, dauerhaft sichtbarer Desktop-Auslöser rechts. */
@media (min-width:961px){
  body.desktop-cart-collapsed .desktop-cart-launcher{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"kicker count" "preview preview" "meta meta";
    align-items:center;
    justify-items:start;
    width:min(300px,calc(100vw - 28px));
    min-width:230px;
    min-height:0;
    top:44%;
    padding:12px 14px 11px;
    gap:4px 10px;
    border-radius:14px 0 0 14px;
    text-align:left;
  }
  .desktop-cart-launcher__kicker{grid-area:kicker;max-width:none!important;font-size:12px!important;font-weight:900;line-height:1.2;text-align:left!important}
  .desktop-cart-launcher__preview{grid-area:preview;display:-webkit-box;max-width:100%!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px!important;line-height:1.3;text-align:left!important;overflow-wrap:anywhere}
  .desktop-cart-launcher__meta{grid-area:meta;display:flex;align-items:center;gap:8px;max-width:none!important;margin-top:3px;font-size:11px!important;line-height:1.2;text-align:left!important}
  .desktop-cart-launcher__meta strong{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:#111;color:#fff;font-size:11px}
  .desktop-cart-launcher:hover{transform:translateX(-3px);box-shadow:0 16px 38px rgba(0,0,0,.22)}
  .order-panel.desktop-expanded{width:min(1040px,calc(100vw - 44px))}
}


/* V211: echte Sofortsuche direkt unter dem Suchfeld */
.search-main>.field:first-child{position:relative}
.query-suggestions{
  position:absolute;
  z-index:80;
  left:0;
  right:0;
  top:calc(100% + 6px);
  margin:0;
  padding:8px;
  border:1px solid #c9cdd1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  max-height:min(520px,65vh);
  overflow:auto;
}
.live-search-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 6px 8px;border-bottom:1px solid #eceeef}
.live-search-heading strong{font-size:13px}.live-search-heading span{font-size:11px;color:#697077}
.live-search-options{display:grid;gap:5px;padding-top:6px}
.live-search-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}
.live-search-option{display:grid;gap:3px;min-width:0;text-align:left;border:1px solid transparent;border-radius:9px;background:#fff;padding:9px 10px;cursor:pointer}
.live-search-option strong{font-size:13px;line-height:1.25;overflow-wrap:anywhere}.live-search-option span{font-size:11px;line-height:1.3;color:#626a70}
.live-search-option:hover,.live-search-option:focus-visible{border-color:#d1ad00;background:#fffbea;outline:none}
.live-search-add{min-width:100px;border:1px solid #c9a800;border-radius:9px;background:var(--yellow);padding:8px 11px;font-size:12px;font-weight:900;cursor:pointer}
.live-search-add:hover,.live-search-add:focus-visible{background:#ffe34f;outline:2px solid #111;outline-offset:1px}
.query-suggestions .suggestion-title{margin-top:8px;padding-top:8px;border-top:1px solid #eceeef}
@media(max-width:640px){
  .query-suggestions{position:fixed;left:8px;right:8px;top:132px;max-height:calc(100vh - 150px)}
  .live-search-option-row{grid-template-columns:minmax(0,1fr)}
  .live-search-add{width:100%}
}


/* V212: sofort erkennbare Pflichtfelder mit positiver Abschlussrückmeldung */
.order-form .field.is-required-pending > label .required-mark{
  color:#a51f2b;
  font-weight:900;
}
.order-form .field.is-required-pending > input,
.order-form .field.is-required-pending > select,
.order-form .field.is-required-pending > textarea{
  border-color:#c93643 !important;
  background:#fff0f1 !important;
  box-shadow:inset 5px 0 0 #c93643, 0 0 0 3px rgba(201,54,67,.14) !important;
}
.order-form .field.is-required-pending > input::placeholder,
.order-form .field.is-required-pending > textarea::placeholder{
  color:#8b5f64;
  opacity:1;
}
.order-form .field.is-required-complete > label .required-mark{
  color:#157a35;
  font-weight:900;
}
.order-form .field.is-required-complete > input,
.order-form .field.is-required-complete > select,
.order-form .field.is-required-complete > textarea{
  border-color:#258b46 !important;
  background:#effcf2 !important;
  box-shadow:inset 5px 0 0 #258b46, 0 0 0 4px rgba(37,139,70,.18) !important;
}
.order-form .field.is-required-complete > label::after{
  content:'  ✓ ausgefüllt';
  color:#157a35;
  font-size:11px;
  font-weight:900;
}
.order-form .field.is-required-pending > input:focus,
.order-form .field.is-required-pending > select:focus,
.order-form .field.is-required-pending > textarea:focus{
  box-shadow:inset 5px 0 0 #c93643, 0 0 0 4px rgba(201,54,67,.22) !important;
}
.order-form .field.is-required-complete > input:focus,
.order-form .field.is-required-complete > select:focus,
.order-form .field.is-required-complete > textarea:focus{
  box-shadow:inset 5px 0 0 #258b46, 0 0 0 5px rgba(37,139,70,.25) !important;
}
@keyframes required-success-glow{
  0%{filter:none;transform:translateZ(0)}
  35%{filter:drop-shadow(0 0 9px rgba(45,180,82,.72));transform:translateZ(0) scale(1.003)}
  100%{filter:none;transform:translateZ(0)}
}
.order-form .field.required-success-pulse{
  animation:required-success-glow .62s ease-out;
}
@media (prefers-reduced-motion:reduce){
  .order-form .field.required-success-pulse{animation:none}
}


/* V213: Mobile-first Anfrageübersicht. Kompakte Bottom-Bar, ein Tipp öffnet Vollbild. */
.mobile-cart-launcher{display:none}
@media (max-width:960px){
  body{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
  body.cart-open{overflow:hidden!important;padding-bottom:0!important}
  .header-cart-button{display:none!important}
  .mobile-cart-close,.mobile-cart-backdrop{display:none!important}

  .mobile-cart-launcher{
    display:grid;
    position:fixed;
    z-index:118;
    left:8px;
    right:8px;
    bottom:max(8px,env(safe-area-inset-bottom,0px));
    grid-template-columns:38px minmax(0,1fr) auto 20px;
    align-items:center;
    gap:9px;
    min-height:78px;
    padding:10px 11px;
    border:1px solid #b99d00;
    border-radius:16px;
    background:linear-gradient(135deg,#ffd600 0%,#ffe65c 100%);
    color:#111;
    box-shadow:0 16px 38px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.55) inset;
    text-align:left;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,opacity .16s ease;
  }
  .mobile-cart-launcher:active{transform:scale(.985)}
  .mobile-cart-launcher:focus-visible{outline:3px solid #111;outline-offset:2px}
  body.cart-open .mobile-cart-launcher{
    opacity:0;
    pointer-events:none;
    transform:translateY(18px);
  }
  .mobile-cart-launcher__icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:12px;
    background:#111;
    color:#fff;
    font-size:18px;
    font-weight:950;
  }
  .mobile-cart-launcher__copy{display:grid;gap:1px;min-width:0}
  .mobile-cart-launcher__kicker{font-size:11px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
  .mobile-cart-launcher__preview{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
    line-height:1.25;
    font-weight:850;
  }
  .mobile-cart-launcher__more{font-size:10px;line-height:1.15;color:#4e4700;font-weight:800}
  .mobile-cart-launcher__badge{display:grid;justify-items:center;gap:1px;min-width:52px}
  .mobile-cart-launcher__badge strong{
    display:grid;
    place-items:center;
    min-width:31px;
    height:31px;
    padding:0 7px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(17,17,17,.18);
    font-size:14px;
    font-weight:950;
  }
  .mobile-cart-launcher__badge span{font-size:9px;font-weight:850;color:#484100}
  .mobile-cart-launcher__chevron{font-size:22px;font-weight:950;line-height:1}

  .order-panel{
    position:fixed!important;
    z-index:125!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:translateY(104%)!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility 0s linear .25s!important;
    background:#fff!important;
  }
  .order-panel.mobile-open{
    transform:translateY(0)!important;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .18s ease!important;
  }
  .order-head{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    min-height:74px!important;
    padding:max(12px,env(safe-area-inset-top,0px)) 14px 12px!important;
    border-bottom:1px solid var(--line)!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(12px)!important;
    box-shadow:0 4px 18px rgba(0,0,0,.07)!important;
  }
  .order-head-main{min-width:0!important}
  .order-head h2{font-size:20px!important;line-height:1.15!important}
  .order-head p{display:block!important;margin-top:3px!important;max-width:560px!important;font-size:11px!important;line-height:1.3!important}
  .order-head-actions{display:block!important}
  .mobile-cart-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:86px!important;
    min-height:42px!important;
    padding:9px 12px!important;
    border-color:#d8bcbc!important;
    background:#fff7f7!important;
    color:#8b2020!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  .mobile-cart-toggle[aria-expanded="true"]{background:#fff7f7!important;border-color:#d8bcbc!important}
  .order-body{
    height:calc(100dvh - 74px)!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:14px 12px calc(26px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media (max-width:430px){
  .mobile-cart-launcher{left:6px;right:6px;bottom:max(6px,env(safe-area-inset-bottom,0px));grid-template-columns:34px minmax(0,1fr) auto 17px;gap:7px;min-height:72px;padding:9px;border-radius:14px}
  .mobile-cart-launcher__icon{width:34px;height:34px;border-radius:10px;font-size:16px}
  .mobile-cart-launcher__preview{font-size:12px}
  .mobile-cart-launcher__badge{min-width:44px}
  .mobile-cart-launcher__badge strong{min-width:29px;height:29px;font-size:13px}
  .mobile-cart-launcher__badge span{font-size:8px}
  .order-head{grid-template-columns:minmax(0,1fr) 78px!important;padding-left:11px!important;padding-right:10px!important}
  .order-head h2{font-size:18px!important}
  .order-head p{font-size:10px!important}
  .mobile-cart-toggle{min-width:76px!important;padding:8px 9px!important;font-size:12px!important}
  .order-body{padding-left:9px!important;padding-right:9px!important}
}

@keyframes mobile-cart-launcher-pulse{
  0%{transform:scale(1);box-shadow:0 16px 38px rgba(0,0,0,.24)}
  42%{transform:scale(1.025);box-shadow:0 18px 46px rgba(0,0,0,.28),0 0 0 6px rgba(255,214,0,.28)}
  100%{transform:scale(1);box-shadow:0 16px 38px rgba(0,0,0,.24)}
}
@media (max-width:960px){
  .mobile-cart-launcher.cart-add-pulse{animation:mobile-cart-launcher-pulse .5s ease-out}
}
@media (prefers-reduced-motion:reduce){
  .mobile-cart-launcher,.order-panel{transition:none!important}
  .mobile-cart-launcher.cart-add-pulse{animation:none!important}
}


/* V214: Suchtreffer sind selbst die Auswahl. Das Dropdown sitzt bündig an der Suchleiste. */
.query-suggestions{
  top:calc(100% - 1px)!important;
  padding:7px!important;
  border-color:#aeb4ba!important;
  border-top-color:#d9dde1!important;
  border-radius:0 0 13px 13px!important;
  box-shadow:0 18px 38px rgba(18,25,31,.18)!important;
}
.live-search-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:38px;
  padding:3px 4px 7px!important;
}
.live-search-heading__copy{display:grid;gap:1px;min-width:0}
.live-search-heading__copy>strong{font-size:13px;line-height:1.2}
.live-search-heading__copy>span{font-size:10px;color:#6a7177}
.live-search-dismiss{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:30px;
  height:30px;
  border:1px solid #d6dade;
  border-radius:8px;
  background:#fff;
  color:#30363b;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.live-search-dismiss:hover,.live-search-dismiss:focus-visible{border-color:#111;background:#f4f5f6;outline:2px solid #111;outline-offset:1px}
.live-search-options{display:grid!important;gap:3px!important;padding-top:4px!important}
.live-search-option{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:54px;
  padding:9px 11px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
}
.live-search-option__copy{display:grid;gap:3px;min-width:0}
.live-search-option__copy strong{font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.live-search-option__copy>span{font-size:11px;line-height:1.3;color:#626a70}
.live-search-option__chevron{font-size:23px;line-height:1;color:#8a9197;transition:transform .14s ease,color .14s ease}
.live-search-option:hover,.live-search-option:focus-visible{border-color:#c9a800!important;background:#fffbea!important;outline:none!important}
.live-search-option:hover .live-search-option__chevron,.live-search-option:focus-visible .live-search-option__chevron{color:#111;transform:translateX(2px)}
.live-search-option-row,.live-search-add{display:none!important}

.live-search-show-all{
  display:grid!important;
  gap:2px!important;
  width:100%!important;
  margin-top:6px!important;
  padding:10px 12px!important;
  border:1px solid #d1ad00!important;
  border-radius:10px!important;
  background:#fff6bf!important;
  color:#111!important;
  text-align:left!important;
  cursor:pointer!important;
}
.live-search-show-all span{font-size:13px;font-weight:900;line-height:1.2}
.live-search-show-all small{font-size:10px;font-weight:750;color:#626a70;line-height:1.25}
.live-search-show-all:hover,.live-search-show-all:focus-visible{background:#ffec63!important;border-color:#111!important;outline:2px solid #111!important;outline-offset:1px!important}

/* V214: professionelle, ruhige Desktop-Anfragekarte statt vollflächiger gelber Seitenlasche. */
@media (min-width:961px){
  body.desktop-cart-collapsed .desktop-cart-launcher{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    grid-template-areas:
      "icon kicker count"
      "icon preview chevron"!important;
    align-items:center!important;
    justify-items:stretch!important;
    width:min(292px,calc(100vw - 32px))!important;
    min-width:248px!important;
    min-height:84px!important;
    top:50%!important;
    right:14px!important;
    padding:12px 13px!important;
    gap:4px 11px!important;
    border:1px solid #d5d9dc!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.97)!important;
    color:#111!important;
    box-shadow:0 16px 42px rgba(19,27,33,.17),inset 4px 0 0 #ffd300!important;
    backdrop-filter:blur(8px);
    transform:translateY(-50%)!important;
    text-align:left!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher:hover{
    border-color:#b8bdc2!important;
    box-shadow:0 20px 52px rgba(19,27,33,.22),inset 4px 0 0 #ffd300!important;
    transform:translate(-3px,-50%)!important;
    filter:none!important;
  }
  .desktop-cart-launcher__icon{
    grid-area:icon;
    display:grid!important;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:11px;
    background:#111;
    color:#fff;
  }
  .desktop-cart-launcher__icon svg{width:22px;height:22px}
  .desktop-cart-launcher__kicker{
    grid-area:kicker!important;
    display:block!important;
    max-width:none!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.055em;
    line-height:1.15!important;
    text-transform:uppercase;
    color:#454b50;
    text-align:left!important;
  }
  .desktop-cart-launcher__preview{
    grid-area:preview!important;
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px!important;
    font-weight:800;
    line-height:1.3!important;
    color:#111;
    text-align:left!important;
  }
  .desktop-cart-launcher__meta{
    grid-area:count!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    max-width:none!important;
    margin:0!important;
    font-size:9px!important;
    line-height:1!important;
    color:#646b70;
    text-align:right!important;
  }
  .desktop-cart-launcher__meta strong{
    display:grid!important;
    place-items:center!important;
    min-width:25px!important;
    height:25px!important;
    padding:0 7px;
    border-radius:999px!important;
    background:#eceff1!important;
    color:#30363a!important;
    font-size:11px!important;
  }
  .desktop-cart-launcher.has-items .desktop-cart-launcher__meta strong{background:#ffd300!important;color:#111!important}
  .desktop-cart-launcher__meta span{max-width:none!important;font-size:9px!important;text-align:right!important}
  .desktop-cart-launcher__chevron{
    grid-area:chevron;
    display:block!important;
    align-self:center;
    max-width:none!important;
    font-size:24px!important;
    font-weight:500!important;
    line-height:1!important;
    color:#777e84;
    text-align:right!important;
  }
  .desktop-cart-launcher.has-items .desktop-cart-launcher__icon{background:#111;color:#ffd300}
}

@media(max-width:640px){
  .query-suggestions{position:absolute!important;left:0!important;right:0!important;top:calc(100% - 1px)!important;max-height:min(440px,58vh)!important}
  .live-search-option{min-height:58px!important;padding:10px 11px!important}
}

.desktop-cart-launcher__kicker--icon{display:flex!important;align-items:center;justify-content:center;min-height:22px;padding:0!important}
.desktop-cart-launcher__kicker--icon svg{width:20px;height:20px;display:block}


/* V218: Amazon-inspirierter Suchfokus, klare Lupe und professioneller mitlaufender Warenkorb. */
.search-focus-backdrop{
  display:none;
  position:fixed;
  inset:0;
  z-index:120;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(16,20,24,.42);
  backdrop-filter:blur(.8px);
  cursor:default;
}
body.search-focus-mode .search-focus-backdrop{display:block}
body.search-focus-mode .search-main>.field:first-child{
  position:relative;
  z-index:124;
  margin:-9px;
  padding:9px;
  border-radius:13px;
  background:#fff;
  box-shadow:0 18px 46px rgba(0,0,0,.25);
}
body.search-focus-mode .query-suggestions{z-index:126!important}
.search-input-wrap input{padding-right:104px!important}
.search-submit-button{
  position:absolute;
  right:7px;
  top:50%;
  z-index:4;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  translate:0 -50%;
  border:1px solid #c99f00;
  border-radius:9px;
  background:#ffd814;
  color:#111;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
}
.search-submit-button svg{width:24px;height:24px}
.search-submit-button:hover{background:#f7ca00;border-color:#a88700}
.search-submit-button:focus-visible{outline:3px solid #111;outline-offset:2px}
.query-clear-button{right:59px!important;z-index:5!important}
.query-suggestions{z-index:126!important}
.live-search-dismiss{position:relative;z-index:3;pointer-events:auto!important;touch-action:manipulation}

.catalog-item-status.non-stock-article{
  border-color:#d18b00!important;
  background:#fff5dc!important;
  color:#6f4300!important;
}

.desktop-cart-close,.mobile-cart-toggle,.mobile-cart-close,.order-head-actions{
  position:relative!important;
  z-index:30!important;
  pointer-events:auto!important;
  touch-action:manipulation;
}
.desktop-cart-backdrop{z-index:139!important}
.order-panel.desktop-expanded{z-index:140!important}
.mobile-cart-backdrop{z-index:139!important}
.order-panel.mobile-open{z-index:140!important}

@media(min-width:961px){
  body.desktop-cart-collapsed .desktop-cart-launcher{
    display:grid!important;
    position:fixed!important;
    right:14px!important;
    top:50%!important;
    z-index:130!important;
    width:166px!important;
    min-width:166px!important;
    min-height:78px!important;
    transform:translateY(-50%)!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    grid-template-areas:"icon preview meta" "icon preview chevron"!important;
    align-items:center!important;
    gap:4px 8px!important;
    padding:10px 10px 10px 12px!important;
    border:1px solid #0f1111!important;
    border-right:0!important;
    border-radius:10px 0 0 10px!important;
    background:linear-gradient(180deg,#121920 0%,#0f141a 100%)!important;
    color:#ffffff!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
    text-align:left!important;
    cursor:pointer!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher:hover{
    transform:translate(-3px,-50%)!important;
    box-shadow:0 14px 28px rgba(0,0,0,.24)!important;
    background:linear-gradient(180deg,#151d25 0%,#11171d 100%)!important;
  }
  .desktop-cart-launcher__icon{
    grid-area:icon!important;
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#ffffff!important;
  }
  .desktop-cart-launcher__icon svg{width:26px!important;height:26px!important}
  .desktop-cart-launcher__copy{grid-area:preview;min-width:0;display:grid;align-content:center}
  .desktop-cart-launcher__preview{
    display:-webkit-box!important;
    max-width:100%!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.22!important;
    text-align:left!important;
    color:#ffffff!important;
  }
  .desktop-cart-launcher__meta{
    grid-area:meta!important;
    display:grid!important;
    justify-items:center!important;
    gap:1px!important;
    min-width:40px!important;
    margin:0!important;
    color:#f6f7f8!important;
  }
  .desktop-cart-launcher__meta strong{
    display:grid!important;
    place-items:center!important;
    min-width:28px!important;
    height:28px!important;
    border:0!important;
    border-radius:999px!important;
    background:#ffd814!important;
    color:#111!important;
    font-size:13px!important;
    font-weight:950!important;
    box-shadow:0 0 0 1px rgba(0,0,0,.15) inset!important;
  }
  .desktop-cart-launcher__meta span{max-width:none!important;font-size:8px!important;font-weight:800!important;text-align:center!important;color:#ffffff!important}
  .desktop-cart-launcher__chevron{grid-area:chevron!important;align-self:start!important;font-size:20px!important;color:#c7d0d8!important}
  .desktop-cart-launcher.has-items .desktop-cart-launcher__icon{background:transparent!important;color:#ffffff!important}
}

@media(max-width:960px){
  body.search-focus-mode .search-main>.field:first-child{margin:-6px;padding:6px}
  .search-focus-backdrop{background:rgba(16,20,24,.46)}
  .query-suggestions{z-index:126!important}
  .mobile-cart-launcher{
    z-index:135!important;
    border:1px solid #c8ccd0!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:0 14px 34px rgba(15,23,32,.24)!important;
  }
  .mobile-cart-launcher__icon{
    background:#131921!important;
    color:#ffd814!important;
  }
  .mobile-cart-launcher__icon svg{width:22px;height:22px}
  .mobile-cart-launcher__badge strong{
    background:#ffd814!important;
    color:#111!important;
    box-shadow:0 0 0 1px #d5aa00 inset!important;
  }
  .mobile-cart-launcher__kicker,.mobile-cart-launcher__badge span{color:#252b31!important}
  body.cart-open .mobile-cart-launcher{opacity:0;pointer-events:none}
}

@media(max-width:430px){
  .search-input-wrap input{padding-right:94px!important}
  .search-submit-button{right:6px;width:40px;height:40px}
  .query-clear-button{right:51px!important;width:34px!important;height:34px!important}
}
@media(min-width:961px){
  .desktop-cart-launcher__copy{max-width:none!important;width:auto!important}
}

/* V219: feste Plattenformate im Warenkorb */
.fixed-panel-calculation .calc-fixed-format-field{min-width:0}
.fixed-format-input[readonly]{background:#f3f4f5!important;color:#202428!important;border-color:#c9cdd1!important;font-weight:800;cursor:not-allowed}
.fixed-format-note{border-left:3px solid #ffd300;padding-left:10px}

/* V220: Amazon-inspirierter Desktop-Warenkorb */
.desktop-cart-launcher__preview{word-break:break-word}


/* V222: kompakter Amazon-inspirierter Desktop-Warenkorb */
@media(min-width:961px){
  body.desktop-cart-collapsed .desktop-cart-launcher{
    display:grid!important;
    position:fixed!important;
    right:0!important;
    top:50%!important;
    z-index:130!important;
    width:170px!important;
    min-width:170px!important;
    min-height:58px!important;
    transform:translateY(-50%)!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
    grid-template-areas:"icon label chevron"!important;
    align-items:center!important;
    gap:9px!important;
    padding:9px 12px!important;
    border:1px solid #222b35!important;
    border-right:0!important;
    border-radius:9px 0 0 9px!important;
    background:#131921!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
    text-align:left!important;
    cursor:pointer!important;
    overflow:visible!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher:hover{
    transform:translate(-3px,-50%)!important;
    background:#18222d!important;
    box-shadow:0 11px 25px rgba(0,0,0,.23)!important;
  }
  .desktop-cart-launcher__icon{
    grid-area:icon!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#fff!important;
  }
  .desktop-cart-launcher__icon svg{width:29px!important;height:29px!important}
  .desktop-cart-launcher__count{
    position:absolute!important;
    top:-5px!important;
    right:-5px!important;
    display:grid!important;
    place-items:center!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 5px!important;
    border:2px solid #131921!important;
    border-radius:999px!important;
    background:#ffd814!important;
    color:#111!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
    box-shadow:none!important;
  }
  .desktop-cart-launcher__label{
    grid-area:label!important;
    display:block!important;
    min-width:0!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-align:left!important;
  }
  .desktop-cart-launcher__chevron{
    grid-area:chevron!important;
    display:block!important;
    align-self:center!important;
    color:#d7dde3!important;
    font-size:22px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  .desktop-cart-launcher__copy,
  .desktop-cart-launcher__preview,
  .desktop-cart-launcher__meta{display:none!important}
}


/* V223: dezenter Header-Warenkorb und flüssigere Ergebnisdarstellung */
.header-cart-button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:1px solid #d8dde2!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#151a20!important;
  box-shadow:0 2px 7px rgba(0,0,0,.06)!important;
}
.header-cart-button svg{width:23px;height:23px;display:block}
.header-cart-button:hover{transform:translateY(-1px)!important;border-color:#aeb5bc!important;box-shadow:0 5px 12px rgba(0,0,0,.10)!important}
.header-cart-button:focus-visible{outline:3px solid #ffd300;outline-offset:2px}
.header-cart-count{
  position:absolute;
  top:-6px;
  right:-6px;
  display:grid;
  place-items:center;
  min-width:21px;
  height:21px;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:999px;
  background:#ffd300;
  color:#111;
  font-size:11px;
  font-weight:950;
  line-height:1;
}
.header-cart-button:not(.has-items) .header-cart-count{background:#eef0f2;color:#59616a}
.results>.card{content-visibility:auto;contain-intrinsic-size:520px;contain:layout paint style}
.query-suggestions{will-change:contents}
@media(max-width:960px){.header-cart-button{display:none!important}}


/* V224: mobile Suche dauerhaft präsent, Warenkorb als einfaches Bottom-Sheet. */
@media(max-width:960px){
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;}
  body.cart-open{padding-bottom:0!important;overflow:hidden!important;}
  .topbar{position:sticky!important;top:0!important;z-index:130!important;}
  .search-panel{padding-top:92px!important;}
  .search-main{
    position:fixed!important;
    top:calc(58px + env(safe-area-inset-top,0px))!important;
    left:12px!important;
    right:12px!important;
    z-index:129!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:8px!important;
    border:1px solid rgba(17,17,17,.14)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.13)!important;
    backdrop-filter:blur(12px)!important;
  }
  .search-main>.field:first-child{margin:0!important;padding:0!important;}
  .search-main label{font-size:11px!important;line-height:1.25!important;margin:0 0 5px!important;}
  .search-input-wrap input{min-height:52px!important;font-size:17px!important;border-radius:14px!important;}
  .query-suggestions{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 7px)!important;max-height:min(48dvh,420px)!important;border-radius:0 0 18px 18px!important;}
  body.search-focus-mode .search-main{z-index:141!important;}
  body.search-focus-mode .query-suggestions{z-index:142!important;}

  .mobile-cart-launcher{
    left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
    min-height:72px!important;
    grid-template-columns:42px minmax(0,1fr) auto 18px!important;
    border-radius:20px!important;
    background:#ffd814!important;
    border:1px solid #c9a000!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  }
  .mobile-cart-launcher.mobile-scroll-hidden{transform:translateY(calc(100% + 22px))!important;opacity:0!important;pointer-events:none!important;}
  .mobile-cart-launcher__kicker{font-size:11px!important;letter-spacing:.05em!important;}
  .mobile-cart-launcher__preview{font-size:14px!important;}
  .mobile-cart-launcher__icon{background:#111820!important;color:#ffd814!important;border-radius:13px!important;}
  .mobile-cart-launcher__badge strong{background:#fff!important;color:#111!important;}

  .mobile-cart-backdrop{display:none!important;position:fixed!important;inset:0!important;z-index:120!important;background:rgba(0,0,0,.42)!important;}
  body.cart-open .mobile-cart-backdrop{display:block!important;}
  .order-panel{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;top:auto!important;inset:auto 0 0 0!important;
    z-index:125!important;
    width:100vw!important;
    height:min(74dvh,720px)!important;
    max-height:74dvh!important;
    border:0!important;
    border-radius:24px 24px 0 0!important;
    box-shadow:0 -18px 60px rgba(0,0,0,.30)!important;
    transform:translateY(112%)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    background:#fff!important;
    transition:transform .23s cubic-bezier(.2,.8,.2,1)!important;
  }
  .order-panel.mobile-open{transform:translateY(0)!important;pointer-events:auto!important;}
  .order-head{
    position:sticky!important;top:0!important;z-index:6!important;
    min-height:64px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;
    padding:12px 14px 10px 14px!important;
    border-bottom:1px solid var(--line)!important;background:#fff!important;border-radius:24px 24px 0 0!important;
    box-shadow:0 2px 12px rgba(0,0,0,.05)!important;
  }
  .order-head h2{font-size:19px!important;line-height:1.1!important;margin:0!important;}
  .order-head p{display:block!important;font-size:11px!important;line-height:1.25!important;margin-top:3px!important;color:#60676e!important;}
  .mobile-cart-toggle{
    display:inline-grid!important;place-items:center!important;min-width:40px!important;width:40px!important;height:40px!important;min-height:40px!important;
    padding:0!important;border-radius:999px!important;border:1px solid #cfd4da!important;background:#fff!important;color:#111!important;
    font-size:0!important;font-weight:900!important;
  }
  .mobile-cart-toggle::before{content:"×";font-size:28px;line-height:1;}
  body.cart-open .mobile-cart-close{
    display:inline-flex!important;position:fixed!important;z-index:132!important;
    left:14px!important;right:auto!important;top:auto!important;bottom:calc(min(74dvh,720px) - 54px)!important;
    min-height:38px!important;padding:8px 10px!important;border:1px solid #cfd4da!important;border-radius:999px!important;
    background:#fff!important;color:#111!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important;font-size:12px!important;font-weight:900!important;
  }
  .order-body{height:calc(min(74dvh,720px) - 64px)!important;max-height:none!important;overflow-y:auto!important;padding:14px 12px calc(20px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;}
  .order-panel.mobile-open .advisor-dock{display:none!important;}
}

@media(max-width:430px){
  .search-main{top:calc(54px + env(safe-area-inset-top,0px))!important;left:8px!important;right:8px!important;padding:7px!important;border-radius:16px!important;}
  .search-panel{padding-top:88px!important;}
  .query-suggestions{max-height:min(44dvh,390px)!important;}
  .order-panel{height:76dvh!important;max-height:76dvh!important;border-radius:22px 22px 0 0!important;}
  .order-body{height:calc(76dvh - 64px)!important;}
  body.cart-open .mobile-cart-close{bottom:calc(76dvh - 54px)!important;left:10px!important;}
}

/* V224: Desktop-Warenkorb ohne Worttrennung. */
@media(min-width:961px){
  body.desktop-cart-collapsed .desktop-cart-launcher{width:224px!important;min-width:224px!important;grid-template-columns:42px minmax(0,1fr) 18px!important;gap:9px!important;}
  .desktop-cart-launcher__label,.desktop-cart-launcher__preview,.desktop-cart-launcher__meta span{
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;
  }
}

/* V224 Feinschliff: Mobile Sheet-Header nicht überlagern. */
@media(max-width:960px){
  .order-panel.mobile-open .order-head-main{padding-left:126px!important;}
  .order-panel.mobile-open .order-head p{display:none!important;}
}
@media(max-width:430px){
  .order-panel.mobile-open .order-head-main{padding-left:112px!important;}
  .order-panel.mobile-open .order-head h2{font-size:16px!important;}
  body.cart-open .mobile-cart-close{font-size:11px!important;padding:7px 8px!important;}
}


/* V225: Nur die Suchzeile bleibt präsent. Rabatt, Beschreibung und Filter scrollen normal. */
.search-main > .field:first-child{
  transition:transform .22s ease, opacity .18s ease, box-shadow .18s ease!important;
}
body.searchbar-scroll-hidden:not(.search-focus-mode) .search-main > .field:first-child{
  transform:translateY(calc(-100% - 18px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.searchbar-scroll-hidden:not(.search-focus-mode) .mobile-cart-launcher,
body.searchbar-scroll-hidden:not(.search-focus-mode) .desktop-cart-launcher,
body.searchbar-scroll-hidden:not(.search-focus-mode) .header-cart-button{
  transform:translateY(calc(100% + 24px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.searchbar-scroll-hidden:not(.search-focus-mode) .desktop-cart-launcher{
  transform:translate(110%,-50%)!important;
}

@media(min-width:961px){
  .search-panel{padding-top:116px!important;}
  .search-main{position:relative!important;}
  .search-main > .field:first-child{
    position:fixed!important;
    top:86px!important;
    left:max(22px,calc((100vw - 1680px)/2 + 46px))!important;
    right:max(390px,calc((100vw - 1680px)/2 + 470px))!important;
    z-index:128!important;
    padding:10px!important;
    border:1px solid rgba(17,17,17,.14)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.12)!important;
    backdrop-filter:blur(12px)!important;
  }
  .search-main > .field:first-child label{font-size:12px!important;margin:0 0 5px!important;line-height:1.25!important;}
  .search-main > .field:nth-child(2){grid-column:2!important;}
  .query-suggestions{top:calc(100% + 7px)!important;}

  /* V225: Desktop-Warenkorb nur noch Symbol + Menge. Kein Text, keine Wortzerstörung. */
  body.desktop-cart-collapsed .desktop-cart-launcher{
    width:86px!important;
    min-width:86px!important;
    min-height:82px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"icon"!important;
    place-items:center!important;
    padding:11px!important;
    gap:0!important;
  }
  .desktop-cart-launcher__label,
  .desktop-cart-launcher__chevron,
  #desktopCartLauncherPreview{
    display:none!important;
  }
  .desktop-cart-launcher__icon{
    position:relative!important;
    grid-area:icon!important;
    width:46px!important;
    height:46px!important;
    display:grid!important;
    place-items:center!important;
    color:#fff!important;
  }
  .desktop-cart-launcher__icon svg{width:32px!important;height:32px!important;}
  .desktop-cart-launcher__count{
    position:absolute!important;
    top:-8px!important;
    right:-8px!important;
    min-width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#ffd814!important;
    color:#111!important;
    font-size:12px!important;
    font-weight:950!important;
    box-shadow:0 0 0 2px #111820!important;
  }
}

@media(max-width:960px){
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;}
  .search-panel{padding-top:92px!important;}
  .search-main{
    position:static!important;
    display:block!important;
    grid-template-columns:1fr!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .search-main > .field:first-child{
    position:fixed!important;
    top:calc(58px + env(safe-area-inset-top,0px))!important;
    left:12px!important;
    right:12px!important;
    z-index:129!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid rgba(17,17,17,.14)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.13)!important;
    backdrop-filter:blur(12px)!important;
  }
  .search-main > .field:first-child label{font-size:11px!important;line-height:1.25!important;margin:0 0 5px!important;}
  .search-main > .field:nth-child(2){margin-top:0!important;}
  .query-suggestions{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 7px)!important;max-height:min(48dvh,420px)!important;border-radius:0 0 18px 18px!important;}
  body.search-focus-mode .search-main > .field:first-child{z-index:141!important;}
  body.search-focus-mode .query-suggestions{z-index:142!important;}
  body.searchbar-scroll-hidden:not(.search-focus-mode) .mobile-cart-launcher{
    transform:translateY(calc(100% + 22px))!important;
  }
}

@media(max-width:430px){
  .search-panel{padding-top:88px!important;}
  .search-main > .field:first-child{top:calc(54px + env(safe-area-inset-top,0px))!important;left:8px!important;right:8px!important;padding:7px!important;border-radius:16px!important;}
  .query-suggestions{max-height:min(44dvh,390px)!important;}
}


/* V226: Suchfeld wirklich oben festkleben, ohne Rabatt/Erklärung/Filter. */
.search-main > .field:first-child{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:9999!important;
  margin:0!important;
  padding:8px max(12px,calc((100vw - 1680px)/2 + 22px))!important;
  border:0!important;
  border-bottom:1px solid rgba(17,17,17,.14)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(14px)!important;
  transition:transform .22s ease, opacity .18s ease, box-shadow .18s ease!important;
}
.search-main > .field:first-child label{display:none!important;}
.search-main > .field:first-child .search-input-wrap{
  width:min(100%,1320px)!important;
  margin:0 auto!important;
}
.search-main > .field:first-child .search-input-wrap input{
  min-height:52px!important;
  font-size:18px!important;
  border-radius:999px!important;
}
.search-main > .field:first-child .search-submit-button{border-radius:999px!important;}
.search-main > .field:first-child .query-clear-button{border-radius:999px!important;}
.query-suggestions{
  position:absolute!important;
  left:max(12px,calc((100vw - 1680px)/2 + 22px))!important;
  right:max(12px,calc((100vw - 1680px)/2 + 22px))!important;
  top:calc(100% + 4px)!important;
  z-index:10000!important;
  max-height:min(58vh,480px)!important;
}
.search-panel{padding-top:88px!important;}
body.searchbar-scroll-hidden:not(.search-focus-mode) .search-main > .field:first-child{
  transform:translateY(calc(-100% - 8px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.search-focus-mode .search-main > .field:first-child{z-index:10001!important;}
body.search-focus-mode .query-suggestions{z-index:10002!important;}

/* V226: Desktop-Warenkorb endgültig nur Symbol + gelbe Menge. Kein sichtbarer Text. */
@media(min-width:961px){
  body.desktop-cart-collapsed .desktop-cart-launcher{
    display:grid!important;
    position:fixed!important;
    right:0!important;
    top:50%!important;
    z-index:130!important;
    width:82px!important;
    min-width:82px!important;
    height:82px!important;
    min-height:82px!important;
    transform:translateY(-50%)!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"icon"!important;
    place-items:center!important;
    gap:0!important;
    padding:12px!important;
    border:1px solid #222b35!important;
    border-right:0!important;
    border-radius:12px 0 0 12px!important;
    background:#131921!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
    overflow:visible!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher:hover{
    transform:translate(-3px,-50%)!important;
    background:#18222d!important;
    box-shadow:0 13px 30px rgba(0,0,0,.27)!important;
  }
  .desktop-cart-launcher__label,
  .desktop-cart-launcher__chevron,
  .desktop-cart-launcher__copy,
  .desktop-cart-launcher__preview,
  .desktop-cart-launcher__meta,
  #desktopCartLauncherPreview{display:none!important;}
  .desktop-cart-launcher__icon{
    position:relative!important;
    grid-area:icon!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    display:grid!important;
    place-items:center!important;
    color:#fff!important;
    background:transparent!important;
  }
  .desktop-cart-launcher__icon svg{width:34px!important;height:34px!important;}
  .desktop-cart-launcher__count{
    position:absolute!important;
    top:-7px!important;
    right:-7px!important;
    display:grid!important;
    place-items:center!important;
    min-width:25px!important;
    height:25px!important;
    padding:0 6px!important;
    border:2px solid #131921!important;
    border-radius:999px!important;
    background:#ffd814!important;
    color:#111!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
    box-shadow:0 2px 6px rgba(0,0,0,.18)!important;
  }
}

@media(max-width:960px){
  .topbar{z-index:80!important;}
  .search-main{position:static!important;display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;}
  .search-main > .field:first-child{
    top:0!important;
    left:0!important;
    right:0!important;
    padding:8px 10px!important;
    border-radius:0!important;
    z-index:9999!important;
  }
  .search-main > .field:first-child .search-input-wrap{width:100%!important;max-width:none!important;margin:0!important;}
  .search-main > .field:first-child .search-input-wrap input{min-height:54px!important;font-size:17px!important;}
  .query-suggestions{
    left:10px!important;
    right:10px!important;
    top:calc(100% + 4px)!important;
    max-height:min(48dvh,420px)!important;
    border-radius:0 0 18px 18px!important;
  }
  .search-panel{padding-top:84px!important;}
}

@media(max-width:430px){
  .search-main > .field:first-child{top:0!important;left:0!important;right:0!important;padding:7px 8px!important;}
  .search-main > .field:first-child .search-input-wrap input{min-height:52px!important;font-size:16px!important;}
  .query-suggestions{left:8px!important;right:8px!important;max-height:min(44dvh,390px)!important;}
  .search-panel{padding-top:78px!important;}
}


/* V227: Suche sitzt im Header-Mittelbereich; Content wird dadurch frei. */
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:180!important;
  display:grid!important;
  grid-template-columns:minmax(330px,auto) minmax(280px,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  padding:12px 18px!important;
  overflow:visible!important;
}
.header-search-slot{
  min-width:260px!important;
  max-width:720px!important;
  width:100%!important;
  justify-self:center!important;
  position:relative!important;
  z-index:185!important;
  transition:opacity .18s ease, transform .2s ease!important;
}
.header-search-field{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:185!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transition:none!important;
}
.header-search-field label{display:none!important;}
.header-search-field .search-input-wrap{width:100%!important;max-width:none!important;margin:0!important;position:relative!important;}
.header-search-field .search-input-wrap input{
  min-height:46px!important;
  height:46px!important;
  font-size:15px!important;
  border-radius:999px!important;
  padding-left:20px!important;
  padding-right:96px!important;
  background:#fff!important;
}
.header-search-field .search-submit-button{width:38px!important;height:38px!important;right:4px!important;border-radius:999px!important;}
.header-search-field .search-submit-button svg{width:22px!important;height:22px!important;}
.header-search-field .query-clear-button{right:47px!important;width:32px!important;height:32px!important;min-height:32px!important;border-radius:999px!important;}
.header-search-field .query-suggestions,
#querySuggestions{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  z-index:10020!important;
  max-height:min(58vh,520px)!important;
}
body.searchbar-scroll-hidden:not(.search-focus-mode) .header-search-slot{
  opacity:0!important;
  transform:translateY(-14px)!important;
  pointer-events:none!important;
}
body.search-focus-mode .header-search-slot{z-index:10020!important;opacity:1!important;transform:none!important;pointer-events:auto!important;}
body.search-focus-mode .topbar{z-index:10015!important;}

/* V227: Die alte Suchfeld-Position im Suchpanel darf nicht mehr sticky/fixed werden. */
.search-main{position:relative!important;display:grid!important;grid-template-columns:minmax(260px,420px)!important;gap:12px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;}
.search-main > .field:first-child{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transition:none!important;
}
.search-main > .field:first-child label{display:block!important;}
.search-panel{padding-top:26px!important;}
.search-intro{margin-bottom:14px!important;}
.digital-tools{margin-top:18px!important;}

/* V227: Desktop-Warenkorb rechts ist nur Symbol + Menge. Jeder Text wird hart ausgeblendet. */
@media(min-width:961px){
  body.desktop-cart-collapsed .desktop-cart-launcher{
    width:82px!important;
    min-width:82px!important;
    height:82px!important;
    min-height:82px!important;
    display:grid!important;
    place-items:center!important;
    grid-template-columns:1fr!important;
    padding:12px!important;
    font-size:0!important;
    line-height:0!important;
    overflow:visible!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher > :not(.desktop-cart-launcher__icon){display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;}
  body.desktop-cart-collapsed .desktop-cart-launcher span:not(.desktop-cart-launcher__icon),
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__label,
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__copy,
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__preview,
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__meta,
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__chevron,
  body.desktop-cart-collapsed .desktop-cart-launcher #desktopCartLauncherPreview{display:none!important;visibility:hidden!important;}
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__icon{display:grid!important;visibility:visible!important;}
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__count{display:grid!important;visibility:visible!important;line-height:1!important;font-size:12px!important;}
}

@media(max-width:1120px){
  .topbar{grid-template-columns:auto minmax(230px,1fr) auto!important;gap:10px!important;}
  .header-title span{display:none!important;}
  .header-search-slot{max-width:560px!important;}
}
@media(max-width:960px){
  .topbar{grid-template-columns:auto 1fr auto!important;padding:10px 12px!important;gap:8px!important;}
  .brand-zone{min-width:0!important;}
  .header-title{display:none!important;}
  .company-text span{display:none!important;}
  .header-actions .catalog-status,
  .header-actions .quick-contact-bar{display:none!important;}
  .header-search-slot{max-width:none!important;min-width:0!important;justify-self:stretch!important;}
  .header-search-field .search-input-wrap input{min-height:44px!important;height:44px!important;font-size:16px!important;padding-left:15px!important;padding-right:90px!important;}
  .header-search-field .query-suggestions,#querySuggestions{left:0!important;right:0!important;max-height:min(48dvh,420px)!important;border-radius:0 0 18px 18px!important;}
  .search-panel{padding-top:22px!important;}
  .search-main{grid-template-columns:1fr!important;}
}
@media(max-width:520px){
  .topbar{grid-template-columns:52px minmax(0,1fr) 42px!important;padding:8px 8px!important;}
  .logo-lockup{min-width:0!important;padding:0!important;border:0!important;}
  .krueger-logo{width:44px!important;height:44px!important;}
  .company-text{display:none!important;}
  .header-cart-button{width:40px!important;height:40px!important;min-width:40px!important;}
  .header-search-field .search-input-wrap input{min-height:42px!important;height:42px!important;font-size:15px!important;}
  .header-search-field .search-submit-button{width:34px!important;height:34px!important;right:4px!important;}
  .header-search-field .query-clear-button{right:42px!important;width:30px!important;height:30px!important;min-height:30px!important;}
}


/* V228: Header als kompakter Arbeitsbereich mit Suche + Rabatt. */
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:220!important;
  grid-template-columns:minmax(330px,auto) minmax(360px,760px) auto!important;
  gap:14px!important;
  transition:transform .22s ease, opacity .18s ease, box-shadow .18s ease!important;
}
body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
  transform:translateY(calc(-100% - 12px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.search-focus-mode .topbar{
  transform:none!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:10015!important;
}
.header-search-slot{
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) 104px!important;
  align-items:end!important;
  gap:8px!important;
  max-width:760px!important;
  justify-self:stretch!important;
}
body.searchbar-scroll-hidden:not(.search-focus-mode) .header-search-slot{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.header-discount-mini{
  display:grid!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
  min-width:92px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.header-discount-mini label{
  display:block!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  color:#5d6670!important;
  font-weight:900!important;
}
.header-discount-mini__input{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  height:46px!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:#fff!important;
  padding:0 12px!important;
  box-shadow:0 2px 8px rgba(17,19,21,.05)!important;
}
.header-discount-mini__input input{
  width:100%!important;
  min-height:0!important;
  height:42px!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  font-size:15px!important;
  font-weight:850!important;
  background:transparent!important;
}
.header-discount-mini__input input:focus{outline:none!important;box-shadow:none!important;}
.header-discount-mini__input span{font-weight:900!important;color:#5d6670!important;font-size:13px!important;}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.search-main--empty{display:none!important;}
.search-panel{
  padding:22px 24px 20px!important;
}
.search-intro{
  max-width:760px!important;
  padding:2px 0 0!important;
  margin-bottom:18px!important;
}
.search-intro h1{margin-bottom:6px!important;}
.digital-tools{margin-top:8px!important;}
.header-search-field .query-suggestions,#querySuggestions{top:calc(100% + 8px)!important;}

@media(max-width:1120px){
  .topbar{grid-template-columns:minmax(260px,auto) minmax(290px,1fr) auto!important;gap:10px!important;}
  .header-search-slot{grid-template-columns:minmax(220px,1fr) 88px!important;max-width:none!important;}
  .header-discount-mini label{font-size:9px!important;}
}
@media(max-width:960px){
  .topbar{grid-template-columns:46px minmax(0,1fr) 42px!important;align-items:center!important;gap:8px!important;}
  .header-search-slot{grid-template-columns:minmax(0,1fr) 72px!important;gap:6px!important;}
  .header-discount-mini__input{height:42px!important;padding:0 9px!important;}
  .header-discount-mini__input input{height:38px!important;font-size:14px!important;}
  .header-discount-mini__input span{font-size:12px!important;}
}
@media(max-width:640px){
  .topbar{grid-template-columns:42px minmax(0,1fr) 40px!important;padding:7px 8px!important;}
  .header-search-slot{grid-template-columns:minmax(0,1fr) 62px!important;}
  .header-discount-mini label{display:none!important;}
  .header-discount-mini__input{height:40px!important;border-radius:14px!important;}
  .header-discount-mini__input input{height:36px!important;font-size:13px!important;text-align:center!important;}
  .header-discount-mini__input span{display:none!important;}
  .search-intro h1{font-size:29px!important;}
}
@media(max-width:430px){
  .header-search-slot{grid-template-columns:minmax(0,1fr) 54px!important;}
  .header-discount-mini__input{padding:0 6px!important;}
  .header-discount-mini__input input{font-size:12px!important;}
}


/* V229: Header als ruhiger mitlaufender Arbeitsbereich. */
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:220!important;
  display:grid!important;
  grid-template-columns:minmax(350px,auto) minmax(360px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:64px!important;
  padding:10px 14px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid var(--line)!important;
  border-radius:0 0 13px 13px!important;
  box-shadow:0 5px 16px rgba(17,19,21,.07)!important;
  transition:transform .22s ease,opacity .16s ease,box-shadow .18s ease!important;
}
body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
  transform:translateY(calc(-100% - 10px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.search-focus-mode .topbar{transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:10015!important;}
.brand-zone{min-width:0!important;gap:14px!important;}
.logo-lockup{min-width:0!important;}
.krueger-logo{width:42px!important;height:42px!important;}
.header-title{padding-left:14px!important;}
.header-title strong{font-size:16px!important;white-space:nowrap!important;}
.header-title span{font-size:11px!important;white-space:nowrap!important;}
.header-search-slot{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 76px!important;
  align-items:center!important;
  gap:8px!important;
  max-width:none!important;
  justify-self:stretch!important;
}
.header-search-field{align-self:center!important;}
.header-search-field label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
.header-search-field .search-input-wrap input{
  min-height:44px!important;
  height:44px!important;
  padding:9px 52px 9px 16px!important;
  border-radius:999px!important;
  font-size:15px!important;
  font-weight:750!important;
  border:2px solid #b7bcc2!important;
  background:#fff!important;
}
.header-search-field .search-input-wrap input:focus{border-color:#8a7300!important;box-shadow:0 0 0 3px rgba(255,210,0,.28)!important;}
.header-search-field .search-submit-button{
  width:38px!important;height:38px!important;min-height:38px!important;
  right:3px!important;border-radius:999px!important;padding:0!important;
}
.header-search-field .query-clear-button{
  right:45px!important;width:30px!important;height:30px!important;min-height:30px!important;border-radius:999px!important;
}
.header-discount-mini{
  min-width:76px!important;
  align-self:center!important;
  gap:2px!important;
}
.header-discount-mini label{
  text-align:center!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
  color:#5f666d!important;
}
.header-discount-mini__input{
  height:42px!important;
  border:1px solid #d8dde2!important;
  border-radius:999px!important;
  padding:0 10px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(17,19,21,.045)!important;
}
.header-discount-mini__input input{height:38px!important;font-size:14px!important;font-weight:850!important;text-align:left!important;}
.header-discount-mini__input span{font-size:12px!important;color:#6a7178!important;}
.header-actions{gap:8px!important;align-items:center!important;}
.header-cart-button{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;
  display:grid!important;place-items:center!important;
  background:#fff!important;border:1px solid #d8dde2!important;border-radius:11px!important;
  box-shadow:0 2px 8px rgba(17,19,21,.055)!important;
  position:relative!important;color:#111!important;
}
.header-cart-button svg{width:21px!important;height:21px!important;}
.header-cart-count{top:-8px!important;right:-7px!important;min-width:20px!important;height:20px!important;font-size:10px!important;}
.catalog-status{font-size:12px!important;color:#70777f!important;}
.quick-contact-bar{gap:6px!important;}
.contact-button{
  min-height:44px!important;height:44px!important;
  padding:0 12px!important;
  border:1px solid #d8dde2!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.contact-button .button-icon{width:17px!important;height:17px!important;}
.contact-button:hover{background:#f8f9fa!important;border-color:#bfc5ca!important;transform:none!important;}
.search-panel{margin-top:18px!important;padding:22px 24px 20px!important;}
.search-intro{max-width:820px!important;margin-bottom:16px!important;}
.search-intro h1{font-size:clamp(31px,3.6vw,44px)!important;}
.search-main,.search-main--empty{display:none!important;}
.digital-tools{margin-top:8px!important;}
body.search-focus-mode .topbar ~ .search-focus-backdrop,
body.search-focus-mode .search-focus-backdrop{z-index:210!important;}
body.search-focus-mode .topbar{z-index:10015!important;}
#querySuggestions,.header-search-field .query-suggestions{
  position:absolute!important;
  left:0!important;right:0!important;
  top:calc(100% + 8px)!important;
  z-index:10016!important;
  max-height:min(56vh,520px)!important;
  overflow:auto!important;
}

/* V229: Desktop-Seitenwarenkorb endgültig nur Icon + Menge. */
@media(min-width:961px){
  body.desktop-cart-collapsed .desktop-cart-launcher{
    display:grid!important;place-items:center!important;
    grid-template-columns:1fr!important;
    width:74px!important;min-width:74px!important;height:74px!important;min-height:74px!important;
    right:0!important;top:50%!important;transform:translateY(-50%)!important;
    padding:0!important;border:0!important;border-radius:12px 0 0 12px!important;
    background:#101820!important;color:#fff!important;
    box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
    overflow:visible!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher:hover{transform:translate(-3px,-50%)!important;background:#121d26!important;}
  body.desktop-cart-collapsed .desktop-cart-launcher>*:not(.desktop-cart-launcher__icon){display:none!important;visibility:hidden!important;}
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__icon{
    display:grid!important;place-items:center!important;position:relative!important;
    width:42px!important;height:42px!important;color:#fff!important;background:transparent!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__icon svg{width:31px!important;height:31px!important;}
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__count{
    display:grid!important;place-items:center!important;position:absolute!important;
    top:-9px!important;right:-9px!important;min-width:22px!important;height:22px!important;padding:0 5px!important;
    border-radius:999px!important;background:#ffd814!important;color:#111!important;
    font-size:12px!important;font-weight:950!important;line-height:1!important;
    box-shadow:0 0 0 2px #101820!important;
  }
}

@media(max-width:1280px){
  .topbar{grid-template-columns:minmax(270px,auto) minmax(300px,1fr) auto!important;gap:10px!important;}
  .header-title span{display:none!important;}
  .catalog-status{display:none!important;}
  .contact-button span{font-size:12px!important;}
}
@media(max-width:1080px){
  .topbar{grid-template-columns:auto minmax(260px,1fr) auto!important;}
  .company-text span,.header-title span{display:none!important;}
  .quick-contact-bar .contact-button span{display:none!important;}
  .contact-button{width:44px!important;padding:0!important;}
}
@media(max-width:960px){
  .topbar{grid-template-columns:44px minmax(0,1fr) 42px!important;gap:8px!important;min-height:60px!important;padding:8px!important;}
  .brand-zone{display:flex!important;min-width:0!important;gap:0!important;}
  .logo-lockup{display:block!important;}
  .krueger-logo{width:42px!important;height:42px!important;}
  .company-text,.header-title,.quick-contact-bar,.catalog-status{display:none!important;}
  .header-search-slot{grid-template-columns:minmax(0,1fr)!important;grid-column:2!important;}
  .header-discount-mini{display:none!important;}
  .header-actions{grid-column:3!important;}
  .header-cart-button{display:grid!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
  .header-search-field .search-input-wrap input{height:42px!important;min-height:42px!important;font-size:14px!important;padding-right:78px!important;}
  .header-search-field .search-submit-button{width:36px!important;height:36px!important;min-height:36px!important;}
  .header-search-field .query-clear-button{right:42px!important;}
  .search-panel{margin-top:12px!important;padding:18px 16px!important;}
  .search-intro h1{font-size:30px!important;}
  .search-intro p{font-size:14px!important;}
  #querySuggestions,.header-search-field .query-suggestions{position:fixed!important;left:10px!important;right:10px!important;top:64px!important;max-height:min(55dvh,440px)!important;}
}
@media(max-width:520px){
  .app{padding-top:8px!important;}
  .topbar{grid-template-columns:40px minmax(0,1fr) 38px!important;}
  .krueger-logo{width:38px!important;height:38px!important;}
  .header-cart-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
  .header-search-field .search-input-wrap input{height:40px!important;min-height:40px!important;font-size:13px!important;padding-left:12px!important;}
  .search-panel{padding:16px 14px!important;}
}


/* V230: Header fest als dezente Arbeitsleiste, Rabatt als sauberer Inline-Pill. */
.app{
  padding-top:112px!important;
}
.topbar{
  position:fixed!important;
  top:18px!important;
  left:50%!important;
  right:auto!important;
  width:min(calc(100% - 44px), calc(var(--max) - 44px))!important;
  max-width:calc(var(--max) - 44px)!important;
  transform:translateX(-50%)!important;
  z-index:1000!important;
  grid-template-columns:minmax(290px,auto) minmax(430px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:66px!important;
  padding:10px 14px!important;
  border-radius:0 0 13px 13px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 8px 22px rgba(17,19,21,.10)!important;
  will-change:transform,opacity!important;
}
body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
  transform:translate(-50%,calc(-100% - 28px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.search-focus-mode .topbar{
  transform:translateX(-50%)!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:10015!important;
}
.header-search-slot{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) 132px!important;
  align-items:center!important;
  gap:8px!important;
  justify-self:stretch!important;
  max-width:none!important;
}
.header-search-field .search-input-wrap input{
  height:44px!important;
  min-height:44px!important;
  border:2px solid #9ea5ab!important;
  border-radius:999px!important;
  padding:9px 52px 9px 18px!important;
  font-size:15px!important;
  line-height:1!important;
}
.header-search-field .search-input-wrap input:focus{
  border-color:#9b8100!important;
  box-shadow:0 0 0 3px rgba(255,210,0,.28)!important;
}
.header-search-field .search-submit-button{
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  right:3px!important;
  border-radius:999px!important;
}
.header-search-field .query-clear-button{
  right:45px!important;
}
.header-discount-mini{
  display:grid!important;
  grid-template-columns:auto minmax(42px,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-width:132px!important;
  width:132px!important;
  height:44px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #d8dde2!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(17,19,21,.055)!important;
}
.header-discount-mini label{
  position:static!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  color:#34383c!important;
}
.header-discount-mini__input{
  display:grid!important;
  grid-template-columns:minmax(20px,1fr) auto!important;
  align-items:center!important;
  gap:3px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.header-discount-mini__input input{
  min-height:36px!important;
  height:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:right!important;
  font-size:14px!important;
  font-weight:900!important;
}
.header-discount-mini__input span{
  display:inline!important;
  font-size:12px!important;
  font-weight:900!important;
  color:#6a7178!important;
}
.header-actions{
  align-items:center!important;
  gap:8px!important;
}
.header-cart-button{
  align-self:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
}
.contact-button{
  height:44px!important;
  min-height:44px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:850!important;
}
.search-panel{
  margin-top:0!important;
}
#querySuggestions,.header-search-field .query-suggestions{
  top:calc(100% + 8px)!important;
  z-index:10016!important;
}

/* V230: Desktop-Seitenwarenkorb wirklich nur Symbol + gelbe Menge, ohne jede Textfläche. */
@media(min-width:961px){
  body.desktop-cart-collapsed .desktop-cart-launcher{
    width:74px!important;
    min-width:74px!important;
    height:74px!important;
    min-height:74px!important;
    display:grid!important;
    place-items:center!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"icon"!important;
    padding:0!important;
    border:0!important;
    border-radius:12px 0 0 12px!important;
    background:#101820!important;
    color:#fff!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:0!important;
    overflow:visible!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__copy,
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__kicker,
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__preview,
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__more,
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__meta,
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__chevron,
  body.desktop-cart-collapsed .desktop-cart-launcher [id$="Preview"],
  body.desktop-cart-collapsed .desktop-cart-launcher [class*="label"],
  body.desktop-cart-collapsed .desktop-cart-launcher [class*="text"]{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    max-width:0!important;
    max-height:0!important;
    opacity:0!important;
    overflow:hidden!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__icon{
    display:grid!important;
    grid-area:icon!important;
    place-items:center!important;
    position:relative!important;
    width:42px!important;
    height:42px!important;
    color:#fff!important;
    background:transparent!important;
    font-size:0!important;
    line-height:0!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__icon svg{
    width:31px!important;
    height:31px!important;
    display:block!important;
  }
  body.desktop-cart-collapsed .desktop-cart-launcher .desktop-cart-launcher__count{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    top:-9px!important;
    right:-9px!important;
    place-items:center!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#ffd814!important;
    color:#111!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:950!important;
    text-indent:0!important;
    box-shadow:0 0 0 2px #101820!important;
  }
}

@media(max-width:1280px){
  .topbar{grid-template-columns:minmax(250px,auto) minmax(360px,1fr) auto!important;gap:9px!important;}
  .header-search-slot{grid-template-columns:minmax(260px,1fr) 124px!important;}
  .header-title span,.catalog-status{display:none!important;}
}
@media(max-width:1080px){
  .topbar{grid-template-columns:auto minmax(260px,1fr) auto!important;}
  .header-search-slot{grid-template-columns:minmax(0,1fr) 112px!important;}
  .header-discount-mini{width:112px!important;min-width:112px!important;grid-template-columns:auto 38px!important;padding:0 8px!important;}
  .header-discount-mini label{font-size:11px!important;}
  .quick-contact-bar .contact-button span{display:none!important;}
  .contact-button{width:44px!important;padding:0!important;}
}
@media(max-width:960px){
  .app{padding-top:76px!important;}
  .topbar{
    top:8px!important;
    width:calc(100% - 16px)!important;
    min-height:58px!important;
    grid-template-columns:42px minmax(0,1fr) 40px!important;
    padding:8px!important;
    gap:8px!important;
    border-radius:0 0 12px 12px!important;
  }
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{transform:translate(-50%,calc(-100% - 18px))!important;}
  body.search-focus-mode .topbar{transform:translateX(-50%)!important;}
  .header-search-slot{grid-template-columns:minmax(0,1fr)!important;grid-column:2!important;}
  .header-discount-mini{display:none!important;}
  .brand-zone{grid-column:1!important;}
  .header-actions{grid-column:3!important;}
  .header-cart-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
  .header-search-field .search-input-wrap input{height:42px!important;min-height:42px!important;font-size:14px!important;padding-right:78px!important;}
  #querySuggestions,.header-search-field .query-suggestions{position:fixed!important;top:66px!important;left:10px!important;right:10px!important;}
}
@media(max-width:520px){
  .app{padding-top:68px!important;}
  .topbar{top:6px!important;width:calc(100% - 12px)!important;grid-template-columns:38px minmax(0,1fr) 38px!important;padding:7px!important;}
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{transform:translate(-50%,calc(-100% - 14px))!important;}
  .krueger-logo{width:38px!important;height:38px!important;}
  .header-cart-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
  .header-search-field .search-input-wrap input{height:40px!important;min-height:40px!important;font-size:13px!important;}
  #querySuggestions,.header-search-field .query-suggestions{top:60px!important;left:8px!important;right:8px!important;}
}


/* V231: Suchtreffer navigieren zur Produktkarte, Muster-only und iOS-Zoomschutz */
.search-target-highlight{
  animation:v231-search-target-highlight 2.2s ease-out;
  outline:3px solid rgba(255,211,0,.95);
  outline-offset:3px;
}
@keyframes v231-search-target-highlight{
  0%{box-shadow:0 0 0 0 rgba(255,211,0,.75),0 12px 34px rgba(0,0,0,.12);transform:translateY(-2px)}
  45%{box-shadow:0 0 0 10px rgba(255,211,0,.18),0 16px 40px rgba(0,0,0,.16)}
  100%{box-shadow:0 0 0 0 rgba(255,211,0,0),0 12px 30px rgba(0,0,0,.10);transform:none}
}
.sample-only-delivery-notice{
  display:grid;
  gap:4px;
  margin:12px 0;
  padding:12px 14px;
  border:1px solid #d9b800;
  border-left:4px solid #ffd300;
  border-radius:10px;
  background:#fffbea;
  color:#26220a;
  font-size:12px;
}
.sample-only-delivery-notice strong{font-size:13px;color:#111}
.sample-only-delivery-notice[hidden],.delivery-section[hidden],.shipping-cost[hidden]{display:none!important}
@media(max-width:960px){
  .order-panel input,
  .order-panel select,
  .order-panel textarea,
  .order-panel [data-calc-id],
  .order-panel [data-qty-id]{font-size:16px!important;touch-action:manipulation}
}

/* V236: Sonderrabatt je Position, ultra kompakt und unaufdringlich */
.order-item-discount--editable{
  display:inline-flex!important;
  align-items:center;
  gap:2px;
  padding:1px 4px!important;
  min-height:17px;
  width:auto!important;
  max-width:100%;
  border-color:#ddd6b8!important;
  background:#fffdf4!important;
  border-radius:999px!important;
  line-height:1!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:400!important;
  box-shadow:none!important;
}
.order-item-discount--editable label{
  margin:0;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:8px;
  line-height:1;
  font-weight:400!important;
  color:#4f4a38;
  white-space:nowrap;
  letter-spacing:0;
}
.order-item-discount--editable input{
  width:26px;
  min-height:16px!important;
  height:16px;
  padding:0 2px;
  border:1px solid #cfc7a6;
  border-radius:5px;
  background:#fff;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:11px;
  line-height:1;
  font-weight:400!important;
  text-align:right;
  color:#111;
  appearance:textfield;
  -moz-appearance:textfield;
}
.order-item-discount--editable input::-webkit-outer-spin-button,
.order-item-discount--editable input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.order-item-discount--editable input:focus{
  outline:1px solid rgba(246,198,0,.55);
  border-color:#d2a900;
}
.order-item-discount--editable > span{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:8px;
  line-height:1;
  font-weight:400!important;
  color:#4f4a38;
}
.order-item-discount--editable small,
.order-item-discount--editable .line-extra-discount-note{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:7px;
  line-height:1;
  font-weight:400!important;
  color:#7a735c;
  white-space:nowrap;
  font-style:normal;
}
.order-item-discount--editable .line-extra-discount-note{
  color:#9a9277;
}
@media(max-width:620px){
  .order-item-discount--editable{
    gap:2px;
    padding:2px 4px!important;
  }
  .order-item-discount--editable input{
    width:32px;
    font-size:16px;
    transform:scale(.68);
    transform-origin:right center;
    margin-left:-5px;
    margin-right:-5px;
  }
}



/* V241: defensive UX hints, no search/filter logic touched */
.header-search-field .search-input-wrap{position:relative}.header-search-field .search-input-wrap::before{content:"Suche";position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:2;font:800 10px/1 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#4b3d00;background:#ffd600;border:1px solid #d6b400;border-radius:999px;padding:4px 7px;pointer-events:none}.header-search-field .search-input-wrap input#query{padding-left:68px}.cart-next-step-hint,.order-step-hint{border:1px solid #e2e4e7;background:#fffbe6;border-radius:12px;padding:10px 12px;margin:10px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#242424;font-size:12px;line-height:1.35}.cart-next-step-hint strong,.order-step-hint strong{font-weight:800}.cart-next-step-hint button{margin-left:auto;border:0;border-radius:999px;background:#111;color:#fff;font-weight:800;font-size:12px;padding:8px 12px;cursor:pointer}.cart-next-step-hint button:hover{background:#2b2b2b}.order-step-hint.is-complete{background:#eef9ef;border-color:#cfe9d2}.v241-add-dialog{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:18px;background:rgba(17,19,21,.28)}.v241-add-dialog[hidden]{display:none}.v241-add-dialog__card{width:min(420px,92vw);background:#fff;border:1px solid #dcdfe2;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.25);padding:18px}.v241-add-dialog__top{display:flex;gap:10px;align-items:flex-start}.v241-add-dialog__icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#1f7a34;color:#fff;font-weight:900}.v241-add-dialog h3{margin:0 0 4px;font-size:18px;line-height:1.2}.v241-add-dialog p{margin:0;color:#555;font-size:13px;line-height:1.45}.v241-add-dialog__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.v241-add-dialog button{border:1px solid #d7dbdf;border-radius:999px;background:#fff;font-weight:800;padding:9px 13px;cursor:pointer}.v241-add-dialog button.primary{border-color:#111;background:#111;color:#fff}@media (max-width:640px){.header-search-field .search-input-wrap::before{left:8px;padding:3px 6px;font-size:9px}.header-search-field .search-input-wrap input#query{padding-left:60px}.cart-next-step-hint,.order-step-hint{font-size:11.5px}.cart-next-step-hint button{width:100%;margin-left:0}.v241-add-dialog{align-items:end;place-items:end center}.v241-add-dialog__card{border-radius:18px 18px 0 0;width:100%;max-width:none}.v241-add-dialog__actions{justify-content:stretch}.v241-add-dialog button{flex:1}}


/* V242: Suchlabel nicht im Eingabetext; Warenkorb-Führung oben präsent. */
.header-search-field .search-input-wrap::before{content:none!important;display:none!important;}
.header-search-field .search-input-wrap input#query{padding-left:18px!important;}
.cart-guidance-top{position:sticky;top:0;z-index:12;margin:0 0 12px;padding:12px 14px;border:2px solid #ffd200;border-radius:14px;background:#fff7cc;box-shadow:0 10px 24px rgba(17,19,21,.12);display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#1d1d1d;}
.cart-guidance-top__icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#ffd200;color:#111;font-weight:900;}
.cart-guidance-top__copy{display:flex;flex-direction:column;gap:2px;min-width:210px;flex:1 1 260px;}
.cart-guidance-top__title{font-weight:900;font-size:14px;line-height:1.15;}
.cart-guidance-top__text{font-size:12px;line-height:1.3;color:#4e555b;}
.cart-guidance-top__button{border:0;border-radius:999px;background:#111;color:#fff;font-weight:900;font-size:13px;padding:10px 14px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(17,19,21,.18);}
.cart-guidance-top__button:hover{background:#2b2b2b;}
.cart-next-step-hint{background:#fff7cc!important;border:2px solid #ffd200!important;box-shadow:0 8px 20px rgba(17,19,21,.08);}
.cart-next-step-hint strong::before{content:"Nächster Schritt: ";}
.cart-next-step-hint button{background:#111!important;color:#fff!important;font-size:13px!important;padding:10px 14px!important;}
.v241-add-dialog__actions button.primary{background:#111;color:#fff;}
@media (max-width:640px){
  .header-search-field .search-input-wrap input#query{padding-left:14px!important;}
  .cart-guidance-top{position:sticky;top:0;padding:11px 12px;border-radius:12px;}
  .cart-guidance-top__button{width:100%;}
  .cart-guidance-top__copy{min-width:0;}
}

/* V243: Warenkorb liegt beim Öffnen immer über Header/Suche; Hinweisblock bleibt unter der Warenkorb-Kopfzeile. */
body.desktop-cart-open .topbar,
body.cart-open .topbar,
body.desktop-cart-open.search-focus-mode .topbar,
body.cart-open.search-focus-mode .topbar{
  z-index:60!important;
  pointer-events:none!important;
}
body.desktop-cart-open #querySuggestions,
body.cart-open #querySuggestions,
body.desktop-cart-open .header-search-field .query-suggestions,
body.cart-open .header-search-field .query-suggestions{
  display:none!important;
  pointer-events:none!important;
}
.desktop-cart-backdrop,
body.desktop-cart-open .desktop-cart-backdrop{
  z-index:1200!important;
}
.mobile-cart-backdrop,
body.cart-open .mobile-cart-backdrop{
  z-index:1200!important;
}
.order-panel.desktop-expanded,
.order-panel.mobile-open{
  z-index:1210!important;
}
.order-panel.desktop-expanded .order-head,
.order-panel.mobile-open .order-head{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  background:#fff!important;
}
.order-panel.desktop-expanded .order-head-actions,
.order-panel.mobile-open .order-head-actions,
.order-panel.desktop-expanded .desktop-cart-close,
.order-panel.desktop-expanded .desktop-cart-expand,
.order-panel.mobile-open .mobile-cart-toggle{
  position:relative!important;
  z-index:45!important;
}
.cart-guidance-top{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  margin:0 0 12px!important;
}
.order-panel.desktop-expanded .cart-guidance-top,
.order-panel.mobile-open .cart-guidance-top{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
}
@media (max-width:640px){
  .cart-guidance-top{position:relative!important;top:auto!important;}
}

/* V244: obere Warenkorb-Navigation dauerhaft sichtbar direkt unter der Kopfzeile */
.cart-guidance-top-bar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 14px;
  padding:12px 14px;
  border:2px solid #ffd200;
  border-radius:14px;
  background:#fff7cc;
  box-shadow:0 8px 20px rgba(17,19,21,.08);
  color:#1d1d1d;
}
.order-panel.desktop-expanded .cart-guidance-top-bar,
.order-panel.mobile-open .cart-guidance-top-bar{
  margin:10px 18px 0;
}
.cart-guidance-top-bar .cart-guidance-top__copy{display:flex;flex-direction:column;gap:2px;min-width:210px;flex:1 1 260px;}
.cart-guidance-top-bar .cart-guidance-top__title{font-weight:900;font-size:14px;line-height:1.15;}
.cart-guidance-top-bar .cart-guidance-top__text{font-size:12px;line-height:1.3;color:#4e555b;}
.cart-guidance-top-bar .cart-guidance-top__button{margin-left:auto;}
@media (max-width:640px){
  .cart-guidance-top-bar{margin:0 12px;padding:10px 12px;border-radius:12px;}
  .order-panel.desktop-expanded .cart-guidance-top-bar,
  .order-panel.mobile-open .cart-guidance-top-bar{margin:8px 10px 0;}
  .cart-guidance-top-bar .cart-guidance-top__button{width:100%;margin-left:0;}
  .cart-guidance-top-bar .cart-guidance-top__copy{min-width:0;}
}


/* V245: obere CTA im Warenkorb optisch sauber und modern */
#cartGuidanceTop.cart-top-cta{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:12px 18px 0!important;
  padding:14px 16px!important;
  border:1px solid #e8c94a!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff8d8 0%,#fff3bf 100%)!important;
  box-shadow:0 10px 24px rgba(17,19,21,.08)!important;
  color:#171717!important;
}
#cartGuidanceTop.cart-top-cta .cart-top-cta__icon{
  width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  background:#ffd200;color:#111;font:900 18px/1 Arial,sans-serif;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}
#cartGuidanceTop.cart-top-cta .cart-top-cta__content{min-width:0!important;}
#cartGuidanceTop.cart-top-cta .cart-top-cta__title{font:800 16px/1.15 Arial,sans-serif;color:#111;margin:0 0 2px 0;}
#cartGuidanceTop.cart-top-cta .cart-top-cta__text{font:500 13px/1.35 Arial,sans-serif;color:#4c4f55;margin:0;}
#cartGuidanceTop.cart-top-cta .cart-top-cta__button{
  border:0!important;border-radius:999px!important;background:#111!important;color:#fff!important;
  font:800 13px/1 Arial,sans-serif!important;padding:12px 16px!important;white-space:nowrap!important;cursor:pointer;
  box-shadow:0 6px 16px rgba(17,19,21,.16)!important;
}
#cartGuidanceTop.cart-top-cta .cart-top-cta__button:hover{background:#242424!important;}
.order-panel.desktop-expanded #cartGuidanceTop.cart-top-cta,
.order-panel.mobile-open #cartGuidanceTop.cart-top-cta{margin:12px 18px 0!important;}
@media (max-width: 640px){
  #cartGuidanceTop.cart-top-cta{grid-template-columns:36px minmax(0,1fr)!important;margin:10px 12px 0!important;padding:12px!important;}
  #cartGuidanceTop.cart-top-cta .cart-top-cta__icon{width:36px;height:36px;font-size:16px;}
  #cartGuidanceTop.cart-top-cta .cart-top-cta__title{font-size:15px;}
  #cartGuidanceTop.cart-top-cta .cart-top-cta__text{font-size:12px;}
  #cartGuidanceTop.cart-top-cta .cart-top-cta__button{grid-column:1 / -1;width:100%;margin-top:2px;}
}


/* V247: direkte Suche, größere Desktop-Kopfleiste, Vorab-Mengen und Mobile-Zoom-Schutz */
.preadd-controls{display:grid;grid-template-columns:minmax(92px,auto) minmax(92px,120px) minmax(0,1fr);align-items:center;gap:8px;margin:10px 0 8px;padding:9px 10px;border:1px solid #e2e4e7;border-radius:12px;background:#fafafa;}
.preadd-controls label{font-size:11px;font-weight:900;color:#25282b;}
.preadd-controls input{height:38px;min-height:38px;border:1px solid #cfd3d7;border-radius:8px;background:#fff;padding:7px 9px;font:800 16px/1.2 Arial,sans-serif;color:#111;}
.preadd-controls span{font-size:11px;line-height:1.25;color:#62686e;}
.live-search-option:focus-visible,.suggestion-chip:focus-visible,.live-search-show-all:focus-visible{outline:3px solid rgba(255,210,0,.95)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(17,19,21,.10)!important;}
@media (min-width:961px){
  .topbar{min-height:85px!important;padding:14px 18px!important;}
  .header-search-field .search-input-wrap input#query{height:50px!important;min-height:50px!important;font-size:17px!important;}
  .header-search-field .search-submit-button{width:44px!important;height:44px!important;min-height:44px!important;}
  .header-search-field .query-clear-button{width:36px!important;height:36px!important;min-height:36px!important;right:52px!important;}
  .header-cart-button,.desktop-cart-launcher,.quick-contact-button,.discount-mini{transform:scale(1.04);transform-origin:center;}
}
@media (max-width:960px){
  input,select,textarea,button,.preadd-controls input,.order-panel input,.order-panel textarea,.order-panel select,.header-search-field .search-input-wrap input#query{font-size:16px!important;}
  input,select,textarea{touch-action:manipulation!important;}
  .preadd-controls{grid-template-columns:1fr minmax(88px,110px);gap:6px;}
  .preadd-controls span{grid-column:1 / -1;}
}

/* V248: wichtige Artikeldaten direkt sichtbar und bundweise Auswahl */
.product-keyline{margin:6px 0 8px;padding:8px 10px;border:1px solid #ead66a;border-radius:10px;background:#fff8cf;color:#171717;display:flex;flex-direction:column;gap:3px;line-height:1.2;}
.product-keyline strong{font-size:18px;font-weight:950;letter-spacing:-.01em;}
.product-keyline span{font-size:12px;font-weight:750;color:#4e4a32;}
.preadd-controls input[min][step]{border-color:#d8bd22;background:#fffdf0;}
.preadd-controls input[min][step] + span{font-weight:750;color:#554b1f;}
@media (max-width:640px){.product-keyline{padding:8px 9px}.product-keyline strong{font-size:17px}.product-keyline span{font-size:11.5px}}
@media (min-width:961px){.topbar{min-height:72px!important;padding-top:13px!important;padding-bottom:13px!important}.header-search-field .search-input-wrap input#query{height:50px!important;min-height:50px!important;font-size:17px!important}.header-search-field .search-submit{width:44px!important;height:44px!important}.header-discount-card,.header-cart-button,.quick-contact-btn{min-height:48px!important}}


/* V251: kompakter Suchmodus, leichteres Overlay und ruhigerer Header-Placeholder */
body.search-focus-mode .search-focus-backdrop{
  background:rgba(16,20,24,.34)!important;
  backdrop-filter:blur(1px)!important;
}
@media (max-width:760px){
  body.search-focus-mode .search-focus-backdrop{background:rgba(16,20,24,.30)!important;}
}
body.search-has-query .search-intro,
body.search-has-query .digital-tools,
body.search-has-query .partner-section{
  display:none!important;
}
body.search-has-query .search-panel{
  margin-top:10px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
body.search-has-query .filters{
  margin-top:0!important;
}
body.search-has-query .config-progress{
  margin-top:12px!important;
}
.header-search-field .search-input-wrap input#query::placeholder{
  color:#5f666d!important;
  opacity:.92!important;
}
@media (min-width:961px){
  .header-search-field .search-input-wrap input#query::placeholder{font-size:16px!important;}
}


/* V262: Suchdropdown mobil scrollbar halten, Touch-Gesten nicht als Auswahl auslösen. */
#querySuggestions,.header-search-field .query-suggestions{
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
}
#querySuggestions .live-search-option,
#querySuggestions .live-search-show-all,
#querySuggestions .suggestion-chip{touch-action:pan-y!important;}


/* V265: geringere Browserlast, klarere Arbeitsplattenpreise und ruhigerer Suchfokus */
body.search-focus-mode .search-focus-backdrop{
  background:rgba(16,20,24,.22)!important;
  backdrop-filter:blur(.6px)!important;
}
.worktop-piece-price .price-row:first-child strong{font-size:1.12em;}
.worktop-piece-price .price-sub{font-weight:700;line-height:1.35;}
.results-load-more{
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:20px 12px 8px;
  text-align:center;
}
.results-load-more__button{min-width:min(100%,320px);font-weight:900;}
.results-load-more span{font-size:12px;color:#5d6268;font-weight:700;}
@media(max-width:760px){
  body.search-focus-mode .search-focus-backdrop{background:rgba(16,20,24,.18)!important;}
  .results-load-more{padding-top:14px;}
}


/* V266: klare Suchauswahl, Arbeitsplatten-Paket und robuste Laptop-/Zoom-Ansicht. */
.search-selection-banner{display:flex;align-items:flex-start;gap:10px;margin:-2px -2px 12px;padding:11px 12px;border:2px solid #c8a900;border-radius:10px;background:linear-gradient(135deg,#fff3a8,#fffbea);color:#191600}
.search-selection-banner>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#111;color:#fff;font-size:15px;font-weight:900}
.search-selection-banner div{display:grid;gap:2px}.search-selection-banner strong{font-size:14px}.search-selection-banner small{font-size:11px;line-height:1.35;color:#5d5423}
.product-card.is-search-selection{border:3px solid #d0af00;border-left-width:6px;box-shadow:0 10px 28px rgba(80,65,0,.16)}
.worktop-package-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #d3b535;border-radius:10px;background:#fffbea}
.worktop-package-copy{display:grid;gap:2px}.worktop-package-copy strong{font-size:12px}.worktop-package-copy span{font-size:10.5px;line-height:1.35;color:#675d2e}
.worktop-package-button{background:#111!important;border-color:#111!important;color:#fff!important;min-width:235px}.worktop-only-button{background:#fff!important;border-color:#b9a33e!important;color:#111!important}
.send-action-card .send-confidence-note{line-height:1.4}

/* Effektive Browserbreiten typischer 125-150%-Laptop-Skalierung. */
@media (min-width:961px) and (max-width:1366px){
  .app{max-width:1240px;padding-left:14px;padding-right:14px}
  .topbar{padding-left:12px!important;padding-right:12px!important;gap:9px!important}
  .brand-subtitle,.quick-contact-btn span:not(.quick-contact-icon){display:none}
  .header-actions{gap:6px!important}.header-discount-card{min-width:168px}.header-cart-button{padding-left:10px!important;padding-right:10px!important}
  .search-panel{padding:18px}.search-main{grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr);gap:12px}
  .advanced-filters{grid-template-columns:repeat(3,minmax(135px,1fr))}
  .workbench{grid-template-columns:minmax(0,1fr) minmax(315px,350px);gap:12px}
  .results{grid-template-columns:1fr;gap:12px}
  .product-card{padding:13px}.product-card .article{font-size:17px}.details-row{gap:5px}
  .order-panel{min-width:0}.order-body{padding:12px}
}
@media (min-width:961px) and (max-width:1120px){
  .header-discount-card{min-width:148px}.header-cart-button .header-cart-label{display:none}
  .search-main{grid-template-columns:1fr}.search-main .quick-search-help{display:none}
  .workbench{grid-template-columns:minmax(0,1fr) minmax(300px,330px)}
  .advanced-filters{grid-template-columns:repeat(2,minmax(140px,1fr))}
}
@media (max-width:760px){
  .search-selection-banner{margin:0 0 10px;padding:10px}.search-selection-banner small{font-size:10.5px}
  .worktop-package-actions{grid-template-columns:1fr}.worktop-package-button{min-width:0;width:100%}
}

/* V267: Gewählten Suchartikel als klare Produktbühne darstellen. Der übrige Shop bleibt unverändert. */
.selected-search-product{
  grid-column:1 / -1;
  position:relative;
  padding:18px;
  border:2px solid #d2ad00;
  border-left:2px solid #d2ad00;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 32px rgba(17,19,21,.10);
  scroll-margin-top:94px;
  overflow:hidden;
}
.selected-search-product__badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:14px;
  padding:7px 11px;
  border-radius:7px;
  background:#118447;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.selected-search-product__badge span{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  color:#118447;
  font-size:12px;
}
.selected-search-product__grid{
  display:grid;
  grid-template-columns:minmax(180px,230px) minmax(280px,1.2fr) minmax(270px,.9fr);
  gap:20px;
  align-items:stretch;
}
.selected-search-product__visual{
  position:relative;
  min-height:250px;
  overflow:hidden;
  border:1px solid #d9dde0;
  border-radius:11px;
  background:#f4f4f1;
}
.selected-search-product__visual>img{
  display:block;
  width:100%;
  height:100%;
  min-height:250px;
  object-fit:cover;
}
.selected-search-product__visual>span{
  position:absolute;
  left:9px;
  bottom:9px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(17,19,21,.82);
  color:#fff;
  font-size:9px;
  font-weight:850;
  backdrop-filter:blur(4px);
}
.selected-search-product__visual-fallback{
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  height:100%;
  min-height:250px;
  padding:18px;
  text-align:center;
  color:#545b60;
}
.selected-search-product__visual-fallback .product-family-icon{
  width:66px;
  height:66px;
  flex-basis:66px;
  border-radius:16px;
}
.selected-search-product__visual-fallback .product-family-icon svg{width:42px;height:42px}
.selected-search-product__info{display:flex;min-width:0;flex-direction:column;gap:9px;padding:4px 0}
.selected-search-product__brand{font-size:11px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;color:#555d62}
.selected-search-product__info h2{margin:0;font-size:25px;line-height:1.12;letter-spacing:-.02em;color:#111}
.selected-search-product__info h2 mark{background:transparent;padding:0}
.selected-search-product__info>p{margin:0;color:#4f585e;font-size:13px;line-height:1.45}
.selected-search-product__chips{display:flex;flex-wrap:wrap;gap:6px}
.selected-search-product__chips span{
  padding:5px 8px;
  border:1px solid #d9dde0;
  border-radius:6px;
  background:#f6f7f7;
  color:#343a3e;
  font-size:10px;
  font-weight:800;
}
.selected-search-product__prices{margin-top:auto}
.selected-search-product__prices .price{padding:11px 12px;background:#f8f8f6}
/* V464: In der ausgewählten Trefferkarte darf die Kundenpreiszeile nicht ausgeblendet werden. */
.selected-search-product__prices .price-row:first-child{display:flex}
.selected-search-product__prices .price-row.customer-price{margin-top:0;padding-top:0;border-top:0}
.selected-search-product__prices .price-row.customer-price strong{font-size:22px}
.selected-search-product__order{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:11px;
  padding:15px;
  border:1px solid #eadb89;
  border-radius:11px;
  background:linear-gradient(145deg,#fffdf4,#fff7cf);
}
.selected-search-product__order h3{margin:0 0 2px;font-size:15px;line-height:1.25}
.selected-search-product__order .preadd-controls{
  grid-template-columns:auto minmax(78px,100px);
  margin:0;
  padding:8px 9px;
  background:rgba(255,255,255,.82);
}
.selected-search-product__order .preadd-controls span{grid-column:1 / -1;font-size:10px}
.selected-search-product__choice-list{display:grid;gap:8px}
.selected-product-choice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:66px;
  padding:11px 13px;
  border:1px solid #d5d9dc;
  border-radius:9px;
  background:#fff;
  color:#111;
  text-align:left;
  cursor:pointer;
}
.selected-product-choice:hover{border-color:#b99b00;transform:translateY(-1px)}
.selected-product-choice>span:first-child{display:grid;gap:3px}
.selected-product-choice strong{font-size:13px;line-height:1.25}
.selected-product-choice small{font-size:10.5px;color:#5e666b;font-weight:750}
.selected-product-choice>span:last-child{font-size:24px;font-weight:500;line-height:1}
.selected-product-choice.is-primary{border-color:#cba900;background:#ffd200}
.selected-product-choice.is-primary small{color:#403600}
.selected-product-choice.single-action{margin-top:auto}
.selected-search-product__package-lines{display:grid;gap:4px;padding:1px 2px;font-size:10.5px;color:#3f484d}
.selected-search-product__package-lines strong{margin-bottom:2px;color:#111}
.selected-search-product__package-lines span{color:#286a43;font-weight:750}
.selected-search-product__secondary{margin-top:auto;padding-top:3px}
.selected-search-product__secondary .sample-button{width:100%;min-height:39px;background:#fff;font-size:11px}
.selected-search-product__details{margin-top:14px;padding-top:11px;border-top:1px solid #e2e4e6}
.selected-search-product__details summary{font-size:11px}
.selected-search-related-heading{
  grid-column:1 / -1;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:7px 2px 0;
}
.selected-search-related-heading strong{font-size:18px;color:#111}
.selected-search-related-heading span{font-size:11px;color:#656d72;text-align:right}

@media (min-width:961px) and (max-width:1260px){
  .selected-search-product__grid{grid-template-columns:170px minmax(0,1fr);gap:15px}
  .selected-search-product__visual,.selected-search-product__visual>img,.selected-search-product__visual-fallback{min-height:210px}
  .selected-search-product__order{grid-column:1 / -1;display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,1.45fr);align-items:start}
  .selected-search-product__order h3{grid-column:1 / -1}
  .selected-search-product__order .preadd-controls{grid-column:1}
  .selected-search-product__choice-list{grid-column:2;grid-row:2 / span 2;grid-template-columns:1fr 1fr}
  .selected-search-product__package-lines{grid-column:1}
  .selected-search-product__secondary{grid-column:1;align-self:end}
  .selected-product-choice{min-height:72px}
}
@media (max-width:960px){
  .selected-search-product{padding:14px;scroll-margin-top:72px}
  .selected-search-product__grid{grid-template-columns:minmax(135px,180px) minmax(0,1fr);gap:14px}
  .selected-search-product__visual,.selected-search-product__visual>img,.selected-search-product__visual-fallback{min-height:185px}
  .selected-search-product__info h2{font-size:21px}
  .selected-search-product__order{grid-column:1 / -1}
  .selected-search-related-heading{align-items:flex-start;flex-direction:column;gap:3px}
  .selected-search-related-heading span{text-align:left}
}
@media (max-width:620px){
  .selected-search-product{padding:12px}
  .selected-search-product__badge{margin-bottom:10px;font-size:10px}
  .selected-search-product__grid{grid-template-columns:1fr}
  .selected-search-product__visual{min-height:0;aspect-ratio:1.65 / 1}
  .selected-search-product__visual>img{min-height:0;height:100%}
  .selected-search-product__visual-fallback{min-height:150px}
  .selected-search-product__info h2{font-size:20px}
  .selected-search-product__order{grid-column:auto;padding:12px}
  .selected-search-product__choice-list{grid-template-columns:1fr}
  .selected-product-choice{min-height:62px}
  .selected-search-related-heading strong{font-size:16px}
}


/* V271: Mobile iOS/PWA Safe-Area korrekt nutzen, ohne die Scroll-Logik zu brechen.
   Der Header liegt wirklich bei top:0. Innen wird nur der Inhalt unter Akku/Uhr geschoben. */
@media (max-width:960px){
  :root{--mobile-header-body-height:58px;}
  html,body{
    background:#f3f2ee!important;
    min-height:100%;
  }
  body::before{
    content:"";
    position:fixed;
    left:0;
    right:0;
    top:0;
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 12px);
    background:rgba(246,245,241,.94);
    backdrop-filter:blur(16px) saturate(1.08);
    -webkit-backdrop-filter:blur(16px) saturate(1.08);
    z-index:990;
    pointer-events:none;
    transition:transform .22s ease, opacity .16s ease;
  }
  .app{
    padding-top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 14px)!important;
  }
  .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    z-index:1000!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    gap:8px!important;
    align-items:end!important;
    min-height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    padding:env(safe-area-inset-top,0px) 10px 8px!important;
    margin:0!important;
    border-radius:0 0 18px 18px!important;
    border:0!important;
    background:rgba(246,245,241,.78)!important;
    backdrop-filter:blur(16px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
    box-shadow:0 8px 22px rgba(17,19,21,.10)!important;
    will-change:transform,opacity!important;
    transition:transform .22s ease,opacity .16s ease,box-shadow .18s ease!important;
  }
  body.searchbar-scroll-hidden:not(.search-focus-mode)::before{
    transform:translateY(calc(-100% - 8px));
    opacity:0;
  }
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
    transform:translateY(calc(-100% - 8px))!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.search-focus-mode::before,
  body.search-focus-mode .topbar{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.cart-open .topbar,
  body.desktop-cart-open .topbar{
    z-index:60!important;
  }
  .brand-zone{grid-column:1!important;align-self:end!important;display:block!important;min-width:0!important;}
  .logo-lockup{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  .krueger-logo{width:40px!important;height:40px!important;border-radius:12px!important;}
  .company-text,.header-title,.quick-contact-bar,.catalog-status,.header-discount-mini{display:none!important;}
  .header-search-slot{grid-column:2!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-self:end!important;gap:0!important;min-width:0!important;max-width:none!important;width:100%!important;}
  .header-search-field{min-width:0!important;align-self:end!important;}
  .header-search-field .search-input-wrap{width:100%!important;min-width:0!important;}
  .header-search-field .search-input-wrap input{
    height:44px!important;
    min-height:44px!important;
    width:100%!important;
    padding:8px 82px 8px 16px!important;
    border:2px solid #bcc2c8!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 2px 10px rgba(17,19,21,.06)!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1!important;
  }
  .header-search-field .search-input-wrap input:focus{
    border-color:#9b8100!important;
    box-shadow:0 0 0 3px rgba(255,210,0,.28),0 4px 14px rgba(17,19,21,.10)!important;
  }
  .header-search-field .search-submit-button{width:38px!important;height:38px!important;min-height:38px!important;right:3px!important;top:50%!important;transform:translateY(-50%)!important;border-radius:999px!important;}
  .header-search-field .query-clear-button{width:30px!important;height:30px!important;min-height:30px!important;right:44px!important;top:50%!important;transform:translateY(-50%)!important;border-radius:999px!important;}
  .header-actions{grid-column:3!important;align-self:end!important;display:grid!important;place-items:center!important;}
  .header-cart-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 2px 10px rgba(17,19,21,.07)!important;}
  .header-cart-count{top:-8px!important;right:-8px!important;}
  #querySuggestions,.header-search-field .query-suggestions{
    position:fixed!important;
    top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 4px)!important;
    left:10px!important;
    right:10px!important;
    max-height:min(54dvh,440px)!important;
    z-index:10016!important;
  }
  .selected-search-product{scroll-margin-top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 12px)!important;}
}
@media (max-width:520px){
  :root{--mobile-header-body-height:58px;}
  .app{padding-top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 12px)!important;}
  .topbar{grid-template-columns:42px minmax(0,1fr) 42px!important;padding:env(safe-area-inset-top,0px) 8px 8px!important;}
  .logo-lockup,.header-cart-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;}
  .krueger-logo{width:40px!important;height:40px!important;}
  .header-search-field .search-input-wrap input{height:42px!important;min-height:42px!important;font-size:14px!important;padding-left:14px!important;padding-right:78px!important;}
  .header-search-field .search-submit-button{width:36px!important;height:36px!important;min-height:36px!important;}
  .header-search-field .query-clear-button{right:41px!important;}
  #querySuggestions,.header-search-field .query-suggestions{left:8px!important;right:8px!important;}
}


/* V272: Mobile Header dauerhaft praesent, dezentes Gelb und saubere Lupe ohne Abschneiden. */
@media (max-width:960px){
  body::before{
    background:rgba(248,244,222,.94)!important;
    backdrop-filter:blur(14px) saturate(1.04)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.04)!important;
  }
  .app{
    padding-top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 14px)!important;
  }
  .topbar{
    background:rgba(248,244,222,.86)!important;
    backdrop-filter:blur(14px) saturate(1.04)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.04)!important;
    box-shadow:0 6px 18px rgba(17,19,21,.08)!important;
    overflow:visible!important;
  }
  /* Mobil soll die Suchmaske oben praesent bleiben. */
  body.searchbar-scroll-hidden:not(.search-focus-mode)::before,
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .brand-zone,
  .header-search-slot,
  .header-search-field,
  .header-search-field .search-input-wrap,
  .header-actions{
    overflow:visible!important;
  }
  .header-search-field .search-input-wrap input{
    height:46px!important;
    min-height:46px!important;
    padding:8px 74px 8px 16px!important;
    background:rgba(255,255,255,.95)!important;
    border:2px solid #bcc2c8!important;
  }
  .header-search-field .search-submit-button{
    width:34px!important;
    height:34px!important;
    min-height:34px!important;
    right:6px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    border-radius:999px!important;
    box-shadow:0 2px 7px rgba(155,129,0,.20)!important;
  }
  .header-search-field .search-submit-button svg{
    width:20px!important;
    height:20px!important;
  }
  .header-search-field .query-clear-button{
    right:44px!important;
  }
  .header-cart-button{
    background:rgba(255,255,255,.94)!important;
  }
}
@media (max-width:520px){
  .topbar{
    padding:env(safe-area-inset-top,0px) 8px 8px!important;
  }
  .header-search-field .search-input-wrap input{
    height:44px!important;
    min-height:44px!important;
    padding:8px 72px 8px 14px!important;
    font-size:14px!important;
  }
  .header-search-field .search-submit-button{
    width:32px!important;
    height:32px!important;
    min-height:32px!important;
    right:6px!important;
  }
  .header-search-field .search-submit-button svg{
    width:18px!important;
    height:18px!important;
  }
  .header-search-field .query-clear-button{
    width:28px!important;
    height:28px!important;
    min-height:28px!important;
    right:40px!important;
  }
}


/* V273: Mobiler Header professioneller, ruhiger und sauber proportioniert. */
@media (max-width:960px){
  :root{--mobile-header-body-height:56px;}
  html,body{
    background:#f4f3ef!important;
  }
  body::before{
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 8px)!important;
    background:linear-gradient(180deg, rgba(255,250,230,.96), rgba(248,245,232,.92))!important;
    backdrop-filter:blur(12px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.03)!important;
    box-shadow:0 1px 0 rgba(17,19,21,.06)!important;
  }
  .app{
    padding-top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 12px)!important;
  }
  .topbar{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    gap:8px!important;
    min-height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    padding:env(safe-area-inset-top,0px) 12px 8px!important;
    background:linear-gradient(180deg, rgba(255,250,230,.90), rgba(248,245,232,.86))!important;
    box-shadow:0 8px 18px rgba(17,19,21,.07)!important;
    border-radius:0 0 16px 16px!important;
    overflow:visible!important;
  }
  body.searchbar-scroll-hidden:not(.search-focus-mode)::before,
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .logo-lockup{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:12px!important;
  }
  .krueger-logo{
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
    box-shadow:0 2px 8px rgba(17,19,21,.08)!important;
  }
  .header-search-slot,
  .header-search-field,
  .header-search-field .search-input-wrap{
    min-width:0!important;
    overflow:visible!important;
  }
  .header-search-field .search-input-wrap{
    position:relative!important;
    height:42px!important;
    display:block!important;
  }
  .header-search-field .search-input-wrap input{
    height:42px!important;
    min-height:42px!important;
    width:100%!important;
    padding:7px 52px 7px 15px!important;
    border:1.5px solid rgba(112,122,132,.34)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.96)!important;
    color:#22282e!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 2px 8px rgba(17,19,21,.045)!important;
    font-size:14.5px!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    line-height:1.1!important;
    outline:none!important;
  }
  .header-search-field .search-input-wrap input::placeholder{
    color:#6b737c!important;
    opacity:.95!important;
  }
  .header-search-field .search-input-wrap input:focus{
    border-color:rgba(120,128,136,.46)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 2px 9px rgba(17,19,21,.06)!important;
    outline:none!important;
  }
  .header-search-field .search-submit-button{
    position:absolute!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
    right:5px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    border:1px solid rgba(151,126,0,.38)!important;
    background:linear-gradient(180deg,#ffd945,#f5c700)!important;
    box-shadow:0 1px 4px rgba(151,126,0,.18)!important;
    overflow:hidden!important;
  }
  .header-search-field .search-submit-button svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
  }
  .header-search-field .query-clear-button{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    right:39px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    border-radius:50%!important;
    border:1px solid rgba(17,19,21,.08)!important;
    background:rgba(255,255,255,.88)!important;
    color:#59626b!important;
    box-shadow:none!important;
  }
  .header-cart-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    border:1px solid rgba(112,122,132,.20)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 2px 8px rgba(17,19,21,.06)!important;
  }
  .header-cart-button svg{
    width:20px!important;
    height:20px!important;
  }
  .header-cart-count{
    top:-7px!important;
    right:-7px!important;
    min-width:19px!important;
    height:19px!important;
    font-size:11px!important;
    border:2px solid rgba(255,255,255,.95)!important;
    box-shadow:0 1px 5px rgba(17,19,21,.10)!important;
  }
  #querySuggestions,.header-search-field .query-suggestions{
    top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 6px)!important;
  }
}
@media (max-width:520px){
  :root{--mobile-header-body-height:56px;}
  .topbar{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:8px!important;
    padding:env(safe-area-inset-top,0px) 10px 8px!important;
  }
  .logo-lockup,.header-cart-button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
  .krueger-logo{
    width:36px!important;
    height:36px!important;
  }
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input{
    height:40px!important;
    min-height:40px!important;
  }
  .header-search-field .search-input-wrap input{
    padding-right:50px!important;
    font-size:14px!important;
  }
  .header-search-field .search-submit-button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    right:5px!important;
  }
  .header-search-field .search-submit-button svg{
    width:17px!important;
    height:17px!important;
  }
  .header-search-field .query-clear-button{
    right:37px!important;
  }
}


/* V274: Warmer Gelbverlauf sichtbar bis in den iOS Safe Area Bereich hinein. */
@media (max-width:960px){
  html,
  body{
    background:linear-gradient(180deg,#fff7d8 0px,#fcf6df 88px,#f4f3ef 170px)!important;
    background-color:#fff7d8!important;
  }
  body::before{
    background:linear-gradient(180deg, rgba(255,247,216,.98) 0%, rgba(251,244,220,.95) 62%, rgba(247,243,230,.92) 100%)!important;
    box-shadow:0 1px 0 rgba(164,141,36,.08)!important;
  }
  .topbar{
    background:linear-gradient(180deg, rgba(255,247,216,.92) 0%, rgba(250,244,220,.88) 60%, rgba(247,243,230,.84) 100%)!important;
  }
}
@media (max-width:520px){
  html,
  body{
    background:linear-gradient(180deg,#fff7d8 0px,#fcf6df 84px,#f4f3ef 160px)!important;
    background-color:#fff7d8!important;
  }
  body::before{
    background:linear-gradient(180deg, rgba(255,247,216,.99) 0%, rgba(251,244,220,.96) 60%, rgba(247,243,230,.93) 100%)!important;
  }
  .topbar{
    background:linear-gradient(180deg, rgba(255,247,216,.94) 0%, rgba(250,244,220,.89) 62%, rgba(247,243,230,.85) 100%)!important;
  }
}


/* V275: Mobile Suchfeld verfeinert – Lupe nicht abgeschnitten, Text bekommt mehr Platz. */
@media (max-width:960px){
  .topbar{
    align-items:center!important;
  }
  .brand-zone,
  .header-search-slot,
  .header-search-field,
  .header-actions{
    align-self:center!important;
  }
  .header-search-field .search-input-wrap{
    height:40px!important;
    min-height:40px!important;
  }
  .header-search-field .search-input-wrap input{
    height:40px!important;
    min-height:40px!important;
    padding:7px 88px 7px 14px!important;
    font-size:14px!important;
    line-height:1.15!important;
    text-overflow:ellipsis!important;
  }
  .header-search-field .search-submit-button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    right:5px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
    line-height:0!important;
  }
  .header-search-field .search-submit-button svg{
    width:17px!important;
    height:17px!important;
  }
  .header-search-field .query-clear-button{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    right:39px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
}
@media (max-width:520px){
  .topbar{
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:7px!important;
    padding:env(safe-area-inset-top,0px) 8px 8px!important;
  }
  .logo-lockup,
  .header-cart-button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  .krueger-logo{
    width:34px!important;
    height:34px!important;
  }
  .header-cart-button svg{
    width:18px!important;
    height:18px!important;
  }
  .header-cart-count{
    top:-6px!important;
    right:-6px!important;
    min-width:18px!important;
    height:18px!important;
    font-size:10px!important;
  }
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input{
    height:40px!important;
    min-height:40px!important;
  }
  .header-search-field .search-input-wrap input{
    padding:7px 82px 7px 13px!important;
    font-size:13.5px!important;
  }
  .header-search-field .search-submit-button{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    right:5px!important;
  }
  .header-search-field .search-submit-button svg{
    width:16px!important;
    height:16px!important;
  }
  .header-search-field .query-clear-button{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    right:36px!important;
  }
}


/* V276: Mobiler Safe-Area/Header als transparenter Blur-Layer statt gelber Flaeche. */
@media (max-width:960px){
  html,
  body{
    background:#f4f3ef!important;
    background-color:#f4f3ef!important;
  }
  body::before{
    background:rgba(250,249,244,.58)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
    box-shadow:0 1px 0 rgba(17,19,21,.055),0 8px 24px rgba(17,19,21,.055)!important;
  }
  .topbar{
    background:rgba(250,249,244,.46)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
    box-shadow:0 8px 22px rgba(17,19,21,.065)!important;
  }
  .header-search-field .search-input-wrap input{
    background:rgba(255,255,255,.86)!important;
    border-color:rgba(112,122,132,.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 2px 10px rgba(17,19,21,.05)!important;
  }
  .header-cart-button,
  .logo-lockup{
    background:rgba(255,255,255,.68)!important;
    backdrop-filter:blur(10px) saturate(1.04)!important;
    -webkit-backdrop-filter:blur(10px) saturate(1.04)!important;
  }
}
@media (max-width:520px){
  html,
  body{
    background:#f4f3ef!important;
    background-color:#f4f3ef!important;
  }
  body::before{
    background:rgba(250,249,244,.56)!important;
  }
  .topbar{
    background:rgba(250,249,244,.44)!important;
  }
}


/* V277: Nur mobil, Amazon-nahe Suchleiste: Lupe links im Feld, kein gelber Button, transparenter Blur-Header. */
@media (max-width:960px){
  :root{--mobile-header-body-height:64px;}
  html,
  body{
    background:#f4f3ef!important;
    background-color:#f4f3ef!important;
  }
  body::before{
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 4px)!important;
    background:rgba(244,246,247,.42)!important;
    backdrop-filter:blur(22px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
    box-shadow:0 1px 0 rgba(17,19,21,.045),0 10px 26px rgba(17,19,21,.055)!important;
  }
  .app{
    padding-top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 10px)!important;
  }
  .topbar{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:8px!important;
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    min-height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    padding:env(safe-area-inset-top,0px) 10px 10px!important;
    align-items:center!important;
    background:rgba(244,246,247,.34)!important;
    backdrop-filter:blur(22px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 1px 0 rgba(17,19,21,.05)!important;
    overflow:visible!important;
  }
  body.searchbar-scroll-hidden:not(.search-focus-mode)::before,
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .brand-zone,
  .header-search-slot,
  .header-search-field,
  .header-search-field .search-input-wrap,
  .header-actions{
    align-self:center!important;
    overflow:visible!important;
    min-width:0!important;
  }
  .logo-lockup{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.58)!important;
    box-shadow:0 1px 5px rgba(17,19,21,.045)!important;
    backdrop-filter:blur(10px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
  }
  .krueger-logo{
    width:36px!important;
    height:36px!important;
    border-radius:9px!important;
  }
  .header-search-field .search-input-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    overflow:visible!important;
  }
  .header-search-field .search-input-wrap input#query{
    height:46px!important;
    min-height:46px!important;
    width:100%!important;
    padding:8px 42px 8px 46px!important;
    border:1.25px solid rgba(86,94,102,.42)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.90)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 2px 8px rgba(17,19,21,.045)!important;
    color:#22282e!important;
    font-size:15.5px!important;
    font-weight:650!important;
    line-height:46px!important;
    letter-spacing:-.01em!important;
    outline:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .header-search-field .search-input-wrap input#query::placeholder{
    color:#5f666d!important;
    opacity:.94!important;
    font-weight:560!important;
  }
  .header-search-field .search-input-wrap input#query:focus{
    border-color:rgba(86,94,102,.54)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 2px 10px rgba(17,19,21,.065)!important;
  }
  .header-search-field .search-submit-button{
    position:absolute!important;
    left:13px!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    padding:0!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#111820!important;
    overflow:visible!important;
    line-height:0!important;
  }
  .header-search-field .search-submit-button svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    stroke:currentColor!important;
  }
  .header-search-field .search-submit-button:hover,
  .header-search-field .search-submit-button:active,
  .header-search-field .search-submit-button:focus{
    background:transparent!important;
    box-shadow:none!important;
  }
  .header-search-field .query-clear-button{
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    transform:translateY(-50%)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(17,19,21,.08)!important;
    color:#58616a!important;
  }
  .header-cart-button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.68)!important;
    border:1px solid rgba(86,94,102,.16)!important;
    box-shadow:0 1px 6px rgba(17,19,21,.05)!important;
    backdrop-filter:blur(10px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
  }
  .header-cart-button svg{
    width:19px!important;
    height:19px!important;
  }
  .header-cart-count{
    top:-6px!important;
    right:-6px!important;
    min-width:18px!important;
    height:18px!important;
    font-size:10px!important;
  }
  #querySuggestions,
  .header-search-field .query-suggestions{
    top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 6px)!important;
    left:10px!important;
    right:10px!important;
  }
}
@media (max-width:520px){
  :root{--mobile-header-body-height:62px;}
  .topbar{
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:7px!important;
    padding:env(safe-area-inset-top,0px) 8px 9px!important;
  }
  .logo-lockup,
  .header-cart-button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  .krueger-logo{
    width:34px!important;
    height:34px!important;
  }
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:44px!important;
    min-height:44px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding:8px 38px 8px 42px!important;
    font-size:14.5px!important;
    line-height:44px!important;
  }
  .header-search-field .search-submit-button{
    left:12px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
  }
  .header-search-field .search-submit-button svg{
    width:20px!important;
    height:20px!important;
  }
  .header-search-field .query-clear-button{
    right:8px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
  }
  #querySuggestions,
  .header-search-field .query-suggestions{
    left:8px!important;
    right:8px!important;
  }
}


/* V278: Mobile Safe-Area und Header wie aus einem Guss, Lupe exakt mittig zur Suchleiste. */
@media (max-width:960px){
  body::before{
    background:rgba(244,246,247,.34)!important;
    backdrop-filter:blur(22px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
    box-shadow:0 1px 0 rgba(17,19,21,.04)!important;
  }
  .topbar{
    background:rgba(244,246,247,.34)!important;
    backdrop-filter:blur(22px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
    box-shadow:0 1px 0 rgba(17,19,21,.04)!important;
  }
  .header-search-field .search-input-wrap{
    height:46px!important;
    min-height:46px!important;
  }
  .header-search-field .search-input-wrap input#query{
    height:46px!important;
    min-height:46px!important;
    line-height:normal!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .header-search-field .search-submit-button{
    left:14px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .header-search-field .search-submit-button svg{
    width:20px!important;
    height:20px!important;
    display:block!important;
    margin:0!important;
  }
}
@media (max-width:520px){
  body::before{
    background:rgba(244,246,247,.34)!important;
  }
  .topbar{
    background:rgba(244,246,247,.34)!important;
  }
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:44px!important;
    min-height:44px!important;
  }
  .header-search-field .search-submit-button{
    left:13px!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
  }
  .header-search-field .search-submit-button svg{
    width:18px!important;
    height:18px!important;
  }
}


/* V279: Mobile Lupe im Suchfeld fein nachjustiert und optisch zentriert. */
@media (max-width:960px){
  .header-search-field .search-submit-button{
    top:50%!important;
    transform:translateY(-50%)!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .header-search-field .search-submit-button svg{
    position:relative!important;
    top:1px!important;
    left:0!important;
    margin:0!important;
  }
}
@media (max-width:520px){
  .header-search-field .search-submit-button svg{
    position:relative!important;
    top:1px!important;
  }
}

/* V280: Mobile Startbereich nach Referenz gestaltet. Nur mobil, Desktop bleibt unberührt. */
@media (max-width:960px){
  :root{--mobile-header-body-height:86px;}
  html,
  body{
    background:#f7f6f3!important;
    background-color:#f7f6f3!important;
  }
  body::before{
    content:"";
    position:fixed;
    left:0;
    right:0;
    top:0;
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    background:rgba(255,255,255,.62)!important;
    backdrop-filter:blur(26px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(26px) saturate(1.16)!important;
    box-shadow:0 1px 0 rgba(17,19,21,.06),0 16px 28px rgba(17,19,21,.045)!important;
    z-index:990!important;
    pointer-events:none!important;
  }
  .app{
    padding-top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 18px)!important;
    padding-left:20px!important;
    padding-right:20px!important;
    background:#f7f6f3!important;
  }
  .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    min-height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 54px!important;
    align-items:center!important;
    gap:18px!important;
    padding:calc(env(safe-area-inset-top,0px) + 16px) 22px 16px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:1000!important;
    overflow:visible!important;
  }
  body.searchbar-scroll-hidden:not(.search-focus-mode)::before,
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .brand-zone,
  .header-search-slot,
  .header-search-field,
  .header-search-field .search-input-wrap,
  .header-actions{
    align-self:center!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .company-text,
  .header-title,
  .quick-contact-bar,
  .catalog-status,
  .header-discount-mini{display:none!important;}
  .logo-lockup{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(20,24,29,.10)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:0 8px 20px rgba(17,19,21,.10)!important;
    backdrop-filter:blur(12px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  }
  .krueger-logo{
    width:50px!important;
    height:50px!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  .header-search-slot{
    grid-column:2!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
  }
  .header-search-field{
    display:block!important;
  }
  .header-search-field label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
  }
  .header-search-field .search-input-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
  }
  .header-search-field .search-input-wrap input#query{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:block!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 20px 0 64px!important;
    border:1.2px solid rgba(70,78,86,.22)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 10px 24px rgba(17,19,21,.10), inset 0 1px 0 rgba(255,255,255,.92)!important;
    color:#20252b!important;
    font-size:17px!important;
    font-weight:640!important;
    line-height:normal!important;
    letter-spacing:-.01em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    outline:none!important;
  }
  .header-search-field .search-input-wrap input#query::placeholder{
    color:#5e646b!important;
    opacity:.95!important;
    font-weight:560!important;
  }
  .header-search-field .search-input-wrap input#query:focus{
    border-color:rgba(70,78,86,.34)!important;
    box-shadow:0 12px 28px rgba(17,19,21,.12), inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  .header-search-field .search-submit-button{
    position:absolute!important;
    left:22px!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:28px!important;
    height:100%!important;
    min-width:28px!important;
    min-height:0!important;
    max-width:28px!important;
    max-height:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#111820!important;
    line-height:0!important;
    overflow:visible!important;
  }
  .header-search-field .search-submit-button svg{
    width:25px!important;
    height:25px!important;
    display:block!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
    stroke:currentColor!important;
  }
  .header-search-field .search-submit-button:hover,
  .header-search-field .search-submit-button:focus,
  .header-search-field .search-submit-button:active{
    background:transparent!important;
    box-shadow:none!important;
  }
  .header-search-field .query-clear-button{
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    border-radius:999px!important;
    border:1px solid rgba(17,19,21,.08)!important;
    background:rgba(255,255,255,.82)!important;
    color:#5a626a!important;
    box-shadow:none!important;
  }
  .header-actions{
    grid-column:3!important;
    display:grid!important;
    place-items:center!important;
  }
  .header-cart-button{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    padding:0!important;
    border-radius:16px!important;
    border:1px solid rgba(70,78,86,.12)!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 8px 20px rgba(17,19,21,.09)!important;
    backdrop-filter:blur(12px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  }
  .header-cart-button svg{
    width:25px!important;
    height:25px!important;
  }
  .header-cart-count{
    top:-8px!important;
    right:-8px!important;
    min-width:22px!important;
    height:22px!important;
    border:3px solid rgba(255,255,255,.96)!important;
    font-size:11px!important;
    box-shadow:0 2px 7px rgba(17,19,21,.10)!important;
  }
  #querySuggestions,
  .header-search-field .query-suggestions{
    position:fixed!important;
    top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 8px)!important;
    left:20px!important;
    right:20px!important;
    max-height:min(56dvh,460px)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(18px) saturate(1.1)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.1)!important;
    box-shadow:0 18px 38px rgba(17,19,21,.16)!important;
    z-index:10016!important;
  }

  /* Mobile obere Startfläche passend zur Referenz beruhigt. */
  .search-panel{
    margin:0!important;
    padding:24px 0 22px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .search-intro{
    margin:0 0 22px!important;
    max-width:none!important;
  }
  .search-intro h1{
    margin:0!important;
    font-size:clamp(32px,8.2vw,43px)!important;
    line-height:1.04!important;
    letter-spacing:-.055em!important;
    color:#17191d!important;
  }
  .search-intro p{
    margin:13px 0 0!important;
    font-size:16px!important;
    line-height:1.55!important;
    color:#666d75!important;
  }
  .digital-tools.tools-collapsed{
    margin:20px 0 24px!important;
    border:0!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#161718 0%,#202224 54%,#111213 100%)!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(17,19,21,.16)!important;
    overflow:hidden!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    min-height:120px!important;
    margin:0!important;
    padding:22px 18px!important;
    background:radial-gradient(circle at 90% 0%,rgba(255,213,0,.34),transparent 29%),linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,0))!important;
  }
  .digital-tools.tools-collapsed .digital-tools-eyebrow{
    color:#ffdc18!important;
    font-size:12px!important;
    letter-spacing:.16em!important;
    font-weight:950!important;
  }
  .digital-tools.tools-collapsed h2{
    color:#fff!important;
    font-size:27px!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
    margin:8px 0 7px!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header p{
    display:block!important;
    max-width:280px!important;
    color:rgba(255,255,255,.78)!important;
    font-size:14px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  .digital-tools.tools-collapsed .digital-tools-toggle{
    align-self:center!important;
    border:0!important;
    border-radius:12px!important;
    min-height:52px!important;
    padding:0 18px!important;
    background:#ffd814!important;
    color:#111!important;
    box-shadow:0 8px 18px rgba(255,216,20,.20)!important;
    font-size:15px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  .search-panel .trust-strip{
    margin:0 0 24px!important;
    padding:20px 18px!important;
    border:1px solid rgba(31,38,45,.08)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 10px 26px rgba(17,19,21,.08)!important;
  }
  .search-panel .trust-strip .partner-kicker{
    margin:0 0 14px!important;
    font-size:15px!important;
    color:#1e2227!important;
  }
  .search-panel .trust-strip .partner-logos{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .search-panel .trust-strip .partner-logo-card{
    min-height:58px!important;
    padding:7px!important;
    border-radius:10px!important;
    background:#fff!important;
    border:1px solid rgba(31,38,45,.10)!important;
    box-shadow:0 2px 8px rgba(17,19,21,.035)!important;
  }
  .search-panel .trust-strip .partner-logo-img{
    max-height:30px!important;
    max-width:92%!important;
  }
  .search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{max-height:28px!important;}
  .filters{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:0!important;
    padding-top:44px!important;
    border-top:0!important;
  }
  .filters::before{
    content:"Filter";
    position:absolute;
    left:2px;
    top:0;
    font-size:21px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:-.035em;
    color:#1d2024;
  }
  .filters>.field{gap:5px!important;}
  .filters>.field label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
  }
  .filters select,
  .filters input{
    min-height:58px!important;
    border-radius:13px!important;
    border:1px solid rgba(70,78,86,.22)!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 3px 12px rgba(17,19,21,.045)!important;
    font-size:16px!important;
    font-weight:800!important;
  }
  .filter-tools{
    grid-column:1/-1!important;
    display:block!important;
    margin-top:0!important;
  }
  .filter-tool-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
  }
  .filter-tool-buttons .secondary-button{
    min-height:58px!important;
    border-radius:13px!important;
    border:1px solid rgba(70,78,86,.18)!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 3px 12px rgba(17,19,21,.04)!important;
    font-size:15px!important;
    font-weight:760!important;
  }
  .active-filters{
    margin-top:12px!important;
    font-size:13px!important;
    line-height:1.4!important;
    color:#666d75!important;
  }
  .mobile-cart-launcher{
    left:20px!important;
    right:20px!important;
    bottom:max(14px,env(safe-area-inset-bottom,0px))!important;
    min-height:68px!important;
    grid-template-columns:50px minmax(0,1fr) auto 18px!important;
    gap:13px!important;
    padding:10px 14px!important;
    border-radius:17px!important;
    border:1px solid rgba(31,38,45,.08)!important;
    background:rgba(255,255,255,.91)!important;
    box-shadow:0 12px 30px rgba(17,19,21,.14)!important;
    color:#17191d!important;
  }
  .mobile-cart-launcher__icon{
    width:44px!important;
    height:44px!important;
    border-radius:999px!important;
    background:#ffd814!important;
    color:#111!important;
  }
  .mobile-cart-launcher__kicker{color:#1b1f24!important;font-size:11px!important;letter-spacing:.06em!important;}
  .mobile-cart-launcher__preview{font-size:14px!important;color:#111!important;}
  .mobile-cart-launcher__badge strong{background:#fff!important;color:#111!important;border:1px solid rgba(31,38,45,.12)!important;}
}
@media (max-width:520px){
  :root{--mobile-header-body-height:82px;}
  .app{padding-left:18px!important;padding-right:18px!important;}
  .topbar{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    gap:13px!important;
    padding:calc(env(safe-area-inset-top,0px) + 14px) 18px 14px!important;
  }
  .logo-lockup,
  .header-cart-button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
  }
  .krueger-logo{width:41px!important;height:41px!important;border-radius:11px!important;}
  .header-cart-button svg{width:22px!important;height:22px!important;}
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:52px!important;
    min-height:52px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding-left:58px!important;
    padding-right:16px!important;
    font-size:16px!important;
  }
  .header-search-field .search-submit-button{
    left:19px!important;
    width:26px!important;
  }
  .header-search-field .search-submit-button svg{
    width:23px!important;
    height:23px!important;
  }
  #querySuggestions,
  .header-search-field .query-suggestions{left:18px!important;right:18px!important;}
  .search-intro h1{font-size:35px!important;}
  .search-intro p{font-size:15.5px!important;}
  .digital-tools.tools-collapsed .digital-tools-header{min-height:116px!important;padding:20px 16px!important;}
  .digital-tools.tools-collapsed h2{font-size:25px!important;}
  .digital-tools.tools-collapsed .digital-tools-header p{font-size:13px!important;max-width:230px!important;}
  .digital-tools.tools-collapsed .digital-tools-toggle{min-height:48px!important;padding:0 14px!important;font-size:14px!important;}
  .search-panel .trust-strip .partner-logos{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .filters{grid-template-columns:1fr!important;}
  .filter-tool-buttons{grid-template-columns:1fr!important;}
  .mobile-cart-launcher{left:18px!important;right:18px!important;}
}
@media (max-width:380px){
  .topbar{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:10px!important;padding-left:14px!important;padding-right:14px!important;}
  .logo-lockup,.header-cart-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
  .krueger-logo{width:38px!important;height:38px!important;}
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{height:48px!important;min-height:48px!important;}
  .header-search-field .search-input-wrap input#query{font-size:15px!important;padding-left:52px!important;}
  .header-search-field .search-submit-button{left:17px!important;}
  .header-search-field .search-submit-button svg{width:21px!important;height:21px!important;}
}


/* V281: Mobile Header finalisiert – Safe Area und Header einheitlich, Lupe sauber zentriert. */
@media (max-width:960px){
  body::before{
    background:rgba(250,250,249,.72)!important;
    backdrop-filter:blur(28px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.12)!important;
    box-shadow:0 1px 0 rgba(17,19,21,.05)!important;
  }
  .topbar{
    background:rgba(250,250,249,.72)!important;
    backdrop-filter:blur(28px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.12)!important;
    box-shadow:0 1px 0 rgba(17,19,21,.05)!important;
  }
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:54px!important;
    min-height:54px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding-left:60px!important;
    padding-right:18px!important;
    line-height:54px!important;
  }
  .header-search-field .search-submit-button{
    left:18px!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
  }
  .header-search-field .search-submit-button svg{
    width:24px!important;
    height:24px!important;
    display:block!important;
    margin:0!important;
    position:static!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
  }
}
@media (max-width:520px){
  body::before{
    background:rgba(250,250,249,.74)!important;
  }
  .topbar{
    background:rgba(250,250,249,.74)!important;
  }
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:52px!important;
    min-height:52px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding-left:58px!important;
    padding-right:16px!important;
    line-height:52px!important;
    font-size:16px!important;
  }
  .header-search-field .search-submit-button{
    left:18px!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
  }
  .header-search-field .search-submit-button svg{
    width:23px!important;
    height:23px!important;
  }
}
@media (max-width:380px){
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:48px!important;
    min-height:48px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding-left:52px!important;
    line-height:48px!important;
  }
  .header-search-field .search-submit-button{
    left:16px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
  }
  .header-search-field .search-submit-button svg{
    width:22px!important;
    height:22px!important;
  }
}


/* V282: Nur mobile Lupe optisch in die Mitte ziehen. */
@media (max-width:960px){
  .header-search-field .search-submit-button{
    top:calc(50% + 2px)!important;
    transform:translateY(-50%)!important;
  }
  .header-search-field .search-submit-button svg{
    position:relative!important;
    top:2px!important;
  }
}
@media (max-width:520px){
  .header-search-field .search-submit-button{
    top:calc(50% + 2px)!important;
  }
  .header-search-field .search-submit-button svg{
    top:2px!important;
  }
}
@media (max-width:380px){
  .header-search-field .search-submit-button{
    top:calc(50% + 1.5px)!important;
  }
  .header-search-field .search-submit-button svg{
    top:1.5px!important;
  }
}


/* V283: Mobile Lupe geometrisch exakt zentriert. */
@media (max-width:960px){
  .header-search-field .search-input-wrap{
    position:relative!important;
  }
  .header-search-field .search-submit-button{
    position:absolute!important;
    left:18px!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    display:block!important;
    transform:translateY(-50%)!important;
  }
  .header-search-field .search-submit-button svg{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:24px!important;
    height:24px!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    display:block!important;
  }
}
@media (max-width:520px){
  .header-search-field .search-submit-button{
    left:18px!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
  }
  .header-search-field .search-submit-button svg{
    width:23px!important;
    height:23px!important;
  }
}
@media (max-width:380px){
  .header-search-field .search-submit-button{
    left:16px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
  }
  .header-search-field .search-submit-button svg{
    width:22px!important;
    height:22px!important;
  }
}


/* V284: Mobile Suche ohne Lupe, nur schlichtes Suchfeld mit Text. */
@media (max-width:960px){
  .header-search-field .search-submit-button{
    display:none!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding-left:24px!important;
    padding-right:18px!important;
  }
}
@media (max-width:520px){
  .header-search-field .search-input-wrap input#query{
    padding-left:22px!important;
    padding-right:16px!important;
    font-size:16px!important;
  }
}
@media (max-width:380px){
  .header-search-field .search-input-wrap input#query{
    padding-left:20px!important;
  }
}


/* V285: Mobile Suchleiste im Desktop-Stil mit gelbem Suchbutton rechts. */
@media (max-width:960px){
  .header-search-field .search-input-wrap{
    height:48px!important;
    min-height:48px!important;
  }
  .header-search-field .search-input-wrap input#query{
    height:48px!important;
    min-height:48px!important;
    padding:0 72px 0 16px!important;
    border:2px solid #bcc2c8!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 2px 10px rgba(17,19,21,.08)!important;
    color:#20252b!important;
    font-size:16px!important;
    font-weight:650!important;
    line-height:48px!important;
  }
  .header-search-field .search-input-wrap input#query::placeholder{
    color:#5f6670!important;
    font-weight:620!important;
  }
  .header-search-field .search-submit-button{
    display:flex!important;
    position:absolute!important;
    left:auto!important;
    right:4px!important;
    top:50%!important;
    bottom:auto!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    transform:translateY(-50%)!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:1.5px solid #b38f00!important;
    border-radius:999px!important;
    background:#ffd400!important;
    box-shadow:0 2px 8px rgba(170,135,0,.26)!important;
    color:#111!important;
    overflow:hidden!important;
  }
  .header-search-field .search-submit-button svg{
    width:20px!important;
    height:20px!important;
    position:static!important;
    transform:none!important;
    margin:0!important;
    display:block!important;
  }
  .header-search-field .query-clear-button{
    right:48px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    background:#fff!important;
    border:1px solid rgba(17,19,21,.08)!important;
  }
}
@media (max-width:520px){
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:46px!important;
    min-height:46px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding:0 68px 0 14px!important;
    line-height:46px!important;
    font-size:15px!important;
  }
  .header-search-field .search-submit-button{
    right:4px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
  .header-search-field .search-submit-button svg{
    width:19px!important;
    height:19px!important;
  }
  .header-search-field .query-clear-button{
    right:45px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
  }
}
@media (max-width:380px){
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:44px!important;
    min-height:44px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding:0 64px 0 12px!important;
    line-height:44px!important;
    font-size:14px!important;
  }
  .header-search-field .search-submit-button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  .header-search-field .query-clear-button{
    right:42px!important;
  }
}


/* V287: Direktwerkzeuge-Banner auch fuer iPad und Desktop im schwarzen Gelb-Look. */
@media (min-width:701px){
  .digital-tools.tools-collapsed{
    margin:22px 0 26px!important;
    padding:0!important;
    border:0!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 86% 12%, rgba(255,214,10,.28), transparent 22%),
      linear-gradient(135deg,#141519 0%,#1a1c20 42%,#0f1013 100%)!important;
    color:#fff!important;
    box-shadow:0 18px 42px rgba(17,19,21,.16)!important;
    overflow:hidden!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
    min-height:172px!important;
    margin:0!important;
    padding:26px 28px!important;
    background:
      linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,0) 56%),
      radial-gradient(circle at 92% 10%, rgba(255,214,10,.16), transparent 24%)!important;
  }
  .digital-tools.tools-collapsed .digital-tools-eyebrow{
    display:block!important;
    margin:0 0 10px!important;
    color:#ffdc18!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
  .digital-tools.tools-collapsed h2{
    margin:0 0 10px!important;
    color:#fff!important;
    font-size:clamp(34px,4vw,52px)!important;
    line-height:1.02!important;
    letter-spacing:-.05em!important;
    max-width:14ch!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header p{
    display:block!important;
    margin:0!important;
    max-width:640px!important;
    color:rgba(255,255,255,.82)!important;
    font-size:clamp(17px,1.25vw,21px)!important;
    line-height:1.45!important;
  }
  .digital-tools.tools-collapsed .digital-tools-toggle{
    align-self:center!important;
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:64px!important;
    padding:0 26px!important;
    border:0!important;
    border-radius:16px!important;
    background:#ffd814!important;
    color:#111!important;
    box-shadow:0 12px 24px rgba(255,216,20,.20)!important;
    font-size:22px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .digital-tools.tools-collapsed .digital-tools-grid,
  .digital-tools.tools-collapsed .digital-tool-status{
    display:none!important;
  }
}
@media (min-width:701px) and (max-width:1100px){
  .digital-tools.tools-collapsed .digital-tools-header{
    gap:18px!important;
    min-height:156px!important;
    padding:24px 22px!important;
  }
  .digital-tools.tools-collapsed h2{
    font-size:clamp(28px,4.2vw,40px)!important;
    max-width:13ch!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header p{
    font-size:15px!important;
    max-width:460px!important;
  }
  .digital-tools.tools-collapsed .digital-tools-toggle{
    min-height:56px!important;
    padding:0 20px!important;
    font-size:18px!important;
  }
}


/* V288: Direktwerkzeuge-Banner bleibt Start-Banner, auch nach Rabattdialog. Desktop/iPad-Proportionen nachgezogen. */
@media (min-width:701px){
  .digital-tools.tools-collapsed{
    margin:20px 0 24px!important;
    padding:0!important;
    border:0!important;
    border-radius:20px!important;
    background:
      radial-gradient(circle at 88% 10%, rgba(255,216,20,.30), transparent 24%),
      linear-gradient(135deg,#151619 0%,#202226 52%,#111215 100%)!important;
    color:#fff!important;
    box-shadow:0 16px 36px rgba(17,19,21,.15)!important;
    overflow:hidden!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header{
    min-height:150px!important;
    padding:24px 26px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:22px!important;
    align-items:center!important;
    margin:0!important;
  }
  .digital-tools.tools-collapsed .digital-tools-eyebrow{
    color:#ffdc18!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.17em!important;
    text-transform:uppercase!important;
    margin:0 0 9px!important;
  }
  .digital-tools.tools-collapsed h2{
    color:#fff!important;
    font-size:clamp(30px,3.2vw,46px)!important;
    line-height:1.04!important;
    letter-spacing:-.048em!important;
    margin:0 0 9px!important;
    max-width:15ch!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header p{
    display:block!important;
    max-width:660px!important;
    color:rgba(255,255,255,.80)!important;
    font-size:clamp(15px,1.05vw,18px)!important;
    line-height:1.45!important;
    margin:0!important;
  }
  .digital-tools.tools-collapsed .digital-tools-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    min-height:58px!important;
    padding:0 24px!important;
    border:0!important;
    border-radius:15px!important;
    background:#ffd814!important;
    color:#111!important;
    box-shadow:0 10px 22px rgba(255,216,20,.20)!important;
    font-size:19px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .digital-tools.tools-collapsed .digital-tools-grid,
  .digital-tools.tools-collapsed .digital-tool-status{display:none!important;}
}
@media (min-width:701px) and (max-width:1180px){
  .digital-tools.tools-collapsed{border-radius:18px!important;}
  .digital-tools.tools-collapsed .digital-tools-header{
    min-height:138px!important;
    padding:22px 22px!important;
    gap:18px!important;
  }
  .digital-tools.tools-collapsed h2{
    font-size:clamp(27px,3.8vw,38px)!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header p{
    font-size:14px!important;
    max-width:470px!important;
  }
  .digital-tools.tools-collapsed .digital-tools-toggle{
    min-height:52px!important;
    padding:0 18px!important;
    font-size:16px!important;
  }
}


/* V289: ABS-Kanten direkt im Dekorbereich der gefundenen Platten anbieten. */
.decor-abs-addon{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:12px 0 10px;
  padding:12px;
  border:1px solid rgba(255,216,20,.42);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,216,20,.16),rgba(255,255,255,.94));
  box-shadow:0 5px 14px rgba(17,19,21,.06);
}
.decor-abs-addon__copy{display:grid;gap:3px;min-width:0}
.decor-abs-addon__copy strong{font-size:13px;line-height:1.2;color:#17191d}
.decor-abs-addon__copy span{font-size:11.5px;line-height:1.35;color:#5f666d}
.decor-abs-addon__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.decor-abs-option-button{
  min-height:38px;
  padding:8px 11px;
  border:1px solid #c5a800;
  border-radius:999px;
  background:#ffd814;
  color:#111;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 3px 9px rgba(255,216,20,.18);
}
.decor-abs-option-button:hover,.decor-abs-option-button:focus-visible{background:#f2cb00;outline:2px solid rgba(255,216,20,.26);outline-offset:2px}
.decor-abs-option-button:disabled{cursor:default;border-color:#d8dadd;background:#f0f1f2;color:#717980;box-shadow:none}
.selected-search-product .decor-abs-addon{margin-top:14px;margin-bottom:0}
@media (max-width:700px){
  .decor-abs-addon{grid-template-columns:1fr;align-items:start;padding:11px;gap:10px}
  .decor-abs-addon__actions{justify-content:stretch}
  .decor-abs-option-button{flex:1 1 130px}
}

/* V291: Suchauftrag sichtbar machen, damit 19 mm nicht als 8 mm im Warenkorb landet. */
.search-order-intent{
  display:grid;
  gap:7px;
  margin:10px 0 12px;
  padding:10px 11px;
  border:1px solid rgba(43,112,61,.22);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(238,249,240,.95),rgba(255,255,255,.96));
  color:#17351f;
  font-size:12px;
  line-height:1.35;
}
.search-order-intent.has-warning{
  border-color:rgba(176,50,38,.34);
  background:linear-gradient(135deg,rgba(255,238,235,.96),rgba(255,255,255,.96));
  color:#612018;
}
.search-order-intent__item strong{
  display:inline-block;
  margin-bottom:1px;
  font-size:12px;
  letter-spacing:.01em;
}
.search-order-intent__item small{
  color:inherit;
  opacity:.82;
  font-weight:700;
}
.selected-search-product .search-order-intent{
  margin-top:12px;
  margin-bottom:0;
  font-size:13px;
}
.preadd-controls span{
  font-weight:720;
}
@media (max-width:700px){
  .search-order-intent{
    padding:9px 10px;
    font-size:12px;
  }
}


/* V292: Stärke und Format als zentrale Artikelangaben sichtbar machen. */
.key-specs-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(138px,1fr));
  gap:8px;
  margin:10px 0 12px;
}
.key-spec{
  display:grid;
  align-content:start;
  gap:3px;
  min-height:54px;
  padding:9px 10px;
  border:1px solid rgba(36,42,48,.12);
  border-radius:11px;
  background:linear-gradient(180deg,#fff,#f7f7f3);
  box-shadow:0 2px 8px rgba(17,19,21,.045);
}
.key-spec small{
  color:#687078;
  font-size:10px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.key-spec strong{
  color:#17191d;
  font-size:14px;
  line-height:1.22;
  font-weight:950;
  letter-spacing:-.01em;
}
.key-spec--strength{
  border-color:rgba(202,169,0,.35);
  background:linear-gradient(180deg,#fffbea,#fff4b8);
}
.key-spec--strength small{color:#7a6500;}
.key-spec--strength strong{font-size:15px;color:#111;}
.key-spec--format{
  border-color:rgba(32,40,48,.18);
  background:linear-gradient(180deg,#ffffff,#f0f2f3);
}
.selected-search-product .key-specs-row{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 10px;}
.selected-search-product .key-spec{min-height:62px;padding:11px 12px;}
.selected-search-product .key-spec strong{font-size:15px;}
.details-row .detail-chip{
  font-weight:760;
}
.details-row .detail-chip:has(+ *){}
@media (max-width:760px){
  .key-specs-row{grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 11px;}
  .key-spec{min-height:50px;padding:8px 9px;border-radius:10px;}
  .key-spec strong{font-size:13.5px;}
  .key-spec--strength strong{font-size:14.5px;}
  .selected-search-product .key-specs-row{grid-template-columns:1fr 1fr;}
}
@media (max-width:430px){
  .key-specs-row{grid-template-columns:1fr;}
  .selected-search-product .key-specs-row{grid-template-columns:1fr;}
}


/* V293: Artikelkarten entdoppelt und Kontrollansicht/PDF-Schwerpunkte vorbereitet. */
.key-specs-row{margin-top:12px!important;margin-bottom:12px!important;}
.product-keyline span{display:none!important;}
.review-product-line{display:grid;grid-template-columns:minmax(110px,.32fr) minmax(0,1fr);gap:8px;white-space:normal;margin-top:5px;}
.review-product-line span{font-size:12px;font-weight:800;color:#5d646b;text-transform:uppercase;letter-spacing:.045em;}
.review-product-line strong{font-size:14px;line-height:1.3;color:#17191d;}
.review-product-line.is-important{padding:6px 8px;border-radius:9px;background:#fff8cc;border:1px solid rgba(178,145,0,.22);}
.review-product-line.is-important strong{font-size:15px;font-weight:950;}
@media (max-width:620px){.review-product-line{grid-template-columns:1fr;gap:2px;}}

/* V302: eindeutige Lieferanschrift */
.delivery-address-status{display:flex;gap:12px;align-items:flex-start;margin:14px 0 12px;padding:14px 16px;border:1px solid #d7d7d7;border-left:5px solid #f2c300;border-radius:10px;background:#fafafa}
.delivery-address-status strong{display:block;min-width:max-content;color:#111}
.delivery-address-status span{color:#505050;line-height:1.45}
.delivery-address-status.is-required{background:#fff9db;border-color:#e5c84c;border-left-color:#111}
.delivery-address-status.is-pickup{background:#f3f7f3;border-color:#c8d8c8;border-left-color:#4d7b4d}
.delivery-address-block[hidden]{display:none!important}
@media(max-width:680px){.delivery-address-status{display:block;padding:13px 14px}.delivery-address-status strong{margin-bottom:5px}.delivery-address-status span{display:block}}

/* V303: Auswahl zwischen hinterlegter und abweichender Lieferanschrift */
.delivery-address-panel{margin-top:14px}
.delivery-address-panel[hidden]{display:none!important}
.delivery-address-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
.delivery-address-choice legend{grid-column:1/-1;margin:0 0 7px;padding:0;font-size:14px;font-weight:900;color:#17191d}
.delivery-address-option{display:flex;align-items:flex-start;gap:11px;min-height:78px;padding:13px 14px;border:1px solid #d7dadd;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.delivery-address-option:hover{border-color:#9ea4a9}
.delivery-address-option:has(input:checked){border-color:#d0ad00;background:#fff9d8;box-shadow:0 0 0 2px rgba(242,195,0,.16)}
.delivery-address-option input{flex:0 0 auto;width:19px;height:19px;margin:1px 0 0;accent-color:#111}
.delivery-address-option span{display:grid;gap:4px;line-height:1.3}
.delivery-address-option strong{font-size:14px;color:#111}
.delivery-address-option small{font-size:12px;color:#626970;line-height:1.4}
.delivery-address-choice:disabled .delivery-address-option{cursor:default;opacity:.62}
.delivery-address-status.is-stored{background:#f6f8f4;border-color:#ced8c7;border-left-color:#5c7d4e}
.delivery-address-block{margin-top:12px;padding:14px;border:1px solid #d7dadd;border-radius:11px;background:#fafafa}
.delivery-address-block .field:last-child{margin-bottom:0}
@media(max-width:680px){
  .delivery-address-choice{grid-template-columns:1fr}
  .delivery-address-option{min-height:0;padding:12px 13px}
  .delivery-address-block{padding:12px}
}

/* V304: Mobile Ergebnisübersicht kompakt; vollständige Artikeldetails erst nach Antippen. */
.mobile-product-summary{display:none}
@media (max-width:620px){
  .results{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .results>.empty,.results>.results-load-more,.results>.selected-search-related-heading,
  .results>.pfleiderer-comparison-card,.results>.door-upload-card{grid-column:1/-1}
  .mobile-collapsible-product{
    min-width:0;
    padding:8px!important;
    border-width:1px!important;
    border-radius:11px!important;
    box-shadow:0 3px 10px rgba(17,19,21,.06)!important;
  }
  .mobile-product-summary{
    appearance:none;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) 18px;
    gap:8px;
    align-items:start;
    width:100%;
    min-height:148px;
    padding:0;
    border:0;
    background:transparent;
    color:#111;
    text-align:left;
    cursor:pointer;
  }
  .mobile-product-summary__visual{
    display:block;
    width:52px;
    height:52px;
    overflow:hidden;
    border:1px solid #d9dde0;
    border-radius:8px;
    background:#f1eee7;
  }
  .mobile-product-summary__visual img{display:block;width:100%;height:100%;object-fit:cover}
  .mobile-product-summary__fallback{display:grid;place-items:center;width:100%;height:100%}
  .mobile-product-summary__fallback .product-family-icon{width:36px;height:36px;flex-basis:36px;border-radius:9px}
  .mobile-product-summary__fallback .product-family-icon svg{width:23px;height:23px}
  .mobile-product-summary__copy{display:flex;min-width:0;flex-direction:column;gap:4px;padding-top:1px}
  .mobile-product-summary__copy small{font-size:8.5px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;color:#626a70}
  .mobile-product-summary__copy strong{font-size:13px;line-height:1.18;letter-spacing:-.01em;color:#111;overflow-wrap:anywhere}
  .mobile-product-summary__copy strong mark{background:transparent;padding:0}
  .mobile-product-summary__copy span{font-size:9.5px;line-height:1.35;color:#4e565c}
  .mobile-product-summary__copy b{margin-top:auto;font-size:12px;line-height:1.2;color:#111}
  .mobile-product-summary__chevron{font-size:18px;line-height:1;color:#5e656a;transition:transform .18s ease}
  .mobile-collapsible-product.is-mobile-expanded{grid-column:1/-1;padding:12px!important}
  .mobile-collapsible-product.is-mobile-expanded .mobile-product-summary{min-height:0;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #e0e3e5}
  .mobile-collapsible-product.is-mobile-expanded .mobile-product-summary__chevron{transform:rotate(180deg)}

  .mobile-collapsible-product:not(.is-mobile-expanded)>:not(.mobile-product-summary){display:none!important}
  .mobile-collapsible-product.is-mobile-expanded.product-card>.card-head{display:flex!important}
  .mobile-collapsible-product.is-mobile-expanded.selected-search-product>.selected-search-product__badge{display:inline-flex!important}
  .mobile-collapsible-product.is-mobile-expanded.selected-search-product>.selected-search-product__grid{display:grid!important}
  .mobile-collapsible-product.is-mobile-expanded.selected-search-product>.selected-search-product__details{display:block!important}

  .selected-search-product.mobile-collapsible-product{grid-column:auto!important;border:1px solid #d2ad00!important}
  .selected-search-product.mobile-collapsible-product.is-mobile-expanded{grid-column:1/-1!important;border:2px solid #d2ad00!important}
  .selected-search-product.mobile-collapsible-product:not(.is-mobile-expanded) .mobile-product-summary{min-height:148px}
  .selected-search-related-heading{padding-top:3px!important}
  .selected-search-related-heading strong{font-size:14px!important}
  .selected-search-related-heading span{font-size:9.5px!important}
}
@media (max-width:360px){
  .results{gap:6px!important}
  .mobile-collapsible-product{padding:7px!important}
  .mobile-product-summary{grid-template-columns:44px minmax(0,1fr) 14px;gap:6px;min-height:142px}
  .mobile-product-summary__visual{width:44px;height:44px}
  .mobile-product-summary__copy strong{font-size:12px}
  .mobile-product-summary__copy span{font-size:9px}
}

/* V305: Der aktiv aus der Suche gewählte Artikel bleibt mobil eindeutig hervorgehoben. */
@media (max-width:620px){
  .selected-search-product.mobile-collapsible-product{
    grid-column:1/-1!important;
    border:2px solid #159447!important;
    box-shadow:0 5px 16px rgba(21,148,71,.12)!important;
    padding:10px!important;
  }
  .selected-search-product.mobile-collapsible-product:not(.is-mobile-expanded) .mobile-product-summary{
    position:relative;
    grid-template-columns:100px minmax(0,1fr) 20px;
    min-height:154px;
    gap:12px;
    padding-top:34px;
  }
  .selected-search-product .mobile-product-summary.is-selected::before{
    content:"✓  Ausgewählter Artikel";
    position:absolute;
    top:0;
    left:0;
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 10px;
    border-radius:7px;
    background:#159447;
    color:#fff;
    font-size:10px;
    font-weight:950;
    letter-spacing:.02em;
    line-height:1;
  }
  .selected-search-product .mobile-product-summary__visual{
    width:100px;
    height:100px;
    border-radius:10px;
  }
  .selected-search-product .mobile-product-summary__copy small{font-size:10px}
  .selected-search-product .mobile-product-summary__copy strong{font-size:17px;line-height:1.16}
  .selected-search-product .mobile-product-summary__copy span{font-size:11px;line-height:1.4}
  .selected-search-product .mobile-product-summary__copy b{font-size:17px}
  .selected-search-product.mobile-collapsible-product.is-mobile-expanded{
    border-color:#159447!important;
  }
}
@media (max-width:360px){
  .selected-search-product.mobile-collapsible-product:not(.is-mobile-expanded) .mobile-product-summary{
    grid-template-columns:82px minmax(0,1fr) 16px;
    gap:9px;
  }
  .selected-search-product .mobile-product-summary__visual{width:82px;height:82px}
  .selected-search-product .mobile-product-summary__copy strong{font-size:15px}
}


/* V307: Beim Aufklappen des mobil ausgewählten Suchartikels keine doppelte Karte rendern. */
@media (max-width:620px){
  .selected-search-product.mobile-collapsible-product.is-mobile-expanded > .mobile-product-summary{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    min-height:34px;
    margin:0 0 10px;
    padding:0 0 9px;
    border-bottom:1px solid #dfe5e1;
  }
  .selected-search-product.mobile-collapsible-product.is-mobile-expanded > .mobile-product-summary .mobile-product-summary__visual,
  .selected-search-product.mobile-collapsible-product.is-mobile-expanded > .mobile-product-summary .mobile-product-summary__copy{
    display:none!important;
  }
  .selected-search-product.mobile-collapsible-product.is-mobile-expanded > .mobile-product-summary.is-selected::before{
    position:static;
    content:"✓  Ausgewählter Artikel";
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 10px;
    border-radius:7px;
    background:#159447;
    color:#fff;
    font-size:10px;
    font-weight:950;
    letter-spacing:.02em;
    line-height:1;
  }
  .selected-search-product.mobile-collapsible-product.is-mobile-expanded > .mobile-product-summary .mobile-product-summary__chevron{
    margin-left:auto;
    transform:rotate(180deg);
  }
  .selected-search-product.mobile-collapsible-product.is-mobile-expanded > .selected-search-product__badge{
    display:none!important;
  }
}


/* V309: Klarere Schrittführung im Warenkorb und gefilterte Liefertermine */
.order-journey{display:grid;gap:10px;margin:12px 14px 0;padding:12px 14px;border:1px solid #dde1e5;border-radius:14px;background:#fbfbfc}
.order-journey__title{font-size:14px;font-weight:900;color:#111}
.order-journey__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.order-journey__step{display:grid;gap:4px;padding:10px 11px;border:1px solid #e1e4e7;border-radius:12px;background:#fff;min-width:0}
.order-journey__step span,.section-step-chip,.order-form-overview__chip{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:4px 8px;border-radius:999px;background:#fff2a8;color:#4a3c00;font-size:11px;font-weight:900;line-height:1}
.order-journey__step strong{font-size:13px;line-height:1.2;color:#141414}
.order-journey__step small{font-size:11px;line-height:1.35;color:#666}
.order-journey__step.is-current{border-color:#d3b11d;box-shadow:0 0 0 2px rgba(242,195,0,.12);background:#fffbe6}
.order-form-overview{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #e1e4e7;border-radius:12px;background:#fafafa}
.order-form-overview strong{display:block;font-size:14px;color:#111}
.order-form-overview p{margin:3px 0 0;font-size:12px;line-height:1.45;color:#666}
.form-section-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.order-subsection-divider{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin:4px 0;border:1px dashed #d6dbe0;border-radius:12px;background:#fafafa;color:#4a4f55;font-size:12px}
.order-subsection-divider strong{color:#17191d}
#deliveryDate{background:#fff}
@media (max-width:960px){
  .order-journey{margin:10px 12px 0;padding:11px 12px}
  .order-journey__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-form-overview{padding:11px 12px}
  .order-subsection-divider{display:grid;justify-content:stretch}
}
@media (max-width:560px){
  .order-journey__steps{grid-template-columns:1fr}
}


/* V311 – kompakter Schrittführer im Warenkorb */
.order-journey{display:none!important;}
.order-stepper{display:grid;gap:10px;margin:12px 14px 0;padding:12px 14px;border:1px solid #dde1e5;border-radius:14px;background:#fbfbfc;}
.order-stepper__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.order-stepper__chip{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:6px 10px;border-radius:999px;background:#fff2a8;color:#4a3c00;font-size:11px;font-weight:900;line-height:1;}
.order-stepper__head strong{font-size:14px;line-height:1.2;color:#111;}
.order-stepper__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.order-stepper__btn{border:1px solid #d9dde2;background:#fff;border-radius:12px;padding:10px 12px;font:800 13px/1.2 Arial,sans-serif;color:#222;cursor:pointer;min-height:46px;text-align:center;}
.order-stepper__btn:hover{border-color:#c3a200;background:#fffdf2;}
.order-stepper__btn.is-active{border-color:#d3b11d;box-shadow:0 0 0 2px rgba(242,195,0,.12);background:#fff7cc;}
.order-stepper__btn.is-done{border-color:#cfe0d3;background:#f4fbf5;color:#1f6830;}
#cartGuidanceTop.cart-top-cta{grid-template-columns:40px minmax(0,1fr) auto!important;align-items:center!important;}
#cartGuidanceTop.cart-top-cta .cart-top-cta__content{display:flex;align-items:center;}
#cartGuidanceTop.cart-top-cta .cart-top-cta__title{margin:0!important;}
#cartGuidanceTop.cart-top-cta .cart-top-cta__text{display:none!important;}
.cart-next-step-hint{justify-content:space-between;align-items:center;}
.cart-next-step-hint strong::before{content:""!important;}
.cart-next-step-hint span{display:none!important;}
.order-form-overview--compact{padding:10px 12px!important;align-items:center!important;}
.order-form-overview--compact p{display:none!important;}
.order-form-overview--compact strong{font-size:13px!important;}
.order-step-hint{justify-content:space-between;align-items:center;}
.order-step-hint strong{margin-right:8px;}
.order-step-hint span{font-weight:700;color:#111;}
#orderStepCartAnchor,#orderStepCompany,#orderStepDelivery,#orderStepReview{scroll-margin-top:96px;}
@media (max-width: 900px){
  .order-stepper__nav{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 640px){
  .order-stepper{margin:10px 12px 0;padding:11px 12px;}
  .order-stepper__nav{grid-template-columns:1fr;}
  .order-stepper__btn{min-height:44px;padding:9px 11px;font-size:12.5px;}
  #cartGuidanceTop.cart-top-cta{grid-template-columns:36px minmax(0,1fr)!important;}
  #cartGuidanceTop.cart-top-cta .cart-top-cta__button{grid-column:1 / -1;width:100%;margin-top:4px;}
  .cart-next-step-hint{gap:10px;}
  .cart-next-step-hint button{width:100%;}
  .order-step-hint{display:grid;gap:4px;justify-content:flex-start;}
}

/* V312 – Warenkorb, Auftraggeber/Lieferung und Kontrolle als getrennte Ansichten */
.checkout-flow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 14px 0;padding:10px;border:1px solid #e0e3e6;border-radius:14px;background:#f7f8f9}
.checkout-flow-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 10px;border:1px solid #d9dde1;border-radius:11px;background:#fff;color:#333;font:800 12px/1.2 Arial,sans-serif;text-align:center;cursor:pointer}
.checkout-flow-tab span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#eceff1;color:#222;font-size:12px}
.checkout-flow-tab.is-active{border-color:#d1ad00;background:#fff8cf;box-shadow:0 0 0 2px rgba(242,195,0,.12);color:#111}
.checkout-flow-tab.is-active span{background:#ffd400}
.checkout-flow-tab.is-disabled{cursor:default;opacity:.58}
.order-panel[data-order-view="cart"] .order-flow-details{display:none!important}
.order-panel[data-order-view="details"] .order-flow-cart{display:none!important}
.order-panel[data-order-view="details"] .order-form{margin-top:0!important;padding-top:0!important;border-top:0!important}
.cart-checkout-action{position:sticky;bottom:0;z-index:3;margin:14px 0 0;padding:12px;border:1px solid #e0c13a;border-radius:14px;background:rgba(255,249,215,.97);box-shadow:0 -8px 24px rgba(0,0,0,.08)}
.cart-checkout-action button{width:100%;min-height:52px;border:1px solid #cba900;border-radius:12px;background:#ffd400;color:#111;font:900 15px/1.2 Arial,sans-serif;cursor:pointer}
.cart-checkout-action button:hover{background:#ffdf36}
.cart-checkout-action button:disabled{cursor:not-allowed;opacity:.5}
.order-details-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid #dfe3e6;border-radius:13px;background:#f8f9fa}
.order-details-head button{border:1px solid #cfd4d8;border-radius:999px;background:#fff;color:#222;padding:9px 13px;font-weight:850;cursor:pointer}
.order-details-head div{display:grid;gap:2px;text-align:right}
.order-details-head span{font-size:11px;font-weight:800;color:#70757a}
.order-details-head strong{font-size:15px;color:#111}
.order-form-overview--compact,.order-step-hint,.order-subsection-divider{display:none!important}
.order-form .provisional-note{margin-top:0}
.send-mode-heading p{margin-top:3px!important}
.order-send-summary{font-size:12px!important}
.legal-notice-details{border:1px solid #e0e3e6;border-radius:11px;background:#fafafa}
.legal-notice-details summary{cursor:pointer;padding:11px 13px;font-weight:850;font-size:12px;color:#333}
.legal-notice-details .legal-notice{border:0;margin:0;padding:0 13px 13px;background:transparent}
.order-panel[data-order-view="details"] .manual-add-box{display:none!important}
@media (max-width:700px){
  .checkout-flow-tabs{grid-template-columns:1fr;margin:10px 12px 0;padding:8px}
  .checkout-flow-tab{justify-content:flex-start;min-height:40px;padding:7px 9px}
  .order-details-head{display:grid;gap:10px;padding:11px 12px}
  .order-details-head div{text-align:left;order:-1}
  .order-details-head button{width:100%}
}

/* V313: Auftraggeber-&-Lieferung-Maske vollständig sichtbar halten.
   Der Scrollbereich darf nicht vom Ansprechpartner-Dock abgeschnitten werden. */
.order-panel{
  display:flex;
  flex-direction:column;
  height:calc(100vh - 110px);
  max-height:calc(100vh - 110px);
}
.checkout-flow-tabs{flex:0 0 auto}
.order-body{
  flex:1 1 auto;
  min-height:0;
  max-height:none !important;
  overflow-y:auto !important;
  padding-bottom:24px !important;
}
.advisor-dock{
  position:static;
  flex:0 0 auto;
  margin:0 14px 14px;
}
.order-panel.desktop-expanded{
  height:calc(100vh - 44px) !important;
  max-height:calc(100vh - 44px) !important;
}
.order-panel.desktop-expanded .order-body{
  max-height:none !important;
}
@media (max-width:960px){
  .order-panel{
    height:86vh;
    max-height:86vh;
  }
  .order-body{
    height:auto !important;
  }
  .advisor-dock{
    margin:0 12px 12px;
  }
}
@media (max-width:430px){
  .order-panel{
    height:76dvh !important;
    max-height:76dvh !important;
  }
}


/* V314: echter Kalender für Liefer-/Abholdatum statt langer Dropdown-Liste */
#deliveryDate{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;}
.calendar-picker{position:relative;margin-top:8px}
.calendar-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;font:inherit;font-weight:700;color:var(--text);box-shadow:0 1px 0 rgba(16,24,40,.04);cursor:pointer}
.calendar-trigger::after{content:"▾";font-size:16px;color:var(--muted)}
.calendar-trigger.open::after{content:"▴"}
.calendar-trigger.is-placeholder{font-weight:600;color:#6b7280}
.calendar-popover{margin-top:10px;border:1px solid #d8dde5;border-radius:16px;background:#fff;box-shadow:0 16px 36px rgba(15,23,42,.12);padding:14px}
.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.calendar-title{font-weight:800;font-size:18px;text-align:center;flex:1}
.calendar-nav{width:38px;height:38px;border-radius:12px;border:1px solid #d8dde5;background:#fff;font:inherit;font-size:22px;line-height:1;cursor:pointer}
.calendar-nav:hover{background:#f7f7f8}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.calendar-weekdays{margin-bottom:8px}
.calendar-weekdays span{font-size:12px;font-weight:800;color:#667085;text-align:center;padding:4px 0}
.calendar-day{min-height:44px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font:inherit;font-weight:700;cursor:pointer}
.calendar-day:hover{background:#fff9db;border-color:#e2b500}
.calendar-day.muted{color:#b3b8c2;background:#fafafa}
.calendar-day.disabled{color:#c5cad3;background:#f5f6f8;border-style:dashed;cursor:not-allowed;text-decoration:line-through}
.calendar-day.selected{background:#f5d94f;border-color:#d1a900;color:#111827;box-shadow:inset 0 0 0 1px #d1a900}
.calendar-day.today{outline:2px solid #111827;outline-offset:1px}
@media (max-width:640px){
  .calendar-popover{padding:12px}
  .calendar-day{min-height:40px;font-size:14px}
  .calendar-title{font-size:16px}
}

/* V316: Mobiler Header mit sauber sitzender Lupe und direkt sichtbarem Kundenrabatt. */
@media (max-width:960px){
  :root{--mobile-header-body-height:116px!important;}
  body::before{
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
  }
  .app{
    padding-top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 16px)!important;
  }
  .topbar{
    grid-template-columns:54px minmax(0,1fr) 54px!important;
    grid-template-rows:56px 34px!important;
    column-gap:16px!important;
    row-gap:6px!important;
    align-items:center!important;
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    min-height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    padding:calc(env(safe-area-inset-top,0px) + 10px) 20px 10px!important;
  }
  .brand-zone{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
  }
  .header-actions{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
  }
  .header-search-slot{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:56px 34px!important;
    gap:6px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .header-search-field{
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    align-self:center!important;
  }
  .header-search-field .search-input-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    overflow:visible!important;
  }
  .header-search-field .search-input-wrap input#query{
    box-sizing:border-box!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 72px 0 18px!important;
    line-height:normal!important;
  }
  .header-search-field .search-submit-button{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    left:auto!important;
    right:5px!important;
    inset-inline-end:5px!important;
    top:50%!important;
    bottom:auto!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    border:1.5px solid #b38f00!important;
    border-radius:999px!important;
    background:#ffd400!important;
    box-shadow:0 2px 8px rgba(170,135,0,.24)!important;
    overflow:hidden!important;
  }
  .header-search-field .search-submit-button svg{
    position:static!important;
    width:21px!important;
    height:21px!important;
    margin:0!important;
    transform:none!important;
  }
  .header-search-field .query-clear-button{
    right:52px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
  .header-discount-mini{
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-self:end!important;
    gap:6px!important;
    width:max-content!important;
    min-width:118px!important;
    min-height:30px!important;
    margin:0!important;
    padding:3px 9px!important;
    border:1px solid rgba(112,122,132,.22)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 2px 8px rgba(17,19,21,.05)!important;
  }
  .header-discount-mini label{
    display:block!important;
    margin:0!important;
    color:#30353a!important;
    font-size:11px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .header-discount-mini__input{
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
  }
  .header-discount-mini__input input#discount{
    width:42px!important;
    height:24px!important;
    min-height:24px!important;
    padding:0 2px!important;
    border:0!important;
    border-radius:5px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#111!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:24px!important;
    text-align:right!important;
  }
  .header-discount-mini__input input#discount:focus{
    outline:2px solid rgba(255,212,0,.55)!important;
    outline-offset:1px!important;
  }
  .header-discount-mini__input span{
    color:#555d65!important;
    font-size:12px!important;
    font-weight:850!important;
  }
}
@media (max-width:520px){
  :root{--mobile-header-body-height:108px!important;}
  .topbar{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    grid-template-rows:52px 30px!important;
    column-gap:12px!important;
    row-gap:5px!important;
    padding:calc(env(safe-area-inset-top,0px) + 9px) 16px 8px!important;
  }
  .header-search-slot{
    grid-template-rows:52px 30px!important;
    gap:5px!important;
  }
  .logo-lockup,.header-cart-button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
  .krueger-logo{
    width:42px!important;
    height:42px!important;
  }
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:48px!important;
    min-height:48px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding-right:66px!important;
    padding-left:15px!important;
    font-size:15px!important;
  }
  .header-search-field .search-submit-button{
    right:4px!important;
    inset-inline-end:4px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }
  .header-search-field .search-submit-button svg{
    width:20px!important;
    height:20px!important;
  }
  .header-search-field .query-clear-button{
    right:48px!important;
  }
  .header-discount-mini{
    min-width:112px!important;
    min-height:28px!important;
    padding:2px 8px!important;
  }
  .header-discount-mini label{font-size:10.5px!important;}
  .header-discount-mini__input input#discount{
    width:39px!important;
    height:22px!important;
    min-height:22px!important;
    line-height:22px!important;
    font-size:12.5px!important;
  }
}
@media (max-width:380px){
  .topbar{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    column-gap:9px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .logo-lockup,.header-cart-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  .krueger-logo{width:38px!important;height:38px!important;}
  .header-search-field .search-input-wrap input#query{
    padding-left:13px!important;
    padding-right:61px!important;
    font-size:14px!important;
  }
  .header-search-field .search-submit-button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
  .header-search-field .query-clear-button{right:45px!important;}
}

/* V316 Feinschliff: alte Einzel-Translate-Regel neutralisieren. */
@media (max-width:960px){
  .header-search-field .search-submit-button,
  .header-search-field .query-clear-button{
    translate:none!important;
  }
  .header-discount-mini{
    box-sizing:border-box!important;
    height:30px!important;
    max-height:30px!important;
  }
}
@media (max-width:520px){
  .header-discount-mini{
    height:28px!important;
    max-height:28px!important;
  }
}

/* V317: Rabatt mobil direkt neben der Suche und durchgehender Milchglas-Header inkl. Safe Area. */
@media (max-width:960px){
  :root{--mobile-header-body-height:78px!important;}
  html,body{
    background-color:#f4f3ef!important;
  }
  body::before{
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    background:rgba(248,248,246,.60)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.28)!important;
    backdrop-filter:blur(28px) saturate(1.28)!important;
    border-bottom:1px solid rgba(65,72,80,.10)!important;
    box-shadow:0 8px 24px rgba(17,19,21,.06)!important;
  }
  .app{
    padding-top:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height) + 14px)!important;
  }
  .topbar{
    grid-template-columns:54px minmax(0,1fr) 54px!important;
    grid-template-rows:56px!important;
    column-gap:14px!important;
    row-gap:0!important;
    align-items:center!important;
    height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    min-height:calc(env(safe-area-inset-top,0px) + var(--mobile-header-body-height))!important;
    padding:calc(env(safe-area-inset-top,0px) + 10px) 18px 10px!important;
    background:rgba(255,255,255,.10)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    border:0!important;
    border-radius:0 0 18px 18px!important;
    box-shadow:none!important;
  }
  .brand-zone{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
  }
  .header-actions{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
  }
  .header-search-slot{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    grid-template-rows:52px!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .header-search-field{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    align-self:center!important;
  }
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:50px!important;
    min-height:50px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding:0 62px 0 16px!important;
    line-height:normal!important;
    background:rgba(255,255,255,.82)!important;
    border-color:rgba(105,114,124,.32)!important;
    box-shadow:0 5px 16px rgba(17,19,21,.08)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
  }
  .header-search-field .search-submit-button{
    right:4px!important;
    inset-inline-end:4px!important;
    left:auto!important;
    top:50%!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    transform:translateY(-50%)!important;
    translate:none!important;
  }
  .header-search-field .query-clear-button{
    right:48px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    translate:none!important;
  }
  .header-discount-mini{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:14px 25px!important;
    align-items:center!important;
    justify-items:center!important;
    gap:1px!important;
    box-sizing:border-box!important;
    width:92px!important;
    min-width:92px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:4px 8px 5px!important;
    border:1px solid rgba(105,114,124,.26)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.72)!important;
    box-shadow:0 5px 16px rgba(17,19,21,.07)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.15)!important;
    backdrop-filter:blur(14px) saturate(1.15)!important;
  }
  .header-discount-mini label{
    display:block!important;
    margin:0!important;
    color:#353b42!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:14px!important;
    white-space:nowrap!important;
  }
  .header-discount-mini__input{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    width:100%!important;
    height:25px!important;
  }
  .header-discount-mini__input input#discount{
    width:44px!important;
    height:24px!important;
    min-height:24px!important;
    padding:0 2px!important;
    border:0!important;
    border-radius:6px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#111!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:24px!important;
    text-align:right!important;
  }
  .header-discount-mini__input span{
    display:block!important;
    color:#59616a!important;
    font-size:12px!important;
    font-weight:900!important;
  }
}
@media (max-width:520px){
  :root{--mobile-header-body-height:72px!important;}
  .topbar{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    grid-template-rows:50px!important;
    column-gap:10px!important;
    padding:calc(env(safe-area-inset-top,0px) + 8px) 14px 8px!important;
  }
  .header-search-slot{
    grid-template-columns:minmax(0,1fr) 78px!important;
    grid-template-rows:48px!important;
    gap:6px!important;
  }
  .header-search-field .search-input-wrap,
  .header-search-field .search-input-wrap input#query{
    height:46px!important;
    min-height:46px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding-left:14px!important;
    padding-right:56px!important;
    font-size:14.5px!important;
  }
  .header-search-field .search-submit-button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
  .header-search-field .query-clear-button{right:43px!important;}
  .header-discount-mini{
    width:78px!important;
    min-width:78px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    grid-template-rows:13px 22px!important;
    padding:4px 5px!important;
    border-radius:14px!important;
  }
  .header-discount-mini label{font-size:9px!important;line-height:13px!important;}
  .header-discount-mini__input{height:22px!important;}
  .header-discount-mini__input input#discount{
    width:34px!important;
    height:22px!important;
    min-height:22px!important;
    font-size:12px!important;
    line-height:22px!important;
  }
  .header-discount-mini__input span{font-size:11px!important;}
}
@media (max-width:380px){
  .topbar{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    column-gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .header-search-slot{
    grid-template-columns:minmax(0,1fr) 70px!important;
    gap:5px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding-left:12px!important;
    padding-right:52px!important;
    font-size:13.5px!important;
  }
  .header-discount-mini{
    width:70px!important;
    min-width:70px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .header-discount-mini label{font-size:8.5px!important;}
  .header-discount-mini__input input#discount{width:30px!important;font-size:11.5px!important;}
}

/* V318: iOS Safe Area mit echter Grundfarbe statt vollständig transparentem WebView-Rand. */
@media (max-width:960px){
  html{
    min-height:100%;
    background:#f4f3ef!important;
    background-color:#f4f3ef!important;
  }
  body{
    min-height:100%;
    background:#f4f3ef!important;
    background-color:#f4f3ef!important;
  }
  body::before{
    content:""!important;
    display:block!important;
    position:fixed!important;
    z-index:59!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:calc(78px + env(safe-area-inset-top,0px))!important;
    background:#f6f6f3!important;
    background:rgba(246,246,243,.94)!important;
    border-bottom:1px solid rgba(65,72,80,.10)!important;
    box-shadow:0 8px 24px rgba(17,19,21,.06)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.16)!important;
    backdrop-filter:blur(24px) saturate(1.16)!important;
    pointer-events:none!important;
  }
  .topbar{
    top:0!important;
    z-index:60!important;
    height:calc(78px + env(safe-area-inset-top,0px))!important;
    min-height:calc(78px + env(safe-area-inset-top,0px))!important;
    padding-top:calc(10px + env(safe-area-inset-top,0px))!important;
    background:#f6f6f3!important;
    background:rgba(246,246,243,.78)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.16)!important;
    backdrop-filter:blur(24px) saturate(1.16)!important;
    border:0!important;
    border-bottom:1px solid rgba(65,72,80,.08)!important;
  }
  .app{
    padding-top:calc(92px + env(safe-area-inset-top,0px))!important;
  }
}
@supports (padding-top:constant(safe-area-inset-top)){
  @media (max-width:960px){
    body::before{
      height:calc(78px + constant(safe-area-inset-top))!important;
    }
    .topbar{
      height:calc(78px + constant(safe-area-inset-top))!important;
      min-height:calc(78px + constant(safe-area-inset-top))!important;
      padding-top:calc(10px + constant(safe-area-inset-top))!important;
    }
    .app{
      padding-top:calc(92px + constant(safe-area-inset-top))!important;
    }
  }
}
@media (max-width:520px){
  .topbar,
  body::before{
    height:calc(72px + env(safe-area-inset-top,0px))!important;
    min-height:calc(72px + env(safe-area-inset-top,0px))!important;
  }
  .app{
    padding-top:calc(86px + env(safe-area-inset-top,0px))!important;
  }
}

/* V319: Milchglas wieder sichtbar, ohne weißen iOS-Safe-Area-Balken.
   Nur eine halbtransparente Ebene statt zwei übereinanderliegender fast deckender Flächen. */
@media (max-width:960px){
  html,
  body{
    background:#f4f3ef!important;
    background-color:#f4f3ef!important;
  }
  body::before{
    display:none!important;
    content:none!important;
  }
  .topbar{
    background:rgba(246,246,243,.58)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.28)!important;
    backdrop-filter:blur(28px) saturate(1.28)!important;
    border-bottom:1px solid rgba(70,76,82,.14)!important;
    box-shadow:0 10px 30px rgba(17,19,21,.08)!important;
  }
}


/* V321: Mobiler Header und iOS Safe Area im schwarz-gelben Krüger-Bannerstil. */
@media (max-width:960px){
  html,
  body{
    background:#f4f3ef!important;
    background-color:#f4f3ef!important;
  }
  :root{
    --v321-mobile-header-height:92px;
  }
  .app{
    padding-top:calc(var(--v321-mobile-header-height) + env(safe-area-inset-top,0px) + 12px)!important;
  }
  .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    z-index:1000!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 46px!important;
    align-items:center!important;
    gap:10px!important;
    height:calc(var(--v321-mobile-header-height) + env(safe-area-inset-top,0px))!important;
    min-height:calc(var(--v321-mobile-header-height) + env(safe-area-inset-top,0px))!important;
    padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 12px!important;
    border:0!important;
    border-radius:0 0 18px 18px!important;
    background:
      radial-gradient(circle at 91% 16%, rgba(255,216,20,.42) 0%, rgba(255,216,20,.26) 12%, rgba(255,216,20,.08) 24%, rgba(255,216,20,0) 43%),
      linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,0) 44%),
      linear-gradient(108deg, #121316 0%, #181a1f 56%, #262214 76%, #6f5a08 92%, #a3830b 100%)!important;
    color:#fff!important;
    box-shadow:0 16px 38px rgba(0,0,0,.28)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
  }
  .topbar::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:
      linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,0) 36%),
      linear-gradient(90deg, rgba(255,216,20,0) 54%, rgba(255,216,20,.12) 78%, rgba(255,216,20,.24) 100%)!important;
    pointer-events:none!important;
  }
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
    transform:translateY(calc(-100% - 12px))!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.search-focus-mode .topbar{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .brand-zone,
  .header-search-slot,
  .header-actions{
    position:relative!important;
    z-index:1!important;
  }
  .brand-zone{gap:0!important;}
  .logo-lockup{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;}
  .krueger-logo{
    width:42px!important;
    height:42px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:#111!important;
    box-shadow:0 6px 16px rgba(0,0,0,.28)!important;
  }
  .company-text,
  .header-title,
  .quick-contact-bar,
  .catalog-status{display:none!important;}

  .header-search-slot{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 88px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .header-search-field{align-self:center!important;}
  .header-search-field label{display:none!important;}
  .header-search-field .search-input-wrap{
    width:100%!important;
    max-width:none!important;
    position:relative!important;
  }
  .header-search-field .search-input-wrap input#query{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 92px 0 15px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.98)!important;
    color:#111!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:46px!important;
    box-shadow:0 10px 22px rgba(0,0,0,.16)!important;
  }
  .header-search-field .search-input-wrap input#query::placeholder{
    color:#626970!important;
    opacity:1!important;
  }
  .header-search-field .search-input-wrap input#query:focus{
    border-color:#ffd814!important;
    box-shadow:0 0 0 3px rgba(255,216,20,.28), 0 12px 26px rgba(0,0,0,.18)!important;
  }
  .header-search-field .search-submit-button{
    right:4px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border:0!important;
    border-radius:13px!important;
    background:#ffd814!important;
    color:#111!important;
    box-shadow:0 6px 14px rgba(255,216,20,.28)!important;
  }
  .header-search-field .search-submit-button:hover{
    background:#ffe14a!important;
    border-color:#e4c100!important;
  }
  .header-search-field .search-submit-button:focus-visible{
    outline:2px solid #111!important;
    outline-offset:1px!important;
  }
  .header-search-field .search-submit-button svg{
    width:21px!important;
    height:21px!important;
  }
  .header-search-field .query-clear-button{
    right:46px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:30px!important;
    height:30px!important;
    min-height:30px!important;
    border:1px solid rgba(17,17,17,.12)!important;
    border-radius:999px!important;
    background:#ffffff!important;
    color:#4b5258!important;
    box-shadow:0 4px 10px rgba(17,19,21,.10)!important;
  }
  #querySuggestions,
  .header-search-field .query-suggestions{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:calc(env(safe-area-inset-top,0px) + var(--v321-mobile-header-height) - 2px)!important;
    z-index:10020!important;
    margin-top:0!important;
    border-radius:0 0 18px 18px!important;
    background:#fff!important;
    box-shadow:0 18px 36px rgba(0,0,0,.22)!important;
  }

  .header-discount-mini{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:12px 1fr!important;
    align-items:center!important;
    justify-items:center!important;
    gap:2px!important;
    width:88px!important;
    min-width:88px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:4px 8px 5px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.14)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .header-discount-mini label{
    display:block!important;
    margin:0!important;
    color:#535a60!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }
  .header-discount-mini__input{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:2px!important;
    width:100%!important;
    height:24px!important;
    min-height:24px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .header-discount-mini__input input#discount{
    width:100%!important;
    height:24px!important;
    min-height:24px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#111!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:24px!important;
    text-align:right!important;
  }
  .header-discount-mini__input span{
    display:block!important;
    color:#5d6670!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  .header-actions{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    gap:0!important;
  }
  .header-cart-button{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,216,20,.56)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg, rgba(18,19,22,.96) 0%, rgba(22,24,29,.96) 100%)!important;
    color:#ffd814!important;
    box-shadow:0 10px 22px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.05)!important;
  }
  .header-cart-button svg{
    width:20px!important;
    height:20px!important;
  }
  .header-cart-count{
    top:-7px!important;
    right:-6px!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#ffd814!important;
    color:#111!important;
    box-shadow:0 0 0 2px #15171b!important;
    font-size:10px!important;
    font-weight:950!important;
  }
  .header-cart-button:not(.has-items) .header-cart-count{
    background:#ffe14a!important;
    color:#111!important;
  }
}

@supports (padding-top:constant(safe-area-inset-top)){
  @media (max-width:960px){
    .app{
      padding-top:calc(var(--v321-mobile-header-height) + constant(safe-area-inset-top) + 12px)!important;
    }
    .topbar{
      height:calc(var(--v321-mobile-header-height) + constant(safe-area-inset-top))!important;
      min-height:calc(var(--v321-mobile-header-height) + constant(safe-area-inset-top))!important;
      padding-top:calc(constant(safe-area-inset-top) + 10px)!important;
    }
    #querySuggestions,
    .header-search-field .query-suggestions{
      top:calc(constant(safe-area-inset-top) + var(--v321-mobile-header-height) - 2px)!important;
    }
  }
}

@media (max-width:520px){
  :root{
    --v321-mobile-header-height:86px;
  }
  .app{
    padding-top:calc(var(--v321-mobile-header-height) + env(safe-area-inset-top,0px) + 10px)!important;
  }
  .topbar{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    border-radius:0 0 16px 16px!important;
  }
  .krueger-logo{
    width:38px!important;
    height:38px!important;
  }
  .header-search-slot{
    grid-template-columns:minmax(0,1fr) 80px!important;
    gap:6px!important;
  }
  .header-search-field .search-input-wrap input#query{
    height:44px!important;
    min-height:44px!important;
    padding-right:88px!important;
    font-size:14px!important;
  }
  .header-search-field .search-submit-button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  .header-search-field .query-clear-button{
    right:44px!important;
    width:28px!important;
    height:28px!important;
    min-height:28px!important;
  }
  .header-discount-mini{
    width:80px!important;
    min-width:80px!important;
    height:44px!important;
    min-height:44px!important;
    padding:4px 7px!important;
    border-radius:15px!important;
  }
  .header-discount-mini label{
    font-size:8.5px!important;
  }
  .header-discount-mini__input input#discount{
    font-size:13px!important;
  }
  .header-discount-mini__input span{
    font-size:11px!important;
  }
  .header-cart-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:14px!important;
  }
  #querySuggestions,
  .header-search-field .query-suggestions{
    left:8px!important;
    right:8px!important;
  }
}

@media (max-width:380px){
  .header-search-slot{
    grid-template-columns:minmax(0,1fr) 72px!important;
    gap:5px!important;
  }
  .header-search-field .search-input-wrap input#query{
    padding-left:12px!important;
    padding-right:82px!important;
    font-size:13px!important;
  }
  .header-discount-mini{
    width:72px!important;
    min-width:72px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .header-discount-mini label{
    font-size:8px!important;
  }
  .header-discount-mini__input input#discount{
    font-size:12px!important;
  }
}


/* V322: Mobile Header ruhiger, dunkler und mit eigener Safe-Area-Fläche. */
@media (max-width:960px){
  :root{
    --v322-mobile-header-height:88px;
  }
  html,
  body{
    background:#f4f3ef!important;
    background-color:#f4f3ef!important;
  }
  body::before{
    content:""!important;
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:998!important;
    width:100%!important;
    height:calc(var(--v322-mobile-header-height) + env(safe-area-inset-top,0px) + 6px)!important;
    background:
      radial-gradient(circle at 92% 24%, rgba(255,214,10,.34) 0%, rgba(255,214,10,.18) 14%, rgba(255,214,10,.08) 24%, rgba(255,214,10,0) 38%),
      linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,0) 42%),
      linear-gradient(112deg, #101215 0%, #17191d 56%, #1a1c20 72%, #2b2610 84%, #4b400d 100%)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.20)!important;
    pointer-events:none!important;
  }
  .app{
    padding-top:calc(var(--v322-mobile-header-height) + env(safe-area-inset-top,0px) + 12px)!important;
  }
  .topbar{
    width:100%!important;
    max-width:none!important;
    left:0!important;
    right:0!important;
    top:0!important;
    transform:none!important;
    z-index:1000!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    align-items:center!important;
    gap:8px!important;
    height:calc(var(--v322-mobile-header-height) + env(safe-area-inset-top,0px))!important;
    min-height:calc(var(--v322-mobile-header-height) + env(safe-area-inset-top,0px))!important;
    padding:calc(env(safe-area-inset-top,0px) + 12px) 10px 10px!important;
    border:0!important;
    border-radius:0 0 16px 16px!important;
    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .topbar::before,
  .topbar::after{content:none!important;display:none!important;}
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar{
    transform:translateY(calc(-100% - 12px))!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.search-focus-mode .topbar{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .brand-zone,
  .header-search-slot,
  .header-actions{position:relative!important;z-index:1!important;}
  .brand-zone{gap:0!important;}
  .logo-lockup{display:flex!important;align-items:center!important;justify-content:center!important;}
  .krueger-logo{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:#111!important;
    box-shadow:0 6px 16px rgba(0,0,0,.26)!important;
  }
  .company-text,
  .header-title,
  .quick-contact-bar,
  .catalog-status{display:none!important;}

  .header-search-slot{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 76px!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .header-search-field label{display:none!important;}
  .header-search-field .search-input-wrap{position:relative!important;}
  .header-search-field .search-input-wrap input#query{
    height:46px!important;
    min-height:46px!important;
    padding:0 88px 0 14px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:18px!important;
    background:#fbfbfb!important;
    color:#111!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:46px!important;
    box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
  }
  .header-search-field .search-input-wrap input#query::placeholder{color:#6b7076!important;opacity:1!important;}
  .header-search-field .search-input-wrap input#query:focus{
    border-color:#f1cd16!important;
    box-shadow:0 0 0 3px rgba(255,216,20,.24),0 10px 22px rgba(0,0,0,.14)!important;
  }
  .header-search-field .search-submit-button{
    right:4px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border:0!important;
    border-radius:15px!important;
    background:#ffd814!important;
    color:#111!important;
    box-shadow:0 5px 14px rgba(255,216,20,.24)!important;
  }
  .header-search-field .search-submit-button svg{width:21px!important;height:21px!important;}
  .header-search-field .query-clear-button{
    right:46px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:28px!important;
    height:28px!important;
    min-height:28px!important;
    border:1px solid rgba(17,17,17,.10)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#4f555b!important;
    box-shadow:0 4px 10px rgba(17,19,21,.08)!important;
  }
  .header-discount-mini{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:11px 1fr!important;
    align-items:center!important;
    justify-items:center!important;
    gap:2px!important;
    width:76px!important;
    min-width:76px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:4px 6px 5px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
  }
  .header-discount-mini label{
    display:block!important;
    margin:0!important;
    color:#5a6066!important;
    font-size:8px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  .header-discount-mini__input{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:2px!important;
    width:100%!important;
    height:22px!important;
    min-height:22px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .header-discount-mini__input input#discount{
    width:100%!important;
    height:22px!important;
    min-height:22px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#111!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:22px!important;
    text-align:right!important;
  }
  .header-discount-mini__input span{
    display:block!important;
    color:#626a72!important;
    font-size:11px!important;
    font-weight:900!important;
  }

  .header-actions{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    gap:0!important;
  }
  .header-cart-button{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,216,20,.48)!important;
    border-radius:15px!important;
    background:linear-gradient(180deg, rgba(18,20,24,.98) 0%, rgba(22,24,28,.98) 100%)!important;
    color:#ffd814!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.04)!important;
  }
  .header-cart-button svg{width:20px!important;height:20px!important;}
  .header-cart-count{
    top:-8px!important;
    right:-6px!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#fff7cf!important;
    color:#111!important;
    box-shadow:0 0 0 2px #16181c!important;
    font-size:10px!important;
    font-weight:950!important;
  }
  #querySuggestions,
  .header-search-field .query-suggestions{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:calc(env(safe-area-inset-top,0px) + var(--v322-mobile-header-height) - 2px)!important;
    z-index:10020!important;
    margin-top:0!important;
    border-radius:0 0 18px 18px!important;
    background:#fff!important;
    box-shadow:0 18px 34px rgba(0,0,0,.20)!important;
  }
}

@supports (padding-top:constant(safe-area-inset-top)){
  @media (max-width:960px){
    body::before{
      height:calc(var(--v322-mobile-header-height) + constant(safe-area-inset-top) + 6px)!important;
    }
    .app{
      padding-top:calc(var(--v322-mobile-header-height) + constant(safe-area-inset-top) + 12px)!important;
    }
    .topbar{
      height:calc(var(--v322-mobile-header-height) + constant(safe-area-inset-top))!important;
      min-height:calc(var(--v322-mobile-header-height) + constant(safe-area-inset-top))!important;
      padding-top:calc(constant(safe-area-inset-top) + 12px)!important;
    }
    #querySuggestions,
    .header-search-field .query-suggestions{
      top:calc(constant(safe-area-inset-top) + var(--v322-mobile-header-height) - 2px)!important;
    }
  }
}

@media (max-width:520px){
  :root{
    --v322-mobile-header-height:86px;
  }
  body::before{
    height:calc(var(--v322-mobile-header-height) + env(safe-area-inset-top,0px) + 4px)!important;
  }
  .app{
    padding-top:calc(var(--v322-mobile-header-height) + env(safe-area-inset-top,0px) + 10px)!important;
  }
  .topbar{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:7px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .krueger-logo{width:38px!important;height:38px!important;}
  .header-search-slot{grid-template-columns:minmax(0,1fr) 72px!important;gap:5px!important;}
  .header-search-field .search-input-wrap input#query{height:44px!important;min-height:44px!important;padding-right:84px!important;font-size:13.5px!important;}
  .header-search-field .search-submit-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;}
  .header-search-field .query-clear-button{right:44px!important;}
  .header-discount-mini{width:72px!important;min-width:72px!important;padding-left:5px!important;padding-right:5px!important;}
  .header-discount-mini__input input#discount{font-size:12px!important;}
  .header-discount-mini__input span{font-size:10px!important;}
  .header-cart-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
}

@media (max-width:380px){
  .header-search-slot{grid-template-columns:minmax(0,1fr) 66px!important;}
  .header-search-field .search-input-wrap input#query{padding-right:80px!important;font-size:13px!important;}
  .header-discount-mini{width:66px!important;min-width:66px!important;}
  .header-discount-mini label{font-size:7.6px!important;}
  .header-discount-mini__input input#discount{font-size:11.5px!important;}
}


/* V323: Mobile Warenkorb-Leiste bleibt beim Scrollen dauerhaft sichtbar. */
@media (max-width:960px){
  body:not(.cart-open) .mobile-cart-launcher.mobile-scroll-hidden,
  body.searchbar-scroll-hidden:not(.search-focus-mode):not(.cart-open) .mobile-cart-launcher{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }
}


/* V324: Mobiler Header mit gelbem Verlauf nach unten statt zur Seite. */
@media (max-width:960px){
  body::before{
    background:
      radial-gradient(circle at 50% 100%, rgba(255,214,10,.18) 0%, rgba(255,214,10,.10) 22%, rgba(255,214,10,0) 54%),
      linear-gradient(180deg,
        #06090d 0%,
        #0a0d12 24%,
        #10141a 52%,
        #2c260f 76%,
        #7b6711 92%,
        #b89612 100%)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.20)!important;
  }
}

@media (max-width:520px){
  body::before{
    background:
      radial-gradient(circle at 50% 100%, rgba(255,214,10,.16) 0%, rgba(255,214,10,.08) 24%, rgba(255,214,10,0) 56%),
      linear-gradient(180deg,
        #06090d 0%,
        #0b0e13 26%,
        #11161c 54%,
        #342d12 78%,
        #8b7313 92%,
        #bf9d14 100%)!important;
  }
}


/* V325: Mobiler Header jetzt eindeutig nur mit vertikalem Verlauf oben dunkel -> unten gelb. */
@media (max-width:960px){
  body::before{
    background:linear-gradient(180deg,
      #05080c 0%,
      #080c10 24%,
      #0d1218 46%,
      #151a21 58%,
      #2f2a12 72%,
      #6f5d11 86%,
      #b08f14 100%)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.20)!important;
  }
}

@media (max-width:520px){
  body::before{
    background:linear-gradient(180deg,
      #05080c 0%,
      #090d11 26%,
      #0e1319 48%,
      #171d24 60%,
      #382f13 76%,
      #7d6813 90%,
      #bd9915 100%)!important;
  }
}


/* V326: Mobile Suchleiste / Header bleibt beim Scrollen dauerhaft sichtbar. */
@media (max-width:960px){
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar,
  body.searchbar-scroll-hidden:not(.search-focus-mode) .header-search-slot,
  body.searchbar-scroll-hidden:not(.search-focus-mode) .search-main > .field:first-child{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }
}


/* V327: Suchleiste bleibt sichtbar, mobiler Warenkorb darf beim Scrollen wieder verschwinden. */
@media (max-width:960px){
  body.searchbar-scroll-hidden:not(.search-focus-mode) .topbar,
  body.searchbar-scroll-hidden:not(.search-focus-mode) .header-search-slot,
  body.searchbar-scroll-hidden:not(.search-focus-mode) .search-main > .field:first-child{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }
  body:not(.cart-open) .mobile-cart-launcher.mobile-scroll-hidden{
    transform:translateY(calc(100% + 22px))!important;
    opacity:0!important;
    pointer-events:none!important;
    visibility:hidden!important;
  }
}


/* V328: Suchvorschläge im mobilen Header mit dunkler, lesbarer Schrift. */
@media (max-width:960px){
  #querySuggestions,
  .header-search-field .query-suggestions{
    color:#111820!important;
  }
  #querySuggestions .live-search-heading,
  .header-search-field .query-suggestions .live-search-heading,
  #querySuggestions .suggestion-title,
  .header-search-field .query-suggestions .suggestion-title{
    color:#1b1f24!important;
  }
  #querySuggestions .live-search-heading span,
  .header-search-field .query-suggestions .live-search-heading span{
    color:#687079!important;
  }
  #querySuggestions .live-search-option,
  .header-search-field .query-suggestions .live-search-option,
  #querySuggestions .live-search-show-all,
  .header-search-field .query-suggestions .live-search-show-all,
  #querySuggestions .suggestion-chip,
  .header-search-field .query-suggestions .suggestion-chip{
    color:#111820!important;
    text-shadow:none!important;
  }
  #querySuggestions .live-search-option strong,
  .header-search-field .query-suggestions .live-search-option strong{
    color:#111820!important;
  }
  #querySuggestions .live-search-option span,
  .header-search-field .query-suggestions .live-search-option span{
    color:#5d6670!important;
  }
  #querySuggestions .suggestion-chip.sample,
  .header-search-field .query-suggestions .suggestion-chip.sample{
    color:#111820!important;
    background:#fff8cc!important;
    border-color:#d2ae00!important;
    box-shadow:0 2px 8px rgba(17,19,21,.08)!important;
  }
  #querySuggestions .suggestion-chip.sample:hover,
  #querySuggestions .suggestion-chip.sample:focus-visible,
  .header-search-field .query-suggestions .suggestion-chip.sample:hover,
  .header-search-field .query-suggestions .suggestion-chip.sample:focus-visible{
    color:#111820!important;
    background:#fff1a8!important;
    border-color:#b99a00!important;
  }
}


/* V329: Direktwerkzeuge nach dem Öffnen einheitlich, kompakt und einzeln aufklappbar. */
.digital-tools:not(.tools-collapsed){
  margin:18px 0 20px!important;
  padding:18px!important;
  border:1px solid #dfe2e5!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(17,19,21,.08)!important;
  color:#1b1d1f!important;
  overflow:visible!important;
}
.digital-tools:not(.tools-collapsed) .digital-tools-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  min-height:auto!important;
  margin:0 0 14px!important;
  padding:0!important;
  background:transparent!important;
}
.digital-tools:not(.tools-collapsed) .digital-tools-eyebrow{
  display:block!important;
  margin:0 0 4px!important;
  color:#5d6267!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.digital-tools:not(.tools-collapsed) h2{
  margin:0!important;
  color:#15171a!important;
  font-size:clamp(24px,2.2vw,34px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  max-width:none!important;
}
.digital-tools:not(.tools-collapsed) .digital-tools-header p{
  display:none!important;
}
.digital-tools:not(.tools-collapsed) .digital-tools-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:0 18px!important;
  border:1px solid #b99d00!important;
  border-radius:13px!important;
  background:#ffd814!important;
  color:#111!important;
  box-shadow:0 6px 14px rgba(255,216,20,.20)!important;
  font-size:14px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.digital-tools:not(.tools-collapsed) .digital-tools-grid,
.digital-tools:not(.tools-collapsed) .digital-tools-grid--equal{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-card,
.digital-tools:not(.tools-collapsed) .digital-tool-card.featured,
.digital-tools:not(.tools-collapsed) .digital-tool-card.compact,
.digital-tools:not(.tools-collapsed) .compact-plate-tool{
  display:block!important;
  min-height:116px!important;
  height:auto!important;
  padding:0!important;
  border:1px solid #dfe2e5!important;
  border-top:4px solid #ffd814!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(17,19,21,.05)!important;
  overflow:hidden!important;
  color:#17191b!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-card[open]{
  grid-column:span 2!important;
  box-shadow:0 10px 26px rgba(17,19,21,.10)!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-card > summary,
.digital-tools:not(.tools-collapsed) .digital-tool-summary{
  list-style:none!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:112px!important;
  padding:14px!important;
  cursor:pointer!important;
  background:#fff!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-card > summary::-webkit-details-marker{display:none!important;}
.digital-tools:not(.tools-collapsed) .digital-tool-icon{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:#fff1a6!important;
  color:#17191b!important;
  flex:0 0 auto!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-icon svg{width:21px!important;height:21px!important;}
.digital-tools:not(.tools-collapsed) .digital-tool-copy{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-copy strong{
  display:block!important;
  margin:0!important;
  color:#17191b!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-copy small{
  display:block!important;
  color:#687078!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.28!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-chevron{
  width:18px!important;
  height:18px!important;
  position:relative!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-chevron::before,
.digital-tools:not(.tools-collapsed) .digital-tool-chevron::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:12px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#1b1d1f!important;
  transform:translate(-50%,-50%)!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-chevron::after{
  transform:translate(-50%,-50%) rotate(90deg)!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-card[open] .digital-tool-chevron::after{display:none!important;}
.digital-tools:not(.tools-collapsed) .digital-tool-body{
  display:grid!important;
  gap:10px!important;
  padding:0 14px 14px!important;
  border-top:1px solid #edf0f2!important;
  background:#fbfbf8!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-body-text{
  margin:12px 0 0!important;
  color:#5f666d!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-body label,
.digital-tools:not(.tools-collapsed) .digital-tool-card > label{
  margin:0!important;
  color:#34383c!important;
  font-size:12px!important;
  font-weight:900!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-input-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-input-row input{
  min-height:40px!important;
  height:40px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-button,
.digital-tools:not(.tools-collapsed) .digital-tool-button.primary,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button.primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:8px 12px!important;
  border:1px solid #d1b000!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17191b!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:normal!important;
  text-align:center!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-button.primary,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button.primary{
  background:#fffbe6!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-button:hover,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button:hover{
  background:#fff8cc!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button{
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  text-align:left!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-icon{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:#fff1a6!important;
  color:#111!important;
  flex:0 0 auto!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-copy strong{font-size:13px!important;line-height:1.15!important;}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-copy small{font-size:11px!important;color:#687078!important;line-height:1.2!important;}
@media (max-width:1180px){
  .digital-tools:not(.tools-collapsed) .digital-tools-grid,
  .digital-tools:not(.tools-collapsed) .digital-tools-grid--equal{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  .digital-tools:not(.tools-collapsed){padding:14px!important;border-radius:16px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tools-header{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;margin-bottom:12px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tools-eyebrow{font-size:10px!important;letter-spacing:.14em!important;}
  .digital-tools:not(.tools-collapsed) h2{font-size:24px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tools-toggle{min-height:42px!important;padding:0 13px!important;font-size:13px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tools-grid,
  .digital-tools:not(.tools-collapsed) .digital-tools-grid--equal{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-card,
  .digital-tools:not(.tools-collapsed) .digital-tool-card.featured,
  .digital-tools:not(.tools-collapsed) .digital-tool-card.compact,
  .digital-tools:not(.tools-collapsed) .compact-plate-tool{min-height:106px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-card[open]{grid-column:1/-1!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-card > summary,
  .digital-tools:not(.tools-collapsed) .digital-tool-summary{grid-template-columns:34px minmax(0,1fr) 16px!important;min-height:102px!important;padding:12px!important;gap:8px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-icon{width:34px!important;height:34px!important;border-radius:10px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-copy strong{font-size:14px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-copy small{font-size:11px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-input-row{grid-template-columns:1fr!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-button,
  .digital-tools:not(.tools-collapsed) .digital-tool-button.primary{width:100%!important;}
}
@media (max-width:380px){
  .digital-tools:not(.tools-collapsed) .digital-tools-grid,
  .digital-tools:not(.tools-collapsed) .digital-tools-grid--equal{grid-template-columns:1fr!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-card[open]{grid-column:1!important;}
}


/* V330: Direktwerkzeuge kompakter, einheitlicher und hochwertiger auf Desktop + mobil. */
.digital-tools:not(.tools-collapsed){
  padding:16px!important;
  border:1px solid #e0e4e8!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfbf8 100%)!important;
  box-shadow:0 14px 32px rgba(17,19,21,.06)!important;
}
.digital-tools:not(.tools-collapsed) .digital-tools-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
.digital-tools:not(.tools-collapsed) .digital-tools-eyebrow{
  margin:0 0 3px!important;
  color:#676d73!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.digital-tools:not(.tools-collapsed) h2{
  margin:0!important;
  color:#16191d!important;
  font-size:clamp(22px,1.9vw,30px)!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
}
.digital-tools:not(.tools-collapsed) .digital-tools-header p{display:none!important;}
.digital-tools:not(.tools-collapsed) .digital-tools-toggle{
  min-height:42px!important;
  padding:0 16px!important;
  border:1px solid #cba900!important;
  border-radius:12px!important;
  background:#ffd814!important;
  color:#111!important;
  box-shadow:0 6px 14px rgba(255,216,20,.18)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.digital-tools:not(.tools-collapsed) .digital-tools-grid,
.digital-tools:not(.tools-collapsed) .digital-tools-grid--equal{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-card,
.digital-tools:not(.tools-collapsed) .digital-tool-card.featured,
.digital-tools:not(.tools-collapsed) .digital-tool-card.compact,
.digital-tools:not(.tools-collapsed) .compact-plate-tool{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:1px solid #dfe3e7!important;
  border-top:3px solid #f2cb12!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(17,19,21,.05)!important;
  overflow:hidden!important;
  color:#17191b!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-card[open]{
  grid-column:auto!important;
  border-color:#d3d9df!important;
  box-shadow:0 10px 24px rgba(17,19,21,.10)!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-card > summary,
.digital-tools:not(.tools-collapsed) .digital-tool-summary{
  list-style:none!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:92px!important;
  padding:14px 15px!important;
  cursor:pointer!important;
  background:#fff!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-card > summary::-webkit-details-marker{display:none!important;}
.digital-tools:not(.tools-collapsed) .digital-tool-icon{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  background:#fff2ad!important;
  color:#17191b!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-icon svg{width:22px!important;height:22px!important;}
.digital-tools:not(.tools-collapsed) .digital-tool-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-copy strong,
.digital-tools:not(.tools-collapsed) .digital-tool-copy small{
  display:block!important;
  overflow-wrap:anywhere!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-copy strong{
  color:#17191b!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-copy small{
  color:#69717a!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-chevron{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border:1px solid #e0d39a!important;
  border-radius:999px!important;
  background:#fffdf2!important;
  position:relative!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-chevron::before,
.digital-tools:not(.tools-collapsed) .digital-tool-chevron::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:11px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#1b1d1f!important;
  transform:translate(-50%,-50%)!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-chevron::after{transform:translate(-50%,-50%) rotate(90deg)!important;}
.digital-tools:not(.tools-collapsed) .digital-tool-card[open] .digital-tool-chevron::after{display:none!important;}
.digital-tools:not(.tools-collapsed) .digital-tool-body{
  display:grid!important;
  gap:10px!important;
  padding:0 15px 15px!important;
  border-top:1px solid #eef1f4!important;
  background:linear-gradient(180deg,#fcfcfa 0%,#ffffff 100%)!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-body-text{
  margin:10px 0 0!important;
  color:#616972!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-body label,
.digital-tools:not(.tools-collapsed) .digital-tool-card > label{
  margin:0!important;
  color:#31363b!important;
  font-size:12px!important;
  font-weight:900!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-input-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-input-row input{
  min-height:40px!important;
  height:40px!important;
  border-radius:10px!important;
  border:1px solid #d5dbe0!important;
  background:#fff!important;
  font-size:13px!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-button,
.digital-tools:not(.tools-collapsed) .digital-tool-button.primary,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button.primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:40px!important;
  padding:8px 12px!important;
  border:1px solid #d1b000!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17191b!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:normal!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-button.primary,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button.primary{background:#fffbe6!important;}
.digital-tools:not(.tools-collapsed) .digital-tool-button:hover,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button:hover{background:#fff8cc!important;}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button{
  justify-content:flex-start!important;
  gap:9px!important;
  text-align:left!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-icon{
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:#fff1a6!important;
  color:#111!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-copy{display:grid!important;gap:2px!important;min-width:0!important;}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-copy strong{font-size:13px!important;line-height:1.16!important;}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-copy small{font-size:11px!important;line-height:1.28!important;color:#69717a!important;}

@media (max-width:1340px){
  .digital-tools:not(.tools-collapsed) .digital-tools-grid,
  .digital-tools:not(.tools-collapsed) .digital-tools-grid--equal{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:820px){
  .digital-tools:not(.tools-collapsed){padding:14px!important;border-radius:18px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tools-header{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;margin-bottom:10px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tools-eyebrow{font-size:10px!important;}
  .digital-tools:not(.tools-collapsed) h2{font-size:22px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tools-toggle{min-height:40px!important;padding:0 14px!important;font-size:13px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tools-grid,
  .digital-tools:not(.tools-collapsed) .digital-tools-grid--equal{grid-template-columns:1fr!important;gap:10px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-card[open]{grid-column:1!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-card > summary,
  .digital-tools:not(.tools-collapsed) .digital-tool-summary{grid-template-columns:40px minmax(0,1fr) 28px!important;min-height:84px!important;padding:13px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-icon{width:40px!important;height:40px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-copy strong{font-size:15px!important;}
}
@media (max-width:460px){
  .digital-tools:not(.tools-collapsed) .digital-tools-header{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}
  .digital-tools:not(.tools-collapsed) h2{font-size:21px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tools-toggle{min-height:38px!important;padding:0 12px!important;font-size:12px!important;}
}


/* V331: Geöffnete Plattenbearbeitung mittig ausgerichtet (Zuschnitt / Verbundelement). */
.digital-tools:not(.tools-collapsed) .compact-plate-tool .digital-tool-body{
  justify-items:center!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-button,
.digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-button.primary{
  width:min(100%, 420px)!important;
  margin-inline:auto!important;
}
@media (min-width:821px){
  .digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-button,
  .digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-button.primary{
    justify-content:center!important;
    text-align:center!important;
  }
  .digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-copy{
    justify-items:center!important;
    text-align:center!important;
  }
}


/* V332: Inhalt der beiden Plattenbearbeitungs-Aktionen wirklich mittig ausgerichtet. */
.digital-tools:not(.tools-collapsed) .compact-plate-tool .digital-tool-body{
  justify-items:center!important;
  align-items:center!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-button,
.digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-button.primary{
  width:min(100%, 390px)!important;
  margin-inline:auto!important;
  justify-content:center!important;
  text-align:left!important;
  padding-inline:18px!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-copy{
  justify-items:start!important;
  text-align:left!important;
}
@media (max-width:820px){
  .digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-button,
  .digital-tools:not(.tools-collapsed) .compact-plate-tool .compact-plate-tool-button.primary{
    width:min(100%, 420px)!important;
  }
}


/* V335: Verbundelement-Belagwahl sauber nach EGGER / ABET / Möbel-Linoleum trennen. */
.composite-surface-picker{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
}
.composite-surface-picker .field{min-width:0!important;}
.composite-surface-picker .composite-surface-type-field,
.composite-surface-picker .composite-surface-search-field,
.composite-surface-picker .composite-surface-record-field{
  grid-column:auto!important;
}
.composite-surface-picker select,
.composite-surface-picker input{
  min-width:0!important;
}
.composite-surface-search-status{
  display:block;
  color:var(--muted);
  line-height:1.35;
}
@media (max-width:820px){
  .composite-surface-picker{grid-template-columns:1fr!important;}
  .composite-surface-picker .composite-surface-type-field,
  .composite-surface-picker .composite-surface-search-field,
  .composite-surface-picker .composite-surface-record-field{grid-column:auto!important;}
}

/* V337: Rückseite übernimmt standardmäßig denselben Belag wie die Vorderseite. */
.composite-back-same-field{
  grid-column:1/-1!important;
  padding:10px 12px;
  border:1px solid #ead381;
  border-radius:10px;
  background:#fff8dc;
}
.composite-back-same-label{
  display:grid!important;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:9px;
  line-height:1.35;
}
.composite-back-same-label input{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  accent-color:#ffd200;
}
.composite-back-same-field small{
  display:block;
  margin-left:27px;
  color:var(--muted);
  line-height:1.35;
}

/* V338: Verbundelement-Dialog ruhiger ausrichten und Empfehlung ohne blaues Standard-Häkchen darstellen. */
#compositeSurfacePicker #compositeBackSameField{
  grid-column:1 / -1!important;
  order:50!important;
  justify-self:center!important;
  width:min(100%, 680px)!important;
  padding:10px 14px!important;
  border:1px solid #e5cf76!important;
  border-radius:12px!important;
  background:#fff9df!important;
  text-align:center!important;
}
#compositeSurfacePicker #compositeBackSurfaceTypeField{order:60!important;}
#compositeSurfacePicker #compositeBackSurfaceSearchField{order:61!important;}
#compositeSurfacePicker #compositeBackSurfaceRecordField{order:62!important;}
#compositeSurfacePicker #compositeBackSurfaceDecorField{order:63!important;}
#compositeBackSameField .composite-back-same-label{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  margin-inline:auto!important;
  max-width:100%!important;
  line-height:1.35!important;
  cursor:pointer!important;
}
#compositeBackSameField .composite-back-same-label input#compositeBackSameAsFront{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
#compositeBackSameField .composite-back-same-label span{
  display:grid!important;
  grid-template-columns:20px minmax(0, auto)!important;
  align-items:center!important;
  gap:9px!important;
  text-align:left!important;
}
#compositeBackSameField .composite-back-same-label span::before{
  content:"";
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  border:2px solid #d5b800;
  border-radius:5px;
  background:#fffef5;
  color:#141414;
  font-size:14px;
  font-weight:900;
  line-height:1;
  box-sizing:border-box;
}
#compositeBackSameField .composite-back-same-label input#compositeBackSameAsFront:checked + span::before{
  content:"✓";
  background:#ffd200;
  border-color:#ffd200;
}
#compositeBackSameField .composite-back-same-label input#compositeBackSameAsFront:focus-visible + span::before{
  outline:2px solid #141414;
  outline-offset:2px;
}
#compositeBackSameField small{
  display:block!important;
  max-width:620px!important;
  margin:6px auto 0!important;
  color:var(--muted)!important;
  line-height:1.35!important;
  text-align:center!important;
}
#compositeSurfacePicker .composite-back-surface-field select:disabled,
#compositeSurfacePicker .composite-back-surface-field input:disabled{
  background:#f5f2e8!important;
  color:#666!important;
  opacity:1!important;
}
@media (max-width:820px){
  #compositeSurfacePicker #compositeBackSameField{
    width:100%!important;
  }
  #compositeBackSameField .composite-back-same-label{
    display:flex!important;
    justify-content:flex-start!important;
    width:100%!important;
  }
  #compositeBackSameField small{
    text-align:left!important;
  }
}


/* V340: Tür-Kalkulator zeigt die konkrete JELD-WEN-Ausführung verständlich an. */
.door-calculator-execution-spec{
  display:grid;
  gap:4px;
  padding:11px 12px;
  border:1px solid #ead66a;
  border-radius:9px;
  background:#fffdf1;
  color:#1f2326;
  font-size:12px;
  line-height:1.45;
}
.door-calculator-execution-spec strong{font-weight:900}
.door-calculator-execution-spec span{color:#50575c}
.door-calculator-table td small{
  display:block;
  margin-top:3px;
  color:#5b6268;
  font-size:11px;
  line-height:1.35;
}

.door-calculator-execution-field{grid-column:1 / -1}

/* V345: Türen-SEO und Türenanfrage ohne Eingriff in Produktsuche. */
.door-seo-module{
  margin:18px 0 22px;
  display:grid;
  gap:14px;
}
.door-seo-card,
.door-request-upload-card{
  border:1px solid rgba(17,17,17,.12);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.door-seo-card{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:18px;
  padding:22px;
}
.door-seo-eyebrow,
.door-bonus-eyebrow{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  padding:5px 9px;
  border-radius:999px;
  background:#ffd200;
  color:#111;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.door-seo-copy h2,
.door-bonus-card h3{
  margin:0 0 8px;
  color:#111;
  line-height:1.12;
}
.door-seo-copy p,
.door-bonus-card p{
  margin:0;
  color:#48515a;
  line-height:1.5;
}
.door-seo-tags,
.door-bonus-steps{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:13px;
}
.door-seo-tags span,
.door-bonus-steps span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(17,17,17,.12);
  border-radius:999px;
  background:#fafafa;
  color:#151515;
  font-size:12px;
  font-weight:800;
}
.door-bonus-card{
  padding:16px;
  border-radius:16px;
  background:linear-gradient(135deg,#171717 0%,#25220d 100%);
  color:#fff;
}
.door-bonus-card h3,
.door-bonus-card p{color:#fff}
.door-bonus-card p{opacity:.86}
.door-bonus-steps span{
  border-color:rgba(255,210,0,.46);
  background:rgba(255,210,0,.12);
  color:#fff;
}
.door-request-upload-card summary{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:16px 18px;
  cursor:pointer;
  font-weight:900;
}
.door-request-upload-card summary small{
  color:#59626c;
  font-size:12px;
  font-weight:600;
}
.door-request-upload-body{
  padding:0 18px 18px;
}
.door-request-upload-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.door-request-upload-grid label{
  display:grid;
  gap:6px;
  color:#1f2326;
  font-size:12px;
  font-weight:900;
}
.door-request-upload-wide{grid-column:1 / -1}
.door-request-upload-grid input,
.door-request-upload-grid select,
.door-request-upload-grid textarea{
  width:100%;
  min-height:42px;
  border:1px solid #ccd3da;
  border-radius:10px;
  background:#fff;
  color:#111;
  font:inherit;
  font-weight:600;
  padding:10px 12px;
}
.door-request-upload-grid textarea{
  min-height:86px;
  resize:vertical;
}
.door-request-upload-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.door-request-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border:1px solid #111;
  border-radius:999px;
  background:#fff;
  color:#111;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.door-request-button.primary{
  background:#ffd200;
  border-color:#ffd200;
}
.door-request-button.whatsapp{
  border-color:#18a94b;
  color:#126d33;
}
.door-request-upload-status{
  margin:10px 0 0;
  color:#59626c;
  font-size:12px;
  line-height:1.4;
}
.door-request-upload-status.is-error{color:#9a3412}
.jeldwen-door-bonus-cart{
  display:grid;
  gap:8px;
  margin:0 0 12px;
  padding:13px 14px;
  border:1px solid rgba(255,210,0,.62);
  border-radius:14px;
  background:#fff9d8;
  color:#141414;
}
.jeldwen-door-bonus-cart strong{font-weight:900}
.jeldwen-door-bonus-cart small{color:#535b61;font-weight:700}
.jeldwen-door-bonus-meter{
  position:relative;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(17,17,17,.12);
}
.jeldwen-door-bonus-meter span{
  display:block;
  height:100%;
  border-radius:999px;
  background:#ffd200;
}
@media (max-width:820px){
  .door-seo-card{grid-template-columns:1fr;padding:16px}
  .door-request-upload-grid{grid-template-columns:1fr}
  .door-request-button{width:100%}
}

/* V345 final: Statusanzeige für echte Türenanfrage-Übergabe. */
.door-request-upload-status.is-success{color:#126d33;font-weight:800}
.door-request-upload-status.is-busy{color:#3b3f45;font-weight:800}

/* V345: Türenbereich kompakt halten - eine Maske, kein Türen-Textblock-Monster. */
.door-seo-module--compact{
  margin:14px 0 18px!important;
  gap:10px!important;
}
.door-seo-module--compact .door-seo-hero-card,
.door-seo-module--compact .door-seo-detail-card,
.door-seo-module--compact .door-request-upload-card{
  border:1px solid rgba(17,17,17,.12)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}
.door-seo-module--compact .door-seo-hero-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:16px!important;
}
.door-seo-module--compact .door-seo-hero-copy{
  min-width:0!important;
}
.door-seo-module--compact .door-seo-eyebrow{
  margin-bottom:7px!important;
  padding:4px 8px!important;
  font-size:10px!important;
}
.door-seo-module--compact h1,
.door-seo-module--compact h2{
  margin:0 0 6px!important;
  font-size:clamp(22px,3vw,31px)!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}
.door-seo-module--compact .door-seo-hero-copy p{
  max-width:860px!important;
  margin:0!important;
  color:#4b5560!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.door-seo-brand-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:10px!important;
}
.door-seo-brand-row span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#111!important;
  color:#ffd200!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
.door-seo-actions{
  display:grid!important;
  gap:8px!important;
  min-width:210px!important;
}
.door-seo-action{
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:42px!important;
  padding:9px 15px!important;
  border:1px solid #111!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.door-seo-action.primary{
  border-color:#ffd200!important;
  background:#ffd200!important;
}
.door-seo-module--compact .door-request-upload-card summary,
.door-seo-detail-card summary{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:13px 16px!important;
  cursor:pointer!important;
  font-weight:900!important;
}
.door-seo-module--compact .door-request-upload-card summary small,
.door-seo-detail-card summary small{
  color:#5c6570!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;
}
.door-seo-module--compact .door-request-upload-body,
.door-seo-detail-body{
  padding:0 16px 16px!important;
}
.door-seo-info-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.door-seo-info-grid article{
  padding:12px!important;
  border:1px solid rgba(17,17,17,.1)!important;
  border-radius:13px!important;
  background:#fafafa!important;
}
.door-seo-info-grid h3{
  margin:0 0 6px!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.door-seo-info-grid p,
.door-seo-audience{
  margin:0!important;
  color:#505963!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.door-seo-audience{
  margin-top:10px!important;
  font-weight:700!important;
}
.door-seo-module--compact .door-seo-tags{
  margin-top:10px!important;
  gap:6px!important;
}
.door-seo-module--compact .door-seo-tags span{
  min-height:26px!important;
  padding:5px 8px!important;
  font-size:11px!important;
  background:#fffdf2!important;
  border-color:#ead66a!important;
}
.door-bonus-inline{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  align-items:center!important;
  margin-top:12px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  background:#111!important;
  color:#fff!important;
}
.door-bonus-inline strong{
  color:#ffd200!important;
  font-weight:900!important;
}
.door-bonus-inline span{
  display:inline-flex!important;
  padding:4px 8px!important;
  border:1px solid rgba(255,210,0,.44)!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:900!important;
}
.door-bonus-inline small{
  flex-basis:100%!important;
  color:rgba(255,255,255,.75)!important;
  font-size:11px!important;
  line-height:1.35!important;
}
@media (max-width:820px){
  .door-seo-module--compact .door-seo-hero-card{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
  .door-seo-actions{
    grid-template-columns:1fr 1fr!important;
    min-width:0!important;
  }
  .door-seo-action{
    white-space:normal!important;
    text-align:center!important;
    padding-inline:10px!important;
  }
  .door-seo-info-grid{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:520px){
  .door-seo-actions{
    grid-template-columns:1fr!important;
  }
}


/* V346: Türen-Fachinfos nicht als rohes Details-Element anzeigen, interne SEO-Texte aus der Oberfläche raus. */
.door-seo-module--compact .door-seo-detail-card{
  display:block!important;
  overflow:hidden!important;
  margin:0!important;
  border:1px solid rgba(17,17,17,.12)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}
.door-seo-module--compact .door-seo-detail-card > summary{
  list-style:none!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:2px!important;
  align-items:center!important;
  padding:13px 16px!important;
  cursor:pointer!important;
  user-select:none!important;
  color:#111!important;
  background:#fff!important;
  border-radius:16px!important;
  font-weight:900!important;
}
.door-seo-module--compact .door-seo-detail-card > summary::-webkit-details-marker{display:none!important;}
.door-seo-module--compact .door-seo-detail-card > summary::before{
  content:"+"!important;
  display:inline-grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  background:#ffd200!important;
  color:#111!important;
  font-weight:1000!important;
  grid-row:1 / span 2!important;
}
.door-seo-module--compact .door-seo-detail-card[open] > summary::before{content:"–"!important;}
.door-seo-module--compact .door-seo-detail-card > summary span{
  min-width:0!important;
  color:#111!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.door-seo-module--compact .door-seo-detail-card > summary small{
  grid-column:2!important;
  color:#64707c!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;
}
.door-seo-module--compact .door-seo-detail-body{
  border-top:1px solid rgba(17,17,17,.08)!important;
  padding:14px 16px 16px!important;
  background:#fff!important;
}
@media (max-width:700px){
  .door-seo-module--compact .door-seo-detail-card > summary{
    padding:12px 13px!important;
  }
  .door-seo-module--compact .door-seo-detail-card > summary span{
    font-size:13px!important;
  }
}


/* V352: Türen-SEO-Einstiegsseite ohne neues Shop-Menü. */
body.door-landing-page .door-seo-module--compact{
  margin-top:14px!important;
}
body.door-landing-page .door-seo-module--compact .door-request-upload-card[open]{
  border-color:rgba(255,210,0,.75)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.08)!important;
}
body.door-landing-page .door-seo-module--compact .door-seo-hero-card{
  border-color:rgba(17,17,17,.16)!important;
}
body.door-landing-page .search-panel{
  margin-top:14px!important;
}
body.door-landing-page .search-intro h1{
  font-size:clamp(28px,3.2vw,42px)!important;
}

body.door-landing-page .search-intro h2{
  margin:0 0 6px!important;
  font-size:clamp(28px,3.2vw,42px)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
}


/* V355: Türen-Landingpage mit Markenlogos, Objektvertrauen und Logistik-USPs. */
body.door-landing-page .door-object-landing{
  gap:14px!important;
}
body.door-landing-page .door-object-hero{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  padding:20px!important;
  border:1px solid rgba(17,17,17,.16)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 88% 12%, rgba(255,210,0,.38), transparent 34%),
    linear-gradient(135deg,#111 0%,#191919 48%,#2a2305 100%)!important;
  box-shadow:0 20px 42px rgba(15,23,42,.16)!important;
  color:#fff!important;
}
body.door-landing-page .door-object-hero::after{
  content:""!important;
  position:absolute!important;
  inset:auto -72px -86px auto!important;
  width:240px!important;
  height:240px!important;
  border:22px solid rgba(255,210,0,.24)!important;
  border-radius:999px!important;
  pointer-events:none!important;
}
body.door-landing-page .door-object-hero-copy{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
body.door-landing-page .door-object-hero .door-seo-eyebrow{
  width:max-content!important;
  max-width:100%!important;
  background:#ffd200!important;
  color:#111!important;
  border-color:#ffd200!important;
}
body.door-landing-page .door-object-hero h1{
  margin:2px 0 10px!important;
  max-width:860px!important;
  color:#fff!important;
  font-size:clamp(30px,4.2vw,54px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
}
body.door-landing-page .door-object-lead{
  max-width:820px!important;
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:clamp(15px,1.5vw,18px)!important;
  line-height:1.48!important;
  font-weight:650!important;
}
body.door-landing-page .door-object-service-note{
  margin:12px 0 0!important;
  max-width:830px!important;
  color:#ffe46d!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:850!important;
}
body.door-landing-page .door-object-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}
body.door-landing-page .door-object-actions .door-seo-action{
  min-height:46px!important;
  border-color:rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.door-landing-page .door-object-actions .door-seo-action.primary{
  border-color:#ffd200!important;
  background:#ffd200!important;
  color:#111!important;
}
body.door-landing-page .door-object-proof{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.08)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body.door-landing-page .door-object-proof-label{
  display:inline-flex!important;
  width:max-content!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(255,210,0,.18)!important;
  color:#ffd200!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.07em!important;
}
body.door-landing-page .door-object-logo-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
}
body.door-landing-page .door-object-logo-card{
  display:grid!important;
  grid-template-columns:minmax(120px,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  margin:0!important;
  min-height:70px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.16)!important;
}
body.door-landing-page .door-object-logo-card img{
  display:block!important;
  max-width:180px!important;
  width:100%!important;
  max-height:48px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.door-landing-page .door-object-logo-card.jeldwen img{
  max-width:96px!important;
  max-height:54px!important;
}
body.door-landing-page .door-object-logo-card figcaption{
  color:#343a40!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.door-landing-page .door-object-mini-facts{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
body.door-landing-page .door-object-mini-facts span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,210,0,.45)!important;
  color:#ffd200!important;
  background:rgba(0,0,0,.18)!important;
  font-size:11px!important;
  font-weight:900!important;
}
body.door-landing-page .door-object-trust-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body.door-landing-page .door-object-trust-grid article{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-height:142px!important;
  padding:14px!important;
  border:1px solid rgba(17,17,17,.11)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 12px 26px rgba(15,23,42,.07)!important;
}
body.door-landing-page .door-object-trust-grid article::before{
  content:""!important;
  width:32px!important;
  height:5px!important;
  border-radius:999px!important;
  background:#ffd200!important;
}
body.door-landing-page .door-object-trust-grid strong{
  color:#111!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:1000!important;
}
body.door-landing-page .door-object-trust-grid span{
  color:#53606a!important;
  font-size:12.5px!important;
  line-height:1.42!important;
  font-weight:650!important;
}
@media (max-width:980px){
  body.door-landing-page .door-object-hero{
    grid-template-columns:1fr!important;
  }
  body.door-landing-page .door-object-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.door-landing-page .door-object-logo-card{
    grid-template-columns:1fr!important;
    justify-items:start!important;
  }
  body.door-landing-page .door-object-logo-card figcaption{
    white-space:normal!important;
  }
  body.door-landing-page .door-object-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:640px){
  body.door-landing-page .door-object-hero{
    padding:15px!important;
    border-radius:18px!important;
  }
  body.door-landing-page .door-object-hero h1{
    font-size:clamp(28px,9vw,40px)!important;
  }
  body.door-landing-page .door-object-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.door-landing-page .door-object-logo-grid,
  body.door-landing-page .door-object-trust-grid{
    grid-template-columns:1fr!important;
  }
  body.door-landing-page .door-object-logo-card{
    min-height:62px!important;
  }
  body.door-landing-page .door-object-trust-grid article{
    min-height:0!important;
  }
}

/* V355: Materialmarken-Landingpages SEO-priorisiert, heller Hero, bessere Produktkarten. */
body.material-landing-page .search-panel{margin-top:16px!important;}
body.material-landing-page .search-intro h2{margin:0;color:#111;font-size:clamp(25px,3vw,42px);line-height:1.04;letter-spacing:-.045em;font-weight:1000;}
.material-landing{display:flex;flex-direction:column;gap:14px;margin-top:16px!important;}
.material-landing-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:16px;align-items:stretch;padding:18px;border:1px solid rgba(17,17,17,.12);border-radius:24px;background:linear-gradient(135deg,#fffdf3 0%,#fff 47%,#f4f6f8 100%);box-shadow:0 18px 40px rgba(15,23,42,.11);color:#111;}
.material-landing-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#ffd200,#111 46%,#ffd200);pointer-events:none;}
.material-landing-hero::after{content:"";position:absolute;right:-90px;bottom:-120px;width:260px;height:260px;border:26px solid rgba(255,210,0,.22);border-radius:999px;pointer-events:none;}
.material-landing-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 4px 8px;}
.material-landing-eyebrow{display:inline-flex;width:max-content;max-width:100%;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;background:#111;color:#ffd200;border:1px solid rgba(17,17,17,.95);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.065em;}
.material-landing h1{margin:10px 0 10px;max-width:940px;color:#111;font-size:clamp(31px,4.4vw,58px);line-height:.96;letter-spacing:-.055em;font-weight:1000;}
.material-landing-lead{max-width:890px;margin:0;color:#20242a;font-size:clamp(15px,1.42vw,18px);line-height:1.5;font-weight:720;}
.material-landing-note{margin:12px 0 0;max-width:900px;color:#3d4650;font-size:13px;line-height:1.46;font-weight:780;border-left:5px solid #ffd200;padding:9px 0 9px 12px;background:rgba(255,210,0,.09);border-radius:0 12px 12px 0;}
.material-landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.material-landing-action,.material-product-action{appearance:none;border:1px solid rgba(17,17,17,.86);border-radius:999px;background:#fff;color:#111;min-height:44px;padding:10px 16px;font-weight:1000;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.08);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;}
.material-landing-action:hover,.material-product-action:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.12);filter:brightness(1.02);}
.material-landing-action.primary{border-color:#111;background:#111;color:#ffd200;}
.material-landing-proof{position:relative;z-index:1;display:flex;flex-direction:column;gap:11px;padding:14px;border:1px solid rgba(17,17,17,.12);border-radius:21px;background:rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px rgba(15,23,42,.07);}
.material-landing-proof-label{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#ffd200;color:#111;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em;}
.material-logo-card{display:grid;grid-template-columns:1fr;gap:9px;align-items:center;justify-items:start;margin:0;min-height:112px;padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(17,17,17,.12);box-shadow:0 10px 22px rgba(15,23,42,.08);}
.material-logo-card img{display:block;width:100%;max-width:250px;max-height:78px;object-fit:contain;object-position:left center;filter:none;}
.material-logo-card figcaption{color:#343a40;font-size:13px;font-weight:1000;}
.material-mini-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.material-mini-proof span{display:grid;place-items:center;min-height:32px;padding:6px;border-radius:11px;background:#111;color:#ffd200;font-size:11px;font-weight:1000;text-align:center;}
.material-keyword-chips{display:flex;flex-wrap:wrap;gap:7px;}
.material-keyword-chips span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;border:1px solid rgba(17,17,17,.12);color:#111;background:#fff7bf;font-size:11px;font-weight:950;}
.material-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.material-trust-grid article{display:flex;flex-direction:column;gap:7px;min-height:128px;padding:14px;border:1px solid rgba(17,17,17,.11);border-radius:18px;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.065);}
.material-trust-grid article::before{content:"";width:34px;height:5px;border-radius:999px;background:#ffd200;}
.material-trust-grid strong{color:#111;font-size:14px;line-height:1.18;font-weight:1000;}
.material-trust-grid span{color:#4b5561;font-size:12.5px;line-height:1.42;font-weight:690;}
.material-product-preview,.material-seo-panel{display:grid;gap:13px;padding:18px;border:1px solid rgba(17,17,17,.11);border-radius:22px;background:linear-gradient(180deg,#fff,#fafbfc);box-shadow:0 16px 34px rgba(15,23,42,.075);}
.material-product-preview-head,.material-seo-head{display:grid;gap:4px;}
.material-product-preview-head span,.material-seo-head span{width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:#111;color:#ffd200;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.065em;}
.material-product-preview-head h2,.material-seo-head h2{margin:4px 0 0;color:#111;font-size:clamp(22px,2.45vw,33px);line-height:1.05;letter-spacing:-.038em;font-weight:1000;}
.material-product-preview-head p,.material-seo-head p{margin:0;color:#4b5561;font-size:13.2px;font-weight:690;line-height:1.48;max-width:1040px;}
.material-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.material-product-card{display:grid;grid-template-rows:auto 1fr auto;min-width:0;overflow:hidden;border:1px solid rgba(17,17,17,.11);border-radius:18px;background:#fff;box-shadow:0 11px 24px rgba(15,23,42,.066);}
.material-product-image{display:grid;place-items:center;height:92px;margin:10px 10px 0;border-radius:14px;background:#f3f4f6;border:1px solid rgba(17,17,17,.08);overflow:hidden;}
.material-product-image img{width:100%;height:100%;object-fit:cover;display:block;}
.material-product-image--swatch{background:linear-gradient(135deg,#2b2b2d,#101010);}
.material-product-image--swatch.valchromat-dark{background:linear-gradient(135deg,#141414,#444);}
.material-product-image--swatch.valchromat-grey{background:linear-gradient(135deg,#e2e2dd,#8a8f92);}
.material-product-image--swatch.valchromat-colour{background:linear-gradient(135deg,#1b4d89 0%,#1b4d89 25%,#f2ca30 25%,#f2ca30 50%,#687b48 50%,#687b48 75%,#71b79a 75%);}
.material-product-image--swatch.valchromat-white{background:linear-gradient(135deg,#fbfaf1,#d8d6ca);}
.material-product-card-copy{display:flex;flex-direction:column;gap:6px;padding:12px 12px 11px;min-height:154px;}
.material-product-card-copy span{width:max-content;max-width:100%;padding:4px 7px;border-radius:999px;background:#fff7bf;color:#111;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;}
.material-product-card-copy strong{color:#111;font-size:13px;line-height:1.24;font-weight:1000;}
.material-product-card-copy small{color:#5b6670;font-size:12px;line-height:1.34;font-weight:670;}
.material-product-card-copy em{margin-top:auto;color:#111;font-size:12.5px;font-style:normal;font-weight:1000;}
.material-product-action{margin:0 12px 12px;border-color:#111;background:#111;color:#ffd200;min-height:38px;padding:8px 12px;font-size:12px;box-shadow:none;}
.material-seo-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.material-seo-columns article{padding:14px;border:1px solid rgba(17,17,17,.1);border-radius:17px;background:#fff;box-shadow:0 10px 20px rgba(15,23,42,.052);}
.material-seo-columns h3{margin:0 0 6px;color:#111;font-size:15px;line-height:1.18;font-weight:1000;}
.material-seo-columns p{margin:0;color:#4b5561;font-size:12.8px;line-height:1.45;font-weight:680;}
body.material-landing-forbo .material-landing-hero{background:linear-gradient(135deg,#fbfaf2 0%,#fff 48%,#eef5f4 100%);}
body.material-landing-forbo .material-landing-note{background:rgba(98,126,122,.08);border-left-color:#698680;}
body.material-landing-forbo .material-trust-grid article::before{background:#698680;}
body.material-landing-forbo .material-keyword-chips span{background:#f2f7f5;}
body.material-landing-abet .material-landing-hero{background:linear-gradient(135deg,#fffdf3 0%,#fff 48%,#f7f2f8 100%);}
body.material-landing-valchromat .material-landing-hero{background:linear-gradient(135deg,#fafafa 0%,#fff 45%,#eef2f5 100%);}
body.material-landing-egger .material-landing-hero{background:linear-gradient(135deg,#fff8cb 0%,#fff 44%,#f4f6f8 100%);}
@media(max-width:1120px){.material-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.material-product-card{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch;}.material-product-image{grid-row:1/3;height:auto;min-height:150px;margin:10px 0 10px 10px;}.material-product-action{grid-column:2;margin:0 12px 12px;}.material-product-card-copy{min-height:0;}}
@media(max-width:980px){.material-landing-hero{grid-template-columns:1fr;}.material-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.material-seo-columns{grid-template-columns:1fr;}.material-logo-card{min-height:100px;}}
@media(max-width:640px){.material-landing{gap:12px;}.material-landing-hero{padding:15px;border-radius:18px;}.material-landing h1{font-size:clamp(28px,9vw,40px);}.material-landing-actions{display:grid;grid-template-columns:1fr;}.material-mini-proof{grid-template-columns:repeat(2,minmax(0,1fr));}.material-trust-grid,.material-product-grid{grid-template-columns:1fr;}.material-product-card{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;}.material-product-image{grid-row:auto;height:90px;margin:10px 10px 0;}.material-product-action{grid-column:auto;}.material-trust-grid article{min-height:0;}.material-product-card-copy{min-height:0;}.material-keyword-chips span{font-size:10.5px;}}


/* V388: Fachbereichs-Linkhub im unteren Bereich, crawlbar und optisch deutlich ruhiger. */
.seo-link-hub{
  margin-top:22px;
  padding:24px;
  border:1px solid rgba(24,26,27,.12);
  border-radius:24px;
  background:linear-gradient(180deg,#fffef8 0%,#fbf9f0 100%);
  box-shadow:0 16px 38px rgba(24,26,27,.07);
}
.seo-link-hub-head{
  display:grid;
  gap:8px;
  max-width:900px;
  margin-bottom:18px;
}
.seo-link-hub-eyebrow{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  padding:5px 10px;
  border-radius:999px;
  background:#17191b;
  color:#ffd400;
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.seo-link-hub h2{
  margin:0;
  font-size:clamp(24px,3vw,38px);
  line-height:1.05;
  letter-spacing:-.04em;
}
.seo-link-hub p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
  max-width:820px;
}
.seo-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.seo-link-card{
  position:relative;
  display:grid;
  grid-template-rows:auto auto auto 1fr auto;
  gap:10px;
  min-height:218px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(24,26,27,.11);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  color:var(--text);
  text-decoration:none;
  box-shadow:0 8px 18px rgba(24,26,27,.05);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.seo-link-card:before{
  content:"";
  position:absolute;
  inset:auto -30px -42px auto;
  width:104px;
  height:104px;
  border-radius:50%;
  background:rgba(255,210,0,.18);
  pointer-events:none;
}
.seo-link-card:hover,
.seo-link-card:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(185,151,0,.42);
  background:#fff;
  box-shadow:0 18px 34px rgba(24,26,27,.13);
  outline:none;
}
.seo-link-logo-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:42px;
  gap:8px;
}
.seo-link-logo-row img{
  display:block;
  max-width:128px;
  max-height:34px;
  object-fit:contain;
}
.seo-link-logo-row.door-logos{
  flex-wrap:wrap;
  gap:6px;
}
.seo-link-logo-row.door-logos img{
  max-width:76px;
  max-height:24px;
}
.seo-link-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:4px 8px;
  border-radius:999px;
  background:#fff3a6;
  color:#17191b;
  font-size:10px;
  font-weight:950;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.seo-link-card strong{
  position:relative;
  z-index:1;
  display:block;
  font-size:16px;
  line-height:1.18;
  letter-spacing:-.02em;
}
.seo-link-card small{
  position:relative;
  z-index:1;
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.seo-link-card em{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:#17191b;
  color:#ffd400;
  font-size:12px;
  font-style:normal;
  font-weight:950;
}
.seo-link-card--dark{
  background:linear-gradient(140deg,#17191b 0%,#2c2e31 100%);
  color:#fff;
  border-color:rgba(255,255,255,.12);
}
.seo-link-card--dark small{color:rgba(255,255,255,.76);}
.seo-link-card--dark .seo-link-kicker{background:rgba(255,210,0,.16);color:#ffd400;border:1px solid rgba(255,210,0,.34);}
.seo-link-card--dark em{background:#ffd400;color:#17191b;}
.seo-link-card--dark:before{background:rgba(255,210,0,.14);}
.seo-link-card--dark:hover,.seo-link-card--dark:focus-visible{background:linear-gradient(140deg,#1d2022 0%,#111 100%);}
@media (max-width:1240px){.seo-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.seo-link-card{min-height:210px;}}
@media (max-width:820px){.seo-link-hub{padding:16px;}.seo-link-grid{grid-template-columns:1fr 1fr;}.seo-link-card{min-height:0;}.seo-link-logo-row img{max-height:30px;}.seo-link-logo-row.door-logos img{max-width:70px;max-height:22px;}}
@media (max-width:560px){.seo-link-grid{grid-template-columns:1fr;}.seo-link-hub h2{font-size:26px;}.seo-link-card{padding:14px;}.seo-link-card strong{font-size:15px;}}

/* V360: Landingpage-Logo führt zurück zur Startseite statt die aktuelle Landingpage neu zu laden. */
.logo-lockup.brand-home-link{appearance:none;border:0;background:transparent;padding:0;margin:0;color:inherit;text-align:left;border-radius:9px;text-decoration:none;cursor:pointer}
.logo-lockup.brand-home-link:hover .krueger-logo{transform:translateY(-1px);box-shadow:0 5px 12px rgba(17,19,21,.18)}
.logo-lockup.brand-home-link .krueger-logo{transition:transform .16s ease,box-shadow .16s ease}
.logo-lockup.brand-home-link:focus-visible{outline:2px solid #ffd400;outline-offset:4px}


/* V360: Logo-Home-Link darf niemals Browser-Lila/Unterstreichung erben. 1995 hat angerufen, wir haben aufgelegt. */
a.logo-lockup.brand-home-link,
a.logo-lockup.brand-home-link:link,
a.logo-lockup.brand-home-link:visited,
a.logo-lockup.brand-home-link:hover,
a.logo-lockup.brand-home-link:active{
  color:var(--text)!important;
  text-decoration:none!important;
}
a.logo-lockup.brand-home-link *,
a.logo-lockup.brand-home-link *:link,
a.logo-lockup.brand-home-link *:visited{
  text-decoration:none!important;
}
a.logo-lockup.brand-home-link .company-text strong{
  color:var(--text)!important;
  text-decoration:none!important;
}
a.logo-lockup.brand-home-link .company-text span{
  color:var(--muted)!important;
  text-decoration:none!important;
}
a.logo-lockup.brand-home-link:hover .company-text strong,
a.logo-lockup.brand-home-link:focus-visible .company-text strong{
  color:var(--black)!important;
}

/* V363 Performance: Shop-Logik wird nach dem ersten sichtbaren Rendern geladen. */
html.shop-booting #catalogLoadStatus::after{content:" · wird vorbereitet";}
html.shop-load-error #catalogLoadStatus{color:var(--danger);font-weight:800;}

/* V370: iOS/Android mobile zoom guard.
   Keep user zoom allowed for accessibility, but prevent automatic input focus zoom
   by ensuring editable controls are never rendered below 16px on mobile. */
@media (max-width: 900px), (pointer: coarse) {
  input,
  select,
  textarea,
  .field input,
  .field select,
  .field textarea,
  .search-input-wrap input,
  .digital-tool-input-row input,
  .discount-reminder__input-wrap input,
  .order-item input,
  .send-form input,
  .send-form select,
  .send-form textarea,
  .cutting-panel input,
  .cutting-panel select,
  .cutting-panel textarea,
  .door-calculator-box input,
  .door-calculator-box select,
  .door-calculator-box textarea,
  .request-panel input,
  .request-panel select,
  .request-panel textarea {
    font-size: 16px !important;
    line-height: 1.35;
  }
}


/* V377: harte Mobile-Zoom-Sperre nach Kundenwunsch. Accessibility-Zoom wird bewusst zugunsten der App-Bedienung gesperrt. */
@media (max-width: 960px), (pointer: coarse){
  html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;}
  input,select,textarea,button{font-size:16px!important;}
}

/* Version v386: Zuschnitt/Bekantung/Verbundelemente-Landingpage im Material-Landingpage-Stil vereinheitlicht. */
body.material-landing-service .material-service-app{padding-bottom:40px;}
body.material-landing-service .material-landing{margin-top:18px!important;}
body.material-landing-service .material-landing-hero{background:linear-gradient(135deg,#fff8cb 0%,#fff 45%,#f4f6f8 100%);}
body.material-landing-service .material-service-topbar{margin-bottom:16px;}
body.material-landing-service .material-service-search{max-width:620px;}
body.material-landing-service .material-service-contact{display:flex;gap:8px;align-items:center;}
body.material-landing-service .material-landing-action{text-decoration:none;}
body.material-landing-service .material-service-proof-card img{max-width:220px;max-height:70px;}
body.material-landing-service .material-service-tool-grid{align-items:stretch;}
body.material-landing-service .material-service-tool-card{min-height:100%;}
body.material-landing-service .material-service-tool-visual{height:92px;background:linear-gradient(135deg,#111 0%,#27231b 54%,#ffd200 55%,#ffdc2a 100%);color:#ffd200;}
body.material-landing-service .material-service-tool-visual span{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#ffd200;color:#111;font-weight:1000;box-shadow:0 8px 22px rgba(0,0,0,.22);}
body.material-landing-service .material-product-action{text-decoration:none;text-align:center;}
body.material-landing-service .material-service-faq-list{display:grid;gap:8px;}
body.material-landing-service .material-service-faq-list details{border:1px solid rgba(17,17,17,.1);border-radius:15px;background:#fff;padding:12px 14px;box-shadow:0 8px 18px rgba(15,23,42,.045);}
body.material-landing-service .material-service-faq-list summary{cursor:pointer;color:#111;font-weight:1000;}
body.material-landing-service .material-service-faq-list p{margin:8px 0 0;color:#4b5561;font-size:13px;line-height:1.45;font-weight:680;}
body.material-landing-service .material-service-footer{margin-top:18px;}
@media(max-width:980px){body.material-landing-service .material-service-search{max-width:none;width:100%;}body.material-landing-service .material-service-contact{display:none;}body.material-landing-service .topbar{align-items:center;}}
@media(max-width:640px){body.material-landing-service .material-service-app{padding-left:10px;padding-right:10px;}body.material-landing-service .material-service-topbar{grid-template-columns:auto minmax(0,1fr)!important;}body.material-landing-service .header-title{display:none;}body.material-landing-service .material-service-search{grid-column:1/-1;}body.material-landing-service .material-service-tool-visual{height:82px;}}

/* V387: ruhigere Zuschnitt-/Bekantung-Landingpage mit sachlichen Werkzeugbildern */
body.material-landing-service .material-service-tool-grid--calm{align-items:stretch;}
body.material-landing-service .material-service-tool-card--calm{min-height:100%;}
body.material-landing-service .material-service-tool-image{height:118px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 58%,#fff4b8 100%);border:1px solid rgba(17,17,17,.08);box-shadow:inset 0 0 0 1px rgba(255,210,0,.12);}
body.material-landing-service .material-service-tool-image svg{width:100%;height:100%;display:block;}
body.material-landing-service .tool-img-board{fill:#fffdf3;stroke:#d9dee7;stroke-width:3;}
body.material-landing-service .tool-img-line{fill:none;stroke:#1f2937;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.72;}
body.material-landing-service .tool-img-mark{fill:#ffd200;stroke:#111;stroke-width:3;}
body.material-landing-service .tool-img-check{fill:none;stroke:#111;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;}
body.material-landing-service .tool-img-layer{stroke:#111;stroke-width:3;stroke-linejoin:round;}
body.material-landing-service .tool-img-layer-top{fill:#fff1a6;}
body.material-landing-service .tool-img-layer-mid{fill:#f5f7fa;}
body.material-landing-service .tool-img-layer-bottom{fill:#e7ebf0;}
body.material-landing-service .tool-img-cut{fill:none;stroke:#111;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;}
body.material-landing-service .tool-img-edge{fill:none;stroke:#ffd200;stroke-width:10;stroke-linecap:round;}
body.material-landing-service .tool-img-band{fill:#ffd200;stroke:#111;stroke-width:3;}
body.material-landing-service .material-product-action{border:0;cursor:pointer;}
body.material-landing-service .material-landing-action{border:1px solid rgba(17,17,17,.18);cursor:pointer;font-family:inherit;}
body.material-landing-service .material-landing-action.primary{border-color:#111;}
body.material-landing-service .search-panel{scroll-margin-top:120px;}
@media(max-width:640px){body.material-landing-service .material-service-tool-image{height:98px;}}

/* V392: Nur Filter-Anordnung angepasst. Design, Farben und Funktionen bleiben unverändert. */
.filters{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(150px,180px)!important;
  gap:12px!important;
  align-items:end!important;
}
.filters > .field:first-child{
  grid-column:1 / 2!important;
  min-width:0!important;
}
.filters > .field:nth-child(2){
  grid-column:2 / 3!important;
  min-width:0!important;
}
.advanced-filters{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
.filter-tools{
  grid-column:1 / -1!important;
}
@media (max-width:960px){
  .filters{grid-template-columns:minmax(0,1fr) minmax(120px,150px)!important;}
  .advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:560px){
  .filters{grid-template-columns:1fr!important;}
  .filters > .field:first-child,
  .filters > .field:nth-child(2){grid-column:1 / -1!important;}
  .advanced-filters{grid-template-columns:1fr!important;}
}


/* V392: Valchromat Logo einheitlich wie die anderen Partnerlogos: weißer Hintergrund, schwarzes Logo. */
.partner-logo-card.valchromat,
.search-panel .trust-strip .partner-logo-card.valchromat{
  background:#fff !important;
  border-color:var(--line) !important;
}
.partner-logo-card.valchromat .partner-logo-img,
.search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{
  filter:none !important;
}


/* V397: Reklamation als mobiler und Desktop-fähiger Servicevorgang mit Fotoanleitung. */
.claim-service-card{border-color:rgba(185,151,0,.34);background:linear-gradient(135deg,#fffdf3 0%,#fff 55%,#f7f5eb 100%)}
.claim-service-card__checks .detail-chip{background:#fff8c9;border-color:rgba(185,151,0,.22)}
.claim-photo-guide-inline{margin:12px 0 0;padding:12px 14px;border-left:4px solid #ffd400;border-radius:12px;background:#fff9dc;color:#18212b;font-size:13px;line-height:1.45}
.claim-dialog[hidden]{display:none!important}.claim-dialog{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.claim-dialog__backdrop{position:absolute;inset:0;background:rgba(10,12,14,.56);backdrop-filter:blur(4px)}.claim-dialog__panel{position:relative;z-index:1;width:min(940px,100%);max-height:min(92vh,980px);overflow:auto;border:1px solid rgba(24,26,27,.18);border-radius:24px;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.28);padding:24px}.claim-dialog__close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid rgba(24,26,27,.16);border-radius:999px;background:#fff;color:#17191b;font-size:26px;line-height:1;font-weight:800;cursor:pointer}.claim-dialog__head{display:grid;gap:8px;max-width:760px;margin-bottom:18px}.claim-dialog__eyebrow{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;background:#17191b;color:#ffd400;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.claim-dialog__head h2{margin:0;font-size:clamp(26px,4vw,42px);line-height:1.05;letter-spacing:-.035em}.claim-dialog__head p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.claim-form{display:grid;gap:16px}.claim-form fieldset{margin:0;padding:16px;border:1px solid rgba(24,26,27,.12);border-radius:18px;background:#fafafa}.claim-form legend{padding:0 8px;font-weight:950;color:#17191b}.claim-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.claim-form-grid--case{grid-template-columns:repeat(2,minmax(0,1fr))}.claim-form label{display:grid;gap:6px;color:#17191b;font-size:13px;font-weight:850}.claim-form input,.claim-form select,.claim-form textarea{width:100%;border:1px solid rgba(24,26,27,.18);border-radius:12px;background:#fff;color:#17191b;padding:11px 12px;font:inherit;font-size:15px}.claim-form textarea{resize:vertical;min-height:118px}.claim-form-full{margin-top:12px}.claim-photo-guide{margin-bottom:12px;padding:13px 14px;border-left:4px solid #ffd400;border-radius:12px;background:#fff8d0;font-size:13px;line-height:1.45}.claim-photo-guide ul{margin:8px 0 0;padding-left:20px}.claim-file-drop{border:1px dashed rgba(24,26,27,.28);border-radius:16px;padding:16px;background:#fff}.claim-file-list{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.4}.claim-confirm{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px!important;padding:14px 16px;border:1px solid rgba(185,151,0,.28);border-radius:16px;background:#fff9dc}.claim-confirm input{width:auto;margin-top:3px}.claim-dialog__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.claim-submit,.claim-secondary{min-height:44px;border-radius:999px;padding:0 18px;font-weight:950;cursor:pointer}.claim-submit{border:1px solid #d1a900;background:#ffd400;color:#17191b}.claim-submit:disabled{opacity:.55;cursor:wait}.claim-secondary{border:1px solid rgba(24,26,27,.16);background:#fff;color:#17191b}.claim-status{min-height:22px;font-size:13px;color:var(--muted)}.claim-status.is-error{color:#9b1c1c;font-weight:850}.claim-status.is-success{color:#126c35;font-weight:850}.claim-status.is-busy{color:#5b4a00;font-weight:850}body.claim-dialog-open{overflow:hidden}@media(max-width:760px){.claim-dialog{padding:10px;place-items:end center}.claim-dialog__panel{max-height:94vh;border-radius:20px;padding:18px}.claim-form-grid,.claim-form-grid--case{grid-template-columns:1fr}.claim-dialog__actions{display:grid;grid-template-columns:1fr}.claim-submit,.claim-secondary{width:100%}}


/* V398: WhatsApp-Kontaktwidget Markus Menzfeld */
.kr-whatsapp-widget{position:fixed;right:24px;bottom:24px;z-index:118;display:grid;justify-items:end;gap:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none}
.kr-whatsapp-card,.kr-whatsapp-bubble{pointer-events:auto}.kr-whatsapp-card{width:min(374px,calc(100vw - 28px));overflow:hidden;border-radius:22px;background:#e1ddd2;border:1px solid rgba(0,0,0,.09);box-shadow:0 22px 54px rgba(0,0,0,.25);transform-origin:bottom right;animation:krWhatsappIn .2s ease-out both}.kr-whatsapp-card__head{display:grid;grid-template-columns:66px minmax(0,1fr) 34px;gap:13px;align-items:center;padding:18px 17px 16px;background:linear-gradient(135deg,#064b3c,#0c6c54);color:#fff}.kr-whatsapp-avatar-wrap{position:relative;width:62px;height:62px}.kr-whatsapp-avatar{display:block;width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.74);background:#eee}.kr-whatsapp-online{position:absolute;right:2px;bottom:3px;width:17px;height:17px;border-radius:999px;background:#17d84f;border:3px solid #0b5e49;box-shadow:0 0 0 1px rgba(255,255,255,.45)}.kr-whatsapp-title{display:grid;gap:2px;min-width:0}.kr-whatsapp-title strong{font-size:22px;line-height:1.05;font-weight:900;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kr-whatsapp-title span{font-size:15px;line-height:1.22;font-weight:650;color:rgba(255,255,255,.9)}.kr-whatsapp-close{appearance:none;border:0;background:transparent;color:#fff;font-size:38px;line-height:1;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;opacity:.9}.kr-whatsapp-close:hover{background:rgba(255,255,255,.12);opacity:1}.kr-whatsapp-card__body{position:relative;min-height:220px;padding:32px 20px 24px;background:linear-gradient(135deg,#d9d5c9,#cfcabb)}.kr-whatsapp-date{display:block;width:max-content;margin:0 auto 38px;padding:6px 13px;border-radius:10px;background:rgba(255,255,255,.75);box-shadow:0 3px 9px rgba(0,0,0,.08);font-size:14px;color:#31363a}.kr-whatsapp-typing{position:absolute;left:24px;top:94px;display:flex;align-items:center;gap:5px;padding:11px 18px;border-radius:13px;background:#f7f7f7;box-shadow:0 4px 12px rgba(0,0,0,.1)}.kr-whatsapp-typing span{width:7px;height:7px;border-radius:50%;background:#b8b8b8}.kr-whatsapp-message{position:relative;margin-left:8px;padding:17px 18px 15px;border-radius:14px;background:#f7f7f7;box-shadow:0 7px 18px rgba(0,0,0,.1);color:#1d2024}.kr-whatsapp-message p{margin:0;padding-right:40px;font-size:24px;line-height:1.28;letter-spacing:-.02em}.kr-whatsapp-message time{position:absolute;right:15px;bottom:11px;font-size:12px;color:#777}.kr-whatsapp-start{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;min-height:64px;border:0;background:#20bf46;color:#fff;font-weight:900;font-size:20px;letter-spacing:-.01em}.kr-whatsapp-start:hover{background:#16ad39}.kr-whatsapp-icon,.kr-whatsapp-bubble span{display:grid;place-items:center}.kr-whatsapp-icon svg{width:29px;height:29px;fill:currentColor}.kr-whatsapp-bubble{display:grid;place-items:center;width:64px;height:64px;border:0;border-radius:999px;background:#24c54a;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.24);transition:transform .16s ease,filter .16s ease}.kr-whatsapp-bubble:hover{transform:translateY(-2px) scale(1.02);filter:brightness(.98)}.kr-whatsapp-bubble svg{width:36px;height:36px;fill:currentColor}.kr-whatsapp-widget.is-open .kr-whatsapp-bubble{display:none}.kr-whatsapp-widget.is-closed .kr-whatsapp-card{display:none}@keyframes krWhatsappIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
body.cart-open .kr-whatsapp-widget,body.door-partner-dialog-open .kr-whatsapp-widget,body.claim-dialog-open .kr-whatsapp-widget{display:none!important}
@media (max-width:960px){.kr-whatsapp-widget{right:14px;bottom:92px;z-index:116}.kr-whatsapp-card{width:min(338px,calc(100vw - 24px));border-radius:19px}.kr-whatsapp-card__head{grid-template-columns:54px minmax(0,1fr) 30px;gap:10px;padding:14px}.kr-whatsapp-avatar-wrap,.kr-whatsapp-avatar{width:52px;height:52px}.kr-whatsapp-online{width:15px;height:15px}.kr-whatsapp-title strong{font-size:18px}.kr-whatsapp-title span{font-size:13px}.kr-whatsapp-close{font-size:32px}.kr-whatsapp-card__body{min-height:184px;padding:26px 14px 18px}.kr-whatsapp-date{margin-bottom:30px;font-size:12px}.kr-whatsapp-typing{left:18px;top:79px;padding:9px 14px}.kr-whatsapp-message{margin-left:4px;padding:14px 14px 13px}.kr-whatsapp-message p{font-size:18px;padding-right:34px}.kr-whatsapp-start{min-height:56px;font-size:16px}.kr-whatsapp-icon svg{width:25px;height:25px}.kr-whatsapp-bubble{width:56px;height:56px}.kr-whatsapp-bubble svg{width:32px;height:32px}}
@media (max-width:520px){.kr-whatsapp-widget{right:10px;bottom:90px}.kr-whatsapp-card{width:calc(100vw - 20px)}body.search-focus-mode .kr-whatsapp-widget{display:none!important}}
@media (prefers-reduced-motion:reduce){.kr-whatsapp-card{animation:none}.kr-whatsapp-bubble{transition:none}}

/* V399: kompakteres WhatsApp-Widget + animierte Tipp-Punkte */
.kr-whatsapp-widget{right:20px;bottom:20px;gap:10px}
.kr-whatsapp-card{width:min(320px,calc(100vw - 24px));border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.24);background:#ddd8cc}
.kr-whatsapp-card__head{grid-template-columns:58px minmax(0,1fr) 28px;gap:10px;padding:14px 14px 13px}
.kr-whatsapp-avatar-wrap{width:56px;height:56px}
.kr-whatsapp-avatar{width:56px;height:56px;border-width:2px}
.kr-whatsapp-online{right:1px;bottom:2px;width:14px;height:14px;border-width:2px}
.kr-whatsapp-title strong{font-size:18px;line-height:1.06}
.kr-whatsapp-title span{font-size:12.5px;line-height:1.2}
.kr-whatsapp-close{width:28px;height:28px;font-size:31px}
.kr-whatsapp-card__body{min-height:168px;padding:20px 16px 16px;background:linear-gradient(135deg,#d9d5c9,#cec8ba)}
.kr-whatsapp-date{margin:0 auto 22px;padding:5px 10px;border-radius:9px;font-size:12px}
.kr-whatsapp-typing{left:18px;top:62px;gap:4px;padding:8px 12px;border-radius:12px}
.kr-whatsapp-typing span{width:6px;height:6px;animation:krWhatsappTyping 1.15s infinite ease-in-out;opacity:.55}
.kr-whatsapp-typing span:nth-child(2){animation-delay:.15s}
.kr-whatsapp-typing span:nth-child(3){animation-delay:.3s}
.kr-whatsapp-message{margin-left:0;margin-top:24px;padding:15px 16px 14px;border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.1)}
.kr-whatsapp-message p{padding-right:34px;font-size:16px;line-height:1.33;letter-spacing:-.01em}
.kr-whatsapp-message time{right:13px;bottom:10px;font-size:11px}
.kr-whatsapp-start{gap:10px;min-height:54px;font-size:16px}
.kr-whatsapp-icon svg{width:24px;height:24px}
.kr-whatsapp-bubble{width:58px;height:58px}
.kr-whatsapp-bubble svg{width:32px;height:32px}
@keyframes krWhatsappTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@media (max-width:960px){.kr-whatsapp-widget{right:12px;bottom:86px}.kr-whatsapp-card{width:min(296px,calc(100vw - 20px));border-radius:16px}.kr-whatsapp-card__head{grid-template-columns:52px minmax(0,1fr) 26px;gap:8px;padding:12px}.kr-whatsapp-avatar-wrap,.kr-whatsapp-avatar{width:50px;height:50px}.kr-whatsapp-online{width:13px;height:13px}.kr-whatsapp-title strong{font-size:16px}.kr-whatsapp-title span{font-size:11.5px}.kr-whatsapp-close{width:26px;height:26px;font-size:28px}.kr-whatsapp-card__body{min-height:152px;padding:16px 12px 14px}.kr-whatsapp-date{margin-bottom:18px;font-size:11px}.kr-whatsapp-typing{left:14px;top:54px;padding:7px 10px}.kr-whatsapp-typing span{width:5px;height:5px}.kr-whatsapp-message{margin-top:18px;padding:13px 14px 12px}.kr-whatsapp-message p{font-size:15px;padding-right:28px}.kr-whatsapp-start{min-height:50px;font-size:15px}.kr-whatsapp-icon svg{width:22px;height:22px}.kr-whatsapp-bubble{width:54px;height:54px}.kr-whatsapp-bubble svg{width:30px;height:30px}}
@media (max-width:520px){.kr-whatsapp-widget{right:10px;bottom:86px}.kr-whatsapp-card{width:min(286px,calc(100vw - 20px))}body.search-focus-mode .kr-whatsapp-widget{display:none!important}}
@media (prefers-reduced-motion:reduce){.kr-whatsapp-typing span{animation:none}}

/* V400: Profilbild sauberer zentriert, Tipp-Punkte höher */
.kr-whatsapp-avatar{object-position:52% 38%}
.kr-whatsapp-typing{top:48px!important}
@media (max-width:960px){.kr-whatsapp-typing{top:42px!important}.kr-whatsapp-avatar{object-position:52% 36%}}

/* V401: WhatsApp-Widget Profilgrafik zentriert, Unterzeile Vertrieb/Firma, Tipp-Punkte höher */
.kr-whatsapp-avatar{object-position:center center!important}
.kr-whatsapp-title span{line-height:1.18!important}
.kr-whatsapp-typing{top:40px!important}
@media (max-width:960px){.kr-whatsapp-typing{top:36px!important}.kr-whatsapp-avatar{object-position:center center!important}}

/* V404: Liste-einlesen-Assistent */
.list-import-dialog[hidden]{display:none!important}.list-import-dialog{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px}.list-import-dialog__backdrop{position:absolute;inset:0;background:rgba(10,12,14,.58);backdrop-filter:blur(4px)}.list-import-dialog__panel{position:relative;z-index:1;width:min(1020px,100%);max-height:min(92vh,980px);overflow:auto;border:1px solid rgba(24,26,27,.18);border-radius:24px;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.28);padding:24px}.list-import-dialog__close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid rgba(24,26,27,.16);border-radius:999px;background:#fff;color:#17191b;font-size:26px;line-height:1;font-weight:800;cursor:pointer}.list-import-dialog__head{display:grid;gap:8px;max-width:780px;margin-bottom:18px}.list-import-dialog__eyebrow{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;background:#17191b;color:#ffd400;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.list-import-dialog__head h2{margin:0;font-size:clamp(26px,4vw,42px);line-height:1.05;letter-spacing:-.035em}.list-import-dialog__head p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.list-import-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.list-import-box{display:grid;gap:10px;padding:16px;border:1px solid rgba(24,26,27,.12);border-radius:18px;background:#fafafa}.list-import-box h3{margin:0;font-size:18px}.list-import-box p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.list-import-box textarea{width:100%;box-sizing:border-box;border:1px solid rgba(24,26,27,.18);border-radius:12px;background:#fff;color:#17191b;padding:12px;font:inherit;font-size:14px;resize:vertical}.list-import-file{display:grid;gap:7px;font-weight:850;font-size:13px}.list-import-file input{border:1px dashed rgba(24,26,27,.25);border-radius:12px;background:#fff;padding:13px}.list-import-file-status{font-size:12px;color:var(--muted)}.list-import-submit,.list-import-secondary{min-height:44px;border-radius:999px;padding:0 18px;font-weight:950;cursor:pointer}.list-import-submit{border:1px solid #d1a900;background:#ffd400;color:#17191b}.list-import-submit:disabled{opacity:.55;cursor:not-allowed}.list-import-secondary{border:1px solid rgba(24,26,27,.16);background:#fff;color:#17191b}.list-import-note{margin:14px 0 10px;padding:12px 14px;border-left:4px solid #ffd400;border-radius:12px;background:#fff9dc;color:#18212b;font-size:13px;line-height:1.45}.list-import-status{min-height:22px;font-size:13px;color:var(--muted)}.list-import-status.is-error{color:#9b1c1c;font-weight:850}.list-import-status.is-success{color:#126c35;font-weight:850}.list-import-status.is-busy{color:#5b4a00;font-weight:850}.list-import-results{display:grid;gap:10px;margin-top:10px}.list-import-result{display:grid;gap:9px;padding:14px;border:1px solid rgba(24,26,27,.13);border-radius:16px;background:#fff}.list-import-result.is-ok{border-left:5px solid #1f9d55}.list-import-result.is-missing{border-left:5px solid #e1a600}.list-import-result.is-unclear{border-left:5px solid #b42318}.list-import-result__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-import-result__head span{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.list-import-result__head label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:850}.list-import-chips{display:flex;flex-wrap:wrap;gap:6px}.list-import-chips span{display:inline-flex;border:1px solid rgba(24,26,27,.12);border-radius:999px;background:#f5f6f7;padding:5px 9px;font-size:12px;font-weight:800}.list-import-warning{margin:0;color:#7a5200;font-size:13px;font-weight:750}.list-import-select-label{display:grid;gap:6px;font-size:13px;font-weight:850}.list-import-select-label select{width:100%;border:1px solid rgba(24,26,27,.18);border-radius:10px;background:#fff;padding:10px;font:inherit}.list-import-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.list-import-tool-card .digital-tool-icon{background:#111;color:#ffd400}body.list-import-dialog-open{overflow:hidden}body.cart-open .list-import-dialog{display:none!important}body.list-import-dialog-open .kr-whatsapp-widget{display:none!important}@media(max-width:760px){.list-import-dialog{padding:10px;place-items:end center}.list-import-dialog__panel{max-height:94vh;border-radius:20px;padding:18px}.list-import-grid{grid-template-columns:1fr}.list-import-actions{display:grid;grid-template-columns:1fr}.list-import-submit,.list-import-secondary{width:100%}.list-import-result__head{align-items:flex-start;flex-direction:column}.kr-whatsapp-widget{bottom:104px!important}}

/* V407: mobiler Analyse-Ladezustand mit drei Punkten */
.list-import-secondary.is-loading,
.list-import-submit:disabled.is-loading{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:wait;
}
.list-import-loading-dots{display:inline-flex;align-items:center;gap:4px;margin-left:2px}
.list-import-loading-dots span{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.45;animation:listImportDots 1.05s infinite ease-in-out}
.list-import-loading-dots span:nth-child(2){animation-delay:.15s}
.list-import-loading-dots span:nth-child(3){animation-delay:.3s}
@keyframes listImportDots{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-5px);opacity:1}}
@media(max-width:760px){.list-import-secondary.is-loading{min-height:54px;font-size:16px}.list-import-loading-dots span{width:7px;height:7px}}
@media(prefers-reduced-motion:reduce){.list-import-loading-dots span{animation:none}}

/* V410: Suchleisten-Auswahl mit Luft unter dem Sticky-Header anzeigen */
.selected-search-product{scroll-margin-top:clamp(104px,20vh,170px)}
@media (max-width:960px){.selected-search-product{scroll-margin-top:clamp(118px,20vh,168px)}}

/* V414: sichtbare Listen-Auswertung und sichere Einmal-Übernahme */
.list-import-searching{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:74px;
  padding:16px 18px;
  border:1px solid rgba(209,169,0,.42);
  border-radius:16px;
  background:linear-gradient(135deg,#fff9dc,#fffdf4);
  box-shadow:0 10px 28px rgba(91,74,0,.08);
}
.list-import-searching__icon{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}
.list-import-searching__icon span{width:9px;height:9px;border-radius:999px;background:#17191b;opacity:.35;animation:listImportDots 1.05s infinite ease-in-out}
.list-import-searching__icon span:nth-child(2){animation-delay:.15s}
.list-import-searching__icon span:nth-child(3){animation-delay:.3s}
.list-import-searching>div:last-child{display:grid;gap:3px}
.list-import-searching strong{font-size:15px;color:#17191b}
.list-import-searching span{font-size:13px;line-height:1.4;color:var(--muted)}
.list-import-result{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.list-import-result.is-selected{box-shadow:0 0 0 2px rgba(255,212,0,.32);background:#fffdf2}
.list-import-result.is-added{border-color:#1f9d55!important;background:#f1fff6;box-shadow:0 0 0 2px rgba(31,157,85,.18)}
.list-import-takeover{min-height:34px;padding:5px 10px;border:1px solid rgba(24,26,27,.14);border-radius:999px;background:#fff;cursor:pointer;transition:.18s ease}
.list-import-takeover.is-selected{border-color:#1f9d55;background:#eafaf0;color:#126c35}
.list-import-takeover input{accent-color:#1f9d55}
.list-import-result.is-added .list-import-takeover{border-color:#1f9d55;background:#1f9d55;color:#fff;cursor:default}
.list-import-submit.is-complete,.list-import-submit.is-complete:disabled{opacity:1;background:#1f9d55;border-color:#168144;color:#fff;cursor:default}
.list-import-submit.is-loading:disabled{opacity:1;background:#ffd400;color:#17191b}
@media(max-width:760px){
  .list-import-searching{min-height:82px;padding:15px;align-items:flex-start}
  .list-import-searching__icon{padding-top:5px}
  .list-import-searching__icon span{width:10px;height:10px}
  .list-import-takeover{min-height:42px;padding:8px 12px;font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){.list-import-searching__icon span{animation:none}}

/* V415: sichtbare Auswertung und sichere Rückmeldung auf Desktop und Mobil */
.list-import-activity[hidden]{display:none!important}
.list-import-activity{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:54px;
  margin:12px 0 10px;
  padding:12px 16px;
  border:1px solid rgba(209,169,0,.55);
  border-radius:14px;
  background:linear-gradient(135deg,#fff4b8,#fffbe8);
  color:#17191b;
  box-shadow:0 8px 22px rgba(91,74,0,.10);
  text-align:center;
}
.list-import-activity strong{font-size:14px;line-height:1.35}
.list-import-activity.is-success{border-color:#1f9d55;background:#eafaf0;color:#126c35}
.list-import-activity__check{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#1f9d55;color:#fff;font-size:17px;font-weight:950;flex:0 0 auto}
.list-import-dialog__panel.is-evaluating{cursor:progress}
.list-import-dialog__panel.is-evaluating .list-import-box{border-color:rgba(209,169,0,.45)}
.list-import-takeover.is-selected{box-shadow:0 0 0 3px rgba(31,157,85,.14)}
.list-import-takeover.is-selected span{font-weight:950}
.list-import-submit.is-loading{box-shadow:0 0 0 4px rgba(255,212,0,.22)}
.list-import-submit.is-complete{box-shadow:0 0 0 4px rgba(31,157,85,.16)}
@media(max-width:760px){
  .list-import-activity{position:sticky;top:0;z-index:12;min-height:62px;margin:10px 0;padding:13px 12px;border-radius:13px}
  .list-import-activity strong{font-size:15px}
  .list-import-activity .list-import-loading-dots span{width:9px;height:9px}
  #listImportParse.is-loading,#listImportAddChecked.is-loading{min-height:56px;font-size:16px}
  .list-import-result.is-selected{box-shadow:0 0 0 3px rgba(31,157,85,.20)}
}


/* V416: Bestellung als klarer Hauptweg, Anfrage sekundär, Bestelleinstieg zuerst */
.digital-tools:not(.tools-collapsed) .order-entry-tool-card{
  border-color:#d5aa00!important;
  border-top-color:#111!important;
  background:linear-gradient(145deg,#fffdf3 0%,#fff6c7 100%)!important;
  box-shadow:0 8px 22px rgba(181,143,0,.14)!important;
}
.digital-tools:not(.tools-collapsed) .order-entry-tool-card > summary{
  background:linear-gradient(145deg,#fffdf4 0%,#fff8d8 100%)!important;
}
.digital-tools:not(.tools-collapsed) .order-entry-tool-card .digital-tool-icon{
  background:#ffd814!important;
  color:#111!important;
  box-shadow:0 4px 12px rgba(255,216,20,.28)!important;
}
.digital-tools:not(.tools-collapsed) .order-entry-tool-card .digital-tool-copy strong{
  color:#111!important;
}
.digital-tools:not(.tools-collapsed) .order-entry-tool-card .digital-tool-button.primary{
  background:#ffd814!important;
  border-color:#b99400!important;
  box-shadow:0 4px 12px rgba(255,216,20,.22)!important;
}
.digital-tools:not(.tools-collapsed) .order-entry-tool-card .digital-tool-button.primary:hover{
  background:#ffdf36!important;
}

.order-primary-panel{
  border-color:#d5aa00!important;
  background:linear-gradient(135deg,#fffdf5,#fff7d4)!important;
}

.send-action-card.is-order.is-primary{
  border:2px solid #d2a800!important;
  background:linear-gradient(145deg,#fffdf4 0%,#fff5bf 100%)!important;
  box-shadow:0 8px 22px rgba(181,143,0,.12)!important;
}
.send-action-card.is-order .send-button.order{
  background:#ffd400!important;
  border-color:#a98400!important;
  color:#111!important;
  box-shadow:0 4px 12px rgba(255,212,0,.22)!important;
}
.send-action-card.is-order .send-button.order:not(:disabled):hover{
  background:#ffdf35!important;
  transform:translateY(-1px);
}
.send-action-card.is-inquiry{
  border:1px solid #d9dde1!important;
  background:#fff!important;
  box-shadow:none!important;
}
.send-action-card.is-inquiry .send-button.inquiry{
  background:#fff!important;
  border-color:#aeb5bb!important;
  color:#394047!important;
  box-shadow:none!important;
}
.send-action-card.is-inquiry .send-button.inquiry:not(:disabled):hover{
  background:#f4f6f7!important;
  border-color:#7f8991!important;
}
.send-action-card.is-inquiry .send-confidence-note{
  color:#6b737a!important;
}
.send-action-card .send-confidence-note strong{
  color:#1d2125;
}

@media (max-width:620px){
  .send-action-card.is-order{order:1}
  .send-action-card.is-inquiry{order:2}
}

/* V417: Suchfokus-Overlay deutlich dunkler, näher am Amazon-Fokus. */
body.search-focus-mode .search-focus-backdrop{
  background:rgba(7,9,11,.56)!important;
  backdrop-filter:blur(1.2px)!important;
  -webkit-backdrop-filter:blur(1.2px)!important;
}
@media (max-width:760px){
  body.search-focus-mode .search-focus-backdrop{
    background:rgba(7,9,11,.60)!important;
  }
}


/* V419: Sofortiger Suchfokus bereits vor dem vollständigen App-Start. */
body.search-focus-mode .header-search-slot,
body.search-focus-mode .header-search-field,
body.search-focus-mode .search-input-wrap{
  position:relative;
  z-index:10025!important;
}
body.search-focus-mode #query{
  cursor:text;
}
.discount-reminder__dialog p{
  max-width:40ch;
  margin-bottom:16px;
}


/* V421: Geführter mobiler Einstieg in die Artikelsuche. */
.search-entry-guide{display:none}
body.search-entry-guidance-active .header-search-slot{
  position:relative;
  z-index:10030!important;
}
body.search-entry-guidance-active .header-search-field .search-input-wrap{
  animation:searchEntryPulse 1.05s ease-in-out 2;
  border-radius:18px;
}
body.search-entry-guidance-active .header-search-field .search-input-wrap input{
  box-shadow:0 0 0 3px rgba(255,211,0,.95),0 0 0 8px rgba(255,211,0,.22),0 14px 34px rgba(0,0,0,.28)!important;
}
@keyframes searchEntryPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.018)}
}
@media(max-width:960px){
  body.search-entry-guidance-active .search-entry-guide{
    display:flex!important;
    position:fixed;
    top:76px;
    left:50%;
    z-index:10035;
    width:min(360px,calc(100vw - 28px));
    transform:translateX(-50%);
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:11px 14px;
    border:1px solid #caa500;
    border-radius:14px;
    background:#ffd400;
    color:#111;
    box-shadow:0 16px 34px rgba(0,0,0,.3);
    animation:searchEntryGuideIn .22s ease-out both;
    pointer-events:none;
    text-align:left;
  }
  body.search-entry-guidance-active .search-entry-guide__arrow{
    font-size:23px;
    line-height:1;
    font-weight:950;
  }
  body.search-entry-guidance-active .search-entry-guide span:last-child{display:grid;gap:1px}
  body.search-entry-guidance-active .search-entry-guide strong{font-size:14px;line-height:1.15}
  body.search-entry-guidance-active .search-entry-guide small{font-size:11px;line-height:1.25;font-weight:750}
}
@media(max-width:520px){
  body.search-entry-guidance-active .search-entry-guide{top:68px;width:calc(100vw - 20px)}
}
@keyframes searchEntryGuideIn{
  from{opacity:0;transform:translate(-50%,-8px)}
  to{opacity:1;transform:translate(-50%,0)}
}

/* V429 finaler Mobile-Header-Override: Kundenkonto sitzt eindeutig im rechten Headerfeld. */
@media(max-width:960px){
  .topbar{grid-template-columns:54px minmax(0,1fr) 54px!important}
  .header-actions{display:flex!important;grid-column:3!important;grid-row:1!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
  .header-actions .header-cart-button{display:none!important}
  .header-actions .account-button{display:grid!important;place-items:center!important;position:relative!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,216,20,.62)!important;border-radius:15px!important;background:#15181d!important;color:#ffd814!important;box-shadow:0 8px 18px rgba(0,0,0,.22)!important}
  .header-actions .account-button__icon{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:0!important;background:transparent!important;color:currentColor!important}
  .header-actions .account-button__icon svg{display:block!important;width:25px!important;height:25px!important}
  .header-actions .account-button__text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  .header-actions .account-button.is-active{border-color:#8fd076!important;background:#18311c!important;color:#b9f0a7!important}
}
@media(max-width:520px){
  .topbar{grid-template-columns:40px minmax(0,1fr) 48px!important}
  .header-actions .account-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
}


/* Historie V431: Kundenpreislogik über das Kundenkonto. */
.header-discount-mini,.order-item-discount--editable{display:none!important}
.guest-account-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px auto 0;padding:14px 18px;max-width:1440px;border:1px solid #e3c500;border-radius:12px;background:#fff9d8;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.guest-account-banner[hidden],.guest-cart-account[hidden]{display:none!important}
.guest-account-banner>div:first-child{display:grid;gap:3px}.guest-account-banner strong{font-size:15px}.guest-account-banner span{color:var(--muted);font-size:13px}
.guest-account-banner__actions{display:flex;gap:8px;flex-wrap:wrap}.guest-account-banner button,.guest-cart-account button{min-height:38px;padding:8px 12px;border:1px solid #111;border-radius:8px;background:#111;color:#fff;font-weight:800;cursor:pointer}.guest-account-banner__dismiss{background:#fff!important;color:#111!important}
.discount-reminder__actions--account{display:grid;grid-template-columns:1fr 1fr;gap:10px}.discount-reminder__actions--account .discount-reminder__zero{grid-column:1/-1}.discount-reminder__register{min-height:48px;border:1px solid #111;border-radius:9px;background:#fff;color:#111;font-weight:850;cursor:pointer}
.guest-cart-account{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px;padding:14px;border:1px solid #e3c500;border-radius:10px;background:#fff9d8}.guest-cart-account>div:first-child{display:grid;gap:4px}.guest-cart-account span{font-size:12px;color:var(--muted)}.guest-cart-account>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
body.account-authenticated .guest-account-banner,body.account-authenticated .guest-cart-account{display:none!important}
@media(max-width:760px){.guest-account-banner,.guest-cart-account{align-items:stretch;flex-direction:column;margin-left:10px;margin-right:10px}.guest-account-banner__actions,.guest-cart-account>div:last-child{display:grid}.discount-reminder__actions--account{grid-template-columns:1fr}.discount-reminder__actions--account .discount-reminder__zero{grid-column:auto}}


/* V432: Header auf Desktop neu geordnet, Suchleiste vergrößert, Kundenlogin deutlich präsenter. */
@media(min-width:961px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(300px,420px) minmax(520px,1.65fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    padding:12px 16px!important;
  }
  .brand-zone{min-width:0!important;gap:14px!important;}
  .header-title{padding-left:14px!important;}
  .header-title strong{font-size:16px!important;}
  .header-title span{display:block!important;font-size:11px!important;color:#6e757d!important;}

  .header-search-slot{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
  }
  .header-search-field{width:100%!important;}
  .header-search-field .search-input-wrap{width:100%!important;}
  .header-search-field .search-input-wrap input#query{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    padding:12px 110px 12px 18px!important;
    border-radius:16px!important;
    border:2px solid #aeb5bc!important;
    background:#fff!important;
    font-size:17px!important;
    font-weight:760!important;
    box-shadow:0 4px 14px rgba(17,19,21,.05)!important;
  }
  .header-search-field .search-input-wrap input#query::placeholder{color:#6f757c!important;}
  .header-search-field .search-submit-button{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    right:4px!important;
    border-radius:14px!important;
  }
  .header-search-field .query-clear-button{
    right:54px!important;
    width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
  .header-discount-mini{display:none!important;}

  .header-actions{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:max-content!important;
    align-items:center!important;
    justify-content:end!important;
    gap:10px!important;
    min-width:0!important;
  }
  .account-button{
    display:inline-grid!important;
    grid-template-columns:34px auto!important;
    align-items:center!important;
    gap:10px!important;
    min-width:198px!important;
    min-height:52px!important;
    padding:10px 14px!important;
    border:1px solid #d6b400!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#1a1d21 0%, #0f1114 100%)!important;
    color:#ffd814!important;
    box-shadow:0 10px 22px rgba(0,0,0,.16)!important;
  }
  .account-button:hover,.account-button:focus-visible{
    background:linear-gradient(180deg,#20242a 0%, #13161a 100%)!important;
    border-color:#f0cb00!important;
  }
  .account-button.is-active{
    border-color:#8fd076!important;
    background:linear-gradient(180deg,#18311c 0%, #102514 100%)!important;
    color:#d9f7cc!important;
  }
  .account-button__icon{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    background:rgba(255,216,20,.12)!important;
    color:currentColor!important;
  }
  .account-button.is-active .account-button__icon{background:rgba(185,240,167,.13)!important;}
  .account-button__icon svg{display:block!important;width:21px!important;height:21px!important;}
  .account-button__copy{display:grid!important;gap:1px!important;min-width:0!important;text-align:left!important;}
  .account-button__text{display:block!important;font-size:13.5px!important;font-weight:850!important;line-height:1.1!important;max-width:132px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .account-button__subtext{display:block!important;font-size:11px!important;font-weight:650!important;line-height:1.15!important;color:rgba(255,255,255,.76)!important;white-space:nowrap!important;}
  .account-button.is-active .account-button__subtext{color:rgba(217,247,204,.82)!important;}

  .header-cart-button{
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    border-radius:12px!important;
  }
  .quick-contact-bar{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding-left:2px!important;
  }
  .contact-button{
    height:46px!important;
    min-height:46px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:12.5px!important;
    font-weight:800!important;
  }
  .contact-button .button-icon{width:16px!important;height:16px!important;}
  .catalog-status{display:none!important;}
}

@media(min-width:961px) and (max-width:1320px){
  .topbar{grid-template-columns:minmax(260px,350px) minmax(360px,1.35fr) auto!important;}
  .account-button{min-width:176px!important;padding:10px 12px!important;}
  .account-button__subtext{font-size:10px!important;}
  .contact-button span{display:none!important;}
  .contact-button{width:44px!important;padding:0!important;}
}

@media(max-width:960px){
  .header-actions .account-button__copy{display:none!important;}
}


/* V433: Rabatt-Eingabe vollständig entfernt; Erstpreis-Dialog führt nur noch zu Login, Kontoantrag oder Gastmodus. */
.header-discount-mini{display:none!important;}
.discount-reminder__actions--account{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.discount-reminder__actions--account .discount-reminder__guest{grid-column:1/-1;}
.discount-reminder__register{min-height:48px;border:1px solid #111;border-radius:9px;background:#fff;color:#111;font-weight:850;cursor:pointer;}
.discount-reminder__register:hover,.discount-reminder__register:focus-visible{background:var(--surface-soft);}
@media(max-width:760px){.discount-reminder__actions--account{grid-template-columns:1fr}.discount-reminder__actions--account .discount-reminder__guest{grid-column:auto;}}


/* V434: mobile Suchleiste größer, Gastpreise klarer ausgezeichnet, Warenkorb-Hinweis verkaufsstärker. */
.guest-pricing-callout{display:grid;gap:6px;margin:10px 0 12px;padding:12px 13px;border:1px solid #e4c200;border-radius:12px;background:linear-gradient(180deg,#fff9d8 0%,#fffdf1 100%);box-shadow:0 8px 18px rgba(0,0,0,.05);}
.guest-pricing-callout strong{font-size:13px;line-height:1.25;color:#171717;}
.guest-pricing-callout span{font-size:12px;line-height:1.45;color:#4c5157;}
.guest-pricing-callout__button{justify-self:start;min-height:38px;padding:8px 12px;border:1px solid #111;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:850;cursor:pointer;}
.guest-pricing-callout__button:hover,.guest-pricing-callout__button:focus-visible{background:#25282c;}
.price-row.customer-price small{font-weight:700!important;line-height:1.35!important;}
body:not(.account-authenticated) .price-row.customer-price small{color:#7a5b00!important;}

@media(max-width:960px){
  .topbar{grid-template-columns:52px minmax(0,1fr) 52px!important;gap:10px!important;min-height:72px!important;padding:10px 12px!important;}
  .brand-zone{min-width:0!important;}
  .header-search-slot{display:block!important;width:100%!important;}
  .header-search-field{width:100%!important;}
  .header-search-field .search-input-wrap{width:100%!important;}
  .header-search-field .search-input-wrap input#query{height:52px!important;min-height:52px!important;padding-left:16px!important;padding-right:98px!important;font-size:16px!important;border-radius:16px!important;border:2px solid #b8bdc3!important;box-shadow:0 4px 14px rgba(17,19,21,.06)!important;}
  .header-search-field .search-input-wrap input#query::placeholder{font-size:15px!important;}
  .header-search-field .search-submit-button{width:44px!important;height:44px!important;min-height:44px!important;right:4px!important;border-radius:14px!important;}
  .header-search-field .query-clear-button{width:36px!important;height:36px!important;min-height:36px!important;right:54px!important;border-radius:12px!important;}
  .account-button{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;border-radius:14px!important;padding:0!important;display:grid!important;place-items:center!important;}
  .account-button__icon{width:22px!important;height:22px!important;}
}

@media(max-width:640px){
  .topbar{padding:10px 10px 8px!important;gap:8px!important;}
  .header-search-field .search-input-wrap input#query{height:50px!important;min-height:50px!important;padding-left:14px!important;padding-right:92px!important;font-size:15px!important;}
}


/* V435: Außendienst-Sonderrabatt ausschließlich im aktiven Kundenkontext. */
body.account-pricing-active .order-item-discount--editable.sales-extra-discount{display:grid!important;}
.sales-extra-discount{grid-template-columns:minmax(150px,auto) 88px auto!important;align-items:center!important;gap:7px!important;padding:10px 12px!important;border:1px solid #d7b900!important;border-radius:10px!important;background:#fff9d8!important;}
.sales-extra-discount label{font-size:12px!important;font-weight:900!important;}
.sales-extra-discount input{width:88px!important;min-height:38px!important;border:1px solid #bca000!important;border-radius:8px!important;text-align:right!important;font-weight:850!important;}
.sales-extra-discount small,.sales-extra-discount em{grid-column:1/-1!important;}
.sales-extra-discount em{font-size:11px!important;color:#6c5a00!important;font-style:normal!important;}
@media(max-width:640px){.sales-extra-discount{grid-template-columns:1fr 80px auto!important}.sales-extra-discount input{width:80px!important;}}


/* V436: Kundenkonto- und Gastpreislogik auf allen Landingpages. */
.material-landing-page .header-actions .account-button{display:inline-grid!important;}
.material-landing-page .header-discount-mini{display:none!important;}
@media(max-width:960px){.material-landing-page .header-actions .account-button{display:grid!important;}}

/* V439: Favoriten im Kundenkonto und erneute Übernahme gespeicherter Bestellpositionen. */
.favorite-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid #c8cdd2;border-radius:9px;background:#fff;color:#202428;font-weight:800;line-height:1.15;cursor:pointer}
.favorite-button:hover,.favorite-button:focus-visible{border-color:#b99d00;background:#fffbea}
.favorite-button>span:first-child{font-size:20px;line-height:1;color:#8a7300}
.favorite-button.is-active{border-color:#d3b300;background:#fff5b8;color:#3f3500}
.favorite-button.is-active>span:first-child{color:#d5a900}
.favorite-button--selected{width:100%;margin-top:8px}
.favorite-button:disabled{opacity:.58;cursor:wait}
.account-favorites{display:grid;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid #cad8c5}
.account-favorites>p{margin:0;font-size:12px;color:var(--muted)}
.account-favorites__list{display:grid;gap:7px}
.account-favorite__item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}
.account-favorite__item>div:first-child{display:grid;gap:2px;min-width:0}
.account-favorite__item small{color:var(--muted);font-size:11px}
.account-favorite__item strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.account-favorite__actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.account-favorite__actions button,.account-order-reuse{min-height:34px;padding:6px 10px;border:1px solid #c8cdd2;border-radius:8px;background:#fff;color:#171717;font-size:12px;font-weight:800}
.account-favorite__actions button:hover,.account-order-reuse:hover{border-color:#9d8400;background:#fffbea}
.account-favorite__actions .account-favorite__remove{border-color:#e0caca;color:#7b1717;background:#fff8f8}
.account-order-reuse{display:inline-flex;align-items:center;margin:2px 0 5px;border-color:#b99d00;background:#ffd814}
.account-order-reuse__hint{display:block;margin:0 0 8px;color:var(--muted);font-size:11px;line-height:1.4}
@media(max-width:700px){
  .card-actions .favorite-button{width:100%}
  .account-favorite__item{grid-template-columns:1fr;align-items:stretch}
  .account-favorite__actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}
  .account-favorite__actions .account-favorite__remove{grid-column:1/-1}
  .account-order-reuse{width:100%;justify-content:center}
}

/* V441: digitale Werkzeuge nur für aktive Kundenkonten und Außendienstmodus. */
body.tool-access-gate-open{overflow:hidden}
.tool-access-gate{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px}
.tool-access-gate[hidden]{display:none!important}
.tool-access-gate__backdrop{position:absolute;inset:0;background:rgba(10,12,14,.68);backdrop-filter:blur(5px)}
.tool-access-gate__card{position:relative;width:min(100%,580px);padding:26px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.38)}
.tool-access-gate__close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f2f3f4;font-size:24px;line-height:1}
.tool-access-gate__eyebrow{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff2a8;color:#554600;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.tool-access-gate__card h2{margin:10px 0 7px;font-size:28px;line-height:1.15}
.tool-access-gate__card p{margin:0 0 16px;color:#60656b}
.tool-access-gate__benefit{display:grid;gap:3px;padding:13px;border-left:5px solid #ffd200;background:#f7f7f5}
.tool-access-gate__benefit span{font-size:13px;color:#5d6268}
.tool-access-gate__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.tool-access-gate__actions button{min-height:50px;padding:11px 14px;border-radius:10px;font-weight:900}
.tool-access-gate__login{border:1px solid #b99d00;background:#ffd200;color:#111}
.tool-access-gate__register{border:1px solid #111;background:#111;color:#fff}
.tool-access-gate__card>small{display:block;margin-top:12px;color:#70757b}
.tool-login-required{position:relative!important;opacity:.82}
.tool-lock-label{display:inline-flex!important;margin-left:8px;padding:3px 7px;border-radius:999px;background:#111;color:#ffd200;font-size:9px!important;font-weight:900!important;white-space:nowrap}
.tool-panel-locked{position:relative;filter:saturate(.65)}
.tool-panel-locked>summary{cursor:pointer}
.tool-panel-locked>summary::after{content:"Login erforderlich";display:inline-flex;margin-left:8px;padding:4px 8px;border-radius:999px;background:#111;color:#ffd200;font-size:10px;font-weight:900}
@media(max-width:640px){.tool-access-gate{align-items:end;padding:10px}.tool-access-gate__card{padding:23px 17px 18px;border-radius:18px 18px 10px 10px}.tool-access-gate__card h2{font-size:24px}.tool-access-gate__actions{grid-template-columns:1fr}.tool-lock-label{display:none!important}}


/* V444: Direktwerkzeuge auf Hauptseite und Landingpages optisch identisch; Kontolöschung dezent gestaltet. */
.account-deletion{
  gap:6px!important;
  margin-top:12px!important;
  padding-top:10px!important;
  border-top:1px solid #d9e3d4!important;
  border-color:#d9e3d4!important;
}
.account-deletion strong{font-size:14px!important;color:#222!important;}
.account-deletion > p{font-size:11.5px!important;line-height:1.45!important;color:#6f757b!important;max-width:56ch!important;}
.account-deletion__request{
  align-self:flex-end!important;
  justify-self:end!important;
  min-height:auto!important;
  padding:2px 0!important;
  margin-top:2px!important;
  border:none!important;
  background:transparent!important;
  color:#6f757b!important;
  font-size:11px!important;
  font-weight:600!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.account-deletion__request:hover,.account-deletion__request:focus-visible{
  color:#222!important;
  background:transparent!important;
  text-decoration:underline!important;
}
.account-deletion #accountDeletionCancel{
  align-self:flex-end!important;
  justify-self:end!important;
  min-height:30px!important;
  padding:4px 10px!important;
  font-size:11px!important;
}

/* Geschützte Tool-Buttons gleichmäßig wie auf den Landingpages gestalten */
.digital-tools:not(.tools-collapsed) .digital-tool-button.tool-login-required,
.digital-tools:not(.tools-collapsed) .digital-tool-button.primary.tool-login-required{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button.tool-login-required,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button.primary.tool-login-required{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button.tool-login-required .compact-plate-tool-copy,
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button.primary.tool-login-required .compact-plate-tool-copy{
  flex:1 1 auto!important;
  min-width:0!important;
}
.tool-lock-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin-left:8px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:#17191b!important;
  color:#ffd200!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}
.digital-tools:not(.tools-collapsed) .digital-tool-button .tool-lock-label{margin-left:2px!important;}
.digital-tools:not(.tools-collapsed) .compact-plate-tool-button .tool-lock-label{margin-left:auto!important;}

@media(min-width:961px){
  .digital-tools:not(.tools-collapsed) .digital-tool-card{min-height:170px!important;}
  .digital-tools:not(.tools-collapsed) .digital-tool-body{padding-top:10px!important;}
}
@media(max-width:640px){
  .account-deletion__request{justify-self:start!important;align-self:start!important;}
}

/* V445: vollständiger Firmenbereich, prüfpflichtige Datenänderungen und weitere Firmenzugänge. */
.account-summary__identity{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.account-summary__identity>div{display:grid;gap:3px;min-width:0}.account-summary__identity>div>strong{font-size:19px}.account-summary__identity>div>span{color:var(--muted);overflow-wrap:anywhere}
.account-summary__state{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:#dff2d7;color:#24531e;font-size:11px;font-weight:850;white-space:nowrap}
.account-company-profile,.account-company-access{display:grid;gap:10px;margin-top:12px;padding-top:13px;border-top:1px solid #cad8c5}
.account-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-section-heading>div{display:grid;gap:2px}.account-section-heading strong{font-size:16px}.account-section-heading span{color:var(--muted);font-size:11.5px;line-height:1.35}
.account-section-heading>button{min-height:34px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-size:12px;font-weight:800;white-space:nowrap}.account-section-heading>button:hover{border-color:#9d8400;background:#fffbea}.account-section-heading>button:disabled{cursor:default;opacity:.62;background:#f4f4f4}
.account-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-profile-grid>div{display:grid;gap:2px;min-width:0;padding:9px 10px;border:1px solid #dde5d9;border-radius:9px;background:#fbfdf9}.account-profile-grid small{color:var(--muted);font-size:10.5px}.account-profile-grid strong{font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}.account-profile-grid__wide{grid-column:1/-1}
.account-request-status{padding:9px 10px;border:1px solid #e2c653;border-radius:8px;background:#fffbe5;color:#5a4b00;font-size:11.5px;line-height:1.4}.account-request-status[data-kind="approved"]{border-color:#b7d5aa;background:#f3faef;color:#285121}.account-request-status[data-kind="rejected"]{border-color:#ddd;background:#f6f6f6;color:#555}
.account-profile-form{display:grid;gap:11px;padding:12px;border:1px solid #d8ddd5;border-radius:10px;background:#fff}.account-profile-form .account-field input,.account-profile-form .account-field textarea{min-height:42px;font-size:14px}.account-profile-form .account-field textarea{min-height:72px}
.account-inline-actions{display:flex;justify-content:flex-end;gap:8px}.account-inline-actions button{min-height:40px;padding:8px 12px;border:1px solid #b99d00;border-radius:8px;background:var(--yellow);font-weight:850}.account-inline-actions .account-form__secondary{border-color:var(--line-strong);background:#fff}
.account-company-users{display:grid;gap:6px}.account-company-user{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.account-company-user>div{display:grid;gap:1px;min-width:0}.account-company-user strong{font-size:12.5px;overflow-wrap:anywhere}.account-company-user span{color:var(--muted);font-size:10.5px}.account-company-user em{font-style:normal;font-size:10px;font-weight:850;padding:3px 7px;border-radius:999px;background:#edf6e9;color:#2f6326;white-space:nowrap}.account-company-user em[data-status="blocked"],.account-company-user em[data-status="rejected"]{background:#f4eeee;color:#7b3333}.account-company-user em[data-status="pending"],.account-company-user em[data-status="verification_pending"]{background:#fff4bd;color:#625000}.account-company-user--request{border-style:dashed;background:#fffdf5}
.account-access-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;gap:8px;align-items:end}.account-access-form button,.account-access-verify button{min-height:42px;padding:8px 11px;border:1px solid #b99d00;border-radius:8px;background:var(--yellow);font-size:12px;font-weight:850}.account-access-form .account-field input,.account-access-verify .account-field input{min-height:42px;font-size:14px}
.account-access-verify{display:grid;gap:9px;padding:11px;border:1px solid #e2c653;border-radius:9px;background:#fffbe5}.account-access-verify p{margin:0;font-size:12px}.account-company-access__hint{color:var(--muted);font-size:10.5px;line-height:1.45}
@media(max-width:700px){.account-summary__identity{display:grid}.account-summary__state{justify-self:start}.account-profile-grid{grid-template-columns:1fr}.account-profile-grid__wide{grid-column:auto}.account-section-heading{display:grid}.account-section-heading>button{justify-self:start}.account-access-form{grid-template-columns:1fr}.account-inline-actions{display:grid;grid-template-columns:1fr 1fr}.account-company-user{align-items:flex-start;flex-direction:column}.account-company-user em{align-self:flex-start}}

/* V446: Favoriten und Auftragsunterlagen zeigen technische Kerndaten eindeutig. */
.account-favorite__specs{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;color:#4f555b;font-size:11px;line-height:1.35}
.account-favorite__specs span{display:inline-flex;gap:3px;min-width:0;overflow-wrap:anywhere}
.account-favorite__specs b{color:#202428;font-weight:800}
@media(max-width:760px){
  .account-favorite__item{grid-template-columns:1fr!important;align-items:start!important}
  .account-favorite__actions{justify-content:flex-start!important}
  .account-favorite__specs{display:grid;gap:3px}
}


/* V447: Zusätzliche Suche im Filterbereich, stabiler Filter-Reset und Enter-Übernahme. */
.filter-catalog-search{
  grid-column:1/-1;
  display:grid;
  gap:6px;
  padding:12px;
  border:1px solid #d9dde1;
  border-radius:12px;
  background:#fbfbfa;
}
.filter-catalog-search > label{
  font-size:13px;
  font-weight:900;
  color:#17191b;
}
.filter-catalog-search__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:stretch;
}
.filter-catalog-search__row input{
  width:100%;
  min-height:44px;
  padding:10px 13px;
  border:1px solid #aeb6bd;
  border-radius:10px;
  background:#fff;
  color:#17191b;
  font:inherit;
  font-size:14px;
}
.filter-catalog-search__row input:focus{
  outline:3px solid rgba(255,210,0,.22);
  outline-offset:1px;
  border-color:#c8a900;
}
.filter-catalog-search__submit{
  min-width:108px;
  min-height:44px;
  padding:9px 18px;
  border:1px solid #b99d00;
  border-radius:10px;
  background:var(--yellow);
  color:#111;
  font-weight:900;
  cursor:pointer;
}
.filter-catalog-search__submit:hover{filter:brightness(.98)}
.filter-catalog-search > small{
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
}
.preadd-input:focus{
  border-color:#c8a900!important;
  box-shadow:0 0 0 3px rgba(255,210,0,.18)!important;
}
@media(max-width:640px){
  .filter-catalog-search{padding:10px;}
  .filter-catalog-search__row{grid-template-columns:1fr;}
  .filter-catalog-search__submit{width:100%;}
}


/* V448: Warengruppe als volle Hauptleiste direkt unter der Filtersuche anordnen. */
.filters > .field.filter-section-field{
  grid-column:1 / -1 !important;
  min-width:0!important;
}
.filters > .field.filter-section-field label{
  font-size:13px!important;
  font-weight:900!important;
}
.filters > .field.filter-section-field select{
  width:100%!important;
  min-height:46px!important;
  font-size:15px!important;
  font-weight:800!important;
}
.filters > .field.filter-limit-field{
  grid-column:1 / 2!important;
  max-width:190px!important;
}
@media (max-width:960px){
  .filters > .field.filter-limit-field{max-width:170px!important;}
}
@media (max-width:560px){
  .filters > .field.filter-limit-field{
    grid-column:1 / -1!important;
    max-width:none!important;
  }
}


/* V449: Filtereinstieg verdichtet, ohne die visuelle Hierarchie zu verändern. */
@media (min-width:1181px){
  .digital-tools.tools-collapsed{
    margin:16px 0 18px!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header{
    min-height:126px!important;
    padding:18px 22px!important;
    gap:20px!important;
  }
  .digital-tools.tools-collapsed .digital-tools-eyebrow{
    margin-bottom:7px!important;
    font-size:11.5px!important;
  }
  .digital-tools.tools-collapsed h2{
    margin-bottom:7px!important;
    font-size:clamp(30px,2.8vw,42px)!important;
    line-height:1.02!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header p{
    max-width:650px!important;
    font-size:15px!important;
    line-height:1.4!important;
  }
  .digital-tools.tools-collapsed .digital-tools-toggle{
    min-height:52px!important;
    padding:0 22px!important;
    border-radius:14px!important;
    font-size:17px!important;
  }
}

/* Partner bleiben gut lesbar, benötigen aber weniger vertikalen Raum. */
.search-panel .partner-section.trust-strip,
.search-panel .trust-strip.partner-section{
  padding:12px 12px 10px!important;
}
.search-panel .trust-strip .partner-kicker{
  margin-bottom:7px!important;
}
.search-panel .trust-strip .partner-logos{
  gap:6px!important;
}
.search-panel .trust-strip .partner-logo-card{
  min-height:48px!important;
  padding:4px 8px!important;
}
.search-panel .trust-strip .partner-logo-img{
  max-height:30px!important;
}
.search-panel .trust-strip .partner-logo-card.valchromat .partner-logo-img{
  max-height:28px!important;
}

/* Suchfeld und Warengruppenleiste als klarer gemeinsamer Einstieg. */
.filter-catalog-search{
  margin-bottom:7px!important;
}
.filter-catalog-search > label{
  font-size:14px!important;
}
.filter-catalog-search > small{
  margin-top:1px!important;
}

@media (max-width:1180px) and (min-width:701px){
  .digital-tools.tools-collapsed{
    margin:16px 0 18px!important;
  }
  .digital-tools.tools-collapsed .digital-tools-header{
    min-height:122px!important;
    padding:18px 20px!important;
  }
  .digital-tools.tools-collapsed .digital-tools-toggle{
    min-height:48px!important;
  }
}
@media (max-width:700px){
  .filter-catalog-search{margin-bottom:5px!important;}
  .search-panel .trust-strip .partner-logo-card{min-height:44px!important;}
}


/* V451: Mitarbeiterrollen in der Kundenverwaltung */
.staff-role-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e8f5df;color:#246b17;font-size:11px;font-weight:900;white-space:nowrap}
body.admin-readonly-sales #adminApplications,body.admin-readonly-sales #adminProfileChanges,body.admin-readonly-sales #adminAccessRequests,body.admin-readonly-sales #adminDeletionRequests,body.admin-readonly-sales #companyCreateSection,body.admin-readonly-sales [data-company-fields],body.admin-readonly-sales .customer-users,body.admin-readonly-sales [data-user-add],body.admin-readonly-sales .customer-danger-zone,body.admin-readonly-sales button[data-action="update"]{display:none!important}
body.admin-readonly-sales .customer-card__details{padding-top:12px}


/* V453: sichtbarer Kundenauswahl-Einstieg für Außendienstkonten. */
.account-sales-workspace{
  display:grid;
  gap:10px;
  margin-top:12px;
  padding:14px;
  border:1px solid #d1b000;
  border-radius:11px;
  background:#fff9d8;
}
.account-sales-workspace[hidden]{display:none!important;}
.account-sales-workspace__copy{display:grid;gap:4px;}
.account-sales-workspace__copy strong{font-size:16px;}
.account-sales-workspace__copy p{margin:0;color:#5c6267;font-size:12px;line-height:1.45;}
.account-sales-workspace__button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 13px;
  border:1px solid #111;
  border-radius:9px;
  background:#111;
  color:#ffd200;
  font-weight:900;
  text-decoration:none;
}
.account-sales-workspace__button:hover{background:#272727;}
@media(max-width:640px){
  .account-sales-workspace{padding:12px;}
  .account-sales-workspace__button{width:100%;}
}


/* V454: Preise erst nach Login, gesperrte Verbundelemente und Express-Trennschnitt. */
.price-login-gate{
  display:grid!important;
  gap:5px!important;
  padding:12px!important;
  border:1px solid #c8cdd1!important;
  border-radius:11px!important;
  background:#f4f5f5!important;
  color:#202326!important;
}
.price-login-gate strong{font-size:15px!important;}
.price-login-gate small{font-size:11.5px!important;line-height:1.35!important;color:#697077!important;}
.price-login-gate__button,.price-login-result button{
  width:max-content!important;
  min-height:34px!important;
  padding:6px 10px!important;
  border:1px solid #b89b00!important;
  border-radius:8px!important;
  background:var(--yellow)!important;
  color:#111!important;
  font-size:11.5px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.price-login-result{display:grid!important;gap:5px!important;background:#f3f4f4!important;border-color:#cbd0d4!important;color:#222!important;}
.composite-cart-item-locked{
  background:#eceeef!important;
  border-color:#bdc3c7!important;
  box-shadow:none!important;
}
.composite-cart-item-locked input:disabled,
.composite-cart-item-locked select:disabled,
.composite-cart-item-locked button:disabled{
  opacity:.72!important;
  cursor:not-allowed!important;
}
.composite-cart-item-locked .calc-box{background:#e3e6e8!important;border-color:#c3c8cc!important;}
.composite-cart-lock{
  display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid #aeb5ba;
  border-radius:9px;
  background:#dde1e3;
}
.composite-cart-lock strong{font-size:12px;color:#24282b;}
.composite-cart-lock span{font-size:11px;line-height:1.4;color:#5e666c;}
.order-item-composite--locked{display:grid!important;gap:7px!important;}
.express-split-cut{
  display:grid;
  gap:6px;
  margin-top:8px;
  padding:11px;
  border:2px solid #d7a600;
  border-radius:10px;
  background:#fff9d9;
}
.express-split-cut.is-complete{border-color:#6f9270;background:#eff7ef;}
.express-split-cut strong{font-size:13px;}
.express-split-cut span,.express-split-cut small{font-size:11.5px;line-height:1.4;color:#555d62;}
.express-split-cut label{font-size:12px;font-weight:900;}
.express-split-cut input{min-height:42px;border:1px solid #a8afb4;border-radius:8px;padding:8px 10px;background:#fff;font:inherit;}
.express-split-cut.is-required input[aria-invalid="true"]{border-color:#b98a00;box-shadow:0 0 0 3px rgba(255,210,0,.20);}
@media(max-width:640px){
  .price-login-gate__button,.price-login-result button{width:100%!important;}
}

/* V454: Bonus- und Schwellenwerte erst nach aktivem Kundenlogin sichtbar. */
body:not(.account-pricing-active) .door-bonus-inline{display:none!important;}
body.account-pricing-active .door-bonus-inline{display:flex!important;}


/* V459: Mengenpreise für ausgewählte EGGER 19-mm-Lagerplatten. */
.quantity-price-tiers{display:grid;gap:5px;margin:10px 0;padding:10px;border:1px solid #d8b900;border-radius:11px;background:#fffbea;color:#17191b}
.quantity-price-tiers__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:4px;border-bottom:1px solid rgba(169,143,0,.25)}
.quantity-price-tiers__head strong{font-size:12px}.quantity-price-tiers__head small{font-size:10px;color:#686d71}
.quantity-price-tier-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.78);font-size:11.5px}
.quantity-price-tier-row b{font-weight:800}.quantity-price-tier-row strong{text-align:right;font-size:12px}.quantity-price-tier-row.is-emphasis{background:#fff1a6;border:1px solid rgba(185,157,0,.28)}
.quantity-price-tiers__note{font-size:10px;line-height:1.35;color:#666b70}.quantity-price-tiers.is-loading{font-size:11px}
.calc-result.quantity-tier-active{display:grid;gap:2px;border-color:#d2b000;background:#fff8d2}.calc-result.quantity-tier-active span{font-size:11px}
.calc-result.quantity-tier-hint{font-size:10.5px;background:#fffdf4}.calc-result.object-price-request{display:grid;gap:4px;border-color:#c79f00;background:#fff2bd}.calc-result.object-price-request span{font-size:11px}
.add-button.is-object-price-action,.selected-product-choice.is-object-price-action{background:#17191b!important;color:#ffd200!important;border-color:#17191b!important}
@media(max-width:640px){.quantity-price-tiers{padding:9px}.quantity-price-tier-row{align-items:flex-start;flex-direction:column;gap:2px}.quantity-price-tier-row strong{text-align:left}}

/* V466: BC-Bestandsampel */
.inventory-status{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:10px 0;
  padding:10px 12px;
  border:1px solid #d8dde3;
  border-radius:10px;
  background:#fff;
  line-height:1.3;
}
.inventory-status__dot{
  flex:0 0 12px;
  width:12px;
  height:12px;
  margin-top:3px;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(0,0,0,.05);
}
.inventory-status__content{
  display:flex;
  min-width:0;
  flex:1 1 auto;
  flex-direction:column;
  gap:2px;
}
.inventory-status__content strong{
  font-size:.91rem;
}
.inventory-status__content span{
  font-size:.82rem;
}
.inventory-status__content small{
  font-size:.72rem;
  opacity:.72;
}
.inventory-status.is-green{
  border-color:#a9d6b2;
  background:#f2fbf4;
}
.inventory-status.is-green .inventory-status__dot{
  background:#138a36;
}
.inventory-status.is-green .inventory-status__content strong{
  color:#146c2e;
}
.inventory-status.is-yellow{
  border-color:#e7cd78;
  background:#fff9df;
}
.inventory-status.is-yellow .inventory-status__dot{
  background:#d9a400;
}
.inventory-status.is-yellow .inventory-status__content strong{
  color:#705600;
}
.inventory-status.is-compact{
  margin:7px 0 0;
  padding:8px 10px;
  gap:8px;
}
.inventory-status.is-compact .inventory-status__content strong{
  font-size:.84rem;
}
.inventory-status.is-compact .inventory-status__content span{
  font-size:.76rem;
}
.inventory-status.is-compact .inventory-status__content small{
  font-size:.69rem;
}
.preadd-controls [data-preadd-inventory]{
  grid-column:1 / -1;
  width:100%;
}
@media (max-width:700px){
  .inventory-status{
    padding:9px 10px;
  }
}


/* V466 BC4: Ausführung vor dem Warenkorb + geschützte Verfügbarkeitsanzeige */
.preadd-variant-control{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(92px,auto) minmax(180px,1fr);
  align-items:center;
  gap:7px 10px;
  padding:0 0 4px;
}
.preadd-variant-control label{font-size:11px;font-weight:900;color:#25282b;}
.preadd-variant-control select{
  min-width:0;
  width:100%;
  min-height:40px;
  border:1px solid #cfd3d7;
  border-radius:8px;
  background:#fff;
  padding:7px 34px 7px 9px;
  font:800 14px/1.25 Arial,sans-serif;
  color:#111;
}
.preadd-variant-control span{grid-column:2;font-size:10.5px;line-height:1.25;color:#62686e;}
.inventory-status.is-loading{border-color:#d7dce1;background:#f6f7f8;}
.inventory-status.is-loading .inventory-status__dot{background:#8a939c;animation:inventoryPulse 1s ease-in-out infinite alternate;}
.inventory-status.is-loading .inventory-status__content strong{color:#4f5962;}
@keyframes inventoryPulse{from{opacity:.45}to{opacity:1}}
@media (max-width:700px){
  .preadd-variant-control{grid-template-columns:1fr;gap:5px;}
  .preadd-variant-control span{grid-column:1;}
}

/* V466 BC5: kompakter Filter, stabiler Tablet-Header und robuste Mengeneingabe. */
.filter-panel-toggle-wrap{
  grid-column:1/-1!important;
  min-width:0;
}
.filter-panel-toggle{
  width:100%;
  min-height:54px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 28px;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border:1px solid #c9cdd1;
  border-radius:12px;
  background:#fff;
  color:#16191c;
  text-align:left;
  box-shadow:0 3px 10px rgba(17,19,21,.04);
}
.filter-panel-toggle:hover,.filter-panel-toggle:focus-visible{border-color:#b59600;background:#fffdf5}
.filter-panel-toggle__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#17191b;color:#ffd400;font-size:15px;font-weight:900}
.filter-panel-toggle__copy{display:grid;gap:1px;min-width:0}
.filter-panel-toggle__copy strong{font-size:14px;line-height:1.15}
.filter-panel-toggle__copy small{font-size:11.5px;line-height:1.25;color:#666d73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filter-panel-toggle__chevron{display:grid;place-items:center;font-size:25px;line-height:1;transition:transform .18s ease}
.filter-panel-toggle.is-expanded .filter-panel-toggle__chevron{transform:rotate(180deg)}

/* Im Ruhezustand bleibt die zweite Artikelsuche vollständig sichtbar. Nur Filter/Sortierung werden eingeklappt. */
.filters:not(.is-filter-expanded) > .field:not(.filter-catalog-search),
.filters:not(.is-filter-expanded) > .advanced-filters,
.filters:not(.is-filter-expanded) > .filter-tools,
.filters:not(.is-filter-expanded) > label.checkbox{
  display:none!important;
}
.filters:not(.is-filter-expanded){
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:stretch!important;
}
.filters:not(.is-filter-expanded) > .filter-catalog-search,
.filters:not(.is-filter-expanded) > .filter-panel-toggle-wrap{
  grid-column:1/-1!important;
}

/* Geöffnet: alle Filter auf einmal, ohne zweite Unterebene. */
.filters.is-filter-expanded{
  grid-template-columns:minmax(0,1fr) minmax(150px,190px)!important;
  gap:12px!important;
  align-items:end!important;
}
.filters.is-filter-expanded > .filter-catalog-search,
.filters.is-filter-expanded > .filter-panel-toggle-wrap,
.filters.is-filter-expanded > .field.filter-section-field,
.filters.is-filter-expanded > .advanced-filters,
.filters.is-filter-expanded > .filter-tools{
  grid-column:1/-1!important;
}
.filters.is-filter-expanded > .field.filter-limit-field{
  grid-column:1/2!important;
  max-width:190px!important;
}
.filters.is-filter-expanded .advanced-filters{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
#moreFiltersToggle{display:none!important}

/* Tablet/iPad: Desktop-Header nicht zusammenquetschen. Suche bleibt dominant, Konto und Warenkorb bleiben als klare Icons sichtbar. */
@media (min-width:961px) and (max-width:1180px){
  .topbar{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 108px!important;
    gap:10px!important;
    min-height:72px!important;
    padding:10px 12px!important;
    align-items:center!important;
  }
  .brand-zone{min-width:0!important;display:block!important}
  .brand-zone .company-text,.header-title{display:none!important}
  .logo-lockup{display:grid!important;place-items:center!important;width:52px!important}
  .krueger-logo{width:46px!important;height:46px!important}
  .header-search-slot,.header-search-field,.header-search-field .search-input-wrap{display:block!important;width:100%!important;min-width:0!important}
  .header-search-field .search-input-wrap input#query{
    width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    padding-left:16px!important;
    padding-right:98px!important;
    font-size:16px!important;
    border-radius:16px!important;
  }
  .header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:108px!important;
  }
  .quick-contact-bar,.catalog-status{display:none!important}
  .account-button{
    display:grid!important;
    place-items:center!important;
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    padding:0!important;border-radius:14px!important;
    grid-template-columns:1fr!important;
  }
  .account-button__copy{display:none!important}
  .account-button__icon{width:24px!important;height:24px!important;background:transparent!important}
  .header-cart-button{
    display:grid!important;
    place-items:center!important;
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    padding:0!important;border-radius:14px!important;
  }
  .filters.is-filter-expanded .advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .config-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 10px!important}
}

@media (max-width:960px){
  .filters.is-filter-expanded{grid-template-columns:1fr!important}
  .filters.is-filter-expanded > .field.filter-limit-field{grid-column:1/-1!important;max-width:none!important}
  .filters.is-filter-expanded .advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .filter-panel-toggle__copy small{white-space:normal}
}
@media (max-width:560px){
  .filters.is-filter-expanded .advanced-filters{grid-template-columns:1fr!important}
  .filter-panel-toggle{grid-template-columns:32px minmax(0,1fr) 24px;min-height:52px;padding:8px 10px}
  .filter-panel-toggle__copy strong{font-size:13.5px}
  .filter-panel-toggle__copy small{font-size:11px}
}


/* V466 BC8.2: sichtbarer BC-Live-Stand ohne Offenlegung interner Bestandsdaten an Kunden. */
.inventory-sync-note{
  display:inline-flex;
  align-items:center;
  gap:4px;
  width:max-content;
  max-width:100%;
  margin-top:3px;
  padding:3px 7px;
  border-radius:999px;
  opacity:1!important;
  font-size:.68rem!important;
  line-height:1.25;
}
.inventory-sync-note b{font-weight:900;}
.inventory-sync-note.is-live{
  color:#12682c;
  background:#e3f6e8;
  border:1px solid #b7dfc1;
}
.inventory-sync-note.is-live::before{
  content:"";
  flex:0 0 7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#138a36;
}
.inventory-sync-note.is-stale{
  color:#675300;
  background:#fff5c9;
  border:1px solid #e4cf78;
}
.inventory-sync-note.is-stale::before{
  content:"";
  flex:0 0 7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d9a400;
}
.inventory-sync-note.is-customer{font-size:.7rem!important;}
@media(max-width:700px){
  .inventory-sync-note{width:auto;align-self:flex-start;white-space:normal;}
}

/* V466 BC8.3: Live-Verfügbarkeit im Einstieg klar kommunizieren */
.login-benefit-hint{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:14px;
  padding:8px 13px;
  border:1px solid #cfe6cf;
  border-radius:999px;
  background:#f1faf1;
  color:#245c2d;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  box-shadow:0 3px 10px rgba(25,95,43,.06);
}
.login-benefit-hint__dot{
  flex:0 0 auto;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#12a83b;
  box-shadow:0 0 0 3px rgba(18,168,59,.10);
}
@media (max-width:700px){
  .login-benefit-hint{
    align-items:flex-start;
    border-radius:12px;
    font-size:12.5px;
    line-height:1.3;
  }
  .login-benefit-hint__dot{margin-top:3px;}
}


/* V466 BC9.1: Responsive QA und Kollisionsschutz für Produktkonfiguration.
   Ziel: keine Überlagerungen zwischen Menge, BC-Live-Verfügbarkeit, Primäraktion,
   Floating-Warenkorb und WhatsApp bei Smartphone, Tablet/iPad und kleineren Desktops. */
.selected-search-product__order,
.selected-search-product__order .preadd-controls,
.selected-search-product__order [data-preadd-inventory],
.selected-search-product__order .inventory-status,
.selected-search-product__choice-list,
.selected-product-choice{
  min-width:0;
  box-sizing:border-box;
}
.selected-search-product__order .inventory-status__content,
.selected-search-product__order .inventory-sync-note{
  max-width:100%;
  overflow-wrap:anywhere;
}

/* iPad / Tablet: variable Bestandsinformationen und CTA immer nacheinander.
   Die frühere zweispaltige Grid-Zeilenüberspannung konnte bei längeren Live-Texten
   den gelben CTA optisch in den Bestandsblock schieben. */
@media (min-width:961px) and (max-width:1180px){
  .selected-search-product__order{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .selected-search-product__order > h3,
  .selected-search-product__order > .preadd-controls,
  .selected-search-product__order > .selected-search-product__choice-list,
  .selected-search-product__order > .selected-search-product__package-lines,
  .selected-search-product__order > .selected-search-product__secondary,
  .selected-search-product__order > .favorite-button,
  .selected-search-product__order > .composite-product-choice{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
  }
  .selected-search-product__choice-list{
    grid-template-columns:1fr!important;
    align-self:stretch!important;
  }
  .selected-product-choice.single-action{margin-top:0!important;}
  .selected-search-product__order .preadd-controls{width:100%!important;}
}

/* Kleine Desktopbreite: zwei Spalten bleiben möglich, aber ohne Row-Span.
   Dadurch kann ein hoher BC-Bestandsblock niemals unter die Aktionsfläche rutschen. */
@media (min-width:1181px) and (max-width:1260px){
  .selected-search-product__choice-list{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
  }
  .selected-product-choice.single-action{margin-top:0!important;}
  .selected-search-product__package-lines,
  .selected-search-product__secondary{grid-row:auto!important;}
}

/* Der Header besitzt in diesen Breiten bereits einen Warenkorb-Button.
   Der zusätzliche seitliche Floating-Warenkorb wird ausgeblendet, sobald er in
   den nutzbaren Inhaltsbereich ragen könnte. */
@media (min-width:961px) and (max-width:1366px){
  body.desktop-cart-collapsed .desktop-cart-launcher,
  .desktop-cart-launcher{display:none!important;}
}

/* WhatsApp bleibt grundsätzlich verfügbar, verschwindet aber kurz automatisch,
   wenn die geschlossene Bubble eine kaufkritische Fläche tatsächlich überdecken würde. */
.kr-whatsapp-widget{
  transition:opacity .14s ease,transform .14s ease;
}
.kr-whatsapp-widget.is-collision-hidden{
  opacity:0!important;
  transform:translateY(10px)!important;
  pointer-events:none!important;
}

/* Smartphone: lange Live-Texte und bundweise Hinweise dürfen die Karte nie verbreitern. */
@media (max-width:700px){
  .selected-search-product__order .preadd-controls,
  .selected-search-product__order .inventory-status,
  .selected-search-product__order .selected-product-choice{
    width:100%!important;
    max-width:100%!important;
  }
  .selected-search-product__order .preadd-controls > *,
  .selected-search-product__order .inventory-status__content > *{
    min-width:0!important;
    max-width:100%!important;
  }
}


/* V467 BC9.2: wählbare Produktdarstellung ab Tabletbreite.
   Smartphone bis 700 px behält bewusst die bestehende kompakte Collapse-Karte.
   Dieselbe Produktkarten-DOM-Struktur wird nur neu angeordnet, damit Preis,
   BC-Verfügbarkeit, Menge/Ausführung und Kaufaktionen vollständig bedienbar bleiben. */
.result-view-switch{display:none;}
@media (min-width:701px){
  .results-summary__actions{align-items:center;flex-wrap:wrap;justify-content:flex-end;}
  .result-view-switch{
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:3px;
    border:1px solid #d4d8db;
    border-radius:10px;
    background:#fff;
    box-shadow:0 2px 7px rgba(17,19,21,.045);
  }
  .result-view-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    padding:7px 10px;
    border:1px solid transparent;
    border-radius:7px;
    background:transparent;
    color:#555d62;
    font:850 12px/1 Arial,sans-serif;
    cursor:pointer;
  }
  .result-view-button:hover{background:#f4f5f5;color:#111;}
  .result-view-button.is-active{
    border-color:#c9aa12;
    background:#fff4b5;
    color:#111;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
  }
  .result-view-button__icon{display:grid;flex:0 0 18px;width:18px;height:16px;gap:2px;}
  .result-view-button__icon i{display:block;border-radius:2px;background:currentColor;opacity:.86;}
  .result-view-button__icon--cards{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;}
  .result-view-button__icon--compact{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);}

  .results.is-compact-view{grid-template-columns:1fr!important;gap:9px!important;}
  .results.is-compact-view>.product-card{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(285px,.92fr);
    column-gap:14px;
    row-gap:7px;
    align-items:start;
    padding:12px 13px!important;
    border-radius:12px!important;
    box-shadow:0 2px 9px rgba(17,19,21,.045)!important;
  }
  .results.is-compact-view>.product-card:hover{box-shadow:0 5px 14px rgba(17,19,21,.07)!important;}
  .results.is-compact-view>.product-card>.mobile-product-summary{display:none!important;}
  .results.is-compact-view>.product-card>.card-head,
  .results.is-compact-view>.product-card>.catalog-item-status,
  .results.is-compact-view>.product-card>.article,
  .results.is-compact-view>.product-card>.product-keyline,
  .results.is-compact-view>.product-card>.key-specs-row,
  .results.is-compact-view>.product-card>.search-order-intent,
  .results.is-compact-view>.product-card>.variant,
  .results.is-compact-view>.product-card>.decor-preview,
  .results.is-compact-view>.product-card>.decor-abs-addon,
  .results.is-compact-view>.product-card>.claim-product-notice,
  .results.is-compact-view>.product-card>.details-row{grid-column:1;min-width:0;}
  .results.is-compact-view>.product-card>.prices,
  .results.is-compact-view>.product-card>.quantity-price-tiers,
  .results.is-compact-view>.product-card>.preadd-controls,
  .results.is-compact-view>.product-card>.card-actions{grid-column:2;min-width:0;}
  .results.is-compact-view>.product-card>details{grid-column:1/-1;min-width:0;margin-top:2px;}
  .results.is-compact-view>.product-card>.card-head{gap:8px;}
  .results.is-compact-view>.product-card .product-family-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px;}
  .results.is-compact-view>.product-card .product-family-icon svg{width:20px;height:20px;}
  .results.is-compact-view>.product-card .section{font-size:10px;}
  .results.is-compact-view>.product-card .family-label,.results.is-compact-view>.product-card .page{font-size:9.5px;}
  .results.is-compact-view>.product-card>.catalog-item-status{margin:0;padding:6px 8px;font-size:10px;line-height:1.28;}
  .results.is-compact-view>.product-card>.article{font-size:15px;line-height:1.2;}
  .results.is-compact-view>.product-card>.product-keyline{margin:0;}
  .results.is-compact-view>.product-card>.product-keyline strong{font-size:15px;line-height:1.22;}
  .results.is-compact-view>.product-card>.key-specs-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:2px 0!important;}
  .results.is-compact-view>.product-card>.key-specs-row .key-spec{min-height:48px;padding:7px 8px;border-radius:8px;box-shadow:none;}
  .results.is-compact-view>.product-card>.key-specs-row .key-spec small{font-size:8.5px;}
  .results.is-compact-view>.product-card>.key-specs-row .key-spec strong{font-size:12px;line-height:1.18;overflow-wrap:anywhere;}
  .results.is-compact-view>.product-card>.variant{font-size:12px;line-height:1.3;}
  .results.is-compact-view>.product-card>.details-row{gap:4px;}
  .results.is-compact-view>.product-card>.details-row .detail-chip{min-height:24px;padding:3px 7px;font-size:9.5px;}
  .results.is-compact-view>.product-card>.decor-preview{padding:7px 8px;gap:8px;}
  .results.is-compact-view>.product-card>.decor-preview .decor-preview-thumb-wrap{flex-basis:48px;width:48px;height:48px;}
  .results.is-compact-view>.product-card>.decor-preview .decor-preview-title{font-size:11px;}
  .results.is-compact-view>.product-card>.decor-preview .decor-preview-note{font-size:9.5px;}
  .results.is-compact-view>.product-card>.prices{margin:0;}
  .results.is-compact-view>.product-card>.prices .price{padding:8px 9px;}
  .results.is-compact-view>.product-card>.prices .price-main,
  .results.is-compact-view>.product-card>.prices .price-row.customer-price strong{font-size:16px;}
  .results.is-compact-view>.product-card>.prices .price-sub{font-size:9.5px;}
  .results.is-compact-view>.product-card>.preadd-controls{grid-template-columns:minmax(90px,auto) minmax(78px,96px) minmax(0,1fr);gap:6px;margin:0;padding:8px 9px;border-radius:9px;}
  .results.is-compact-view>.product-card>.preadd-controls label{font-size:10px;}
  .results.is-compact-view>.product-card>.preadd-controls input{height:42px;min-height:42px;}
  .results.is-compact-view>.product-card>.preadd-controls span{font-size:9.5px;overflow-wrap:anywhere;}
  .results.is-compact-view>.product-card>.preadd-controls .inventory-status{min-width:0;max-width:100%;}
  .results.is-compact-view>.product-card>.preadd-controls .inventory-status__content,
  .results.is-compact-view>.product-card>.preadd-controls .inventory-sync-note{max-width:100%;overflow-wrap:anywhere;}
  .results.is-compact-view>.product-card>.card-actions{align-self:end;gap:6px;}
  .results.is-compact-view>.product-card>.card-actions button{min-height:42px;}
  .results.is-compact-view>.product-card>.card-actions .add-button{flex-basis:145px;}
  .results.is-compact-view>.product-card>details summary{font-size:10px;}

  /* Ausgewählten Suchartikel in der Kompaktansicht ebenfalls straffen, ohne die
     sichere BC9.1-Reihenfolge von Bestand und Primäraktion auf Tablet aufzuheben. */
  .results.is-compact-view>.selected-search-product{padding:13px;border-radius:12px;box-shadow:0 7px 20px rgba(17,19,21,.08);}
  .results.is-compact-view>.selected-search-product .selected-search-product__badge{margin-bottom:9px;padding:6px 9px;font-size:9.5px;}
  .results.is-compact-view>.selected-search-product .selected-search-product__grid{gap:12px;}
  .results.is-compact-view>.selected-search-product .selected-search-product__info{gap:6px;padding:2px 0;}
  .results.is-compact-view>.selected-search-product .selected-search-product__info h2{font-size:20px;}
  .results.is-compact-view>.selected-search-product .selected-search-product__chips{gap:4px;}
  .results.is-compact-view>.selected-search-product .selected-search-product__chips span{padding:4px 6px;font-size:9px;}
  .results.is-compact-view>.selected-search-product .key-specs-row{gap:6px;margin:6px 0!important;}
  .results.is-compact-view>.selected-search-product .key-spec{min-height:50px;padding:8px 9px;}
  .results.is-compact-view>.selected-search-product .key-spec strong{font-size:12.5px;}
  .results.is-compact-view>.selected-search-product .selected-search-product__order{gap:8px;padding:11px;}
  .results.is-compact-view>.selected-search-product .selected-product-choice{min-height:54px;padding:9px 11px;}
  .results.is-compact-view>.selected-search-product .selected-search-product__details{margin-top:9px;padding-top:8px;}
}

@media (min-width:961px){
  .results.is-compact-view>.product-card{
    grid-template-columns:minmax(0,1.02fr) minmax(0,1.42fr) minmax(0,.82fr);
    column-gap:13px;
  }
  .results.is-compact-view>.product-card>.card-head,
  .results.is-compact-view>.product-card>.catalog-item-status,
  .results.is-compact-view>.product-card>.article,
  .results.is-compact-view>.product-card>.product-keyline,
  .results.is-compact-view>.product-card>.decor-preview,
  .results.is-compact-view>.product-card>.claim-product-notice{grid-column:1;}
  .results.is-compact-view>.product-card>.key-specs-row,
  .results.is-compact-view>.product-card>.search-order-intent,
  .results.is-compact-view>.product-card>.variant,
  .results.is-compact-view>.product-card>.decor-abs-addon,
  .results.is-compact-view>.product-card>.details-row,
  .results.is-compact-view>.product-card>.preadd-controls{grid-column:2;}
  .results.is-compact-view>.product-card>.prices,
  .results.is-compact-view>.product-card>.quantity-price-tiers,
  .results.is-compact-view>.product-card>.card-actions{grid-column:3;}
  .results.is-compact-view>.selected-search-product .selected-search-product__grid{
    grid-template-columns:120px minmax(0,1fr) minmax(220px,.78fr);
    align-items:stretch;
  }
  .results.is-compact-view>.selected-search-product .selected-search-product__visual,
  .results.is-compact-view>.selected-search-product .selected-search-product__visual>img,
  .results.is-compact-view>.selected-search-product .selected-search-product__visual-fallback{min-height:170px;}
  .results.is-compact-view>.selected-search-product .selected-search-product__order{
    grid-column:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .results.is-compact-view>.selected-search-product .selected-search-product__order>*{grid-column:auto!important;grid-row:auto!important;width:auto!important;}
  .results.is-compact-view>.selected-search-product .selected-search-product__choice-list{grid-template-columns:1fr!important;}
}

@media (min-width:701px) and (max-width:820px){
  .results-summary{align-items:flex-start;}
  .results-summary__actions{max-width:52%;gap:6px;}
  .result-view-button{min-height:44px;padding:7px 9px;}
  .results.is-compact-view>.product-card{grid-template-columns:minmax(0,1fr) minmax(255px,.92fr);column-gap:10px;padding:11px!important;}
  .results.is-compact-view>.product-card>.key-specs-row{grid-template-columns:1fr 1fr;}
  .results.is-compact-view>.product-card>.preadd-controls{grid-template-columns:1fr minmax(82px,102px);}
  .results.is-compact-view>.product-card>.preadd-controls span,
  .results.is-compact-view>.product-card>.preadd-controls [data-preadd-inventory]{grid-column:1/-1;}
  .results.is-compact-view>.product-card>.card-actions{display:grid;grid-template-columns:1fr;}
  .results.is-compact-view>.product-card>.card-actions button{width:100%;}
  .results.is-compact-view>.selected-search-product .selected-search-product__grid{grid-template-columns:120px minmax(0,1fr);}
  .results.is-compact-view>.selected-search-product .selected-search-product__visual,
  .results.is-compact-view>.selected-search-product .selected-search-product__visual>img,
  .results.is-compact-view>.selected-search-product .selected-search-product__visual-fallback{min-height:155px;}
  .results.is-compact-view>.selected-search-product .selected-search-product__order{grid-column:1/-1;}
}

@media (min-width:621px) and (max-width:700px){
  .result-view-switch{display:none!important;}
  .results.is-compact-view{grid-template-columns:1fr!important;}
}
@media (max-width:620px){
  .result-view-switch{display:none!important;}
  .results.is-compact-view{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
}

/* V468: echte kompakte Ergebnisliste, Lieferterminsignal, Review-Entfernen, verzögerter WhatsApp-Start */
.config-progress__item.is-clickable{cursor:pointer}
.config-progress__item.is-clickable:focus-visible{outline:3px solid #111;outline-offset:2px}

.results.is-compact-view{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.results.is-compact-view > .compact-result-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(160px,.4fr) minmax(330px,.9fr);gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(17,17,17,.1);border-radius:16px;background:#fff;box-shadow:none}
.results.is-compact-view > .compact-result-row.is-selected{border-color:#d0a800;background:linear-gradient(180deg,#fffbed 0%,#fff 100%)}
.compact-result-row__badge{grid-column:1 / -1;display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 10px;border-radius:999px;background:#fff3bf;color:#5c4b00;font-size:11px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.compact-result-row__main{min-width:0;display:grid;gap:6px}
.compact-result-row__eyebrow{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:11px;font-weight:850;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}
.compact-result-row__eyebrow span{display:inline-flex;align-items:center;gap:6px}
.compact-result-row__main h3{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.02em}
.compact-result-row__variant{margin:0;font-size:13px;line-height:1.4;color:#334155}
.compact-result-row__meta{display:flex;flex-wrap:wrap;gap:6px}
.compact-result-row__meta span{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid rgba(17,17,17,.12);border-radius:999px;background:#f8f8f7;font-size:12px;font-weight:800;color:#1f2937}
.compact-result-row__price{display:grid;gap:4px;align-content:center;justify-items:start;padding:8px 0}
.compact-result-row__price strong{font-size:22px;line-height:1.05;letter-spacing:-.02em;color:#111}
.compact-result-row__price small,.compact-result-row__price-note{font-size:12px;line-height:1.35;color:#6b7280;font-weight:800}
.compact-result-row__order{display:grid;gap:10px;align-items:center}
.compact-result-row__order .preadd-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;align-items:end;margin:0;padding:0;border:0;background:transparent}
.compact-result-row__order .preadd-controls > label,.compact-result-row__order .preadd-controls > span{display:none}
.compact-result-row__order .preadd-variant-control{display:grid;gap:4px;margin:0}
.compact-result-row__order .preadd-variant-control label{font-size:11px;font-weight:850;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}
.compact-result-row__order .preadd-variant-control span{display:none}
.compact-result-row__order .preadd-variant-control select,.compact-result-row__order .preadd-input{min-height:40px;border-radius:10px}
.compact-result-row__order [data-preadd-inventory]{grid-column:1 / -1;margin-top:-2px;padding:8px 10px;border-radius:12px}
.compact-result-row__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.compact-result-row__actions > *{margin:0!important}
.compact-result-row__actions .favorite-button,.compact-result-row__actions .sample-button,.compact-result-row__actions .add-button,.compact-result-row__actions .selected-product-choice{min-height:40px}
.compact-result-row__add{justify-content:center}
.results.is-compact-view > .product-card,.results.is-compact-view > .selected-search-product{margin:0}

.delivery-date-signal{display:grid;gap:4px;margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(185,28,28,.18);background:#fff5f5;color:#8b1f1f}
.delivery-date-signal strong{font-size:14px;line-height:1.25}
.delivery-date-signal span{font-size:13px;line-height:1.45}
.delivery-date-signal.is-selected{border-color:rgba(20,120,54,.18);background:#f0fff4;color:#166534}
.delivery-date-signal.is-automatic{border-color:rgba(180,139,0,.18);background:#fffbea;color:#6f5200}

.review-product__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.review-product__remove{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid rgba(185,28,28,.18);border-radius:999px;background:#fff5f5;color:#991b1b;font-size:12px;font-weight:900;cursor:pointer}
.review-product__remove:hover{background:#ffe9e9}

.kr-whatsapp-widget.is-deferred{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}

@media (max-width:1240px){
  .results.is-compact-view > .compact-result-row{grid-template-columns:minmax(0,1.3fr) minmax(150px,.35fr) minmax(300px,.8fr)}
}
@media (max-width:1100px){
  .results.is-compact-view > .compact-result-row{grid-template-columns:1fr;align-items:start}
  .compact-result-row__price{padding:0}
  .compact-result-row__order .preadd-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
  .results.is-compact-view > .compact-result-row{padding:12px}
  .compact-result-row__main h3{font-size:20px}
  .compact-result-row__meta span{font-size:11px;min-height:26px}
  .compact-result-row__order .preadd-controls{grid-template-columns:1fr 1fr}
  .compact-result-row__actions{display:grid;grid-template-columns:1fr 1fr}
  .compact-result-row__actions .add-button,.compact-result-row__actions .sample-button,.compact-result-row__actions .favorite-button{width:100%}
  .review-product__head{align-items:flex-start;flex-direction:column}
}

/* V469: Desktop-Kompaktansicht als echte Hochdichte-Liste */
.results.is-compact-view{gap:4px!important}
.results.is-compact-view > .compact-result-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.8fr) minmax(150px,.45fr) minmax(250px,.7fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px 12px!important;
  min-height:0!important;
  border-radius:10px!important;
}
.results.is-compact-view > .compact-result-row.is-selected{
  border-color:#198754!important;
  background:#f7fff9!important;
}
.compact-result-row__badge{display:none!important}
.compact-result-row__main{gap:3px!important}
.compact-result-row__topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.compact-result-row__source,.compact-result-row__page,.compact-result-row__picked{
  display:inline-flex;align-items:center;min-height:20px;padding:1px 7px;border-radius:999px;background:#f1f3f5;color:#5b6470;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase
}
.compact-result-row__picked{background:#e7f7ec;color:#166534}
.compact-result-row__main h3{font-size:18px!important;line-height:1.08!important;letter-spacing:-.015em!important}
.compact-result-row__variant,.compact-result-row__eyebrow,.compact-result-row__meta{display:none!important}
.compact-result-row__meta-line{margin:0;font-size:12px;line-height:1.32;color:#475569;font-weight:700}
.compact-result-row__price{gap:1px!important;padding:0!important;justify-items:end!important;text-align:right}
.compact-result-row__price strong{font-size:17px!important;line-height:1.05!important}
.compact-result-row__price small,.compact-result-row__price-note{font-size:11px!important;line-height:1.25!important}
.compact-result-row__order{display:grid!important;grid-template-columns:minmax(110px,140px) minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
.compact-result-row__order .preadd-controls--compact{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.compact-result-row__order .preadd-controls--compact > .preadd-compact-label{display:block!important;font-size:10px!important;line-height:1.1!important;font-weight:900!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.compact-result-row__order .preadd-controls--compact > .preadd-variant-control{display:none!important}
.compact-result-row__order .preadd-controls--compact > .preadd-input{min-height:34px!important;height:34px!important;padding:5px 9px!important;font-size:14px!important;border-radius:8px!important}
.compact-result-row__order [data-preadd-inventory]{display:none!important}
.compact-result-row__actions{display:none!important}
.compact-result-row__add{min-height:34px!important;height:34px!important;padding:0 12px!important;border-radius:8px!important;font-size:13px!important;white-space:nowrap!important}

@media (min-width:1400px){
  .results.is-compact-view > .compact-result-row{grid-template-columns:minmax(0,2fr) minmax(165px,.45fr) minmax(260px,.65fr)!important;padding:7px 11px!important}
  .compact-result-row__main h3{font-size:17px!important}
}
@media (max-width:1200px){
  .results.is-compact-view > .compact-result-row{grid-template-columns:minmax(0,1.4fr) minmax(140px,.42fr) minmax(220px,.68fr)!important}
  .compact-result-row__main h3{font-size:16px!important}
}
@media (max-width:980px){
  .results.is-compact-view > .compact-result-row{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}
  .compact-result-row__price{justify-items:start!important;text-align:left!important}
  .compact-result-row__order{grid-template-columns:minmax(110px,140px) minmax(0,1fr)!important}
}

/* V470: Kompaktansicht als Bestelloplus-artige Zeilenliste im Krüger-Stil */
.results.is-compact-view{display:block!important}
.selected-search-related-heading{display:none}
.compact-results-table{display:block;border:1px solid rgba(17,17,17,.10);border-radius:16px;overflow:hidden;background:#fff}
.compact-results-table__header,
.compact-results-table__row{display:grid;grid-template-columns:minmax(340px,2.6fr) minmax(220px,1.6fr) minmax(120px,.9fr) minmax(135px,.95fr) minmax(220px,1.25fr) 72px;align-items:center}
.compact-results-table__header{background:#12141a;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.compact-results-table__header > div{padding:10px 12px;border-right:1px solid rgba(255,255,255,.08)}
.compact-results-table__header > div:last-child{border-right:0;text-align:center}
.compact-results-table__row{background:#fff;border-top:1px solid rgba(17,17,17,.08);min-height:72px}
.compact-results-table__row:nth-child(even){background:#fcfcfb}
.compact-results-table__row.is-selected{background:#f3fbf5}
.compact-results-table__cell{padding:10px 12px;min-width:0;border-right:1px solid rgba(17,17,17,.06)}
.compact-results-table__cell:last-child{border-right:0}
.compact-results-table__cell--article{display:grid;gap:4px}
.compact-results-table__article-top{display:flex;flex-wrap:wrap;gap:6px}
.compact-results-table__article-top span{display:inline-flex;align-items:center;min-height:18px;padding:1px 7px;border-radius:999px;background:#f1f2f4;color:#5b6470;font-size:10px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.compact-results-table__article-top span:last-child{background:#fff3bf;color:#6a5300}
.compact-results-table__article-title{font-size:19px;line-height:1.12;font-weight:900;color:#121212}
.compact-results-table__article-sub{font-size:12px;line-height:1.3;color:#475569;font-weight:700}
.compact-results-table__spec-line{font-size:13px;line-height:1.4;color:#22303f;font-weight:700}
.compact-results-table__spec-line--empty{color:#6b7280;font-style:italic;font-weight:600}
.compact-results-table__cell--qty .preadd-controls--compact{display:grid;grid-template-columns:1fr;gap:6px;margin:0;padding:0;border:0;background:transparent}
.compact-results-table__cell--qty .preadd-controls--compact label,
.compact-results-table__cell--qty .preadd-controls--compact > span{display:none!important}
.compact-results-table__cell--qty .preadd-variant-control{display:grid;gap:4px;margin:0}
.compact-results-table__cell--qty .preadd-variant-control label{display:none!important}
.compact-results-table__cell--qty .preadd-variant-control select,
.compact-results-table__cell--qty .preadd-input{min-height:38px;height:38px;padding:6px 10px;border-radius:8px;font-size:14px}
.compact-results-table__cell--qty [data-preadd-inventory]{display:none}
.compact-results-table__cell--price{display:grid;gap:2px}
.compact-results-table__cell--price strong{display:block;font-size:18px;line-height:1.05;color:#111}
.compact-results-table__cell--price small,
.compact-results-table__availability-note,
.compact-results-table__cell--price .compact-result-row__price-note{font-size:11px;line-height:1.25;color:#6b7280;font-weight:800}
.compact-results-table__cell--availability [data-preadd-inventory]{display:block}
.compact-results-table__cell--availability .inventory-status{margin:0;padding:8px 10px;min-height:0;border-radius:10px}
.compact-results-table__cell--availability .inventory-status__content strong{font-size:12px}
.compact-results-table__cell--availability .inventory-status__content span,
.compact-results-table__cell--availability .inventory-status__content small{font-size:10px;line-height:1.25}
.compact-results-table__cell--action{display:flex;align-items:center;justify-content:center}
.compact-results-table__add{min-width:42px;min-height:38px;height:38px;padding:0 12px;border-radius:8px;font-size:22px;line-height:1;font-weight:900}

/* alte kartenartige Kompaktregeln neutralisieren */
.results.is-compact-view > .compact-result-row,
.results.is-compact-view > .product-card{display:contents!important}

@media (max-width:1380px){
  .compact-results-table__header,
  .compact-results-table__row{grid-template-columns:minmax(300px,2.4fr) minmax(190px,1.4fr) minmax(110px,.8fr) minmax(120px,.9fr) minmax(190px,1.15fr) 68px}
  .compact-results-table__article-title{font-size:17px}
}
@media (max-width:1180px){
  .compact-results-table__header{display:none}
  .compact-results-table{border:0;background:transparent}
  .compact-results-table__row{grid-template-columns:1fr;gap:0;border:1px solid rgba(17,17,17,.08);border-radius:14px;margin-bottom:8px;background:#fff}
  .compact-results-table__cell{border-right:0;border-top:1px solid rgba(17,17,17,.06)}
  .compact-results-table__cell:first-child{border-top:0}
  .compact-results-table__cell--action{justify-content:flex-start}
  .compact-results-table__add{width:100%;font-size:15px}
}

/* V471 BC9.6: sichere Hochdichte-Bestellliste. Nur Darstellung der Listenansicht. */
@media (min-width:1181px){
  body.compact-results-active .search-panel{
    margin-top:6px!important;
    padding:4px 8px!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  body.compact-results-active .search-panel > *:not(.filters){display:none!important;}
  body.compact-results-active .filters{gap:0!important;}
  body.compact-results-active .filters:not(.is-filter-expanded) > .filter-catalog-search{display:none!important;}
  body.compact-results-active .filters:not(.is-filter-expanded) > .filter-panel-toggle-wrap{display:block!important;}
  body.compact-results-active .filter-panel-toggle{
    min-height:34px!important;
    grid-template-columns:24px minmax(0,1fr) 20px!important;
    gap:7px!important;
    padding:3px 8px!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }
  body.compact-results-active .filter-panel-toggle__icon{width:22px!important;height:22px!important;border-radius:6px!important;font-size:11px!important;}
  body.compact-results-active .filter-panel-toggle__copy{display:flex!important;align-items:center!important;gap:8px!important;}
  body.compact-results-active .filter-panel-toggle__copy strong{font-size:12px!important;}
  body.compact-results-active .filter-panel-toggle__copy small{font-size:10px!important;}
  body.compact-results-active .filter-panel-toggle__chevron{font-size:18px!important;}
  body.compact-results-active .config-progress{display:none!important;}
  body.compact-results-active .workbench{margin-top:4px!important;}
  body.compact-results-active .results-summary{
    min-height:34px!important;
    padding:3px 0!important;
    margin:0!important;
    font-size:11px!important;
  }
  body.compact-results-active .results-summary__actions{gap:5px!important;}
  body.compact-results-active .result-view-switch{padding:2px!important;border-radius:7px!important;}
  body.compact-results-active .result-view-button{min-height:30px!important;padding:4px 8px!important;font-size:11px!important;border-radius:5px!important;}
  body.compact-results-active .results-summary .button{min-height:32px!important;padding:5px 9px!important;font-size:11px!important;}

  body.compact-results-active .compact-results-table{border-radius:9px!important;}
  body.compact-results-active .compact-results-table__header,
  body.compact-results-active .compact-results-table__row{
    grid-template-columns:minmax(310px,2.45fr) minmax(260px,1.85fr) 96px 128px minmax(145px,1.05fr) 48px!important;
  }
  body.compact-results-active .compact-results-table__header{
    min-height:28px!important;
    font-size:10px!important;
    letter-spacing:.03em!important;
  }
  body.compact-results-active .compact-results-table__header > div{padding:6px 8px!important;}
  body.compact-results-active .compact-results-table__row{
    min-height:43px!important;
    height:43px!important;
  }
  body.compact-results-active .compact-results-table__cell{
    padding:4px 8px!important;
    height:43px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.compact-results-active .compact-results-table__cell--article{display:block!important;padding-top:5px!important;}
  body.compact-results-active .compact-results-table__article-top,
  body.compact-results-active .compact-results-table__article-sub{display:none!important;}
  body.compact-results-active .compact-results-table__article-title{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:32px!important;
    font-weight:850!important;
  }
  body.compact-results-active .compact-results-table__spec-line{
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
  body.compact-results-active .compact-results-table__cell--qty .preadd-controls--compact{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.compact-results-active .compact-results-table__cell--qty .preadd-variant-control{
    flex:1 1 auto!important;
    min-width:0!important;
    display:block!important;
    margin:0!important;
  }
  body.compact-results-active .compact-results-table__cell--qty .preadd-variant-control label,
  body.compact-results-active .compact-results-table__cell--qty .preadd-variant-control span{display:none!important;}
  body.compact-results-active .compact-results-table__cell--qty .preadd-variant-control select{
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    padding:2px 4px!important;
    border-radius:6px!important;
    font-size:11px!important;
  }
  body.compact-results-active .compact-results-table__cell--qty .preadd-input{
    flex:0 0 54px!important;
    width:54px!important;
    height:30px!important;
    min-height:30px!important;
    padding:2px 6px!important;
    border-radius:6px!important;
    font-size:13px!important;
  }
  body.compact-results-active .compact-results-table__cell--price{display:block!important;padding-top:7px!important;white-space:nowrap!important;}
  body.compact-results-active .compact-results-table__cell--price strong{font-size:14px!important;line-height:1.1!important;white-space:nowrap!important;}
  body.compact-results-active .compact-results-table__cell--price small{display:none!important;}
  body.compact-results-active .compact-results-table__cell--price .compact-result-row__price-note{font-size:11px!important;white-space:nowrap!important;}
  body.compact-results-active .compact-results-table__cell--availability{padding:4px 7px!important;}
  body.compact-results-active .compact-availability{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    color:#344054!important;
  }
  body.compact-results-active .compact-availability__dot{
    flex:0 0 9px!important;
    width:9px!important;
    height:9px!important;
    border-radius:999px!important;
    background:#d8a000!important;
  }
  body.compact-results-active .compact-availability.is-green .compact-availability__dot{background:#159447!important;}
  body.compact-results-active .compact-availability.is-loading .compact-availability__dot{background:#8a939c!important;}
  body.compact-results-active .compact-availability strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11.5px!important;
    line-height:1.1!important;
  }
  body.compact-results-active .compact-results-table__cell--action{justify-content:center!important;padding:3px!important;}
  body.compact-results-active .compact-results-table__add{
    width:32px!important;
    min-width:32px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    border-radius:6px!important;
    font-size:18px!important;
  }
}

/* Tablet behält eine kompakte, berührbare Zeilendarstellung ohne horizontales Scrollen. */
@media (min-width:701px) and (max-width:1180px){
  body.compact-result-view .compact-results-table__row{margin-bottom:6px!important;}
  body.compact-result-view .compact-results-table__cell{padding:7px 9px!important;}
  body.compact-result-view .compact-results-table__article-top{display:none!important;}
  body.compact-result-view .compact-results-table__article-title{font-size:15px!important;}
  body.compact-result-view .compact-results-table__article-sub{display:none!important;}
  body.compact-result-view .compact-results-table__cell--availability .compact-availability{display:flex!important;align-items:center!important;gap:6px!important;}
  body.compact-result-view .compact-availability__dot{width:9px;height:9px;border-radius:999px;background:#d8a000;}
  body.compact-result-view .compact-availability.is-green .compact-availability__dot{background:#159447;}
}

/* V472 BC9.7: technische Artikeldaten in der Hochdichte-Liste getrennt sichtbar.
   Nur Listenansicht: Artikel | Dekor/Oberfläche | Stärke | Format | Menge | Preis | Verfügbarkeit | WK. */
@media (min-width:1181px){
  body.compact-results-active .compact-results-table__header,
  body.compact-results-active .compact-results-table__row{
    grid-template-columns:minmax(250px,2.15fr) minmax(180px,1.35fr) 72px 130px 76px 105px minmax(125px,.95fr) 46px!important;
  }
  body.compact-results-active .compact-results-table__cell--material,
  body.compact-results-active .compact-results-table__cell--strength,
  body.compact-results-active .compact-results-table__cell--format{
    min-width:0!important;
    white-space:nowrap!important;
  }
  body.compact-results-active .compact-results-table__cell--material span{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    font-weight:700!important;
    color:#273443!important;
  }
  body.compact-results-active .compact-results-table__cell--strength,
  body.compact-results-active .compact-results-table__cell--format{
    justify-content:flex-start!important;
  }
  body.compact-results-active .compact-results-table__cell--strength strong,
  body.compact-results-active .compact-results-table__cell--format strong{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:900!important;
    color:#111!important;
  }
}

/* Tablet: neue technische Felder bleiben lesbar, ohne Desktop-Spalten zu erzwingen. */
@media (min-width:701px) and (max-width:1180px){
  body.compact-result-view .compact-results-table__cell--material::before{content:"Dekor / Oberfläche: ";font-weight:900;}
  body.compact-result-view .compact-results-table__cell--strength::before{content:"Stärke: ";font-weight:900;}
  body.compact-result-view .compact-results-table__cell--format::before{content:"Format: ";font-weight:900;}
  body.compact-result-view .compact-results-table__cell--material,
  body.compact-result-view .compact-results-table__cell--strength,
  body.compact-result-view .compact-results-table__cell--format{font-size:12px!important;}
}

/* V474 BC9.9: verbindlicher Sperrholzträger-Hinweis im Verbundelement-Konfigurator */
/* V475 BC10.0: Hinweis sachlicher orange; Multiplex/Tischlerplatte/Furnierplatten eingeschlossen. */
.composite-plywood-notice-dialog[hidden]{display:none!important}
.composite-plywood-notice-dialog{position:fixed;inset:0;z-index:12050;display:grid;place-items:center;padding:18px}
.composite-plywood-notice-dialog__backdrop{position:absolute;inset:0;background:rgba(10,12,14,.62);backdrop-filter:blur(3px)}
.composite-plywood-notice-dialog__card{position:relative;z-index:1;width:min(700px,100%);border:2px solid #d97706;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.32);padding:24px}
.composite-plywood-notice-dialog__head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px}
.composite-plywood-notice-dialog__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:#f59e0b;color:#3b2500;font-size:28px;font-weight:1000}
.composite-plywood-notice-dialog__head small{display:block;margin-bottom:3px;color:#a65300;font-size:11px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.composite-plywood-notice-dialog__head h3{margin:0;color:#17191b;font-size:24px;line-height:1.1}
.composite-plywood-notice-dialog__card p{margin:0;padding:16px 17px;border-left:4px solid #d97706;border-radius:12px;background:#fff8e8;color:#292d31;font-size:15px;line-height:1.55;font-weight:700}
.composite-plywood-notice-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.composite-plywood-notice-dialog__actions button{min-height:44px;border:1px solid #bcc2c7;border-radius:10px;background:#fff;padding:9px 15px;color:#17191b;font:inherit;font-weight:900;cursor:pointer}
.composite-plywood-notice-dialog__actions button.primary{border-color:#d97706;background:#f59e0b;color:#3b2500}
.composite-plywood-inline-warning{display:grid;gap:5px;margin-top:12px;padding:11px 13px;border:1px solid rgba(217,119,6,.30);border-left:4px solid #d97706;border-radius:10px;background:#fff8e8;color:#6b3a00}
.composite-plywood-inline-warning strong{margin:0!important;color:#9a4b00;font-size:13px}
.composite-plywood-inline-warning span{font-size:11.5px;line-height:1.45;font-weight:700}
.cart-composite-plywood-warning{display:grid;gap:4px;margin-top:7px;padding:9px 10px;border:1px solid rgba(217,119,6,.28);border-left:4px solid #d97706;border-radius:8px;background:#fff8e8;color:#6b3a00;font-size:11.5px;line-height:1.45}
.cart-composite-plywood-warning strong{display:block;color:#9a4b00;font-size:12px}
@media(max-width:700px){
  .composite-plywood-notice-dialog{padding:10px;place-items:end center}
  .composite-plywood-notice-dialog__card{border-radius:18px;padding:18px}
  .composite-plywood-notice-dialog__head{grid-template-columns:40px minmax(0,1fr);gap:10px}
  .composite-plywood-notice-dialog__icon{width:40px;height:40px;font-size:23px}
  .composite-plywood-notice-dialog__head h3{font-size:20px}
  .composite-plywood-notice-dialog__card p{font-size:13.5px}
  .composite-plywood-notice-dialog__actions{display:grid;grid-template-columns:1fr}
  .composite-plywood-notice-dialog__actions button{width:100%}
}

/* V477: stabiles Warenkorbsymbol in der dichten Listenansicht */
.compact-results-table__add .compact-results-table__cart-icon{
  display:block;
  width:18px;
  height:18px;
  margin:auto;
  pointer-events:none;
}
body.compact-results-active .compact-results-table__add{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  line-height:1!important;
}
body.compact-results-active .compact-results-table__add.is-object-price-action .compact-results-table__cart-icon{
  opacity:.82;
}

/* V495 BC12.0 – direkte Flächenkontrolle bei Festformat-Platten */
.panel-area-summary{padding:7px 9px;border:1px solid #d9b900;border-radius:8px;background:#fff8cf;color:#2c2a1d;font-weight:800;line-height:1.3}
.preadd-controls .preadd-panel-area{grid-column:1 / -1;font-size:11px;color:#2c2a1d}
.compact-results-table__cell--qty .preadd-panel-area{font-size:9px;line-height:1.15;padding:4px 6px}
@media (max-width:760px){.preadd-controls .preadd-panel-area{grid-column:1 / -1;font-size:11px}.panel-area-summary{padding:7px 8px}}


/* V496 BC12.1 – Listenbestellung: Artikelnummer, Fläche, Favorit und Warenkorb direkt in der Zeile */
@media (min-width:1181px){
  body.compact-results-active .compact-results-table__header,
  body.compact-results-active .compact-results-table__row{
    grid-template-columns:100px minmax(225px,2fr) minmax(145px,1.15fr) 66px 112px minmax(175px,1.25fr) 100px minmax(118px,.9fr) 42px 44px!important;
  }
  body.compact-results-active .compact-results-table__row{min-height:58px!important;height:58px!important;}
  body.compact-results-active .compact-results-table__cell{height:58px!important;}
  body.compact-results-active .compact-results-table__cell--article-no{font-size:11px!important;font-weight:900!important;color:#273443!important;white-space:nowrap!important;}
  body.compact-results-active .compact-article-no{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body.compact-results-active .compact-article-no.is-empty,
  body.compact-results-active .compact-article-no.is-login{font-weight:700;color:#7a828b;}
  body.compact-results-active .compact-results-table__article-title{line-height:47px!important;}
  body.compact-results-active .compact-results-table__cell--qty{overflow:visible!important;}
  body.compact-results-active .compact-results-table__cell--qty .preadd-controls--compact{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:6px!important;
    row-gap:2px!important;
  }
  body.compact-results-active .compact-results-table__cell--qty .preadd-variant-control{grid-column:1 / -1!important;}
  body.compact-results-active .compact-results-table__cell--qty .preadd-input{grid-column:1!important;grid-row:1!important;}
  body.compact-results-active .compact-results-table__cell--qty .preadd-panel-area{
    display:block!important;
    grid-column:2!important;
    grid-row:1 / span 2!important;
    margin:0!important;
    padding:3px 5px!important;
    border-radius:6px!important;
    font-size:9.5px!important;
    line-height:1.18!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  body.compact-results-active .compact-results-table__cell--favorite{justify-content:center!important;padding:3px!important;}
  body.compact-results-active .favorite-button--compact{
    width:32px!important;
    min-width:32px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    border-radius:6px!important;
    gap:0!important;
  }
  body.compact-results-active .favorite-button--compact > span:first-child{font-size:20px!important;}
  body.compact-results-active .favorite-button--compact > span:last-child{display:none!important;}
}

@media (min-width:701px) and (max-width:1180px){
  body.compact-result-view .compact-results-table__cell--article-no::before{content:"Art.-Nr.: ";font-weight:900;}
  body.compact-result-view .compact-results-table__cell--article-no{font-size:12px!important;}
  body.compact-result-view .compact-results-table__cell--qty .preadd-panel-area{display:block!important;margin-top:5px!important;font-size:11px!important;}
  body.compact-result-view .compact-results-table__cell--favorite::before{content:"Favorit: ";font-weight:900;margin-right:8px;}
  body.compact-result-view .compact-results-table__cell--favorite{display:flex;align-items:center;}
  body.compact-result-view .favorite-button--compact > span:last-child{display:inline!important;}
}

/* V498 BC12.3 – Asset Cache Fix: release assets are requested with release-specific cache keys. */

/* V499 BC12.4: Kundenidentität ist im aktiven Mitarbeiter-Bestellerkontext verbindlich. */
.is-sales-context-locked{background:#f3f3f0!important;color:#333!important;cursor:not-allowed}

/* V500 BC12.5: Mitarbeiter können BC-Kunden vor dem ersten persönlichen Shopzugang im Firmenmodus öffnen; Preise bleiben serverseitig konditionsgebunden. */