:root{--brand:#8a2d7c;--brand2:#d55bb2;--text:#222;--muted:#777;--bg:#faf7f9}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}.topbar{background:#111;color:#fff;text-align:center;padding:9px;font-size:13px}
.site-header{display:flex;align-items:center;gap:28px;padding:18px 5%;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10}
.logo{font-size:31px;font-weight:700;letter-spacing:2px;color:var(--brand)}.search{display:flex;flex:1}.search input{flex:1;padding:13px;border:1px solid #ccc;border-radius:6px 0 0 6px}.search button{padding:0 22px;border:0;background:#111;color:#fff;border-radius:0 6px 6px 0}
.site-header nav{display:flex;gap:18px;font-size:14px}.hero{min-height:430px;background:linear-gradient(90deg,#f1e5ea 0%,#f4edf0 45%,#d9c7cf 100%);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:50px 7%}
.hero h1{font-size:48px;margin:0 0 15px}.hero p{font-size:18px;max-width:560px;color:#555}.btn{display:inline-block;background:var(--brand);color:#fff;padding:13px 22px;border-radius:5px;border:0;cursor:pointer}
.container{width:min(1180px,92%);margin:38px auto}.section-title{text-align:center;margin:25px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff;transition:.2s;position:relative}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f5f5f5}.card-body{padding:14px}.price{font-size:18px;font-weight:700;color:var(--brand)}.old-price{text-decoration:line-through;color:#999;font-size:13px}.badge{position:absolute;top:10px;left:10px;background:#e64a55;color:#fff;padding:5px 8px;border-radius:4px;font-size:12px}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat{padding:28px;background:var(--bg);border-radius:10px;text-align:center;font-weight:700}
.product{display:grid;grid-template-columns:1fr 1fr;gap:40px}.product img{width:100%;border-radius:12px}.product h1{font-size:38px}.qty{width:80px;padding:12px}
.form-card{max-width:760px;margin:35px auto;border:1px solid #eee;padding:25px;border-radius:10px}.field{margin-bottom:15px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #eee;padding:12px;text-align:left}.alert{padding:12px;border-radius:6px;background:#eaf8ec;margin:15px 0}.error{background:#fdeaea}
.footer{margin-top:60px;background:#171717;color:#fff;padding:38px 6%;display:flex;justify-content:space-between}.footer a{display:block;margin:8px 0;color:#ddd}.whatsapp{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;padding:12px 16px;border-radius:30px}
.admin-wrap{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#171717;color:#fff;padding:25px}.sidebar a{display:block;padding:11px 0;color:#ddd}.admin-main{padding:28px;background:#f6f7f9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#fff;padding:22px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.05)}
@media(max-width:900px){.grid,.categories,.stats{grid-template-columns:repeat(2,1fr)}.hero,.product{grid-template-columns:1fr}.site-header{flex-wrap:wrap}.search{order:3;width:100%}.admin-wrap{grid-template-columns:1fr}.sidebar{position:static}}
@media(max-width:560px){.grid,.categories,.stats{grid-template-columns:1fr}.hero h1{font-size:36px}.site-header nav{width:100%;justify-content:space-between}.footer{display:block}}