/* =====================================================================================================================
   wygge Storefront — the ONE stylesheet of the theme (DEC-83/84). Source of truth for the look: the approved mockups
   wygge-audit analysis/mockups/musterkunde-shop/0{1,2,3}-*.html (base layer copied verbatim, then mapped onto the
   wygge Shop plugin's server-rendered classes `.wygge-*`).

   Layer 1  AssetBranding input, printed by the plugin (moved onto this stylesheet's handle by inc/Assets.php):
            --wygge-color-primary|secondary|accent|background|text (+ the plugin's --wygge-color-surface = background),
            --wygge-font-body, and the theme-derived inks --wygge-on-accent / --wygge-on-primary (inc/Ink.php).
            Missing = guide default (Deep / Process / Signal / White / Deep) — never the navy platform default.
   Layer 2  --wy-*  resolved brand inputs.
   Layer 3  --ad-*  semantic tokens, cockpit names (WebApp theme.css), light values derived with color-mix().
   Layer 4  [data-wy-style=industrial|workshop|club] layout, density, type, dark set. Reads only --ad-* / --wy-*.
   Rules: Instrument Sans + JetBrains Mono only; radii 8 (inputs, chips) / 10 (cards) / 12 (primary CTA) / 6 (tags,
   icon buttons), no pills; 1.5 px borders; shadows tinted with the primary; flat surfaces; y-slash only top right on
   brand panels; headline emphasis = accent capsule; hover 140 ms background only; active 1 px press; reduced motion.
   ===================================================================================================================== */

