/* ============================================================
   astra-shop.css - woertliche Uebernahme aus der eingefrorenen
   Referenz facetten-referenz-astra-v8.html
   (md5 618138e502cf21e83a1157b7f060b47f).
   Bloecke: [1] Haupt-Stylesheet aus <div id="pdc-shop">,
   [2] aeusserer Kopf-style-Block, [3] PartsDepot-Zusatz,
   [4] Fixrunde-1-Zusatz, [5] Fixrunde-2-Zusatz,
   [6] Fixrunde-3-Zusatz, [7] Listing-Nachladen (28.10.2026).
   Abweichungen von der v8 (Stand 17.09. abends, Freigaben Leon):
   1. html{color-scheme:light} / body{margin:0}-Boilerplate des
      Kopf-Blocks entfernt; color-scheme dafuer im Zusatz als
      :is(#pdc-shop,.pdc-karten){color-scheme:light} (fixiert die light-dark()-
      Werte der v8 auf den Hellmodus).
   2. Foto-Regel fuers Markfeld (die v8 kennt kein Produktfoto).
   3. Filteroptionen als GET-Links in Checkbox-Optik statt echter
      Checkboxen (SEO-/No-JS-Entscheid; Box-Optik der v3).
   4. Ansicht-Umschalter als a-Links statt buttons (inkl.
      Spiegelung der button-Regeln aus den Media-Queries).
   5. Geraete-Kaestchen im Aufklapper als a-Links statt buttons
      (.pdc-models a/span spiegelt .pdc-models button), Chips als
      a-Links (Reset-Regeln).
   6. Fixrunde-1-Zusatz (17.09. spaet, Freigaben Leon):
      Sortier-Marge, Seitengrund body.pd-listing, Aufklapper-
      Animation, Pagination-Optik, Scroll-/Such-Bloecke.
   7. Fixrunde-2-Zusatz (18.09., Freigaben Leon): Bestands-
      Punkt statt der v8-Stock-Icons (Gleichklang mit der
      Artikelseiten-Ampel), Swatch-Abstand, randlose
      Pagination, Custom-Select-Optik, Seitengrund auf den
      GeneratePress-Wrappern.
   8. Fixrunde-3-Zusatz (18.09., Freigaben Leon): Kauf-Toast
      des Ajax-Kaufs (astra-shop.js).
   Alles andere byte-woertlich. Aenderungen kuenftig im Mockup,
   dann Datei neu ableiten.
   ============================================================  *
 * Karten-Konsolidierung K1 (19.09.): Jeder #pdc-shop-Scope wurde
 * mechanisch zu :is(#pdc-shop,.pdc-karten) erweitert - gleiche
 * Spezifitaet (ID-Gewicht), gleiche Reihenfolge, das Listing
 * rendert pixelgleich. Die Artikelseite (und spaeter Regale/
 * Finder) traegt .pdc-karten am Sektions-Wrapper und erbt damit
 * die pdc-Karte samt Grid-Ansicht (.pdc-products.pdc-grid).
 */

