/* =========================================
       CORE CONFIG
       ========================================= */
    :root {
      --brand-primary: #0f2e4a;
      --bg-page: #f6f8fb;       
      --c-text: #0f172a;
      --c-muted: #64748b;
      --border-color: #e2e8f0;
      
      --content-width: 1600px; 
      --page-padding: 30px; 
      --radius-round: 99px;
      
      --z-header: 100;
      --z-dropdown: 200; 
      --z-modal: 99999;
      --z-lightbox: 100000;
    }

    body.theme-mob { --brand-primary: #e60000; }
    body.theme-mondelin { --brand-primary: #ff7300; }
    body.theme-leborgne { --brand-primary: #eab308; }
    body.theme-peddinghaus { --brand-primary: #c90000; }

    * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
    
    html { scroll-behavior: smooth; }

    body {
      font-family: 'Inter', system-ui, sans-serif;
      background: var(--bg-page); color: var(--c-text);
      min-height: 100vh; display: flex; flex-direction: column;
      overflow-y: scroll; position: relative;
      overflow-x: hidden; 
      width: 100%;
    }

    body::before {
      content: ""; position: fixed; bottom: -100px; right: -100px; width: 800px; height: 800px;
      background-image: url('https://peddinghaus.de/wp-content/uploads/2026/01/Zahnrad.webp');
      background-repeat: no-repeat; background-position: center; background-size: contain;
      pointer-events: none; z-index: -1; opacity: 1; 
    }

    .nv-container { max-width: var(--content-width); margin: 0 auto; padding: 0 var(--page-padding); width: 100%; }

    /* HEADER */
    .main-header { background: rgba(255,255,255,0.95); border-bottom: 1px solid rgba(0,0,0,0.06); height: 80px; position: sticky; top: 0; z-index: var(--z-header); backdrop-filter: blur(12px); display: flex; align-items: center; }
    .header-inner { display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; }
    .header-left { display: flex; align-items: center; width: 280px; flex-shrink: 0; }
    .header-right { display: flex; align-items: center; justify-content: flex-end; width: 280px; flex-shrink: 0; }
    .logo { height: 38px; cursor: pointer; transition: transform 0.2s; }
    .logo:hover { transform: scale(1.02); }
    .header-center { flex: 1; display: flex; justify-content: center; }
    
    .search-modern { width: 680px; max-width: 100%; height: 50px; display: flex; align-items: center; background: #fff; border: 1px solid #cbd5e1; border-radius: var(--radius-round); box-shadow: 0 2px 4px rgba(0,0,0,0.02); padding: 4px; transition: all 0.2s; position: relative; }
    .search-modern:focus-within { border-color: var(--brand-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary), transparent 90%); }
    .custom-select-wrapper { position: relative; height: 100%; min-width: 160px; user-select: none; }
    .custom-select-trigger { height: 100%; background-color: #f1f5f9; border-radius: var(--radius-round); padding: 0 16px; display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 600; color: #334155; cursor: pointer; transition: background 0.2s; }
    .custom-select-trigger:hover { background-color: #e2e8f0; color: #0f172a; }
    .custom-arrow { width: 10px; height: 10px; fill: #64748b; margin-left: 12px; transition: 0.3s; }
    .custom-options { position: absolute; top: 120%; left: 0; min-width: 240px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.2s; z-index: var(--z-dropdown); padding: 6px; max-height: 320px; overflow-y: auto; }
    .custom-select-wrapper.open .custom-options { opacity: 1; visibility: visible; transform: translateY(0); }
    .custom-select-wrapper.open .custom-arrow { transform: rotate(180deg); }
    .custom-option { padding: 10px 14px; font-size: 13px; color: var(--c-text); border-radius: 8px; cursor: pointer; transition: 0.1s; }
    .custom-option:hover { background-color: #f1f5f9; color: var(--brand-primary); font-weight: 600; }
    .custom-option.selected { background-color: #f0f9ff; color: var(--brand-primary); font-weight: 700; }
    .search-input { flex: 1; height: 100%; border: none; background: transparent; padding: 0 16px; font-size: 15px; outline: none; color: var(--c-text); width: 100%; }
    .search-icon { padding-right: 16px; font-size: 20px; color: #94a3b8; pointer-events: none; }
    .header-actions { display: flex; gap: 10px; }
    .h-btn { height: 40px; padding: 0 18px; border-radius: var(--radius-round); border: 1px solid var(--border-color); background: #fff; color: var(--c-text); font-size: 13px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: 0.2s; white-space: nowrap; }
    .h-btn:hover { border-color: var(--brand-primary); color: var(--brand-primary); transform: translateY(-1px); }
    /* B2B Shop Button: gleicher Stil wie die anderen Header-Buttons */
    .h-btn.shop { background: #fff; color: var(--c-text); border-color: var(--border-color); }
    
    .control-bar { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; margin-bottom: 10px; width: 100%; }
    .cb-left { width: 280px; display: flex; justify-content: flex-start; align-items: center; }
    .cb-right { width: 280px; display: flex; justify-content: flex-end; }
    .cb-center { flex: 1; display: flex; justify-content: center; }
    .result-info { font-size: 13px; color: var(--c-muted); font-weight: 600; white-space: nowrap; }
    .result-info strong { color: var(--c-text); font-weight: 800; }
    .brand-dock { position: relative; display: flex; align-items: center; gap: 4px; background: rgba(255,255,255,0.7); backdrop-filter: blur(4px); border: 1px solid var(--border-color); padding: 6px; border-radius: var(--radius-round); box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
    .dock-glider { position: absolute; top: 6px; bottom: 6px; left: 0; background: var(--brand-primary); border-radius: var(--radius-round); box-shadow: 0 4px 12px color-mix(in srgb, var(--brand-primary), transparent 60%); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); pointer-events: none; z-index: 0; opacity: 0; }
    .brand-pill { position: relative; z-index: 1; height: 38px; padding: 0 24px; display: flex; align-items: center; justify-content: center; background: transparent; border-radius: var(--radius-round); cursor: pointer; min-width: 90px; transition: 0.2s; }
    .brand-pill img { height: 17px; width: auto; transition: 0.2s; filter: none; opacity: 1; }
    .brand-pill:hover { background: rgba(0,0,0,0.03); }
    .brand-pill.active img { filter: brightness(0) invert(1); transform: scale(1.05); }
    .brand-dock.has-filter .brand-pill:not(.active) img { filter: grayscale(100%); opacity: 0.4; }
    .brand-dock.has-filter .brand-pill:not(.active):hover img { filter: grayscale(0%); opacity: 0.8; }
    .tool-group { display: flex; gap: 10px; }
    .tool-btn { height: 40px; padding: 0 18px; border-radius: var(--radius-round); font-size: 13px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 8px; border: 1px solid var(--border-color); background: #fff; color: var(--c-text); transition: 0.2s; white-space: nowrap; }
    .tool-btn:hover { border-color: var(--brand-primary); color: var(--brand-primary); transform:translateY(-1px); }
    .badge { background: rgba(0,0,0,0.1); padding: 2px 8px; border-radius: 10px; font-size: 11px; margin-left: 4px; }

    /* GRID & CARDS */
    .grid-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; padding-bottom: 60px; }
    .card { background: #fff; border: 1px solid var(--border-color); border-radius: 16px; overflow: hidden; position: relative; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; display: flex; flex-direction: column; }
    .card:hover { transform: translateY(-6px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); border-color: var(--brand-primary); }
    .card-top-stripe { height: 5px; width: 100%; background: var(--card-color, #e2e8f0); transition: transform 0.3s; transform-origin: top; }
    .card:hover .card-top-stripe { transform: scaleY(1.4); }
    .card-head { padding: 16px 16px 0; display: flex; justify-content: space-between; align-items: flex-start; }
    .card-logo { height: 18px; opacity: 0.8; transition: opacity 0.3s; }
    .card:hover .card-logo { opacity: 1; }
    .card-opts { display: flex; gap: 8px; }
    .card-btn { width: 32px; height: 32px; border-radius: 8px; border: 1px solid #f1f5f9; background: #fff; display: flex; align-items: center; justify-content: center; transition: 0.2s; cursor: pointer; color: #94a3b8; }
    .card-btn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; }
    .card-btn:hover { background: #fff; border-color: var(--brand-primary); color: var(--brand-primary); transform: scale(1.1); }
    
    /* UPDATED: STAR BUTTON DESIGN - ONLY STAR YELLOW */
    .card-btn.is-active { border-color: #fbbf24; background: #fff; color: #fbbf24; }
    .card-btn.is-active svg { fill: #fbbf24; stroke: #fbbf24; }

    /* Flyer Button Active (kein Grid-Neurender nötig) */
    .card-btn.is-active-flyer { border-color: var(--brand-primary); background: #fff; color: var(--brand-primary); }

    .card-img { height: 160px; display: flex; align-items: center; justify-content: center; padding: 10px; overflow: hidden; position: relative; }
.card-img img { max-width: 100%; max-height: 100%; object-fit: contain; display:block; }
    .card-icon { font-size: 54px; opacity: 0.2; filter: grayscale(100%); transition: all 0.4s ease; }
    .card:hover .card-icon { transform: scale(1.15) rotate(3deg); opacity: 0.9; filter: grayscale(0%); }
    .card-body { padding: 0 16px 24px; flex: 1; display: flex; flex-direction: column; }
    .sku { font-size: 11px; color: var(--c-muted); font-family: monospace; margin-bottom: 8px; display: block; }
    .title { font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--c-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

    .pagination { display: flex; justify-content: center; align-items: center; gap: 8px; padding-bottom: 80px; margin-top: 20px; }
    .page-btn { min-width: 40px; height: 40px; padding: 0 14px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #fff; border: 1px solid var(--border-color); cursor: pointer; font-weight: 600; color: var(--c-muted); transition: 0.2s; }
    .page-btn:hover:not(:disabled) { border-color: var(--brand-primary); color: var(--brand-primary); }
    .page-btn.active { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); }
    .page-btn:disabled { opacity: 0.5; cursor: default; }

    .flying-img { position: fixed; z-index: 99999; pointer-events: none; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); box-shadow: 0 10px 25px rgba(0,0,0,0.15); width: 40px; height: 40px; }

    /* MODALS */
    .nv-modal-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(5px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; padding: 10px; }
    .nv-modal-backdrop.is-open { opacity: 1; visibility: visible; }
    .nv-modal-base { background: #fff; border-radius: 12px; box-shadow: 0 25px 50px rgba(0,0,0,0.25); display: flex; flex-direction: column; max-height: 90vh; transform: translateY(20px); transition: 0.3s; overflow: hidden; }
    .is-open .nv-modal-base { transform: translateY(0); }

    /* DETAIL MODAL */
    .nv-detail-modal { width: 100%; max-width: 1200px; border-top: 8px solid #ccc; }
    .nv-dm-header { padding: 20px 40px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: flex-start; flex-shrink: 0; background: #fff; z-index: 10; }
    
    /* Smaller Title (-20%) */
    .nv-dm-title { font-family: 'Oswald', sans-serif; font-size: 21px; font-weight: 700; line-height: 1.2; max-width: 80%; text-transform: uppercase; color: #000; }
    
    .nv-dm-close { background: none; border: none; font-size: 32px; cursor: pointer; color: #666; line-height: 1; padding: 0 10px;}
    .nv-dm-export-btn { height: 42px; padding: 0 24px; border-radius: 99px; border: 1px solid #ddd; background: #fff; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: 0.2s; white-space: nowrap; margin-right: 20px; }
    .nv-dm-export-btn:hover { border-color: #000; background: #f8f8f8; }
    .nv-dm-body { padding: 40px; overflow-y: auto; flex: 1; }
    .nv-dm-top-bar { display: flex; gap: 15px; align-items: center; margin-bottom: 30px; }
    .nv-dm-brand-pill { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 99px; padding: 6px 18px; background: #fff; height: 36px; }
    .nv-dm-brand-pill img { height: 16px; }
    .nv-dm-badge-eu { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #ddd; padding: 0 16px; border-radius: 99px; font-size: 13px; font-weight: 600; color: #0f172a; height: 36px; }
    .nv-dm-grid { display: grid; grid-template-columns: 1fr 450px; gap: 60px; }
    
    .nv-dm-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 40px; margin-bottom: 30px; font-size: 15px; background: #f8fafc; padding: 20px; border-radius: 8px; }
    
    /* LABEL BOLD, VALUE NORMAL */
    .nv-dm-meta-item { display: flex; flex-direction: row; align-items: baseline; gap: 6px; }
    .nv-dm-meta-item strong { font-weight: 700; color: #0f172a; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; }
    .nv-dm-meta-item span { font-weight: 400; color: #334155; font-size: 14px; }
    
    /* MAßE FIX: NO WRAP */
    .nv-dm-meta-item span.dim-val { white-space: nowrap; }

    .nv-dm-desc-block { margin-bottom: 25px; }
    .nv-dm-desc-label { font-weight: 700; display: block; margin-bottom: 8px; font-size: 16px; color: #0f172a; }
    
    /* Smaller Description (-5%) */
    .nv-dm-desc-text { font-size: 14px; line-height: 1.6; color: #334155; }
    
    .nv-dm-gallery { display: flex; flex-direction: column; gap: 20px; height: auto; position: sticky; top: 0; }
    
    /* Smaller Images (-15%) */
    .nv-dm-main-img { height: 320px; width: 100%; border: 1px solid #eee; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #fff; position: relative; cursor: zoom-in; }
    .nv-dm-img-icon { font-size: 130px; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1)); }
    
    .nv-dm-thumbs-wrap { display: flex; align-items: center; gap: 10px; width: 100%; justify-content: center; }
    .nv-thumb-nav { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #ddd; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; color: #666; transition: 0.2s; flex-shrink: 0; }
    .nv-thumb-nav:hover { border-color: #999; color: #000; background: #f9f9f9; }
    .nv-dm-thumbs { display: flex; gap: 12px; overflow-x: hidden; scroll-behavior: smooth; flex: 1; justify-content: flex-start; padding: 4px; }
    
    /* Smaller Thumbs (-15%) */
    .nv-dm-thumb { min-width: 60px; width: 60px; height: 60px; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; font-size: 24px; background: #fff; flex-shrink: 0; }
.nv-dm-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 7px; display:block; }
    .nv-dm-thumb .nv-placeholder { border-radius: 8px; }
    .nv-dm-thumb .nv-placeholder svg { width: 22px; height: 22px; margin-bottom: 4px; }
    .nv-dm-thumb .nv-placeholder span { font-size: 9px; letter-spacing: 0.5px; }
    .nv-dm-thumb:hover, .nv-dm-thumb.active { border-color: var(--brand-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-primary), transparent 90%); transform: translateY(-2px); }

    .nv-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; color: #94a3b8; background: #f8fafc; border-radius: 12px; }
    .nv-placeholder svg { width: 40px; height: 40px; margin-bottom: 8px; stroke: currentColor; stroke-width: 1.5; fill: none; }
    .nv-placeholder span { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }

    /* Smaller placeholder (e.g. wishlist icon) */
    .nv-mini-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #94a3b8; opacity: 0.9; }
    .nv-mini-placeholder svg { width: 18px; height: 18px; stroke: currentColor; fill: none; }
    .nv-mini-placeholder span { font-size: 10px; font-weight: 600; }
    .nv-loading-text { font-size: 14px; font-weight: 500; color: #64748b; animation: pulseText 1.5s infinite; }
    /* Center loading text on top of image boxes */
    .nv-img-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
    @keyframes pulseText { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } }

    .nv-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: var(--z-lightbox); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; }
    .nv-lightbox.is-open { opacity: 1; visibility: visible; }
.nv-lightbox-content { max-width: 92vw; max-height: 86vh; color: #fff; filter: drop-shadow(0 0 50px rgba(255,255,255,0.2)); transform: scale(0.98); transition: 0.3s; display:flex; align-items:center; justify-content:center; }
.nv-lightbox-content img { max-width: 92vw; max-height: 86vh; object-fit: contain; display:block; }
.nv-lightbox-content .nv-lb-emoji { font-size: 240px; line-height: 1; }
    .nv-lightbox.is-open .nv-lightbox-content { transform: scale(1); }

/* Export Loader Overlay */
.nv-export-overlay { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.35); backdrop-filter: blur(2px); z-index: 100000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.2s; }
.nv-export-overlay.is-open { opacity: 1; visibility: visible; }
.nv-export-card { width: min(360px, 92vw); background: #fff; border-radius: 18px; box-shadow: 0 20px 60px rgba(0,0,0,0.25); padding: 22px 20px; text-align: center; }
.nv-export-spinner { width: 46px; height: 46px; border-radius: 999px; border: 4px solid #e2e8f0; border-top-color: var(--brand-primary); margin: 0 auto 14px; animation: nvspin 0.85s linear infinite; }
.nv-export-check { width: 46px; height: 46px; border-radius: 999px; background: #16a34a; color: #fff; display: none; align-items: center; justify-content: center; font-size: 26px; margin: 0 auto 14px; }
.nv-export-title { font-weight: 700; color: #0f172a; }
.nv-export-sub { font-size: 12px; color: #64748b; margin-top: 6px; }
.nv-export-overlay.is-success .nv-export-spinner { display: none; }
.nv-export-overlay.is-success .nv-export-check { display: flex; }
@keyframes nvspin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
    .nv-lightbox-close { position: absolute; top: 20px; right: 20px; background: none; border: none; color: #fff; font-size: 40px; cursor: pointer; opacity: 0.7; }
    .nv-lightbox-close:hover { opacity: 1; }
    .nv-lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.1); border: none; color: #fff; width: 60px; height: 100px; font-size: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
    .nv-lightbox-nav:hover { background: rgba(255,255,255,0.2); }
    .nv-lightbox-prev { left: 0; border-radius: 0 10px 10px 0; }
    .nv-lightbox-next { right: 0; border-radius: 10px 0 0 10px; }

    /* =========================================
       IPAD / TABLET OPTIMIZATION (Der Fix)
       ========================================= */
    @media (max-width: 1024px) and (min-width: 769px) {
        .header-left, .header-right { width: auto; flex: 1; }
        .header-center { flex: 2; }
        .search-modern { width: 100%; }
        .h-btn span { display: none; } /* Nur Icons wenn eng */
        
        .cb-left, .cb-right { width: auto; flex: 1; }
        .cb-center { flex: 2; }
        .brand-pill { padding: 0 12px; min-width: 70px; }
        .brand-pill img { height: 14px; }
        
        .grid-container { grid-template-columns: repeat(3, 1fr); gap: 15px; }
        
        .nv-dm-grid { grid-template-columns: 1fr; gap: 30px; }
        .nv-dm-gallery { position: static; order: -1; }
    }

    /* MOBILE OPTIMIZATION */
    @media(max-width: 768px) {
        .nv-container { padding: 0 10px; }
        .main-header { height: auto; padding: 14px 0; }
        .header-inner { flex-direction: column; gap: 14px; }
        .header-left, .header-center, .header-right { width: 100%; justify-content: center; }
        .header-right { margin-top: 4px; }
        .grid-container { grid-template-columns: repeat(2, 1fr); gap: 8px; }
        .search-modern { height: 44px; }
        .brand-pill { height: 34px; padding: 0 16px; }
        .control-bar { flex-direction: column; align-items: center; gap: 16px; }
        .cb-left, .cb-right { width: 100%; justify-content: center; order: 2; }
        .cb-center { width: 100%; order: 1; }
        .brand-dock { flex-wrap: wrap; justify-content: space-between; padding: 8px; gap: 8px; }
        .dock-glider { display: none !important; }
        .brand-pill { flex: 0 0 48%; margin: 0; justify-content: center; }
        .brand-pill.active { background: var(--brand-primary); color:#fff; }
        .nv-modal-base { width: 92%; max-height: 85vh; margin: 10px auto; }
        .nv-dm-grid { display: flex; flex-direction: column; gap: 20px; width: 100%; }
        .nv-dm-meta-grid { grid-template-columns: 1fr; gap: 10px; padding: 10px; }
        .nv-dm-meta-item { flex-direction: column; gap: 4px; align-items: flex-start; }
        .nv-dm-gallery { position: static !important; width: 100%; order: -1; }
    }

    /* WIZARDS AND REST (UNCHANGED) */
    .nv-wizard-modal { width: 100%; max-width: 900px; } 
    .nv-wiz-header { padding: 20px 30px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; background: #f9fafb; }
    .nv-wiz-title { font-family: 'Oswald'; font-size: 20px; font-weight: 500; }
    .nv-wiz-step-bar { display: flex; padding: 20px 40px; justify-content: space-between; position: relative; }
    .nv-wiz-step-bar::before { content:''; position: absolute; top: 50%; left: 50px; right: 50px; height: 2px; background: #eee; z-index: 0; }
    .nv-wiz-step-item { position: relative; z-index: 1; background: #fff; padding: 0 10px; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #aaa; }
    .nv-wiz-circle { width: 30px; height: 30px; border-radius: 50%; background: #f3f4f6; display: flex; align-items: center; justify-content: center; border: 2px solid #e5e7eb; transition: 0.3s; }
    .nv-wiz-step-item.active .nv-wiz-circle { border-color: var(--brand-primary); background: var(--brand-primary); color: #fff; }
    .nv-wiz-step-item.active { color: var(--brand-primary); }
    .nv-wiz-body { padding: 30px; padding-bottom: 50px; overflow-y: auto; flex: 1; }
    .nv-wiz-step-content { display: none; }
    .nv-wiz-step-content.active { display: block; animation: fadeIn 0.3s; }
    .nv-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 16px; }
    .nv-form-full { grid-column: 1 / -1; }
    .nv-label { font-size: 13px; font-weight: 700; margin-bottom: 6px; display: block; }
    .nv-input { width: 100%; height: 36px; border: 1px solid #ddd; border-radius: 6px; padding: 0 12px; font-family: inherit; font-size: 14px; }
    .nv-input:focus { border-color: var(--brand-primary); outline: none; }
    .nv-input:disabled { background-color: #f9fafb; cursor: not-allowed; color:#999; }

    /* Status-Slot (neben Art.Nr/EAN) – keine extra Höhe */
    .nv-status-slot {
      background: #f9fafb;
      color: #6b7280;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      overflow: hidden;
      white-space: nowrap;
    }
    .nv-status-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 700;
      font-size: 13px;
    }
    .nv-status-badge .nv-status-icon {
      width: 18px;
      height: 18px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      line-height: 1;
      flex-shrink: 0;
    }
    .nv-textarea { height: 80px; padding: 10px 12px; resize: vertical; width: 100%; }
    .nv-section-box { border: 1px solid #eee; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
    .nv-section-title { font-weight: 800; font-size: 12px; text-transform: uppercase; color: #888; margin-bottom: 15px; letter-spacing: 0.5px; }
    .nv-radio-group { display: flex; gap: 20px; align-items: center; background: #f8fafc; padding: 12px; border-radius: 6px; flex-wrap: wrap; }
    .nv-check-label { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; font-weight: 500; }
    .nv-content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 15px; }
    .nv-content-check { position: relative; }
    .nv-content-check input { position: absolute; opacity: 0; }
    .nv-content-box { border: 1px solid #eee; border-radius: 8px; padding: 15px; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: 0.2s; font-weight: 600; font-size: 14px; }
    .nv-content-check input:checked + .nv-content-box { border-color: var(--brand-primary); background: #f0f9ff; color: var(--brand-primary); }
    .nv-cb-icon { width: 20px; height: 20px; background: #ddd; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; }
    .nv-content-check input:checked + .nv-content-box .nv-cb-icon { background: var(--brand-primary); }
    
    .nv-art-list { border: 1px solid #eee; border-radius: 8px; overflow: hidden; margin-bottom: 5px; }
    .nv-art-row { display: grid; grid-template-columns: 200px 1fr 40px 0px; gap: 10px; padding: 10px; border-bottom: 1px solid #eee; align-items: center; height: 50px; }
    .nv-art-row.head { background: #f9fafb; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #666; height: 36px; }
    .nv-art-row:last-child { border-bottom: none; }

    .nv-row-remove {
      width: 34px;
      height: 34px;
      border-radius: 10px;
      border: 1px solid #e5e7eb;
      background: #fff;
      color: #ef4444;
      font-size: 18px;
      line-height: 1;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.2s;
    }
    .nv-row-remove:hover { background: #fef2f2; border-color: #fecaca; }
    .nv-row-remove:disabled { opacity: 0.4; cursor: not-allowed; }


    
    .nv-wishlist-row { display: flex; align-items: center; gap: 15px; padding: 10px; border-bottom: 1px solid #eee; }
    .nv-wishlist-row:last-child { border-bottom: none; }
    .nv-wl-icon { font-size: 24px; min-width: 40px; text-align: center; }
    .nv-wl-content { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
    .nv-wl-sku { font-weight: 700; font-size: 13px; margin-bottom: 2px; }
    .nv-wl-title { font-size: 12px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    
    .nv-wiz-footer { padding: 20px 30px; border-top: 1px solid #eee; display: flex; justify-content: space-between; background: #fff; border-radius: 0 0 12px 12px; }
    .nv-btn { height: 40px; padding: 0 24px; border-radius: 6px; font-weight: 600; cursor: pointer; border: none; }
    .nv-btn.ghost { background: transparent; color: #666; border: 1px solid #eee; }
    .nv-btn.primary { background: var(--brand-primary); color: #fff; }
    .nv-btn.is-disabled { opacity: 0.55; cursor: not-allowed; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

    .nv-disabled-block { opacity: 0.5; pointer-events: none; }

    .mob-hidden { display: inline; }

    /* Hide unavailable PDF content options */
    .nv-content-check.is-hidden { display: none; }

    /* Fly-to animation chip (wishlist/flyer) */
    .nv-fly-chip {
      position: fixed;
      z-index: 9999;
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,0.95);
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 999px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
      pointer-events: none;
      font-size: 16px;
    }
    .nv-fly-chip img { width: 100%; height: 100%; object-fit: cover; border-radius: 999px; display:block; }

    /* Mobile tweaks */
    @media (max-width: 520px) {
      .mob-hidden { display: none; }
      .nv-dm-title { font-size: 16px; max-width: 72%; }
      .nv-dm-export-btn { padding: 0 12px; font-size: 12px; }
      .card-body .title { font-size: 13px; }
    }