/* uvershift – Shop, Konto, Partner-Portal (ergänzt site.css). Alles rund, Quicksand. */
.px{--v:#6A4CFF;--vd:#4B2FE0;--mint:#2EE6C5;--sky:#4FC3FF;--coral:#FF6B7A;--sun:#FFC94D;--ink:#15112E;--tx:#1B1B1B;--mu:#6E6A86;--ln:#E7E4F5;--bg:#F6F5FF;
  font-family:Quicksand,system-ui,sans-serif;color:var(--tx);max-width:1120px;margin:0 auto;padding:34px 16px 70px}
.px *{box-sizing:border-box}
.px h1{font-size:clamp(28px,4vw,40px);margin:0 0 8px;letter-spacing:-.5px}
.px h2{font-size:22px;margin:0 0 14px}
.px .lead{color:var(--mu);font-size:17px;margin:0 0 26px}
.px .card{background:#fff;border:1px solid var(--ln);border-radius:28px;padding:26px;box-shadow:0 12px 32px rgba(106,76,255,.08)}
.px .grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.px .g2{display:grid;gap:18px;grid-template-columns:1.25fr .9fr}
@media (max-width:860px){.px .g2{grid-template-columns:1fr}}
.px .row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.px .fields{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media (max-width:560px){.px .fields{grid-template-columns:1fr}}
.px .fields .full{grid-column:1/-1}
.px label{display:block;font-size:13px;font-weight:700;color:var(--mu);margin:0 0 6px 6px}
.px input[type=text],.px input[type=email],.px input[type=password],.px input[type=tel],.px input[type=number],.px input[type=date],.px select,.px textarea{
  width:100%;font:inherit;font-weight:600;padding:13px 16px;border:1.5px solid var(--ln);border-radius:16px;background:#fff;color:var(--tx);outline:none;transition:.15s}
.px input:focus,.px select:focus,.px textarea:focus{border-color:var(--v);box-shadow:0 0 0 4px rgba(106,76,255,.12)}
.px .chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mu);margin:6px 0}
.px .chk input{width:20px;height:20px;accent-color:var(--v);margin-top:1px}
.px .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:15px;border:0;cursor:pointer;text-decoration:none;
  padding:13px 24px;border-radius:999px;background:linear-gradient(135deg,var(--v),var(--sky));color:#fff;box-shadow:0 10px 24px rgba(106,76,255,.28);transition:.15s}
.px .btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(106,76,255,.34)}
.px .btn.s{background:#fff;color:var(--v);border:1.5px solid var(--ln);box-shadow:none}
.px .btn.mint{background:linear-gradient(135deg,var(--mint),var(--sky));color:var(--ink)}
.px .btn.red{background:#fff;color:#d23c4d;border:1.5px solid #ffd3d8;box-shadow:none}
.px .btn.sm{padding:8px 16px;font-size:13px}
.px .pill{display:inline-block;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#EEEBFF;color:var(--v)}
.px .pill.ok{background:#DDFBF4;color:#0b8a72}.px .pill.warn{background:#FFF4D6;color:#a87900}.px .pill.bad{background:#FFE5E8;color:#c2384a}.px .pill.mu{background:#F0EFF5;color:var(--mu)}
.px .muted{color:var(--mu)} .px .small{font-size:13px}
.px table.t{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.px table.t th{text-align:left;color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:10px;border-bottom:1px solid var(--ln)}
.px table.t td{padding:12px 10px;border-bottom:1px solid var(--ln)}
.px .scroll{overflow-x:auto}
.px .plan{position:relative;display:flex;flex-direction:column;gap:10px}
.px .plan.hl{border:2px solid var(--v)}
.px .plan .price{font-size:38px;font-weight:700;letter-spacing:-1px}
.px .plan .price small{font-size:15px;color:var(--mu);font-weight:600}
.px .plan ul{list-style:none;padding:0;margin:6px 0 10px;display:grid;gap:8px}
.px .plan li{padding-left:28px;position:relative}
.px .plan li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%2315112E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.px .badge{position:absolute;top:-13px;right:22px;background:linear-gradient(135deg,var(--v),var(--sky));color:#fff;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700}
.px .toggle{display:inline-flex;background:#fff;border:1px solid var(--ln);border-radius:999px;padding:5px;gap:4px}
.px .toggle a,.px .toggle button{border:0;background:none;font:inherit;font-weight:700;padding:9px 18px;border-radius:999px;color:var(--mu);text-decoration:none;cursor:pointer}
.px .toggle .on{background:var(--v);color:#fff}
.px .sum{display:grid;gap:8px;font-size:15px}
.px .sum div{display:flex;justify-content:space-between;gap:10px}
.px .sum .tot{font-size:20px;font-weight:700;border-top:1px dashed var(--ln);padding-top:10px}
.px .note{background:#EEEBFF;border-radius:20px;padding:14px 18px;font-size:14px;color:#3a2aa8}
.px .note.warn{background:#FFF4D6;color:#7a5a00}.px .note.ok{background:#DDFBF4;color:#08654f}.px .note.bad{background:#FFE5E8;color:#9c2636}
.px .kpis{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.px .kpi{background:#fff;border:1px solid var(--ln);border-radius:24px;padding:18px 20px}
.px .kpi b{display:block;font-size:28px;letter-spacing:-.5px}
.px .kpi span{color:var(--mu);font-size:13px;font-weight:600}
.px .kpi.dark{background:linear-gradient(135deg,var(--ink),#2a1f66);color:#fff;border:0}.px .kpi.dark span{color:#b9b2e8}
.px .copy{display:flex;gap:8px}.px .copy input{flex:1}
.px .tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.px .tabs a{padding:9px 16px;border-radius:999px;background:#fff;border:1px solid var(--ln);color:var(--tx);text-decoration:none;font-weight:700;font-size:14px}
.px .tabs a.on{background:var(--v);color:#fff;border-color:var(--v)}