:root{
  --wy-primary:var(--wygge-color-primary,#032425);
  --wy-secondary:var(--wygge-color-secondary,#416858);
  --wy-accent:var(--wygge-color-accent,#C8FF16);
  --wy-bg:var(--wygge-color-background,var(--wygge-color-surface,#FFFFFF));
  --wy-text:var(--wygge-color-text,#032425);
  --wy-on-accent:var(--wygge-on-accent,#032425);
  --wy-on-primary:var(--wygge-on-primary,#FFFFFF);
  /* WCAG-safe derivations of inc/Ink.php (same hue as the brand colour, >= 4.5:1 on the grounds the text sits on) */
  --wy-ink-text:var(--wygge-ink-text,var(--wy-text));
  --wy-ink-muted:var(--wygge-ink-muted,color-mix(in oklab,var(--wy-text) 74%,var(--wy-bg)));
  --wy-ink-faint:var(--wygge-ink-faint,color-mix(in oklab,var(--wy-text) 40%,var(--wy-bg)));
  --wy-ink-secondary:var(--wygge-ink-secondary,var(--wy-secondary));
  --wy-ink-primary:var(--wygge-ink-primary,var(--wy-primary));
  --wy-ink-accent-on-primary:var(--wygge-ink-accent-on-primary,var(--wy-accent));
  --wy-ink-accent-dark:var(--wygge-ink-accent-dark,var(--wy-accent));
  --wy-on-primary-muted:var(--wygge-on-primary-muted,color-mix(in oklab,var(--wy-on-primary) 76%,var(--wy-primary)));
  /* Fonts: the stack comes from the tenant branding (--wygge-font-body). Poppins, Montserrat and Nunito (customer
     families, DEC-91) need NO @font-face here: WordPress prints the faces of EVERY theme.json fontFamilies entry on
     wp_head (wp_print_font_faces(), no "used in styles" filter - verified against wp-includes of wordpress:7.1.1,
     fonts/class-wp-font-face-resolver.php), and the browser only downloads a face once a rendered glyph needs it. */
  --wy-font:var(--wygge-font-body,"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);
  --ad-font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --ad-signal:#C8FF16;--ad-deep:#032425;--ad-process:#416858;--ad-cocoon:#DEDBCC;--ad-mist:#E5EAE6;

  color-scheme:light;
  --ad-brand:var(--wy-primary);
  --ad-brand-hover:var(--wygge-brand-hover,color-mix(in oklab,var(--wy-primary) 86%,#000));
  --ad-on-brand:var(--wy-on-primary);
  --ad-accent:var(--wy-accent);
  --ad-accent-hover:var(--wygge-accent-hover,color-mix(in oklab,var(--wy-accent) 90%,var(--wy-text)));
  --ad-on-accent:var(--wy-on-accent);
  --ad-accent-bg:var(--wygge-bg-accent,color-mix(in oklab,var(--wy-accent) 26%,var(--wy-bg)));
  --ad-accent-fg:var(--wy-ink-text);
  --ad-canvas:var(--wy-bg);
  --ad-surface:var(--wy-bg);
  --ad-surface-2:var(--wygge-bg-surface-2,color-mix(in oklab,var(--wy-text) 4%,var(--wy-bg)));
  --ad-surface-inset:var(--wygge-bg-inset,color-mix(in oklab,var(--wy-text) 9%,var(--wy-bg)));
  --ad-border:color-mix(in oklab,var(--wy-text) 16%,var(--wy-bg));
  --ad-border-strong:color-mix(in oklab,var(--wy-text) 34%,var(--wy-bg));
  --ad-divider:color-mix(in oklab,var(--wy-text) 10%,var(--wy-bg));
  --ad-text:var(--wy-ink-text);
  --ad-text-muted:var(--wy-ink-muted);
  --ad-text-faint:var(--wy-ink-faint);
  --ad-link:var(--wy-ink-secondary);
  --ad-accent-deep:var(--wy-ink-secondary);
  --ad-kicker:var(--wy-ink-secondary);
  --ad-brand-ink:var(--wy-ink-primary);
  --ad-accent-ink:var(--wy-ink-accent-on-primary);
  --ad-focus:var(--wy-primary);
  --ad-strong:var(--wy-primary);
  --ad-badge-bg:var(--wy-primary);--ad-badge-fg:var(--wy-on-primary);--ad-badge-ic:var(--wy-ink-accent-on-primary);
  --ad-panel:var(--wy-primary);
  --ad-bar:var(--ad-brand);--ad-on-bar:var(--ad-on-brand);
  --ad-on-panel:var(--wy-on-primary);
  --ad-on-panel-muted:var(--wy-on-primary-muted);
  --ad-sticky:color-mix(in srgb,var(--wy-bg) 85%,transparent);
  --ad-success:#2F7A5C;--ad-success-bg:#dcece3;--ad-success-fg:#235c45;
  --ad-info:#2F6F98;--ad-info-bg:#dfeaf3;--ad-info-fg:#255878;
  --ad-warn:#E3A52B;--ad-warn-bg:#f9edd2;--ad-warn-fg:#7a560f;
  --ad-danger:#C94B4B;--ad-danger-bg:#f5dede;--ad-danger-fg:#963939;
  --ad-neutral-bg:var(--ad-surface-inset);--ad-neutral-fg:var(--ad-text-muted);
  --ad-shadow-sm:0 2px 6px color-mix(in srgb,var(--wy-primary) 8%,transparent);
  --ad-shadow-md:0 8px 22px color-mix(in srgb,var(--wy-primary) 12%,transparent);
  --ad-shadow-lg:0 18px 48px color-mix(in srgb,var(--wy-primary) 18%,transparent);
  --ad-radius-input:8px;--ad-radius-card:10px;--ad-radius-cta:12px;--ad-radius-tag:6px;
  --ad-ease:cubic-bezier(.22,.61,.36,1);
  --ad-ill:var(--ad-mist);
  /* W6-A (DEC-109) "Quiet luxury": the motion grammar (durations/curve), the one zoom each gesture uses, the picture ground and the rhythm of a catalog page.
     Every style (industrial / workshop / club) and the dark mode take them from here; a style that wants another value overrides the token, never a rule. */
  --sf-dur-1:120ms;--sf-dur-2:200ms;--sf-dur-3:320ms;--sf-ease:var(--ad-ease);
  --sf-zoom:1.04;--sf-lens:2.2;
  --sf-ground:color-mix(in oklab,var(--ad-ill) 45%,#fff);
  --sf-gap-x:32px;--sf-gap-y:68px;--sf-gap-x-s:12px;--sf-gap-y-s:40px;
  --sf-display-weight:500;--sf-display-tracking:-.03em;--sf-leading:1.6;
  --ill-1:var(--ad-ill);--ill-2:var(--ad-ill);--ill-3:var(--ad-ill);--ill-4:var(--ad-ill);
  --wy-hdr-h:60px;--wy-target:40px;--wy-sec:44px;
  /* W6-B (DEC-113): the height the WordPress admin bar takes at the top of the viewport (32 px; 46 px up to 782 px; it scrolls away up to 600 px, so 0);
     storefront.js publishes --sf-sticky-top = the sticky site header's real bottom edge, the plugin's sticky filter bar sits there */
  --sf-adminbar:0px;--sf-bar-h:60px;
}
body.admin-bar{--sf-adminbar:32px}
@media (max-width:782px){body.admin-bar{--sf-adminbar:46px}}
@media (max-width:600px){body.admin-bar{--sf-adminbar:0px}}

/* ---- dark: semantic overrides shared by all variations (cockpit theme.css dark column) ---- */
:root[data-theme="dark"]{color-scheme:dark;
  --ad-success:#4aa57f;--ad-success-bg:#0c3a2b;--ad-success-fg:#7fd4ae;
  --ad-info:#5c97c4;--ad-info-bg:#10314b;--ad-info-fg:#9cc4e6;
  --ad-warn:#ebb954;--ad-warn-bg:#3d2f10;--ad-warn-fg:#f2cf85;
  --ad-danger:#db7070;--ad-danger-bg:#401a1a;--ad-danger-fg:#f0a0a0;
  --ad-shadow-sm:0 2px 8px rgba(0,0,0,.30);--ad-shadow-md:0 10px 26px rgba(0,0,0,.40);--ad-shadow-lg:0 20px 52px rgba(0,0,0,.52);
  --ad-accent-bg:color-mix(in oklab,var(--wy-accent) 16%,var(--ad-surface));--ad-accent-fg:var(--ad-text);
  --ad-accent-hover:var(--wygge-accent-hover,color-mix(in oklab,var(--wy-accent) 86%,#000));
  --ad-brand-hover:color-mix(in oklab,var(--ad-brand) 82%,#fff);
  --ad-focus:var(--wy-accent);--ad-brand-ink:var(--ad-text);--ad-accent-ink:var(--wy-ink-accent-dark);--ad-accent-deep:var(--ad-link);--ad-strong:var(--ad-text-muted);
  --ad-badge-bg:var(--wy-accent);--ad-badge-fg:var(--wy-on-accent);--ad-badge-ic:var(--wy-on-accent);
  --ad-sticky:color-mix(in srgb,var(--ad-canvas) 85%,transparent);
  --ad-neutral-bg:var(--ad-surface-inset);--ad-neutral-fg:var(--ad-text-muted);
  --ad-on-panel-muted:color-mix(in oklab,var(--ad-on-panel) 76%,var(--ad-panel));
  /* Deep dark set (01 and the fallback) */
  --ad-canvas:#021a1b;--ad-surface:#073132;--ad-surface-2:#052b2c;--ad-surface-inset:#0b3b3c;--ad-border:#135052;--ad-border-strong:#1f696b;
  --ad-divider:#0a3536;--ad-text:#e9f1ee;--ad-text-muted:#a3b8b2;--ad-text-faint:#4e6763;--ad-link:#7fd4ae;--ad-kicker:#7fd4ae;
  --ad-brand:#0f4446;--ad-on-brand:#e9f1ee;--ad-panel:#032425;--ad-on-panel:#e9f1ee;--ad-ill:#cdd8d3;--ad-bar:var(--ad-panel);--ad-on-bar:var(--ad-on-panel)}
/* 02 warm espresso dark set */
:root[data-theme="dark"][data-wy-style="workshop"]{--ad-canvas:#17110d;--ad-surface:#221913;--ad-surface-2:#1c150f;--ad-surface-inset:#2c2119;--ad-border:#3d2e24;--ad-border-strong:#5a463a;
  --ad-divider:#2a2018;--ad-text:#f3ece4;--ad-text-muted:#c9b8a8;--ad-text-faint:#7d6a5c;--ad-link:#f0a77e;--ad-kicker:#f0a77e;
  --ad-brand:#4a3022;--ad-on-brand:#f3ece4;--ad-panel:#2b1b12;--ad-on-panel:#f3ece4;--ad-bar:#2b1b12;--ad-on-bar:#f3ece4;--ill-1:#d9cdbb;--ill-2:#d2c6b3;--ill-3:#ddd3c4;--ill-4:#cfcbbc}
/* 03 green dark set (image grounds stay light so green garments stay visible) */
:root[data-theme="dark"][data-wy-style="club"]{--ad-canvas:#04160d;--ad-surface:#0a2416;--ad-surface-2:#071d11;--ad-surface-inset:#0f2f1d;--ad-border:#1a4a2e;--ad-border-strong:#2a6644;
  --ad-divider:#0d2a19;--ad-text:#e8f5ec;--ad-text-muted:#a6c7b2;--ad-text-faint:#4f7560;--ad-link:#8EF0A8;--ad-kicker:#8EF0A8;
  --ad-brand:#0f4a2c;--ad-on-brand:#e8f5ec;--ad-panel:#0B5130;--ad-on-panel:#FFFFFF;--ad-bar:#073a22;--ad-on-bar:#e8f5ec;--blk-mint:#154a2f;--blk-pale:#0d2c1b;--ad-ill:#d3e3d9}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){color-scheme:dark;
    --ad-success:#4aa57f;--ad-success-bg:#0c3a2b;--ad-success-fg:#7fd4ae;
    --ad-info:#5c97c4;--ad-info-bg:#10314b;--ad-info-fg:#9cc4e6;
    --ad-warn:#ebb954;--ad-warn-bg:#3d2f10;--ad-warn-fg:#f2cf85;
    --ad-danger:#db7070;--ad-danger-bg:#401a1a;--ad-danger-fg:#f0a0a0;
    --ad-shadow-sm:0 2px 8px rgba(0,0,0,.30);--ad-shadow-md:0 10px 26px rgba(0,0,0,.40);--ad-shadow-lg:0 20px 52px rgba(0,0,0,.52);
    --ad-accent-bg:color-mix(in oklab,var(--wy-accent) 16%,var(--ad-surface));--ad-accent-fg:var(--ad-text);
    --ad-accent-hover:var(--wygge-accent-hover,color-mix(in oklab,var(--wy-accent) 86%,#000));
    --ad-brand-hover:color-mix(in oklab,var(--ad-brand) 82%,#fff);
    --ad-focus:var(--wy-accent);--ad-brand-ink:var(--ad-text);--ad-accent-ink:var(--wy-ink-accent-dark);--ad-accent-deep:var(--ad-link);--ad-strong:var(--ad-text-muted);
    --ad-badge-bg:var(--wy-accent);--ad-badge-fg:var(--wy-on-accent);--ad-badge-ic:var(--wy-on-accent);
    --ad-sticky:color-mix(in srgb,var(--ad-canvas) 85%,transparent);
    --ad-neutral-bg:var(--ad-surface-inset);--ad-neutral-fg:var(--ad-text-muted);
    --ad-on-panel-muted:color-mix(in oklab,var(--ad-on-panel) 76%,var(--ad-panel));
    --ad-canvas:#021a1b;--ad-surface:#073132;--ad-surface-2:#052b2c;--ad-surface-inset:#0b3b3c;--ad-border:#135052;--ad-border-strong:#1f696b;
    --ad-divider:#0a3536;--ad-text:#e9f1ee;--ad-text-muted:#a3b8b2;--ad-text-faint:#4e6763;--ad-link:#7fd4ae;--ad-kicker:#7fd4ae;
    --ad-brand:#0f4446;--ad-on-brand:#e9f1ee;--ad-panel:#032425;--ad-on-panel:#e9f1ee;--ad-ill:#cdd8d3;--ad-bar:var(--ad-panel);--ad-on-bar:var(--ad-on-panel)}
  :root:not([data-theme="light"])[data-wy-style="workshop"]{--ad-canvas:#17110d;--ad-surface:#221913;--ad-surface-2:#1c150f;--ad-surface-inset:#2c2119;--ad-border:#3d2e24;--ad-border-strong:#5a463a;
    --ad-divider:#2a2018;--ad-text:#f3ece4;--ad-text-muted:#c9b8a8;--ad-text-faint:#7d6a5c;--ad-link:#f0a77e;--ad-kicker:#f0a77e;
    --ad-brand:#4a3022;--ad-on-brand:#f3ece4;--ad-panel:#2b1b12;--ad-on-panel:#f3ece4;--ad-bar:#2b1b12;--ad-on-bar:#f3ece4;--ill-1:#d9cdbb;--ill-2:#d2c6b3;--ill-3:#ddd3c4;--ill-4:#cfcbbc}
  :root:not([data-theme="light"])[data-wy-style="club"]{--ad-canvas:#04160d;--ad-surface:#0a2416;--ad-surface-2:#071d11;--ad-surface-inset:#0f2f1d;--ad-border:#1a4a2e;--ad-border-strong:#2a6644;
    --ad-divider:#0d2a19;--ad-text:#e8f5ec;--ad-text-muted:#a6c7b2;--ad-text-faint:#4f7560;--ad-link:#8EF0A8;--ad-kicker:#8EF0A8;
    --ad-brand:#0f4a2c;--ad-on-brand:#e8f5ec;--ad-panel:#0B5130;--ad-on-panel:#FFFFFF;--ad-bar:#073a22;--ad-on-bar:#e8f5ec;--blk-mint:#154a2f;--blk-pale:#0d2c1b;--ad-ill:#d3e3d9}
}

/* ---- variation tokens (light) ---- */
[data-wy-style="industrial"]{--wy-hdr-h:60px;--wy-target:40px;--wy-sec:44px}
[data-wy-style="workshop"]{--wy-hdr-h:76px;--wy-target:48px;--wy-sec:72px;--ill-1:#EFE6D8;--ill-2:#E7DDCC;--ill-3:#F3ECE1;--ill-4:#E3E0D2}
[data-wy-style="club"]{--wy-hdr-h:68px;--wy-target:40px;--wy-sec:52px;
  --blk-mint:var(--wygge-bg-mint,color-mix(in oklab,var(--wy-accent) 55%,var(--wy-bg)));--blk-pale:var(--wygge-bg-pale,color-mix(in oklab,var(--wy-primary) 7%,var(--wy-bg)));--ad-ill:var(--blk-pale)}

/* =====================================================================================================================
   Base
   ===================================================================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--sf-sticky-top,var(--wy-hdr-h)) + 12px)}
body{margin:0;min-height:100vh;font-family:var(--wy-font);font-size:var(--wp--custom--wy--body-size,15px);line-height:var(--wp--custom--wy--body-leading,1.5);
  color:var(--ad-text);background:var(--ad-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
::selection{background:#C8FF16;color:#032425}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.1;color:inherit}
p{margin:0}
a{color:var(--ad-link);text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ad-focus);outline-offset:2px}
img,svg{display:block;max-width:100%}
img{height:auto}
mark,.wy-cap{background:var(--ad-accent);color:var(--ad-on-accent);padding:0 8px;border-radius:6px;font-style:normal;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.wp-site-blocks{display:flex;flex-direction:column;min-height:100vh}
.wp-site-blocks > *{margin-block:0}
.wy-main{flex:1 0 auto}
.wy-wrap{max-width:1200px;margin-inline:auto;padding-inline:16px;width:100%}
@media (min-width:720px){.wy-wrap{padding-inline:24px}}
.wy-content{padding-block:20px 8px}
/* W6 F0 (FND-1619): prose pages (Impressum, Datenschutz, AGB, posts). The old `.wy-prose > * + *` reached the title and the content wrapper only — the
   paragraphs and headings sit one level deeper in `.entry-content`, and the global-styles reset (`:root :where(.is-layout-flow) > *`) won against
   a single class anyway: every block touched the next one, and a line ran 160 characters. Rhythm: 16 px between blocks, 32 px before a heading,
   8 px between a heading and its text; measure: 65–78 characters per line in the four brand faces (54ch of the 14 px body text). */
.wy-prose.wy-prose > * + *{margin-top:20px}
.wy-prose .entry-content{max-width:54ch}
.wy-prose .entry-content > * + *{margin-top:16px}
.wy-prose .entry-content > * + :is(h2,h3,h4){margin-top:32px}
.wy-prose .entry-content > :is(h2,h3,h4) + *{margin-top:8px}
.wy-prose .entry-content p{line-height:var(--sf-leading,1.65)}
/* W6-A R1 (DEC-109): the type rhythm of a quiet page — one display weight (500) and a tight tracking from the tokens, a calm scale (title 32–54 px, h2 22–30 px,
   h3 19 px) and a 1.6 body leading; the three styles differ only through the font and the tokens. */
.wy-prose :is(.wp-block-post-title,.wygge-page-title){font-size:clamp(32px,4.2vw,54px);font-weight:var(--sf-display-weight,700);letter-spacing:var(--sf-display-tracking,-.02em);line-height:1.05;margin-bottom:.5em}
.wy-prose .entry-content :is(h2,h3){font-weight:var(--sf-display-weight,700);line-height:1.2}
.wy-prose .entry-content h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.025em}
.wy-prose .entry-content h3{font-size:19px;line-height:1.3;letter-spacing:-.01em}
/* W6-D (DEC-125 D1, G2): ONE icon grid — five steps, each with its own stroke (viewBox 24, so the stroke scales with the size and stays a hairline at every size).
   Layer 3 tokens: a theme or an operator may restyle them; the plugin's blocks and the catalog read the same names with these values as fallback.
   xs 16 px / 1.75  inline at text, chevrons, chips · s 20 px / 1.5  top bar, USP bar, menu entries, list buttons · m 24 px / 1.5  cards, mobile head actions
   l 32 px / 1.25  empty states, category icon in tiles · xl 48 px / 1.0  pictograms „Auf einen Blick“, hero marks */
:root{--wy-ico-size-xs:16px;--wy-ico-stroke-xs:1.75;--wy-ico-size-s:20px;--wy-ico-stroke-s:1.5;--wy-ico-size-m:24px;--wy-ico-stroke-m:1.5;--wy-ico-size-l:32px;--wy-ico-stroke-l:1.25;--wy-ico-size-xl:48px;--wy-ico-stroke-xl:1}
.wy-ico{width:var(--wy-ico-size-s);height:var(--wy-ico-size-s);stroke:currentColor;fill:none;stroke-width:var(--wy-ico-stroke-s);stroke-linecap:round;stroke-linejoin:round;flex:none}
.wy-ico--sm{width:var(--wy-ico-size-xs);height:var(--wy-ico-size-xs);stroke-width:var(--wy-ico-stroke-xs)}
.wy-ico--lg{width:var(--wy-ico-size-m);height:var(--wy-ico-size-m);stroke-width:var(--wy-ico-stroke-m)}
.wy-mono,.wy-tracking,.wygge-tracking{font-family:var(--ad-font-mono);font-weight:600;letter-spacing:0}
.wy-muted{color:var(--ad-text-muted)}
.wy-kicker{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ad-kicker)}
.wygge-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link.screen-reader-text:focus{background:var(--ad-surface);color:var(--ad-text);border-radius:8px;box-shadow:var(--ad-shadow-md)}
.wp-block-group:empty{display:none}

/* =====================================================================================================================
   Components (mockup base) and their plugin counterparts
   ===================================================================================================================== */
/* buttons */
.wy-btn,.wygge-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 14px/1.1 var(--wy-font);letter-spacing:-.005em;
  padding:12px 18px;min-height:44px;border-radius:var(--ad-radius-input);border:1.5px solid transparent;cursor:pointer;
  transition:background-color 140ms ease-out;text-decoration:none!important;white-space:nowrap;background:var(--ad-surface);color:var(--ad-text);border-color:var(--ad-border-strong)}
.wy-btn:hover,.wygge-button:hover{background:var(--ad-surface-2)}
.wy-btn:active,.wygge-button:active{transform:translateY(1px) scale(.99)}
.wy-btn--primary,.wygge-button--primary,.wp-element-button{background:var(--ad-accent);color:var(--ad-on-accent);border-color:var(--ad-accent);border-radius:var(--ad-radius-cta)}
.wy-btn--primary:hover,.wygge-button--primary:hover{background:var(--ad-accent-hover);border-color:var(--ad-accent-hover)}
.wy-btn--dark{background:var(--ad-brand);color:var(--ad-on-brand);border-color:var(--ad-brand)}.wy-btn--dark:hover{background:var(--ad-brand-hover)}
.wy-btn--outline,.wygge-button--secondary{background:var(--ad-surface);color:var(--ad-text);border-color:var(--ad-border-strong)}
.wy-btn--outline:hover,.wygge-button--secondary:hover{background:var(--ad-surface-2)}
.wy-btn--onpanel{background:transparent;color:var(--ad-on-panel);border-color:color-mix(in srgb,var(--ad-on-panel) 45%,transparent)}
.wy-btn--onpanel:hover{background:color-mix(in srgb,var(--ad-on-panel) 10%,transparent)}
.wygge-button--link{background:transparent;border-color:transparent;color:var(--ad-text-muted);text-decoration:underline!important;padding-inline:6px;min-height:36px}
.wygge-button--link:hover{background:var(--ad-surface-2)}
.wy-btn--block{width:100%}
.wy-btn[disabled],.wygge-button[disabled],.wygge-button[aria-busy="true"]{background:var(--ad-surface-inset);color:var(--ad-text-muted);border-color:var(--ad-surface-inset);cursor:not-allowed;transform:none}
.wy-icon-btn{width:40px;height:40px;border-radius:6px;display:inline-grid;place-items:center;background:transparent;border:0;color:inherit;
  cursor:pointer;transition:background-color 140ms ease-out;position:relative;text-decoration:none!important}
.wy-icon-btn:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.wy-link{display:inline-flex;align-items:center;gap:4px;font-weight:700}

/* tags (status, 6 px) */
.wy-tag,.wygge-badge{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:11.5px;line-height:1.3;letter-spacing:.02em;padding:3px 8px;
  border-radius:var(--ad-radius-tag);background:var(--t-bg,var(--ad-neutral-bg));color:var(--t-fg,var(--ad-neutral-fg));white-space:nowrap;width:max-content}
.wygge-badge::before{content:"";width:6px;height:6px;border-radius:2px;background:currentColor;flex:none}
.wygge-badge--done{--t-bg:var(--ad-success-bg);--t-fg:var(--ad-success-fg)}
.wygge-badge--current{--t-bg:var(--ad-warn-bg);--t-fg:var(--ad-warn-fg)}
.wygge-badge--failed{--t-bg:var(--ad-danger-bg);--t-fg:var(--ad-danger-fg)}
.wygge-badge--muted,.wygge-badge--open{--t-bg:var(--ad-neutral-bg);--t-fg:var(--ad-neutral-fg)}

/* stock badge: "aus Bestand n" (Deep in light, accent in dark) */
.wy-badge-stock{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:11.5px;letter-spacing:.02em;padding:3px 8px;border-radius:6px;
  background:var(--ad-badge-bg);color:var(--ad-badge-fg);width:max-content;line-height:1.3}
.wy-badge-stock .wy-ico{color:var(--ad-badge-ic);width:var(--wy-ico-size-xs);height:var(--wy-ico-size-xs);stroke-width:var(--wy-ico-stroke-xs)}
.wygge-card__media,.wygge-card__link{position:relative}
.wygge-card__media > .wy-badge-stock,.wygge-product__media > .wy-badge-stock{position:absolute;left:10px;bottom:10px}
.wygge-product__media > .wy-badge-stock{top:12px;left:12px;bottom:auto}
[data-wy-style="industrial"] .wygge-card__link > .wy-badge-stock{position:absolute;left:92px;bottom:22px}
@media (min-width:860px){[data-wy-style="industrial"] .wygge-card__link > .wy-badge-stock{left:auto;bottom:auto;right:280px;top:50%;transform:translateY(-50%)}}

/* chips (conditions, filters, 8 px) */
.wygge-chip{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px;line-height:1.2;padding:8px 11px;min-height:36px;border-radius:var(--ad-radius-input);
  border:1.5px solid var(--ad-border-strong);color:var(--ad-text);background:var(--ad-surface);white-space:nowrap;text-decoration:none!important;transition:background-color 140ms ease-out}
.wygge-chip:hover{background:var(--ad-surface-2)}
.wygge-chip--active{background:var(--ad-brand);border-color:var(--ad-brand);color:var(--ad-on-brand)}
.wygge-chip--active:hover{background:var(--ad-brand-hover)}

/* inputs */
.wy-label,.wygge-field__label{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ad-text-muted);margin-bottom:6px}
.wy-input,.wy-search input,.wygge-search input[type="search"],.wygge-shop input[type="number"],.wygge-shop textarea{font:500 14px/1.2 var(--wy-font);padding:10px 12px;min-height:44px;
  border-radius:var(--ad-radius-input);border:1.5px solid var(--ad-border-strong);background:var(--ad-surface);color:var(--ad-text);width:100%}
.wy-input::placeholder,.wygge-shop input::placeholder,.wy-search input::placeholder{color:var(--ad-text-muted)}
.wy-input:focus,.wygge-shop input:focus,.wygge-shop textarea:focus,.wy-search input:focus{border-color:var(--ad-focus);outline:2px solid var(--ad-focus);outline-offset:2px;box-shadow:var(--ad-shadow-sm)}
.wygge-shop input[type="number"]{width:5.5rem;font-family:var(--ad-font-mono);font-weight:600;text-align:center}
.wygge-shop textarea{min-height:7rem;resize:vertical;line-height:1.5}
.wygge-shop input[type="radio"],.wygge-shop input[type="checkbox"]{accent-color:var(--ad-strong);width:18px;height:18px;margin:2px 0 0;flex:none}

/* banners = plugin notices and the loud error box. The base box is written with a doubled class (specificity 0,2,0) on purpose
   (FND-1597): the plugin stylesheet (wygge-shop.css) sets padding, border and colours on a single `.wygge-notice`; when it is
   still on the page after this sheet (not taken over) it would otherwise win and the 18 px icon would sit on the first letter. */
.wygge-notice.wygge-notice,.wygge-error.wygge-error{display:block;padding:12px 14px 12px 42px;border-radius:10px;background:var(--b-bg,var(--ad-info-bg));color:var(--b-fg,var(--ad-info-fg));font-size:13.5px;
  margin:12px 0;position:relative;border:0}
.wygge-notice::before,.wygge-error::before{content:"";position:absolute;left:14px;top:13px;width:18px;height:18px;background:var(--b-ic,var(--ad-info));
  -webkit-mask:var(--b-mask) center/contain no-repeat;mask:var(--b-mask) center/contain no-repeat}
.wygge-notice,.wygge-notice--info{--b-bg:var(--ad-info-bg);--b-fg:var(--ad-info-fg);--b-ic:var(--ad-info);
  --b-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E")}
.wygge-notice--success{--b-bg:var(--ad-success-bg);--b-fg:var(--ad-success-fg);--b-ic:var(--ad-success);
  --b-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.1V12a10 10 0 1 1-5.9-9.1'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E")}
.wygge-notice--warning{--b-bg:var(--ad-warn-bg);--b-fg:var(--ad-warn-fg);--b-ic:var(--ad-warn-fg);
  --b-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}
.wygge-error{--b-bg:var(--ad-danger-bg);--b-fg:var(--ad-danger-fg);--b-ic:var(--ad-danger);
  --b-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}
.wygge-notice p + p,.wygge-error p + p{margin-top:6px}
.wygge-notice strong,.wygge-error__title{font-size:14px}
.wygge-error__meta{font-size:12px;opacity:.9;overflow-wrap:anywhere;font-family:var(--ad-font-mono);font-weight:500}
.wygge-error__detail{white-space:pre-wrap;font-size:12px;margin:8px 0 0}
.wygge-notice .wygge-button{margin-top:4px}
.wygge-inline-error{display:inline-flex;margin-left:8px;padding:3px 8px;border-radius:6px;background:var(--ad-danger-bg);color:var(--ad-danger-fg);font-size:12px;font-weight:600}
.wygge-missing{margin:6px 0 0;padding-left:18px}

/* cards, brand panel with the y-slash, budget meter */
.wy-card{background:var(--ad-surface);border:1.5px solid var(--ad-border);border-radius:var(--ad-radius-card)}
.wy-panel{position:relative;overflow:hidden;background:var(--ad-panel);color:var(--ad-on-panel);border-radius:var(--ad-radius-card)}
.wy-panel .wy-kicker,.wy-blk--green .wy-kicker,.wy-blk--dark .wy-kicker{color:var(--ad-accent-ink)}
.wy-slash > *{position:relative;z-index:1}
.wy-slash::after{content:"";position:absolute;z-index:0;top:0;right:0;width:var(--slash-w,150px);height:var(--slash-h,62%);
  background:var(--ad-accent);opacity:.95;clip-path:polygon(64% 0,100% 0,36% 100%,0 100%);pointer-events:none}
.wy-meter{display:flex;height:10px;border-radius:4px;overflow:hidden;background:var(--ad-surface-inset);min-width:80px}
.wy-meter > span{display:block;height:100%;width:0}
.wy-meter__charged{background:var(--ad-strong)}
.wy-meter__reserved{background:color-mix(in oklab,var(--ad-strong) 42%,var(--ad-surface))}
.wy-meter__cart{background:var(--ad-accent);box-shadow:inset 0 0 0 1.5px var(--ad-strong)}
.wy-meter.is-over .wy-meter__cart{background:var(--ad-danger);box-shadow:none}
.wy-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ad-text-muted);margin-top:8px}
.wy-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.wy-hint{font-size:12.5px;color:var(--ad-text-muted)}
.wy-seg{display:inline-flex;align-items:center;border:1.5px solid var(--ad-border-strong);border-radius:8px;padding:2px;background:var(--ad-surface);gap:2px}
.wy-seg button{border:0;background:transparent;font-weight:700;font-size:12.5px;padding:5px 10px;border-radius:6px;color:var(--ad-text-muted)}
.wy-seg button[disabled]{cursor:not-allowed}
.wy-seg button[aria-pressed="true"]{background:var(--ad-brand);color:var(--ad-on-brand)}
.wy-seg .wy-tag{margin:0 2px}
.wy-empty{text-align:center;padding:48px 24px;display:grid;justify-items:center;gap:12px}

/* =====================================================================================================================
   Chrome: header, nav, search, tools, strip, mini-cart dialog, footer
   ===================================================================================================================== */
.wy-header{position:sticky;top:var(--sf-adminbar,0px);z-index:50}
/* merchandising preview (plugin 0.8.0): the banner sits above the head; the sticky head starts below it */
body.wygge-preview .wy-header{top:calc(var(--sf-adminbar,0px) + var(--wygge-preview-banner-height,44px))}
.wy-hdr{background:var(--ad-panel);color:var(--ad-on-panel)}
.wy-hdr__bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:var(--wy-hdr-h)}
.wy-brandbox{display:flex;align-items:center;gap:12px;min-width:0;margin-right:auto;flex:1 1 0}
.wy-tools{flex:none}
.wy-strip-part:empty{display:none}
.wygge-brand{display:flex;align-items:center;gap:6px;min-width:0}
.wygge-brand__link{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none!important;font-weight:700;font-size:17px;min-width:0}
.wygge-brand__logo{height:var(--wygge-logo-height,var(--wy-logo-h,26px));width:auto;max-width:200px;display:block}
.wygge-brand__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wy-tagline{display:none;font-size:12px;line-height:1.25;color:var(--ad-on-panel-muted);border-left:1px solid color-mix(in srgb,var(--ad-on-panel) 22%,transparent);padding-left:12px;max-width:22ch}
.wygge-nav{order:10;flex:1 0 100%;min-width:0}
.wygge-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0 0 8px;overflow-x:auto;scrollbar-width:none}
.wygge-nav ul::-webkit-scrollbar{display:none}
.wygge-nav li:has(> a[href$="/warenkorb/"]){display:none}
.wygge-nav__link{display:inline-flex;align-items:center;min-height:36px;color:var(--ad-on-panel-muted);font-weight:600;font-size:13.5px;padding:8px 11px;border-radius:8px;
  white-space:nowrap;text-decoration:none!important;transition:background-color 140ms ease-out}
.wygge-nav__link:hover{background:color-mix(in srgb,var(--ad-on-panel) 9%,transparent)}
.wygge-nav__link[aria-current="page"]{color:var(--ad-on-panel);background:color-mix(in srgb,var(--ad-accent) 14%,transparent)}
.wy-search{display:none;position:relative;flex:1;max-width:360px}
.wy-search .wy-ico{position:absolute;left:11px;top:12.5px;color:var(--ad-on-panel-muted);pointer-events:none}
.wy-hdr .wy-search input{background:color-mix(in srgb,var(--ad-on-panel) 8%,transparent);border-color:color-mix(in srgb,var(--ad-on-panel) 24%,transparent);
  color:var(--ad-on-panel);padding-left:36px;min-height:40px}
.wy-hdr .wy-search input::placeholder{color:var(--ad-on-panel-muted)}
.wy-tools{display:flex;align-items:center;gap:2px}
/* visually hidden, still the link's name (no aria-label: WCAG 2.5.3 label in name) */
.wy-account-link__label,.wy-cartbtn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wy-cartbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;height:40px;border-radius:6px;color:inherit;
  text-decoration:none!important;transition:background-color 140ms ease-out;font-weight:700}
.wy-cartbtn:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.wy-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:var(--ad-accent);color:var(--ad-on-accent);
  font:700 11px/18px var(--ad-font-mono);text-align:center}
.wy-mode__light{display:none}
:root[data-theme="dark"] .wy-mode__light{display:block}:root[data-theme="dark"] .wy-mode__dark{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wy-mode__light{display:block}:root:not([data-theme="light"]) .wy-mode__dark{display:none}}
@media (max-width:599px){.wygge-brand__logo{max-height:32px;max-width:150px}.wy-mode{width:36px}}
@media (min-width:1080px){
  .wy-brandbox{flex:0 1 auto}
  .wygge-nav{order:0;flex:0 1 auto}
  .wygge-nav ul{padding:0}
  .wy-tagline{display:block}
  .wy-search{display:block}
  .wy-brandbox{margin-right:0}
  .wy-tools{margin-left:auto}
  .wy-search + .wy-tools{margin-left:0}
  .wy-search{margin-left:auto}
}

/* strip: budget + approval (01 below the header; 02 inside the band) */
.wy-strip{background:var(--ad-surface-2);border-bottom:1.5px solid var(--ad-border);color:var(--ad-text)}
.wy-strip__bar{display:flex;flex-wrap:nowrap;align-items:center;gap:8px 18px;font-size:13px;height:44px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}
.wy-strip__bar::-webkit-scrollbar{display:none}
.wy-strip__bar > *{flex:none}
.wy-strip__budget{display:inline-flex;align-items:center;gap:10px;color:var(--ad-text);font-weight:700;text-decoration:none!important}
.wy-strip__budget:hover .wy-strip__name{text-decoration:underline}
.wy-strip__budget .wy-meter{width:120px;height:8px}
.wy-strip__figure{font-weight:500;color:var(--ad-text-muted)}
.wy-strip__figure b{color:var(--ad-text);font-variant-numeric:tabular-nums}
.wy-strip__approval{display:inline-flex;align-items:center;gap:8px;color:var(--ad-text-muted)}
.wy-strip .wy-seg{margin-left:auto}

/* mini-cart dialog */
.wy-drawer{position:fixed;inset:0;z-index:100}
.wy-drawer[hidden]{display:none}
.wy-drawer__scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--ad-deep) 38%,transparent)}
.wy-drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(400px,100vw);background:var(--ad-surface);color:var(--ad-text);
  display:grid;grid-template-rows:auto 1fr auto;box-shadow:var(--ad-shadow-lg);outline:none;animation:wy-in 220ms var(--ad-ease)}
@media (min-width:720px){.wy-drawer__panel{top:calc(var(--wy-hdr-h) + 8px);right:max(16px,calc((100vw - 1200px) / 2 + 24px));bottom:auto;max-height:calc(100vh - var(--wy-hdr-h) - 24px);
  width:360px;border:1.5px solid var(--ad-border);border-radius:12px}}
@keyframes wy-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.wy-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px}
.wy-drawer__head h2{font-size:16px}
.wy-drawer__body{overflow:auto;padding:0 16px;display:grid;gap:12px;align-content:start}
.wy-drawer__foot{padding:12px 16px 16px}
.wy-mc-line{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.wy-mc-line__th{width:44px;height:44px;border-radius:8px;background:var(--ad-ill);display:grid;place-items:center;overflow:hidden}
.wy-mc-line__th img{width:80%;height:80%;object-fit:contain}
.wy-mc-line b{white-space:nowrap;font-variant-numeric:tabular-nums}
.wy-mc-line span span{display:block;color:var(--ad-text-muted);font-size:12.5px}
.wy-mc-sum{display:grid;gap:6px;font-size:13px;border-top:1.5px solid var(--ad-border);padding-top:10px}
.wy-mc-sum div{display:flex;justify-content:space-between;gap:12px}
.wy-mc-sum .is-total{font-weight:700;font-size:15px}

/* footer */
.wy-ftr{margin-top:56px;background:var(--ad-panel);color:var(--ad-on-panel-muted);font-size:13px}
.wy-ftr__bar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-block:22px}
.wy-ftr a{color:var(--ad-on-panel)}
.wygge-legal{margin:0}
/* W6 F0 (FND-1619): the legal links of the footer are targets of at least 24 px (WCAG 2.5.8; they were 19 px) and 44 px on a touch screen.
   W6-D (FND-1754, Peter: "Unterstrich geht gar nicht"): no underline. They stand out from the muted legal line by the full ink colour and weight 600
   (axe link-in-text-block: not by colour alone); hover = a soft pill behind the text, keyboard focus = the ring. */
.wygge-legal a{display:inline-flex;align-items:center;min-height:24px;padding-inline:6px;margin-inline:-2px;border-radius:6px;font-weight:600;text-decoration:none;color:var(--ad-on-panel);transition:background-color 140ms ease-out}
.wygge-legal a:hover{text-decoration:none;background:color-mix(in srgb,currentColor 16%,transparent)}
.wygge-legal a:focus-visible{text-decoration:none;outline:2px solid currentColor;outline-offset:1px}
@media (pointer:coarse){.wygge-legal a{min-height:44px;padding-inline:2px}}
/* a catalog page without a catalog: not signed in / shop not set up. The page's own title is the h1, the notice says why and the button leads on. */
.wygge-catalog-gate{max-width:640px;padding-block:clamp(24px,6vh,64px) 16px}
.wygge-catalog-gate__title{margin:0 0 20px;font-size:clamp(28px,3vw,38px);line-height:1.1}
.wygge-legal--missing{font-style:italic;opacity:.85}
.wy-by{display:inline-flex;align-items:center;gap:10px}
.wy-by img{height:20px;width:auto}
.wy-by__light{display:none}

/* =====================================================================================================================
   Catalog stage (hero) — shared parts
   ===================================================================================================================== */
.wy-hero-part{display:block}
.wy-hero__title{font-size:clamp(30px,5.4vw,54px);line-height:1.04;letter-spacing:-.02em;max-width:15ch;margin-top:12px}
.wy-lead{font-size:15.5px;max-width:48ch;margin-top:12px;color:var(--ad-text-muted)}
.wy-panel .wy-lead,.wy-blk--green .wy-lead{color:var(--ad-on-panel-muted)}
.wy-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.wy-quick{background:var(--ad-surface);color:var(--ad-text);border-radius:10px;padding:16px;display:grid;gap:10px;align-self:end}
.wy-quick h2{font-size:16px;display:flex;align-items:center;gap:8px}
.wy-quick .wy-field{display:block}
.wy-quick .wy-input{font-family:var(--ad-font-mono);font-weight:600}
.wy-art{display:block;position:relative}
.wy-art svg{width:100%;height:auto}
.wy-ph{position:absolute;border:2px dashed currentColor;border-radius:6px;display:grid;place-items:center;text-align:center;font:700 10px/1.15 var(--ad-font-mono);
  text-transform:uppercase;padding:2px;color:var(--ad-text);background:color-mix(in srgb,#fff 70%,transparent)}
.wy-ph--crest{left:58%;top:34%;width:17%;height:17%}

/* =====================================================================================================================
   Shop pages — shared structure (plugin classes)
   ===================================================================================================================== */
.wygge-shop{color:var(--ad-text)}
.wygge-page-title,.wygge-shop h1.wygge-page-title{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;line-height:1.08;margin:0 0 16px}
.wygge-shop h2{font-size:17px;margin:24px 0 10px}
.wygge-shop h3{font-size:15px;margin:16px 0 8px}
.wygge-back{margin:0 0 12px;font-size:13px}
.wygge-back a{color:var(--ad-text-muted)}
.wygge-hint{font-size:12.5px;color:var(--ad-text-muted);margin-top:8px}
.wygge-result-count{font-weight:700;margin:4px 0 10px}
.wygge-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin:20px 0 0}
.wygge-pager{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}
.wygge-form{margin:0}
.wygge-account{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 16px;padding:14px 16px;border:1.5px solid var(--ad-border);border-radius:10px;background:var(--ad-surface)}
.wygge-account__logout{margin:0 0 0 auto}

/* catalog: search, categories, facets */
.wygge-search{display:flex;gap:8px;margin:0 0 14px}
.wygge-search input[type="search"]{flex:1 1 auto;min-width:0}
.wygge-categories ul,.wygge-facets ul{display:flex;gap:6px;list-style:none;margin:0;padding:0 0 4px;overflow-x:auto;scrollbar-width:thin}
.wygge-categories{margin:0 0 10px}
.wygge-facets{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.wygge-facets__group{display:flex;flex-direction:column;gap:6px}
.wygge-facets__name{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ad-text-muted)}

/* product cards (grid by default; variations re-lay them) */
.wygge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.wygge-card{background:var(--ad-surface);border:1.5px solid var(--ad-border);border-radius:var(--ad-radius-card);overflow:hidden;transition:background-color 100ms ease-out}
.wygge-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none!important}
.wygge-card__link:hover{background:var(--ad-surface-2)}
.wygge-card__media{aspect-ratio:1/1;background:var(--ad-ill);display:grid;place-items:center;overflow:hidden}
.wygge-card__image{width:70%;height:70%;object-fit:contain;display:block}
.wygge-card__image--none,.wygge-product__image--none,.wygge-line__image--none{display:grid;place-items:center;width:100%;height:100%;background:var(--ad-surface-inset);color:var(--ad-text-muted);font-size:12px;font-weight:600}
.wygge-card__body{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.wygge-card__category{font-size:12px;color:var(--ad-text-muted)}
.wygge-shop .wygge-card__title{font-size:15px;margin:0;line-height:1.25;letter-spacing:-.01em}
.wygge-card__price{margin:2px 0 0;font-weight:700;font-size:17px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ad-text)}

/* product page */
.wygge-product__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.wygge-product__media{aspect-ratio:4/3;background:var(--ad-ill);border-radius:var(--ad-radius-card);overflow:hidden;display:grid;place-items:center}
.wygge-product__image{width:52%;height:auto;max-height:86%;object-fit:contain}
.wygge-product__info .wygge-page-title{font-size:clamp(28px,3.4vw,40px);margin:6px 0 10px}
.wygge-product__price{white-space:nowrap;font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1;padding:16px 0;margin:12px 0;
  border-top:1.5px solid var(--ad-border);border-bottom:1.5px solid var(--ad-border);font-variant-numeric:tabular-nums}
.wygge-product__description{color:var(--ad-text-muted);max-width:60ch;margin:0 0 12px}
.wygge-facts{display:grid;grid-template-columns:auto 1fr;margin:12px 0;font-size:13.5px;border-top:1.5px solid var(--ad-text)}
.wygge-facts dt,.wygge-facts dd{margin:0;padding:9px 0;border-bottom:1px solid var(--ad-divider)}
.wygge-facts dt{color:var(--ad-text-muted);font-weight:600;padding-right:18px}
.wygge-facts dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.wygge-variants{border:0;padding:0;margin:16px 0}
.wygge-variants legend{font-weight:700;margin-bottom:8px;padding:0}
.wygge-variants ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.wygge-variants li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1.5px solid var(--ad-border);border-radius:var(--ad-radius-input);background:var(--ad-surface)}
.wygge-variants li:has(input:checked){border-color:var(--ad-strong);background:var(--ad-accent-bg)}
.wygge-variants label{display:flex;flex-direction:column;gap:2px;cursor:pointer;font-size:13.5px}
.wygge-variant__meta{font-size:12.5px;color:var(--ad-text-muted)}
.wygge-variants input:disabled + label{opacity:.6;cursor:not-allowed}
.wygge-stock{font-size:13.5px;color:var(--ad-text-muted);display:flex;align-items:center;gap:8px}
.wygge-moq{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px;padding:5px 9px;border-radius:8px;border:1.5px solid var(--ad-border-strong);margin:12px 0 0}
.wygge-moq.is-ok{border-color:var(--ad-success);color:var(--ad-success-fg);background:var(--ad-success-bg)}
.wygge-moq.is-bad{border-color:var(--ad-danger);color:var(--ad-danger-fg);background:var(--ad-danger-bg)}
.wygge-quantity{display:flex;align-items:center;gap:12px;margin:14px 0}
.wygge-quantity label{font-weight:700}
.wygge-add-to-cart{display:block}
.wygge-add-to-cart > .wygge-button{width:100%}
@media (min-width:560px){.wygge-add-to-cart > .wygge-button{width:auto}}
@media (min-width:1000px){.wygge-product__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}}

/* variant matrix (built by storefront.js from the plugin's variant list; the list stays the no-JS path) */
.wy-matrix{margin:28px 0 0}
.wy-matrix__scroll{overflow-x:auto;border:1.5px solid var(--ad-border);border-radius:10px;background:var(--ad-surface)}
.wy-matrix table{border-collapse:collapse;min-width:100%}
.wy-matrix th,.wy-matrix td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--ad-divider);white-space:nowrap}
.wy-matrix thead th{font:600 12px var(--ad-font-mono);color:var(--ad-text-muted);border-bottom:1.5px solid var(--ad-border);padding-top:12px}
.wy-matrix th[scope="row"]{position:sticky;left:0;background:var(--ad-surface);text-align:left;padding:8px 14px;font-size:13.5px;z-index:1;border-right:1.5px solid var(--ad-border)}
.wy-matrix th[scope="row"] span{display:flex;align-items:center;gap:8px}
.wy-sw{width:16px;height:16px;border-radius:4px;border:1.5px solid color-mix(in srgb,var(--ad-text) 25%,transparent);flex:none;background:var(--sw,var(--ad-surface-inset))}
.wy-cell{width:50px;height:36px;border:1.5px solid var(--ad-border);border-radius:8px;text-align:center;font:600 13.5px var(--ad-font-mono);background:var(--ad-surface);color:var(--ad-text);padding:0}
.wy-cell::placeholder{color:var(--ad-text-faint)}
.wy-cell:focus{outline:2px solid var(--ad-focus);outline-offset:1px;border-color:var(--ad-focus)}
.wy-matrix td small{display:block;font-size:11px;color:var(--ad-text-muted);margin-top:3px;font-family:var(--ad-font-mono)}
.wy-matrix td.has .wy-cell{border-color:var(--ad-strong);background:var(--ad-accent-bg)}
.wy-matrix td.bad .wy-cell{border-color:var(--ad-danger);background:var(--ad-danger-bg)}
.wy-matrix td.out .wy-cell{background:var(--ad-surface-inset);border-style:dashed;cursor:not-allowed}
.wy-matrix td.out small{color:var(--ad-warn-fg)}
.wy-matrix .wy-tot{font:700 13px var(--ad-font-mono);padding:8px 14px}
.wy-selbar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:14px 16px;margin-top:10px;border-radius:10px;background:var(--ad-surface-2);border:1.5px solid var(--ad-border)}
.wy-selbar__fig{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px}
.wy-selbar__fig b{font-size:17px;display:block;font-variant-numeric:tabular-nums}
.wy-selbar__fig span{color:var(--ad-text-muted);font-size:12px}
.wy-matrix__msg{margin-top:10px}
.wy-matrix__msg:empty{display:none}
.has-matrix .wygge-variants,.has-matrix .wygge-quantity,.wygge-add-to-cart.has-matrix > .wygge-button{display:none}
.wygge-shop input.wy-cell{width:50px;min-height:0;height:36px;padding:0;font:600 13.5px var(--ad-font-mono);border:1.5px solid var(--ad-border);text-align:center}
.wygge-shop .wy-sz input.wy-cell{width:100%;max-width:72px;height:44px;font-size:17px;border-color:var(--ad-border-strong)}
.wygge-shop .wy-matrix td.has input.wy-cell,.wygge-shop .wy-sz.has input.wy-cell{border-color:var(--ad-strong)}
.wygge-shop .wy-matrix td.bad input.wy-cell{border-color:var(--ad-danger)}

/* cart + checkout lines */
.wygge-lines{list-style:none;margin:0;padding:0;border:1.5px solid var(--ad-border);border-radius:10px;background:var(--ad-surface);overflow:hidden}
.wygge-line{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"media body total" "controls controls controls";gap:6px 14px;padding:14px;border-bottom:1px solid var(--ad-divider);align-items:center}
.wygge-line:last-child{border-bottom:0}
.wygge-line__media{grid-area:media;width:56px;height:56px;background:var(--ad-ill);border-radius:8px;overflow:hidden;display:grid;place-items:center}
.wygge-line__image{width:80%;height:80%;object-fit:contain}
.wygge-line__body{grid-area:body;display:flex;flex-direction:column;gap:2px;min-width:0}
.wygge-line__name{font-weight:700;font-size:14.5px;color:var(--ad-text);overflow-wrap:anywhere}
.wygge-line__variant,.wygge-line__price{font-size:12.5px;color:var(--ad-text-muted)}
.wygge-line__total{grid-area:total;font-weight:700;font-size:15px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.wygge-line__controls{grid-area:controls;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wygge-line__quantity{display:flex;gap:6px;align-items:center}
.wygge-line__quantity input[type="number"]{width:4.5rem;min-height:36px;padding:6px}
.wygge-line__quantity .wygge-button,.wygge-line__remove .wygge-button{min-height:36px;padding:7px 12px;font-size:13px}
.wygge-line .wygge-moq{margin:0;white-space:normal}
@media (min-width:760px){
  .wygge-line{grid-template-columns:56px minmax(180px,1.3fr) minmax(0,1fr) 120px;grid-template-areas:"media body controls total"}
}
.wygge-total{display:flex;justify-content:space-between;align-items:baseline;font-size:17px;font-weight:700;margin:12px 0;padding:0 14px}
.wygge-total strong{font-variant-numeric:tabular-nums}
.wygge-sums{margin:12px 0;display:grid;gap:8px;font-size:14px;padding:0 14px}
.wygge-sums > div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.wygge-sums dt{color:var(--ad-text-muted)}
.wygge-sums dd{margin:0;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
[data-wygge-cart-offset]{color:var(--ad-success-fg)}
.wygge-sums__payable{border-top:1.5px solid var(--ad-border);padding-top:10px;font-size:17px}
.wygge-sums__payable dt,.wygge-sums__payable dd{font-weight:700;color:var(--ad-text)}

.wygge-cart,.wygge-checkout{display:grid;gap:0 20px;grid-template-columns:minmax(0,1fr);align-items:start}
.wygge-cart > *,.wygge-checkout > *{min-width:0}
.wygge-cart__side{display:grid;gap:12px;margin-top:12px}
.wygge-budget,.wygge-approval,.wygge-delivery{border:1.5px solid var(--ad-border);border-radius:var(--ad-radius-card);background:var(--ad-surface);padding:16px;margin:12px 0}
.wygge-cart__side .wygge-budget,.wygge-cart__side .wygge-approval{margin:0}
.wygge-shop .wygge-budget h2,.wygge-shop .wygge-approval h2,.wygge-shop .wygge-delivery h2,.wygge-budget h2{font-size:15px;margin:0 0 10px}
.wygge-budget .wygge-facts{border-top:0;margin:0}
.wygge-budget .wy-meter{margin-top:12px}
.wygge-limits{margin:8px 0 0;padding-left:18px;font-size:12.5px;color:var(--ad-text-muted)}
.wygge-approval{background:var(--ad-warn-bg);border-color:transparent;color:var(--ad-warn-fg)}
.wygge-approval h2{color:var(--ad-warn-fg)}
.wygge-delivery__options{border:0;margin:6px 0 0;padding:0;display:grid;gap:8px}
.wygge-delivery__option{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1.5px solid var(--ad-border);border-radius:10px;background:var(--ad-surface);cursor:pointer;transition:background-color 140ms ease-out}
.wygge-delivery__option:hover{background:var(--ad-surface-2)}
.wygge-delivery__option:has(input:checked){border-color:var(--ad-strong)}
.wygge-delivery__option > span{display:flex;flex-direction:column;gap:2px}
.wygge-delivery__address{font-size:12.5px;color:var(--ad-text-muted)}
.wygge-submit-order{margin:16px 0}
.wygge-submit-order > .wygge-button{width:100%;font-size:15px;min-height:48px}
@media (min-width:1000px){
  .wygge-cart{grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"title title" "flash flash" "lines side" "total side" "actions side"}
  .wygge-cart > .wygge-actions{align-self:start}
  .wygge-cart > .wygge-page-title{grid-area:title}
  .wygge-cart > .wygge-notice,.wygge-cart > .wygge-error{grid-column:1/-1}
  .wygge-cart > .wygge-lines,.wygge-cart > .wygge-cart-form{grid-area:lines}
  .wygge-cart > .wygge-total,.wygge-cart > .wygge-sums{grid-area:total}
  .wygge-cart > .wygge-cart__side{grid-area:side;position:sticky;top:calc(var(--wy-hdr-h) + 16px);margin-top:0}
  .wygge-cart > .wygge-actions{grid-area:actions}
  /* checkout: storefront.js groups budget + approval into .wy-side (without JS the page stays one column) */
  .wygge-checkout:has(> .wy-side){grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:repeat(8,auto) 1fr}
  .wygge-checkout:has(> .wy-side) > *{grid-column:1}
  .wygge-checkout > .wy-side{grid-column:2;grid-row:2 / -1;align-self:start;position:sticky;top:calc(var(--wy-hdr-h) + 16px);margin-top:0}
  .wygge-checkout > .wygge-page-title{grid-column:1/-1}
}

/* orders */
.wygge-order-list{list-style:none;margin:0;padding:0;border:1.5px solid var(--ad-border);border-radius:10px;background:var(--ad-surface);overflow:hidden}
.wygge-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--ad-divider);transition:background-color 100ms ease-out}
.wygge-order:last-child{border-bottom:0}
.wygge-order:hover{background:var(--ad-surface-2)}
.wygge-order__number{font-family:var(--ad-font-mono);font-weight:600;font-size:13.5px;color:var(--ad-text);grid-column:1}
.wygge-order__date{grid-column:1;color:var(--ad-text-muted);font-size:12.5px;font-variant-numeric:tabular-nums}
.wygge-order__total{grid-column:2;grid-row:1;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.wygge-order .wygge-badge{grid-column:2;justify-self:end}
.wygge-order__payment{grid-column:1/-1;font-size:12.5px;color:var(--ad-text-muted)}
@media (min-width:760px){
  .wygge-order{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 140px auto;gap:14px}
  .wygge-order__number,.wygge-order__date,.wygge-order__total,.wygge-order .wygge-badge{grid-column:auto;grid-row:auto}
  .wygge-order__total{order:3}.wygge-order .wygge-badge{order:4}
}
.wygge-order-detail > .wygge-page-title{font-family:var(--ad-font-mono);font-weight:700;letter-spacing:0;font-size:clamp(20px,2.4vw,26px)}
.wygge-order__meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;color:var(--ad-text-muted);font-size:13px;padding-bottom:14px;border-bottom:1.5px solid var(--ad-border);margin-bottom:6px}

/* timeline */
.wygge-timeline{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:0}
.wygge-timeline__step{display:grid;grid-template-columns:22px 1fr;column-gap:12px;position:relative;padding:0 0 16px 34px;min-height:22px}
.wygge-timeline__step::before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:6px;border:2px solid var(--ad-border-strong);background:var(--ad-surface);
  box-sizing:border-box}
.wygge-timeline__step::after{content:"";position:absolute;left:10px;top:22px;bottom:0;width:2px;background:var(--ad-border)}
.wygge-timeline__step:last-child::after{display:none}
.wygge-timeline__step--done::before{background:var(--ad-strong) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8FF16' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--ad-strong)}
.wygge-timeline__step--done::after{background:var(--ad-strong)}
.wygge-timeline__step--current::before{background:var(--ad-accent);border-color:var(--ad-strong)}
.wygge-timeline__step--failed::before{background:var(--ad-danger);border-color:var(--ad-danger)}
.wygge-timeline__label{grid-column:1/-1;font-weight:700;font-size:14px}
.wygge-timeline__step--open .wygge-timeline__label{color:var(--ad-text-muted)}
.wygge-timeline__detail{grid-column:1/-1;font-size:13px;color:var(--ad-text-muted)}
.wygge-shipments{grid-column:1/-1;list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px;font-size:13px}
.wygge-shipment__carrier{font-weight:700}
.wygge-shipment__link{font-weight:700}
.wygge-shipment__date{display:block;color:var(--ad-text-muted);font-size:12.5px}
@media (min-width:900px){
  .wygge-timeline{grid-auto-flow:column;grid-auto-columns:1fr}
  .wygge-timeline__step{padding:30px 12px 0 0;grid-template-columns:1fr}
  .wygge-timeline__step::after{left:24px;right:0;top:10px;bottom:auto;width:auto;height:2px}
}
.wygge-order-address address{font-style:normal;line-height:1.5;font-size:13.5px}
.wygge-documents{margin:16px 0}
.wygge-document-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wygge-document{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 10px;border:1.5px solid var(--ad-border);border-radius:8px;font-size:13px}
.wygge-document__title{font-weight:700}
.wygge-document__file,.wygge-document__date{color:var(--ad-text-muted);font-size:12px;font-family:var(--ad-font-mono);overflow-wrap:anywhere}
.wygge-document .wygge-button{margin-left:auto;min-height:36px;padding:7px 12px;font-size:13px}
.wygge-receipt{margin:16px 0 8px;padding:14px 16px;border-radius:10px;background:var(--ad-accent-bg);display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.wygge-receipt p{margin:0;font-weight:600}
.wygge-order-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:16px;padding-top:16px;border-top:1.5px solid var(--ad-border)}
.wygge-complaints{margin:24px 0}
.wygge-complaint-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.wygge-complaint{border:1.5px solid var(--ad-border);border-radius:10px;background:var(--ad-surface);padding:12px 14px}
.wygge-complaint__head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-bottom:6px}
.wygge-complaint__order{font-family:var(--ad-font-mono);font-weight:600}
.wygge-complaint__date,.wygge-complaint__lines,.wygge-complaint__note{color:var(--ad-text-muted);font-size:13px}
.wygge-complaint__text{white-space:pre-wrap;overflow-wrap:anywhere}
.wygge-complaint-form{display:grid;gap:10px;max-width:40rem}
.wygge-complaint-form > .wygge-button{justify-self:start}
.wygge-complaint-form__lines{border:1.5px solid var(--ad-border);border-radius:8px;padding:8px 12px;margin:0}
.wygge-complaint-form__line{display:flex;gap:8px;align-items:flex-start;padding:4px 0;cursor:pointer}

/* stock (Mein Bestand) */
.wygge-stock-page > .wygge-page-title{margin-bottom:6px}
.wygge-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:12px 0;background:var(--ad-surface);border:1.5px solid var(--ad-border);border-radius:10px;overflow:hidden;display:block;overflow-x:auto}
.wygge-table > *{display:table;width:100%;border-collapse:collapse}
.wygge-table thead{display:table-header-group}
.wygge-table th,.wygge-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--ad-divider);vertical-align:middle}
.wygge-table thead th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ad-text-muted);border-bottom:1.5px solid var(--ad-border);white-space:nowrap;padding:12px 14px 9px}
.wygge-table tbody th{font-weight:400}
.wygge-table tbody tr:hover{background:var(--ad-surface-2)}
.wygge-table td[data-wygge-stock-cell]{font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--ad-font-mono);text-align:right}
.wygge-stock-page .wygge-line__variant,.wygge-stock__free{display:block;font-size:12.5px;color:var(--ad-text-muted)}
.wygge-stock__date{color:var(--ad-text-muted);font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}

