.classic-gold-root { max-width: 420px; }

.cg-wrap{
  border:1px solid #eee;
  border-radius:16px;
  padding:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.cg-row{ margin-bottom:14px; }
.cg-title{ font-weight:700; margin-bottom:8px; }

.cg-buttons{ display:flex; gap:10px; flex-wrap:wrap; }

.cg-btn{
  border:1px solid #ddd;
  background:#fff;
  padding:10px 14px;
  border-radius:10px;
  cursor:pointer;
  font-weight:600;
}
.cg-btn-active{
  background:#111;
  color:#fff;
  border-color:#111;
}

.cg-input{
  width:100%;
  border:1px solid #ddd;
  border-radius:10px;
  padding:12px 12px;
  font-size:16px;
  outline:none;
}
.cg-input:focus{
  border-color:#6a5cff;
  box-shadow:0 0 0 3px rgba(106,92,255,.15);
}

.cg-hint{ font-size:12px; color:#666; margin-top:6px; }

.cg-checkrow{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.cg-check{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight:700;
}
.cg-side{ font-weight:800; }

.cg-error{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid #ffb4b4;
  background:#fff2f2;
  color:#b10000;
  font-weight:700;
}

.cg-pricebox{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}
.cg-price{ font-size:34px; font-weight:900; }

.cg-add{
  background:#4f52ff;
  color:#fff;
  border:none;
  border-radius:12px;
  padding:14px 18px;
  cursor:pointer;
  font-weight:800;
}
.cg-add:disabled{
  opacity:.6;
  cursor:not-allowed;
}