*{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased} a{color:inherit} img{max-width:100%} .topbar{display:flex;align-items:center;gap:20px;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20} .topbar .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:20px;font-weight:700;text-decoration:none} .topbar .brand img{height:36px;width:36px;object-fit:cover;border-radius:8px} .topbar nav{display:flex;align-items:center;gap:22px;margin-left:auto} .topbar nav a{text-decoration:none;font-size:14px;font-weight:600;color:#3a2f24;display:flex;align-items:center;gap:6px} .cart-link{position:relative} .cart-badge{position:absolute;top:-8px;right:-12px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px} .wrap{max-width:1100px;margin:0 auto;padding:32px 24px 90px} .flash{background:#f4fbea;border:1px solid #9cba7a;color:#345c24;border-radius:12px;padding:12px 16px;margin:0 0 20px;font-size:14px} .flash.error{background:#fdf1f1;border-color:#e2a3a3;color:#7a2626} .hero{background:linear-gradient(135deg,var(--surface),var(--bg));border:1px solid var(--line);border-radius:var(--radius);padding:38px 32px;margin:0 0 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap} .hero .logo{height:64px;width:64px;border-radius:14px;object-fit:cover;background:#fff;border:1px solid var(--line)} .hero h1{font-family:var(--font-heading);font-size:30px;margin:0 0 4px} .hero p{margin:0;color:var(--muted);font-size:14px} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px} .p-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s} .p-card:hover{box-shadow:0 12px 28px rgba(20,15,5,.08);transform:translateY(-2px)} .p-card .img{aspect-ratio:var(--card-ratio);background:#f3eee6;display:flex;align-items:center;justify-content:center;color:#a89b86;font-size:13px;position:relative} .p-card .img img{width:100%;height:100%;object-fit:cover} .badge-sale{position:absolute;top:10px;left:10px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px} .p-card .body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1} .p-card strong{font-size:15px;line-height:1.3} .p-card .price{color:#5a4633;font-weight:700;margin-top:auto} .p-card .price s{color:#a89b86;font-weight:400;margin-left:6px;font-size:13px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#111;color:#fff;border:0;border-radius:var(--radius);padding:11px 18px;text-decoration:none;font-size:14px;cursor:pointer;font-weight:600} .btn.gold{background:var(--sand);color:#2b2118} .btn.gold:hover{background:var(--sand-dark)} .btn.ghost{background:#fff;color:#111;border:1px solid var(--line)} .btn.block{width:100%} .btn.sm{padding:8px 12px;font-size:13px;border-radius:8px} .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:0 0 14px} input,textarea,select{font-family:inherit;font-size:14px} h1{font-family:var(--font-heading);font-size:32px;margin:0 0 20px} .cats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px} .cats a{border:1px solid var(--sand);border-radius:999px;padding:6px 14px;text-decoration:none;color:#5a4633;font-size:13px} .cats a.on{background:var(--sand);color:#2b2118;font-weight:700} .line-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)} .line-item .thumb{width:56px;height:56px;border-radius:10px;background:#f3eee6;object-fit:cover;flex-shrink:0} .totals{display:flex;justify-content:space-between;padding:6px 0;font-size:14px} .totals.grand{font-weight:700;font-size:18px;border-top:1px solid var(--line);padding-top:10px;margin-top:6px} .pay-options{display:flex;flex-direction:column;gap:10px} .pay-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer} .pay-option:has(input:checked){border-color:var(--sand);background:#fbf6ec} .pay-option input{margin:0} .success-icon{width:56px;height:56px;border-radius:999px;background:#e9f4e4;color:var(--success);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 0 14px} footer.storefront-footer{max-width:1100px;margin:40px auto 0;padding:24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center} @media(max-width:820px){.prod-grid,.checkout-grid{grid-template-columns:1fr !important}.hero{padding:26px 20px}.topbar nav{gap:14px}}

WOW Hair & Beauty

Entdecken Sie unsere Produkte – schnell bestellt, sicher bezahlt.

Alle Gesichtsreinigung Sonnenproducte Körperpflege Babyproducte Menproducte

Sale Kein Bild

SPF+ 50 79,99 €~~99,99 €~~