/* account: budget box */
.wygge-shop.wygge-budget{margin:0;max-width:640px}
.wygge-shop.wygge-budget h2{margin:0 0 10px}
.wygge-budget .wygge-facts dd strong{font-size:17px}
.wygge-no-conditions{max-width:640px}

/* empty states: a page that is only its title + one notice */
.wygge-shop > .wygge-page-title + .wygge-notice:last-child{padding:36px 24px 28px;text-align:center;font-size:14.5px}
.wygge-shop > .wygge-page-title + .wygge-notice:last-child::before{position:static;display:block;margin:0 auto 10px;width:34px;height:34px}

/* =====================================================================================================================
   01 INDUSTRIAL — dense B2B list, monochrome + one accent
   ===================================================================================================================== */
[data-wy-style="industrial"] .wy-hero{margin-top:20px;padding:26px 20px;display:grid;gap:22px;--slash-w:64px;--slash-h:96px}
[data-wy-style="industrial"] .wy-hero .wy-kicker{padding-right:44px}
@media (min-width:900px){[data-wy-style="industrial"] .wy-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);padding:40px 36px;--slash-w:190px;--slash-h:58%}
  [data-wy-style="industrial"] .wy-hero__text{padding-right:60px}[data-wy-style="industrial"] .wy-hero .wy-kicker{padding-right:0}}
