:root{--navy:#07132a;--gold:#f1b24a;--muted:#9fb0c6;--card:#0b1626}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#031225,#07132a);color:#e8f2fb}
.container{max-width:1100px;margin:0 auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:12px;align-items:center}.brand img{height:56px}nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}nav a{color:var(--muted);text-decoration:none;font-weight:600}nav div{color:var(--muted);text-decoration:none;font-weight:600}
.actions{display:flex;gap:10px}.btn{background:transparent;border:1px solid rgba(255,255,255,0.06);padding:8px 12px;border-radius:8px;color:var(--muted)}.btn-primary{background:linear-gradient(90deg,var(--gold),#e98f3a);border:0;color:#071018;padding:9px 14px;font-weight:700;border-radius:10px}
.cart-btn{position:relative}
.cart-count{position:absolute;top:-6px;right:-8px;background:var(--gold);color:#071018;border-radius:999px;padding:3px 7px;font-weight:700;font-size:12px}
.hero{display:grid;grid-template-columns:1fr 420px;gap:34px;align-items:center;padding:36px 0}.hero h1{font-size:44px;margin:0 0 8px}.hero p{color:var(--muted)}
.hero-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:18px;border-radius:18px;box-shadow:0 10px 40px rgba(2,6,23,0.6)}.mannequin{width:320px;height:420px;background-size:cover;border-radius:12px}
.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 0 14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);padding:14px;border-radius:12px;box-shadow:0 8px 26px rgba(2,6,23,0.6);transition:transform .18s ease}.card:hover{transform:translateY(-6px)}
.product-img{height:300px;border-radius:8px;background-size:cover;background-position:center}.split{display:grid;grid-template-columns:1fr 360px;gap:24px;margin-top:18px}.card-alt{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);padding:16px;border-radius:12px}
footer{margin-top:36px;padding:28px 0;border-top:1px solid rgba(255,255,255,0.03);color:var(--muted)}
@media (max-width:980px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media (max-width:640px){nav ul{display:none}.grid{grid-template-columns:1fr}.hero h1{font-size:28px}.container{padding:18px}}
.table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid rgba(255,255,255,0.03);color:var(--muted)}
.menu {
  display: flex;
  background-color: #ffffff00;
  padding: 10px;
  gap: 20px;
}

.menu-item {
  color: #9fb0c6;
  position: relative; /* necessário para o submenu */
  cursor: pointer;
  padding: 0px 0px;
}

/* Submenu escondido */
.submenu {
  display: none;
  position: absolute;
  top: 100%; /* logo abaixo do item principal */
  left: 0;
  background-color: #0b2046;
  padding: 10px 15%;
  border-radius: 5px;
  min-width: 120px;
  z-index: 10;
}

/* Itens do submenu */
.submenu-item {
  padding: 8px 15px;
  color: white;
}

.submenu-item:hover {
  background-color: #777;
}

/* Mostrar submenu ao passar o mouse */
.menu-item.produtos:hover .submenu {
  display: block;
}