:root{--c-primary: #0B1A2A;--c-primary-600: #0E2237;--c-primary-700: #08131F;--c-secondary: #D4AF37;--c-secondary-600: #B6902A;--c-accent: #000b06;--c-accent-600: #001d1a;--c-text: #111827;--c-muted: #6B7280;--c-bg: #FFFFFF;--c-surface: #F5F7FA;--c-border: #E5E7EB;--c-success: #16A34A;--c-danger: #DC2626;--c-warning: #F59E0B;--c-info: #2563EB;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--shadow-1: 0 2px 8px rgba(17,24,39,.06);--shadow-2: 0 8px 24px rgba(17,24,39,.1);--ring: 0 0 0 4px rgba(0, 194, 168, .18)}.dark{--c-text: #F9FAFB;--c-muted: #CBD5E1;--c-bg: #0B1220;--c-surface: #0F172A;--c-border: #1F2937;--ring: 0 0 0 4px rgba(212, 175, 55, .25)}body{color:var(--c-text);background:var(--c-bg)}a{color:var(--c-accent);text-decoration:none}hr{border:0;height:1px;background:var(--c-border)}.card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card--hover:hover{box-shadow:var(--shadow-2);transform:translateY(-1px);transition:all .2s ease}.card__header{padding:1rem 1.25rem;border-bottom:1px solid var(--c-border)}.card__body{padding:1.25rem}.card__footer{padding:1rem 1.25rem;border-top:1px solid var(--c-border)}.btn{--btn-bg: var(--c-primary);--btn-fg: #fff;--btn-bd: transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;font-size:.925rem;border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);transition:all .2s ease;box-shadow:0 1px #00000008}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn[disabled],.btn:disabled{opacity:.55;pointer-events:none}.btn-primary{--btn-bg: var(--c-primary);--btn-bd: var(--c-primary)}.btn-accent{--btn-bg: var(--c-accent);--btn-bd: var(--c-accent)}.btn-gold{--btn-bg: var(--c-secondary);--btn-bd: var(--c-secondary);color:#111}.btn-outline{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: var(--c-border)}.btn-outline:hover{background:var(--c-surface)}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: transparent}.btn-danger{--btn-bg: var(--c-danger);--btn-bd: var(--c-danger)}.btn-success{--btn-bg: var(--c-success);--btn-bd: var(--c-success)}.btn-sm{padding:.45rem .7rem;font-size:.85rem;border-radius:10px}.btn-lg{padding:.8rem 1.25rem;font-size:1rem;border-radius:var(--radius)}.btn-icon{width:40px;height:40px;padding:0}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;font-size:.75rem;font-weight:600;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge-primary{background:#0b1a2a14;color:var(--c-primary);border-color:#0b1a2a1f}.badge-gold{background:#d4af371f;color:#7a5e00;border-color:#d4af3759}.badge-success{background:#16a34a1f;color:#126b34;border-color:#16a34a40}.badge-danger{background:#dc26261f;color:#7a1a1a;border-color:#dc262640}.badge-info{background:#2563eb1f;color:#1e3a8a;border-color:#2563eb40}.alert{display:grid;grid-template-columns:24px 1fr;gap:.75rem;padding:.9rem 1rem;border:1px solid;border-radius:var(--radius-sm);background:var(--c-surface)}.alert svg{width:24px;height:24px}.alert-title{font-weight:700;margin-bottom:.25rem}.alert-primary{border-color:#0b1a2a40;color:var(--c-primary)}.alert-success{border-color:#16a34a40;color:var(--c-success)}.alert-danger{border-color:#dc262640;color:var(--c-danger)}.alert-warning{border-color:#f59e0b59;color:var(--c-warning);background:linear-gradient(0deg,rgba(245,158,11,.05),transparent)}.input,.select,.textarea{width:100%;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.6rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--c-muted)}.input::placeholder,.textarea::placeholder{color:var(--c-muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-accent);box-shadow:var(--ring)}.input[disabled],.select[disabled],.textarea[disabled]{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.qty{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--c-border);border-radius:10px;padding:.15rem}.qty input{width:56px;text-align:center;border:0;background:transparent;padding:.4rem 0}.qty .btn-icon{width:32px;height:32px;border-radius:8px}.money{font-variant-numeric:tabular-nums;letter-spacing:.2px}.money--old{color:var(--c-muted);text-decoration:line-through}.money--best{color:var(--c-success)}.ribbon{position:absolute;top:12px;left:-10px;padding:.25rem .6rem;background:var(--c-secondary);color:#111;font-weight:700;font-size:.7rem;box-shadow:var(--shadow-1);transform:skew(-12deg);border-radius:4px}.ribbon>span{display:inline-block;transform:skew(12deg)}.stock-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.stock-dot--ok{background:var(--c-success)}.stock-dot--low{background:var(--c-warning)}.stock-dot--out{background:var(--c-danger)}.share{background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--radius-sm);padding:.75rem}.share__link{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.skeleton{position:relative;overflow:hidden;background:#e5e7eb;border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);animation:shimmer 1.4s infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}@keyframes shimmer{to{transform:translate(100%)}}.navbar{border-bottom:1px solid var(--c-border);background:var(--c-bg)}.nav-link{color:var(--c-text);opacity:.85;padding:.5rem .75rem;border-radius:10px}.nav-link:hover{opacity:1;background:var(--c-surface)}.nav-link.is-active{color:var(--c-primary);background:#0b1a2a14;font-weight:700}.hero{background:linear-gradient(135deg,var(--c-primary-700),var(--c-primary) 50%,var(--c-accent-600));color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.hero .hero__cta .btn{box-shadow:0 8px 24px #00c2a840}.footer-stripe{border-top:3px solid var(--c-secondary)}.rounded-preis{border-radius:var(--radius)}.border-preis{border-color:var(--c-border)}.text-muted{color:var(--c-muted)}.bg-surface{background:var(--c-surface)}#preis-loading-overlay.hidden{display:none}#preis-loading-overlay.is-visible{display:block}.preis-spinner{width:44px;height:44px;border-radius:999px;border:3px solid rgba(11,26,42,.18);border-top-color:var(--c-secondary, #D4AF37);animation:preis-spin .9s linear infinite;box-shadow:0 0 0 3px #ffffff40 inset}@keyframes preis-spin{to{transform:rotate(360deg)}}.preis-progress{height:100%;width:40%;background:linear-gradient(90deg,#d4af3740,#d4af37e6 40%,#d4af3740);animation:preis-progress 1.2s ease-in-out infinite;border-bottom-left-radius:14px;border-bottom-right-radius:14px}@keyframes preis-progress{0%{transform:translate(-120%)}50%{transform:translate(20%)}to{transform:translate(120%)}}.card--hover:hover{box-shadow:0 8px 24px #1118271f;transform:translateY(-1px);transition:.2s}[x-ref="track"]{touch-action:pan-y}