/* section head: rule under the title, mono index */
[data-wy-style="industrial"] .wygge-shop > .wygge-page-title{padding-bottom:12px;border-bottom:1.5px solid var(--ad-text);margin-top:24px}
[data-wy-style="industrial"] .wygge-product > .wygge-back + .wygge-product__layout .wygge-page-title{border:0;padding:0}
/* catalog: facet column left, dense rows right */
@media (min-width:1000px){
  /* facet column: the plugin renders categories and price facets as siblings of the list — floated left, the rest flows right */
  [data-wy-style="industrial"] .wygge-catalog{display:flow-root}
  [data-wy-style="industrial"] .wygge-catalog > *{margin-left:260px}
  [data-wy-style="industrial"] .wygge-catalog > .wygge-page-title{margin-left:0}
  [data-wy-style="industrial"] .wygge-catalog > .wygge-categories,[data-wy-style="industrial"] .wygge-catalog > .wygge-facets{float:left;clear:left;width:232px;min-width:0;margin-left:0}
  [data-wy-style="industrial"] .wygge-categories ul,[data-wy-style="industrial"] .wygge-facets ul{flex-direction:column;overflow:visible;gap:0}
  [data-wy-style="industrial"] .wygge-categories li,[data-wy-style="industrial"] .wygge-facets li{min-width:0}
  [data-wy-style="industrial"] .wygge-categories::before{content:"Kategorie";display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ad-text-muted);margin-bottom:8px}
  [data-wy-style="industrial"] .wygge-categories .wygge-chip,[data-wy-style="industrial"] .wygge-facets .wygge-chip{border:0;background:transparent;padding:6px 0;min-height:32px;font-size:14px;font-weight:500;gap:10px;color:var(--ad-text);
    /* FND-1519: a column entry fills the column; the label wraps (even inside one endless word), the counter stays on one line at the right edge */
    display:flex;width:100%;min-width:0;white-space:normal}
  [data-wy-style="industrial"] .wygge-categories .wygge-chip__label,[data-wy-style="industrial"] .wygge-facets .wygge-chip__label{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
  [data-wy-style="industrial"] .wygge-categories .wygge-chip__count,[data-wy-style="industrial"] .wygge-facets .wygge-chip__count{flex:none;margin-left:auto;white-space:nowrap}
  [data-wy-style="industrial"] .wygge-categories .wygge-chip::before,[data-wy-style="industrial"] .wygge-facets .wygge-chip::before{content:"";width:18px;height:18px;border:1.5px solid var(--ad-border-strong);border-radius:5px;background:var(--ad-surface);flex:none}
  [data-wy-style="industrial"] .wygge-categories .wygge-chip--active::before,[data-wy-style="industrial"] .wygge-facets .wygge-chip--active::before{background:var(--ad-strong) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8FF16' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;border-color:var(--ad-strong)}
  [data-wy-style="industrial"] .wygge-categories .wygge-chip:hover,[data-wy-style="industrial"] .wygge-facets .wygge-chip:hover{text-decoration:underline!important}
  [data-wy-style="industrial"] .wygge-categories{padding-bottom:14px;border-bottom:1px solid var(--ad-divider)}
  [data-wy-style="industrial"] .wygge-facets{padding-top:14px}
}
/* FND-1519: card text wraps inside its column (grid/flex items default to min-width:auto = the longest word) */
.wygge-card__body{min-width:0}
.wygge-card__title,.wygge-card__category{overflow-wrap:anywhere}
[data-wy-style="industrial"] .wygge-grid{display:block;border:1.5px solid var(--ad-border);border-radius:10px;overflow:hidden;background:var(--ad-surface)}
[data-wy-style="industrial"] .wygge-card{border:0;border-radius:0;border-bottom:1px solid var(--ad-divider);overflow:visible}
[data-wy-style="industrial"] .wygge-card:last-child{border-bottom:0}
[data-wy-style="industrial"] .wygge-card__link{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:4px 14px;padding:14px;align-items:center}
[data-wy-style="industrial"] .wygge-card__media{width:64px;height:64px;border-radius:8px;aspect-ratio:auto}
[data-wy-style="industrial"] .wygge-card__image{width:80%;height:80%}
[data-wy-style="industrial"] .wygge-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;padding:0;grid-column:2/-1}
[data-wy-style="industrial"] .wygge-card__category{grid-row:2;grid-column:1}
[data-wy-style="industrial"] .wygge-card__title{grid-row:1;grid-column:1}
[data-wy-style="industrial"] .wygge-card__price{grid-row:1 / span 2;grid-column:2;text-align:right;margin:0}
[data-wy-style="industrial"] .wygge-card .wygge-badge{grid-row:3;grid-column:1}
[data-wy-style="industrial"] .wygge-card__link::after{content:"Ansehen";grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:12px;
  background:var(--ad-accent);color:var(--ad-on-accent);font-weight:700;font-size:13px}
