:root{
  --orange:#ff6600;
  --black:#101010;
  --blue:#0057bd;
  --red:#bd0d0d;
  --green:#078833;
  --gray:#f5f6f8;
  --text:#333;
}
*{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:var(--orange);color:#fff;text-align:center;padding:10px;font-weight:700;font-size:14px;letter-spacing:.3px}
.header{background:var(--black);color:#fff;padding:22px 0}
.container{width:92%;max-width:1280px;margin:auto}
.header-row{display:flex;align-items:center;gap:28px;justify-content:space-between}
.logo{font-size:28px;font-weight:900;letter-spacing:1px}
.logo span{color:var(--orange)}
.search{flex:1;max-width:520px;display:flex;background:#fff;border-radius:8px;overflow:hidden}
.search input{border:0;padding:17px;font-size:16px;flex:1;outline:0}
.search button{border:0;background:#fff;color:var(--blue);font-size:22px;padding:0 18px;cursor:pointer}
.header-actions{display:flex;gap:24px;align-items:center;font-weight:700}
.nav{background:#161616;color:#fff}
.nav-row{display:flex;align-items:center;gap:35px;padding:16px 0;font-weight:700;font-size:14px}
.nav a:hover{color:var(--orange)}
.hero{background:linear-gradient(135deg,#fff 0%,#f2f2f2 100%);padding:42px 0}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.hero h1{font-size:46px;line-height:1.08;margin:0 0 15px}
.hero p{font-size:18px;margin:0 0 25px;color:#555}
.btn{display:inline-block;padding:13px 22px;border-radius:7px;font-weight:800;border:0;cursor:pointer}
.btn-primary{background:var(--blue);color:#fff}
.btn-orange{background:var(--orange);color:#fff}
.btn-green{background:var(--green);color:#fff}
.section{padding:42px 0}
.section-title{text-align:center;font-size:27px;letter-spacing:2px;margin:0 0 30px}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{border:1px solid #e4e4e4;border-radius:5px;background:#fff;overflow:hidden;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.card-img{height:250px;display:flex;align-items:center;justify-content:center;background:#fff}
.card-img img{max-width:100%;max-height:240px;object-fit:contain}
.no-img{width:180px;height:180px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900}
.badges{display:flex;gap:7px;justify-content:center;margin-top:-18px;position:relative;z-index:2}
.badge{background:var(--blue);color:#fff;border-radius:7px;padding:7px 16px;font-size:12px;font-weight:800}
.discount{position:absolute;right:0;top:12px;background:var(--blue);color:#fff;font-weight:800;padding:9px 13px;border-radius:5px 0 0 5px}
.card-body{text-align:center;padding:15px 18px 20px}
.card h3{font-size:17px;min-height:44px;margin:8px 0}
.old{text-decoration:line-through;color:#777;font-size:13px}
.price{color:var(--blue);font-size:24px;font-weight:900;margin:5px 0}
.timer{background:var(--red);color:#fff;border-radius:20px;padding:10px;font-weight:900;margin:13px 0;font-size:13px}
.card-actions{display:grid;gap:8px}
.footer{background:#111;color:#fff;padding:35px 0;margin-top:30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;background:#078833;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;z-index:50}
.form-box{max-width:780px;margin:25px auto;border:1px solid #ddd;padding:25px;border-radius:8px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
label{font-weight:700;font-size:14px}
input,select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;margin-top:5px}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left}
.alert{padding:12px;border-radius:6px;margin:10px 0}
.alert-ok{background:#e9f8ee;color:#087d34}
.alert-error{background:#fdeaea;color:#a40000}
.admin-wrap{display:flex;min-height:100vh;background:#f3f4f6}
.sidebar{width:260px;background:#111;color:#fff;padding:24px}
.sidebar a{display:block;padding:13px;border-radius:6px;margin:5px 0}
.sidebar a:hover{background:#222;color:var(--orange)}
.admin-main{flex:1;padding:25px}
.admin-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:18px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kpi{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.kpi strong{display:block;font-size:28px;color:var(--blue);margin-top:8px}
@media(max-width:900px){
  .header-row,.hero-grid,.footer-grid{grid-template-columns:1fr;display:grid}
  .header-actions,.nav-row{flex-wrap:wrap;gap:15px}
  .products{grid-template-columns:repeat(2,1fr)}
  .form-grid,.kpis{grid-template-columns:1fr}
  .sidebar{width:100%;position:relative}
  .admin-wrap{display:block}
}
@media(max-width:540px){
  .products{grid-template-columns:1fr}
  .hero h1{font-size:32px}
}

/* Melhorias painel administrativo */
.admin-main h1{margin-top:0}
.admin-card h2{margin-top:0;color:#222}
.admin-card form h2{
  border-bottom:1px solid #eee;
  padding-bottom:10px;
  margin-top:25px;
}
.admin-card input[type="color"]{
  height:46px;
  padding:4px;
}
.btn-danger{
  background:#b91c1c;
  color:#fff;
}
.btn-light{
  background:#f3f4f6;
  color:#111;
}
.table a{
  color:var(--blue);
  font-weight:700;
}
.alert-info{
  background:#eaf2ff;
  color:#003c8f;
}