body{margin:0;font-family:sans-serif;background:#f7f7f7}
.skip-link{position:absolute;left:-999px}
.skip-link:focus{left:10px;top:10px;background:#000;color:#fff;padding:8px}
.header{position:sticky;top:0;display:flex;justify-content:space-between;
padding:14px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.hero{padding:40px;text-align:center;background:#ffe4ec}
.flash{text-align:center;padding:20px;background:#fff3cd}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:16px}
.product-card{background:#fff;border-radius:12px;padding:12px;position:relative}
.badge{position:absolute;top:8px;left:8px;background:#ff2f6e;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}
.price-wrap .old{text-decoration:line-through;color:#999}
.price-wrap .new{color:#ff2f6e;font-weight:700;margin-left:6px}
.cta{width:100%;background:var(--primary);color:#fff;padding:10px;border-radius:8px;border:0}
.trust{display:flex;justify-content:space-around;padding:16px;background:#fff;font-size:14px}

#cart-drawer{position:fixed;top:0;right:-100%;width:320px;height:100%;
background:#fff;box-shadow:-2px 0 12px rgba(0,0,0,.2);transition:.3s;z-index:9999}
#cart-drawer.active{right:0}
.cart-inner{padding:16px}
.checkout-btn{display:block;margin-top:12px;background:var(--primary);color:#fff;
padding:10px;text-align:center;border-radius:8px;text-decoration:none}