@media (min-width:860px){
  [data-wy-style="industrial"] .wygge-card__link{grid-template-columns:64px minmax(0,1fr) 124px}
  [data-wy-style="industrial"] .wygge-card__body{grid-column:2}
  [data-wy-style="industrial"] .wygge-card__link::after{grid-column:3;grid-row:1}
}
[data-wy-style="industrial"] .wygge-result-count{margin-top:0}
/* the header carries the search from 1080 px on (same form, same ?suche= parameter) */
@media (min-width:1080px){[data-wy-style="industrial"] .wygge-catalog > .wygge-search{display:none}}
/* product buy box */
[data-wy-style="industrial"] .wygge-product__layout .wygge-page-title{border:0;padding:0;margin-top:6px}
/* stock page: Deep panel + table */
[data-wy-style="industrial"] .wygge-stock-page > .wygge-page-title{border:0}
/* order list as table rows */
[data-wy-style="industrial"] .wygge-order__number{font-size:13px}

/* =====================================================================================================================
   02 WORKSHOP — editorial, large imagery and targets, warm
   ===================================================================================================================== */
[data-wy-style="workshop"] body,[data-wy-style="workshop"] .wy-btn,[data-wy-style="workshop"] .wygge-button{font-size:16px}
[data-wy-style="workshop"] .wy-btn,[data-wy-style="workshop"] .wygge-button,[data-wy-style="workshop"] .wy-input,[data-wy-style="workshop"] .wygge-shop input[type="number"],[data-wy-style="workshop"] .wygge-search input[type="search"]{min-height:48px}
[data-wy-style="workshop"] .wy-hdr{background:var(--ad-canvas);color:var(--ad-text);border-bottom:1.5px solid var(--ad-border)}
[data-wy-style="workshop"] .wy-header{background:var(--ad-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
[data-wy-style="workshop"] .wy-hdr{background:transparent}
[data-wy-style="workshop"] .wy-hdr__bar{gap:8px 16px}
[data-wy-style="workshop"] .wygge-brand__link{font-size:19px;color:var(--ad-brand-ink)}
[data-wy-style="workshop"] .wygge-brand__logo{--wy-logo-h:40px}
[data-wy-style="workshop"] .wy-tagline{color:var(--ad-text-muted);border-color:var(--ad-border)}
[data-wy-style="workshop"] .wygge-nav__link{color:var(--ad-text);font-size:16px;padding:10px 14px;min-height:44px}
[data-wy-style="workshop"] .wygge-nav__link:hover{background:var(--ad-surface-inset)}
[data-wy-style="workshop"] .wygge-nav__link[aria-current="page"]{background:var(--ad-surface-inset);color:var(--ad-text);box-shadow:inset 0 -2.5px 0 var(--ad-accent-deep)}
[data-wy-style="workshop"] .wy-tools{gap:8px}
[data-wy-style="workshop"] .wy-cartbtn{font-size:15px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--ad-border-strong);background:var(--ad-surface);min-height:48px;height:auto;color:var(--ad-text)}
[data-wy-style="workshop"] .wy-cartbtn:hover{background:var(--ad-surface-2)}
[data-wy-style="workshop"] .wy-cartbtn__label{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:inline}
[data-wy-style="workshop"] .wy-count{position:static;border-radius:6px;padding:0 7px;font:700 13px/22px var(--ad-font-mono);height:22px}
[data-wy-style="workshop"] .wy-icon-btn{width:48px;height:48px}
@media (min-width:1000px){[data-wy-style="workshop"] .wy-account-link{width:auto;padding:10px 12px;gap:8px;display:inline-flex;font-weight:600;color:var(--ad-text)}
  [data-wy-style="workshop"] .wy-account-link__label{display:inline}
  [data-wy-style="workshop"] .wygge-nav{order:0;flex:0 1 auto;margin-left:20px}[data-wy-style="workshop"] .wygge-nav ul{padding:0;gap:4px}
  [data-wy-style="workshop"] .wy-tools{margin-left:auto}}
@media (max-width:599px){[data-wy-style="workshop"] .wy-cartbtn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
[data-wy-style="workshop"] .wy-band{background:var(--ad-accent-bg);color:var(--ad-text)}
[data-wy-style="workshop"] .wy-band__bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;padding-block:11px;font-size:14.5px;font-weight:600;min-width:0}
[data-wy-style="workshop"] .wy-band__item{display:inline-flex;align-items:center;gap:8px}
[data-wy-style="workshop"] .wy-band__item::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--ad-strong);flex:none}
/* the budget/approval line inside the band: its own fixed-height row (filled after load without moving anything) */
[data-wy-style="workshop"] .wy-band .wy-strip{flex:1 0 100%;min-width:0;background:transparent;border:0}
[data-wy-style="workshop"] .wy-band .wy-strip__bar{padding:0;height:32px;font-size:14px}
[data-wy-style="workshop"] .wy-band .wy-strip__budget,[data-wy-style="workshop"] .wy-band .wy-strip__approval{font-weight:600;color:var(--ad-text)}
[data-wy-style="workshop"] .wy-band .wy-strip__figure{color:var(--ad-text)}
/* W6-D (DEC-125 D7, SOLL-IST B1): on a PHONE (< 768 px) the condition band is ONE row (it was 136 px, a sixth of the screen, in three lines): the budget comes first
   (what a buyer needs at hand), the shop's own condition lines follow. From 768 px up nothing scrolls out of sight — the band wraps as before.
   The row scrolls sideways, so it is reachable by keyboard and by touch: storefront.js gives it tabindex 0 + a name, the ring shows on focus.
   `position:relative` is load-bearing: the strip's visually hidden labels are absolutely positioned and escape a scroll box that is not their containing block
   (WebKit: the page scrolled sideways by 241 px). */
@media (max-width:767px){
  [data-wy-style="workshop"] .wy-band__bar{position:relative;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap;padding-block:9px;gap:6px 22px;font-size:13.5px}
  [data-wy-style="workshop"] .wy-band__bar::-webkit-scrollbar{display:none}
  [data-wy-style="workshop"] .wy-band__bar>*,[data-wy-style="workshop"] .wy-band .wy-strip{flex:none}
  [data-wy-style="workshop"] .wy-band .wy-strip{order:-1}
  [data-wy-style="workshop"] .wy-band .wy-strip__bar{height:auto;overflow:visible}
  [data-wy-style="workshop"] .wy-band__bar:focus-visible{outline:2px solid var(--ad-focus,currentColor);outline-offset:-2px;border-radius:6px}
}
[data-wy-style="workshop"] .wy-hero{display:grid;gap:28px;padding-block:40px 24px;grid-template-columns:minmax(0,1fr)}
[data-wy-style="workshop"] .wy-hero__title{font-size:clamp(38px,6.4vw,74px);line-height:1.02;letter-spacing:-.025em;margin-top:14px;max-width:14ch}
[data-wy-style="workshop"] .wy-lead{font-size:19px;line-height:1.55;max-width:40ch;margin-top:18px}
[data-wy-style="workshop"] .wy-cta .wy-btn{min-height:52px;font-size:16px;padding:14px 22px}
[data-wy-style="workshop"] .wy-stage{min-height:340px;border-radius:12px;display:grid;place-items:center;padding:28px;--slash-w:120px;--slash-h:46%;position:relative}
[data-wy-style="workshop"] .wy-stage > .wy-art{position:absolute}
[data-wy-style="workshop"] .wy-stage__a1{width:min(58%,300px);left:12%;top:12%}
[data-wy-style="workshop"] .wy-stage__a2{width:min(42%,220px);right:10%;bottom:12%}
[data-wy-style="workshop"] .wy-stage__cap{position:absolute;left:22px;bottom:18px;z-index:2;font-style:italic;font-size:14px;color:var(--ad-on-panel-muted)}
@media (min-width:900px){[data-wy-style="workshop"] .wy-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;padding-block:64px 40px;gap:48px}
  [data-wy-style="workshop"] .wy-stage{min-height:520px;--slash-w:200px}}
[data-wy-style="workshop"] .wy-content{padding-top:var(--wy-sec)}
[data-wy-style="workshop"] .wygge-page-title,[data-wy-style="workshop"] .wygge-shop h1.wygge-page-title{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.02em;margin-bottom:22px}
[data-wy-style="workshop"] .wygge-shop h2{font-size:22px}
/* work areas = the plugin's categories, as large entry tiles */
[data-wy-style="workshop"] .wygge-categories ul{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:12px;padding:4px 2px 10px}
[data-wy-style="workshop"] .wygge-categories .wygge-chip{display:grid;align-content:start;gap:10px;padding:18px;min-height:132px;border-radius:10px;border:1.5px solid var(--ad-border);
  background:var(--ad-surface);font-size:17px;font-weight:700;white-space:normal;line-height:1.25;color:var(--ad-text)}
