:root{--pk-blue:#0071e3;--pk-blue2:#005bb5;--pk-blue3:#003d8a;--pk-grn:#16a34a;--pk-grn2:#15803d;--pk-bg:#f5f5f7;--pk-border:#d2d2d7;--pk-txt:#1d2521;--pk-mute:#6b7280;--pk-sh:0 2px 12px rgba(0,0,0,.08);--pk-sh2:0 8px 28px rgba(0,113,227,.14);--pk-r:16px;--pk-gold:#f59e0b}
.pkg-app *,.pkg-app *::before,.pkg-app *::after{box-sizing:border-box;margin:0;padding:0}
.pkg-app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--pk-txt);background:var(--pk-bg)}
.pkg-hero{background:linear-gradient(150deg,#002d75 0%,#0071e3 55%,#1a6fe8 100%);padding:60px 20px 52px;text-align:center;position:relative;overflow:hidden}.pkg-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(255,255,255,.13) 0%,transparent 70%);pointer-events:none}.pkg-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(255,255,255,.15)}
.pkg-hero__inner{position:relative;z-index:1;max-width:740px;margin:0 auto}
.pkg-hero__icon{font-size:2.8rem;display:block;margin-bottom:10px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}
.pkg-hero__title{font-size:clamp(1.65rem,4.5vw,2.5rem);font-weight:900;color:#fff;margin-bottom:10px;letter-spacing:-.5px;text-shadow:0 2px 14px rgba(0,0,0,.2);line-height:1.2}
.pkg-hero__sub{color:rgba(255,255,255,.88);font-size:1rem;margin-bottom:18px;font-weight:500}
.pkg-hero__stats{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pkg-hero__stat-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.32);color:#fff;padding:9px 20px;border-radius:40px;font-size:.9rem;font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pkg-hero__stars{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.13);border:1.5px solid rgba(255,255,255,.28);color:#fff;padding:7px 18px;border-radius:40px;font-size:.85rem;font-weight:600;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.pkg-hero__stars-ico{color:#fbbf24;letter-spacing:1px;font-size:.95rem}
.pkg-filters{background:#fff;border-bottom:2px solid var(--pk-border);box-shadow:0 2px 10px rgba(0,113,227,.07);position:sticky;top:0;z-index:100}
.pkg-filters__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;max-width:1280px;margin:0 auto;padding:10px 20px}
.pkg-filter-search{position:relative;flex:2 1 200px}
.pkg-filter-search__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--pk-mute)}
.pkg-filter-group{display:flex;flex-direction:column;gap:3px;flex:1 1 120px}
.pkg-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--pk-mute)}
.pkg-input,.pkg-select{height:42px;border:1.5px solid var(--pk-border);border-radius:10px;padding:0 12px;font-size:.88rem;color:var(--pk-txt);background:#f9fafb;width:100%;transition:border-color .15s,box-shadow .15s}
.pkg-filter-search .pkg-input{padding-left:36px}
.pkg-input:focus,.pkg-select:focus{outline:none;border-color:var(--pk-blue);box-shadow:0 0 0 3px rgba(0,113,227,.12);background:#fff}
.pkg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border:none;border-radius:8px;font-size:.88rem;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none}
.pkg-btn--primary{background:linear-gradient(135deg,var(--pk-blue),var(--pk-blue3));color:#fff;box-shadow:0 4px 12px rgba(0,113,227,.28)}
.pkg-btn--primary:hover{background:linear-gradient(135deg,var(--pk-blue2),var(--pk-blue3));color:#fff;text-decoration:none;box-shadow:0 6px 16px rgba(0,113,227,.36)}
.pkg-btn--ghost{background:transparent;border:1.5px solid var(--pk-border);color:var(--pk-mute);width:40px;padding:0}
.pkg-btn--ghost:hover{border-color:var(--pk-blue);color:var(--pk-blue);background:#eef3fb}
.pkg-btn--copy{background:linear-gradient(135deg,var(--pk-grn),var(--pk-grn2));color:#fff;padding:0 12px;height:34px;font-size:.8rem;border-radius:6px;flex-shrink:0;box-shadow:0 2px 6px rgba(22,163,74,.2)}
.pkg-btn--copy:hover,.pkg-btn--copy.copied{background:linear-gradient(135deg,var(--pk-grn2),#166534)}
.pkg-trust{background:linear-gradient(90deg,#f5f9ff 0%,#fff 40%,#f5f9ff 100%);border-bottom:1px solid #e8edf5}
.pkg-trust__row{display:flex;align-items:center;justify-content:center;gap:28px;max-width:1280px;margin:0 auto;padding:11px 20px;flex-wrap:wrap}
.pkg-trust__item{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#374151;white-space:nowrap}
.pkg-trust__icon{color:var(--pk-blue);font-weight:900;font-size:.9rem}
.pkg-hot{max-width:1280px;margin:30px auto 0;padding:0 20px}
.pkg-hot__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.pkg-hot__head h2{font-size:1.2rem;font-weight:900;display:flex;align-items:center;gap:7px;color:#0a1628}
.pkg-hot__head p{font-size:.83rem;color:var(--pk-mute);font-weight:500}
.pkg-hot__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.pkg-info{max-width:1280px;margin:18px auto 4px;padding:0 20px;font-size:.84rem;color:var(--pk-mute)}
.pkg-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--pk-mute)}
.pkg-spinner{width:34px;height:34px;border:3px solid var(--pk-border);border-top-color:var(--pk-blue);border-radius:50%;animation:pkg-spin .8s linear infinite}
@keyframes pkg-spin{to{transform:rotate(360deg)}}
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;max-width:1280px;margin:14px auto 0;padding:0 20px 24px}
.pkg-card{background:#fff;border:none;border-radius:var(--pk-r);display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(0,0,0,.07),0 0 0 1px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .22s ease;position:relative;overflow:hidden}
.pkg-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(0,113,227,.15),0 0 0 1.5px rgba(0,113,227,.12)}
.pkg-card--inactive{opacity:.55}
.pkg-card--hot{box-shadow:0 2px 12px rgba(245,158,11,.15),0 0 0 2px #f59e0b}
.pkg-card--hot:hover{box-shadow:0 12px 32px rgba(245,158,11,.22),0 0 0 2px #d97706}
.pkg-card__face{background:linear-gradient(160deg,#eef5ff 0%,#dbeafe 100%);padding:24px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative;border-bottom:1px solid rgba(0,113,227,.1)}
.pkg-card--hot .pkg-card__face{background:linear-gradient(160deg,#fffbeb 0%,#fef3c7 100%);border-bottom-color:rgba(245,158,11,.2)}
.pkg-disc{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,var(--pk-grn),var(--pk-grn2));color:#fff;font-size:.73rem;font-weight:800;padding:4px 10px;border-radius:20px;letter-spacing:.2px;white-space:nowrap;box-shadow:0 2px 6px rgba(22,163,74,.3)}
.pkg-logo-wrap{width:72px;height:72px;border-radius:14px;background:#fff;border:1.5px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.04)}
.pkg-logo-wrap img.pkg-card__logo{width:66px;height:66px;object-fit:contain;display:block}
.pkg-logo-wrap .pkg-card__initial{width:68px;height:68px;background:var(--pk-blue);color:#fff;font-weight:800;font-size:1.6rem;display:none;align-items:center;justify-content:center}
.pkg-logo-wrap.pkg-logo-err img{display:none}
.pkg-logo-wrap.pkg-logo-err .pkg-card__initial{display:flex}
.pkg-logo-wrap:not(:has(img)) .pkg-card__initial{display:flex}
.pkg-card__name{font-size:1rem;font-weight:800;color:var(--pk-txt);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkg-card__name-link{font-size:1rem;font-weight:800;color:#0a1628;text-decoration:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:color .15s}
.pkg-card__name-link:hover{color:var(--pk-blue);text-decoration:none}
.pkg-card__badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.pkg-badge{font-size:.61rem;font-weight:700;letter-spacing:.3px;padding:2px 7px;border-radius:20px;text-transform:uppercase}
.pkg-badge--new{background:#dbeafe;color:#1e40af}
.pkg-badge--excl{background:#faf5ff;color:#6b21a8}
.pkg-badge--exp{background:#fef3c7;color:#92400e}
.pkg-badge--off{background:#fee2e2;color:#991b1b}
.pkg-badge--hot{background:#fff7ed;color:#c2410c}
.pkg-card__body{padding:14px 16px 12px;display:flex;flex-direction:column;gap:9px;flex:1}
.pkg-card__desc{font-size:.84rem;line-height:1.5;color:#374151;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pkg-code-area{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1.5px dashed #93c5fd;border-radius:10px;padding:9px 11px}
.pkg-code-area--auto{background:#f0fdf4;border-color:#86efac;border-style:solid;display:flex;align-items:center;gap:6px;font-size:.82rem;color:#166534;font-weight:600}
.pkg-code-area__lbl{font-size:.65rem;font-weight:700;color:var(--pk-blue);text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:4px}
.pkg-code-area__row{display:flex;align-items:center;gap:7px}
.pkg-code-area__code{font-family:"SF Mono",Consolas,monospace;font-size:.9rem;font-weight:800;letter-spacing:2px;background:#fff;border:1px solid #bfdbfe;border-radius:7px;padding:4px 9px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:all;color:#1e3a8a}
.pkg-card__meta{display:flex;flex-wrap:wrap;gap:4px}
.pkg-tag{font-size:.71rem;color:var(--pk-mute);background:#f3f4f6;padding:2px 7px;border-radius:20px;white-space:nowrap}
.pkg-card__conditions{font-size:.76rem;color:var(--pk-mute);border-top:1px solid #f0f1f4;padding:8px 16px}
.pkg-card__conditions summary{cursor:pointer;font-weight:600;color:#9ca3af;list-style:none;display:flex;align-items:center;gap:4px}
.pkg-card__conditions summary::-webkit-details-marker{display:none}
.pkg-card__conditions p{margin-top:6px;line-height:1.5;font-size:.78rem}
.pkg-card__cta{display:block;text-align:center;font-size:.92rem;font-weight:800;height:48px;line-height:48px;border:none;border-radius:0 0 calc(var(--pk-r) - 1px) calc(var(--pk-r) - 1px);cursor:pointer;text-decoration:none;width:100%;padding:0;letter-spacing:.2px;transition:all .16s}
.pkg-card__cta--code{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);color:#fff;box-shadow:0 -2px 8px rgba(22,163,74,.15) inset}
.pkg-card__cta--code:hover{background:linear-gradient(135deg,#15803d 0%,#166534 100%);color:#fff;text-decoration:none;letter-spacing:.4px}
.pkg-card__cta--auto{background:linear-gradient(135deg,var(--pk-blue) 0%,var(--pk-blue3) 100%);color:#fff;box-shadow:0 -2px 8px rgba(0,113,227,.15) inset}
.pkg-card__cta--auto:hover{background:linear-gradient(135deg,var(--pk-blue2) 0%,var(--pk-blue3) 100%);color:#fff;text-decoration:none}
.pkg-card__cta--expired{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}
.pkg-reveal-box{display:none}
.pkg-reveal-box[hidden]{display:none}
.pkg-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--pk-mute)}
.pkg-empty span{font-size:2.5rem;display:block;margin-bottom:10px}
.pkg-toast{position:fixed;bottom:20px;right:20px;background:#111827;color:#fff;padding:10px 18px;border-radius:8px;font-size:.85rem;font-weight:500;z-index:9999;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;pointer-events:none;max-width:260px}
.pkg-toast.show{opacity:1;transform:translateY(0)}
.pkg-pagination{max-width:1280px;margin:0 auto;padding:20px 20px 40px}
.pkg-seo-text{max-width:1280px;margin:24px auto 40px;padding:36px 40px 44px;color:var(--pk-txt);line-height:1.75;font-size:.95rem;background:#fff;border-radius:18px;border:1px solid var(--pk-border);box-shadow:0 2px 12px rgba(0,0,0,.05)}
.pkg-seo-text h2{font-size:1.28rem;font-weight:900;margin:0 0 13px;color:#0a1628}
.pkg-seo-text h3{font-size:1rem;font-weight:800;margin:22px 0 8px;color:#1f2937}
.pkg-seo-text p{margin:0 0 12px}
.pkg-seo-text strong{color:var(--pk-blue)}
.pkg-seo-text ol{margin:0 0 12px;padding-left:22px}
.pkg-seo-text ol li{margin-bottom:6px}
.pkg-pages{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}
.pkg-page{min-width:38px;height:38px;border:1.5px solid var(--pk-border);background:#fff;border-radius:8px;font-size:.86rem;font-weight:600;cursor:pointer;color:var(--pk-txt);padding:0 8px;transition:all .14s}
.pkg-page:hover{border-color:var(--pk-blue);color:var(--pk-blue);background:#eef3fb}
.pkg-page--on{background:linear-gradient(135deg,var(--pk-blue),var(--pk-blue3));border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(0,113,227,.3)}
.pkg-page--on:hover{background:linear-gradient(135deg,var(--pk-blue2),var(--pk-blue3));color:#fff}
.pkg-page-dot{color:var(--pk-mute);padding:0 3px}
@media(max-width:768px){.pkg-hero{padding:38px 14px 34px}.pkg-filters__row{padding:8px 12px}.pkg-filter-group{flex:1 1 calc(50% - 5px)}.pkg-filter-search{flex:1 1 100%}.pkg-grid,.pkg-hot__grid{grid-template-columns:repeat(2,1fr);padding:0 12px 16px;gap:11px}.pkg-hot{padding:0 12px}.pkg-info{padding:0 12px}.pkg-pagination{padding:14px 12px 24px}.pkg-trust__row{gap:12px;padding:7px 12px}}
@media(max-width:420px){.pkg-grid,.pkg-hot__grid{grid-template-columns:1fr}.pkg-filter-group{flex:1 1 100%}}
/* =====================================================
   PK-GUTSCHEINE — Dark Mode
   ===================================================== */
.pkg-app{--pk-blue:#0071e3;--pk-blue2:#005bb5;--pk-blue3:#003d8a;--pk-blue-l:#1a6fe8;--pk-bg:#f5f5f7;--pk-white:#fff;--pk-border:#d2d2d7;--pk-txt:#1d2521;--pk-mute:#6b7280;--pk-grn:#16a34a;--pk-grn2:#15803d}
[data-theme="dark"] .pkg-app{--pk-blue:#4da6ff;--pk-blue2:#80c0ff;--pk-blue-l:#4da6ff;--pk-bg:#131720;--pk-white:#1e2130;--pk-border:#2e3245;--pk-txt:#e2e4ec;--pk-mute:#9aa3b2;--pk-grn:#2d7a3a;--pk-sh:0 2px 12px rgba(0,0,0,.4);--pk-sh2:0 8px 28px rgba(0,0,0,.6)}
[data-theme="dark"] .pkg-hero{background:linear-gradient(135deg,#1b3a6b,#1e3a8a)!important}
[data-theme="dark"] .pkg-filters{background:#1e2130!important;border-bottom-color:#2e3245!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important}
[data-theme="dark"] .pkg-input,[data-theme="dark"] .pkg-select{background:#131720!important;border-color:#2e3245!important;color:#e2e4ec!important}
[data-theme="dark"] .pkg-input::placeholder{color:#6b7a99!important}
[data-theme="dark"] .pkg-input:focus,[data-theme="dark"] .pkg-select:focus{border-color:#4da6ff!important;box-shadow:0 0 0 3px rgba(77,166,255,.2)!important;background:#1e2130!important}
[data-theme="dark"] .pkg-label{color:#9aa3b2!important}
[data-theme="dark"] .pkg-btn--ghost{border-color:#2e3245!important;color:#9aa3b2!important;background:transparent!important}
[data-theme="dark"] .pkg-btn--ghost:hover{background:rgba(77,166,255,.12)!important;border-color:#4da6ff!important;color:#4da6ff!important}
[data-theme="dark"] .pkg-btn--copy{background:#2d7a3a!important}
[data-theme="dark"] .pkg-btn--copy:hover{background:#236130!important}
[data-theme="dark"] .pkg-btn--copy.copied{background:#1a4a24!important}
[data-theme="dark"] .pkg-card{background:#1e2130!important;border-color:#2e3245!important}
[data-theme="dark"] .pkg-card__name{color:#e2e4ec!important}
[data-theme="dark"] .pkg-card__desc{color:#b0b8c8!important}
[data-theme="dark"] .pkg-card__domain,[data-theme="dark"] .pkg-tag{color:#9aa3b2!important;background:#252838!important}
[data-theme="dark"] .pkg-card__details{border-top-color:#2e3245!important}
[data-theme="dark"] .pkg-card__details summary{color:#9aa3b2!important}
[data-theme="dark"] .pkg-code-box{background:#0f1c30!important;border-color:#4da6ff!important}
[data-theme="dark"] .pkg-code-box--auto{background:#1a1d2b!important;border-color:#2e3245!important}
[data-theme="dark"] .pkg-code-box__lbl{color:#4da6ff!important}
[data-theme="dark"] .pkg-code-box__code{background:#131720!important;border-color:#2e3245!important;color:#e2e4ec!important}
[data-theme="dark"] .pkg-badge--new{background:#1e3a8a!important;color:#60a5fa!important}
[data-theme="dark"] .pkg-badge--active{background:#14532d!important;color:#4ade80!important}
[data-theme="dark"] .pkg-badge--awin{background:#0c4a6e!important;color:#38bdf8!important}
[data-theme="dark"] .pkg-badge--excl{background:#3b0764!important;color:#d8b4fe!important}
[data-theme="dark"] .pkg-badge--exp{background:#451a03!important;color:#fb923c!important}
[data-theme="dark"] .pkg-badge--off{background:#450a0a!important;color:#fca5a5!important}
[data-theme="dark"] .pkg-info,[data-theme="dark"] .pkg-empty{color:#9aa3b2!important}
[data-theme="dark"] .pkg-page{background:#1e2130!important;border-color:#2e3245!important;color:#e2e4ec!important}
[data-theme="dark"] .pkg-page:hover{border-color:#4da6ff!important;color:#4da6ff!important;background:#131720!important}
[data-theme="dark"] .pkg-page--on{background:#4da6ff!important;border-color:transparent!important;color:#0a0e1a!important}
[data-theme="dark"] .pkg-page--on:hover{background:#80c0ff!important;color:#0a0e1a!important}
[data-theme="dark"] .pkg-page-dot{color:#6b7a99!important}
[data-theme="dark"] .pkg-seo-text{color:#b0b8c8!important}
[data-theme="dark"] .pkg-seo-text h2,[data-theme="dark"] .pkg-seo-text h3{color:#e2e4ec!important}
[data-theme="dark"] .pkg-net-hdr { background-color: #1e2130 !important; border-bottom: 1px solid #2e3245; }
[data-theme="dark"] .pkg-net-hdr h3 { color: #e2e4ec !important; }
[data-theme="dark"] .pkg-tog-sl { background-color: #2e3245; }
[data-theme="dark"] input:checked + .pkg-tog-sl { background-color: #4da6ff; }


/* =====================================================
   PK-GUTSCHEINE — Shop-Seite (pkg_voucher_shop)
   ===================================================== */
.pkg-shop-page{max-width:1200px;margin:40px auto;padding:0 20px;font-family:inherit}
.pkg-shop-hero{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #e2e5ea;border-radius:12px;padding:28px 32px;margin-bottom:28px;box-shadow:0 2px 8px rgba(0,57,113,.06)}
.pkg-shop-logo{width:80px;height:80px;object-fit:contain;border-radius:10px;border:1px solid #e2e5ea;background:#f8f9fa;flex-shrink:0}
.pkg-shop-logo-init{width:80px;height:80px;border-radius:10px;background:#0057b7;color:#fff;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pkg-shop-hero__info h1{margin:0 0 6px;font-size:1.6rem;color:#0a1628}
.pkg-shop-hero__info p{margin:0;color:#666;font-size:14px}
.pkg-shop-vouchers{margin-bottom:32px}
.pkg-shop-seo{background:#fff;border:1px solid #e2e5ea;border-radius:12px;padding:28px 32px}
.pkg-shop-seo h2{color:#0057b7}
.pkg-shop-empty{background:#f8f9fa;border-radius:12px;padding:40px;text-align:center;color:#666}
.pkg-shop-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;background:#fff;border:1px solid #e2e5ea;border-radius:10px;padding:14px 18px}
.pkg-shop-filters input{flex:1;min-width:180px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px}
.pkg-shop-filters select{padding:8px 12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}
.pkg-shop-count{font-size:13px;color:#666;margin-bottom:12px}
.pkg-shop-count strong{color:#0057b7}
.pkg-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.pkg-more-shops{margin:32px 0;background:#fff;border:1px solid #e2e5ea;border-radius:12px;padding:28px 32px}
.pkg-more-shops__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}
.pkg-more-shops__header h2{margin:0;font-size:1.15rem;color:#0a1628}
.pkg-more-shops__cta{display:inline-flex;align-items:center;gap:6px;background:#0057b7;color:#fff!important;text-decoration:none!important;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;transition:background .2s}
.pkg-more-shops__cta:hover{background:#003f8a}
.pkg-more-shops__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.pkg-more-shops__item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border:1px solid #e2e5ea;border-radius:10px;text-decoration:none!important;color:#0a1628!important;font-size:13px;font-weight:600;text-align:center;transition:box-shadow .2s,border-color .2s;background:#fafbfc}
.pkg-more-shops__item:hover{box-shadow:0 4px 12px rgba(0,57,113,.1);border-color:#0057b7}
.pkg-more-shops__logo{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1px solid #e2e5ea;background:#fff}
.pkg-more-shops__init{width:48px;height:48px;border-radius:8px;background:#0057b7;color:#fff;font-size:1.3rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.pkg-more-shops__name{line-height:1.3;word-break:break-word}

[data-theme="dark"] .pkg-btn--primary{background:#4da6ff!important;color:#fff!important}
[data-theme="dark"] .pkg-btn--primary:hover{background:#80c0ff!important;color:#fff!important}
[data-theme="dark"] .pkg-card__cta,[data-theme="dark"] .pkg-card__cta:link,[data-theme="dark"] .pkg-card__cta:visited,[data-theme="dark"] .pkg-card__cta:hover,[data-theme="dark"] .pkg-card__cta:active{color:#fff!important;text-decoration:none!important}

/* =====================================================
   PK-GUTSCHEINE — Shop-Seite Dark Mode
   ===================================================== */
[data-theme="dark"] .pkg-shop-hero{background:#1e2130!important;border-color:#2e3245!important;box-shadow:0 2px 12px rgba(0,0,0,.4)!important}
[data-theme="dark"] .pkg-shop-logo{border-color:#2e3245!important;background:#131720!important}
[data-theme="dark"] .pkg-shop-logo-init{background:#4da6ff!important;color:#0a0e1a!important}
[data-theme="dark"] .pkg-shop-hero__info h1{color:#e2e4ec!important}
[data-theme="dark"] .pkg-shop-hero__info p{color:#9aa3b2!important}
[data-theme="dark"] .pkg-shop-seo{background:#1e2130!important;border-color:#2e3245!important}
[data-theme="dark"] .pkg-shop-seo h2{color:#4da6ff!important}
[data-theme="dark"] .pkg-shop-empty{background:#131720!important;color:#9aa3b2!important}
[data-theme="dark"] .pkg-shop-filters{background:#1e2130!important;border-color:#2e3245!important}
[data-theme="dark"] .pkg-shop-filters input{background:#131720!important;border-color:#2e3245!important;color:#e2e4ec!important}
[data-theme="dark"] .pkg-shop-filters input::placeholder{color:#6b7a99!important}
[data-theme="dark"] .pkg-shop-filters select{background:#131720!important;border-color:#2e3245!important;color:#e2e4ec!important}
[data-theme="dark"] .pkg-shop-count{color:#9aa3b2!important}
[data-theme="dark"] .pkg-shop-count strong{color:#4da6ff!important}
[data-theme="dark"] .pkg-more-shops{background:#1e2130!important;border-color:#2e3245!important}
[data-theme="dark"] .pkg-more-shops__header h2{color:#e2e4ec!important}
[data-theme="dark"] .pkg-more-shops__cta{background:#4da6ff!important;color:#0a0e1a!important}
[data-theme="dark"] .pkg-more-shops__cta:hover{background:#80c0ff!important;color:#0a0e1a!important}
[data-theme="dark"] .pkg-more-shops__item{background:#252838!important;border-color:#2e3245!important;color:#e2e4ec!important}
[data-theme="dark"] .pkg-more-shops__item:hover{border-color:#4da6ff!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important}
[data-theme="dark"] .pkg-more-shops__logo{border-color:#2e3245!important;background:#1e2130!important}
[data-theme="dark"] .pkg-more-shops__init{background:#4da6ff!important;color:#0a0e1a!important}

/* =====================================================
   PK-GUTSCHEINE — Discount-Badge & Reveal-Button (v6)
   ===================================================== */
.pkg-card__discount{display:inline-block;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:.95rem;font-weight:800;padding:5px 14px;border-radius:20px;letter-spacing:.2px;align-self:flex-start;line-height:1.3}
.pkg-btn--reveal{background:linear-gradient(135deg,#16a34a,#0f9b3e);color:#fff;width:100%;justify-content:center;font-size:1rem;font-weight:700;height:46px;border-radius:10px;box-shadow:0 3px 10px rgba(22,163,74,.35);transition:background .2s,transform .2s,box-shadow .2s;text-decoration:none}
.pkg-btn--reveal:hover{background:linear-gradient(135deg,#15803d,#0a7a30);box-shadow:0 5px 18px rgba(22,163,74,.5);transform:translateY(-2px);color:#fff;text-decoration:none}
.pkg-btn--reveal-auto{background:linear-gradient(135deg,var(--pk-blue),var(--pk-blue-l))}
.pkg-btn--reveal-auto:hover{background:linear-gradient(135deg,var(--pk-blue2),var(--pk-blue));box-shadow:0 5px 18px rgba(0,87,183,.4)}

/* =====================================================
   PK-GUTSCHEINE — Modal (Reveal-Popup)
   ===================================================== */
.pkg-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}
.pkg-modal[hidden]{display:none}
.pkg-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.pkg-modal__box{position:relative;background:#fff;border-radius:16px;width:100%;max-width:460px;padding:32px 28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:14px;max-height:90vh;overflow-y:auto}
.pkg-modal__close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.4rem;line-height:1;color:var(--pk-mute);cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}
.pkg-modal__close:hover{background:#f3f4f6;color:var(--pk-txt)}
.pkg-modal__logo-wrap{display:flex;justify-content:center}
.pkg-modal__logo-wrap img{max-width:80px;max-height:80px;object-fit:contain;border-radius:10px;border:1px solid var(--pk-border);background:#f8f9fa;padding:6px}
.pkg-modal__shop{font-size:1.25rem;font-weight:800;color:var(--pk-txt);text-align:center;margin:0}
.pkg-modal__desc{font-size:.9rem;color:#374151;line-height:1.55;text-align:center;margin:0}
.pkg-modal__code-wrap{background:#f0f7ff;border:2px dashed var(--pk-blue);border-radius:10px;padding:14px 16px}
.pkg-modal__code-lbl{font-size:.7rem;font-weight:700;color:var(--pk-blue);display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.pkg-modal__code-row{display:flex;align-items:center;gap:8px}
.pkg-modal__code{font-family:"SF Mono","Fira Code",Consolas,monospace;font-size:1.15rem;font-weight:800;letter-spacing:2px;background:#fff;border:1px solid var(--pk-border);border-radius:7px;padding:7px 10px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:all;color:var(--pk-txt)}
.pkg-modal__auto{background:#dcfce7;color:#15803d;border-radius:8px;padding:10px 14px;font-size:.88rem;font-weight:600;text-align:center}
.pkg-modal__cta{width:100%;justify-content:center;font-size:1rem;height:48px;border-radius:10px;box-shadow:0 4px 14px rgba(0,87,183,.35)}
.pkg-modal__limit{font-size:.78rem;color:var(--pk-mute);line-height:1.5;margin:0;border-top:1px solid var(--pk-border);padding-top:10px}
.pkg-modal__hint{font-size:.76rem;color:var(--pk-mute);text-align:center;margin:0}

.pkg-shop-hero__subtitle{margin:0 0 10px;font-size:1rem;line-height:1.4;color:#334155;font-weight:700}
.pkg-modal__share{border-top:1px solid var(--pk-border);padding-top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.pkg-modal__share strong{font-size:.95rem;color:var(--pk-txt)}
.share-simple{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;color:#1e73be;background:transparent;border:0;padding:0;box-shadow:none}
.share-simple svg{flex:0 0 auto}
.share-simple:hover{opacity:.85}
[data-theme="dark"] .pkg-shop-hero__subtitle{color:#cbd5e1!important}
[data-theme="dark"] .pkg-modal__share{border-top-color:#2e3245}
[data-theme="dark"] .share-simple{color:#6cb2ff}
body.pkg-modal-open{overflow:hidden}

/* Modal Dark Mode */
[data-theme="dark"] .pkg-modal__box{background:#1e2130;box-shadow:0 20px 60px rgba(0,0,0,.6)}
[data-theme="dark"] .pkg-modal__shop{color:#e2e4ec}
[data-theme="dark"] .pkg-modal__desc{color:#b0b8c8}
[data-theme="dark"] .pkg-modal__code-wrap{background:#0f1c30;border-color:#4da6ff}
[data-theme="dark"] .pkg-modal__code{background:#131720;border-color:#2e3245;color:#e2e4ec}
[data-theme="dark"] .pkg-modal__code-lbl{color:#4da6ff}
[data-theme="dark"] .pkg-modal__limit{border-top-color:#2e3245;color:#9aa3b2}
[data-theme="dark"] .pkg-modal__hint{color:#6b7a99}
[data-theme="dark"] .pkg-modal__close:hover{background:#252838;color:#e2e4ec}
[data-theme="dark"] .pkg-modal__logo-wrap img{border-color:#2e3245;background:#131720}

/* Discount-Badge Dark Mode */
[data-theme="dark"] .pkg-card__discount{background:linear-gradient(135deg,#15803d,#0f5e2d)}
[data-theme="dark"] .pkg-btn--reveal{background:linear-gradient(135deg,#2d7a3a,#236130);box-shadow:0 3px 10px rgba(0,0,0,.3)}
[data-theme="dark"] .pkg-btn--reveal:hover{background:linear-gradient(135deg,#236130,#1a4a24)}
[data-theme="dark"] .pkg-btn--reveal-auto{background:linear-gradient(135deg,#1b3a6b,#1e3a8a)}

@media(max-width:480px){.pkg-modal__box{padding:24px 18px 20px}.pkg-modal__code{font-size:1rem;letter-spacing:1px}}


.pkg-shop-hero__subheadline{margin:8px 0 0;font-size:1.15rem;line-height:1.35;color:var(--pk-blue);font-weight:800}
.pkg-reveal-box{margin-top:14px;padding:14px;border:2px dashed var(--pk-blue);border-radius:12px;background:#f0f7ff}
.pkg-reveal-box.is-visible{animation:pkgRevealIn .18s ease-out}
.pkg-reveal-box__label{display:block;margin-bottom:8px;font-size:.75rem;font-weight:800;color:var(--pk-blue);text-transform:uppercase;letter-spacing:.4px}
.pkg-reveal-box__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pkg-reveal-box__code{flex:1;min-width:160px;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid var(--pk-border);font-family:"SF Mono","Fira Code",Consolas,monospace;font-size:1.05rem;font-weight:800;letter-spacing:1px;color:var(--pk-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkg-reveal-box__copy{white-space:nowrap}
.pkg-reveal-box__hint{margin:8px 0 0;font-size:.82rem;color:var(--pk-mute)}
@keyframes pkgRevealIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
[data-theme="dark"] .pkg-shop-hero__subheadline{color:#4da6ff!important}
[data-theme="dark"] .pkg-reveal-box{background:#0f1c30!important;border-color:#4da6ff!important}
[data-theme="dark"] .pkg-reveal-box__label{color:#4da6ff!important}
[data-theme="dark"] .pkg-reveal-box__code{background:#131720!important;border-color:#2e3245!important;color:#e2e4ec!important}
[data-theme="dark"] .pkg-reveal-box__hint{color:#9aa3b2!important}
@media(max-width:480px){.pkg-reveal-box__row{align-items:stretch}.pkg-reveal-box__code{min-width:100%;white-space:normal;word-break:break-all}.pkg-reveal-box__copy{width:100%;justify-content:center}}

.pkg-hot{max-width:1280px;margin:22px auto 0;padding:0 20px 4px}.pkg-hot__head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pkg-hot__head h2{font-size:1.25rem;line-height:1.2;color:var(--pk-txt)}.pkg-hot__head p{font-size:.9rem;color:var(--pk-mute);max-width:760px}.pkg-hot__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pkg-card--hot{border-color:#f59e0b;box-shadow:0 10px 30px rgba(245,158,11,.18)}.pkg-card--hot::after{content:'';position:absolute;inset:0;border:2px solid rgba(245,158,11,.28);border-radius:12px;pointer-events:none}.pkg-badge--hot{background:#fff7ed;color:#c2410c}@media(max-width:768px){.pkg-hot{padding:0 16px 4px}.pkg-hot__grid{grid-template-columns:1fr}}
[data-theme="dark"] .pkg-card--hot{border-color:#f59e0b!important;box-shadow:0 12px 30px rgba(245,158,11,.18)!important}[data-theme="dark"] .pkg-card--hot::after{border-color:rgba(245,158,11,.22)!important}[data-theme="dark"] .pkg-badge--hot{background:#4a2500!important;color:#fdba74!important}


/* =====================================================
   PK-GUTSCHEINE — Admin-Panel (v5.3 — aus class-admin.php)
   ===================================================== */

/* CSS-Variablen */
:root{
  --pk-primary:#1e40af;--pk-primary-h:#1d3a98;--pk-success:#059669;
  --pk-danger:#dc2626;--pk-surface:#f1f5f9;--pk-border:#e2e8f0;
  --pk-text:#1e293b;--pk-muted:#64748b;--pk-sidebar:#0f172a;
  --pk-radius:10px;
  --pk-shadow:0 1px 3px rgba(0,0,0,.08);
  --pk-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);
}

/* Layout */
#pkg-admin{max-width:1280px;margin-top:12px}
#pkg-admin>h1{display:none}
#pkg-layout{display:flex;min-height:680px;border-radius:var(--pk-radius);overflow:hidden;box-shadow:var(--pk-shadow-md)}
#pkg-sidebar{width:215px;flex-shrink:0;background:var(--pk-sidebar);display:flex;flex-direction:column}
#pkg-sb-brand{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
#pkg-sb-brand h2{margin:0;font-size:14px;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:8px}
#pkg-sb-brand small{display:block;font-size:10px;color:#475569;margin-top:3px;letter-spacing:.5px;text-transform:uppercase}
#pkg-sb-nav{flex:1;padding:8px 0}
#pkg-sb-foot{padding:12px 16px;border-top:1px solid rgba(255,255,255,.07)}
#pkg-sb-foot a{font-size:11px;color:#475569;text-decoration:none}
#pkg-sb-foot a:hover{color:#94a3b8}
#pkg-main{flex:1;background:var(--pk-surface);overflow:auto;min-width:0}

/* Navigation */
.pkg-nav-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;color:#94a3b8;background:none;border:none;border-left:3px solid transparent;width:100%;text-align:left;cursor:pointer;transition:all .15s;font-family:inherit;line-height:1.3}
.pkg-nav-item:hover{background:rgba(255,255,255,.05);color:#e2e8f0}
.pkg-nav-item.active{background:rgba(30,64,175,.2);color:#93c5fd;border-left-color:#3b82f6;font-weight:600}
.pkg-nav-item .ni{font-size:15px;width:22px;text-align:center;flex-shrink:0}

/* Tabs */
.pkg-tab-content{display:none;padding:26px 28px}
.pkg-tab-content.active{display:block}
.pkg-sh{margin:0 0 4px;font-size:17px;font-weight:700;color:var(--pk-text);letter-spacing:-.3px}
.pkg-ss{margin:0 0 20px;font-size:13px;color:var(--pk-muted)}

/* Netzwerk-Karten */
.pkg-net-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.pkg-net-card{background:#fff;border:1px solid var(--pk-border);border-radius:var(--pk-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--pk-shadow);transition:box-shadow .2s}
.pkg-net-card:hover{box-shadow:var(--pk-shadow-md)}
.pkg-net-card.pkg-disabled{opacity:.55}
.pkg-net-card.pkg-coming{border-style:dashed;background:#fafafa}
.pkg-net-hdr{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border-bottom:1px solid var(--pk-border)}
.pkg-net-hdr h3{margin:0;font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--pk-text);text-transform:uppercase;letter-spacing:.6px}
.pkg-net-body{padding:14px 16px;flex:1}
.pkg-net-body table{width:100%;border-collapse:collapse}
.pkg-net-body td{padding:5px 0;vertical-align:middle}
.pkg-net-body td:first-child{width:110px;font-size:11px;font-weight:700;color:var(--pk-muted);padding-right:10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}
.pkg-net-body input[type=text],.pkg-net-body input[type=password],.pkg-net-body input[type=number],.pkg-net-body input[type=email]{width:100%;padding:7px 10px;border:1px solid var(--pk-border);border-radius:6px;font-size:13px;background:#fff;transition:border-color .15s;color:var(--pk-text)}
.pkg-net-body input:focus{outline:none;border-color:var(--pk-primary);box-shadow:0 0 0 3px rgba(30,64,175,.1)}
.pkg-net-foot{padding:10px 16px;border-top:1px solid var(--pk-border);display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fafafa}

/* Status-Dot + Toggle */
.pkg-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}
.pkg-dot.on{background:var(--pk-success);box-shadow:0 0 0 3px rgba(5,150,105,.15)}
.pkg-dot.off{background:#cbd5e1}
.pkg-tog{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}
.pkg-tog input{opacity:0;width:0;height:0;position:absolute}
.pkg-tog-sl{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:24px;transition:.25s}
.pkg-tog-sl:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pkg-tog input:checked+.pkg-tog-sl{background:var(--pk-success)}
.pkg-tog input:checked+.pkg-tog-sl:before{transform:translateX(20px)}

/* Badges */
.pkg-badge{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.pkg-badge-soon{background:#fef3c7;color:#92400e}

/* Buttons */
#pkg-admin .button-primary,.taxonomy-pkg_voucher_shop .button-primary,.taxonomy-dealstore .button-primary{background:var(--pk-primary)!important;border-color:var(--pk-primary-h)!important;border-radius:7px!important;font-weight:600!important}
#pkg-admin .button-primary:hover,.taxonomy-pkg_voucher_shop .button-primary:hover,.taxonomy-dealstore .button-primary:hover{background:var(--pk-primary-h)!important}

/* Einstellungs-Karte */
.pkg-set-card{background:#fff;border:1px solid var(--pk-border);border-radius:var(--pk-radius);padding:24px;max-width:640px;box-shadow:var(--pk-shadow)}
.pkg-set-card h3{margin:0 0 16px;font-size:14px;font-weight:700;color:var(--pk-text);padding-bottom:12px;border-bottom:1px solid var(--pk-border)}
.pkg-set-card table td:first-child{padding-right:16px;font-size:12px;font-weight:700;color:var(--pk-muted);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;width:160px}
.pkg-set-card table input,.pkg-set-card table select{padding:7px 10px;border:1px solid var(--pk-border);border-radius:6px;font-size:13px;min-width:200px}
.pkg-set-card table input:focus,.pkg-set-card table select:focus{outline:none;border-color:var(--pk-primary);box-shadow:0 0 0 3px rgba(30,64,175,.1)}

/* Tool-Grid + Karten */
.pkg-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:980px}
.pkg-tool-card{background:#fff;border:1px solid var(--pk-border);border-radius:var(--pk-radius);padding:20px;box-shadow:var(--pk-shadow);transition:box-shadow .2s}
.pkg-tool-card:hover{box-shadow:var(--pk-shadow-md)}
.pkg-tool-card h3{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--pk-text);display:flex;align-items:center;gap:8px}
.pkg-tool-card p{font-size:13px;color:var(--pk-muted);margin:0 0 14px;line-height:1.5}

/* Gutscheine-Tab */
.pkg-gc-wrap{background:#fff;border:1px solid #ddd;border-radius:8px;padding:24px}
.pkg-gc-inner{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;max-width:1100px}
.pkg-gc-left{flex:1;min-width:300px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:24px}
.pkg-gc-right{flex:1;min-width:280px;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:24px}
.pkg-gc-right h2,.pkg-gc-right h3{color:var(--pk-text)}
.pkg-gc-table{border-collapse:collapse;font-size:13px;width:100%}
.pkg-gc-table th{padding:7px 10px;border:1px solid #ddd;text-align:left;background:#f1f1f1;color:var(--pk-text)}
.pkg-gc-table td{padding:7px 10px;border:1px solid #ddd;color:var(--pk-text)}
.pkg-gc-bottom{width:100%;background:#fff;border:1px solid #ddd;border-radius:8px;padding:24px;margin-top:0}
.pkg-gc-bottom h2{margin-top:0;color:var(--pk-text)}
.pkg-gc-bottom p{color:#555;margin-bottom:12px}
#pkg-ov-country{height:34px;border:1px solid #ccc;border-radius:4px;padding:0 8px;background:#fff;color:var(--pk-text)}

/* Shops-Tab: Gutschein-Anzahl Badge */
.pkg-vc-badge{display:inline-block;background:#dbeafe;color:#1e40af;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:24px;text-align:center}
.pkg-vc-badge.pkg-vc-zero{background:#f1f5f9;color:#94a3b8}

/* Shops-Tab: Shops ohne Text */
.pkg-no-text-wrap{margin-top:0}
.pkg-no-text-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.pkg-no-text-header h3{margin:0;font-size:15px;font-weight:700;color:var(--pk-text)}
.pkg-no-text-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}
.pkg-no-text-table th{padding:8px 12px;border:1px solid var(--pk-border);background:#f8fafc;font-weight:700;text-align:left;color:var(--pk-muted);text-transform:uppercase;font-size:11px;letter-spacing:.4px}
.pkg-no-text-table td{padding:8px 12px;border:1px solid var(--pk-border);vertical-align:middle}
.pkg-no-text-table tr:hover td{background:#f8fafc}

/* =====================================================
   PK-SHOP-PAGE — Trust-Bar
   ===================================================== */
.pkg-trust-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    background: #f0f7ff;
    border-bottom: 1px solid #d0e4f7;
    padding: 10px 20px;
    font-size: .78rem;
    font-weight: 600;
    color: #1a5fa8;
}
.pkg-trust-item::before { margin-right: 4px; }

/* =====================================================
   PK-SHOP-PAGE — Hero Stats Pills
   ===================================================== */
.pkg-shop-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    align-items: center;
}
.pkg-stat-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: .82rem;
    font-weight: 600;
    text-decoration: none;
}
.pkg-stat-pill--active  { background: #dcfce7; color: #15803d; }
.pkg-stat-pill--empty   { background: #f3f4f6; color: #6b7280; }
.pkg-stat-pill--expired { background: #fef3c7; color: #92400e; }
.pkg-stat-pill--domain  { background: #e0f2fe; color: #0369a1; transition: background .2s; }
.pkg-stat-pill--domain:hover { background: #bae6fd; color: #0369a1; }

/* =====================================================
   PK-SHOP-PAGE — Filter Bar (Button Pill Style)
   ===================================================== */
.pkg-shop-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    max-width: 1200px;
    margin: 20px auto 0;
    padding: 0 20px;
}
.pkg-shop-filters__search-wrap {
    position: relative;
    flex: 1 1 220px;
}
.pkg-shop-filters__search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: .9rem;
}
.pkg-shop-filters__search {
    width: 100%;
    height: 42px;
    border: 1.5px solid #e2e5ea;
    border-radius: 22px;
    padding: 0 14px 0 36px;
    font-size: .9rem;
    color: #1a1d23;
    background: #fff;
    transition: border-color .2s, box-shadow .2s;
}
.pkg-shop-filters__search:focus {
    outline: none;
    border-color: #0057b7;
    box-shadow: 0 0 0 3px rgba(0,87,183,.12);
}
.pkg-shop-filters__controls {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.pkg-filter-btn {
    height: 38px;
    padding: 0 16px;
    border: 1.5px solid #e2e5ea;
    border-radius: 20px;
    background: #fff;
    color: #374151;
    font-size: .84rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .18s;
    white-space: nowrap;
}
.pkg-filter-btn:hover {
    border-color: #0057b7;
    color: #0057b7;
    background: #eff6ff;
}
.pkg-filter-btn--active {
    background: #0057b7;
    border-color: #0057b7;
    color: #fff;
}
.pkg-filter-btn--active:hover {
    background: #003d82;
    border-color: #003d82;
    color: #fff;
}
.pkg-shop-count {
    max-width: 1200px;
    margin: 8px auto 0;
    padding: 0 20px;
    font-size: .84rem;
    color: #6b7280;
}

/* =====================================================
   PK-SHOP-PAGE — Grid & Cards
   ===================================================== */
.pkg-shop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 18px;
    max-width: 1200px;
    margin: 16px auto 0;
    padding: 0 20px 8px;
}
.pkg-shop-card-wrap {
    transition: transform .18s;
}
.pkg-shop-card-wrap:hover {
    transform: translateY(-2px);
}

/* =====================================================
   PK-SHOP-PAGE — Abgelaufen CTA Button
   ===================================================== */
.pkg-btn--expired {
    background: #f3f4f6;
    color: #9ca3af;
    border: 1.5px dashed #d1d5db;
    cursor: not-allowed;
    font-size: .84rem;
    width: 100%;
    justify-content: center;
    padding: 10px;
    border-radius: 8px;
    margin-top: auto;
}

/* =====================================================
   PK-SHOP-PAGE — Expired Section
   ===================================================== */
.pkg-expired-section {
    max-width: 1200px;
    margin: 32px auto 0;
    padding: 0 20px;
}
.pkg-expired-details {
    border: 1.5px solid #fde68a;
    border-radius: 14px;
    background: #fffbeb;
    overflow: hidden;
}
.pkg-expired-summary {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    cursor: pointer;
    list-style: none;
    font-size: .95rem;
    font-weight: 600;
    color: #92400e;
    user-select: none;
    flex-wrap: wrap;
}
.pkg-expired-summary::-webkit-details-marker { display: none; }
.pkg-expired-summary__icon { font-size: 1.1rem; flex-shrink: 0; }
.pkg-expired-summary__text { display: flex; align-items: center; gap: 7px; }
.pkg-expired-summary__hint {
    margin-left: auto;
    font-size: .75rem;
    font-weight: 500;
    color: #b45309;
    background: #fef3c7;
    padding: 3px 10px;
    border-radius: 12px;
}
.pkg-expired-summary__toggle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f59e0b;
    position: relative;
    flex-shrink: 0;
    transition: transform .2s;
}
.pkg-expired-summary__toggle::before,
.pkg-expired-summary__toggle::after {
    content: '';
    position: absolute;
    background: #fff;
    border-radius: 2px;
}
.pkg-expired-summary__toggle::before { width: 10px; height: 2px; top: 9px; left: 5px; }
.pkg-expired-summary__toggle::after  { width: 2px; height: 10px; top: 5px; left: 9px; transition: transform .2s; }
.pkg-expired-details[open] .pkg-expired-summary__toggle::after { transform: rotate(90deg); opacity: 0; }
.pkg-expired-badge {
    background: #f59e0b;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 10px;
}
.pkg-expired-notice {
    margin: 0 18px 14px;
    font-size: .8rem;
    color: #78350f;
    line-height: 1.5;
    border-top: 1px solid #fde68a;
    padding-top: 12px;
}
.pkg-shop-grid--expired {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 20px;
}
.pkg-shop-card-wrap--expired .pkg-card {
    opacity: .72;
    filter: saturate(.55);
    position: relative;
}
.pkg-shop-card-wrap--expired .pkg-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 6px,
        rgba(0,0,0,.02) 6px,
        rgba(0,0,0,.02) 12px
    );
    pointer-events: none;
}
.pkg-shop-card-wrap--expired:hover { transform: none; }

/* =====================================================
   PK-SHOP-PAGE — Empty State
   ===================================================== */
.pkg-shop-empty {
    text-align: center;
    padding: 60px 20px;
    color: #6b7280;
    max-width: 460px;
    margin: 0 auto;
}
.pkg-shop-empty__icon { font-size: 2.8rem; display: block; margin-bottom: 14px; }
.pkg-shop-empty__sub  { font-size: .84rem; margin-top: 6px; color: #9ca3af; }

/* =====================================================
   PK-SHOP-PAGE — Reveal Box (inline)
   ===================================================== */
.pkg-reveal-box {
    background: #f0fdf4;
    border: 1.5px dashed #16a34a;
    border-radius: 8px;
    padding: 10px 12px;
    animation: pkgRevealIn .25s ease;
}
@keyframes pkgRevealIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
.pkg-reveal-box__label {
    font-size: .7rem;
    font-weight: 700;
    color: #15803d;
    display: block;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: .4px;
}
.pkg-reveal-box__row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.pkg-reveal-box__code {
    font-family: "SF Mono","Fira Code",Consolas,monospace;
    font-size: .92rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    background: #fff;
    border: 1px solid #d1fae5;
    border-radius: 6px;
    padding: 5px 8px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: all;
}
.pkg-reveal-box__hint {
    font-size: .72rem;
    color: #6b7280;
    margin-top: 6px;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 768px) {
    .pkg-trust-bar { gap: 12px; font-size: .72rem; }
    .pkg-shop-filters { gap: 8px; }
    .pkg-shop-filters__search-wrap { flex: 1 1 100%; }
    .pkg-shop-grid { grid-template-columns: 1fr; padding: 0 12px 8px; }
    .pkg-expired-section { padding: 0 12px; }
    .pkg-expired-summary { padding: 12px 14px; }
    .pkg-expired-summary__hint { display: none; }
    .pkg-shop-hero__stats { gap: 6px; }
}


/* =====================================================
   PK-GUTSCHEINE — Shop-Seite v4 (Redesign 2026)
   ===================================================== */

/* Page wrapper */
.pkg-shop-page--v4 {
    max-width: 1160px;
    margin: 32px auto;
    padding: 0 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #1a1d23;
}

/* Two-column layout */
.pkg-shop-layout {
    display: grid;
    grid-template-columns: 1fr 290px;
    gap: 28px;
    align-items: start;
}
.pkg-shop-main   { min-width: 0; }
.pkg-shop-sidebar { position: sticky; top: 20px; }

/* Main H1 */
.pkg-shop-main__h1 {
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    font-weight: 800;
    color: #0a1628;
    margin: 0 0 6px;
    line-height: 1.25;
}
.pkg-shop-main__h1-name { color: #0057b7; }
.pkg-shop-main__sub {
    font-size: .9rem;
    color: #6b7280;
    margin: 0 0 20px;
}

/* ── Sidebar ─────────────────────────────────────────── */
.pkg-sidebar-card {
    background: #fff;
    border: 1px solid #e2e5ea;
    border-radius: 14px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0,57,113,.06);
}
.pkg-sidebar-logo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}
.pkg-sidebar-logo {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 12px;
    border: 1px solid #e2e5ea;
    background: #f8f9fa;
    padding: 6px;
}
.pkg-sidebar-logo-init {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    background: #0057b7;
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pkg-sidebar-shopname {
    font-size: 1rem;
    font-weight: 700;
    color: #0a1628;
    text-align: center;
    margin: 0 0 14px;
}
.pkg-sidebar-stats {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    justify-content: center;
    flex-wrap: wrap;
}
.pkg-sidebar-stat {
    text-align: center;
    background: #f0f7ff;
    border-radius: 10px;
    padding: 10px 14px;
    flex: 1;
}
.pkg-sidebar-stat__num {
    display: block;
    font-size: 1.4rem;
    font-weight: 800;
    color: #0057b7;
    line-height: 1;
}
.pkg-sidebar-stat__lbl {
    display: block;
    font-size: .68rem;
    color: #6b7280;
    margin-top: 3px;
}
.pkg-sidebar-domain {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: .82rem;
    color: #0057b7;
    text-decoration: none;
    padding: 8px 0;
    border-top: 1px solid #e2e5ea;
    border-bottom: 1px solid #e2e5ea;
    margin-bottom: 14px;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.pkg-sidebar-domain:hover { text-decoration: underline; }
.pkg-sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 14px;
}
.pkg-sidebar-nav__link {
    display: block;
    padding: 7px 10px;
    border-radius: 8px;
    font-size: .84rem;
    color: #374151;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.pkg-sidebar-nav__link:hover { background: #f0f7ff; color: #0057b7; }
.pkg-sidebar-nav__link--all {
    font-weight: 700;
    color: #0057b7;
    border: 1.5px solid #c7d9f7;
    text-align: center;
    margin-top: 6px;
    border-radius: 8px;
}
.pkg-sidebar-nav__link--all:hover { background: #0057b7; color: #fff; }
.pkg-sidebar-trust {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: .74rem;
    color: #9ca3af;
    padding-top: 12px;
    border-top: 1px solid #e2e5ea;
}

/* ── Top bar (tabs + search) ─────────────────────────── */
.pkg-shop-topbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}
.pkg-shop-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.pkg-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border: 1.5px solid #e2e5ea;
    border-radius: 30px;
    background: #fff;
    font-size: .85rem;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    transition: all .18s;
    line-height: 1;
}
.pkg-tab:hover { border-color: #0057b7; color: #0057b7; background: #f0f7ff; }
.pkg-tab--active, .pkg-tab.active {
    background: #0057b7;
    border-color: #0057b7;
    color: #fff;
}
.pkg-tab--active:hover, .pkg-tab.active:hover { background: #003d82; border-color: #003d82; }
.pkg-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    background: rgba(255,255,255,.25);
    border-radius: 20px;
    font-size: .72rem;
    font-weight: 700;
}
.pkg-tab:not(.pkg-tab--active):not(.active) .pkg-tab-count { background: #f3f4f6; color: #374151; }

/* Search */
.pkg-shop-search-wrap { position: relative; flex: 1; max-width: 280px; }
.pkg-shop-search-input {
    width: 100%;
    padding: 8px 16px;
    border: 1.5px solid #e2e5ea;
    border-radius: 30px;
    font-size: .87rem;
    color: #1a1d23;
    background: #fff;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
}
.pkg-shop-search-input:focus { border-color: #0057b7; box-shadow: 0 0 0 3px rgba(0,87,183,.1); }

/* Sort bar */
.pkg-sort-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 8px 0 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e2e5ea;
}
.pkg-sort-label {
    font-size: .75rem;
    font-weight: 700;
    color: #d1d5db;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-right: 2px;
}
.pkg-sort-btn {
    padding: 4px 12px;
    border: 1px solid #e2e5ea;
    border-radius: 20px;
    background: transparent;
    font-size: .78rem;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    transition: all .15s;
}
.pkg-sort-btn:hover { border-color: #0057b7; color: #0057b7; }
.pkg-sort-btn--active { background: #0057b7; border-color: #0057b7; color: #fff; }
.pkg-sort-results { margin-left: auto; font-size: .82rem; color: #9ca3af; }
.pkg-sort-results strong { color: #0057b7; }

/* ── Voucher row list ─────────────────────────────────── */
.pkg-rows-list {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e5ea;
}
.pkg-rows-list .pkg-row-wrap:first-child .pkg-row { border-top: none; }
.pkg-rows-list .pkg-row-wrap:last-child  .pkg-row { border-bottom: none; }

/* ── Voucher row ─────────────────────────────────────── */
.pkg-row {
    display: grid;
    grid-template-columns: 88px 1fr auto;
    background: #fff;
    border-top: 1px solid #eeeff2;
    padding: 15px 18px;
    transition: background .15s;
    position: relative;
    align-items: center;
    gap: 0;
}
.pkg-row:hover {
    background: #f8faff;
    box-shadow: inset 3px 0 0 0 #0057b7;
    z-index: 1;
}

/* Left: discount */
.pkg-row__discount {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 14px;
    text-align: center;
    border-right: 1px solid #f0f0f5;
    min-height: 52px;
}
.pkg-row__val {
    font-size: 1.3rem;
    font-weight: 900;
    color: #16a34a;
    line-height: 1;
    display: block;
}
.pkg-row__val--code {
    font-size: .82rem;
    background: #dcfce7;
    color: #15803d;
    border-radius: 5px;
    padding: 3px 7px;
}
.pkg-row__val--deal { font-size: 1.4rem; color: #f59e0b; }
.pkg-row__val-lbl {
    font-size: .64rem;
    font-weight: 700;
    color: #b0b8c8;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-top: 2px;
    display: block;
}

/* Center: info */
.pkg-row__body { padding: 0 14px; min-width: 0; }
.pkg-row__badges { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; margin-bottom: 4px; }
.pkg-type-badge {
    font-size: .65rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .4px;
}
.pkg-type-badge--gutschein { background: #dbeafe; color: #1d4ed8; }
.pkg-type-badge--angebot   { background: #fef3c7; color: #92400e; }
.pkg-row__desc {
    font-size: .92rem;
    font-weight: 600;
    color: #1a1d23;
    margin: 0 0 5px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pkg-row__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pkg-row__date { font-size: .76rem; color: #9ca3af; }
.pkg-row__limit { font-size: .76rem; color: #9ca3af; cursor: help; border-bottom: 1px dashed #d1d5db; }
.pkg-row__details{display:inline-block;margin-left:6px}.pkg-row__details summary{list-style:none}.pkg-row__details summary::-webkit-details-marker{display:none}.pkg-row__details-text{margin-top:8px;max-width:760px;padding:10px 12px;border:1px solid var(--pk-border);border-radius:10px;background:#f8fafc;color:var(--pk-txt);line-height:1.55;font-size:.86rem}.pkg-row__details[open] .pkg-row__limit{color:var(--pk-txt);border-bottom-color:var(--pk-blue)}

/* Right: CTA */
.pkg-row__action {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    padding-left: 14px;
    flex-shrink: 0;
    min-width: 150px;
}
.pkg-row__code-preview {
    font-size: .76rem;
    color: #cbd5e1;
    letter-spacing: 2px;
    font-family: monospace;
}
.pkg-row__cta {
    white-space: nowrap;
    font-size: .85rem;
    padding: 0 16px;
    height: 38px;
}

/* Expired row */
.pkg-row--expired { opacity: .72; filter: saturate(.4); }
.pkg-row--expired:hover { opacity: 1; filter: saturate(.65); }

/* New row highlight */
.pkg-row--new::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #3b82f6;
}

/* Reveal box inside row */
.pkg-row .pkg-reveal-box {
    grid-column: 1 / -1;
    margin-top: 10px;
    width: 100%;
}
.pkg-reveal-box__shoplink {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    font-size: .84rem;
    font-weight: 600;
    color: #0057b7;
    text-decoration: none;
}
.pkg-reveal-box__shoplink:hover { text-decoration: underline; }

/* ── Expired section ─────────────────────────────────── */
.pkg-expired-section {
    margin-top: 32px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #fde68a;
}
.pkg-expired-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: #fffbeb;
    border-bottom: 1px solid #fde68a;
}
.pkg-expired-header h2 {
    margin: 0;
    font-size: .97rem;
    font-weight: 700;
    color: #92400e;
}
.pkg-expired-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    background: #f59e0b;
    color: #fff;
    border-radius: 20px;
    font-size: .76rem;
    font-weight: 700;
}
.pkg-expired-notice {
    padding: 8px 18px;
    font-size: .8rem;
    color: #b45309;
    margin: 0;
    background: #fffbeb;
    border-bottom: 1px solid #fde68a;
}
.pkg-rows-list--expired { border: none; border-radius: 0; }
.pkg-rows-list--expired .pkg-row { background: #fffdf0; border-color: #fde68a; }
.pkg-rows-list--expired .pkg-row:hover { background: #fef9e7; box-shadow: inset 3px 0 0 0 #f59e0b; }

/* ── Related shops (horizontal scroll) ───────────────── */
.pkg-related-shops-scroll {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}
.pkg-related-shops-scroll::-webkit-scrollbar { height: 4px; }
.pkg-related-shops-scroll::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 2px; }
.pkg-related-shop {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 10px 12px;
    min-width: 82px;
    border: 1px solid #e2e5ea;
    border-radius: 10px;
    text-decoration: none;
    color: #374151;
    font-size: .72rem;
    font-weight: 600;
    text-align: center;
    background: #fafbfc;
    transition: all .18s;
    flex-shrink: 0;
}
.pkg-related-shop:hover { border-color: #0057b7; box-shadow: 0 4px 12px rgba(0,57,113,.1); color: #0057b7; }
.pkg-related-shop__logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 7px;
    border: 1px solid #e2e5ea;
    background: #fff;
    filter: grayscale(0.25);
    transition: filter .2s;
}
.pkg-related-shop:hover .pkg-related-shop__logo { filter: none; }
.pkg-related-shop__init {
    width: 40px;
    height: 40px;
    border-radius: 7px;
    background: #0057b7;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pkg-related-shop__name { word-break: break-word; line-height: 1.2; max-width: 72px; }

/* Empty state */
.pkg-shop-empty {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 48px 24px;
    text-align: center;
    color: #6b7280;
    border: 1px dashed #e2e5ea;
}
.pkg-shop-empty__icon { font-size: 2.5rem; display: block; margin-bottom: 12px; }
.pkg-shop-empty p { margin: 0 0 6px; font-size: .95rem; }
.pkg-shop-empty strong { color: #374151; }
.pkg-shop-empty__sub { font-size: .82rem; color: #9ca3af; }

/* More shops + SEO (inside main) */
.pkg-more-shops { margin-top: 28px; background: #fff; border: 1px solid #e2e5ea; border-radius: 12px; padding: 22px; }
.pkg-shop-seo {
    background: #fff;
    border: 1px solid #e2e5ea;
    border-radius: 12px;
    padding: 26px 28px;
    margin-top: 24px;
    line-height: 1.75;
    font-size: .93rem;
    color: #374151;
}
.pkg-shop-seo h2 { font-size: 1.2rem; font-weight: 700; color: #0a1628; margin: 0 0 14px; }
.pkg-shop-seo h3 { font-size: 1rem; font-weight: 700; color: #0a1628; margin: 22px 0 8px; }
.pkg-shop-seo p  { margin: 0 0 12px; }
.pkg-shop-seo ol { margin: 0 0 12px; padding-left: 20px; }
.pkg-shop-seo ol li { margin-bottom: 6px; }

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 960px) {
    .pkg-shop-layout {
        grid-template-columns: 1fr;
    }
    .pkg-shop-sidebar { position: static; }
    .pkg-sidebar-card { padding: 16px 18px; }
    .pkg-sidebar-logo-wrap, .pkg-sidebar-shopname { display: none; }
    .pkg-sidebar-stats { justify-content: flex-start; }
    .pkg-sidebar-nav { flex-direction: row; flex-wrap: wrap; gap: 4px; }
    .pkg-sidebar-nav__link { font-size: .79rem; padding: 5px 10px; }
    .pkg-sidebar-trust { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 640px) {
    .pkg-shop-page--v4 { padding: 0 12px; margin: 16px auto; }
    .pkg-shop-layout { gap: 16px; }
    .pkg-sidebar-stats { justify-content: stretch; }
    .pkg-sidebar-stat { flex: 1 1 120px; }
    .pkg-row {
        grid-template-columns: 68px 1fr;
        grid-template-areas: "discount body" "action action";
        align-items: start;
        gap: 12px 0;
        padding: 12px;
    }
    .pkg-row__discount { grid-area: discount; padding-right: 10px; min-height: 44px; }
    .pkg-row__val { font-size: 1.1rem; }
    .pkg-row__body { grid-area: body; padding: 0 0 0 10px; }
    .pkg-row__meta { gap: 8px; }
    .pkg-row__details { margin-left: 0; width: 100%; }
    .pkg-row__details-text { max-width: none; }
    .pkg-row__action {
        grid-area: action;
        padding-left: 0;
        min-width: 0;
        width: 100%;
        align-items: stretch;
    }
    .pkg-row__code-preview { text-align: center; letter-spacing: 1.5px; }
    .pkg-row__cta {
        width: 100%;
        justify-content: center;
        white-space: normal;
        text-align: center;
        font-size: .85rem;
        padding: 10px 14px;
        height: auto;
        min-height: 40px;
        line-height: 1.3;
    }
    .pkg-shop-topbar { flex-direction: column; align-items: stretch; }
    .pkg-shop-search-wrap { max-width: 100%; }
}
@media (max-width: 480px) {
    .pkg-row { grid-template-columns: 60px 1fr; padding: 11px; }
    .pkg-row__body { padding-left: 8px; }
    .pkg-row__badges { gap: 4px; }
    .pkg-row__desc { font-size: .88rem; }
}

/* ── Dark mode ───────────────────────────────────────── */
[data-theme="dark"] .pkg-shop-page--v4 { color: #e2e4ec; }
[data-theme="dark"] .pkg-shop-main__h1 { color: #e2e4ec; }
[data-theme="dark"] .pkg-shop-main__h1-name { color: #4da6ff; }
[data-theme="dark"] .pkg-shop-main__sub { color: #9aa3b2; }
[data-theme="dark"] .pkg-sidebar-card { background: #1e2130; border-color: #2e3245; }
[data-theme="dark"] .pkg-sidebar-shopname { color: #e2e4ec; }
[data-theme="dark"] .pkg-sidebar-logo { border-color: #2e3245; background: #131720; }
[data-theme="dark"] .pkg-sidebar-logo-init { background: #4da6ff; color: #0a0e1a; }
[data-theme="dark"] .pkg-sidebar-stat { background: #131720; }
[data-theme="dark"] .pkg-sidebar-stat__num { color: #4da6ff; }
[data-theme="dark"] .pkg-sidebar-stat__lbl { color: #9aa3b2; }
[data-theme="dark"] .pkg-sidebar-domain { color: #4da6ff; border-color: #2e3245; }
[data-theme="dark"] .pkg-sidebar-nav__link { color: #b0b8c8; }
[data-theme="dark"] .pkg-sidebar-nav__link:hover { background: #131720; color: #4da6ff; }
[data-theme="dark"] .pkg-sidebar-nav__link--all { color: #4da6ff; border-color: #2e3245; }
[data-theme="dark"] .pkg-sidebar-nav__link--all:hover { background: #4da6ff; color: #0a0e1a; }
[data-theme="dark"] .pkg-sidebar-trust { color: #6b7a99; border-color: #2e3245; }
[data-theme="dark"] .pkg-tab { background: #1e2130; border-color: #2e3245; color: #9aa3b2; }
[data-theme="dark"] .pkg-tab:hover { border-color: #4da6ff; color: #4da6ff; background: #131720; }
[data-theme="dark"] .pkg-tab--active, [data-theme="dark"] .pkg-tab.active { background: #4da6ff; border-color: #4da6ff; color: #0a0e1a; }
[data-theme="dark"] .pkg-tab:not(.pkg-tab--active):not(.active) .pkg-tab-count { background: #252838; color: #b0b8c8; }
[data-theme="dark"] .pkg-shop-search-input { background: #1e2130; border-color: #2e3245; color: #e2e4ec; }
[data-theme="dark"] .pkg-shop-search-input:focus { border-color: #4da6ff; }
[data-theme="dark"] .pkg-sort-bar { border-color: #2e3245; }
[data-theme="dark"] .pkg-sort-label { color: #3e4760; }
[data-theme="dark"] .pkg-sort-btn { background: transparent; border-color: #2e3245; color: #9aa3b2; }
[data-theme="dark"] .pkg-sort-btn:hover { border-color: #4da6ff; color: #4da6ff; }
[data-theme="dark"] .pkg-sort-btn--active { background: #4da6ff; border-color: #4da6ff; color: #0a0e1a; }
[data-theme="dark"] .pkg-sort-results { color: #9aa3b2; }
[data-theme="dark"] .pkg-sort-results strong { color: #4da6ff; }
[data-theme="dark"] .pkg-rows-list { border-color: #2e3245; }
[data-theme="dark"] .pkg-row { background: #1e2130; border-color: #2e3245; }
[data-theme="dark"] .pkg-row:hover { background: #1a2040; box-shadow: inset 3px 0 0 0 #4da6ff; }
[data-theme="dark"] .pkg-row__discount { border-color: #2e3245; }
[data-theme="dark"] .pkg-row__val { color: #4ade80; }
[data-theme="dark"] .pkg-row__val--code { background: #14532d; color: #4ade80; }
[data-theme="dark"] .pkg-row__val-lbl { color: #4b5980; }
[data-theme="dark"] .pkg-row__desc { color: #e2e4ec; }
[data-theme="dark"] .pkg-row__date, [data-theme="dark"] .pkg-row__limit { color: #6b7a99; }
[data-theme="dark"] .pkg-row__details-text{background:#131720;border-color:#2e3245;color:#e2e4ec}
[data-theme="dark"] .pkg-row__code-preview { color: #3e4760; }
[data-theme="dark"] .pkg-type-badge--gutschein { background: #1e3a8a; color: #93c5fd; }
[data-theme="dark"] .pkg-type-badge--angebot   { background: #451a03; color: #fbbf24; }
[data-theme="dark"] .pkg-expired-section { border-color: #78350f; }
[data-theme="dark"] .pkg-expired-header { background: #1c1400; border-color: #78350f; }
[data-theme="dark"] .pkg-expired-header h2 { color: #fbbf24; }
[data-theme="dark"] .pkg-expired-notice { color: #ca8a04; border-color: #78350f; background: #1c1400; }
[data-theme="dark"] .pkg-rows-list--expired .pkg-row { background: #1a1505; border-color: #78350f; }
[data-theme="dark"] .pkg-rows-list--expired .pkg-row:hover { background: #1f1a05; box-shadow: inset 3px 0 0 0 #f59e0b; }
[data-theme="dark"] .pkg-related-shop { background: #1e2130; border-color: #2e3245; color: #b0b8c8; }
[data-theme="dark"] .pkg-related-shop:hover { border-color: #4da6ff; color: #4da6ff; }
[data-theme="dark"] .pkg-related-shop__logo { border-color: #2e3245; background: #131720; }
[data-theme="dark"] .pkg-related-shop__init { background: #4da6ff; color: #0a0e1a; }
[data-theme="dark"] .pkg-shop-empty { background: #131720; border-color: #2e3245; color: #9aa3b2; }
[data-theme="dark"] .pkg-shop-empty strong { color: #e2e4ec; }
[data-theme="dark"] .pkg-more-shops { background: #1e2130; border-color: #2e3245; }
[data-theme="dark"] .pkg-shop-seo { background: #1e2130; border-color: #2e3245; color: #b0b8c8; }
[data-theme="dark"] .pkg-shop-seo h2, [data-theme="dark"] .pkg-shop-seo h3 { color: #e2e4ec; }
[data-theme="dark"] .pkg-reveal-box__shoplink { color: #4da6ff; }
[data-theme="dark"] .pkg-btn--expired { background: #1e2130; border: 1px solid #2e3245; color: #6b7a99; }

/* Expired button (shared) */
.pkg-btn--expired {
    background: #f3f4f6;
    color: #9ca3af;
    border: 1px solid #e5e7eb;
    cursor: not-allowed;
    opacity: .8;
}


@media (max-width: 640px) {
    .pkg-more-shops { padding: 18px 14px; }
    .pkg-more-shops__header { align-items: stretch; }
    .pkg-more-shops__cta { width: 100%; justify-content: center; }
    .pkg-related-shops-scroll { gap: 10px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
    .pkg-related-shop { min-width: 110px; max-width: 110px; padding: 12px 10px; scroll-snap-align: start; }
    .pkg-related-shop__logo, .pkg-related-shop__init { width: 48px; height: 48px; }
    .pkg-related-shop__name { max-width: 100%; font-size: .82rem; line-height: 1.25; }
    .pkg-shop-main__hero { grid-template-columns: 1fr; gap: 14px; }
    .pkg-shop-main__logo { justify-self: start; }
    .pkg-shop-topbar { grid-template-columns: 1fr; }
    .pkg-shop-sort, .pkg-shop-filter, .pkg-shop-search { width: 100%; }
}
[data-theme="dark"] .pkg-related-shop__init, [data-theme="dark"] .pkg-sidebar-logo-init { display: flex; align-items: center; justify-content: center; }

/* =========================================================
   PK Gutscheine – Design-Tuning für Gutscheinboxen
   Nur Optik/Farben, keine Funktionsänderung
   ========================================================= */

.pkg-rows-list{background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}
.pkg-row-wrap{margin:0 0 16px}
.pkg-row{grid-template-columns:92px 1fr auto;background:#fff;border:1px solid #dfe5ec;border-radius:14px;padding:18px 18px 16px;box-shadow:0 2px 10px rgba(15,23,42,.05);transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;overflow:hidden}
.pkg-row:hover{background:#fff;border-color:#cfd8e3;box-shadow:0 8px 24px rgba(15,23,42,.08);transform:translateY(-1px);inset:0;z-index:1}
.pkg-row--new::before{left:-1px;top:-1px;bottom:-1px;width:4px;border-radius:14px 0 0 14px;background:#3b82f6}
.pkg-row__discount{padding-right:16px;border-right:1px solid #eef2f6;min-height:72px}
.pkg-row__val{font-size:1.55rem;color:#16a34a;letter-spacing:-.02em}
.pkg-row__val--code{font-size:.8rem;background:#eef6ff;color:#1d4ed8;border:1px solid #d8e8ff;border-radius:999px;padding:4px 10px}
.pkg-row__val--deal{color:#16a34a}
.pkg-row__val-lbl{font-size:.68rem;color:#94a3b8;letter-spacing:.08em;margin-top:6px}
.pkg-row__body{padding:0 18px 0 16px}
.pkg-row__badges{gap:7px;margin-bottom:7px}
.pkg-type-badge{padding:4px 9px;border-radius:999px;font-size:.66rem;letter-spacing:.05em}
.pkg-type-badge--gutschein{background:#e8f1ff;color:#2157c8}
.pkg-type-badge--angebot{background:#eefbf3;color:#15803d}
.pkg-row__desc{font-size:.98rem;font-weight:700;color:#1f2937;line-height:1.5;margin:0 0 9px;-webkit-line-clamp:3}
.pkg-row__meta{gap:12px;padding-top:2px}
.pkg-row__date,.pkg-row__limit{font-size:.78rem;color:#7b8794}
.pkg-row__limit{border-bottom:1px dashed #cfd8e3}
.pkg-row__details-text{margin-top:10px;padding:12px 14px;border:1px solid #e5eaf0;border-radius:12px;background:#f8fafc;color:#334155;font-size:.88rem;line-height:1.6}
.pkg-row__action{align-items:flex-end;gap:8px;padding-left:16px;min-width:190px}
.pkg-row__code-preview{display:inline-flex;align-items:center;justify-content:center;min-width:106px;padding:8px 12px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#64748b;font-size:.8rem;letter-spacing:1.8px}
.pkg-row__cta{height:42px;padding:0 18px;border-radius:10px;font-size:.87rem;font-weight:700;box-shadow:none}
.pkg-btn--reveal{background:linear-gradient(135deg,#24a148,#14853b);box-shadow:0 8px 18px rgba(20,133,59,.18)}
.pkg-btn--reveal:hover{background:linear-gradient(135deg,#1d8d40,#106d30);box-shadow:0 10px 24px rgba(20,133,59,.24)}
.pkg-btn--reveal-auto{background:linear-gradient(135deg,#1f8f45,#14733a)}
.pkg-btn--reveal-auto:hover{background:linear-gradient(135deg,#18783a,#0f5f2c);box-shadow:0 10px 24px rgba(20,133,59,.24)}
.pkg-row--expired{opacity:1;filter:none}
.pkg-row--expired .pkg-row__desc,.pkg-row--expired .pkg-row__date,.pkg-row--expired .pkg-row__limit{color:#6b7280}
.pkg-row--expired .pkg-row__val{color:#64748b}
.pkg-rows-list--expired .pkg-row{background:#fcfcfd;border-color:#e5e7eb}
.pkg-rows-list--expired .pkg-row:hover{background:#fff;border-color:#d7dde5;box-shadow:0 8px 24px rgba(15,23,42,.06)}

@media (max-width: 900px){
  .pkg-row{grid-template-columns:78px 1fr;gap:0;padding:16px}
  .pkg-row__discount{grid-area:discount;padding-right:12px;min-height:60px}
  .pkg-row__body{grid-area:body;padding:0 0 0 12px}
  .pkg-row__action{grid-area:action;align-items:stretch;padding:12px 0 0;min-width:0}
  .pkg-row__code-preview{width:100%;min-width:0}
  .pkg-row__cta{width:100%;justify-content:center}
}

@media (max-width: 640px){
  .pkg-row{grid-template-columns:64px 1fr;grid-template-areas:"discount body" "action action";padding:14px;border-radius:12px}
  .pkg-row__discount{padding-right:10px;min-height:54px}
  .pkg-row__val{font-size:1.2rem}
  .pkg-row__val-lbl{font-size:.62rem;margin-top:4px}
  .pkg-row__body{padding-left:10px}
  .pkg-row__desc{font-size:.93rem;line-height:1.45;margin-bottom:8px}
  .pkg-row__meta{gap:8px}
  .pkg-row__details{width:100%;margin-left:0}
  .pkg-row__details-text{font-size:.84rem;padding:11px 12px}
  .pkg-row__action{padding-top:12px;gap:9px}
  .pkg-row__code-preview{padding:9px 12px;font-size:.78rem;letter-spacing:1.4px}
  .pkg-row__cta{height:44px;font-size:.9rem}
}

[data-theme="dark"] .pkg-rows-list{background:transparent!important;border:none!important;box-shadow:none!important}
[data-theme="dark"] .pkg-row{background:#1d2230!important;border-color:#2c3345!important;box-shadow:0 2px 10px rgba(0,0,0,.18)!important}
[data-theme="dark"] .pkg-row:hover{background:#202638!important;border-color:#394156!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important}
[data-theme="dark"] .pkg-row__discount{border-color:#2b3344!important}
[data-theme="dark"] .pkg-row__val{color:#4ade80!important}
[data-theme="dark"] .pkg-row__val--code{background:#162338!important;border-color:#25446f!important;color:#93c5fd!important}
[data-theme="dark"] .pkg-row__val-lbl{color:#8191aa!important}
[data-theme="dark"] .pkg-row__desc{color:#e5e7eb!important}
[data-theme="dark"] .pkg-row__date,[data-theme="dark"] .pkg-row__limit{color:#93a0b5!important}
[data-theme="dark"] .pkg-row__limit{border-bottom-color:#49556b!important}
[data-theme="dark"] .pkg-row__details-text{background:#151b26!important;border-color:#2c3345!important;color:#dbe2ea!important}
[data-theme="dark"] .pkg-row__code-preview{background:#151b26!important;border-color:#3a4254!important;color:#9fb0c5!important}
[data-theme="dark"] .pkg-btn--reveal{background:linear-gradient(135deg,#2d8b46,#236d38)!important;box-shadow:0 8px 18px rgba(0,0,0,.24)!important}
[data-theme="dark"] .pkg-btn--reveal:hover{background:linear-gradient(135deg,#277b3e,#1f5e31)!important}
[data-theme="dark"] .pkg-btn--reveal-auto{background:linear-gradient(135deg,#2d8b46,#236d38)!important}
[data-theme="dark"] .pkg-btn--reveal-auto:hover{background:linear-gradient(135deg,#277b3e,#1f5e31)!important}
[data-theme="dark"] .pkg-rows-list--expired .pkg-row{background:#1b1f2a!important;border-color:#32394a!important}
[data-theme="dark"] .pkg-row--expired .pkg-row__val{color:#94a3b8!important}


/* Safari/mobile render fix for related shops */
.pkg-related-shop{overflow:hidden}
.pkg-related-shop__logo,.pkg-related-shop__init{flex:0 0 auto}
.pkg-related-shop__init{display:flex;align-items:center;justify-content:center}
@media (max-width:640px){
  .pkg-related-shop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:108px}
  .pkg-related-shop__name{display:block;width:100%;text-align:center}
}
[data-theme="dark"] .pkg-trust{background:#1e2130!important;border-bottom-color:#2e3245!important}
[data-theme="dark"] .pkg-trust__item{color:#b0b8c8!important}
[data-theme="dark"] .pkg-card--hot{border-color:#d97706!important}
[data-theme="dark"] .pkg-card__discount{background:#166b06!important}
[data-theme="dark"] .pkg-code-box--auto{background:#0d2417!important;border-color:#166b06!important;color:#86efac!important}

/* APPEND FRONT CSS */
.pkg-shop-backlink-wrap{margin:0 0 14px}.pkg-shop-backlink{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#eef5ff;color:#0071e3;text-decoration:none;font-weight:700;border:1.5px solid #c7deff;font-size:.87rem;transition:all .15s}.pkg-shop-backlink:hover{background:#dbeafe;color:#005bb5;border-color:#93c5fd}

/* ============================================================
   PK-GUTSCHEINE – Kategorie-Pills (Übersichtsseite)
   ============================================================ */
.pkg-cats{background:#fff;border-bottom:1px solid var(--pk-border);padding:0}
.pkg-cats__scroll{max-width:1280px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0}
.pkg-cats__scroll::-webkit-scrollbar{display:none}
.pkg-cats__row{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;white-space:nowrap;min-width:100%;box-sizing:border-box}
.pkg-cats__lbl{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--pk-mute);margin-right:4px;flex-shrink:0}
.pkg-cats__pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;background:#f3f4f6;border:1.5px solid var(--pk-border);color:#374151;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;text-decoration:none;flex-shrink:0}
.pkg-cats__pill:hover{background:#e9f0fb;border-color:var(--pk-blue);color:var(--pk-blue)}
.pkg-cats__pill--active,.pkg-cats__pill--all{background:var(--pk-blue);border-color:var(--pk-blue);color:#fff;box-shadow:0 3px 10px rgba(0,113,227,.24)}
.pkg-cats__pill--active:hover,.pkg-cats__pill--all:hover{background:var(--pk-blue2);border-color:var(--pk-blue2);color:#fff}
[data-theme="dark"] .pkg-cats{background:#1e2130!important;border-bottom-color:#2e3245!important}
[data-theme="dark"] .pkg-cats__pill{background:#252838!important;border-color:#2e3245!important;color:#b0b8c8!important}
[data-theme="dark"] .pkg-cats__pill:hover{background:#2e3245!important;border-color:#4da6ff!important;color:#4da6ff!important}
[data-theme="dark"] .pkg-cats__pill--active,[data-theme="dark"] .pkg-cats__pill--all{background:#4da6ff!important;border-color:#4da6ff!important;color:#0a0e1a!important}

/* ============================================================
   PK-GUTSCHEINE – Info-Zeile verbessert
   ============================================================ */
.pkg-info{font-size:.87rem;font-weight:600;color:#4b5563}

/* ============================================================
   PK-GUTSCHEINE – SEO-Text mobile
   ============================================================ */
@media(max-width:768px){
  .pkg-seo-text{padding:22px 18px 28px!important;border-radius:12px!important;margin:16px 12px 24px!important}
  .pkg-hero__stars{display:none}
  .pkg-cats__row{padding:8px 12px}
}

/* ============================================================
   PK-GUTSCHEINE – Dark mode Korrekturen
   ============================================================ */
[data-theme="dark"] .pkg-seo-text{background:#1e2130!important;border-color:#2e3245!important}
[data-theme="dark"] .pkg-seo-text h2,[data-theme="dark"] .pkg-seo-text h3{color:#e2e4ec!important}
[data-theme="dark"] .pkg-seo-text strong{color:#4da6ff!important}
[data-theme="dark"] .pkg-card{box-shadow:0 2px 12px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.05)!important}
[data-theme="dark"] .pkg-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.38),0 0 0 1.5px #4da6ff!important}
[data-theme="dark"] .pkg-card--hot{box-shadow:0 2px 12px rgba(0,0,0,.22),0 0 0 2px #d97706!important}
[data-theme="dark"] .pkg-card__face{border-bottom-color:#2e3245!important}
[data-theme="dark"] .pkg-trust{background:#1e2130!important}

/* ============================================================
   PK-GUTSCHEINE – Badge-Verbesserungen
   ============================================================ */
.pkg-badge--hot{background:linear-gradient(135deg,#fff7ed,#fef3c7);color:#b45309;border:1px solid #fcd34d}
.pkg-badge--new{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1px solid #bfdbfe}
.pkg-badge--excl{background:linear-gradient(135deg,#faf5ff,#ede9fe);color:#6b21a8;border:1px solid #ddd6fe}
.pkg-badge--exp{background:linear-gradient(135deg,#fff7ed,#fef3c7);color:#92400e;border:1px solid #fcd34d}

/* ============================================================
   PK-GUTSCHEINE – MODERN LAYER v5.5 (final overrides)
   Grundlegend modernisiertes Design – override stack
   ============================================================ */

/* ---- HERO: animierter Gradient + Glassmorphismus ---- */
.pkg-app .pkg-hero{
  background:
    radial-gradient(1200px 480px at 12% -10%,rgba(77,166,255,.55),transparent 60%),
    radial-gradient(900px 420px at 92% 10%,rgba(22,163,74,.25),transparent 60%),
    linear-gradient(135deg,#041e4d 0%,#0a3a8c 45%,#0071e3 100%);
  background-size:200% 200%;
  animation:pkg-hero-shift 18s ease-in-out infinite alternate;
  padding:88px 20px 96px;
  position:relative;
}
@keyframes pkg-hero-shift{
  0%{background-position:0% 50%}
  100%{background-position:100% 50%}
}
.pkg-app .pkg-hero::before{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(180deg,transparent 60%,rgba(245,245,247,.04) 100%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'><path fill='none' stroke='rgba(255,255,255,.05)' stroke-width='1' d='M30 0v60M0 30h60'/></svg>");
  pointer-events:none;
}
.pkg-app .pkg-hero::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:46px;
  background:linear-gradient(180deg,transparent,#f5f5f7);pointer-events:none;
}
.pkg-app .pkg-hero__inner{max-width:880px;position:relative;z-index:2}
.pkg-app .pkg-hero__icon{
  font-size:3.2rem;display:inline-block;margin-bottom:14px;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.35));
  animation:pkg-hero-float 4.2s ease-in-out infinite;
}
@keyframes pkg-hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.pkg-app .pkg-hero__title{
  font-size:clamp(2rem,5.5vw,3.4rem);
  font-weight:900;line-height:1.1;letter-spacing:-1.2px;
  background:linear-gradient(180deg,#ffffff 0%,#d6e7ff 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 8px 40px rgba(0,0,0,.15);margin-bottom:14px;
}
.pkg-app .pkg-hero__sub{
  font-size:clamp(1rem,1.6vw,1.15rem);
  color:rgba(255,255,255,.92);font-weight:500;max-width:640px;margin:0 auto 22px;
}
.pkg-app .pkg-hero__stats{gap:12px;margin-top:22px}
.pkg-app .pkg-hero__stat-badge,
.pkg-app .pkg-hero__stars{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  padding:11px 22px;font-size:.92rem;
  box-shadow:0 10px 30px rgba(0,30,90,.18),inset 0 1px 0 rgba(255,255,255,.18);
}
.pkg-app .pkg-hero__stars-ico{color:#fde047;text-shadow:0 0 10px rgba(253,224,71,.6)}

/* ---- FILTER BAR: modern sticky glass ---- */
.pkg-app .pkg-filters{
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid rgba(0,0,0,.06);
  box-shadow:0 4px 24px rgba(15,23,42,.06);
  margin-top:-28px;border-radius:22px 22px 0 0;
  max-width:1320px;margin-left:auto;margin-right:auto;
  position:relative;z-index:5;
}
.pkg-app .pkg-filters__row{padding:16px 24px}
.pkg-app .pkg-input,.pkg-app .pkg-select{
  height:46px;border-radius:12px;border:1.5px solid #e4e8ef;
  background:#fff;font-size:.92rem;transition:border-color .2s,box-shadow .2s,transform .2s;
}
.pkg-app .pkg-input:focus,.pkg-app .pkg-select:focus{
  border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.14);
}
.pkg-app .pkg-btn{
  height:46px;border-radius:12px;font-size:.92rem;letter-spacing:.2px;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.pkg-app .pkg-btn--primary{
  background:linear-gradient(135deg,#0071e3 0%,#0057b2 60%,#003d8a 100%);
  box-shadow:0 8px 20px rgba(0,113,227,.32),inset 0 1px 0 rgba(255,255,255,.28);
}
.pkg-app .pkg-btn--primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 28px rgba(0,113,227,.42)}
.pkg-app .pkg-btn--ghost{width:46px;height:46px;border-radius:12px}

/* ---- CATEGORY PILLS: modernisiert, horizontal gecentert ---- */
.pkg-app .pkg-cats{
  background:transparent;border-bottom:none;
  max-width:1320px;margin:10px auto 0;padding:0 12px;
}
.pkg-app .pkg-cats__scroll{max-width:1296px;padding:0 12px}
.pkg-app .pkg-cats__row{gap:10px;padding:14px 4px;justify-content:center;flex-wrap:wrap;min-width:auto}
.pkg-app .pkg-cats__pill{
  padding:9px 18px;border-radius:999px;font-size:.86rem;font-weight:700;
  background:#fff;border:1.5px solid #e4e8ef;color:#334155;
  box-shadow:0 2px 6px rgba(15,23,42,.04);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.pkg-app .pkg-cats__pill:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,113,227,.18);border-color:#93c5fd;color:#0057b2;background:#f0f7ff}
.pkg-app .pkg-cats__pill--active,.pkg-app .pkg-cats__pill--all{
  background:linear-gradient(135deg,#0071e3,#003d8a);
  color:#fff;border-color:transparent;
  box-shadow:0 10px 22px rgba(0,113,227,.32);
}

/* ---- TRUST BAR: kompakter, moderner ---- */
.pkg-app .pkg-trust{
  background:#fff;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;
  max-width:1320px;margin:14px auto 0;border-radius:16px;
  box-shadow:0 2px 10px rgba(15,23,42,.04);
}
.pkg-app .pkg-trust__row{gap:36px;padding:14px 24px}
.pkg-app .pkg-trust__item{font-size:.82rem;color:#1f2937}
.pkg-app .pkg-trust__icon{color:#0071e3}

/* ---- CARDS: 3D lift, moderne Details ---- */
.pkg-app .pkg-grid,.pkg-app .pkg-hot__grid{gap:20px;max-width:1320px;padding:8px 24px 40px}
.pkg-app .pkg-card{
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
  box-shadow:
    0 1px 0 rgba(15,23,42,.04),
    0 2px 6px rgba(15,23,42,.05),
    0 16px 32px -20px rgba(15,23,42,.12);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s cubic-bezier(.2,.8,.2,1);
}
.pkg-app .pkg-card::before{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(0,113,227,.18),rgba(0,113,227,0) 55%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.pkg-app .pkg-card:hover{
  transform:translateY(-8px) scale(1.012);
  box-shadow:
    0 1px 0 rgba(15,23,42,.05),
    0 30px 50px -24px rgba(0,113,227,.32),
    0 8px 20px rgba(15,23,42,.08);
}
.pkg-app .pkg-card__face{
  background:linear-gradient(160deg,#f2f7ff 0%,#e3efff 100%);
  padding:26px 18px 20px;border-bottom:1px solid rgba(0,113,227,.08);
}
.pkg-app .pkg-card--hot .pkg-card__face{
  background:linear-gradient(160deg,#fff8e6 0%,#fde9b0 100%);
  border-bottom-color:rgba(245,158,11,.25);
}
.pkg-app .pkg-disc{
  top:12px;right:12px;font-size:.78rem;font-weight:900;padding:6px 12px;
  background:linear-gradient(135deg,#10b981 0%,#059669 100%);
  box-shadow:0 8px 18px rgba(16,185,129,.35),inset 0 1px 0 rgba(255,255,255,.3);
}
.pkg-app .pkg-logo-wrap{
  width:78px;height:78px;border-radius:18px;
  box-shadow:0 10px 24px rgba(15,23,42,.1),0 0 0 1px rgba(0,0,0,.04);
  transition:transform .28s ease;
}
.pkg-app .pkg-card:hover .pkg-logo-wrap{transform:rotate(-3deg) scale(1.05)}
.pkg-app .pkg-card__name,.pkg-app .pkg-card__name-link{font-size:1.05rem;font-weight:900;letter-spacing:-.2px}
.pkg-app .pkg-card__cta{
  height:54px;line-height:54px;font-size:.98rem;font-weight:900;letter-spacing:.3px;
  position:relative;overflow:hidden;
}
.pkg-app .pkg-card__cta::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
  transform:translateX(-100%);transition:transform .7s ease;
}
.pkg-app .pkg-card:hover .pkg-card__cta::after{transform:translateX(100%)}
.pkg-app .pkg-card__cta--code{
  background:linear-gradient(135deg,#10b981 0%,#059669 55%,#047857 100%);
  box-shadow:0 10px 22px rgba(16,185,129,.35),inset 0 -2px 0 rgba(0,0,0,.1);
}
.pkg-app .pkg-card__cta--auto{
  background:linear-gradient(135deg,#0071e3 0%,#0057b2 55%,#003d8a 100%);
  box-shadow:0 10px 22px rgba(0,113,227,.35),inset 0 -2px 0 rgba(0,0,0,.1);
}

/* ---- HOT SECTION HEADING ---- */
.pkg-app .pkg-hot{max-width:1320px;padding:8px 24px 0}
.pkg-app .pkg-hot__head h2{
  font-size:1.5rem;font-weight:900;letter-spacing:-.4px;
  background:linear-gradient(135deg,#0a1628,#0071e3);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.pkg-app .pkg-hot__head h2::before{content:'\1F525';filter:drop-shadow(0 2px 6px rgba(245,158,11,.45))}

/* ---- INFO LINE ---- */
.pkg-app .pkg-info{max-width:1320px;padding:18px 24px 8px;font-size:.88rem}

/* ---- SEO TEXT: modernere Card ---- */
.pkg-app .pkg-seo-text{
  max-width:1320px;padding:44px 48px 52px;border-radius:24px;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
  border:1px solid #eef2f7;
  box-shadow:0 6px 24px rgba(15,23,42,.05);
}
.pkg-app .pkg-seo-text h2{
  font-size:1.55rem;font-weight:900;letter-spacing:-.4px;
  background:linear-gradient(135deg,#0a1628,#0071e3);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* ---- PAGINATION ---- */
.pkg-app .pkg-page{border-radius:12px;height:42px;min-width:42px;border-color:#e4e8ef}
.pkg-app .pkg-page--on{box-shadow:0 10px 22px rgba(0,113,227,.28)}

/* ---- SCROLL-IN ANIMATION ---- */
@media (prefers-reduced-motion:no-preference){
  .pkg-app .pkg-card{animation:pkg-card-in .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--pk-delay,0ms)}
}
@keyframes pkg-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* ---- MOBILE ---- */
@media(max-width:900px){
  .pkg-app .pkg-hero{padding:56px 16px 64px}
  .pkg-app .pkg-filters{margin-top:-20px;border-radius:18px 18px 0 0}
  .pkg-app .pkg-trust__row{gap:14px;padding:12px 16px}
  .pkg-app .pkg-cats__row{padding:10px 4px;gap:8px}
  .pkg-app .pkg-grid,.pkg-app .pkg-hot__grid{padding:8px 16px 30px;gap:14px}
  .pkg-app .pkg-seo-text{padding:28px 20px 34px;border-radius:18px;margin-left:16px;margin-right:16px}
}
@media(max-width:560px){
  .pkg-app .pkg-hero__title{letter-spacing:-.6px}
  .pkg-app .pkg-hero__stat-badge,.pkg-app .pkg-hero__stars{font-size:.82rem;padding:8px 14px}
}

/* ---- DARK MODE overrides for modern layer ---- */
[data-theme="dark"] .pkg-app .pkg-hero{
  background:
    radial-gradient(1200px 480px at 12% -10%,rgba(77,166,255,.35),transparent 60%),
    radial-gradient(900px 420px at 92% 10%,rgba(22,163,74,.18),transparent 60%),
    linear-gradient(135deg,#071a3a 0%,#0b2a64 45%,#0a4ea8 100%)!important;
}
[data-theme="dark"] .pkg-app .pkg-hero::after{background:linear-gradient(180deg,transparent,#131720)!important}
[data-theme="dark"] .pkg-app .pkg-filters{background:rgba(30,33,48,.82)!important;border-bottom-color:#2e3245!important}
[data-theme="dark"] .pkg-app .pkg-card{background:linear-gradient(180deg,#1e2130,#181a26)!important}
[data-theme="dark"] .pkg-app .pkg-card__face{background:linear-gradient(160deg,#18244a 0%,#14306b 100%)!important}
[data-theme="dark"] .pkg-app .pkg-trust{background:#1e2130!important;border-color:#2e3245!important}
[data-theme="dark"] .pkg-app .pkg-cats__pill{background:#1e2130!important;border-color:#2e3245!important;color:#b0b8c8!important}
[data-theme="dark"] .pkg-app .pkg-cats__pill--active,[data-theme="dark"] .pkg-app .pkg-cats__pill--all{background:linear-gradient(135deg,#4da6ff,#2563eb)!important;color:#fff!important}
[data-theme="dark"] .pkg-app .pkg-seo-text{background:#1e2130!important;border-color:#2e3245!important}