*{box-sizing:border-box;margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1a1a1a;background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
.demobar{background:#111827;color:#fff;font-size:13.5px;text-align:center;padding:9px 16px;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
.demobar a{color:#93b4ff;font-weight:600}
.shop-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid #eee}
.logo{font-weight:900;font-size:1.5rem;letter-spacing:.18em}
.links{display:flex;gap:28px;font-weight:500;color:#444}.links a:hover{color:#000}
.cart-btn{position:relative;font-size:1.1rem;background:#111;color:#fff;border:0;border-radius:12px;padding:10px 16px;cursor:pointer}
.cart-count{position:absolute;top:-7px;right:-7px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:50%;display:grid;place-items:center}
.shop-hero{min-height:420px;display:flex;align-items:center;padding:0 32px;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.1)),url(https://loremflickr.com/1600/700/fashion-store?lock=200) center/cover;color:#fff}
.sh-text{max-width:540px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:600;opacity:.9}
.shop-hero h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:900;line-height:1.02;margin:14px 0}.shop-hero p{font-size:1.2rem;margin-bottom:26px}
.shop-cta{display:inline-block;background:#fff;color:#111;font-weight:700;padding:14px 30px;border-radius:999px;transition:transform .15s}.shop-cta:hover{transform:translateY(-2px)}
.usps{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;padding:18px;background:#f6f7f9;font-size:14px;font-weight:500;color:#333;border-bottom:1px solid #eee}
.shop-main{max-width:1180px;margin:0 auto;padding:48px 28px 80px}
.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}.toolbar h2{font-size:1.9rem;font-weight:800}
.tools{display:flex;gap:10px;flex-wrap:wrap}.tools input,.tools select{border:1px solid #ddd;border-radius:10px;padding:10px 14px;font-size:.95rem;font-family:inherit;background:#fff}.tools input{min-width:200px}
.tools input:focus,.tools select:focus{outline:none;border-color:#111}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:30px}
.f{border:1px solid #ddd;background:#fff;padding:9px 18px;border-radius:999px;font-weight:600;font-size:.92rem;cursor:pointer;transition:.15s}.f:hover{border-color:#111}.f.active{background:#111;color:#fff;border-color:#111}
.count{margin-left:auto;color:#888;font-size:.9rem;font-weight:600}
.produkte{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px}
.produkt{border:1px solid #eee;border-radius:16px;overflow:hidden;transition:transform .18s,box-shadow .18s}
.produkt:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(0,0,0,.25)}
.p-link{display:block}
.p-img{aspect-ratio:10/11;background-size:cover;background-position:center}
.p-info{padding:16px 18px 20px}
.p-kat{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#999;font-weight:700}
.p-info h3{font-size:1.1rem;margin:4px 0 6px}.p-info h3 a:hover{color:#5b8cff}
.p-rate{color:#f59e0b;font-weight:700;font-size:.88rem;margin-bottom:10px}.p-rate small{color:#bbb;font-weight:500}
.p-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.p-preis{font-weight:800;font-size:1.1rem}
.addbtn{background:#111;color:#fff;border:0;border-radius:10px;padding:9px 14px;font-weight:600;font-size:.82rem;cursor:pointer;transition:.15s}.addbtn:hover{background:#5b8cff}
.noresult{text-align:center;color:#888;padding:50px}
.shop-foot{text-align:center;padding:34px;background:#f6f7f9;color:#666;font-size:14px;border-top:1px solid #eee}.shop-foot a{color:#5b8cff;font-weight:600}
/* Drawer */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.25s;z-index:60}.overlay.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(400px,90vw);background:#fff;z-index:70;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s ease;box-shadow:-20px 0 50px -20px rgba(0,0,0,.4)}.drawer.open{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid #eee}.drawer-head h3{font-size:1.3rem}.drawer-head button{font-size:1.3rem;background:0;border:0;cursor:pointer}
.drawer-items{flex:1;overflow-y:auto;padding:18px 22px}.empty{color:#999;text-align:center;margin-top:40px}
.citem{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #f0f0f0}.citem img{width:62px;height:70px;object-fit:cover;border-radius:10px}.citem .ci-main{flex:1}.citem h4{font-size:.98rem;margin-bottom:2px}.ci-size{font-size:.8rem;color:#888}.citem .ci-preis{color:#666;font-size:.9rem}
.qty{display:inline-flex;align-items:center;gap:10px;margin-top:8px;border:1px solid #ddd;border-radius:8px;padding:3px 8px}.qty button{background:0;border:0;font-size:1rem;cursor:pointer;width:18px}
.ci-del{background:0;border:0;color:#bbb;cursor:pointer;font-size:1.1rem;align-self:flex-start}.ci-del:hover{color:#ff4d4f}
.drawer-foot{padding:20px 22px;border-top:1px solid #eee}.sum{display:flex;justify-content:space-between;font-weight:700;font-size:1.15rem;margin-bottom:14px}
.checkout{width:100%;background:#111;color:#fff;border:0;border-radius:12px;padding:15px;font-weight:700;font-size:1rem;cursor:pointer;transition:.15s}.checkout:hover{background:#5b8cff}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:#111;color:#fff;padding:13px 22px;border-radius:12px;font-weight:600;opacity:0;visibility:hidden;transition:.25s;z-index:80}.toast.show{opacity:1;visibility:visible;transform:translateX(-50%)}
/* PDP */
.pdp-crumb{max-width:1160px;margin:0 auto;padding:16px 28px 0;font-size:.88rem;color:#888}.pdp-crumb a:hover{color:#111}.pdp-crumb b{color:#111}.pdp-crumb span{margin:0 6px;color:#ccc}
.pdp{max-width:1160px;margin:0 auto;padding:18px 28px 80px}
.pdp-top{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:start}
.pdp-gallery{position:sticky;top:84px}
.pdp-main{aspect-ratio:9/10;background-size:cover;background-position:center;background-color:#f3f4f6;border-radius:16px}
.pdp-thumbs{display:flex;gap:10px;margin-top:12px}
.pdp-thumb{width:72px;height:72px;background-size:cover;background-position:center;border:2px solid #eee;border-radius:9px;cursor:pointer;background-color:#f3f4f6}.pdp-thumb:hover{border-color:#111}
.pdp-buy{padding-top:6px}
.pdp-marke{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#999;font-weight:700}
.pdp-buy h1{font-size:2rem;margin:6px 0 12px;line-height:1.2}
.pdp-rate{color:#f59e0b;font-weight:700;margin-bottom:16px}.pdp-rate .stars{letter-spacing:2px}.pdp-revlink{color:#5b8cff;font-weight:600;font-size:.88rem}
.pdp-price{font-size:2rem;font-weight:900;margin-bottom:18px}.pdp-price small{font-size:.8rem;font-weight:500;color:#999;margin-left:8px}
.pdp-lab{font-size:.85rem;font-weight:700;color:#555;display:block;margin-bottom:8px}
.pdp-colors{margin-bottom:18px}.pdp-color{display:inline-block;border:1px solid #ddd;border-radius:8px;padding:6px 12px;font-size:.85rem;margin-right:6px}
.pdp-sizes{margin-bottom:22px}.pdp-sizebtns{display:flex;flex-wrap:wrap;gap:8px}
.pdp-size{min-width:48px;border:1px solid #ccc;background:#fff;border-radius:9px;padding:10px 12px;font-weight:600;cursor:pointer;transition:.15s}.pdp-size:hover{border-color:#111}.pdp-size.active{background:#111;color:#fff;border-color:#111}
.pdp-sizehint{display:block;color:#ff4d4f;font-size:.85rem;font-weight:600;margin-top:8px}
.pdp-add{width:100%;background:#111;color:#fff;border:0;border-radius:12px;padding:16px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:.15s;margin-bottom:20px}.pdp-add:hover{background:#5b8cff}
.pdp-usp{list-style:none;display:grid;gap:8px}.pdp-usp li{font-size:.9rem;color:#555}
.pdp-desc,.pdp-specs,.pdp-similar{margin-top:42px}
.pdp-desc h2,.pdp-specs h2,.pdp-similar h2{font-size:1.3rem;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #eee}
.pdp-desc p{color:#444;max-width:75ch}
.pdp-specs table{width:100%;border-collapse:collapse;border:1px solid #eee;border-radius:12px;overflow:hidden}
.pdp-specs tr:nth-child(even){background:#fafafa}.pdp-specs td{padding:13px 18px;font-size:.94rem;border-top:1px solid #f0f0f0}.pdp-specs tr:first-child td{border-top:0}
.pdp-specs td:first-child{color:#777;width:38%;font-weight:500}.pdp-specs td:last-child{font-weight:600}
.pdp-simgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.pdp-simcard{border:1px solid #eee;border-radius:12px;overflow:hidden;transition:.16s}.pdp-simcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px -16px rgba(0,0,0,.25)}
.pdp-simimg{aspect-ratio:10/11;background-size:cover;background-position:center;background-color:#f3f4f6}
.pdp-siminfo{padding:12px 14px 14px}.t-marke{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#999;font-weight:700}.pdp-siminfo h4{font-size:.95rem;margin:3px 0 6px}.pdp-simpreis{font-weight:800}
.pdp-back{display:inline-block;margin-top:40px;color:#5b8cff;font-weight:600}
@media(max-width:760px){.links{display:none}.count{margin-left:0}.pdp-top{grid-template-columns:1fr}.pdp-gallery{position:static}}