/* === NOVA v7: Store header layout update === */
.profile-change-content{ position:relative; }

.profile-change-header{
  display:grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
  align-items:center;
  justify-items:center;
  margin-bottom: 12px;
  padding-top: 8px;
}

.store-title{
  margin:0;
  text-align:center;
  font-weight:800;
  letter-spacing:.3px;
  display:flex; align-items:center; gap:8px; justify-content:center;
  font-size: clamp(20px, 2.6vw, 32px);
}

.store-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 12px;
  flex-wrap: wrap;
}

.current-diamonds{
  display:flex; align-items:center; gap:8px;
  padding: 8px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(6px);
  font-weight: 800;
  font-size: clamp(14px, 1.6vw, 16px);
}

#profileCloseButton{
  position:absolute; top:12px; right:12px;
  width: clamp(32px, 4vw, 40px); height: clamp(32px, 4vw, 40px);
  display:flex; align-items:center; justify-content:center;
  border-radius: 12px; border:0; cursor:pointer; z-index:5;
  background:#f6465d; color:#fff; font-weight:900; font-size: clamp(14px, 2vw, 18px);
  box-shadow: 0 6px 14px rgba(246,70,93,.35);
}

@media (min-width: 920px){
  .profile-change-header{ row-gap: 12px; }
  .store-controls{ gap: 14px; }
}

/* keep category bar spacing consistent after new header */
.profile-categories{ margin-top: 8px; }