/* ==== [1] v8-Haupt-Stylesheet (woertlich) ==== */
:is(#pdc-shop,.pdc-karten){--pdc-bg:light-dark(#f5f7fa,#101924);--pdc-paper:light-dark(#ffffff,#182331);--pdc-text:light-dark(#152d4c,#edf3fb);--pdc-muted:light-dark(#5b6b7e,#b2bfce);--pdc-line:light-dark(#dce3ec,#364455);--pdc-soft:light-dark(#edf2fb,#223957);--pdc-blue:light-dark(#2855b6,#a6c4ff);--pdc-button:light-dark(#2855b6,#517ede);--pdc-white:#fff;--pdc-navy:#142e51;--pdc-green:light-dark(#187348,#84d6a5);--pdc-green-bg:light-dark(#edf7f1,#163928);--pdc-amber:light-dark(#89530b,#efbf70);--pdc-ink:light-dark(#25303e,#b9c5d7);--pdc-cyan:light-dark(#0084b7,#59c3e8);--pdc-shadow:light-dark(#152d4c0a,#00000020);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--pdc-text);background:var(--pdc-bg);text-align:left;isolation:isolate}
:is(#pdc-shop,.pdc-karten) *{box-sizing:border-box}:is(#pdc-shop,.pdc-karten) [hidden]{display:none!important}:is(#pdc-shop,.pdc-karten) a{color:inherit;text-decoration:none}:is(#pdc-shop,.pdc-karten) button,:is(#pdc-shop,.pdc-karten) input,:is(#pdc-shop,.pdc-karten) select,:is(#pdc-shop,.pdc-karten) textarea{font:inherit}:is(#pdc-shop,.pdc-karten) button,:is(#pdc-shop,.pdc-karten) input,:is(#pdc-shop,.pdc-karten) select,:is(#pdc-shop,.pdc-karten) textarea{border-radius:6px}:is(#pdc-shop,.pdc-karten) button{color:inherit}:is(#pdc-shop,.pdc-karten) button:disabled{cursor:not-allowed;opacity:.55}:is(#pdc-shop,.pdc-karten) button:not(:disabled),:is(#pdc-shop,.pdc-karten) summary,:is(#pdc-shop,.pdc-karten) a,:is(#pdc-shop,.pdc-karten) select{cursor:pointer}:is(#pdc-shop,.pdc-karten) button:focus-visible,:is(#pdc-shop,.pdc-karten) input:focus-visible,:is(#pdc-shop,.pdc-karten) select:focus-visible,:is(#pdc-shop,.pdc-karten) textarea:focus-visible,:is(#pdc-shop,.pdc-karten) a:focus-visible,:is(#pdc-shop,.pdc-karten) summary:focus-visible{outline:3px solid var(--pdc-blue);outline-offset:3px}:is(#pdc-shop,.pdc-karten) svg{flex:none;vertical-align:middle}:is(#pdc-shop,.pdc-karten) h1,:is(#pdc-shop,.pdc-karten) h2,:is(#pdc-shop,.pdc-karten) h3,:is(#pdc-shop,.pdc-karten) p{margin:0}:is(#pdc-shop,.pdc-karten) .pdc-wrap{max-width:1280px;margin:auto;padding:0 32px}:is(#pdc-shop,.pdc-karten) .pdc-demo{font-size:11px;letter-spacing:.015em;text-align:center;padding:7px 16px;background:var(--pdc-soft);color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-top{background:var(--pdc-navy);color:var(--pdc-white);font-size:11px}:is(#pdc-shop,.pdc-karten) .pdc-top .pdc-wrap{display:flex;justify-content:space-between;padding-top:7px;padding-bottom:7px;gap:16px}:is(#pdc-shop,.pdc-karten) .pdc-header{background:var(--pdc-paper);border-bottom:1px solid var(--pdc-line)}:is(#pdc-shop,.pdc-karten) .pdc-header-main{display:flex;align-items:center;gap:24px;padding-top:20px;padding-bottom:19px}:is(#pdc-shop,.pdc-karten) .pdc-logo{width:141px;flex:none;display:block;background:#fff;border-radius:3px;padding:2px}:is(#pdc-shop,.pdc-karten) .pdc-logo img{display:block;width:100%;height:auto}:is(#pdc-shop,.pdc-karten) .pdc-search{display:flex;align-items:center;gap:10px;flex:1;min-width:160px;border:1px solid var(--pdc-line);background:var(--pdc-bg);border-radius:7px;padding:4px 4px 4px 14px}:is(#pdc-shop,.pdc-karten) .pdc-search input{border:0;min-width:0;flex:1;background:transparent;color:var(--pdc-text);height:34px;outline-offset:2px}:is(#pdc-shop,.pdc-karten) .pdc-search input::placeholder{color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-action{border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;padding:0;white-space:nowrap}:is(#pdc-shop,.pdc-karten) .pdc-action svg{color:var(--pdc-blue);width:23px;height:23px}:is(#pdc-shop,.pdc-karten) .pdc-action small{display:block;font-size:11px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-action strong{font-size:13px}:is(#pdc-shop,.pdc-karten) .pdc-nav{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--pdc-line);padding-top:0;padding-bottom:0}:is(#pdc-shop,.pdc-karten) .pdc-nav-group{display:flex;gap:28px;align-items:center}:is(#pdc-shop,.pdc-karten) .pdc-nav a,:is(#pdc-shop,.pdc-karten) .pdc-nav button{padding:13px 0;font-size:12px;background:none;border:0;border-radius:0;display:inline-flex;gap:7px;align-items:center;border-bottom:2px solid transparent;white-space:nowrap}:is(#pdc-shop,.pdc-karten) .pdc-nav .pdc-current{color:var(--pdc-blue);font-weight:650;border-bottom-color:var(--pdc-blue)}:is(#pdc-shop,.pdc-karten) .pdc-button{border:1px solid var(--pdc-line);background:var(--pdc-paper);color:var(--pdc-text);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;line-height:1.25;font-size:13px;font-weight:600;min-height:40px;text-align:center;text-decoration:none;border-radius:6px}:is(#pdc-shop,.pdc-karten) .pdc-button:hover{border-color:var(--pdc-blue);background:var(--pdc-soft)}:is(#pdc-shop,.pdc-karten) .pdc-primary{background:var(--pdc-button);border-color:var(--pdc-button);color:var(--pdc-white)}:is(#pdc-shop,.pdc-karten) .pdc-primary:hover{background:var(--pdc-button);filter:brightness(.94)}:is(#pdc-shop,.pdc-karten) .pdc-iconbutton{padding:9px;min-width:38px;min-height:38px}:is(#pdc-shop,.pdc-karten) .pdc-link{border:0;background:transparent;padding:0;color:var(--pdc-blue);font-size:12px;text-decoration:underline;text-underline-offset:3px}:is(#pdc-shop,.pdc-karten) .pdc-muted{color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:is(#pdc-shop,.pdc-karten) .pdc-main{padding-top:23px;padding-bottom:40px}:is(#pdc-shop,.pdc-karten) .pdc-breadcrumb{font-size:11px;color:var(--pdc-muted);display:flex;gap:8px;align-items:center;margin-bottom:21px}:is(#pdc-shop,.pdc-karten) .pdc-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}:is(#pdc-shop,.pdc-karten) h1{font-size:30px;line-height:1.15;letter-spacing:-.7px;font-weight:700;margin-bottom:7px}:is(#pdc-shop,.pdc-karten) .pdc-heading p{color:var(--pdc-muted);font-size:13px}:is(#pdc-shop,.pdc-karten) .pdc-heading-note{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-heading-note svg{color:var(--pdc-blue);width:25px;height:25px}:is(#pdc-shop,.pdc-karten) .pdc-heading-note strong{display:block;color:var(--pdc-text);font-size:12px}:is(#pdc-shop,.pdc-karten) .pdc-device{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:19px 22px;background:var(--pdc-paper);border:1px solid var(--pdc-line);border-left:3px solid var(--pdc-blue);border-radius:8px;margin-bottom:24px;box-shadow:0 3px 12px var(--pdc-shadow)}:is(#pdc-shop,.pdc-karten) .pdc-device-caption{display:flex;gap:11px;align-items:center}:is(#pdc-shop,.pdc-karten) .pdc-device-caption svg{color:var(--pdc-blue);width:25px;height:25px}:is(#pdc-shop,.pdc-karten) .pdc-device-caption strong{font-size:13px;display:block}:is(#pdc-shop,.pdc-karten) .pdc-device-caption span{font-size:11px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-device-controls{display:flex;gap:8px;align-items:center;min-width:0}:is(#pdc-shop,.pdc-karten) input:not([type=checkbox]),:is(#pdc-shop,.pdc-karten) select,:is(#pdc-shop,.pdc-karten) textarea{background:var(--pdc-paper);color:var(--pdc-text);border:1px solid var(--pdc-line);padding:10px 11px;min-height:40px}:is(#pdc-shop,.pdc-karten) .pdc-search input{background:transparent;border:0;padding:3px 0;min-height:34px}:is(#pdc-shop,.pdc-karten) .pdc-device input{min-width:0;width:100%;font-size:13px}:is(#pdc-shop,.pdc-karten) .pdc-device input::placeholder{color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-device .pdc-button{white-space:nowrap}:is(#pdc-shop,.pdc-karten) .pdc-device-tip{font-size:11px;max-width:166px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-error{font-size:12px;color:var(--pdc-amber);grid-column:1/-1}:is(#pdc-shop,.pdc-karten) .pdc-layout{display:grid;grid-template-columns:202px minmax(0,1fr);gap:26px;align-items:start}:is(#pdc-shop,.pdc-karten) .pdc-filter-title{display:flex;align-items:center;justify-content:space-between;padding:9px 0 17px;gap:8px}:is(#pdc-shop,.pdc-karten) .pdc-filter-title h2{font-size:15px;display:flex;gap:7px;align-items:center}:is(#pdc-shop,.pdc-karten) .pdc-filter-block{padding:16px 0;border-top:1px solid var(--pdc-line)}:is(#pdc-shop,.pdc-karten) .pdc-filter-block h3{font-size:12px;font-weight:650;margin-bottom:11px}:is(#pdc-shop,.pdc-karten) .pdc-filter-option{display:flex;align-items:center;gap:8px;min-height:31px;font-size:12px;cursor:pointer}:is(#pdc-shop,.pdc-karten) input[type=checkbox]{width:15px;height:15px;accent-color:var(--pdc-button);margin:0;flex:none}:is(#pdc-shop,.pdc-karten) .pdc-filter-option .pdc-count{margin-left:auto;font-size:11px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-filter-option:has(input:disabled){opacity:.48;cursor:default}:is(#pdc-shop,.pdc-karten) .pdc-swatch{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:var(--pdc-line)}:is(#pdc-shop,.pdc-karten) .pdc-swatch[data-color=Schwarz]{background:var(--pdc-ink)}:is(#pdc-shop,.pdc-karten) .pdc-swatch[data-color=Cyan]{background:var(--pdc-cyan)}:is(#pdc-shop,.pdc-karten) .pdc-stock-filter{font-size:12px;min-height:34px}:is(#pdc-shop,.pdc-karten) .pdc-help{margin-top:20px;padding:16px;background:var(--pdc-paper);border:1px solid var(--pdc-line);border-radius:7px;font-size:12px}:is(#pdc-shop,.pdc-karten) .pdc-help>svg{color:var(--pdc-blue);margin-bottom:10px}:is(#pdc-shop,.pdc-karten) .pdc-help strong{display:block;margin-bottom:6px}:is(#pdc-shop,.pdc-karten) .pdc-help p{font-size:11px;color:var(--pdc-muted);margin-bottom:12px}:is(#pdc-shop,.pdc-karten) .pdc-help a{font-size:12px;color:var(--pdc-blue);font-weight:600}:is(#pdc-shop,.pdc-karten) .pdc-results-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:43px;margin-bottom:12px;flex-wrap:wrap}:is(#pdc-shop,.pdc-karten) .pdc-results-title{font-size:15px;font-weight:650}:is(#pdc-shop,.pdc-karten) .pdc-results-title small{font-weight:400;font-size:11px;color:var(--pdc-muted);margin-left:7px}:is(#pdc-shop,.pdc-karten) .pdc-results-controls{display:flex;align-items:center;gap:10px}:is(#pdc-shop,.pdc-karten) .pdc-results-controls select{font-size:12px;padding:8px 26px 8px 10px;min-height:36px;max-width:170px}:is(#pdc-shop,.pdc-karten) .pdc-view{display:flex;border:1px solid var(--pdc-line);border-radius:6px;background:var(--pdc-paper);padding:2px;gap:2px}:is(#pdc-shop,.pdc-karten) .pdc-view button{width:32px;height:30px;border:0;background:transparent;border-radius:4px;padding:6px}:is(#pdc-shop,.pdc-karten) .pdc-view button[aria-pressed=true]{background:var(--pdc-soft);color:var(--pdc-blue)}:is(#pdc-shop,.pdc-karten) .pdc-mobile-filter{display:none}:is(#pdc-shop,.pdc-karten) .pdc-active{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:12px}:is(#pdc-shop,.pdc-karten) .pdc-active:empty{display:none}:is(#pdc-shop,.pdc-karten) .pdc-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--pdc-line);background:var(--pdc-paper);padding:6px 8px;border-radius:5px;font-size:11px}:is(#pdc-shop,.pdc-karten) .pdc-chip svg{width:13px;height:13px}:is(#pdc-shop,.pdc-karten) .pdc-list-head{display:grid;grid-template-columns:minmax(0,1fr) 178px;gap:24px;padding:0 18px 9px;color:var(--pdc-muted);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}:is(#pdc-shop,.pdc-karten) .pdc-products{display:grid;gap:10px}:is(#pdc-shop,.pdc-karten) .pdc-product{background:var(--pdc-paper);border:1px solid var(--pdc-line);border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) 178px;gap:16px 24px;padding:18px;box-shadow:0 2px 4px var(--pdc-shadow);min-width:0;position:relative}:is(#pdc-shop,.pdc-karten) .pdc-product:hover{border-color:color-mix(in srgb,var(--pdc-blue) 42%,var(--pdc-line))}:is(#pdc-shop,.pdc-karten) .pdc-product-main{display:grid;grid-template-columns:74px minmax(0,1fr);gap:15px;min-width:0}:is(#pdc-shop,.pdc-karten) .pdc-part-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--pdc-bg);border-radius:6px;min-height:81px;max-height:94px;padding:10px 3px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-part-mark svg{width:29px;height:29px;stroke-width:1.25;color:var(--pdc-blue)}:is(#pdc-shop,.pdc-karten) .pdc-part-mark span{font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;text-align:center}:is(#pdc-shop,.pdc-karten) .pdc-product-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:7px;font-size:10px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-badge{font-size:10px;font-weight:650;background:var(--pdc-soft);color:var(--pdc-blue);padding:2px 6px;border-radius:3px}:is(#pdc-shop,.pdc-karten) .pdc-badge-original{background:var(--pdc-text);color:var(--pdc-paper)}:is(#pdc-shop,.pdc-karten) .pdc-product h3{font-size:16px;line-height:1.35;letter-spacing:-.15px;margin-bottom:4px;font-weight:650}:is(#pdc-shop,.pdc-karten) .pdc-product h3 .pdc-title-ref{font-size:18px;font-weight:700;color:var(--pdc-text)}:is(#pdc-shop,.pdc-karten) .pdc-product h3 .pdc-title-name{font-weight:500;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-product .pdc-sku{font-size:11px;color:var(--pdc-muted);overflow-wrap:anywhere}:is(#pdc-shop,.pdc-karten) .pdc-product-spec{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;margin-top:9px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-product-spec b{font-weight:400;color:var(--pdc-line)}:is(#pdc-shop,.pdc-karten) .pdc-fit{font-size:11px;margin-top:9px;line-height:1.6;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-fit.pdc-fit-confirm{color:var(--pdc-green)}:is(#pdc-shop,.pdc-karten) .pdc-fit svg{width:13px;height:13px;margin-right:3px}:is(#pdc-shop,.pdc-karten) .pdc-price-head{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}:is(#pdc-shop,.pdc-karten) .pdc-price-label{font-size:10px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-price{font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.5px;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:2px}:is(#pdc-shop,.pdc-karten) .pdc-save{border:0;background:transparent;color:var(--pdc-muted);padding:3px;min-width:28px;min-height:28px}:is(#pdc-shop,.pdc-karten) .pdc-save[aria-pressed=true]{color:var(--pdc-blue)}:is(#pdc-shop,.pdc-karten) .pdc-save[aria-pressed=true] svg{fill:var(--pdc-soft)}:is(#pdc-shop,.pdc-karten) .pdc-tier{font-size:10px;color:var(--pdc-muted);margin-top:4px}:is(#pdc-shop,.pdc-karten) .pdc-stock{font-size:11px;color:var(--pdc-green);margin:9px 0;display:flex;align-items:center;gap:5px;flex-wrap:wrap}:is(#pdc-shop,.pdc-karten) .pdc-stock svg{width:13px;height:13px}:is(#pdc-shop,.pdc-karten) .pdc-stock-unavailable{color:var(--pdc-amber)}:is(#pdc-shop,.pdc-karten) .pdc-order{display:flex;gap:6px;align-items:stretch}:is(#pdc-shop,.pdc-karten) .pdc-order input{width:52px;min-width:0;padding:8px 4px;text-align:center;min-height:37px;font-size:13px}:is(#pdc-shop,.pdc-karten) .pdc-order button{flex:1;padding:8px;font-size:11px;min-height:37px;white-space:nowrap}:is(#pdc-shop,.pdc-karten) .pdc-order button svg{width:15px;height:15px}:is(#pdc-shop,.pdc-karten) .pdc-details{grid-column:1/-1;border-top:1px solid var(--pdc-line);padding-top:10px;font-size:11px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-details summary{color:var(--pdc-blue);display:list-item;width:fit-content;font-size:11px}:is(#pdc-shop,.pdc-karten) .pdc-details[open] summary{margin-bottom:13px}:is(#pdc-shop,.pdc-karten) .pdc-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;padding:4px 0 8px}:is(#pdc-shop,.pdc-karten) .pdc-detail-grid h4{margin:0 0 8px;color:var(--pdc-text);font-size:12px}:is(#pdc-shop,.pdc-karten) .pdc-models{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:13px}:is(#pdc-shop,.pdc-karten) .pdc-models button{background:var(--pdc-bg);border:1px solid var(--pdc-line);border-radius:4px;padding:5px 7px;font-size:11px;color:var(--pdc-blue)}:is(#pdc-shop,.pdc-karten) .pdc-pricetable{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:6px}:is(#pdc-shop,.pdc-karten) .pdc-pricetable td{padding:5px 0;border-bottom:1px solid var(--pdc-line)}:is(#pdc-shop,.pdc-karten) .pdc-pricetable td:last-child{text-align:right;color:var(--pdc-text);font-variant-numeric:tabular-nums}:is(#pdc-shop,.pdc-karten) .pdc-line-error{grid-column:1/-1;color:var(--pdc-amber);font-size:12px}:is(#pdc-shop,.pdc-karten) .pdc-products.pdc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product{grid-template-columns:minmax(0,1fr);gap:15px}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product-main{grid-template-columns:56px minmax(0,1fr);gap:11px}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product h3 .pdc-title-ref{font-size:17px}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product h3 .pdc-title-name{display:block;font-size:13px}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product-meta{min-height:34px}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-order button{font-size:12px}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-detail-grid{grid-template-columns:1fr}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-buy{border-top:1px solid var(--pdc-line);padding-top:13px}:is(#pdc-shop,.pdc-karten) .pdc-empty{padding:45px 24px;background:var(--pdc-paper);border:1px solid var(--pdc-line);border-radius:8px;text-align:center}:is(#pdc-shop,.pdc-karten) .pdc-empty h3{font-size:18px;margin-bottom:9px}:is(#pdc-shop,.pdc-karten) .pdc-empty p{color:var(--pdc-muted);font-size:13px;max-width:390px;margin:0 auto 18px}:is(#pdc-shop,.pdc-karten) .pdc-results-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:var(--pdc-muted);padding:21px 0}:is(#pdc-shop,.pdc-karten) .pdc-bottom-service{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--pdc-line);margin-top:18px;padding:28px 0 0}:is(#pdc-shop,.pdc-karten) .pdc-bottom-service h2{font-size:17px;letter-spacing:-.2px;margin-bottom:4px}:is(#pdc-shop,.pdc-karten) .pdc-bottom-service p{font-size:12px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-panel{padding:24px;margin-bottom:24px;background:var(--pdc-paper);border:1px solid var(--pdc-blue);border-radius:8px}:is(#pdc-shop,.pdc-karten) .pdc-panel-header{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px;align-items:start}:is(#pdc-shop,.pdc-karten) .pdc-panel h2{font-size:21px;letter-spacing:-.3px}:is(#pdc-shop,.pdc-karten) .pdc-panel-header p{font-size:12px;color:var(--pdc-muted);margin-top:4px}:is(#pdc-shop,.pdc-karten) .pdc-panel-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}:is(#pdc-shop,.pdc-karten) .pdc-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}:is(#pdc-shop,.pdc-karten) .pdc-panel textarea{width:100%;min-height:126px;resize:vertical;font-size:14px}:is(#pdc-shop,.pdc-karten) .pdc-panel-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}:is(#pdc-shop,.pdc-karten) .pdc-panel-message{margin-top:12px;font-size:12px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-panel-error{color:var(--pdc-amber)}:is(#pdc-shop,.pdc-karten) .pdc-quick-note{font-size:12px;color:var(--pdc-muted);padding:14px 18px;background:var(--pdc-bg);border-radius:6px}:is(#pdc-shop,.pdc-karten) .pdc-quick-note h3{font-size:13px;color:var(--pdc-text);margin-bottom:8px}:is(#pdc-shop,.pdc-karten) .pdc-quick-note p+p{margin-top:10px}:is(#pdc-shop,.pdc-karten) .pdc-cart-row{display:grid;grid-template-columns:minmax(0,1fr) 85px 100px 38px;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--pdc-line);font-size:13px}:is(#pdc-shop,.pdc-karten) .pdc-cart-row small{display:block;font-size:11px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-cart-row input{width:100%;padding:8px;min-height:36px}:is(#pdc-shop,.pdc-karten) .pdc-cart-row strong{text-align:right;font-variant-numeric:tabular-nums}:is(#pdc-shop,.pdc-karten) .pdc-cart-summary{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:18px;align-items:center}:is(#pdc-shop,.pdc-karten) .pdc-cart-total{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}:is(#pdc-shop,.pdc-karten) .pdc-notice{background:var(--pdc-green-bg);color:var(--pdc-green);border-radius:6px;padding:11px 14px;margin-bottom:14px;display:flex;justify-content:space-between;gap:15px;font-size:12px;align-items:center}:is(#pdc-shop,.pdc-karten) .pdc-notice button{font-size:12px;color:inherit;white-space:nowrap}:is(#pdc-shop,.pdc-karten) .pdc-footer{background:var(--pdc-paper);border-top:1px solid var(--pdc-line);font-size:12px}:is(#pdc-shop,.pdc-karten) .pdc-footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:32px;padding-top:30px;padding-bottom:25px}:is(#pdc-shop,.pdc-karten) .pdc-footer .pdc-logo{width:107px;margin-bottom:12px}:is(#pdc-shop,.pdc-karten) .pdc-footer h3{font-size:12px;margin-bottom:12px}:is(#pdc-shop,.pdc-karten) .pdc-footer p,:is(#pdc-shop,.pdc-karten) .pdc-footer a{font-size:11px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}:is(#pdc-shop,.pdc-karten) .pdc-footer .pdc-phone{font-size:16px;font-weight:650;color:var(--pdc-text);display:block;margin-bottom:5px}:is(#pdc-shop,.pdc-karten) .pdc-footer-bottom{padding-top:17px;padding-bottom:18px;border-top:1px solid var(--pdc-line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--pdc-muted);font-size:10px}:is(#pdc-shop,.pdc-karten) .pdc-footer-bottom>div{display:flex;gap:19px}:is(#pdc-shop,.pdc-karten) .pdc-about-demo{border-top:1px solid var(--pdc-line);padding-top:13px;padding-bottom:15px;font-size:11px;color:var(--pdc-muted)}:is(#pdc-shop,.pdc-karten) .pdc-about-demo p{margin-top:10px;max-width:840px}:is(#pdc-shop,.pdc-karten) .pdc-about-demo a{text-decoration:underline}:is(#pdc-shop,.pdc-karten) .pdc-account-note{display:flex;align-items:center;gap:12px;margin:8px 0 20px;padding:14px 16px;background:var(--pdc-soft);border-radius:6px;font-size:13px}:is(#pdc-shop,.pdc-karten) .pdc-account-note p{color:var(--pdc-muted);font-size:12px;margin-top:3px}
@media(min-width:1200px){:is(#pdc-shop,.pdc-karten) .pdc-product{padding:20px 22px}:is(#pdc-shop,.pdc-karten) .pdc-layout{grid-template-columns:215px minmax(0,1fr);gap:30px}:is(#pdc-shop,.pdc-karten) .pdc-products.pdc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product-main{grid-template-columns:1fr}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-part-mark{min-height:80px;max-height:80px;flex-direction:row}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product-meta{min-height:22px}}
@media(max-width:1000px){:is(#pdc-shop,.pdc-karten) .pdc-wrap{padding-left:22px;padding-right:22px}:is(#pdc-shop,.pdc-karten) .pdc-header-main{gap:18px}:is(#pdc-shop,.pdc-karten) .pdc-logo{width:122px}:is(#pdc-shop,.pdc-karten) .pdc-action small{font-size:10px}:is(#pdc-shop,.pdc-karten) .pdc-heading-note{display:none}:is(#pdc-shop,.pdc-karten) .pdc-device{grid-template-columns:auto minmax(0,1fr);gap:18px}:is(#pdc-shop,.pdc-karten) .pdc-device-tip{display:none}:is(#pdc-shop,.pdc-karten) .pdc-layout{grid-template-columns:176px minmax(0,1fr);gap:20px}:is(#pdc-shop,.pdc-karten) .pdc-product{padding:16px;gap:14px;grid-template-columns:minmax(0,1fr) 162px}:is(#pdc-shop,.pdc-karten) .pdc-product-main{grid-template-columns:54px minmax(0,1fr);gap:12px}:is(#pdc-shop,.pdc-karten) .pdc-list-head{grid-template-columns:minmax(0,1fr) 162px;gap:14px}:is(#pdc-shop,.pdc-karten) .pdc-part-mark span{font-size:9px}:is(#pdc-shop,.pdc-karten) .pdc-product h3 .pdc-title-name{display:block;font-size:13px}:is(#pdc-shop,.pdc-karten) .pdc-order{gap:4px}:is(#pdc-shop,.pdc-karten) .pdc-order input{width:46px}:is(#pdc-shop,.pdc-karten) .pdc-order button{font-size:11px;padding:7px 6px;gap:5px}:is(#pdc-shop,.pdc-karten) .pdc-nav-group{gap:20px}:is(#pdc-shop,.pdc-karten) .pdc-nav a,:is(#pdc-shop,.pdc-karten) .pdc-nav button{font-size:11px}}
@media(max-width:760px){:is(#pdc-shop,.pdc-karten) .pdc-wrap{padding-left:18px;padding-right:18px}:is(#pdc-shop,.pdc-karten) .pdc-top .pdc-wrap span:last-child{display:none}:is(#pdc-shop,.pdc-karten) .pdc-header-main{flex-wrap:wrap;gap:16px;padding-top:16px;padding-bottom:13px}:is(#pdc-shop,.pdc-karten) .pdc-logo{width:119px;margin-right:auto}:is(#pdc-shop,.pdc-karten) .pdc-search{order:4;flex-basis:100%}:is(#pdc-shop,.pdc-karten) .pdc-action strong{font-size:12px}:is(#pdc-shop,.pdc-karten) .pdc-action small{font-size:10px}:is(#pdc-shop,.pdc-karten) .pdc-header-main .pdc-action{gap:6px}:is(#pdc-shop,.pdc-karten) .pdc-header-main .pdc-action svg{width:21px;height:21px}:is(#pdc-shop,.pdc-karten) .pdc-nav{flex-wrap:wrap;gap:0}:is(#pdc-shop,.pdc-karten) .pdc-nav-group{gap:20px}:is(#pdc-shop,.pdc-karten) .pdc-nav-group:last-child{margin-left:auto}:is(#pdc-shop,.pdc-karten) .pdc-nav-group:last-child button:first-child{display:none}:is(#pdc-shop,.pdc-karten) h1{font-size:27px}:is(#pdc-shop,.pdc-karten) .pdc-heading{margin-bottom:18px}:is(#pdc-shop,.pdc-karten) .pdc-device{padding:16px;gap:13px;grid-template-columns:1fr}:is(#pdc-shop,.pdc-karten) .pdc-device-caption span{display:none}:is(#pdc-shop,.pdc-karten) .pdc-device-caption svg{width:21px;height:21px}:is(#pdc-shop,.pdc-karten) .pdc-layout{display:flex;flex-direction:column;gap:12px}:is(#pdc-shop,.pdc-karten) .pdc-sidebar{display:none;width:100%}:is(#pdc-shop,.pdc-karten).pdc-filters-open .pdc-sidebar{display:block;background:var(--pdc-paper);border:1px solid var(--pdc-line);padding:15px;border-radius:7px}:is(#pdc-shop,.pdc-karten) .pdc-help{display:none}:is(#pdc-shop,.pdc-karten) .pdc-filter-block{display:inline-block;width:49%;vertical-align:top;padding-right:15px}:is(#pdc-shop,.pdc-karten) .pdc-stock-filter{margin-bottom:15px}:is(#pdc-shop,.pdc-karten) .pdc-results{width:100%}:is(#pdc-shop,.pdc-karten) .pdc-mobile-filter{display:inline-flex;font-size:12px;min-height:36px;padding:8px 10px}:is(#pdc-shop,.pdc-karten) .pdc-results-top{gap:10px}:is(#pdc-shop,.pdc-karten) .pdc-results-title{flex:1;font-size:14px}:is(#pdc-shop,.pdc-karten) .pdc-results-controls{margin-left:auto}:is(#pdc-shop,.pdc-karten) .pdc-results-title small{display:block;margin-left:0}:is(#pdc-shop,.pdc-karten) .pdc-panel-layout{grid-template-columns:1fr}:is(#pdc-shop,.pdc-karten) .pdc-panel{padding:18px}:is(#pdc-shop,.pdc-karten) .pdc-footer-main{grid-template-columns:1fr 1fr;gap:26px}:is(#pdc-shop,.pdc-karten) .pdc-bottom-service{align-items:flex-start}:is(#pdc-shop,.pdc-karten) .pdc-bottom-service .pdc-button{white-space:nowrap}:is(#pdc-shop,.pdc-karten) .pdc-products.pdc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product-main{grid-template-columns:1fr}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-part-mark{min-height:65px;flex-direction:row}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product-meta{min-height:22px}}
@media(max-width:480px){:is(#pdc-shop,.pdc-karten) .pdc-wrap{padding-left:13px;padding-right:13px}:is(#pdc-shop,.pdc-karten) .pdc-demo{font-size:10px;padding:7px 10px}:is(#pdc-shop,.pdc-karten) .pdc-header-main{gap:13px}:is(#pdc-shop,.pdc-karten) .pdc-logo{width:106px}:is(#pdc-shop,.pdc-karten) .pdc-action small{display:none}:is(#pdc-shop,.pdc-karten) .pdc-action strong{font-size:11px}:is(#pdc-shop,.pdc-karten) .pdc-header-main .pdc-action{gap:5px}:is(#pdc-shop,.pdc-karten) .pdc-nav-group{gap:17px}:is(#pdc-shop,.pdc-karten) .pdc-nav-group:last-child{width:100%;border-top:1px solid var(--pdc-line)}:is(#pdc-shop,.pdc-karten) .pdc-nav-group:last-child button:first-child{display:inline-flex}:is(#pdc-shop,.pdc-karten) .pdc-nav-group:last-child button:last-child{margin-left:auto}:is(#pdc-shop,.pdc-karten) .pdc-nav a,:is(#pdc-shop,.pdc-karten) .pdc-nav button{font-size:11px;padding-top:10px;padding-bottom:10px}:is(#pdc-shop,.pdc-karten) .pdc-main{padding-top:18px}:is(#pdc-shop,.pdc-karten) .pdc-heading p{font-size:12px}:is(#pdc-shop,.pdc-karten) .pdc-device-controls{flex-wrap:wrap}:is(#pdc-shop,.pdc-karten) .pdc-device-controls input{flex-basis:100%;font-size:16px}:is(#pdc-shop,.pdc-karten) .pdc-device-controls .pdc-button{flex:1}:is(#pdc-shop,.pdc-karten) .pdc-product{grid-template-columns:minmax(0,1fr);padding:15px;gap:13px}:is(#pdc-shop,.pdc-karten) .pdc-product-main{grid-template-columns:48px minmax(0,1fr);gap:12px}:is(#pdc-shop,.pdc-karten) .pdc-part-mark{min-height:69px;max-height:73px}:is(#pdc-shop,.pdc-karten) .pdc-part-mark span{font-size:8px;letter-spacing:0}:is(#pdc-shop,.pdc-karten) .pdc-product h3 .pdc-title-ref{font-size:18px}:is(#pdc-shop,.pdc-karten) .pdc-product h3 .pdc-title-name{font-size:14px}:is(#pdc-shop,.pdc-karten) .pdc-buy{padding-top:11px;border-top:1px solid var(--pdc-line);display:grid;grid-template-columns:1fr 1.1fr;gap:5px 12px;align-items:center}:is(#pdc-shop,.pdc-karten) .pdc-price-head{grid-column:1;grid-row:1/3}:is(#pdc-shop,.pdc-karten) .pdc-price{font-size:24px}:is(#pdc-shop,.pdc-karten) .pdc-tier{grid-column:1;grid-row:3;margin-top:0}:is(#pdc-shop,.pdc-karten) .pdc-stock{grid-column:2;grid-row:1;margin:0;font-size:10px}:is(#pdc-shop,.pdc-karten) .pdc-order{grid-column:2;grid-row:2/4}:is(#pdc-shop,.pdc-karten) .pdc-order input{width:44px;min-height:42px;font-size:16px}:is(#pdc-shop,.pdc-karten) .pdc-order button{min-height:42px;font-size:11px;padding:8px 5px}:is(#pdc-shop,.pdc-karten) .pdc-order button svg{display:none}:is(#pdc-shop,.pdc-karten) .pdc-list-head{display:none}:is(#pdc-shop,.pdc-karten) .pdc-results-title small{font-size:10px}:is(#pdc-shop,.pdc-karten) .pdc-results-controls{gap:6px}:is(#pdc-shop,.pdc-karten) .pdc-results-controls select{max-width:129px;font-size:11px}:is(#pdc-shop,.pdc-karten) .pdc-view button{width:29px}:is(#pdc-shop,.pdc-karten) .pdc-results-top{row-gap:12px}:is(#pdc-shop,.pdc-karten) .pdc-results-top .pdc-mobile-filter{order:3}:is(#pdc-shop,.pdc-karten) .pdc-results-controls{flex-basis:100%;justify-content:flex-end;margin-top:-46px;pointer-events:none}:is(#pdc-shop,.pdc-karten) .pdc-results-controls>*{pointer-events:auto}:is(#pdc-shop,.pdc-karten) .pdc-results-title{flex-basis:100%;margin-bottom:0}:is(#pdc-shop,.pdc-karten) .pdc-products.pdc-grid{grid-template-columns:1fr}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-product-main{grid-template-columns:48px minmax(0,1fr)}:is(#pdc-shop,.pdc-karten) .pdc-grid .pdc-part-mark{flex-direction:column;max-height:74px}:is(#pdc-shop,.pdc-karten) .pdc-detail-grid{grid-template-columns:1fr}:is(#pdc-shop,.pdc-karten) .pdc-bottom-service{flex-direction:column;gap:14px}:is(#pdc-shop,.pdc-karten) .pdc-footer-main{column-gap:16px}:is(#pdc-shop,.pdc-karten) .pdc-footer-main>div:first-child,:is(#pdc-shop,.pdc-karten) .pdc-footer-main>div:last-child{grid-column:1/-1}:is(#pdc-shop,.pdc-karten) .pdc-cart-row{grid-template-columns:minmax(0,1fr) 62px 32px;gap:10px}:is(#pdc-shop,.pdc-karten) .pdc-cart-row>strong{grid-column:2;grid-row:2}:is(#pdc-shop,.pdc-karten) .pdc-cart-row>.pdc-iconbutton{grid-column:3;grid-row:1}:is(#pdc-shop,.pdc-karten) .pdc-cart-row input{font-size:16px}:is(#pdc-shop,.pdc-karten) .pdc-panel textarea{font-size:16px}:is(#pdc-shop,.pdc-karten) .pdc-results-foot{align-items:flex-start}:is(#pdc-shop,.pdc-karten) .pdc-notice{align-items:flex-start;flex-direction:column;gap:6px}}
@media(pointer:coarse){:is(#pdc-shop,.pdc-karten) .pdc-filter-option{min-height:42px}:is(#pdc-shop,.pdc-karten) .pdc-save{min-width:38px;min-height:38px}:is(#pdc-shop,.pdc-karten) .pdc-chip{min-height:42px}:is(#pdc-shop,.pdc-karten) .pdc-view button{min-width:36px;min-height:36px}}
/* Keep supporting text readable and let the mobile toolbar reflow naturally. */
:is(#pdc-shop,.pdc-karten) .pdc-product-meta,:is(#pdc-shop,.pdc-karten) .pdc-badge,:is(#pdc-shop,.pdc-karten) .pdc-price-label,:is(#pdc-shop,.pdc-karten) .pdc-tier,:is(#pdc-shop,.pdc-karten) .pdc-part-mark span,:is(#pdc-shop,.pdc-karten) .pdc-list-head,:is(#pdc-shop,.pdc-karten) .pdc-footer-bottom,:is(#pdc-shop,.pdc-karten) .pdc-demo,:is(#pdc-shop,.pdc-karten) .pdc-results-title small,:is(#pdc-shop,.pdc-karten) .pdc-action small,:is(#pdc-shop,.pdc-karten) .pdc-stock{font-size:11px}
:is(#pdc-shop,.pdc-karten) .pdc-product .pdc-sku,:is(#pdc-shop,.pdc-karten) .pdc-product-spec,:is(#pdc-shop,.pdc-karten) .pdc-fit,:is(#pdc-shop,.pdc-karten) .pdc-details,:is(#pdc-shop,.pdc-karten) .pdc-details summary{font-size:12px}
:is(#pdc-shop,.pdc-karten) .pdc-part-mark span{letter-spacing:0;font-size:11px;overflow-wrap:anywhere}
@media(max-width:480px){:is(#pdc-shop,.pdc-karten) .pdc-header-main{gap:10px}:is(#pdc-shop,.pdc-karten) .pdc-header-main .pdc-logo{width:96px}:is(#pdc-shop,.pdc-karten) .pdc-results-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 7px}:is(#pdc-shop,.pdc-karten) .pdc-results-title{grid-column:1/-1}:is(#pdc-shop,.pdc-karten) .pdc-results-top .pdc-mobile-filter{grid-column:1;grid-row:2;order:initial}:is(#pdc-shop,.pdc-karten) .pdc-results-controls{grid-column:2;grid-row:2;margin:0;pointer-events:auto;justify-content:flex-end;min-width:0}:is(#pdc-shop,.pdc-karten) .pdc-results-controls select{min-width:0;max-width:137px;width:100%}:is(#pdc-shop,.pdc-karten) .pdc-view{flex:none}:is(#pdc-shop,.pdc-karten) .pdc-part-mark span{display:none}:is(#pdc-shop,.pdc-karten) .pdc-stock{font-size:11px}:is(#pdc-shop,.pdc-karten) .pdc-save{position:absolute;right:13px;top:12px}:is(#pdc-shop,.pdc-karten) .pdc-product-meta{padding-right:26px}}
@media(pointer:coarse){:is(#pdc-shop,.pdc-karten) input:not([type=checkbox]),:is(#pdc-shop,.pdc-karten) select,:is(#pdc-shop,.pdc-karten) textarea{font-size:16px}:is(#pdc-shop,.pdc-karten) .pdc-details summary{min-height:44px;padding:10px 0}}

/* ==== [2] v8-Kopf-Block ohne html/body-Boilerplate (woertlich) ==== */
.cursor-interaction{cursor:pointer}
.pdc-ref-link{color:var(--pdc-blue);text-decoration:none;font-weight:600}
.pdc-ref-link:hover{text-decoration:underline}
.pdc-contract-flag{display:inline-flex;align-items:center;background:#d7262f;color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:3px 9px;margin-bottom:5px}
.pdc-price-old{font-size:11px;color:var(--pdc-muted);text-decoration:line-through}
.pdc-price-contract{color:#d7262f}
.pdc-save-line{font-size:10.5px;font-weight:600;color:#d7262f;margin:2px 0 0}
.pdc-contract-flag[hidden],.pdc-price-old[hidden],.pdc-save-line[hidden],.pdc-price-label[hidden]{display:none}
:is(#pdc-shop,.pdc-karten) .pdc-detail-grid > div:only-child{grid-column:1/-1}
:is(#pdc-shop,.pdc-karten) .pdc-pricetable tr.pdc-tier-aktiv td{font-weight:700;background:rgba(16,25,36,.04)}
:is(#pdc-shop,.pdc-karten) .pdc-pricetable tr.pdc-tier-aktiv td:first-child{box-shadow:inset 3px 0 0 var(--pdc-ink);padding-left:7px}
:is(#pdc-shop,.pdc-karten) .pdc-pricetable tr.pdc-tier-aktiv.pdc-tier-vorteil td{color:#d7262f;background:rgba(215,38,47,.05)}
:is(#pdc-shop,.pdc-karten) .pdc-pricetable tr.pdc-tier-aktiv.pdc-tier-vorteil td:first-child{box-shadow:inset 3px 0 0 #d7262f}
:is(#pdc-shop,.pdc-karten) .pdc-ref-link{color:var(--pdc-blue);text-decoration:none;font-weight:600}
:is(#pdc-shop,.pdc-karten) .pdc-ref-link:hover{text-decoration:underline}
:is(#pdc-shop,.pdc-karten) .pdc-oems{margin-bottom:6px}
:is(#pdc-shop,.pdc-karten) .pdc-oems .pdc-oem-btn{background:var(--pdc-bg);border:1px solid var(--pdc-line);border-radius:4px;padding:5px 7px;font-size:11px;color:var(--pdc-blue);text-decoration:none}
:is(#pdc-shop,.pdc-karten) .pdc-oems .pdc-oem-btn:hover{border-color:var(--pdc-blue)}
:is(#pdc-shop,.pdc-karten) .pdc-detail-btn{display:flex;margin-top:8px;font-size:12px;min-height:34px;padding:7px 12px}
:is(#pdc-shop,.pdc-karten) .pdc-detail-btn:hover{border-color:var(--pdc-blue);color:var(--pdc-blue)}

/* ==== [3] PartsDepot-Zusatz (nicht aus der v8) ==== */
:is(#pdc-shop,.pdc-karten){color-scheme:light}
:is(#pdc-shop,.pdc-karten) .pdc-part-mark img{width:100%;height:100%;object-fit:contain}
:is(#pdc-shop,.pdc-karten) a.pdc-filter-option{color:inherit;text-decoration:none}
:is(#pdc-shop,.pdc-karten) .pdc-filter-option .pdc-box{width:15px;height:15px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--pdc-line);border-radius:4px;background:var(--pdc-paper)}
:is(#pdc-shop,.pdc-karten) .pdc-filter-option.pdc-aktiv .pdc-box{background:var(--pdc-blue);border-color:var(--pdc-blue)}
:is(#pdc-shop,.pdc-karten) .pdc-filter-option.pdc-aktiv .pdc-box::after{content:"\2713";color:#fff;font-size:11px;line-height:1}
:is(#pdc-shop,.pdc-karten) .pdc-view a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;border:0;background:transparent;border-radius:4px;padding:6px;color:inherit;text-decoration:none}
:is(#pdc-shop,.pdc-karten) .pdc-view a[aria-pressed=true]{background:var(--pdc-soft);color:var(--pdc-blue)}
@media(max-width:480px){:is(#pdc-shop,.pdc-karten) .pdc-view a{width:29px}}
@media(pointer:coarse){:is(#pdc-shop,.pdc-karten) .pdc-view a{min-width:36px;min-height:36px}}
:is(#pdc-shop,.pdc-karten) .pdc-models a,:is(#pdc-shop,.pdc-karten) .pdc-models>span{background:var(--pdc-bg);border:1px solid var(--pdc-line);border-radius:4px;padding:5px 7px;font-size:11px;color:var(--pdc-blue);text-decoration:none;display:inline-block}
:is(#pdc-shop,.pdc-karten) a.pdc-chip{color:inherit;text-decoration:none}

/* ==== [4] Fixrunde-1-Zusatz (17.09. spaet, Freigaben Leon) ==== */
/* Sortier-Select auf Achse der Ansicht-Icons - Woo gibt der
   ordering-Form eine Aussenmarge. */
:is(#pdc-shop,.pdc-karten) .pdc-results-controls .woocommerce-ordering{margin:0}
/* Seitengrund auch ausserhalb der Zone; body liegt ausserhalb von
   :is(#pdc-shop,.pdc-karten), darum das Hell-#f5f7fa der v8 als Literal statt var. */
body.pd-listing{background:#f5f7fa}
/* Aufklapper geschmeidig oeffnen (::details-content-Transition,
   Chrome/Edge; Browser ohne Support oeffnen hart wie bisher). */
:is(#pdc-shop,.pdc-karten) .pdc-details{interpolate-size:allow-keywords}
:is(#pdc-shop,.pdc-karten) .pdc-details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility .28s allow-discrete,opacity .28s ease,block-size .28s ease}
:is(#pdc-shop,.pdc-karten) .pdc-details[open]::details-content{opacity:1;block-size:auto}
/* Woo-Pagination in Karten-Optik. */
:is(#pdc-shop,.pdc-karten) .woocommerce-pagination{margin-top:18px;text-align:center}
:is(#pdc-shop,.pdc-karten) .woocommerce-pagination .page-numbers{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:5px;list-style:none;margin:0;padding:0}
:is(#pdc-shop,.pdc-karten) .woocommerce-pagination .page-numbers li{margin:0}
:is(#pdc-shop,.pdc-karten) .woocommerce-pagination a.page-numbers,:is(#pdc-shop,.pdc-karten) .woocommerce-pagination span.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 9px;border:1px solid var(--pdc-line);border-radius:6px;background:var(--pdc-paper);font-size:12px;color:var(--pdc-text);text-decoration:none}
:is(#pdc-shop,.pdc-karten) .woocommerce-pagination a.page-numbers:hover{border-color:var(--pdc-blue);color:var(--pdc-blue)}
:is(#pdc-shop,.pdc-karten) .woocommerce-pagination span.page-numbers.current{background:var(--pdc-blue);border-color:var(--pdc-blue);color:#fff}
:is(#pdc-shop,.pdc-karten) .woocommerce-pagination span.page-numbers.dots{border:0;background:transparent;min-width:0}
/* Lange Filterbloecke: Liste scrollbar, Suchfeld oben
   (Filterung: assets/js/astra-shop.js; ohne JS scrollt die Liste). */
:is(#pdc-shop,.pdc-karten) .pdc-filter-suche{width:100%;margin-bottom:8px;padding:7px 9px;min-height:31px;font-size:12px;border:1px solid var(--pdc-line);border-radius:5px;background:var(--pdc-paper)}
:is(#pdc-shop,.pdc-karten) .pdc-filter-scroll .pdc-filter-liste{max-height:250px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}

/* ==== [5] Fixrunde-2-Zusatz (18.09., Freigaben Leon) ==== */
/* Farb-Swatch mit Luft zum Farbwort. */
:is(#pdc-shop,.pdc-karten) .pdc-product-spec .pdc-swatch{margin-right:5px}
/* Bestands-Punkt statt der v8-Icons (Gleichklang Artikelseite);
   Grundfall currentColor. Ampel-Dreiklang 21.09. (Vorschau-Freigabe
   Leon): Punkt kraeftig in der Signalfarbe, Text eine lesbare Stufe
   daneben - gelb und rot getrennt statt des gemeinsamen Amber
   (Modifier pdc-stock--{stufe} aus pdcAmpel). */
:is(#pdc-shop,.pdc-karten) .pdc-stock .pdc-stock-punkt{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none;display:inline-block}
:is(#pdc-shop,.pdc-karten) .pdc-stock--gruen .pdc-stock-punkt{background:light-dark(#1fa564,#2ecb72)}
:is(#pdc-shop,.pdc-karten) .pdc-stock--gelb{color:light-dark(#9c6d00,#f0c25c)}
:is(#pdc-shop,.pdc-karten) .pdc-stock--gelb .pdc-stock-punkt{background:#f2b400}
:is(#pdc-shop,.pdc-karten) .pdc-stock--rot{color:light-dark(#bb2626,#f19999)}
:is(#pdc-shop,.pdc-karten) .pdc-stock--rot .pdc-stock-punkt{background:light-dark(#e02b2b,#e5484d)}

/* Startseiten-Bestsellerregal #pd3-meistverkauft (21.09., Befund
   Leon am ersten gestylten Stand): der pdc-Flaechengrund auf dem
   ganzen Sektions-Wrapper wirkte zwischen den weissen
   Startseiten-Sektionen wie ein eingeklebter Kasten, und das
   Listing-Grid brach die Karten in Zeilen um. Sektion darum
   transparent (Kopf steht auf dem weissen Band), die Kartenreihe
   laeuft als horizontale Spur mit Scrollbar - Geometrie und
   Panel-Tonung 1:1 von den Artikelseiten-Regalen uebernommen
   (astra-artikel.css, dort #pd3-gescoped); data-pd-spur sitzt am
   selben Element, die main.js-Blaetterpfeile greifen damit. */
#pd3-meistverkauft{background:transparent}
#pd3-meistverkauft .pdc-products.pdc-grid{display:flex;gap:12px;overflow-x:auto;background:light-dark(#f5f7fa,#111b28);border-radius:10px;padding:14px 14px 16px;scroll-snap-type:x proximity;scrollbar-width:thin}
#pd3-meistverkauft .pdc-products.pdc-grid>[data-pd-cross-karte]{flex:0 0 330px;scroll-snap-align:start}
#pd3-meistverkauft .pdc-products.pdc-grid>[data-pd-cross-karte]>.pdc-product{height:100%}
@media (max-width:850px){#pd3-meistverkauft .pdc-products.pdc-grid>[data-pd-cross-karte]{flex-basis:280px}}
/* Spur-Steuerung des Bestsellerregals (21.09., Befund Leon: Pfeile
   standen als dunkle Theme-Buttons links): Zaehler + Rundpfeile
   rechtsbuendig, Optik 1:1 von den Artikelseiten-Regalen
   (astra-artikel.css, dort #pd3-gescoped) - Tokens auf die
   pdc-Palette uebersetzt. */
#pd3-meistverkauft .reihen-leiste{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:12px 0 14px}
#pd3-meistverkauft .spur-steuerung{display:inline-flex;align-items:center;gap:12px;margin-left:auto}
#pd3-meistverkauft .spur-zaehler{font-size:12.5px;color:var(--pdc-muted)}
#pd3-meistverkauft .rundpfeile{display:inline-flex;gap:8px}
#pd3-meistverkauft .rundpfeile button{width:31px;height:31px;min-height:0;padding:0;border-radius:50%;display:grid;place-items:center;border:1px solid var(--pdc-line);background:var(--pdc-paper);color:var(--pdc-muted)}
#pd3-meistverkauft .rundpfeile button.aktiv{background:var(--pdc-button);border-color:var(--pdc-button);color:var(--pdc-white)}
/* Kurzkompa-Kaestchen im Aufklapper (21.09., Variante B der
   Chip-Vorschau): Kurzform fett, volle Nummer klein daneben. */
:is(#pdc-shop,.pdc-karten) .pdc-oem-btn b{font-weight:650}
:is(#pdc-shop,.pdc-karten) .pdc-oem-btn .pdc-oem-nr{font-size:10px;color:var(--pdc-muted);margin-left:5px}
/* Pagination (Korrektur 18.09.): Woos eigenes Tabellenraster
   (Rahmen auf ul.page-numbers + border-right je li) faellt - die
   weissen Kaestchen aus [4] bleiben, aktive Seite blaue Pille. */
:is(#pdc-shop,.pdc-karten) .woocommerce-pagination ul.page-numbers{border:0;margin:0}
:is(#pdc-shop,.pdc-karten) .woocommerce-pagination ul.page-numbers li{border:0;overflow:visible}
/* Seitengrund auch auf den Theme-Wrappern - GeneratePress malt
   den Containergrund sonst weiss unter und neben der Zone
   (Korrektur 18.09.: inside-article, entry-content und
   one-container-Container ergaenzt). */
body.pd-listing #page,body.pd-listing .site-content,body.pd-listing .content-area,body.pd-listing .site-main,body.pd-listing .inside-article,body.pd-listing .entry-content,body.pd-listing.one-container .container{background:#f5f7fa}
/* Custom-Select der Sortierung (astra-shop.js); ohne JS bleibt das
   native Select sichtbar und funktional. Knopf spiegelt die
   v8-Select-Optik (36px-Achse der Ansicht-Icons). */
:is(#pdc-shop,.pdc-karten) .woocommerce-ordering{position:relative}
:is(#pdc-shop,.pdc-karten) .woocommerce-ordering.pdc-select-aktiv select.orderby{display:none}
:is(#pdc-shop,.pdc-karten) .pdc-select{position:relative}
:is(#pdc-shop,.pdc-karten) .pdc-select-knopf{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;font-size:12px;border:1px solid var(--pdc-line);border-radius:6px;background:var(--pdc-paper);color:var(--pdc-text);cursor:pointer}
:is(#pdc-shop,.pdc-karten) .pdc-select-knopf:hover{border-color:var(--pdc-blue)}
:is(#pdc-shop,.pdc-karten) .pdc-select-pfeil{transform:rotate(90deg);transition:transform .18s ease}
:is(#pdc-shop,.pdc-karten) .pdc-select[data-offen] .pdc-select-pfeil{transform:rotate(-90deg)}
:is(#pdc-shop,.pdc-karten) .pdc-select-liste{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;white-space:nowrap;margin:0;padding:5px;list-style:none;background:var(--pdc-paper);border:1px solid var(--pdc-line);border-radius:8px;box-shadow:0 12px 28px rgba(15,27,58,.14);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:40}
:is(#pdc-shop,.pdc-karten) .pdc-select[data-offen] .pdc-select-liste{opacity:1;visibility:visible;transform:translateY(0)}
:is(#pdc-shop,.pdc-karten) .pdc-select-liste li{margin:0}
:is(#pdc-shop,.pdc-karten) .pdc-select-liste li>button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:5px;padding:8px 10px;font-size:12px;color:var(--pdc-text);cursor:pointer}
:is(#pdc-shop,.pdc-karten) .pdc-select-liste li>button:hover{background:var(--pdc-soft);color:var(--pdc-blue)}
:is(#pdc-shop,.pdc-karten) .pdc-select-liste li[aria-selected=true]>button{color:var(--pdc-blue);font-weight:600}

/* ==== [6] Fixrunde-3-Zusatz (18.09., Freigaben Leon) ==== */
/* Kauf-Toast (astra-shop.js): Bestaetigung unten rechts, der Toast
   haengt am body - ausserhalb von :is(#pdc-shop,.pdc-karten), darum Literale statt
   der zonengebundenen Tokens. */
.pdc-toast{position:fixed;right:18px;bottom:18px;z-index:220;display:flex;align-items:center;gap:8px;padding:11px 16px;background:#1c2740;color:#fff;font-size:13px;border-radius:8px;box-shadow:0 12px 28px rgba(15,27,58,.28);opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}
.pdc-toast[data-sichtbar]{opacity:1;transform:translateY(0)}
.pdc-toast-punkt{width:8px;height:8px;border-radius:50%;background:#16a34a;flex:none}

/* Badge-Farben je Stufe (B1, Entscheid Leon 21.09.): Werte der alten
 * v4-Finder-Karte (main.css --pd-stufe-*), Dark-Pendants ergaenzt;
 * universal erbt die Linienfarbe via Modifier aus pdcBadge. */
:is(#pdc-shop,.pdc-karten) .pdc-badge-premium{background:light-dark(#fdf3d8,#3d3218);color:light-dark(#8a6410,#f2d489)}
:is(#pdc-shop,.pdc-karten) .pdc-badge-generic{background:light-dark(#eaf0fa,#1c3050);color:light-dark(#2853a4,#a8c4f0)}
:is(#pdc-shop,.pdc-karten) .pdc-badge-kompatibel{background:light-dark(#f0ebfa,#2c2350);color:light-dark(#5b3fa8,#c9b6f2)}
:is(#pdc-shop,.pdc-karten) .pdc-badge-reman{background:light-dark(#e2f3e8,#173824);color:light-dark(#1e6b3c,#8fd6ab)}
:is(#pdc-shop,.pdc-karten) .pdc-badge-tinte{background:light-dark(#e0f1f4,#143c44);color:light-dark(#0f6474,#8fd6e2)}
/* Abverkauf 21.09. (Altshop-Wortlaut, Orange mit Abstand zum
   Premium-Gold - Vorschau-Freigabe Leon): Status-Pill neben dem
   Stufen-Badge; dazu die gesperrte Kaufzeile bei Auslauf +
   effektiv 0. */
:is(#pdc-shop,.pdc-karten) .pdc-badge-abverkauf{background:light-dark(#fdeee0,#3e2712);color:light-dark(#a04a0c,#f2b183)}
:is(#pdc-shop,.pdc-karten) .pdc-order-gesperrt input:disabled,:is(#pdc-shop,.pdc-karten) .pdc-order-gesperrt button:disabled{background:var(--pdc-bg);border:1px solid var(--pdc-line);color:var(--pdc-muted);opacity:1;cursor:not-allowed}
/* Karten-Gesamtzeile 22.09. (zweite Runde): im Preisblock unter dem
   Stueckpreis, gleiche Ordnung wie die Kaufbox; serverseitig Menge 1,
   main.js zieht mit. */
:is(#pdc-shop,.pdc-karten) .pdc-line-total{font-size:12px;font-weight:700;margin:2px 0 0}

/* --- PartsDepot-Zusatz Druckerfinder (22.09.2026) -----------------
   Die Finder-Ergebnisliste rendert die pdc-Listenkarte im
   .pdc-karten-Wrapper (Karten-Konsolidierung K1, vom Dateikopf
   vorgesehen). Der Flaechengrund des Grundblocks wirkte zwischen
   weissen Seitenabschnitten wie ein eingeklebter Kasten (Befund
   Startseite 21.09.) - der Finder-Wrapper laeuft darum transparent;
   :is()-Praefix nur wegen der ID-Spezifitaet des Grundblocks.
   Dazu Abstand der Kartenliste zur Geraete-/Filterzeile darueber. */
:is(#pdc-shop,.pdc-karten).pd-finder-karten{background:transparent}
.pd-finder-karten .pdc-products{margin-top:16px}

/* --- Geraetesuche-Band: Typeahead-Vorschlaege (Listing Patch 3b).
     Abweichung Nr. 8 von der v8: die Referenz kennt kein
     Vorschlags-Dropdown am Band; Optik lehnt sich an die
     Finder-Vorschlagsliste an. -------------------------------- */
:is(#pdc-shop,.pdc-karten) .pdc-device-controls{position:relative}
:is(#pdc-shop,.pdc-karten) .pdc-device-vorschlaege{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:var(--pdc-paper);border:1px solid var(--pdc-line);border-radius:8px;box-shadow:0 10px 24px var(--pdc-shadow);padding:6px;display:grid;gap:2px;max-height:320px;overflow:auto}
:is(#pdc-shop,.pdc-karten) .pdc-device-vorschlaege button{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;border:0;background:transparent;border-radius:6px;padding:9px 10px;font-size:13px}
:is(#pdc-shop,.pdc-karten) .pdc-device-vorschlaege button:hover,:is(#pdc-shop,.pdc-karten) .pdc-device-vorschlaege button:focus-visible{background:var(--pdc-soft)}
:is(#pdc-shop,.pdc-karten) .pdc-device-vorschlaege button small{color:var(--pdc-muted);font-size:11px}

/* --- Produktart der Suche gruppiert (09.10.2026, Referenz
     suche-produktart-referenz-v1, Freigabe Leon). Abweichung
     Nr. 9 von der v8: die Referenz kennt keine Gruppenkoepfe im
     Filterblock. Kopf klein in Versalien, Treffer der Gruppe
     rechts in der Flucht der Options-Zaehler. --------------- */
:is(#pdc-shop,.pdc-karten) .pdc-filter-gruppe+.pdc-filter-gruppe{margin-top:10px}
:is(#pdc-shop,.pdc-karten) .pdc-filter-gruppe-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 2px;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--pdc-muted)}
:is(#pdc-shop,.pdc-karten) .pdc-filter-gruppe-kopf .pdc-count{font-size:11px;font-weight:400;letter-spacing:0}

/* ==== [7] Listing-Nachladen (28.10.2026, astra-shop.js Abschnitt 6) ====
   Waehrend der Abruf laeuft, traegt #pdc-shop die Klasse pdc-laedt:
   Kopf, Filter und Ergebnisse dimmen erst nach 120 ms ab (schnelle
   Antworten flackern so nicht) und sind sofort klickgesperrt, damit
   kein zweiter Klick auf einem veralteten Link landet. Der getauschte
   Stand startet gedimmt und blendet ueber die Transition ein. */
#pdc-shop .pdc-heading,#pdc-shop .pdc-layout>.pdc-sidebar,#pdc-shop .pdc-layout>.pdc-results{transition:opacity .18s ease}
#pdc-shop.pdc-laedt .pdc-heading,#pdc-shop.pdc-laedt .pdc-layout>.pdc-sidebar,#pdc-shop.pdc-laedt .pdc-layout>.pdc-results{opacity:.5;transition-delay:.12s;pointer-events:none}
#pdc-shop.pdc-laedt{cursor:progress}
/* Fokusziel nach Tastatur-Navigation (Trefferzeile), ohne Rahmen. */
#pdc-shop .pdc-results-title:focus,#pdc-shop .pdc-empty:focus{outline:none}
@media (prefers-reduced-motion:reduce){#pdc-shop .pdc-heading,#pdc-shop .pdc-layout>.pdc-sidebar,#pdc-shop .pdc-layout>.pdc-results{transition:none}}