[data-wy-style="workshop"] .wygge-categories .wygge-chip::before{content:"";width:48px;height:48px;border-radius:10px;
  background:var(--ad-accent-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A1D15' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.4 14.5 16 10 4 20l-2-2 10-12 4.5 4.4'/%3E%3Cpath d='m14 6 4 4'/%3E%3C/svg%3E") center/24px no-repeat}
[data-wy-style="workshop"] .wygge-categories .wygge-chip--active{background:var(--ad-surface);color:var(--ad-text);border-color:var(--ad-strong);box-shadow:inset 0 0 0 1px var(--ad-strong)}
[data-wy-style="workshop"] .wygge-categories .wygge-chip:hover{background:var(--ad-surface-2)}
[data-wy-style="workshop"] .wygge-facets .wygge-chip{font-size:14.5px;padding:9px 13px;min-height:44px}
[data-wy-style="workshop"] .wygge-facets{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
/* editorial grid: first product is the feature */
[data-wy-style="workshop"] .wygge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
[data-wy-style="workshop"] .wygge-card{border:0;background:transparent;border-radius:0;overflow:visible}
[data-wy-style="workshop"] .wygge-card__link{gap:10px}
[data-wy-style="workshop"] .wygge-card__link:hover{background:transparent}
[data-wy-style="workshop"] .wygge-card__link:hover .wygge-card__title{text-decoration:underline;text-underline-offset:3px}
[data-wy-style="workshop"] .wygge-card__media{border-radius:12px;background:var(--ill-1)}
[data-wy-style="workshop"] .wygge-card:nth-child(4n+2) .wygge-card__media{background:var(--ill-3)}
[data-wy-style="workshop"] .wygge-card:nth-child(4n+3) .wygge-card__media{background:var(--ill-4)}
[data-wy-style="workshop"] .wygge-card__body{padding:0}
[data-wy-style="workshop"] .wygge-shop .wygge-card__title{font-size:16.5px;line-height:1.3}
[data-wy-style="workshop"] .wygge-card__category{font-size:14px}
[data-wy-style="workshop"] .wygge-card__price{font-size:18px}
[data-wy-style="workshop"] .wygge-card:first-child{grid-column:1/-1}
[data-wy-style="workshop"] .wygge-card:first-child .wygge-card__media{aspect-ratio:4/3;background:var(--ill-2)}
[data-wy-style="workshop"] .wygge-card:first-child .wygge-card__image{width:48%;height:auto}
[data-wy-style="workshop"] .wygge-card:first-child .wygge-card__title{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.015em}
[data-wy-style="workshop"] .wygge-card:first-child .wygge-card__price{font-size:24px}
@media (min-width:900px){
  [data-wy-style="workshop"] .wygge-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}
  [data-wy-style="workshop"] .wygge-card{grid-column:span 3}
  [data-wy-style="workshop"] .wygge-card:first-child{grid-column:span 6;grid-row:span 2}
  [data-wy-style="workshop"] .wygge-card:first-child .wygge-card__link{height:100%}
  [data-wy-style="workshop"] .wygge-card:first-child .wygge-card__media{aspect-ratio:auto;flex:1;min-height:420px}
}
/* product: price card, large type */
[data-wy-style="workshop"] .wygge-product__media{aspect-ratio:1;border-radius:12px;background:var(--ill-2)}
[data-wy-style="workshop"] .wygge-product__image{width:62%}
[data-wy-style="workshop"] .wygge-product__info .wygge-page-title{font-size:clamp(32px,4vw,48px);margin:8px 0 12px}
[data-wy-style="workshop"] .wygge-product__description{font-size:18px}
[data-wy-style="workshop"] .wygge-product__price{margin:22px 0;padding:18px 20px;border-radius:10px;background:var(--ad-surface-2);border:1.5px solid var(--ad-border);font-size:40px}
[data-wy-style="workshop"] .wygge-facts{font-size:15.5px}
[data-wy-style="workshop"] .wygge-variants label{font-size:15.5px}
[data-wy-style="workshop"] .wy-matrix--sizegrid .wy-cb{border:1.5px solid var(--ad-border);border-radius:12px;background:var(--ad-surface);padding:16px;margin-top:14px}
[data-wy-style="workshop"] .wy-matrix--sizegrid .wy-cb__head{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
[data-wy-style="workshop"] .wy-matrix--sizegrid .wy-cb__head .wy-sw{width:28px;height:28px;border-radius:7px}
[data-wy-style="workshop"] .wy-matrix--sizegrid .wy-cb__head b{font-size:17px}
[data-wy-style="workshop"] .wy-matrix--sizegrid .wy-cb__head .wy-tag{margin-left:auto}
.wy-sg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.wy-sz{display:grid;gap:6px;justify-items:center;padding:10px 6px;border-radius:10px;border:1.5px solid var(--ad-border);background:var(--ad-surface)}
.wy-sz .wy-sz__s{font-weight:700;font-size:16px}
.wy-sz .wy-cell{width:100%;max-width:72px;height:44px;font-size:17px;border-color:var(--ad-border-strong)}
.wy-sz small{font-size:12.5px;color:var(--ad-text-muted);line-height:1.2;text-align:center}
.wy-sz.has{background:var(--ad-accent-bg);border-color:var(--ad-strong)}
.wy-sz.has .wy-cell{border-color:var(--ad-strong)}
.wy-sz.bad{border-color:var(--ad-danger);background:var(--ad-danger-bg)}
.wy-sz.out{background:var(--ad-surface-2);border-style:dashed}
.wy-sz.out small{color:var(--ad-warn-fg);font-weight:600}
@media (min-width:600px){.wy-sg{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1000px){.wy-sg{grid-template-columns:repeat(9,minmax(0,1fr))}}
[data-wy-style="workshop"] .wy-selbar{padding:18px 20px;border-radius:12px;background:var(--ad-panel);color:var(--ad-on-panel);border:0}
[data-wy-style="workshop"] .wy-selbar__fig span{color:var(--ad-on-panel-muted);font-size:13px}
[data-wy-style="workshop"] .wy-selbar__fig b{font-size:22px}
[data-wy-style="workshop"] .wy-selbar .wy-btn{min-height:52px;font-size:16px}
/* cart: line cards */
[data-wy-style="workshop"] .wygge-lines{border:0;background:transparent;display:grid;gap:12px}
[data-wy-style="workshop"] .wygge-line{border:1.5px solid var(--ad-border);border-radius:12px;background:var(--ad-surface);grid-template-columns:88px minmax(0,1fr) auto;padding:16px;gap:10px 16px}
[data-wy-style="workshop"] .wygge-line:last-child{border-bottom:1.5px solid var(--ad-border)}
[data-wy-style="workshop"] .wygge-line__media{width:88px;height:88px;border-radius:10px;background:var(--ill-1)}
[data-wy-style="workshop"] .wygge-line__name{font-size:17.5px}
[data-wy-style="workshop"] .wygge-line__variant,[data-wy-style="workshop"] .wygge-line__price{font-size:14.5px}
[data-wy-style="workshop"] .wygge-line__total{font-size:19px}
[data-wy-style="workshop"] .wygge-line__quantity input[type="number"]{min-height:48px;width:5.5rem;font-size:16px}
[data-wy-style="workshop"] .wygge-line__quantity .wygge-button,[data-wy-style="workshop"] .wygge-line__remove .wygge-button{min-height:48px;font-size:15px}
@media (min-width:760px){[data-wy-style="workshop"] .wygge-line{grid-template-columns:104px minmax(180px,1.3fr) minmax(0,1fr) 140px}[data-wy-style="workshop"] .wygge-line__media{width:104px;height:104px}}
[data-wy-style="workshop"] .wygge-budget,[data-wy-style="workshop"] .wygge-approval,[data-wy-style="workshop"] .wygge-delivery{padding:20px}
[data-wy-style="workshop"] .wygge-shop .wygge-budget h2,[data-wy-style="workshop"] .wygge-shop .wygge-approval h2,[data-wy-style="workshop"] .wygge-shop .wygge-delivery h2{font-size:18px}
[data-wy-style="workshop"] .wygge-facts dt,[data-wy-style="workshop"] .wygge-facts dd{padding:10px 0}
[data-wy-style="workshop"] .wygge-facts dt{padding-right:18px}
[data-wy-style="workshop"] .wygge-total,[data-wy-style="workshop"] .wygge-sums{font-size:15.5px}
[data-wy-style="workshop"] .wygge-total{font-size:20px}
[data-wy-style="workshop"] .wygge-approval{background:var(--ad-success-bg);color:var(--ad-success-fg)}
[data-wy-style="workshop"] .wygge-approval h2{color:var(--ad-success-fg)}
[data-wy-style="workshop"] .wygge-submit-order > .wygge-button{min-height:52px;font-size:16px}
/* orders as cards, large timeline */
[data-wy-style="workshop"] .wygge-order-list{border:0;background:transparent;display:grid;gap:12px}
[data-wy-style="workshop"] .wygge-order{border:1.5px solid var(--ad-border);border-radius:12px;background:var(--ad-surface);padding:18px 20px}
[data-wy-style="workshop"] .wygge-order:last-child{border-bottom:1.5px solid var(--ad-border)}
[data-wy-style="workshop"] .wygge-order__number{font-family:var(--wy-font);font-size:17px;font-weight:700}
[data-wy-style="workshop"] .wygge-order__total{font-size:17px}
[data-wy-style="workshop"] .wygge-timeline{grid-auto-flow:row}
[data-wy-style="workshop"] .wygge-timeline__step{padding:0 0 22px 44px;grid-template-columns:1fr}
[data-wy-style="workshop"] .wygge-timeline__step::before{width:28px;height:28px;border-radius:8px}
[data-wy-style="workshop"] .wygge-timeline__step::after{left:13px;top:28px;bottom:0;right:auto;width:2px;height:auto}
[data-wy-style="workshop"] .wygge-timeline__label{font-size:16.5px}
[data-wy-style="workshop"] .wygge-timeline__step--current .wygge-timeline__label{font-size:18px}
[data-wy-style="workshop"] .wygge-timeline__detail{font-size:15px}
[data-wy-style="workshop"] .wygge-order-actions .wygge-button,[data-wy-style="workshop"] .wygge-receipt .wygge-button{min-height:52px;font-size:16px}
[data-wy-style="workshop"] .wygge-document{padding:12px 14px;border-radius:10px;font-size:15px}
[data-wy-style="workshop"] .wy-ftr{margin-top:88px;background:var(--ad-surface-2);border-top:1.5px solid var(--ad-border);font-size:14.5px;color:var(--ad-text-muted)}
[data-wy-style="workshop"] .wy-ftr a{color:var(--ad-text)}
[data-wy-style="workshop"] .wy-ftr__bar{padding-block:28px}
[data-wy-style="workshop"] .wy-by__light{display:block}[data-wy-style="workshop"] .wy-by__dark{display:none}
/* a tenant logo without a dark variant stays readable on the dark header (plate in the light canvas colour) */
:root[data-theme="dark"][data-wy-style="workshop"] .wygge-brand__logo{background:#FBF8F3;border-radius:8px;padding:4px 6px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"])[data-wy-style="workshop"] .wygge-brand__logo{background:#FBF8F3;border-radius:8px;padding:4px 6px}}
:root[data-theme="dark"][data-wy-style="workshop"] .wy-by__light{display:none}:root[data-theme="dark"][data-wy-style="workshop"] .wy-by__dark{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"])[data-wy-style="workshop"] .wy-by__light{display:none}:root:not([data-theme="light"])[data-wy-style="workshop"] .wy-by__dark{display:block}}

/* =====================================================================================================================
   03 CLUB — sporty, bold colour blocks, team-branding placeholders
   ===================================================================================================================== */
[data-wy-style="club"] .wygge-page-title,[data-wy-style="club"] .wy-hero__title,[data-wy-style="club"] .wygge-shop h2{text-transform:uppercase;letter-spacing:-.01em}
[data-wy-style="club"] .wy-hdr__bar{gap:6px 14px}
[data-wy-style="club"] .wygge-brand__logo{--wy-logo-h:46px}
[data-wy-style="club"] .wygge-brand__link .wygge-brand__name.wygge-visually-hidden{position:static!important;width:auto;height:auto;clip:auto;overflow:hidden}
[data-wy-style="club"] .wygge-brand__name{font-size:15px;text-transform:uppercase;letter-spacing:.04em;line-height:1.1}
[data-wy-style="club"] .wy-brandbox{flex-direction:column;align-items:flex-start;gap:0}
[data-wy-style="club"] .wy-tagline{display:block;border:0;padding:0;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:-17px 0 0 calc(var(--wy-logo-h,46px) * .89 + 10px);font-size:11.5px}
@media (max-width:599px){[data-wy-style="club"] .wy-tagline{margin-left:calc(32px * .89 + 10px);margin-top:-9px}}
[data-wy-style="club"] .wy-brandbox > *{max-width:100%;min-width:0}
[data-wy-style="club"] .wygge-brand__link{align-items:flex-start;gap:10px}
[data-wy-style="club"] .wygge-brand__name{padding-top:6px}
[data-wy-style="club"] .wygge-nav__link{color:var(--ad-on-panel);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:9px 12px}
[data-wy-style="club"] .wygge-nav__link[aria-current="page"]{background:var(--ad-accent);color:var(--ad-on-accent)}
@media (min-width:1080px){[data-wy-style="club"] .wygge-nav{margin-left:12px}}
[data-wy-style="club"] .wy-bento{display:grid;gap:10px;margin-top:18px;grid-template-columns:minmax(0,1fr)}
.wy-blk{border-radius:10px;padding:24px;position:relative;overflow:hidden}
.wy-blk--green{background:var(--ad-panel);color:var(--ad-on-panel);--slash-w:56px;--slash-h:72px}
.wy-blk--mint{background:var(--blk-mint);color:var(--ad-text)}
.wy-blk--white{background:var(--ad-surface);border:1.5px solid var(--ad-border)}
.wy-blk--dark{background:var(--ad-brand);color:var(--ad-on-brand)}
[data-wy-style="club"] .wy-hero__title{font-size:clamp(40px,7.6vw,88px);line-height:.96;letter-spacing:-.02em;margin-top:14px;max-width:none}
[data-wy-style="club"] .wy-lead{font-size:16.5px;max-width:40ch;margin-top:16px}
.wy-kit{display:grid;place-items:center;min-height:300px}
.wy-kit__shirt{width:min(80%,300px)}
.wy-kit__label{position:absolute;left:16px;bottom:14px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.wy-rules{display:grid;gap:14px}
.wy-rules > div{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline}
.wy-rules b{font-size:40px;line-height:1;letter-spacing:-.03em;grid-row:span 2;min-width:1.6em}
.wy-rules span{font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.05em}
.wy-rules small{font-size:13.5px;color:var(--ad-text-muted)}
.wy-lager__line{color:var(--ad-on-panel-muted);margin:6px 0 10px;font-size:14px}
.wy-link--onpanel{color:var(--ad-accent-ink)}
@media (min-width:900px){
  [data-wy-style="club"] .wy-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto)}
  [data-wy-style="club"] .wy-blk--green{grid-column:span 2;grid-row:span 2;padding:40px;--slash-w:120px;--slash-h:76px}
  [data-wy-style="club"] .wy-blk--mint{grid-column:span 2;grid-row:span 2}
  [data-wy-style="club"] .wy-blk--white{grid-column:span 3}
  [data-wy-style="club"] .wy-blk--dark{grid-column:span 1}
  .wy-rules{grid-template-columns:repeat(3,1fr)}
}
[data-wy-style="club"] .wygge-shop > .wygge-page-title{font-size:clamp(30px,4.4vw,52px);line-height:.98;margin-top:24px}
/* category blocks */
[data-wy-style="club"] .wygge-categories ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
[data-wy-style="club"] .wygge-categories .wygge-chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:84px;padding:14px;border-radius:10px;border:0;
  font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:15px;color:var(--ad-text);background:var(--blk-pale);white-space:normal}
[data-wy-style="club"] .wygge-categories .wygge-chip:hover{background:var(--ad-surface-inset)}
[data-wy-style="club"] .wygge-categories .wygge-chip--active{background:var(--ad-panel);color:var(--ad-on-panel)}
@media (min-width:800px){[data-wy-style="club"] .wygge-categories ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
[data-wy-style="club"] .wygge-facets .wygge-chip{text-transform:uppercase;letter-spacing:.03em;font-weight:700;font-size:13px}
/* tiles */
[data-wy-style="club"] .wygge-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
@media (min-width:1000px){[data-wy-style="club"] .wygge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
[data-wy-style="club"] .wygge-card__media{background:var(--blk-pale)}
[data-wy-style="club"] .wygge-card:nth-child(4n+2) .wygge-card__media{background:var(--blk-mint)}
[data-wy-style="club"] .wygge-card:nth-child(4n+3) .wygge-card__media{background:var(--wygge-bg-accent-soft,color-mix(in oklab,var(--wy-accent) 30%,var(--wy-bg)))}
[data-wy-style="club"] .wygge-card__image{width:66%;height:66%}
[data-wy-style="club"] .wygge-shop .wygge-card__title{font-size:16px;text-transform:uppercase;letter-spacing:.01em;line-height:1.2}
[data-wy-style="club"] .wygge-card__price{font-size:20px}
[data-wy-style="club"] .wygge-card__category{font-family:var(--ad-font-mono);font-weight:600;font-size:11.5px}
/* product: MIN / ×n blocks (from the plugin's own data-wygge-moq / data-wygge-multiple) */
[data-wy-style="club"] .wygge-product__media{aspect-ratio:4/5;background:var(--blk-mint)}
[data-wy-style="club"] .wygge-product__image{width:72%}
[data-wy-style="club"] .wygge-product__info .wygge-page-title{font-size:clamp(30px,4vw,48px);line-height:.98}
[data-wy-style="club"] .wygge-product__price{border:0;padding:0;font-size:40px}
.wy-bigchips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}
.wy-bigchips > div{border-radius:10px;padding:12px;background:var(--blk-pale,var(--ad-surface-2));display:grid;gap:2px}
.wy-bigchips > div.on{background:var(--ad-panel);color:var(--ad-on-panel)}
.wy-bigchips small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.85}
.wy-bigchips b{font-size:26px;letter-spacing:-.02em;line-height:1}
.wy-corner{position:absolute;top:0;right:0;background:var(--ad-brand);color:var(--ad-on-brand);padding:8px 12px 9px;border-radius:0 0 0 10px;text-align:center;line-height:1;z-index:1}
.wy-corner small{display:block;font:700 10px var(--ad-font-mono);letter-spacing:.06em;opacity:.85}
.wy-corner b{display:block;font-size:24px;letter-spacing:-.02em;margin:2px 0}
.wygge-product__media{position:relative}
[data-wy-style="club"] .wy-matrix th,[data-wy-style="club"] .wy-matrix td{padding:8px 5px}
[data-wy-style="club"] .wygge-shop input.wy-cell{width:46px;height:40px;font:700 15px var(--ad-font-mono)}
[data-wy-style="club"] .wy-matrix td.has .wy-cell{background:var(--ad-accent);border-color:var(--ad-strong);color:var(--ad-on-accent)}
[data-wy-style="club"] .wy-matrix td.sep{border-left:3px solid var(--ad-strong)}
[data-wy-style="club"] .wy-matrix .wy-tot{font-size:16px}
[data-wy-style="club"] .wy-selbar{background:var(--ad-panel);color:var(--ad-on-panel);border:0}
[data-wy-style="club"] .wy-selbar__fig span{color:var(--ad-on-panel-muted)}
[data-wy-style="club"] .wy-selbar__fig b{font-size:20px}
.wy-backph{margin-top:10px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;padding:12px 14px;border-radius:10px;border:2px dashed var(--ad-border-strong);font-size:13px;color:var(--ad-text-muted)}
.wy-backph b{font:700 11px var(--ad-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ad-text)}
/* cart as team order */
[data-wy-style="club"] .wygge-lines{border:0;background:transparent;display:grid;gap:10px}
[data-wy-style="club"] .wygge-line{border:1.5px solid var(--ad-border);border-radius:10px;background:var(--ad-surface);grid-template-columns:76px minmax(0,1fr) auto}
[data-wy-style="club"] .wygge-line:last-child{border-bottom:1.5px solid var(--ad-border)}
[data-wy-style="club"] .wygge-line__media{width:76px;height:76px;background:var(--blk-pale)}
[data-wy-style="club"] .wygge-line__name{text-transform:uppercase;letter-spacing:.01em;font-size:15.5px}
[data-wy-style="club"] .wygge-line__total{font-size:18px}
@media (min-width:760px){[data-wy-style="club"] .wygge-line{grid-template-columns:76px minmax(180px,1.3fr) minmax(0,1fr) 130px}}
[data-wy-style="club"] .wygge-budget h2,[data-wy-style="club"] .wygge-approval h2,[data-wy-style="club"] .wygge-delivery h2{text-transform:uppercase;letter-spacing:.04em;font-size:15px}
/* orders as fixtures: date tile (storefront.js) + 5-step progress */
[data-wy-style="club"] .wygge-order-list{border:0;background:transparent;display:grid;gap:10px}
[data-wy-style="club"] .wygge-order{border:1.5px solid var(--ad-border);border-radius:10px;background:var(--ad-surface);padding:12px;grid-template-columns:72px minmax(0,1fr) auto}
[data-wy-style="club"] .wygge-order:last-child{border-bottom:1.5px solid var(--ad-border)}
.wy-date{grid-row:span 3;grid-column:1;background:var(--ad-panel);color:var(--ad-on-panel);border-radius:8px;text-align:center;padding:10px 4px;line-height:1;align-self:stretch;display:grid;place-content:center}
.wy-date b{display:block;font-size:26px;letter-spacing:-.02em}
.wy-date small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ad-on-panel-muted)}
[data-wy-style="club"] .wygge-order > :not(.wy-date){grid-column:2}
[data-wy-style="club"] .wygge-order .wygge-order__total,[data-wy-style="club"] .wygge-order .wygge-badge{grid-column:3}
[data-wy-style="club"] .wygge-order__total{grid-row:1;font-size:18px}
[data-wy-style="club"] .wygge-order .wygge-badge{grid-row:2}
@media (min-width:760px){[data-wy-style="club"] .wygge-order{grid-template-columns:72px minmax(0,1fr) auto auto}
  [data-wy-style="club"] .wygge-order .wygge-order__total{grid-column:4;grid-row:1 / span 2;align-self:center}
  [data-wy-style="club"] .wygge-order .wygge-badge{grid-column:3;grid-row:1 / span 2;align-self:center}}
[data-wy-style="club"] .wygge-order__number{font-family:var(--wy-font);font-weight:700;text-transform:uppercase;font-size:15.5px}
@media (min-width:900px){
  [data-wy-style="club"] .wygge-timeline{gap:6px}
  [data-wy-style="club"] .wygge-timeline__step{padding:12px 14px;border-radius:8px;background:var(--blk-pale)}
  [data-wy-style="club"] .wygge-timeline__step::before{position:static;grid-row:1;width:18px;height:18px;border-radius:5px;margin-bottom:6px}
  [data-wy-style="club"] .wygge-timeline__step::after{display:none}
  [data-wy-style="club"] .wygge-timeline__label{text-transform:uppercase;font-size:13.5px;letter-spacing:.04em}
  [data-wy-style="club"] .wygge-timeline__step--done{background:var(--ad-panel);color:var(--ad-on-panel)}
  [data-wy-style="club"] .wygge-timeline__step--done .wygge-timeline__detail,[data-wy-style="club"] .wygge-timeline__step--done .wygge-shipment__date{color:var(--ad-on-panel-muted)}
  [data-wy-style="club"] .wygge-timeline__step--done a{color:var(--ad-accent-ink)}
  [data-wy-style="club"] .wygge-timeline__step--done::before{border-color:var(--ad-accent);background-color:var(--ad-panel)}
  [data-wy-style="club"] .wygge-timeline__step--current{background:var(--ad-accent);color:var(--ad-on-accent)}
  [data-wy-style="club"] .wygge-timeline__step--current .wygge-timeline__detail{color:var(--ad-on-accent)}
}
/* Vereinslager */
[data-wy-style="club"] .wygge-table{border-radius:10px}
[data-wy-style="club"] .wy-ftr{margin-top:64px}

/* =====================================================================================================================
   Page head (R1, DEC-86 §1, board 01-startseite): top bar · USP bar · logo/menu/search row · mega menu. Same for every
   style variation (the variations stay token presets). Parts: parts/topbar.html, parts/usp.html, parts/header.html;
   blocks of the wygge Shop plugin (structure in its blocks.css, the look here). Every value reads --ad-* / --wp--*.
   ===================================================================================================================== */
.wy-topbar-part,.wy-usp-part{display:block}
.wy-topbar{font-size:13px;line-height:1.2;color:color-mix(in srgb,var(--ad-on-bar) 86%,transparent)}
.wy-topbar__bar{min-height:var(--wp--custom--wy--topbar-height,38px);gap:4px 16px}
.wy-topbar__start,.wy-topbar__end{min-width:0}
.wy-topbar .wy-topbar__start,.wy-topbar .wy-topbar__end{gap:16px}
.wy-topbar .wy-topbar__end{flex:none}
/* W6-D (L-224 pixel pass): in the wider type faces (Poppins/Montserrat — Ledder, Grün Weiß) the 1200 px bar needed 34 px more than it had and the start group
   ran INTO the account group („Bestellstatus“ over „Mein Bestand“). Gaps 16 px, and the ONE piece of text that may give way is the phone line's lead-in
   („Frag das …-Team:“): it ends in an ellipsis instead of overlapping the next target (every target keeps its size, FND-1500). */
.wy-topbar .wy-topbar__start>.wy-tlinks{min-width:0;flex-shrink:1}
/* the PHONE button is the one that gives way: it is told apart by what it holds (the number in a <b>), not by its place — without a phone number „FAQ & Hilfe“ is the first
   button and must keep its size like every other target (FND-1500). The other buttons never shrink. */
.wy-topbar .wy-tlinks>.wp-block-button:has(>.wp-block-button__link>b){min-width:0;flex-shrink:1}
.wy-topbar .wy-tlinks>.wp-block-button:has(>.wp-block-button__link>b) .wp-block-button__link{min-width:0;flex-shrink:1;max-width:100%}
.wy-topbar .wy-tlinks>.wp-block-button:has(>.wp-block-button__link>b) .wp-block-button__link>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}
.wy-topbar .wy-tlinks>.wp-block-button:has(>.wp-block-button__link>b) .wp-block-button__link>b{flex:none}
.wy-topbar .wy-tlinks>.wp-block-button:not(:has(>.wp-block-button__link>b)){flex:none}
.wy-topbar a,.wy-topbar button.wy-tl__a{color:inherit;text-decoration:none;transition:color 140ms var(--ad-ease)}
.wy-topbar a:hover,.wy-topbar button.wy-tl__a:hover{color:var(--ad-on-bar);text-decoration:none}
.wy-topbar b{color:var(--ad-on-bar);font-weight:700}
.wy-topbar .wp-block-buttons.wy-tlinks{gap:22px;flex-wrap:nowrap}
.wp-block-button.is-style-wy-toplink .wp-block-button__link{background:none;border:0;padding:0;border-radius:0;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.wp-block-button.is-style-wy-toplink .wp-block-button__link:hover{color:var(--ad-on-bar)}
.wp-block-button__icon{width:15px;height:15px}
.wy-topbar .wy-ico,.wy-uspbar .wy-ico{width:var(--wy-ico-size-s);height:var(--wy-ico-size-s);stroke-width:var(--wy-ico-stroke-s)}
.wy-topbar .wy-count{position:static;min-width:0;height:auto;font:700 10.5px/1 var(--wy-font);background:var(--ad-accent);color:var(--ad-on-accent);border-radius:5px;padding:3px 5px}
.wy-topbar .wy-tl__total{color:var(--ad-on-bar);font-weight:700}
.wy-topbar .wy-cart-link{gap:6px}
.wy-topbar .wy-tl__badge{font-size:11px;font-weight:700;background:color-mix(in srgb,var(--ad-on-bar) 16%,transparent);border-radius:5px;padding:2px 5px}
.wy-topbar .wy-mode{width:28px;height:28px;color:inherit}
.wy-topbar .wy-mode .wy-ico{width:var(--wy-ico-size-s);height:var(--wy-ico-size-s);stroke-width:var(--wy-ico-stroke-s)}
.wy-topbar :focus-visible{outline-color:var(--ad-accent)}
.wy-topbar .wy-tl,.wy-topbar .wy-tl__a,.wy-topbar .wp-block-button__link{min-height:24px;min-width:24px}
/* FND-1500: a target never shrinks below its content (it would overlap the next one); the bar sheds text instead */
.wy-topbar .wy-tl,.wy-topbar .wy-tl__a,.wy-topbar .wy-mode,.wy-topbar .wp-block-button__link{flex-shrink:0}
.wy-topbar .wy-mode{min-width:28px}
/* the burger's „Mehr“ (what the top bar drops on phones) exists only where the list is the burger panel */
.wy-mm__more{display:none}
@media (max-width:1360px){
  .wy-topbar .wy-hide-m{display:none!important}
  .wy-topbar .wy-favorites-link .wy-tl__label,.wy-topbar .wy-compare-link .wy-tl__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

.wy-uspbar{min-height:var(--wp--custom--wy--usp-height,36px);border-bottom:1px solid var(--ad-divider);font-size:13px;color:var(--ad-text-muted);
  padding-inline:max(16px,calc((100% - 1200px) / 2 + 24px))}
.wy-uspbar .wy-ico{color:var(--ad-link)}
.wy-uspbar b{color:var(--ad-text);font-weight:700}
.wy-uspbar a{color:inherit}

.wy-header{background:var(--ad-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1.5px solid var(--ad-divider);color:var(--ad-text)}
.wy-head{position:static}
.wy-head__row{min-height:var(--wp--custom--wy--head-height,76px);gap:20px}
.wy-head__row>.wy-logo{margin-right:4px}
.wy-logo{color:var(--ad-brand-ink)}
.wy-logo.has-plate .wy-logo__img{border-radius:8px}
:root[data-theme="dark"] .wy-logo--auto .wy-logo__img--light{display:none}
:root[data-theme="dark"] .wy-logo--auto .wy-logo__img--dark{display:block}
:root[data-theme="dark"] .wy-logo--auto.has-plate .wy-logo__img{background:#FFFFFF;padding:4px 6px}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .wy-logo--auto .wy-logo__img--light{display:none}
  :root:not([data-theme="light"]) .wy-logo--auto .wy-logo__img--dark{display:block}
  :root:not([data-theme="light"]) .wy-logo--auto.has-plate .wy-logo__img{background:#FFFFFF;padding:4px 6px}
}

/* menu row: alignment (setting header.menuAlign / block attribute) */
.wy-head__row>.wy-mm{flex:0 1 auto;min-width:0}
.wy-head__row>.wy-mm.wy-align-center{margin-inline:auto}
.wy-head__row>.wy-mm.wy-align-right{margin-left:auto}
.wy-head__row>.wy-mm.wy-align-left+.wy-hsearch.wy-pos-right{margin-left:auto}
.wy-mm__link{font:600 14.5px/1 var(--wy-font);padding:11px 10px;border-radius:var(--ad-radius-input);color:var(--ad-text);transition:background-color 140ms var(--ad-ease)}
.wy-mm__item.has-panel>.wy-mm__link{padding-right:2px;border-top-right-radius:0;border-bottom-right-radius:0}
.wy-mm__link:hover,.wy-mm__item.is-open>.wy-mm__link{background:var(--ad-surface-inset);text-decoration:none}
.wy-mm__link[aria-current="page"]{box-shadow:inset 0 -2.5px 0 var(--ad-accent)}
.wy-mm__link .wy-mm__count{font-size:12px;font-weight:500;color:var(--ad-text-muted);margin-left:4px}
.wy-mm__toggle{width:26px;height:36px;border-radius:0 var(--ad-radius-input) var(--ad-radius-input) 0;color:var(--ad-text-muted);transition:background-color 140ms var(--ad-ease)}
.wy-mm__toggle .wy-ico{width:var(--wy-ico-size-xs);height:var(--wy-ico-size-xs);stroke-width:var(--wy-ico-stroke-xs)}
.wy-mm__toggle:hover,.wy-mm__item.is-open>.wy-mm__toggle{background:var(--ad-surface-inset)}
/* „Mehr“ drop-down of the priority+ navigation (FND-1512) */
.wy-mm__ov-toggle{font:600 14.5px/1 var(--wy-font);padding:11px 10px;border-radius:var(--ad-radius-input);color:var(--ad-text);transition:background-color 140ms var(--ad-ease)}
.wy-mm__ov-toggle .wy-ico{width:var(--wy-ico-size-xs);height:var(--wy-ico-size-xs);stroke-width:var(--wy-ico-stroke-xs);transition:transform 140ms var(--ad-ease)}
.wy-mm__ov-toggle:hover,.wy-mm__overflow.is-open>.wy-mm__ov-toggle{background:var(--ad-surface-inset)}
.wy-mm__overflow.is-open>.wy-mm__ov-toggle .wy-ico{transform:rotate(180deg)}
.wy-mm__overflow.has-current>.wy-mm__ov-toggle{box-shadow:inset 0 -2.5px 0 var(--ad-accent)}
.wy-mm__ov-panel{padding:6px;background:var(--ad-surface);border:1.5px solid var(--ad-divider);border-radius:var(--ad-radius-card);box-shadow:var(--ad-shadow-lg)}
.wy-mm__ov-link{padding:9px 12px;border-radius:var(--ad-radius-input);font:600 14.5px/1.25 var(--wy-font);color:var(--ad-text)}
.wy-mm__ov-link:hover{background:var(--ad-surface-2);text-decoration:none}
.wy-mm__ov-link[aria-current="page"]{background:var(--ad-surface-inset)}
@media (prefers-reduced-motion:reduce){.wy-mm__ov-toggle .wy-ico{transition:none}}
.wy-mm__panel{background:var(--ad-surface);border-bottom:1.5px solid var(--ad-divider);box-shadow:var(--ad-shadow-lg);color:var(--ad-text)}
.wy-mm__in{max-width:1200px;margin:0 auto;padding:28px 24px 18px}
.wy-mm__heading{margin:0 0 10px;font:700 12px/1 var(--wy-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ad-text-muted)}
.wy-mm__entry{padding:7px 8px;margin:0 -8px;border-radius:var(--ad-radius-input);font-size:14.5px;line-height:1.25;color:var(--ad-text);transition:background-color 140ms var(--ad-ease)}
.wy-mm__entry:hover{background:var(--ad-surface-2);text-decoration:none}
.wy-mm__entry[aria-current="page"]{background:var(--ad-surface-inset)}
.wy-mm__th{width:34px;height:34px;border-radius:7px;background:var(--ad-ill);color:var(--ad-text-muted)}
.wy-mm__th .wy-ico{width:var(--wy-ico-size-s);height:var(--wy-ico-size-s)}
.wy-mm__entry .wy-mm__count{font-size:12px;color:var(--ad-text-muted)}
.wy-mm__all{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font:700 13.5px/1 var(--wy-font);color:var(--ad-link)}
.wy-mm__all .wy-ico{width:var(--wy-ico-size-xs);height:var(--wy-ico-size-xs);stroke-width:var(--wy-ico-stroke-xs)}
.wy-mm__card{background:var(--ad-brand);color:var(--ad-on-brand);border-radius:var(--ad-radius-card);min-height:100%}
.wy-mm__card:hover{text-decoration:none}
.wy-mm__card-t{padding:20px 64px 20px 22px;position:relative;overflow:hidden}
.wy-mm__card-t::after{content:"";position:absolute;top:0;right:12px;width:40px;height:84px;background:var(--ad-accent);opacity:.95;clip-path:polygon(62% 0,100% 0,38% 100%,0 100%);pointer-events:none}
.wy-mm__kicker{font:700 12.5px/1.2 var(--wy-font);letter-spacing:.14em;text-transform:uppercase;color:var(--ad-accent-ink)}
.wy-mm__card-title{font:700 22px/1.2 var(--wy-font);letter-spacing:-.015em}
.wy-mm__card-text{font-size:13.5px;line-height:1.45;opacity:.86}
.wy-mm__card-cta{align-self:start;margin-top:auto;display:inline-flex;align-items:center;gap:6px;background:var(--ad-accent);color:var(--ad-on-accent);font:700 13px/1 var(--wy-font);padding:9px 13px;border-radius:var(--ad-radius-input)}
.wy-mm__card-cta .wy-ico{width:var(--wy-ico-size-xs);height:var(--wy-ico-size-xs);stroke-width:var(--wy-ico-stroke-xs)}
/* FND-1704: mega mode — a card without a picture shows its category icon in the picture's place; bar links carry a small icon */
.wy-mm__card{align-self:start;max-height:300px}
.wy-mm__card--blocks{max-height:none}
.wy-mm__card-ico{display:grid;place-items:center;min-height:120px;background:color-mix(in srgb,var(--ad-on-brand) 10%,transparent)}
.wy-mm__card-ico .wy-ico{width:var(--wy-ico-size-xl);height:var(--wy-ico-size-xl);stroke-width:var(--wy-ico-stroke-xl);opacity:.9}
.wy-mm.is-mega .wy-mm__link>.wy-ico{width:var(--wy-ico-size-xs);height:var(--wy-ico-size-xs);stroke-width:var(--wy-ico-stroke-xs);color:var(--ad-text-muted)}
.wy-mm__th .wy-ico{color:var(--ad-text-muted)}
.wy-mm__card--blocks{padding:20px 22px;color:var(--ad-on-brand)}
.wy-mm__card--blocks a{color:inherit}
.wy-mm__row{border-top:1px solid var(--ad-divider);padding-top:14px}
.wy-mm__chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--ad-radius-input);background:var(--ad-surface-2);font:600 13.5px/1 var(--wy-font);color:var(--ad-text)}
.wy-mm__chip:hover{background:var(--ad-surface-inset);text-decoration:none}
.wy-mm__chip .wy-ico{width:var(--wy-ico-size-xs);height:var(--wy-ico-size-xs);stroke-width:var(--wy-ico-stroke-xs);color:var(--ad-link)}

/* search */
.wy-hsearch{flex:1 1 220px;min-width:200px;max-width:440px;height:44px;padding:0 6px 0 14px;border:1.5px solid var(--ad-border-strong);border-radius:var(--ad-radius-input);background:var(--ad-surface);color:var(--ad-text-muted)}
.wy-hsearch:focus-within{border-color:var(--ad-focus);outline:2px solid var(--ad-focus);outline-offset:2px}
.wy-hsearch__input{font-size:14.5px;color:var(--ad-text);height:100%}
.wy-hsearch__input::placeholder{color:var(--ad-text-muted)}
.wy-hsearch__btn{width:34px;height:34px;border-radius:7px;background:var(--ad-brand);color:var(--ad-on-brand);border:0}
.wy-hsearch__btn:hover{background:var(--ad-brand-hover)}
.wy-head__row>.wy-mm.wy-align-center~.wy-hsearch{max-width:300px}

@media (max-width:560px){
  .wy-topbar__bar,.wy-topbar__start,.wy-topbar__end{gap:10px!important}
  .wy-topbar .wy-tl__a[href$="/bestand/"],.wy-topbar .wy-tl__form{display:none}
  .wy-topbar .is-style-wy-toplink .wp-block-button__link b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:980px){
  .wy-topbar__bar,.wy-topbar__start,.wy-topbar__end{gap:14px}
  .wy-topbar{font-size:12px}
  .wy-hide-s,.wy-topbar .wy-hide-s{display:none!important}
  /* icon-only on phones, the label stays the accessible name */
  .wy-topbar .wy-tl__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .wy-topbar .wy-tl,.wy-topbar .wy-tl__a{justify-content:center}
  .wy-mm__more{display:block;padding:10px 4px 0}
  .wy-mm__more-title{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ad-text-muted)}
  .wy-mm__more-list{list-style:none;margin:0;padding:0}
  .wy-mm__more-form{margin:0}
  .wy-mm__more-link{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 4px;border:0;background:none;color:var(--ad-text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}
  .wy-uspbar{justify-content:flex-start!important;overflow-x:auto;gap:22px;scrollbar-width:none}
  .wy-uspbar::-webkit-scrollbar{display:none}
  .wy-head__row{flex-wrap:wrap!important;min-height:0;gap:10px 12px;padding-block:10px}
  .wy-head__row>.wy-mm{order:-2}
  .wy-head__row>.wy-logo{margin-right:auto}
  .wy-head__row>.wy-hsearch{order:5;flex-basis:100%;max-width:none}
  .wy-mm__burger{width:42px;height:42px;justify-content:center;border-radius:8px;border:1.5px solid var(--ad-border);background:var(--ad-surface);color:var(--ad-text)}
  .wy-mm__burger-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .wy-mm.is-mobile-open .wy-mm__list{background:var(--ad-surface);border-bottom:1.5px solid var(--ad-divider);box-shadow:var(--ad-shadow-lg);padding:8px 16px 16px}
  .wy-mm__item{border-bottom:1px solid var(--ad-divider)}
  .wy-mm__link{flex:1;padding:14px 4px}
  .wy-mm__toggle{width:44px;height:44px}
  .wy-mm__panel{box-shadow:none;border:0}
  .wy-mm__in{padding:4px 0 14px;gap:16px}
  .wy-mm__card-t{padding-right:64px}
}

/* =====================================================================================================================
   R0 — live bugs of GAPS §6 (wygge-audit analysis/mockups/musterkunde-shop/live-vs-mockup-2026-10-26/GAPS.md)
   ===================================================================================================================== */
/* §6.1 PANGEA 390 px: a long word ("Schreibtischunterlage") ran into "Preis auf Anfrage" — the title breaks, and below
   860 px the price sits under the title instead of next to it. */
.wygge-card__title{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.wygge-card .wygge-badge{max-width:100%;white-space:normal}
@media (max-width:859px){
  [data-wy-style="industrial"] .wygge-card__body{grid-template-columns:minmax(0,1fr)}
  [data-wy-style="industrial"] .wygge-card__category,[data-wy-style="industrial"] .wygge-card__title,
  [data-wy-style="industrial"] .wygge-card__price,[data-wy-style="industrial"] .wygge-card .wygge-badge{grid-row:auto;grid-column:1}
  [data-wy-style="industrial"] .wygge-card__category{order:2}
  [data-wy-style="industrial"] .wygge-card__price{text-align:left;order:3;margin-top:2px}
  [data-wy-style="industrial"] .wygge-card .wygge-badge{order:4;justify-self:start}
  [data-wy-style="industrial"] .wygge-card__body{display:flex;flex-direction:column;align-items:flex-start}
  [data-wy-style="industrial"] .wygge-card__link > .wy-badge-stock{position:static;grid-column:2/-1;justify-self:start}
}
/* §6.2 budget strip: the meter is only drawn with a budget (an attribute `hidden` must win over display:flex), the
   disabled net/gross switch ("folgt") is not clipped off on phones, and long figures wrap instead of being cut. */
.wy-meter[hidden],.wy-strip[hidden]{display:none!important}
.wy-strip[data-wy-no-budget]:not(:has([data-wy-approval]:not([hidden]))){display:none}
@media (max-width:719px){
  /* one line of fixed height (the figures arrive after load — a growing strip would shift the page, CLS): the budget
     name stays the accessible name only, "von <zugeteilt>" and the approval sentence are left to the cart page */
  .wy-strip .wy-seg,.wy-strip__approval,.wy-strip__of{display:none!important}
  .wy-strip__bar > .wy-strip__budget{flex:1 1 auto;min-width:0}
  .wy-strip__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .wy-strip__budget .wy-meter{width:96px}
}
/* §6.4 Grün Weiß / Ledder: 31–36 category TILES before the first product. With more than 8 categories the tiles
   become the compact chip row (scrolls sideways) — the products stay above the fold. */
[data-wy-style="workshop"] .wygge-categories:has(li:nth-child(10)) ul,[data-wy-style="club"] .wygge-categories:has(li:nth-child(10)) ul{
  display:flex;grid-template-columns:none;grid-auto-flow:row;gap:6px;overflow-x:auto;padding:2px 2px 6px}
[data-wy-style="workshop"] .wygge-categories:has(li:nth-child(10)) .wygge-chip,[data-wy-style="club"] .wygge-categories:has(li:nth-child(10)) .wygge-chip{
  display:inline-flex;flex-direction:row;align-items:center;min-height:40px;padding:8px 12px;font-size:13.5px;font-weight:600;white-space:nowrap;
  border:1.5px solid var(--ad-border-strong);border-radius:var(--ad-radius-input);background:var(--ad-surface);text-transform:none;letter-spacing:0}
[data-wy-style="workshop"] .wygge-categories:has(li:nth-child(10)) .wygge-chip::before{content:none}
[data-wy-style="workshop"] .wygge-categories:has(li:nth-child(10)) .wygge-chip--active,[data-wy-style="club"] .wygge-categories:has(li:nth-child(10)) .wygge-chip--active{
  background:var(--ad-brand);border-color:var(--ad-brand);color:var(--ad-on-brand);box-shadow:none}
/* §6.3 colour × size matrix: colour pick first (storefront.js), only the chosen colours' rows are shown */
.wy-cpick{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.wy-cpick__label{flex:1 0 100%;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ad-text-muted)}
.wy-cpick button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px 6px 8px;border:1.5px solid var(--ad-border-strong);border-radius:var(--ad-radius-input);
  background:var(--ad-surface);color:var(--ad-text);font:600 13.5px/1.2 var(--wy-font);cursor:pointer}
.wy-cpick button[aria-pressed="true"]{border-color:var(--ad-strong);box-shadow:inset 0 0 0 1px var(--ad-strong);background:var(--ad-accent-bg)}
.wy-cpick .wy-sw{width:20px;height:20px;border-radius:5px}
.wy-matrix tr[hidden],.wy-matrix .wy-cb[hidden]{display:none}

/* =====================================================================================================================
   Reduced motion, print
   ===================================================================================================================== */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.wy-header,.wy-ftr,.wy-drawer,.wy-hero-part,.wygge-actions,.wygge-order-actions{display:none!important}}

/* ── Operator landing (network main site, plugin template operator-landing.php, FND-1430): the shops of the operator's
   customers as cards. The plugin's own stylesheet is replaced by this theme, so the landing's layout lives here. ── */
.wygge-landing__header{background:var(--ad-brand);color:var(--ad-on-brand);padding:14px 24px}
.wygge-landing__bar,.wygge-landing,.wygge-landing__footer{width:100%;max-width:1152px;margin:0 auto;box-sizing:border-box}
.wygge-landing{flex:1 0 auto}
.wygge-landing__bar{display:flex;align-items:center;gap:12px;padding-inline:24px;font-weight:700;font-size:18px;letter-spacing:-.01em}
.wygge-landing__bar .wygge-brand__logo{max-height:32px;width:auto}
.wygge-landing{padding:48px 24px 56px}
.wygge-landing .wygge-page-title{font-size:clamp(32px,4.4vw,48px);line-height:1.04;letter-spacing:-.025em;margin:0 0 14px}
.wygge-landing__lead{max-width:44rem;margin:0;color:var(--ad-text-muted);font-size:17px;line-height:1.55}
.wygge-landing__grid{list-style:none;margin:32px 0 24px;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.wygge-landing__card{margin:0}
.wygge-landing__link{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:20px 22px;border:1.5px solid var(--ad-border);border-radius:var(--ad-radius-card,10px);background:var(--ad-surface);color:var(--ad-text);text-decoration:none;transition:background-color 140ms}
.wygge-landing__link:hover{background:var(--ad-surface-2)}
.wygge-landing__link:focus-visible{outline:2px solid var(--ad-focus);outline-offset:2px}
.wygge-landing__name{font-weight:700;font-size:18px;line-height:1.25}
.wygge-landing__host{font-family:var(--ad-font-mono);font-size:13px;color:var(--ad-text-muted)}
.wygge-landing__cta{margin-top:10px;font-weight:700;color:var(--ad-link)}
.wygge-landing__footer{padding:16px 24px;border-top:1.5px solid var(--ad-divider);color:var(--ad-text-muted);font-size:13px}

/* W6-A R4 (DEC-109): reduced motion takes the zoom out of the tokens — a tile does not grow, the lens does not magnify; opacity changes (hover icons, fades) stay. */
@media (prefers-reduced-motion:reduce){:root{--sf-zoom:1;--sf-lens:1}}