* { box-sizing: border-box; }
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #f4f5f7; color: #181818; line-height: 1.5; }
.shop-container, .checkout-container, .success-container { width: calc(100% - 32px); max-width: 900px; margin: 48px auto; padding: 36px; background: #fff; border-radius: 18px; box-shadow: 0 10px 40px rgba(0,0,0,.08); }
h1 { margin-top: 0; font-size: 34px; letter-spacing: -1px; line-height: 1.2; }
h2 { font-size: 21px; margin-top: 0; }
.cart-item { display: grid; grid-template-columns: 1fr auto auto 40px; align-items: center; gap: 22px; padding: 22px 0; border-bottom: 1px solid #e5e5e5; }
.product-info h3 { margin: 0 0 6px; font-size: 18px; }
.product-info span, .hint { color: #777; font-size: 14px; }
.quantity { display: flex; align-items: center; gap: 10px; }
.quantity button { width: 36px; height: 36px; border: 0; border-radius: 8px; background: #eee; cursor: pointer; font-size: 20px; }
.quantity span { min-width: 24px; text-align: center; }
.subtotal { min-width: 100px; text-align: right; }
.remove { border: 0; background: transparent; color: #999; font-size: 25px; cursor: pointer; }
.remove:hover { color: #b00020; }
.cart-total, .checkout-total { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 28px 0; font-size: 20px; }
.cart-total strong, .checkout-total strong { font-size: 26px; }
.cart-actions { display: flex; justify-content: space-between; gap: 15px; margin-top: 18px; }
.btn { display: inline-block; border: 0; border-radius: 10px; padding: 15px 24px; font-size: 16px; font-weight: 700; cursor: pointer; text-decoration: none; text-align: center; }
.btn.primary { background: #111; color: #fff; }
.btn.primary:hover { background: #333; }
.btn.secondary { background: #eee; color: #222; }
.btn.full { width: 100%; margin-top: 24px; }
.empty-cart { padding: 42px 10px; text-align: center; color: #777; }
.intro { color: #666; margin-bottom: 32px; }
.form-section { margin-bottom: 32px; padding-bottom: 28px; border-bottom: 1px solid #e5e5e5; }
label { display: block; margin: 18px 0 7px; font-weight: 600; }
input[type="text"], input[type="email"] { width: 100%; padding: 14px; border: 1px solid #d5d5d5; border-radius: 8px; font-size: 16px; outline: none; }
input:focus { border-color: #111; }
.form-row { display: grid; grid-template-columns: 180px 1fr; gap: 20px; }
.payment-box { padding: 20px; border-radius: 10px; background: #f5f5f5; }
.payment-box p { margin-bottom: 0; color: #666; }
.checkout-product { display: flex; justify-content: space-between; gap: 15px; padding: 14px 0; border-bottom: 1px solid #eee; }
.checkbox { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; line-height: 1.5; }
.checkbox input { margin-top: 5px; }
.success-container { max-width: 700px; text-align: center; }
.success-icon { width: 70px; height: 70px; margin: 0 auto 25px; display: flex; align-items: center; justify-content: center;     border-radius: 50%;
    background: #beff01;
    color: #000;
    font-size: 35px; }
.order-number { margin: 28px 0; padding: 20px; background: #f4f4f4; border-radius: 10px; }
.order-number strong { display: block; margin-top: 8px; font-size: 22px; }
.success-payment { margin: 24px 0; padding: 24px; border-radius: 12px; background: #f7f7f7; text-align: left; }
.success-total { margin: 28px 0; font-size: 20px; }
.success-total strong { font-size: 26px; }
@media (max-width: 700px) {
  .shop-container, .checkout-container, .success-container { margin: 16px auto; padding: 22px; }
  h1 { font-size: 28px; }
  .cart-item { grid-template-columns: 1fr; gap: 12px; }
  .subtotal { text-align: left; }
  .cart-actions { flex-direction: column; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .cart-total, .checkout-total { align-items: flex-start; font-size: 18px; }
  .cart-total strong, .checkout-total strong { font-size: 23px; }
}

/* ===== Professioneller Checkout ===== */
.checkout-page{background:#f5f6f8;color:#17191c}.checkout-header{background:#fff;border-bottom:1px solid #e8eaed}.checkout-header-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;letter-spacing:.12em;color:#111;text-decoration:none}.secure-note{font-size:14px;color:#60656b}.checkout-shell{max-width:1180px;margin:34px auto 70px;padding:0 24px}.checkout-steps{display:flex;align-items:center;justify-content:center;max-width:760px;margin:0 auto 32px}.step{display:flex;align-items:center;gap:9px;color:#8a9097;font-size:14px;white-space:nowrap}.step span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #d5d9de;background:#fff;font-weight:700}.step.active{color:#111}.step.active span{background:#111;color:#fff;border-color:#111}.step-line{height:1px;background:#dfe2e6;flex:1;margin:0 15px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}.checkout-card,.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 35px rgba(20,25,30,.06)}.checkout-card{padding:34px}.card-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#777}.card-heading h1{margin:6px 0 0;font-size:34px}.required-note{font-size:12px;color:#777}.intro{color:#666;max-width:720px;margin:14px 0 32px}.form-section{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #eceef0}.form-section:last-of-type{margin-bottom:0}.form-section h2{font-size:18px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-full{grid-column:1/-1}.field label{display:block;margin:0 0 7px;font-size:14px;font-weight:700}.field label span{color:#b00020}.field input{width:100%;padding:14px 15px;border:1px solid #d7dbe0;border-radius:9px;font:inherit;background:#fff;transition:border .15s,box-shadow .15s}.field input:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.08)}.field small{display:block;margin-top:6px;color:#777;font-size:12px}.payment-option{display:flex;gap:14px;padding:17px;border:1px solid #dfe2e6;border-radius:11px;background:#fafbfc}.payment-option.selected{border-color:#111;background:#fff}.payment-radio{width:20px;height:20px;border:2px solid #111;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.payment-radio span{width:9px;height:9px;background:#111;border-radius:50%}.payment-option strong{display:block}.payment-option p{margin:4px 0 0;color:#6b7076;font-size:13px}.check-row{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.5}.check-row input{width:18px;height:18px;margin:2px 0 0;accent-color:#111}.check-row b{color:#b00020}.legal-hint{margin:10px 0 0 29px;color:#777;font-size:12px}.submit-button{width:100%;border:0;border-radius:10px;background:#111;color:#fff;padding:17px 20px;font-size:16px;font-weight:800;cursor:pointer;display:flex;justify-content:center;gap:12px;align-items:center}.submit-button:hover{background:#292929}.submit-button:disabled{opacity:.65;cursor:wait}.submit-hint{text-align:center;color:#777;font-size:12px;margin:10px 0 0}.summary-card{padding:24px;position:sticky;top:20px}.summary-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eceef0;padding-bottom:18px}.summary-heading h2{font-size:18px;margin:0}.summary-heading a{font-size:13px;color:#111;font-weight:700}.summary-items{padding:4px 0}.summary-item{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #f0f1f2}.summary-item div{display:flex;flex-direction:column;gap:4px}.summary-item span{font-size:12px;color:#777}.summary-item>strong{white-space:nowrap}.summary-total{display:flex;justify-content:space-between;gap:15px;padding:20px 0;font-size:15px}.summary-total strong{font-size:22px}.summary-info{display:flex;gap:9px;align-items:center;padding:7px 0;color:#555;font-size:13px}.summary-info span{font-weight:800;color:#111}.summary-info p{margin:0}.empty-summary{padding:20px 0;display:flex;flex-direction:column;gap:10px;color:#666}.empty-summary a{color:#111;font-weight:700}.checkout-page .btn{border-radius:10px}
@media(max-width:850px){.checkout-grid{grid-template-columns:1fr}.summary-card{position:static;grid-row:1}.checkout-main{grid-row:2}.checkout-card{padding:24px}.card-heading h1{font-size:29px}.checkout-shell{padding:0 16px}.checkout-steps{font-size:12px}.step-line{margin:0 8px}.step span{width:26px;height:26px}}
@media(max-width:560px){.checkout-header-inner{padding:15px 16px}.checkout-shell{margin-top:20px}.checkout-steps{justify-content:space-between}.step-line{flex:0 0 25px}.step strong{display:none}.checkout-card{padding:20px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.address-grid .field{grid-column:auto}.card-heading{display:block}.required-note{display:block;margin-top:8px}.summary-card{padding:20px}}